{tool.result}

","\t\t\t\t\t\t\t\t

Result

","\t\t\t\t\t\t\t

","\t\t\t\t\t\t{tool.result !== undefined && (","\t\t\t\t\t\t\t\t

{tool.args}

","\t\t\t\t\t\t\t\t

Input

","\t\t\t\t\t\t{tool.args !== undefined && (","\t\t\t\t\t

","\t\t\t\t>","\t\t\t\t\tsurface=\"tool-call\"","\t\t\t\t\topen={open}","\t\t\t\t\tmotion={motionContract(\"collapse\")}","\t\t\t\t\timmediately={motionImmediately()}","\t\t\t\t\tid={contentId}","\t\t\t\t","\t\t\t\t\t)}","\t\t\t\t\t\t

","\t\t\t\t\t\t\t

{tool.result}

","\t\t\t\t\t\t\t

Result

","\t\t\t\t\t\t

","\t\t\t\t\t{tool.result !== undefined && (","\t\t\t\t\t\t\t

{tool.args}

","\t\t\t\t\t\t\t

Input

","\t\t\t\t\t{tool.args !== undefined && (","\t\t\t\t

","\t\t\t{hasDetails && (","\t\t\t\t:

{row}

}","\t\t\t\t)","ae7834ed","8e126d2f","id","01M4CCG70G345AR1QP2RKPWW0G","project","number",364,"title","Unify expand and collapse timing","description",{"_415":416,"_54":417},"state","merged","base",{"_378":18,"_411":414,"_413":36},"head",{"_378":18,"_411":412,"_413":38},"mergeRevision","27f40ff5a54b2675578de3196ed9b3cf4e27cf56","implements",[],"addresses",[],"createdBy",{"_407":408},"createdAt","2026-10-07T23:52:10.000Z","updatedAt","2026-10-08T15:31:52.000Z","locked","fork","headAvailable",true,"actor",{"_53":409,"_376":410},"user","import:github:5599295","branch","refs/pull/364/head","revision","refs/heads/main","format","markdown","## Why\nRevealing more content moved at four speeds on two curves: the sidebar 250ms, the research fold 420ms rows + 300ms opacity after a 120ms delay (about 540ms in all, the slowest motion in the app), the decision fold 200ms on `--ease-out`, and Chat tool-call details not at all (`display: none`).\n\n## What changed\n- One preset: `--acc-expand` 250ms open, `--acc-collapse` 200ms close, `--motion-move`. `--acc-collapse` goes from 250ms to 200ms, and the `collapse` contract's `closeDuration` follows (200).\n- Research fold and decision fold use those tokens (open = expand, close = collapse); the 120ms delay and the bespoke 420/300ms values are gone, with their `preserved-values.json` exception.\n- Chat tool-call details now use `MotionDisclosure` with the `collapse` contract, so they animate like the sidebar (previously instant).\n- Reduced motion is unchanged: `.motion-collapse` and the folds still settle with `transition: none`.\n- Not done: decision \"Add an option\" row swap (an input/focus swap in `packages/question`, not a fold) and the broader token cleanup (finding 9). Left `closeDuration` untouched in other contracts to avoid #346.\n\n## Screenshots\n![Research, decision, Chat, and sidebar folds at 50, 150, and 300 milliseconds after opening](https://github.com/user-attachments/assets/2698c0f2-1042-44be-a669-5cb145883dd8)\n\nTiming, not layout, changed. Height/opacity frame sequences every 50ms (before: main at :8795, after: this branch at :8864). The research, decision and tool-details folds were sampled by mounting the shipped classes in the live page, because the fake server has no Planner/research; the sidebar disclosure is the real component.\n- Before: `frames-before.txt` (not committed), after: `frames-after.txt`.\n- Settle time before to after: research open 533 to 260ms, research close 416 to 202ms, decision fold 199 to 259ms open / 210ms close, tool details instant to 258ms open / 208ms close, sidebar 253/324 to 243/246ms.\n\n## Testing\n- `bun run ci` passes; `bun run types` passes.\n- `bun test apps/web packages/editor packages/question`: all pass; `tokens.test.ts` timed out under machine load, passes alone with `--timeout 60000`.\n- Local e2e suspended per the brief; relying on PR CI.\n\n🤖 Generated with [Claude Code](https://claude.com/claude-code)\n","MaggieAppleton","documentNavigation","repo","githubnext/chopin","repoId","ownerId","org:89615882","site","nexthub","private","admin","settings","triage","starred","stars","watchers","watching","pinned","notify","views",[555,556,557,558,559,560,561,562,563,564,565,566,567],"navigation",{"_437":438,"_517":518,"_519":520,"_521":522,"_523":524,"_525":526,"_90":527},"sources",[],"meta",{"_383":512,"_513":514,"_515":129,"_427":22,"_389":507,"_516":22,"_432":56,"_433":56},"branches",[455,456,457,458,459,460,461,462,463,464,465,466,467,468,469,470,471,472,473,474,475,476,477,478,30,479,480,481,482,483,484,485,486,487,488,489,490,491,492,493,494,495,496,497,498,499,500,501,502,503,504,505,506,507,508,509,510,511],"tags",[451,452,453,454],"cloneUrl","https://git.nexthub.sh/githubnext/chopin.git","color-controls-slice-1","color-controls-slice-2","color-controls-slice-3","color-controls-slice-4","Krzysztof-Cieslak-patch-1","Krzysztof-Cieslak-patch-2","Maggie/app-preview-toolkit","Maggie/ci-playwright-install-timeout","Maggie/collaborative-visual-decision","Maggie/design-audit","Maggie/generic-visual-decision-runtime","Maggie/impeccable-chopin-metadata","Maggie/jev-chat-product","Maggie/jev-composed-assessment","Maggie/native-document-layouts","Maggie/openui-composition-product","Maggie/openui-composition-trial","Maggie/planner-visual-authoring","Maggie/planner-visual-requests","Maggie/visual-selection-eval","artifacts/pr-419-live-preview-20261009","automation/pr-maintenance-state","automation/use-effect/callout-disabled-picker-8cf9e49ba5c09471","automation/use-effect/collaboration-options-ref-4e3a5a08a879a5ae","automation/use-effect/room-workspace-effective-access-a57d40866c71bed0","chore/bun-1.4.2","color-controls","color-controls-plan","design-pr-assets","design/archived-decisions-badge","design/channel-route-remount","design/chat-decision-entry","design/conversation-analysis-markers","design/decision-evidence","design/settled-line-icon","dev/integration","diagram-step-controls","feat/liveapp-frontend-pilot","feat/local-experiments","feat/local-launcher-tracer","fix/autolink-mdx-crash","github-pills/2-pills","github-pills/3-hover-card","maggie/app-preview-toolkit","maggie/ci-playwright-install-timeout","maggie/collaborative-visual-decision","maggie/design-audit","maggie/generic-visual-decision-runtime","maggie/impeccable-chopin-metadata","maggie/jev-composed-assessment","maggie/native-document-layouts","maggie/openui-composition-product","maggie/openui-composition-trial","maggie/planner-visual-authoring","maggie/planner-visual-requests","maggie/visual-selection-eval","main","plain-text-fence-chrome","tokens/09-copy","wireframes/2-renderer","wireframes/3-planner","Let's compose rich plans together","owner","githubnext","section","empty","pins",[539,540,541],"documents",{"_534":535,"_536":537},"code",{"_23":532,"_533":58},"automations",{"_530":142,"_531":-5},"delivery",{"_528":56,"_529":-5},"04zvKQ8QOrDUF8TO1Ovz0Zy8_TT","releases","applications","workflows","deployments",1000,"changes","counts",{"_538":537},"total",11,"issue",{"_376":533,"_543":553,"_49":533,"_545":554,"_435":406,"_547":22,"_548":406,"_549":58},{"_376":550,"_543":551,"_49":550,"_545":552,"_435":406,"_547":22,"_548":406,"_549":56},{"_376":542,"_543":544,"_49":542,"_545":546,"_435":406,"_547":22,"_548":406,"_549":537},"issues","name","Issues","filters",{},"saved","pinnable","count","tasks","Tasks",{},"Changes",{},{"_376":533,"_543":553,"_49":533,"_545":598,"_435":406,"_547":22,"_548":406},{"_376":550,"_543":551,"_49":550,"_545":597,"_435":406,"_547":22,"_548":406},{"_376":542,"_543":544,"_49":542,"_545":596,"_435":406,"_547":22,"_548":406},{"_376":593,"_543":594,"_49":593,"_545":595,"_435":22,"_547":22,"_548":406},{"_376":590,"_543":591,"_49":590,"_545":592,"_435":22,"_547":22,"_548":406},{"_376":530,"_543":588,"_49":523,"_545":589,"_435":22,"_547":22,"_548":406},{"_376":531,"_543":585,"_49":586,"_545":587,"_435":22,"_547":22,"_548":406},{"_376":528,"_543":583,"_49":528,"_545":584,"_435":22,"_547":22,"_548":406},{"_376":579,"_543":580,"_49":581,"_545":582,"_435":22,"_547":22,"_548":406},{"_376":519,"_543":577,"_49":519,"_545":578,"_435":22,"_547":22,"_548":22},{"_376":574,"_543":575,"_49":574,"_545":576,"_435":22,"_547":22,"_548":22},{"_376":571,"_543":572,"_49":571,"_545":573,"_435":22,"_547":22,"_548":22},{"_376":568,"_543":569,"_49":568,"_545":570,"_435":22,"_547":22,"_548":22},"decisions","Decisions",{},"changelog","Changelog",{},"roadmap","Roadmap",{},"Documents",{},"activity","Activity","insights",{},"Releases",{},"Deployments","automations/deployments",{},"Workflows",{},"discussions","Discussions",{},"goals","Goals",{},{},{},{},"groups",[],"now",1794435433331,"sidebar","expanded"]