@mcp-b/react-components 0.47.0 → 0.49.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (274) hide show
  1. package/dist/AgentChatQueue-C_Jaw3Ia.d.ts +48 -0
  2. package/dist/AgentToolRunsContext-GMe_hSnD.d.ts +35 -0
  3. package/dist/Avatar-o2NO1fCG.d.ts +124 -0
  4. package/dist/{Button-CZt3yywF.d.ts → Button-DjONW5UW.d.ts} +1 -1
  5. package/dist/{CodeBlock-C380GD5t.d.ts → CodeBlock--r6GS8YV.d.ts} +8 -2
  6. package/dist/{CodeBlock-DMHZiw86.js → CodeBlock-g8sADidM.js} +7 -7
  7. package/dist/Correspondent-7K6uNLUm.d.ts +64 -0
  8. package/dist/{FileTree-BHebfvkK.js → FileTree-H8mMg4rV.js} +20 -29
  9. package/dist/{IconButton-BAUFhUk8.d.ts → IconButton-ByiyjkYE.d.ts} +2 -2
  10. package/dist/{Message-D_vCVEGB.d.ts → Message-DyaTBiV7.d.ts} +17 -4
  11. package/dist/MessageScrollerVirtual-D4afYwVB.d.ts +84 -0
  12. package/dist/{PromptInput-DtJHyp0S.d.ts → PromptInput-C4Mofitz.d.ts} +44 -31
  13. package/dist/PromptInputApproval-D2hpn54U.d.ts +44 -0
  14. package/dist/Separator-CzhtLYE1.d.ts +41 -0
  15. package/dist/Toolbar-CGY004u0.d.ts +155 -0
  16. package/dist/{Workspace-C_zHq9KZ.d.ts → Workspace-HzGrWDX3.d.ts} +14 -3
  17. package/dist/{WorkspaceFile-Dq-GC0_T.d.ts → WorkspaceFile-Bouauobc.d.ts} +1 -1
  18. package/dist/{WorkspaceFileView-ChIJz-fl.js → WorkspaceFileView-DYPtRVpM.js} +4 -3
  19. package/dist/{WorkspaceLink-B1d2GIGl.js → WorkspaceLink-BYZG-V_I.js} +8 -91
  20. package/dist/{WorkspaceMessageResponse-Dg_aNpoj.js → WorkspaceMessageResponse-CUJk9_P5.js} +6 -3
  21. package/dist/components/agents-sdk/AgentChat.d.ts +198 -2
  22. package/dist/components/agents-sdk/AgentChat.js +525 -670
  23. package/dist/components/agents-sdk/AgentChatQueue.d.ts +2 -0
  24. package/dist/components/agents-sdk/AgentChatQueue.js +206 -0
  25. package/dist/components/agents-sdk/AgentEvent.js +1 -1
  26. package/dist/components/agents-sdk/AgentToolRunsContext.d.ts +2 -2
  27. package/dist/components/agents-sdk/AgentToolRunsContext.js +1 -36
  28. package/dist/components/agents-sdk/BrowserLiveScreen.js +21 -13
  29. package/dist/components/agents-sdk/BrowserReplay.d.ts +1 -1
  30. package/dist/components/agents-sdk/BrowserRunPanel.d.ts +3 -0
  31. package/dist/components/agents-sdk/BrowserRunPanel.js +31 -30
  32. package/dist/components/agents-sdk/EmployeeChrome.d.ts +212 -0
  33. package/dist/components/agents-sdk/EmployeeChrome.js +555 -0
  34. package/dist/components/agents-sdk/ManagerOffice.d.ts +115 -85
  35. package/dist/components/agents-sdk/ManagerOffice.js +545 -1154
  36. package/dist/components/agents-sdk/McpConnectionRequest.d.ts +4 -4
  37. package/dist/components/agents-sdk/McpConnectionRequest.js +3 -2
  38. package/dist/components/agents-sdk/McpConnectorForm.d.ts +38 -1
  39. package/dist/components/agents-sdk/McpPluginCatalog.d.ts +93 -1
  40. package/dist/components/agents-sdk/McpPluginCatalog.js +3 -2
  41. package/dist/components/agents-sdk/McpServerIcon.d.ts +17 -0
  42. package/dist/components/agents-sdk/McpServerIcon.js +25 -0
  43. package/dist/components/agents-sdk/McpServerPicker.d.ts +4 -3
  44. package/dist/components/agents-sdk/McpServerPicker.js +2 -1
  45. package/dist/components/agents-sdk/ModelSelector.d.ts +4 -4
  46. package/dist/components/agents-sdk/ModelSelector.js +3 -3
  47. package/dist/components/agents-sdk/PromptInputApproval.d.ts +1 -43
  48. package/dist/components/agents-sdk/PromptInputCommands.d.ts +1 -1
  49. package/dist/components/agents-sdk/PromptInputCommands.js +1 -2
  50. package/dist/components/agents-sdk/SessionCompaction.d.ts +88 -1
  51. package/dist/components/agents-sdk/SessionCompaction.js +2 -2
  52. package/dist/components/agents-sdk/SubagentRunDetails.d.ts +30 -1
  53. package/dist/components/agents-sdk/SubagentRunDetails.js +57 -1
  54. package/dist/components/agents-sdk/SubagentRunIndicator.d.ts +9 -9
  55. package/dist/components/agents-sdk/SubagentRunIndicator.js +18 -23
  56. package/dist/components/agents-sdk/SubagentRunList.d.ts +6 -3
  57. package/dist/components/agents-sdk/SubagentRunList.js +4 -2
  58. package/dist/components/agents-sdk/SubagentRunPanel.d.ts +60 -0
  59. package/dist/components/agents-sdk/SubagentRunPanel.js +255 -0
  60. package/dist/components/agents-sdk/SubagentRunSelector.d.ts +8 -4
  61. package/dist/components/agents-sdk/SubagentRunSelector.js +4 -2
  62. package/dist/components/agents-sdk/ThinkChat.d.ts +102 -2
  63. package/dist/components/agents-sdk/ThinkChat.js +233 -2
  64. package/dist/components/agents-sdk/ThinkChatActivity.d.ts +76 -1
  65. package/dist/components/agents-sdk/ThinkChatActivity.js +17 -9
  66. package/dist/components/agents-sdk/ThinkChatContext.d.ts +27 -1
  67. package/dist/components/agents-sdk/ThinkChatContext.js +1 -1
  68. package/dist/components/agents-sdk/ThinkChatToolPanels.js +23 -18
  69. package/dist/components/agents-sdk/ThinkExecutionDetail.js +1 -1
  70. package/dist/components/agents-sdk/ThinkExecutionStatus.d.ts +1 -1
  71. package/dist/components/agents-sdk/ThinkExecutionWorkbench.d.ts +85 -28
  72. package/dist/components/agents-sdk/ThinkExecutionWorkbench.js +158 -101
  73. package/dist/components/agents-sdk/ThinkFullApp.d.ts +40 -158
  74. package/dist/components/agents-sdk/ThinkFullApp.js +71 -285
  75. package/dist/components/agents-sdk/ThinkRecoveryNotice.d.ts +18 -1
  76. package/dist/components/agents-sdk/ThinkRoutineActions.d.ts +51 -0
  77. package/dist/components/agents-sdk/ThinkRoutineActions.js +201 -0
  78. package/dist/components/agents-sdk/ThinkRoutineBrowser.d.ts +4 -1
  79. package/dist/components/agents-sdk/ThinkRoutineBrowser.js +16 -14
  80. package/dist/components/agents-sdk/ThinkRoutineDetail.js +12 -12
  81. package/dist/components/agents-sdk/ThinkRoutineForm.d.ts +2 -1
  82. package/dist/components/agents-sdk/ThinkRoutineForm.js +11 -11
  83. package/dist/components/agents-sdk/ThinkRoutineRuns.js +6 -6
  84. package/dist/components/agents-sdk/ThinkThreadPicker.d.ts +90 -1
  85. package/dist/components/agents-sdk/ThinkThreadPicker.js +2 -2
  86. package/dist/components/agents-sdk/Workspace.d.ts +2 -2
  87. package/dist/components/agents-sdk/Workspace.js +20 -23
  88. package/dist/components/agents-sdk/WorkspaceBrowser.d.ts +1 -1
  89. package/dist/components/agents-sdk/WorkspaceBrowser.js +1 -1
  90. package/dist/components/agents-sdk/WorkspaceConcept.d.ts +3 -2
  91. package/dist/components/agents-sdk/WorkspaceConcept.js +3 -3
  92. package/dist/components/agents-sdk/WorkspaceCorrespondence.d.ts +15 -10
  93. package/dist/components/agents-sdk/WorkspaceCorrespondence.js +43 -40
  94. package/dist/components/agents-sdk/WorkspaceExecution.d.ts +31 -31
  95. package/dist/components/agents-sdk/WorkspaceExecution.js +115 -192
  96. package/dist/components/agents-sdk/WorkspaceExplorer.d.ts +5 -2
  97. package/dist/components/agents-sdk/WorkspaceExplorer.js +3 -2
  98. package/dist/components/agents-sdk/WorkspaceFile.d.ts +1 -1
  99. package/dist/components/agents-sdk/WorkspaceFileView.d.ts +1 -1
  100. package/dist/components/agents-sdk/WorkspaceFileView.js +1 -1
  101. package/dist/components/agents-sdk/WorkspaceLink.js +1 -1
  102. package/dist/components/agents-sdk/WorkspaceLive.d.ts +60 -1
  103. package/dist/components/agents-sdk/WorkspaceLive.js +33 -5
  104. package/dist/components/agents-sdk/WorkspaceMessageResponse.d.ts +47 -1
  105. package/dist/components/agents-sdk/WorkspaceMessageResponse.js +1 -1
  106. package/dist/components/agents-sdk/WorkspaceMountManager.d.ts +3 -2
  107. package/dist/components/agents-sdk/WorkspaceMountManager.js +5 -8
  108. package/dist/components/agents-sdk/WorkspaceNavigationRestoration.d.ts +38 -0
  109. package/dist/components/agents-sdk/WorkspaceNavigationRestoration.js +86 -0
  110. package/dist/components/agents-sdk/WorkspaceProject.d.ts +44 -15
  111. package/dist/components/agents-sdk/WorkspaceProject.js +74 -51
  112. package/dist/components/agents-sdk/WorkspaceUserScript.d.ts +1 -1
  113. package/dist/components/agents-sdk/WorkspaceUserScript.js +5 -2
  114. package/dist/components/ai-sdk/Activity.d.ts +1 -1
  115. package/dist/components/ai-sdk/AgentAttention.d.ts +2 -2
  116. package/dist/components/ai-sdk/AgentChatStartScreen.d.ts +89 -2
  117. package/dist/components/ai-sdk/AgentChatStartScreen.js +63 -42
  118. package/dist/components/ai-sdk/AgentMessageParts.d.ts +45 -1
  119. package/dist/components/ai-sdk/Approval.d.ts +1 -1
  120. package/dist/components/ai-sdk/Artifact.d.ts +2 -2
  121. package/dist/components/ai-sdk/Artifact.js +2 -2
  122. package/dist/components/ai-sdk/ChainOfThought.d.ts +1 -1
  123. package/dist/components/ai-sdk/CodeBlock.d.ts +1 -1
  124. package/dist/components/ai-sdk/CodeBlock.js +1 -1
  125. package/dist/components/ai-sdk/ComposerLink.js +1 -2
  126. package/dist/components/ai-sdk/ConnectedAppCards.d.ts +16 -1
  127. package/dist/components/ai-sdk/ConnectedAppCards.js +69 -94
  128. package/dist/components/ai-sdk/Context.d.ts +7 -3
  129. package/dist/components/ai-sdk/Context.js +7 -17
  130. package/dist/components/ai-sdk/Conversation.d.ts +2 -2
  131. package/dist/components/ai-sdk/Correspondent.d.ts +2 -0
  132. package/dist/components/ai-sdk/Correspondent.js +145 -0
  133. package/dist/components/ai-sdk/Goal.d.ts +3 -3
  134. package/dist/components/ai-sdk/Goal.js +2 -2
  135. package/dist/components/ai-sdk/InlineCitation.d.ts +1 -1
  136. package/dist/components/ai-sdk/InlineCitation.js +1 -1
  137. package/dist/components/ai-sdk/MediaPreviewCard.d.ts +1 -1
  138. package/dist/components/ai-sdk/Message.d.ts +2 -2
  139. package/dist/components/ai-sdk/Message.js +11 -2
  140. package/dist/components/ai-sdk/MessageScroller.d.ts +1 -1
  141. package/dist/components/ai-sdk/MessageScrollerVirtual.d.ts +2 -76
  142. package/dist/components/ai-sdk/MessageScrollerVirtual.js +38 -4
  143. package/dist/components/ai-sdk/Plan.d.ts +1 -1
  144. package/dist/components/ai-sdk/PromptInput.d.ts +2 -2
  145. package/dist/components/ai-sdk/PromptInput.js +170 -226
  146. package/dist/components/ai-sdk/PromptInputComposerEditor.js +32 -9
  147. package/dist/components/ai-sdk/Queue.d.ts +28 -5
  148. package/dist/components/ai-sdk/Queue.js +19 -4
  149. package/dist/components/ai-sdk/Reasoning.d.ts +1 -1
  150. package/dist/components/ai-sdk/Reasoning.js +4 -4
  151. package/dist/components/ai-sdk/Sources.d.ts +1 -1
  152. package/dist/components/ai-sdk/Task.d.ts +1 -1
  153. package/dist/components/extension/ChatGptSignInScreen.d.ts +1 -1
  154. package/dist/components/extension/CodexModelSelector.d.ts +5 -0
  155. package/dist/components/extension/ConversationTabPicker.d.ts +1 -0
  156. package/dist/components/extension/ConversationTabPicker.js +1 -1
  157. package/dist/components/foundations/AlertDialog.d.ts +1 -1
  158. package/dist/components/foundations/AppIcon.d.ts +3 -2
  159. package/dist/components/foundations/Autocomplete.js +6 -1
  160. package/dist/components/foundations/Avatar.d.ts +1 -121
  161. package/dist/components/foundations/Button.d.ts +1 -1
  162. package/dist/components/foundations/Card.d.ts +22 -27
  163. package/dist/components/foundations/Card.js +51 -32
  164. package/dist/components/foundations/CheckboxGroup.d.ts +1 -1
  165. package/dist/components/foundations/Collapsible.d.ts +1 -1
  166. package/dist/components/foundations/Combobox.js +6 -1
  167. package/dist/components/foundations/Dialog.d.ts +106 -1
  168. package/dist/components/foundations/EmptyState.d.ts +1 -1
  169. package/dist/components/foundations/Field.d.ts +2 -1
  170. package/dist/components/foundations/Fieldset.d.ts +1 -1
  171. package/dist/components/foundations/Form.d.ts +4 -4
  172. package/dist/components/foundations/IconButton.d.ts +1 -1
  173. package/dist/components/foundations/Label.d.ts +1 -1
  174. package/dist/components/foundations/LinkButton.d.ts +2 -2
  175. package/dist/components/foundations/Meter.d.ts +1 -1
  176. package/dist/components/foundations/NumberField.d.ts +1 -1
  177. package/dist/components/foundations/ScrollArea.d.ts +1 -1
  178. package/dist/components/foundations/SearchField.d.ts +1 -1
  179. package/dist/components/foundations/Select.js +6 -1
  180. package/dist/components/foundations/Separator.d.ts +1 -40
  181. package/dist/components/foundations/Stepper.d.ts +1 -1
  182. package/dist/components/foundations/Textarea.d.ts +1 -1
  183. package/dist/components/foundations/Toast.d.ts +5 -1
  184. package/dist/components/foundations/Toggle.d.ts +70 -1
  185. package/dist/components/foundations/ToggleGroup.d.ts +3 -2
  186. package/dist/components/foundations/Toolbar.d.ts +1 -151
  187. package/dist/components/foundations/TransitionSurface.d.ts +1 -1
  188. package/dist/components/general-purpose/ActionGuide.d.ts +10 -26
  189. package/dist/components/general-purpose/ActionGuide.js +4 -18
  190. package/dist/components/general-purpose/AppTopBar.d.ts +4 -2
  191. package/dist/components/general-purpose/Commit.d.ts +2 -2
  192. package/dist/components/general-purpose/Commit.js +1 -1
  193. package/dist/components/general-purpose/EnvironmentVariables.d.ts +2 -2
  194. package/dist/components/general-purpose/FileTree.d.ts +1 -7
  195. package/dist/components/general-purpose/FileTree.js +1 -1
  196. package/dist/components/general-purpose/PricingBillingToggle.js +1 -1
  197. package/dist/components/general-purpose/PricingPlanCard.d.ts +4 -0
  198. package/dist/components/general-purpose/PricingUsageCalculator.js +1 -1
  199. package/dist/components/general-purpose/ResizableSidePanel.d.ts +2 -2
  200. package/dist/components/general-purpose/ResponsiveSidebarShell.d.ts +128 -2
  201. package/dist/components/general-purpose/ResponsiveSidebarShell.js +119 -101
  202. package/dist/components/general-purpose/SettingsFormDialog.d.ts +14 -27
  203. package/dist/components/general-purpose/SettingsFormDialog.js +40 -70
  204. package/dist/components/general-purpose/SetupChecklist.d.ts +1 -0
  205. package/dist/components/general-purpose/SetupChecklist.js +76 -1
  206. package/dist/components/general-purpose/Terminal.d.ts +3 -3
  207. package/dist/components/general-purpose/Terminal.js +10 -5
  208. package/dist/components/general-purpose/TestResults.d.ts +23 -11
  209. package/dist/components/general-purpose/TestResults.js +48 -50
  210. package/dist/components/general-purpose/ThemeModeControl.d.ts +2 -0
  211. package/dist/components/general-purpose/WebPreview.d.ts +29 -4
  212. package/dist/components/general-purpose/WebPreview.js +37 -12
  213. package/dist/components/nanites/AgentConnection.js +1 -1
  214. package/dist/components/nanites/AgentToolDetail.d.ts +13 -11
  215. package/dist/components/nanites/AgentToolDetail.js +20 -41
  216. package/dist/{copy-button-C0JyjClr.d.ts → copy-button-OUwOdgEm.d.ts} +1 -1
  217. package/dist/mcp-server-mAErsxHU.js +27 -0
  218. package/dist/styles/activity.css +1 -96
  219. package/dist/styles/agent-chat.css +75 -102
  220. package/dist/styles/agent-tool-detail.css +0 -16
  221. package/dist/styles/base.css +3 -3
  222. package/dist/styles/browser-run-panel.css +1 -15
  223. package/dist/styles/button.css +7 -1
  224. package/dist/styles/code-block.css +12 -0
  225. package/dist/styles/composition-motion.css +0 -2
  226. package/dist/styles/correspondent.css +73 -0
  227. package/dist/styles/employee-chrome.css +43 -0
  228. package/dist/styles/file-tree.css +5 -0
  229. package/dist/styles/index.css +5 -2
  230. package/dist/styles/manager-office.css +380 -1086
  231. package/dist/styles/message.css +2 -10
  232. package/dist/styles/queue.css +71 -0
  233. package/dist/styles/subagent-run.css +122 -6
  234. package/dist/styles/test-results.css +2 -5
  235. package/dist/styles/think-chat-activity.css +13 -0
  236. package/dist/styles/think-chat-tool-panels.css +81 -0
  237. package/dist/styles/think-execution-workbench.css +2 -8
  238. package/dist/styles/think-full-app.css +42 -251
  239. package/dist/styles/{think-routine-library.css → think-routine.css} +64 -80
  240. package/dist/styles/web-preview.css +15 -1
  241. package/dist/utils/mcp-server-catalog.d.ts +1112 -2
  242. package/dist/utils/mcp-server-catalog.js +28 -9
  243. package/dist/utils/structured-code.d.ts +1 -1
  244. package/dist/{workspace-assets-CxpEHsac.js → workspace-assets-Bg7XhPsk.js} +16 -2
  245. package/package.json +7 -3
  246. package/dist/AgentChat-BLmQghkt.d.ts +0 -327
  247. package/dist/AgentChatStartScreen-Bkv7Avni.d.ts +0 -84
  248. package/dist/AgentMessageParts-C7L-Mv9U.d.ts +0 -46
  249. package/dist/AgentToolRunsContext-jtmveaRE.d.ts +0 -57
  250. package/dist/Dialog-B_FhRWaz.d.ts +0 -107
  251. package/dist/McpConnectorForm-CeYNY0MI.d.ts +0 -39
  252. package/dist/McpPluginCatalog-3qWu8oK1.d.ts +0 -92
  253. package/dist/ResponsiveSidebarShell-BTVPxLJK.d.ts +0 -123
  254. package/dist/SessionCompaction-CmTJFpzj.d.ts +0 -89
  255. package/dist/SetupChecklist-CwRjIDH4.js +0 -77
  256. package/dist/ThinkChat-CwMdEum8.d.ts +0 -185
  257. package/dist/ThinkChat-DLDta57t.js +0 -332
  258. package/dist/ThinkChatActivity-B3lGVS-6.d.ts +0 -77
  259. package/dist/ThinkChatContext-COIgzkYp.d.ts +0 -28
  260. package/dist/ThinkRecoveryNotice-DGWr94rk.d.ts +0 -19
  261. package/dist/ThinkThreadPicker-yFz4vvIf.d.ts +0 -91
  262. package/dist/Toggle-DLrIf5YH.d.ts +0 -69
  263. package/dist/WorkspaceLive-DLGhtIly.d.ts +0 -49
  264. package/dist/WorkspaceMessageResponse-kJYU8Onj.d.ts +0 -48
  265. package/dist/components/agents-sdk/ThinkFullAppViewSwitch.d.ts +0 -31
  266. package/dist/components/agents-sdk/ThinkFullAppViewSwitch.js +0 -34
  267. package/dist/components/agents-sdk/ThinkRoutineLibrary.d.ts +0 -80
  268. package/dist/components/agents-sdk/ThinkRoutineLibrary.js +0 -159
  269. package/dist/components/agents-sdk/ThinkSidepanel.d.ts +0 -200
  270. package/dist/components/agents-sdk/ThinkSidepanel.js +0 -775
  271. package/dist/mcp-server-7NR24ASj.js +0 -69
  272. package/dist/mcp-server-catalog-C_g7C-9o.d.ts +0 -1108
  273. package/dist/styles/think-sidepanel.css +0 -78
  274. package/dist/think-agent-Cip5KAPj.d.ts +0 -7
