[Opencode Sync] App: Components

[adolago]

Scope

• Base ref: origin/main
• Source ref: opencode/dev
• Theme id: app-components
• Commits mapped: 259
• Date span: 2026-01-05 to 2026-02-13

Theme Summary

UI component behavior and rendering changes in the app package.

Mapping Rule

Commits are assigned to one issue by dominant touched-path prefix (most matched files in commit; ties resolved by longest prefix then fixed theme order).

Top Path Hotspots

• packages/app/src/components/prompt-input.tsx (60)
• packages/app/src/pages/session.tsx (40)
• packages/app/src/components/session/session-header.tsx (34)
• packages/app/src/components/settings-general.tsx (31)
• packages/app/src/components/settings-providers.tsx (21)
• packages/app/src/pages/layout.tsx (21)
• packages/app/src/components/file-tree.tsx (21)
• packages/app/src/components/dialog-select-server.tsx (19)
• packages/app/src/components/titlebar.tsx (19)
• packages/app/src/components/terminal.tsx (16)

Commits

• d9eed4c6 feat(app): file tree
• 8bcbfd63 wip(app): settings
• de3641e8 wip(app): settings
• df094a10 wip(app): settings
• 0c270b47 reset select trigger to default state after selection
• 0cbbe5af remove subheader from General settings panel
• 0f2e8ea2 wip(app): i18n
• 1a4abe85 add sliders icon and use it for General settings tab
• 233d003b wip(app): i18n
• 261b1eca update keyboard shortcuts panel to match general settings styling
• 262aca1b remove border and background from settings panel headers
• 34028557 chore: cleanup
• 39afc055 add fade gradient to settings panel headers
• 602b6be4 update settings panel padding and make content full width
• 65d9e829 feat(desktop): standardize desktop layout icons (feat(desktop): standardize desktop layout icons anomalyco/opencode#9685)
• 74ad6dd4 update settings tabs layout and spacing
• 78bcbda2 wrap settings row groups with styled container
• 7be6671e refactor Select component to use settings variant for settings modal styling
• 7f427769 set 32px spacing between main title and group title
• 83557e9b add keyboard icon and use it for Shortcuts settings tab
• 8595dae1 fix(app): session loading loop
• 8639b076 feat(app): add tooltips to sidebar new session/workspace buttons (feat(app): add tooltips to sidebar new session/workspace buttons anomalyco/opencode#9652)
• 92beae14 wip(app): i18n
• 96a97443 fix: type error
• a94667e8 increase icon letter size to 32px in edit project dialog
• bb8bf32a chore: generate
• be493e8b wip(app): i18n
• c57491ba add triggerStyle prop to Select and use it for font selector
• cd2125ee chore: generate
• d77cbf9c chore: cleanup
• dbc15d48 add color scheme preview on hover in appearance dropdown
• de876948 fix: resolve Select children type conflict with ButtonProps
• dfe6ce21 chore: generate
• f9c951aa render font options in their respective fonts
• 0059fdc1 fix(app): add aria-labels to titlebar and sidebar buttons (fix(app): add aria-labels to titlebar and sidebar buttons anomalyco/opencode#9843)
• 13405aed fix(app): remove terminal button border to align with close button (fix(app): remove terminal button border to align with close button anomalyco/opencode#9874)
• 178767af chore: generate
• 3ba1111e fix(app): terminal issues/regression
• 489f2d37 fix(ui): remove portal spacer and fix terminal toggle padding (fix(ui): remove portal spacer and fix terminal toggle padding anomalyco/opencode#9728)
• 52535654 fix(app): tab should select suggestion
• 621550ac fix(app): keybind search height
• 6793b4a6 chore: generate
• 6ac8c85b feat(app): model tooltip metadata in chooser (per Figma request) (feat(app): model tooltip metadata in chooser (per Figma request) anomalyco/opencode#9707)
• 850d50eb fix(app): missing i18n keys
• 8e8fb6a5 feat(app): allow users to select directory text on new session (feat(app): allow users to select directory text on new session anomalyco/opencode#9760)
• 95b17bcf chore: generate
• ae8cff22 fix(app): renaming non-git projects shouldn't affect other projects
• b10f4237 chore: generate
• b33cec48 fix: type error
• f736751a chore: generate
• fa913377 fix(app): provider connect oauth error handling
• 07015aae fix(app): folder suggestions missing last part
• 1780bab1 wip(app): line selection
• 2a2d800a fix: type error
• 3435327b fix(app): session screen accessibility improvements (fix(app): session screen accessibility improvements anomalyco/opencode#9907)
• 3b92d5c1 fix: match terminal toggle button size with sidebar and review toggles
• 7b0ad877 fix: add 8px left margin to sidebar toggle on desktop
• 82f718b3 wip(app): line selection
• 972cb01d fix(app): allow adding projects from any depth
• 9afc0671 feat(app): always show Toggle-Review button (feat(app): always show Toggle-Review button  anomalyco/opencode#9944)
• a8018dcc fix(app): allow adding projects from root
• ae269342 fix(app): snap to bottom on prompt
• c96c25a7 chore: generate
• cda7d3dd fix: make 'Learn More' link functional in theme settings (fix: make 'Learn More' link functional in theme settings anomalyco/opencode#10078)
• d35fabf5 chore: cleanup
• 1476c4ca fix(app): add shadow-xs-border with hover state to comment card
• 18ea0986 fix(app): truncate filename from start to show end of path
• 1bf4caa0 fix(app): indent comment text to align with filename in context card
• 1df697de fix(app): remove gap between filename and comment in comment card
• 258d207f fix(app): increase comment font size to 12px
• 328bd3fb fix(app): update context cards styling with 8px padding/gap and 6px border radius
• 3b3ab29d fix(app): comment card styling - 48px height, 2px gap, truncate filename while keeping line count visible
• 42a1a120 fix(app): add transition-all to comment card hover states
• 4b64bff1 fix(app): add 8px gap before close icon and truncate long filenames
• 53840400 fix(app): truncate comment text and set card max-width to 200px
• 56ece04d fix(app): update prompt input styling - 14px border radius, card hover states, and 8px padding
• 75cccc30 feat(app): add middle truncation for filename in comment card
• 8105f186 fix(app): center checkbox indicator in provider selection (fix(app): center checkbox indicator in provider selection anomalyco/opencode#10267)
• 82ec8498 Reapply "wip(app): line selection"
• b6beda15 fix: type error
• c70e8b58 fix(app): keep close icon in top right of comment card
• d3490cfd feat(ui): add close-small icon and use it for comment card dismiss button
• df7b6792 Revert "wip(app): line selection"
• fdac2168 feat(app): add app version display to settings (feat(app): add app version display to settings anomalyco/opencode#10095)
• 02456376 fix(app): enable submit button when comment cards are present
• 02aea77e feat(app): update manage servers dialog styling and behavior
• 1080f37f fix(app): don't use findLast
• 15801a01 fix: add state to pause existing audio for demo menus, add support fo… (fix: add state to pause existing audio for demo menus, add support fo… anomalyco/opencode#10428)
• 241087d1 fix(app): update status popover empty state text color and centering
• 262084d7 fix(app): use rounded-sm for explicit 4px border radius
• 27b45d07 fix(app): scrolling for unpaid model selector
• 2c620e17 fix(app): update status popover styling and positioning
• 2f1be914 fix(app): remove terminal connection error overlay
• 2f9f588f fix(app): submit button state
• 43906f56 fix(app): remove space between ellipsis and truncated text in comment card tooltip
• 7ba25c6a fix(app): model selector ux
• 8714b1a3 add active state to comment cards in prompt input
• 8845f2b9 feat(ui): add onFilter callback to List, discard add server row when searching
• 8d1a66d0 fix(app): unnecessary suspense flash
• 8f0d08fa chore: generate
• 8fe42cd5 fix(app): remove hover background color from server list items
• 937474af fix(app): add 8px spacing between share button and icon buttons in titlebar
• 9759afad fix(app): adjust prompt input positioning - 12px from bottom/right, remove session panel bottom padding
• a169c298 fix(app): allow add server row to grow for error message
• a5c08bc4 fix(app): update add server button and row styling
• a878b8d7 refactor(app): replace Popover with DropdownMenu for server options
• a98add29 feat(app): add truncation tooltip to server items in status popover
• ac204ed8 fix(ui): add escape/click-away to close read-only comment popovers, 10px radius, remove 'Click to view context' text
• b0893585 fix(app): update titlebar spacing and status popover styling
• b2802074 fix(app): add tooltip with path, 6px spacing before close icon, and reduce filename truncation to 14 chars
• b824fc55 fix(app): update options icon button styling - active state and hover
• b951187a fix(app): no select on new session
• c1af7ddc fix(app): adjust share popover position 64px to the left
• c56f6127 fix(app): change server item actions div padding from px-4 to pl-4
• cf7c6417 fix(app): update share popover gutter to 6px and radius to match status dropdown
• d01df32e fix(app): update server and MCP item styles in status popover
• dc1ff0e6 fix(app): model select not closing on escape
• df4d8395 fix(app): position status circle inside input wrapper and fix dialog padding
• e5d2d984 feat(app): change prompt placeholder based on comment count
• 2b07291e fix(app): scroll to comment on click
• 460513a8 chore: generate
• 471fc06f chore(app): visual cleanup
• 99ae3a77 chore: cleanup
• a09a8701 chore: cleanup
• c323d96d wip(app): provider settings
• dcc8d1a6 perf(app): performance improvements
• 010ed555 fix(app): dim non-deep filetree guide lines
• 0a572afd fix(app): style view all button with interactive color and margin
• 0d651eab feat(app): default servers on web
• 0f4a10f4 feat(app): add provider descriptions to settings
• 1934ee13 wip(app): model settings
• 213c0e18 fix(app): only show files in select dialog when clicking + tab
• 2180be2f chore: cleanup
• 2be45980 fix(app): reduce filetree folder indent
• 37f1a1a4 chore: cleanup
• 3ac11df6 feat(app): add transition to select provider dialog
• 3f9b59c7 fix(app): move file tree toggle to right
• 58b9b546 feat(app): forward and back buttons
• 6f3d4134 feat(ui): add providers icon and use in settings
• 7962ff38 feat(app): add transition to command palette
• 7b3d5f1d chore: cleanup
• 7c96d704 fix(app): use default cursor for env provider text
• 810bc012 fix(ui): update button styles and disconnect button size
• 9346c1ae fix(app): add hover text for env-connected providers
• 97aec21c chore(app): missing i18n strings
• 99cd7f34 fix(app): refine filetree row spacing and indent
• 9babdb80 fix(app): use chevron icons for filetree folders
• b07d7cdb fix(app): file tree performance
• b21f82f5 chore: generate
• b8e8d823 chore: cleanup
• c0a5f853 chore(app): missing tooltips
• c1e840b9 chore: cleanup
• c6febd8d fix(app): fade filetree guide lines on hover
• cbe8f265 fix(app): disconnect zen provider
• ccc7aa49 wip: highlights
• d05ed5ca chore(app): createStore over signals
• d82e94c2 fix(app): zen disconnect not working
• d9a61cd9 feat(app): add Vercel AI Gateway provider description
• e0e97e9d fix(app): set provider row height to 56px
• ecd04a11 feat(ui): add models icon and use in settings
• f4392e02 fix(app): tighten filetree row spacing
• fca0825b fix(app): use medium font for filetree items
• 00c77296 fix(app): set filetree padding to 6px
• 00e79210 fix(app): tooltips causing getComputedStyle errors in model select
• 095328fa fix(app): non-fatal error handling
• 099ab929 chore(app): cleanup tailwind vs pure css
• 18d6c219 fix(app): align filetree change styling
• 19c78744 fix(app): select model anchor
• 1fffbc6f fix(app): adjust titlebar left spacing
• 27bb8276 perf(app): shared terminal ghostty-web instance
• 2d0049f0 fix(app): use smaller close icon on tabs to match comment cards
• 2f5a238b feat(app): update settings in general settings
• 605e5335 fix(app): file tree not always loading
• 7655f51e fix(app): add connect provier in model selector (fix(app): add connect provier in model selector anomalyco/opencode#10706)
• 7de42ca2 feat(app): improved layout
• 82068955 feat(app): color filetree change dots by diff kind
• 8ee5376f feat(app): add filetree tooltips with diff labels
• 8faa2ffc chore: cleanup
• bdfd8f8b feat(app): custom provider
• c3d8d2b2 Revert "fix(app): select model anchor"
• c68261fc fix(ui): add max-width 280px to tabs with text truncation
• c7e2f196 perf(app): cleanup connect provider timers
• d15201d1 fix(app): delay nav tooltips
• d17ba84e fix(app): file tree not always loading
• d9741866 fix(app): reintroduce review tab
• eac2d4c6 fix(app): navigate to tabs when opening file
• 15ffd3cb feat(app): add 'connect provider' button to the manage models dialog (feat(app): add 'connect provider' button to the manage models dialog anomalyco/opencode#10887)
• 57ad1814 fix(desktop): enable ctrl+n and ctrl+p for popover navigation (fix(desktop): enable ctrl+n and ctrl+p for popover navigation anomalyco/opencode#10777)
• a7d7f5bb fix(app): make settings more responsive for mobile and small web/desktop (fix(app): make settings more responsive for mobile and small web/desktop anomalyco/opencode#10775)
• f607353b fix(app): close review pane
• 5f282c26 fix(app): free model layout
• a70c66eb fix(app): free model scroll
• aa1d0f61 fix(app): better header item wrapping (fix(app): better header item wrapping anomalyco/opencode#10831)
• d8fe12aa chore: generate
• ac254fb4 fix(app): session header 'share' button to hug content (fix(app): session header 'share' button to hug content anomalyco/opencode#11371)
• 3408f1a6 feat(app): add tab close keybind (feat(app): add tab close keybind anomalyco/opencode#11780)
• aadd2e13 fix(app): prompt input overflow issue (fix(app): prompt input overflow issue anomalyco/opencode#11840)
• b9aad20b fix(app): open project search (fix(app): open project search anomalyco/opencode#11783)
• dfd5f384 fix(app): icon sizes
• fa75d922 chore: generate
• 0d22068c fix(app): custom providers overflow (fix(app): custom providers overflow anomalyco/opencode#11252)
• 0d557721 fix(app): edit project dialog icon on hover (fix(app): edit project dialog icon on hover anomalyco/opencode#11921)
• 4f7da2b7 fix(app): model selector truncating too soon
• 76381f33 feat(desktop): Allow empty prompt with review comments (feat(desktop): Allow empty prompt with review comments anomalyco/opencode#11953)
• 96fbc309 fix(app): drag region for native controls (fix(app): drag region for native controls anomalyco/opencode#11854)
• a38bae68 chore(app): don't forceMount tooltips
• e709808b fix(app): move session search to command palette
• 2896b8a8 fix(app): terminal url
• 57b8c629 fix(app): terminal hyperlink clicks
• 91209892 fix(app): derive terminal WebSocket URL from browser origin instead o… (fix(app): derive terminal WebSocket URL from browser origin instead o… anomalyco/opencode#12178)
• 9679e0c5 fix(app): terminal EOL issues
• a219615f fix(app): opened tabs follow created session
• 83646e03 fix(app): allow toggling file tree closed independently (fix(app): allow toggling file tree closed independently anomalyco/opencode#12293)
• 8c0300c0 fix(app): modified file color contrast
• bf7af99a fix(app): terminal URL issues
• d7c2d5db fix(app): hide prompt input when there are perms or questions (fix(app): hide prompt input when there are perms or questions anomalyco/opencode#12339)
• 0ec5f660 fix(app): hide 'open in app' button on narrow viewports
• 400bc797 fix(desktop): update server removal logic to clear default server URL if removed (fix(desktop): update server removal logic to clear default server URL if removed anomalyco/opencode#12372)
• 6324d1c3 fix(app): more terminal replay issues
• 6c0dce67 fix(desktop): support desktop titlebar double-click maximize (fix(desktop): support desktop titlebar double-click maximize anomalyco/opencode#12459)
• 732a3dab chore: generate
• a4bc8835 chore: refactoring and tests (chore: refactoring and tests anomalyco/opencode#12468)
• ac88c6b6 feat(app): session last updated time display in command pallete's search (feat(app): session last updated time display in command pallete's search anomalyco/opencode#12376)
• d160cca1 fix(app): make close comment button visible in prompt input (fix(app): make close comment button visible in prompt input  anomalyco/opencode#12349)
• e9a3cfc0 fix(desktop): allow agent select to use full width on windows (fix(desktop): allow agent select to use full width on windows anomalyco/opencode#12428)
• 13381580 fix(app): keep startup script field scrollable in edit project dialog (fix(app): keep startup script field scrollable in edit project dialog anomalyco/opencode#12431)
• ecaeb9e6 fix(app): respect terminal toggle keybind when terminal is focused (fix(app): respect terminal toggle keybind when terminal is focused anomalyco/opencode#12635)
• fb331f6c fix(app): disable 3 safari prompt-input annoyances (fix(app): disable 3 safari prompt-input annoyances anomalyco/opencode#12558)
• 27c8a081 ui: default TextField copy affordance to clipboard (ui: default TextField copy affordance to clipboard anomalyco/opencode#12714)
• 4efbfcd0 fix(app): handle Windows paths in frontend file URL encoding (fix(app): handle Windows paths in frontend file URL encoding anomalyco/opencode#12601)
• 7c6b8d7a fix(ui): context stale in prompt input (fix(ui): context stale in prompt input anomalyco/opencode#12695)
• bc25efdf refine(app): tighten slash autocomplete matching (refine(app): tighten slash autocomplete matching anomalyco/opencode#12647)
• d5c86b03 chore: generate
• 371e106f chore: cleanup
• 5be1202e chore: cleanup
• 7ff51183 chore: cleanup
• 949f6107 feat(app): add Cmd+[/] keybinds for session history navigation (feat(app): add Cmd+[/] keybinds for session history navigation anomalyco/opencode#12880)
• a84bdd7c fix(app): incorrect workspace on new session
• bda0cbde chore: cleanup
• dd2d232a fix: add fallback for when crypto.randomUUID is unavailable
• 80220ceb fix(app): disable terminal transparency
• 83853cc5 fix(app): new session in workspace choosing wrong workspace
• 7222fc0b fix(app): terminal resize
• c426cb0f fix(app): copy path button styles
• cf7a1b8d feat(desktop): enhance Windows app resolution and UI loading states (feat(desktop): enhance Windows app resolution and UI loading states anomalyco/opencode#13084)
• ef5ec5dc fix(app): terminal copy/paste
• 0771e3a8 fix(app): preserve undo history for plain-text paste (fix(app): preserve undo history for plain-text paste anomalyco/opencode#13351)
• 3696d1de chore: cleanup
• 50f208d6 fix(app): suggestion active state broken
• 70303d0b chore: cleanup
• 7f95cc64 fix(app): prompt input quirks
• 81c623f2 chore: cleanup
• e9b9a62f chore: cleanup
• ed472d8a fix(app): more defensive session context metrics
• ff3b174c fix(app): normalize oauth error messages
• ff4414bb chore: refactor packages/app files (chore: refactor packages/app files anomalyco/opencode#13236)
• 1c71604e fix(app): terminal resize
• 4f51c091 chore: cleanup
• e242fe19 fix(web): use prompt_async endpoint to avoid timeout over VPN/tunnel (fix(web): use prompt_async endpoint to avoid timeout over VPN/tunnel anomalyco/opencode#12749)

Acceptance Checklist

• Validate each commit intent is represented in this theme
• Define parity implementation tasks for Zee based on these commits
• Mark commits that are not applicable to Zee