@@ -0,0 +1,27 @@
1
+ import { getMcpServerEntry, getMcpServerRuntimeState } from "./utils/mcp-server-catalog.js";
2
+ //#region src/components/_internal/mcp-server.tsx
3
+ function getMcpServerConnectionKind(server) {
4
+ if (!server) return "available";
5
+ const state = getMcpServerRuntimeState(server);
6
+ if (state === "ready") return "connected";
7
+ if (state === "connecting" || state === "discovering" || state === "connected" && !server.error) return "connecting";
8
+ return "reconnect";
9
+ }
10
+ /**
11
+ * Resolve one catalog card to the exact Agents SDK entry that owns its live
12
+ * connection state. An explicit server ID is authoritative for authorization
13
+ * flows and deliberately never falls back to a matching catalog entry.
14
+ */
15
+ function getMcpServerProjection(card, mcp, serverId) {
16
+ const assignedServer = serverId === void 0 ? void 0 : mcp?.servers[serverId];
17
+ const entry = serverId === void 0 ? getMcpServerEntry(card, mcp) : assignedServer ? [serverId, assignedServer] : void 0;
18
+ const server = entry?.[1];
19
+ return {
20
+ connectionKind: getMcpServerConnectionKind(server),
21
+ runtimeState: server ? getMcpServerRuntimeState(server) : void 0,
22
+ server,
23
+ serverId: entry?.[0]
24
+ };
25
+ }
26
+ //#endregion
27
+ export { getMcpServerProjection as t };
@@ -77,12 +77,6 @@
77
77
  padding-inline: 0;
78
78
  }
79
79
 
80
- /* Reveal row for step logs capped at the trailing window. */
81
- .activity__show-earlier {
82
- align-self: flex-start;
83
- color: var(--sigvelo-color-text-muted);
84
- }
85
-
86
80
  .activity__item {
87
81
  display: flex;
88
82
  align-items: baseline;
@@ -214,102 +208,13 @@
214
208
  color: var(--sigvelo-color-danger-text-on-subtle);
215
209
  }
216
210
 
217
- .activity__call-audit {
218
- display: flex;
219
- min-inline-size: 0;
220
- flex-direction: column;
221
- gap: var(--sigvelo-spacing-1);
222
- }
223
-
224
- .activity__call-audit-label {
225
- font-size: var(--sigvelo-text-meta);
226
- font-weight: var(--sigvelo-font-weight-normal);
227
- color: var(--sigvelo-color-text-muted);
228
- }
229
-
230
- .activity__call-audit-list {
231
- display: flex;
232
- min-inline-size: 0;
233
- flex-direction: column;
234
- gap: var(--sigvelo-spacing-1);
235
- margin: 0;
236
- padding-inline-start: 0;
237
- list-style: none;
238
- font-size: var(--sigvelo-text-code);
239
- }
240
-
241
- .activity__call-audit-item {
242
- min-inline-size: 0;
243
- padding-inline-start: 0;
244
- color: var(--sigvelo-color-text);
245
- overflow-wrap: anywhere;
246
- }
247
-
248
- .activity__call-audit-code,
249
- .activity__call-audit-result {
250
- font-family: var(--sigvelo-font-mono);
251
- white-space: pre-wrap;
252
- }
253
-
254
- .activity__call-audit-state {
255
- margin-inline-start: var(--sigvelo-spacing-1);
256
- color: var(--sigvelo-color-text-muted);
257
- }
258
-
259
- .activity__call-audit-item[data-state="error"] .activity__call-audit-state {
260
- color: var(--sigvelo-color-danger-text-on-subtle);
261
- }
262
-
263
- .activity__call-audit-item[data-state="reverted"] .activity__call-audit-state {
264
- text-decoration: line-through;
265
- }
266
-
267
- /* Keep nested browser content compact without restyling the Tabs primitive. */
268
- .activity__browser-panel {
269
- padding-block: var(--sigvelo-spacing-2) 0;
270
- }
271
-
272
- /* Blend nested code into the quiet shell fill — no panel-in-panel */
273
- .activity__shell .code-block {
274
- background-color: transparent;
275
- }
276
-
277
211
  /* Bounded so one long detail cannot swallow the activity list. */
278
212
  .activity__group-text,
279
- .activity__shell-output,
280
- .activity__code-block {
213
+ .activity__shell-output {
281
214
  max-block-size: 12rem;
282
215
  overflow-block: auto;
283
216
  }
284
217
 
285
- .activity__code-block .code-block__content,
286
- .activity__code-block .code-block__content--highlighted pre.shiki,
287
- .activity__code-block .code-block__content--highlighted pre.shiki code {
288
- white-space: pre-wrap;
289
- word-break: break-word;
290
- overflow-wrap: anywhere;
291
- }
292
-
293
- .activity__browser-screenshot {
294
- display: block;
295
- inline-size: 100%;
296
- /* Screenshot well. Not --sigvelo-layout-sidebar. */
297
- max-block-size: 16rem;
298
- aspect-ratio: 16 / 10;
299
- object-fit: contain;
300
- border-radius: var(--sigvelo-radius-md);
301
- background-color: var(--sigvelo-color-surface);
302
- }
303
-
304
- /* Mini diff inside an edit panel */
305
- .activity__diff-del {
306
- color: var(--sigvelo-color-danger-text-on-subtle);
307
- }
308
-
309
- .activity__diff-add {
310
- color: var(--sigvelo-color-success-text-on-subtle);
311
- }
312
-
313
218
  .activity__favicon {
314
219
  display: block;
315
220
  inline-size: var(--sigvelo-control-icon-size-md);
@@ -1,6 +1,6 @@
1
1
  .agent-chat {
2
2
  /* Hooks, not constants: hosts set --agent-chat-content-max-inline-size or
3
- --agent-chat-composer-scrim-fade on any ancestor. Declaring them here
3
+ --agent-chat-dock-scrim-fade on any ancestor. Declaring them here
4
4
  would beat every inherited value, so the defaults live in the fallbacks
5
5
  at each use site. */
6
6
  container: agent-chat / inline-size;
@@ -22,7 +22,7 @@
22
22
  }
23
23
 
24
24
  /* Room for the last message to scroll clear of the floating composer.
25
- --agent-chat-composer-size is set from a ResizeObserver in AgentChat. */
25
+ --agent-chat-dock-size is set from a ResizeObserver in AgentChat. */
26
26
  .agent-chat__transcript-content {
27
27
  /* Also the virtual rows' block-start offset — keep padding and rows in
28
28
  lockstep (see .message-scroller__virtual-item). Row spacing is NOT css
@@ -44,21 +44,23 @@
44
44
  /* Clearance = composer + its scrim band, so a transcript resting at the
45
45
  bottom never sits inside the fade. */
46
46
  padding-block: var(--message-scroller-virtual-block-start)
47
- calc(var(--agent-chat-composer-size, 5rem) + var(--agent-chat-composer-scrim-fade, 2.5rem));
47
+ calc(var(--agent-chat-dock-size, 5rem) + var(--agent-chat-dock-scrim-fade, 2.5rem));
48
48
  padding-inline: var(--agent-chat-used-column-inset);
49
49
  }
50
50
 
51
- .agent-chat[data-composer-hidden] .agent-chat__transcript-content {
51
+ .agent-chat:not(:has(.agent-chat__dock-content > :not(.agent-chat__notice:empty)))
52
+ .agent-chat__transcript-content {
52
53
  padding-block-end: var(--sigvelo-layout-gutter);
53
54
  }
54
55
 
55
56
  .agent-chat__scroll-button {
56
57
  --message-scroller-button-inset-block-end: calc(
57
- var(--agent-chat-composer-size, 5rem) + var(--sigvelo-spacing-2)
58
+ var(--agent-chat-dock-size, 5rem) + var(--sigvelo-spacing-2)
58
59
  );
59
60
  }
60
61
 
61
- .agent-chat[data-composer-hidden] .agent-chat__scroll-button {
62
+ .agent-chat:not(:has(.agent-chat__dock-content > :not(.agent-chat__notice:empty)))
63
+ .agent-chat__scroll-button {
62
64
  --message-scroller-button-inset-block-end: var(--sigvelo-spacing-2);
63
65
  }
64
66
 
@@ -71,10 +73,11 @@
71
73
  block-size: 100%;
72
74
  min-block-size: 0;
73
75
  place-items: center;
74
- padding-block-end: var(--agent-chat-composer-size, 5rem);
76
+ padding-block-end: var(--agent-chat-dock-size, 5rem);
75
77
  }
76
78
 
77
- .agent-chat[data-composer-hidden] .agent-chat__transcript-loading {
79
+ .agent-chat:not(:has(.agent-chat__dock-content > :not(.agent-chat__notice:empty)))
80
+ .agent-chat__transcript-loading {
78
81
  padding-block-end: 0;
79
82
  }
80
83
 
@@ -132,9 +135,9 @@
132
135
  min-inline-size: 0;
133
136
  }
134
137
 
135
- .agent-chat-start-screen__composer > .agent-chat__composer {
138
+ .agent-chat-start-screen__composer > .agent-chat__dock {
136
139
  /* Grid item z-index, not isolation: the tray is a sibling and must paint
137
- behind the card. isolation: isolate on .agent-chat__composer trapped the
140
+ behind the card. isolation: isolate on .agent-chat__dock trapped the
138
141
  inner z-index and left the tray as a second pill. */
139
142
  isolation: auto;
140
143
  z-index: 1;
@@ -144,13 +147,19 @@
144
147
  backdrop-filter: none;
145
148
  }
146
149
 
147
- .agent-chat-start-screen__composer > .agent-chat__composer::after {
150
+ .agent-chat-start-screen__composer > .agent-chat__dock::after {
148
151
  content: none;
149
152
  }
150
153
 
154
+ .agent-chat-start-screen__composer > .agent-chat__dock > .agent-chat__dock-content {
155
+ --agent-chat-dock-ink-room: 0px;
156
+
157
+ overflow: visible;
158
+ }
159
+
151
160
  /* The one moment the composer is the subject of the screen rather than
152
161
  chrome pinned under a transcript: lifted further off the page. */
153
- .agent-chat-start-screen__composer > .agent-chat__composer > .prompt-input {
162
+ .agent-chat-start-screen__composer > .agent-chat__dock > .agent-chat__dock-content > .prompt-input {
154
163
  z-index: 1;
155
164
  inline-size: 100%;
156
165
  }
@@ -202,8 +211,7 @@
202
211
  white-space: nowrap;
203
212
  }
204
213
 
205
- .agent-chat-start-screen__starters,
206
- .agent-chat-start-screen__lead {
214
+ .agent-chat-start-screen__suggestions {
207
215
  grid-row: 3;
208
216
  align-self: start;
209
217
  min-inline-size: 0;
@@ -340,31 +348,25 @@
340
348
  * pull the textarea out from under the caret mid-sentence, which is the whole
341
349
  * reason this is not a transition on the container.
342
350
  *
343
- * `:has()` reads the composer's own text, so nothing has to be lifted into
344
- * React state AgentChat never sees the input value, and this way it does not
345
- * need to.
351
+ * The shared draft provider drives this state for both textareas and rich
352
+ * editors. Hiding suggestions never relocates or recreates the live form.
346
353
  */
347
354
  .agent-chat-start-screen__heading,
348
- .agent-chat-start-screen__starters,
349
- .agent-chat-start-screen__lead {
355
+ .agent-chat-start-screen__suggestions {
350
356
  transition:
351
357
  opacity var(--sigvelo-motion-duration-disclosure) var(--sigvelo-ease-snappy),
352
358
  translate var(--sigvelo-motion-duration-disclosure) var(--sigvelo-ease-snappy),
353
359
  visibility var(--sigvelo-motion-duration-disclosure);
354
360
  }
355
361
 
356
- .agent-chat-start-screen__content:has(textarea:not(:placeholder-shown))
357
- .agent-chat-start-screen__heading {
362
+ .agent-chat-start-screen[data-drafting] .agent-chat-start-screen__heading {
358
363
  opacity: 0;
359
364
  translate: 0 var(--sigvelo-motion-distance-md);
360
365
  }
361
366
 
362
367
  /* Starters are buttons, so fading them is not enough — invisible controls that
363
368
  still take a click or a Tab stop are worse than visible ones. */
364
- .agent-chat-start-screen__content:has(textarea:not(:placeholder-shown))
365
- .agent-chat-start-screen__starters,
366
- .agent-chat-start-screen__content:has(textarea:not(:placeholder-shown))
367
- .agent-chat-start-screen__lead {
369
+ .agent-chat-start-screen[data-drafting] .agent-chat-start-screen__suggestions {
368
370
  visibility: hidden;
369
371
  opacity: 0;
370
372
  }
@@ -372,7 +374,10 @@
372
374
  /* The composer floats above the transcript, but its dock remains part of the
373
375
  transcript plane. Keep the underlay on the owning surface token so light
374
376
  and dark themes meet without a visible horizontal seam. */
375
- .agent-chat__composer {
377
+ .agent-chat__dock {
378
+ display: flex;
379
+ flex-direction: column;
380
+ max-block-size: 100%;
376
381
  isolation: isolate;
377
382
  position: absolute;
378
383
  inset-inline: 0;
@@ -390,22 +395,22 @@
390
395
  /* Solid behind the composer itself, dissolving upward so passing transcript
391
396
  content fades into the surface instead of hitting a hard edge (Codex and
392
397
  Claude both ship an equivalent bottom fade band). */
393
- .agent-chat__composer::after {
398
+ .agent-chat__dock::after {
394
399
  position: absolute;
395
400
  z-index: -1;
396
401
  inset: 0;
397
- inset-block-start: calc(-1 * var(--agent-chat-composer-scrim-fade, 2.5rem));
402
+ inset-block-start: calc(-1 * var(--agent-chat-dock-scrim-fade, 2.5rem));
398
403
  content: "";
399
404
  pointer-events: none;
400
405
  background: linear-gradient(
401
406
  to bottom,
402
407
  transparent,
403
408
  var(--agent-chat-surface, var(--sigvelo-color-surface))
404
- var(--agent-chat-composer-scrim-fade, 2.5rem)
409
+ var(--agent-chat-dock-scrim-fade, 2.5rem)
405
410
  );
406
411
  }
407
412
 
408
- .agent-chat__composer > .prompt-input {
413
+ .agent-chat__dock-content > .prompt-input {
409
414
  z-index: 1;
410
415
  inline-size: min(
411
416
  100%,
@@ -426,14 +431,11 @@
426
431
  }
427
432
 
428
433
  .agent-chat__notice:empty {
434
+ display: none;
429
435
  margin-block-end: 0;
430
436
  }
431
437
 
432
- .agent-chat__queued.prompt-input__tray {
433
- --agent-chat-queued-row-block-size: var(--sigvelo-spacing-5);
434
- --agent-chat-queued-list-max-block-size: calc(
435
- 3 * var(--agent-chat-queued-row-block-size) + 2 * var(--sigvelo-border-width)
436
- );
438
+ .agent-chat__prompt-tray.prompt-input__tray {
437
439
  --prompt-input-tray-overlap: var(--sigvelo-spacing-2);
438
440
 
439
441
  position: relative;
@@ -449,63 +451,6 @@
449
451
  margin-inline: auto;
450
452
  }
451
453
 
452
- .agent-chat__queued-list {
453
- flex: 1;
454
- display: grid;
455
- gap: var(--sigvelo-border-width);
456
- max-block-size: var(--agent-chat-queued-list-max-block-size);
457
- min-inline-size: 0;
458
- margin: 0;
459
- padding: 0;
460
- list-style: none;
461
- overflow-y: auto;
462
- overscroll-behavior: contain;
463
- scrollbar-gutter: stable;
464
- }
465
-
466
- .agent-chat__queued .agent-chat__queued-message {
467
- display: flex;
468
- align-items: center;
469
- min-inline-size: 0;
470
- min-block-size: var(--agent-chat-queued-row-block-size);
471
- gap: var(--sigvelo-spacing-1-5);
472
- padding-block: 0;
473
- padding-inline: var(--sigvelo-spacing-2);
474
- color: var(--sigvelo-color-text);
475
- font-size: var(--sigvelo-text-compact);
476
- line-height: var(--sigvelo-text-compact-leading);
477
- }
478
-
479
- .agent-chat__queued .agent-chat__queued-indicator {
480
- display: inline-flex;
481
- flex: none;
482
- color: var(--sigvelo-color-text-muted);
483
- }
484
-
485
- .agent-chat__queued .agent-chat__queued-indicator svg {
486
- inline-size: var(--sigvelo-text-sm);
487
- block-size: var(--sigvelo-text-sm);
488
- }
489
-
490
- .agent-chat__queued .agent-chat__queued-content {
491
- font-size: inherit;
492
- line-height: inherit;
493
- }
494
-
495
- .agent-chat__queued-message .agent-chat__queued-actions {
496
- opacity: 1;
497
- }
498
-
499
- .agent-chat__queued .agent-chat__queued-action {
500
- --sigvelo-recipe-button-height: var(--agent-chat-queued-row-block-size);
501
- --sigvelo-recipe-button-padding-inline: var(--sigvelo-spacing-1-5);
502
- --sigvelo-recipe-button-font-size: var(--sigvelo-text-xs);
503
- --sigvelo-recipe-button-icon-size: var(--sigvelo-text-xs);
504
-
505
- flex: none;
506
- font-weight: var(--sigvelo-font-weight-normal);
507
- }
508
-
509
454
  @media (any-pointer: coarse) {
510
455
  .agent-chat-start-screen__composer-tray > .button,
511
456
  .agent-chat-starter__dismiss.button {
@@ -516,13 +461,6 @@
516
461
  .agent-chat-starter__dismiss {
517
462
  opacity: 1;
518
463
  }
519
-
520
- .agent-chat__queued.prompt-input__tray {
521
- --agent-chat-queued-row-block-size: var(--sigvelo-control-height-xl);
522
- --agent-chat-queued-list-max-block-size: calc(
523
- 2 * var(--agent-chat-queued-row-block-size) + var(--sigvelo-border-width)
524
- );
525
- }
526
464
  }
527
465
 
528
466
  .agent-chat__notice[data-tone="danger"],
@@ -606,7 +544,7 @@
606
544
  padding-inline: var(--agent-chat-used-column-inset);
607
545
  }
608
546
 
609
- .agent-chat__composer {
547
+ .agent-chat__dock {
610
548
  padding-block-end: max(var(--sigvelo-layout-stack), env(safe-area-inset-bottom, 0px));
611
549
  padding-inline: max(
612
550
  var(--agent-chat-column-inset, var(--sigvelo-spacing-2)),
@@ -623,6 +561,16 @@
623
561
  font-size: var(--sigvelo-text-lg);
624
562
  }
625
563
 
564
+ .agent-chat-start-screen__composer-tray:has(> :nth-child(3):last-child) {
565
+ display: grid;
566
+ grid-template-columns: repeat(3, minmax(0, 1fr));
567
+ }
568
+
569
+ .agent-chat-start-screen__composer-tray:has(> :nth-child(3):last-child) > .button {
570
+ inline-size: 100%;
571
+ justify-content: center;
572
+ }
573
+
626
574
  .agent-chat-starter__label {
627
575
  overflow: hidden;
628
576
  text-overflow: ellipsis;
@@ -641,8 +589,33 @@
641
589
  grid-row: 1;
642
590
  }
643
591
 
644
- .agent-chat-start-screen__starters,
645
- .agent-chat-start-screen__lead {
592
+ .agent-chat-start-screen__suggestions {
646
593
  grid-row: 2;
647
594
  }
648
595
  }
596
+
597
+ /* Quiet annotation under a part whose stored content was compacted. */
598
+ .agent-chat__compacted {
599
+ margin-block-start: var(--sigvelo-spacing-1);
600
+ font-size: var(--sigvelo-text-meta);
601
+ font-style: italic;
602
+ color: var(--sigvelo-color-text-muted);
603
+ }
604
+
605
+ /* All bottom content shares one measured and bounded scroll surface. Leave
606
+ room for the composer's edge and focus shadows without changing its layout. */
607
+ .agent-chat__dock-content {
608
+ --agent-chat-dock-ink-room: var(--sigvelo-spacing-5);
609
+
610
+ min-block-size: 0;
611
+ overflow: auto;
612
+ margin: calc(-1 * var(--agent-chat-dock-ink-room));
613
+ padding: var(--agent-chat-dock-ink-room);
614
+ }
615
+ .agent-chat__dock:not(:has(.agent-chat__dock-content > :not(.agent-chat__notice:empty))) {
616
+ padding: 0;
617
+ }
618
+
619
+ .agent-chat__dock:not(:has(.agent-chat__dock-content > :not(.agent-chat__notice:empty)))::after {
620
+ content: none;
621
+ }
@@ -14,8 +14,6 @@
14
14
 
15
15
  .agent-tool-detail__run-state {
16
16
  grid-row: 2;
17
- display: grid;
18
- gap: var(--sigvelo-layout-cluster);
19
17
  min-inline-size: 0;
20
18
  padding-block: var(--sigvelo-layout-cluster);
21
19
  padding-inline: var(--sigvelo-layout-gutter);
@@ -23,20 +21,6 @@
23
21
  var(--sigvelo-color-neutral-border-subtle);
24
22
  }
25
23
 
26
- .agent-tool-detail__error,
27
- .agent-tool-detail__summary {
28
- min-inline-size: 0;
29
- margin: 0;
30
- overflow-wrap: anywhere;
31
- color: var(--sigvelo-color-text-muted);
32
- font-size: var(--sigvelo-text-xs);
33
- line-height: var(--sigvelo-leading-normal);
34
- }
35
-
36
- .agent-tool-detail__error {
37
- color: var(--sigvelo-color-danger-text);
38
- }
39
-
40
24
  .agent-tool-detail__chat {
41
25
  grid-row: 3;
42
26
  min-inline-size: 0;
@@ -44,10 +44,10 @@
44
44
  .empty-state__icon,
45
45
  .inline-citation__trigger,
46
46
  .media-preview-card__play,
47
- .manager-office__analytics-series-copy .manager-office__analytics-average,
48
47
  .manager-office__unread-dot,
49
- .manager-office__employee-link[aria-current="page"]::after,
48
+ .manager-office__nav-status,
50
49
  .manager-office__employee-nav::-webkit-scrollbar-thumb,
50
+ :where([data-layout="chat"]) .manager-office__employee-link[aria-current="page"]::after,
51
51
  .menu__radio-indicator::before,
52
52
  .message-scroller__button,
53
53
  .plan-summary__trigger,
@@ -76,7 +76,7 @@
76
76
  .task__item::before,
77
77
  .test-results__test-status,
78
78
  .think-full-app__resizer::before,
79
- .think-routine-library__routine-status,
79
+ .think-routine__routine-status,
80
80
  [data-slot="meter-indicator"],
81
81
  [data-slot="meter-track"],
82
82
  [data-slot="progress-indicator"],
@@ -2,18 +2,6 @@
2
2
  min-inline-size: 0;
3
3
  min-block-size: 0;
4
4
  block-size: 100%;
5
- border: 0;
6
- border-radius: 0;
7
- }
8
-
9
- /* The tab strip and the address row are one chrome group: only the bottom
10
- row draws the group's edge. */
11
- .browser-run-panel .web-preview__nav:has(.browser-run-panel__tabs) {
12
- gap: 0;
13
- padding-block: 0;
14
- padding-inline: var(--sigvelo-spacing-1-5);
15
- border-block-end: 0;
16
- box-shadow: none;
17
5
  }
18
6
 
19
7
  .browser-run-panel__tabs {
@@ -76,10 +64,8 @@
76
64
  line-height: var(--sigvelo-leading-tight);
77
65
  }
78
66
 
79
- .browser-run-panel .browser-run-panel__body {
67
+ .browser-run-panel__body {
80
68
  min-block-size: 0;
81
- display: flex;
82
- padding: 0;
83
69
  }
84
70
 
85
71
  /* The panel owns the space allotted to whichever direct surface it hosts. */
@@ -2,6 +2,7 @@
2
2
  --sigvelo-recipe-button-height: var(--sigvelo-control-height-md);
3
3
  --sigvelo-recipe-button-padding-inline: var(--sigvelo-spacing-3);
4
4
  --sigvelo-recipe-button-font-size: var(--sigvelo-control-text-md);
5
+ --sigvelo-recipe-button-line-height: var(--sigvelo-control-line-height-md);
5
6
  --sigvelo-recipe-button-icon-size: var(--sigvelo-control-icon-size-md);
6
7
  --sigvelo-recipe-button-radius: var(--sigvelo-recipe-control-radius);
7
8
 
@@ -18,7 +19,7 @@
18
19
  font-family: inherit;
19
20
  font-size: var(--sigvelo-recipe-button-font-size);
20
21
  font-weight: var(--sigvelo-font-weight-semibold);
21
- line-height: var(--sigvelo-leading-compact);
22
+ line-height: var(--sigvelo-recipe-button-line-height);
22
23
  text-decoration: none;
23
24
  border-radius: var(--sigvelo-recipe-button-radius);
24
25
  translate: 0;
@@ -176,6 +177,7 @@
176
177
  --sigvelo-recipe-button-height: var(--sigvelo-control-height-xs);
177
178
  --sigvelo-recipe-button-padding-inline: var(--sigvelo-control-padding-inline-xs);
178
179
  --sigvelo-recipe-button-font-size: var(--sigvelo-control-text-xs);
180
+ --sigvelo-recipe-button-line-height: var(--sigvelo-control-line-height-xs);
179
181
  --sigvelo-recipe-button-icon-size: var(--sigvelo-control-icon-size-xs);
180
182
  }
181
183
 
@@ -183,6 +185,7 @@
183
185
  --sigvelo-recipe-button-height: var(--sigvelo-control-height-sm);
184
186
  --sigvelo-recipe-button-padding-inline: var(--sigvelo-control-padding-inline-sm);
185
187
  --sigvelo-recipe-button-font-size: var(--sigvelo-control-text-sm);
188
+ --sigvelo-recipe-button-line-height: var(--sigvelo-control-line-height-sm);
186
189
  --sigvelo-recipe-button-icon-size: var(--sigvelo-control-icon-size-sm);
187
190
  }
188
191
 
@@ -190,6 +193,7 @@
190
193
  --sigvelo-recipe-button-height: var(--sigvelo-control-height-md);
191
194
  --sigvelo-recipe-button-padding-inline: var(--sigvelo-control-padding-inline-md);
192
195
  --sigvelo-recipe-button-font-size: var(--sigvelo-control-text-md);
196
+ --sigvelo-recipe-button-line-height: var(--sigvelo-control-line-height-md);
193
197
  --sigvelo-recipe-button-icon-size: var(--sigvelo-control-icon-size-md);
194
198
  }
195
199
 
@@ -197,6 +201,7 @@
197
201
  --sigvelo-recipe-button-height: var(--sigvelo-control-height-lg);
198
202
  --sigvelo-recipe-button-padding-inline: var(--sigvelo-control-padding-inline-lg);
199
203
  --sigvelo-recipe-button-font-size: var(--sigvelo-control-text-lg);
204
+ --sigvelo-recipe-button-line-height: var(--sigvelo-control-line-height-lg);
200
205
  --sigvelo-recipe-button-icon-size: var(--sigvelo-control-icon-size-lg);
201
206
  }
202
207
 
@@ -204,6 +209,7 @@
204
209
  --sigvelo-recipe-button-height: var(--sigvelo-control-height-xl);
205
210
  --sigvelo-recipe-button-padding-inline: var(--sigvelo-control-padding-inline-xl);
206
211
  --sigvelo-recipe-button-font-size: var(--sigvelo-control-text-xl);
212
+ --sigvelo-recipe-button-line-height: var(--sigvelo-control-line-height-xl);
207
213
  --sigvelo-recipe-button-icon-size: var(--sigvelo-control-icon-size-xl);
208
214
  }
209
215
 
@@ -115,3 +115,15 @@
115
115
  border: var(--sigvelo-border-style) var(--sigvelo-border-width) CanvasText;
116
116
  }
117
117
  }
118
+
119
+ .code-block[data-surface="plain"] {
120
+ background-color: transparent;
121
+ }
122
+
123
+ .code-block[data-wrap] .code-block__content,
124
+ .code-block[data-wrap] .code-block__content--highlighted pre.shiki,
125
+ .code-block[data-wrap] .code-block__content--highlighted pre.shiki code {
126
+ white-space: pre-wrap;
127
+ word-break: break-word;
128
+ overflow-wrap: anywhere;
129
+ }
@@ -7,7 +7,6 @@
7
7
  .message,
8
8
  .queue,
9
9
  .queue__item,
10
- .agent-chat__queued-message,
11
10
  .reasoning,
12
11
  .sources,
13
12
  .sources__item,
@@ -33,7 +32,6 @@
33
32
  .message,
34
33
  .queue,
35
34
  .queue__item,
36
- .agent-chat__queued-message,
37
35
  .reasoning,
38
36
  .sources,
39
37
  .sources__item,