@puredesktop/puredesktop-ui-bridge 1.0.0-beta.1 → 2.1.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 (439) hide show
  1. package/package.json +4 -2
  2. package/src/agents/appAgentConnectors.test.ts +37 -0
  3. package/src/agents/appAgentConnectors.ts +138 -0
  4. package/src/agents/runtime/agentLiveReducer.test.ts +72 -72
  5. package/src/agents/runtime/agentLiveReducer.ts +139 -139
  6. package/src/agents/runtime/agentRunEventTypes.ts +115 -115
  7. package/src/agents/runtime/contextWindowUsage.test.ts +38 -38
  8. package/src/agents/runtime/contextWindowUsage.ts +25 -25
  9. package/src/agents/runtime/index.ts +24 -24
  10. package/src/agents/runtime/mapAgentMessages.ts +79 -54
  11. package/src/agents/runtime/mapAgentSnapshot.test.ts +98 -0
  12. package/src/agents/runtime/mapAgentSnapshot.ts +124 -71
  13. package/src/agents/runtime/mergeUsageTurn.ts +23 -23
  14. package/src/agents/runtime/pendingToolCalls.test.ts +85 -85
  15. package/src/agents/runtime/pendingToolCalls.ts +14 -14
  16. package/src/agents/runtime/toolRequiresApproval.ts +20 -20
  17. package/src/agents/runtime/unresolvedToolCalls.ts +42 -42
  18. package/src/bridge/agentModelTiers.ts +50 -50
  19. package/src/bridge/agentToolHandlers.ts +23 -23
  20. package/src/bridge/agentToolHelpers.test.ts +27 -27
  21. package/src/bridge/agentToolHelpers.ts +20 -20
  22. package/src/bridge/agentTypes.ts +377 -294
  23. package/src/bridge/agents.d.mts +144 -113
  24. package/src/bridge/agents.mjs +287 -233
  25. package/src/bridge/agents.ts +77 -62
  26. package/src/bridge/appSettings.d.mts +9 -9
  27. package/src/bridge/appSettings.mjs +18 -18
  28. package/src/bridge/appSettings.ts +4 -4
  29. package/src/bridge/applyThemeFromHost.d.mts +7 -7
  30. package/src/bridge/applyThemeFromHost.mjs +33 -33
  31. package/src/bridge/assets.d.mts +66 -66
  32. package/src/bridge/assets.mjs +121 -121
  33. package/src/bridge/calendarDraftIntent.ts +55 -0
  34. package/src/bridge/calendarInviteIntent.ts +64 -0
  35. package/src/bridge/catalog.d.mts +5 -5
  36. package/src/bridge/catalog.mjs +24 -24
  37. package/src/bridge/catalog.ts +1 -1
  38. package/src/bridge/client.d.mts +19 -19
  39. package/src/bridge/client.mjs +102 -102
  40. package/src/bridge/collectionAssetAdapter.ts +63 -63
  41. package/src/bridge/collectionAssets.d.mts +1 -1
  42. package/src/bridge/collectionAssets.mjs +2 -2
  43. package/src/bridge/collectionAssets.ts +1 -1
  44. package/src/bridge/collectionDocumentHtml.test.ts +71 -71
  45. package/src/bridge/collectionDocumentHtml.ts +118 -118
  46. package/src/bridge/collectionImagePaste.test.ts +32 -32
  47. package/src/bridge/collectionImagePaste.ts +130 -130
  48. package/src/bridge/context.mjs +12 -12
  49. package/src/bridge/credentials.mjs +22 -22
  50. package/src/bridge/dialog.d.mts +5 -5
  51. package/src/bridge/dialog.mjs +13 -13
  52. package/src/bridge/events.d.mts +14 -14
  53. package/src/bridge/events.mjs +12 -12
  54. package/src/bridge/filePreviewKind.test.ts +43 -43
  55. package/src/bridge/filePreviewKind.ts +76 -76
  56. package/src/bridge/fs.d.mts +41 -41
  57. package/src/bridge/fs.mjs +82 -82
  58. package/src/bridge/fs.test.ts +16 -16
  59. package/src/bridge/fs.ts +10 -10
  60. package/src/bridge/googleAuth.ts +159 -0
  61. package/src/bridge/googleProviderConfig.ts +73 -0
  62. package/src/bridge/index.ts +12 -12
  63. package/src/bridge/inlinePreview.d.mts +35 -35
  64. package/src/bridge/inlinePreview.mjs +99 -99
  65. package/src/bridge/inlinePreview.test.ts +56 -56
  66. package/src/bridge/inlinePreview.ts +13 -13
  67. package/src/bridge/methods.d.mts +125 -115
  68. package/src/bridge/methods.mjs +143 -132
  69. package/src/bridge/os.d.mts +11 -11
  70. package/src/bridge/os.mjs +26 -26
  71. package/src/bridge/plugins.d.mts +9 -9
  72. package/src/bridge/plugins.mjs +31 -31
  73. package/src/bridge/plugins.ts +5 -5
  74. package/src/bridge/preferences.d.mts +7 -7
  75. package/src/bridge/preferences.mjs +17 -17
  76. package/src/bridge/preferences.ts +13 -13
  77. package/src/bridge/printDocument.test.ts +47 -47
  78. package/src/bridge/printDocument.ts +75 -75
  79. package/src/bridge/pureRender/adapters.test.ts +144 -144
  80. package/src/bridge/pureRender/adapters.ts +175 -175
  81. package/src/bridge/pureRender/assets.test.ts +44 -44
  82. package/src/bridge/pureRender/base.css +76 -76
  83. package/src/bridge/pureRender/compiler.test.ts +279 -279
  84. package/src/bridge/pureRender/compiler.ts +660 -660
  85. package/src/bridge/pureRender/document.test.ts +283 -283
  86. package/src/bridge/pureRender/document.ts +35 -35
  87. package/src/bridge/pureRender/extraction.test.ts +432 -432
  88. package/src/bridge/pureRender/extraction.ts +1023 -1023
  89. package/src/bridge/pureRender/flow.css +3 -3
  90. package/src/bridge/pureRender/index.ts +66 -66
  91. package/src/bridge/pureRender/normalize.test.ts +442 -442
  92. package/src/bridge/pureRender/normalize.ts +682 -682
  93. package/src/bridge/pureRender/presets.ts +365 -365
  94. package/src/bridge/pureRender/profiles/book.css +19 -19
  95. package/src/bridge/pureRender/profiles/manuscript.css +11 -11
  96. package/src/bridge/pureRender/profiles/writer.css +10 -10
  97. package/src/bridge/pureRender/reset.css +5 -5
  98. package/src/bridge/pureRender/samples.ts +94 -94
  99. package/src/bridge/pureRender/styles.ts +164 -164
  100. package/src/bridge/pureRender/theme.test.ts +53 -53
  101. package/src/bridge/pureRender/theme.ts +258 -258
  102. package/src/bridge/pureRender/tokens/default.css +36 -36
  103. package/src/bridge/pureRender/tokens/default.json +32 -32
  104. package/src/bridge/pureRender/types.ts +264 -264
  105. package/src/bridge/pureRender/visualLayoutInspection.test.ts +57 -57
  106. package/src/bridge/pureRender/visualLayoutInspection.ts +161 -161
  107. package/src/bridge/react/useDebouncedEffect.ts +21 -21
  108. package/src/bridge/react/useIpc.tsx +75 -75
  109. package/src/bridge/react/usePlatformAgentRunLiveState.tsx +78 -78
  110. package/src/bridge/react/usePlatformAgentSessionDrive.test.tsx +134 -0
  111. package/src/bridge/react/usePlatformAgentSessionDrive.tsx +749 -729
  112. package/src/bridge/react/usePlatformAgentSessions.tsx +60 -60
  113. package/src/bridge/react/usePlatformAgentTools.tsx +82 -82
  114. package/src/bridge/react/usePlatformAppManifest.tsx +32 -32
  115. package/src/bridge/react/usePlatformBridge.tsx +56 -56
  116. package/src/bridge/react/usePlatformDeepLink.tsx +57 -57
  117. package/src/bridge/react/usePlatformFileBinaryDataUrl.tsx +54 -54
  118. package/src/bridge/react/usePlatformFilePreview.tsx +92 -92
  119. package/src/bridge/react/usePlatformPreferences.tsx +77 -77
  120. package/src/bridge/react/usePlatformThemeDocumentAttrs.ts +35 -35
  121. package/src/bridge/react/usePlatformThemeFromBridge.tsx +16 -16
  122. package/src/bridge/react/usePlatformViewportResource.test.tsx +106 -106
  123. package/src/bridge/react/usePlatformViewportResource.tsx +72 -72
  124. package/src/bridge/react/useScheduledTask.tsx +59 -59
  125. package/src/bridge/render.d.mts +31 -31
  126. package/src/bridge/render.mjs +62 -62
  127. package/src/bridge/render.ts +8 -8
  128. package/src/bridge/screenAnnotation.test.ts +103 -103
  129. package/src/bridge/screenAnnotation.ts +269 -269
  130. package/src/bridge/theme.d.mts +3 -3
  131. package/src/bridge/theme.mjs +9 -9
  132. package/src/bridge/types.ts +447 -439
  133. package/src/bridge/vision.d.mts +22 -0
  134. package/src/bridge/vision.mjs +20 -0
  135. package/src/bridge/watch.d.mts +9 -9
  136. package/src/bridge/watch.mjs +34 -34
  137. package/src/bridge/watch.ts +1 -1
  138. package/src/bridge/window.d.mts +44 -44
  139. package/src/bridge/window.mjs +33 -33
  140. package/src/chrome/index.ts +1 -1
  141. package/src/commitments/commitments.test.ts +201 -0
  142. package/src/commitments/commitments.ts +358 -0
  143. package/src/components/accessibility/AccessibilityReviewDialog.test.tsx +104 -104
  144. package/src/components/accessibility/AccessibilityReviewDialog.tsx +350 -350
  145. package/src/components/accessibility/accessibilityReview.test.ts +101 -101
  146. package/src/components/accessibility/accessibilityReview.ts +639 -639
  147. package/src/components/accessibility/index.ts +16 -16
  148. package/src/components/agent-feedback/ScreenAnnotationAgentDialog.tsx +509 -509
  149. package/src/components/agent-feedback/index.ts +5 -5
  150. package/src/components/agents/AgentComposer.tsx +135 -34
  151. package/src/components/agents/AgentContextUsageBar.tsx +127 -127
  152. package/src/components/agents/AgentDrawerPanel.test.tsx +361 -0
  153. package/src/components/agents/AgentDrawerPanel.tsx +122 -82
  154. package/src/components/agents/AgentFollowUpList.tsx +56 -0
  155. package/src/components/agents/AgentMarkdown.tsx +12 -12
  156. package/src/components/agents/AgentMessageBubble.tsx +171 -82
  157. package/src/components/agents/AgentMessageList.tsx +50 -47
  158. package/src/components/agents/AgentModelMenu.tsx +59 -55
  159. package/src/components/agents/AgentQuestionPromptList.tsx +284 -0
  160. package/src/components/agents/AgentThinkingBlock.tsx +66 -66
  161. package/src/components/agents/AgentToolApprovalActions.tsx +65 -65
  162. package/src/components/agents/AgentToolCallCard.tsx +13 -8
  163. package/src/components/agents/AgentToolPendingList.tsx +39 -39
  164. package/src/components/agents/AgentToolPendingReview.tsx +118 -118
  165. package/src/components/agents/agentPanelStyles.ts +150 -79
  166. package/src/components/agents/agentToolDisplay.ts +87 -0
  167. package/src/components/agents/agentTypes.ts +139 -96
  168. package/src/components/agents/formatToolCallArguments.test.ts +16 -16
  169. package/src/components/agents/formatToolCallArguments.ts +9 -9
  170. package/src/components/agents/index.ts +40 -40
  171. package/src/components/assets/AssetLibraryDialog.tsx +5 -5
  172. package/src/components/assets/asset-library/AssetLibraryDialog.tsx +43 -43
  173. package/src/components/assets/asset-library/AssetLibraryWorkspace.tsx +54 -54
  174. package/src/components/assets/asset-library/detail/AssetLibraryDetailActions.tsx +68 -68
  175. package/src/components/assets/asset-library/detail/AssetLibraryDetailHeader.tsx +56 -56
  176. package/src/components/assets/asset-library/detail/AssetLibraryDetailPane.tsx +90 -90
  177. package/src/components/assets/asset-library/detail/AssetLibraryDetailPreview.tsx +67 -67
  178. package/src/components/assets/asset-library/detail/AssetLibraryInlinePreview.tsx +87 -87
  179. package/src/components/assets/asset-library/detail/AssetLibraryInlineSourceField.tsx +29 -29
  180. package/src/components/assets/asset-library/detail/AssetLibraryMetadataFields.tsx +34 -34
  181. package/src/components/assets/asset-library/detail/AssetLibraryUsagePanel.tsx +46 -46
  182. package/src/components/assets/asset-library/detail/AssetLibraryVersionsPanel.tsx +145 -145
  183. package/src/components/assets/asset-library/helpers/assetKind.ts +74 -74
  184. package/src/components/assets/asset-library/helpers.ts +41 -41
  185. package/src/components/assets/asset-library/hooks/useAssetDetailDraft.ts +81 -81
  186. package/src/components/assets/asset-library/hooks/useAssetLibraryDialog.ts +233 -233
  187. package/src/components/assets/asset-library/hooks/useAssetLibraryMutations.ts +266 -266
  188. package/src/components/assets/asset-library/hooks/useAssetLibrarySelectionSync.ts +24 -24
  189. package/src/components/assets/asset-library/hooks/useAssetLibraryVersions.ts +145 -145
  190. package/src/components/assets/asset-library/hooks/useInlineAssetPreview.ts +44 -44
  191. package/src/components/assets/asset-library/index.ts +19 -19
  192. package/src/components/assets/asset-library/layout/assetLibraryLayout.ts +201 -201
  193. package/src/components/assets/asset-library/shared/fieldStyles.ts +62 -62
  194. package/src/components/assets/asset-library/sidebar/AssetLibraryFilterPills.tsx +89 -89
  195. package/src/components/assets/asset-library/sidebar/AssetLibraryList.tsx +91 -91
  196. package/src/components/assets/asset-library/sidebar/AssetLibraryListRow.tsx +99 -99
  197. package/src/components/assets/asset-library/sidebar/AssetLibraryListStatus.tsx +24 -24
  198. package/src/components/assets/asset-library/sidebar/AssetLibrarySidebar.tsx +48 -48
  199. package/src/components/assets/asset-library/sidebar/AssetLibrarySidebarActions.tsx +38 -38
  200. package/src/components/assets/asset-library/sidebar/AssetLibrarySidebarToolbar.tsx +78 -78
  201. package/src/components/assets/asset-library/sidebar/AssetListThumbnail.tsx +86 -86
  202. package/src/components/assets/asset-library/types.ts +128 -128
  203. package/src/components/assets/asset-library/utils/assetLibraryUtils.ts +181 -181
  204. package/src/components/assets/asset-library/utils/pathBasename.ts +5 -5
  205. package/src/components/assets/asset-library/utils/sanitizeUploadFileName.ts +7 -7
  206. package/src/components/assets/asset-library/utils/uploadCollectionAsset.ts +52 -52
  207. package/src/components/chrome/OverlayActionCapsule.test.tsx +82 -82
  208. package/src/components/chrome/OverlayActionCapsule.tsx +90 -90
  209. package/src/components/chrome/PanelTabStrip.tsx +113 -113
  210. package/src/components/chrome/PlatformIcon.tsx +27 -27
  211. package/src/components/chrome/PureAppWordmark.tsx +94 -89
  212. package/src/components/chrome/ShellWindowControls.tsx +58 -51
  213. package/src/components/chrome/ThemeModeButton.tsx +16 -16
  214. package/src/components/chrome/Titlebar.tsx +79 -79
  215. package/src/components/chrome/WorkspaceTabStrip.tsx +321 -300
  216. package/src/components/chrome/index.ts +31 -31
  217. package/src/components/chrome/workspaceTabTypes.ts +29 -29
  218. package/src/components/common/buttons/Button.tsx +241 -241
  219. package/src/components/common/buttons/ChoiceChip.tsx +73 -73
  220. package/src/components/common/buttons/CleanButton.tsx +34 -34
  221. package/src/components/common/buttons/IconButton.tsx +89 -89
  222. package/src/components/common/buttons/QuietAction.tsx +29 -29
  223. package/src/components/common/buttons/SegmentedControl.tsx +67 -67
  224. package/src/components/common/buttons/TextActionButton.tsx +55 -55
  225. package/src/components/common/buttons/TextLink.tsx +38 -38
  226. package/src/components/common/canvas/CanvasElementFrame.test.tsx +79 -79
  227. package/src/components/common/canvas/CanvasElementFrame.tsx +182 -182
  228. package/src/components/common/canvas/canvasGeometry.test.ts +66 -66
  229. package/src/components/common/canvas/canvasGeometry.ts +133 -133
  230. package/src/components/common/canvas/index.ts +27 -27
  231. package/src/components/common/canvas/useCanvasDragResize.test.tsx +152 -152
  232. package/src/components/common/canvas/useCanvasDragResize.ts +161 -161
  233. package/src/components/common/cards/OpenReviewCard.tsx +209 -0
  234. package/src/components/common/cards/index.ts +5 -0
  235. package/src/components/common/chat/ChatAssistantMessage.tsx +81 -81
  236. package/src/components/common/chat/ChatBox.test.tsx +61 -0
  237. package/src/components/common/chat/ChatBox.tsx +193 -189
  238. package/src/components/common/chat/ChatMarkdown.tsx +109 -109
  239. package/src/components/common/chat/ChatModelMenu.tsx +290 -258
  240. package/src/components/common/chat/ChatStatusRow.tsx +24 -24
  241. package/src/components/common/chat/ChatThinkingIndicator.tsx +54 -54
  242. package/src/components/common/chat/ChatThread.tsx +59 -59
  243. package/src/components/common/chat/ChatToolRow.tsx +147 -141
  244. package/src/components/common/chat/ChatUserBubble.tsx +45 -45
  245. package/src/components/common/chat/chatUtils.ts +7 -7
  246. package/src/components/common/chat/index.ts +24 -24
  247. package/src/components/common/connections/ConnectionSetup.tsx +534 -529
  248. package/src/components/common/connections/index.ts +26 -26
  249. package/src/components/common/containers/AppFrame.test.tsx +87 -41
  250. package/src/components/common/containers/AppFrame.tsx +66 -65
  251. package/src/components/common/containers/AppHeader.tsx +60 -60
  252. package/src/components/common/containers/AutoFillGrid.tsx +43 -37
  253. package/src/components/common/containers/Collapsible.tsx +43 -43
  254. package/src/components/common/containers/CollapsibleGrid.tsx +185 -174
  255. package/src/components/common/containers/MotionScope.tsx +32 -32
  256. package/src/components/common/containers/PageHeader.tsx +35 -35
  257. package/src/components/common/containers/PanelToolbarHeader.tsx +114 -113
  258. package/src/components/common/containers/QuietDisclosure.tsx +91 -91
  259. package/src/components/common/containers/QuietSurface.tsx +40 -41
  260. package/src/components/common/containers/ScrollPanel.tsx +33 -33
  261. package/src/components/common/containers/StatusBar.tsx +42 -42
  262. package/src/components/common/containers/SurfacePanel.tsx +66 -66
  263. package/src/components/common/containers/ToolbarStrip.tsx +80 -80
  264. package/src/components/common/containers/flex.ts +117 -117
  265. package/src/components/common/containers/useOpacityPresence.ts +80 -0
  266. package/src/components/common/containers/useOpenTransition.ts +33 -33
  267. package/src/components/common/context/ContextSelector.tsx +277 -269
  268. package/src/components/common/context/index.ts +7 -7
  269. package/src/components/common/desk/ActionReader.tsx +270 -270
  270. package/src/components/common/desk/ActivityLedger.tsx +143 -143
  271. package/src/components/common/desk/CreationDesk.tsx +139 -139
  272. package/src/components/common/desk/DailyBrief.tsx +160 -160
  273. package/src/components/common/desk/DeskCard.tsx +157 -157
  274. package/src/components/common/desk/index.ts +30 -30
  275. package/src/components/common/dropdown/ContextMenu.tsx +87 -87
  276. package/src/components/common/dropdown/MenuButtonDropdown.tsx +121 -121
  277. package/src/components/common/dropdown/MenuDropdown.tsx +63 -63
  278. package/src/components/common/dropdown/MenuDropdownEntry.tsx +51 -51
  279. package/src/components/common/dropdown/MenuDropdownItem.tsx +82 -82
  280. package/src/components/common/dropdown/MenuDropdownSubmenu.tsx +145 -145
  281. package/src/components/common/dropdown/MenuPanel.tsx +75 -69
  282. package/src/components/common/dropdown/MenuPortal.tsx +164 -162
  283. package/src/components/common/dropdown/MenuPortalLayer.tsx +6 -6
  284. package/src/components/common/dropdown/SelectMenu.tsx +246 -243
  285. package/src/components/common/dropdown/SelectMenuControl.tsx +23 -23
  286. package/src/components/common/dropdown/SelectMenuOptions.tsx +60 -38
  287. package/src/components/common/dropdown/menuPortalConstants.ts +11 -11
  288. package/src/components/common/dropdown/menuTypes.ts +71 -71
  289. package/src/components/common/dropdown/menuViewportPosition.test.ts +139 -139
  290. package/src/components/common/dropdown/menuViewportPosition.ts +122 -122
  291. package/src/components/common/dropdown/selectMenuLayout.test.ts +42 -42
  292. package/src/components/common/dropdown/selectMenuLayout.ts +123 -123
  293. package/src/components/common/dropdown/useMenuAnchorPosition.ts +109 -109
  294. package/src/components/common/dropdown/useSelectMenuAnchor.ts +30 -30
  295. package/src/components/common/evidence/StructuredEvidenceView.test.tsx +77 -77
  296. package/src/components/common/evidence/StructuredEvidenceView.tsx +312 -312
  297. package/src/components/common/evidence/index.ts +13 -13
  298. package/src/components/common/feedback/Badge.tsx +35 -33
  299. package/src/components/common/feedback/CapabilityPills.tsx +36 -36
  300. package/src/components/common/feedback/EmptyState.tsx +166 -132
  301. package/src/components/common/feedback/InfoHint.tsx +67 -67
  302. package/src/components/common/feedback/InlineBanner.tsx +82 -82
  303. package/src/components/common/feedback/PlatformChip.tsx +104 -104
  304. package/src/components/common/feedback/QuietPill.tsx +75 -75
  305. package/src/components/common/feedback/WorkProgressPanel.tsx +156 -156
  306. package/src/components/common/feedback/index.ts +33 -33
  307. package/src/components/common/files/FileTable.tsx +225 -0
  308. package/src/components/common/inputs/BareInput.tsx +31 -31
  309. package/src/components/common/inputs/BareTextarea.tsx +10 -10
  310. package/src/components/common/inputs/Checkbox.tsx +13 -13
  311. package/src/components/common/inputs/EditableSecretField.tsx +292 -0
  312. package/src/components/common/inputs/FieldControlShell.tsx +49 -49
  313. package/src/components/common/inputs/FormField.tsx +40 -40
  314. package/src/components/common/inputs/HybridSearchField.tsx +295 -280
  315. package/src/components/common/inputs/InlineComposer.tsx +197 -197
  316. package/src/components/common/inputs/PaletteCirclePicker.tsx +26 -26
  317. package/src/components/common/inputs/PaletteDropdown.tsx +418 -413
  318. package/src/components/common/inputs/Radio.tsx +19 -19
  319. package/src/components/common/inputs/SearchField.tsx +128 -128
  320. package/src/components/common/inputs/SelectField.tsx +170 -169
  321. package/src/components/common/inputs/SurfacePalettePicker.tsx +54 -54
  322. package/src/components/common/inputs/TextAreaField.tsx +22 -22
  323. package/src/components/common/inputs/TextField.tsx +51 -51
  324. package/src/components/common/inputs/ToggleSwitch.tsx +110 -110
  325. package/src/components/common/inputs/WorkspacePicker.tsx +349 -349
  326. package/src/components/common/inputs/fieldStyles.ts +141 -137
  327. package/src/components/common/layout/PanelGroup.tsx +485 -479
  328. package/src/components/common/layout/index.ts +31 -31
  329. package/src/components/common/layout/panelLayoutConstants.ts +7 -7
  330. package/src/components/common/layout/panelLayoutPersistence.ts +35 -35
  331. package/src/components/common/layout/panelLayoutState.test.ts +38 -38
  332. package/src/components/common/layout/panelLayoutState.ts +174 -174
  333. package/src/components/common/layout/panelLayoutTypes.ts +19 -19
  334. package/src/components/common/layout/tabs/Tabs.tsx +136 -136
  335. package/src/components/common/lists/listRowStyles.ts +32 -32
  336. package/src/components/common/lists/quiet-ledger/QuietActivityList.tsx +64 -64
  337. package/src/components/common/lists/quiet-ledger/QuietLedgerRow.tsx +119 -119
  338. package/src/components/common/lists/quiet-ledger/index.ts +9 -9
  339. package/src/components/common/lists/reorderable/DragHandle.tsx +65 -65
  340. package/src/components/common/lists/reorderable/ReorderableList.tsx +280 -280
  341. package/src/components/common/lists/reorderable/ReorderableListRow.tsx +102 -102
  342. package/src/components/common/lists/reorderable/ReorderableSections.tsx +344 -344
  343. package/src/components/common/lists/reorderable/ReorderableSectionsDemo.tsx +94 -94
  344. package/src/components/common/lists/reorderable/index.ts +15 -15
  345. package/src/components/common/lists/reorderable/reorderableUtils.test.ts +28 -28
  346. package/src/components/common/lists/reorderable/reorderableUtils.ts +23 -23
  347. package/src/components/common/lists/reorderable/types.ts +40 -40
  348. package/src/components/common/lists/reorderable/useReorderableDragState.ts +49 -49
  349. package/src/components/common/media/ImageReferencePicker.tsx +242 -242
  350. package/src/components/common/menubar/MenuBar.tsx +78 -78
  351. package/src/components/common/menubar/MenuBarTrigger.tsx +70 -70
  352. package/src/components/common/narrative/NarrativeMention.tsx +74 -74
  353. package/src/components/common/navigation/NavigationCardRow.tsx +98 -0
  354. package/src/components/common/navigation/PathBreadcrumbs.tsx +78 -78
  355. package/src/components/common/navigation/UnderlineTabs.tsx +83 -83
  356. package/src/components/common/navigation/index.ts +15 -0
  357. package/src/components/common/overlays/InstallAppPromptDialog.tsx +59 -59
  358. package/src/components/common/overlays/Modal.tsx +292 -285
  359. package/src/components/common/overlays/ModalChromeHeader.tsx +105 -105
  360. package/src/components/common/overlays/ObjectActionStrip.tsx +80 -80
  361. package/src/components/common/people/AutoUpdateReviewList.tsx +182 -182
  362. package/src/components/common/people/EntityList.tsx +122 -122
  363. package/src/components/common/people/EntityPortrait.tsx +64 -64
  364. package/src/components/common/people/LinkedDossierList.tsx +99 -99
  365. package/src/components/common/people/OpportunityList.tsx +94 -94
  366. package/src/components/common/people/PeopleSourceList.tsx +145 -145
  367. package/src/components/common/people/RelationshipDossier.tsx +168 -168
  368. package/src/components/common/people/RelationshipMap.tsx +362 -362
  369. package/src/components/common/people/index.ts +40 -40
  370. package/src/components/common/preview/FileAudioPreview.tsx +89 -89
  371. package/src/components/common/preview/FileImagePreview.tsx +88 -88
  372. package/src/components/common/preview/FilePdfPreview.tsx +87 -87
  373. package/src/components/common/preview/FileTextPreview.tsx +96 -96
  374. package/src/components/common/preview/FileVideoPreview.tsx +87 -87
  375. package/src/components/common/preview/PlatformFilePreview.tsx +166 -166
  376. package/src/components/common/preview/previewLayout.ts +27 -27
  377. package/src/components/common/render/Each.tsx +42 -42
  378. package/src/components/common/research/EvidenceDossier.tsx +904 -894
  379. package/src/components/common/research/index.ts +7 -7
  380. package/src/components/common/tiles/CatalogCard.tsx +116 -116
  381. package/src/components/common/tiles/Tile.tsx +45 -45
  382. package/src/components/common/tiles/TileGrid.tsx +19 -13
  383. package/src/components/common/typography/Heading.tsx +27 -27
  384. package/src/components/common/typography/Kicker.tsx +36 -30
  385. package/src/components/common/typography/Text.tsx +80 -80
  386. package/src/components/credentials/CredentialsPanel.tsx +236 -169
  387. package/src/components/credentials/credentialProviderIcon.tsx +79 -0
  388. package/src/components/credentials/credentialsTypes.ts +14 -14
  389. package/src/components/credentials/lobeIcons.d.ts +4 -0
  390. package/src/components/data/DataChart.tsx +913 -913
  391. package/src/components/data/dataTable.ts +99 -99
  392. package/src/components/editor/EditorCommentPromptDialog.tsx +124 -124
  393. package/src/components/editor/EditorLinkPromptDialog.tsx +65 -65
  394. package/src/components/print-design/PrintDesignPanel.test.tsx +1446 -1446
  395. package/src/components/print-design/PrintDesignPanel.tsx +3045 -3043
  396. package/src/components/print-design/index.ts +9 -9
  397. package/src/components/proofing/PagedProofDialog.tsx +453 -453
  398. package/src/components/proofing/index.ts +4 -4
  399. package/src/editor/DocumentEditor.tsx +28 -28
  400. package/src/editor/EditorViewModeToggle.tsx +38 -35
  401. package/src/editor/index.ts +98 -97
  402. package/src/editor/toolbarOverlays.ts +8 -8
  403. package/src/index.ts +231 -209
  404. package/src/theme/ThemeProvider.tsx +115 -113
  405. package/src/theme/appAccents.ts +115 -87
  406. package/src/theme/buildThemeBridgePayload.ts +23 -23
  407. package/src/theme/composePlatformTheme.test.ts +47 -30
  408. package/src/theme/composePlatformTheme.ts +23 -23
  409. package/src/theme/platformFont.d.mts +7 -7
  410. package/src/theme/platformFont.mjs +20 -20
  411. package/src/theme/platformFont.ts +6 -6
  412. package/src/theme/reportsShellChromeSelectors.ts +136 -136
  413. package/src/theme/styled.d.ts +5 -5
  414. package/src/theme/surfacePalettes.ts +179 -178
  415. package/src/theme/surfaceRoleSelectors.ts +113 -113
  416. package/src/theme/themeVars.ts +13 -13
  417. package/src/theme/themes/dark.ts +59 -59
  418. package/src/theme/themes/light.ts +60 -60
  419. package/src/theme/themes/palette.ts +44 -44
  420. package/src/theme/themes/shared.ts +68 -68
  421. package/src/theme/tokens.ts +114 -114
  422. package/src/theme/utils/GlobalStyles.ts +88 -88
  423. package/src/theme/utils/appFrameDocumentStyles.d.mts +5 -5
  424. package/src/theme/utils/appFrameDocumentStyles.mjs +89 -89
  425. package/src/theme/utils/appFrameDocumentStyles.ts +5 -5
  426. package/src/theme/utils/applyTheme.test.ts +19 -0
  427. package/src/theme/utils/applyTheme.ts +59 -50
  428. package/src/theme/utils/cssVariables.ts +49 -49
  429. package/src/theme/utils/useInjectThemeIntoIframe.ts +40 -40
  430. package/src/utils/extensionIconMap.ts +123 -123
  431. package/src/utils/generalUtils.ts +157 -157
  432. package/src/writing/DraftAssistantDialog.tsx +279 -279
  433. package/src/writing/WritingStyleManager.tsx +416 -416
  434. package/src/writing/condenseWritingStyle.ts +103 -103
  435. package/src/writing/draftTextWithAgent.ts +134 -134
  436. package/src/writing/index.ts +39 -39
  437. package/src/writing/styleStore.ts +32 -32
  438. package/src/writing/writingStyle.test.ts +122 -122
  439. package/src/writing/writingStyle.ts +217 -217
package/src/components/common/chat/ChatAssistantMessage.tsx CHANGED
@@ -1,81 +1,81 @@
1
- import type { ReactNode } from 'react'
2
- import { styled } from 'styled-components'
3
- import { FlexRow } from '../containers/flex.js'
4
- import { ChatMarkdown } from './ChatMarkdown.js'
5
- import { formatChatTime } from './chatUtils.js'
6
-
7
- export interface ChatAssistantMessageProps {
8
- content: string
9
- name?: string
10
- icon?: ReactNode
11
- timestamp?: number
12
- streaming?: boolean
13
- beforeBody?: ReactNode
14
- }
15
-
16
- export function ChatAssistantMessage({
17
- content,
18
- name = 'Agent',
19
- icon,
20
- timestamp,
21
- streaming = false,
22
- beforeBody,
23
- }: ChatAssistantMessageProps): React.ReactElement {
24
- const hasIcon = Boolean(icon)
25
-
26
- return (
27
- <Root>
28
- <FlexRow $align="center" $gap="xs" style={{ marginBottom: 4 }}>
29
- {hasIcon ? <AvatarSlot>{icon}</AvatarSlot> : null}
30
- <Name>{name}</Name>
31
- {timestamp ? <Time>{formatChatTime(timestamp)}</Time> : null}
32
- </FlexRow>
33
- {beforeBody ? (
34
- <BeforeBody $hasIcon={hasIcon}>{beforeBody}</BeforeBody>
35
- ) : null}
36
- <Body $hasIcon={hasIcon} content={content} streaming={streaming} />
37
- </Root>
38
- )
39
- }
40
-
41
- const Root = styled.div`
42
- align-self: flex-start;
43
- display: flex;
44
- flex-direction: column;
45
- max-width: 95%;
46
- padding-block: 18px;
47
- `
48
-
49
- const AvatarSlot = styled.div`
50
- flex: 0 0 auto;
51
- width: 18px;
52
- height: 18px;
53
- display: flex;
54
- align-items: center;
55
- justify-content: center;
56
- color: var(--platform-colors-text-secondary);
57
- font-size: 13px;
58
- `
59
-
60
- const Name = styled.span`
61
- font-size: 11px;
62
- font-weight: 600;
63
- color: var(--platform-colors-text-secondary);
64
- letter-spacing: 0.04em;
65
- `
66
-
67
- const Time = styled.span`
68
- margin-left: auto;
69
- color: var(--platform-colors-text-disabled);
70
- font-size: 10px;
71
- `
72
-
73
- const BeforeBody = styled.div<{ $hasIcon: boolean }>`
74
- padding-left: ${({ $hasIcon }) => ($hasIcon ? '24px' : '0')};
75
- margin-bottom: 4px;
76
- `
77
-
78
- const Body = styled(ChatMarkdown)<{ $hasIcon: boolean }>`
79
- padding-left: ${({ $hasIcon }) => ($hasIcon ? '24px' : '0')};
80
- font-size: 13px;
81
- `
1
+ import type { ReactNode } from 'react'
2
+ import { styled } from 'styled-components'
3
+ import { FlexRow } from '../containers/flex.js'
4
+ import { ChatMarkdown } from './ChatMarkdown.js'
5
+ import { formatChatTime } from './chatUtils.js'
6
+
7
+ export interface ChatAssistantMessageProps {
8
+ content: string
9
+ name?: string
10
+ icon?: ReactNode
11
+ timestamp?: number
12
+ streaming?: boolean
13
+ beforeBody?: ReactNode
14
+ }
15
+
16
+ export function ChatAssistantMessage({
17
+ content,
18
+ name = 'Agent',
19
+ icon,
20
+ timestamp,
21
+ streaming = false,
22
+ beforeBody,
23
+ }: ChatAssistantMessageProps): React.ReactElement {
24
+ const hasIcon = Boolean(icon)
25
+
26
+ return (
27
+ <Root>
28
+ <FlexRow $align="center" $gap="xs" style={{ marginBottom: 4 }}>
29
+ {hasIcon ? <AvatarSlot>{icon}</AvatarSlot> : null}
30
+ <Name>{name}</Name>
31
+ {timestamp ? <Time>{formatChatTime(timestamp)}</Time> : null}
32
+ </FlexRow>
33
+ {beforeBody ? (
34
+ <BeforeBody $hasIcon={hasIcon}>{beforeBody}</BeforeBody>
35
+ ) : null}
36
+ <Body $hasIcon={hasIcon} content={content} streaming={streaming} />
37
+ </Root>
38
+ )
39
+ }
40
+
41
+ const Root = styled.div`
42
+ align-self: flex-start;
43
+ display: flex;
44
+ flex-direction: column;
45
+ max-width: 95%;
46
+ padding-block: 18px;
47
+ `
48
+
49
+ const AvatarSlot = styled.div`
50
+ flex: 0 0 auto;
51
+ width: 18px;
52
+ height: 18px;
53
+ display: flex;
54
+ align-items: center;
55
+ justify-content: center;
56
+ color: var(--platform-colors-text-secondary);
57
+ font-size: 13px;
58
+ `
59
+
60
+ const Name = styled.span`
61
+ font-size: 11px;
62
+ font-weight: 600;
63
+ color: var(--platform-colors-text-secondary);
64
+ letter-spacing: 0.04em;
65
+ `
66
+
67
+ const Time = styled.span`
68
+ margin-left: auto;
69
+ color: var(--platform-colors-text-disabled);
70
+ font-size: 10px;
71
+ `
72
+
73
+ const BeforeBody = styled.div<{ $hasIcon: boolean }>`
74
+ padding-left: ${({ $hasIcon }) => ($hasIcon ? '24px' : '0')};
75
+ margin-bottom: 4px;
76
+ `
77
+
78
+ const Body = styled(ChatMarkdown)<{ $hasIcon: boolean }>`
79
+ padding-left: ${({ $hasIcon }) => ($hasIcon ? '24px' : '0')};
80
+ font-size: 13px;
81
+ `
package/src/components/common/chat/ChatBox.test.tsx ADDED
@@ -0,0 +1,61 @@
1
+ import { act } from 'react'
2
+ import { createRoot, type Root } from 'react-dom/client'
3
+ import { afterEach, beforeAll, beforeEach, describe, expect, it, vi } from 'vitest'
4
+ import { ChatBox } from './ChatBox.js'
5
+
6
+ type ReactActGlobal = typeof globalThis & {
7
+ IS_REACT_ACT_ENVIRONMENT?: boolean
8
+ }
9
+
10
+ describe('ChatBox draft behavior', () => {
11
+ let host: HTMLDivElement
12
+ let root: Root
13
+
14
+ beforeAll(() => {
15
+ ;(globalThis as ReactActGlobal).IS_REACT_ACT_ENVIRONMENT = true
16
+ })
17
+
18
+ beforeEach(() => {
19
+ host = document.createElement('div')
20
+ document.body.appendChild(host)
21
+ root = createRoot(host)
22
+ })
23
+
24
+ afterEach(() => {
25
+ act(() => root.unmount())
26
+ host.remove()
27
+ })
28
+
29
+ it('keeps text input editable and replaces send with stop while sending', () => {
30
+ const onStop = vi.fn()
31
+ const onSend = vi.fn()
32
+
33
+ act(() => {
34
+ root.render(
35
+ <ChatBox
36
+ value="queued thought"
37
+ sending
38
+ onChange={vi.fn()}
39
+ onSend={onSend}
40
+ onStop={onStop}
41
+ />,
42
+ )
43
+ })
44
+
45
+ const textarea = host.querySelector('textarea')
46
+ const stopButton = host.querySelector('button[aria-label="Stop"]')
47
+ const sendButton = host.querySelector('button[aria-label="Send"]')
48
+
49
+ expect(textarea).toBeInstanceOf(HTMLTextAreaElement)
50
+ expect((textarea as HTMLTextAreaElement).disabled).toBe(false)
51
+ expect(stopButton).toBeInstanceOf(HTMLButtonElement)
52
+ expect((stopButton as HTMLButtonElement).disabled).toBe(false)
53
+ expect(sendButton).toBeNull()
54
+
55
+ act(() => {
56
+ stopButton?.dispatchEvent(new MouseEvent('click', { bubbles: true }))
57
+ })
58
+ expect(onStop).toHaveBeenCalledOnce()
59
+ expect(onSend).not.toHaveBeenCalled()
60
+ })
61
+ })
package/src/components/common/chat/ChatBox.tsx CHANGED
@@ -1,189 +1,193 @@
1
- import { forwardRef, useCallback } from 'react'
2
- import { styled } from 'styled-components'
3
- import { Loader2, Send, Square } from 'lucide-react'
4
- import { FlexCol } from '../containers/flex.js'
5
- import { FlexRow } from '../containers/flex.js'
6
-
7
- export interface ChatBoxProps {
8
- value: string
9
- onChange: (value: string) => void
10
- onSend: () => void
11
- onStop?: () => void
12
- sending?: boolean
13
- disabled?: boolean
14
- placeholder?: string
15
- error?: string | null
16
- rows?: number
17
- leading?: React.ReactNode
18
- }
19
-
20
- export const ChatBox = forwardRef<HTMLTextAreaElement, ChatBoxProps>(
21
- function ChatBox(
22
- {
23
- value,
24
- onChange,
25
- onSend,
26
- onStop,
27
- sending = false,
28
- disabled = false,
29
- placeholder = 'Type a message…',
30
- error,
31
- rows = 3,
32
- leading,
33
- },
34
- ref,
35
- ) {
36
- const handleKeyDown = useCallback(
37
- (event: React.KeyboardEvent<HTMLTextAreaElement>) => {
38
- if (event.key === 'Enter' && !event.shiftKey) {
39
- event.preventDefault()
40
- if (!disabled && !sending && value.trim()) onSend()
41
- }
42
- },
43
- [disabled, onSend, sending, value],
44
- )
45
-
46
- const canSend = !disabled && !sending && value.trim().length > 0
47
- const showStop = sending && onStop
48
-
49
- return (
50
- <Root $gap="xs">
51
- <EditorWrapper>
52
- <Textarea
53
- ref={ref}
54
- value={value}
55
- onChange={event => onChange(event.target.value)}
56
- onKeyDown={handleKeyDown}
57
- placeholder={placeholder}
58
- disabled={disabled || sending}
59
- rows={rows}
60
- />
61
- <Actions $align="center" $justify="between">
62
- <div>{leading ?? null}</div>
63
- <SendButton
64
- type="button"
65
- onClick={showStop ? onStop : onSend}
66
- disabled={showStop ? false : !canSend}
67
- title={showStop ? 'Stop' : 'Send (Enter)'}
68
- aria-label={showStop ? 'Stop' : 'Send'}
69
- >
70
- {showStop ? (
71
- <Square size={14} />
72
- ) : sending ? (
73
- <Loader2 size={14} className="chat-box-spin" />
74
- ) : (
75
- <Send size={15} />
76
- )}
77
- </SendButton>
78
- </Actions>
79
- </EditorWrapper>
80
- {error ? <ErrorText role="alert">{error}</ErrorText> : null}
81
- </Root>
82
- )
83
- },
84
- )
85
-
86
- const Root = styled(FlexCol)`
87
- flex-shrink: 0;
88
- width: 100%;
89
- `
90
-
91
- const EditorWrapper = styled.div`
92
- display: flex;
93
- flex-direction: column;
94
- background: var(--platform-colors-bg);
95
- border: 1px solid var(--platform-colors-border);
96
- border-radius: 8px;
97
- overflow: hidden;
98
- transition: border-color 0.15s;
99
-
100
- &:focus-within {
101
- border-color: var(--platform-colors-accent);
102
- }
103
- `
104
-
105
- const Textarea = styled.textarea`
106
- flex: 1;
107
- width: 100%;
108
- resize: none;
109
- font: inherit;
110
- font-size: 13px;
111
- line-height: 1.5;
112
- padding: 10px 12px 4px;
113
- border: none;
114
- background: transparent;
115
- color: var(--platform-colors-text);
116
- outline: none;
117
- box-sizing: border-box;
118
-
119
- &::placeholder {
120
- color: var(--platform-colors-text-disabled);
121
- opacity: 0.7;
122
- }
123
-
124
- &::-webkit-scrollbar {
125
- width: 6px;
126
- }
127
-
128
- &::-webkit-scrollbar-track {
129
- background: transparent;
130
- }
131
-
132
- &::-webkit-scrollbar-thumb {
133
- background: var(--platform-colors-border);
134
- border-radius: 3px;
135
- }
136
-
137
- &:disabled {
138
- opacity: 0.5;
139
- cursor: not-allowed;
140
- }
141
- `
142
-
143
- const Actions = styled(FlexRow)`
144
- padding: 4px 8px 8px;
145
- `
146
-
147
- const SendButton = styled.button`
148
- display: flex;
149
- align-items: center;
150
- justify-content: center;
151
- width: 28px;
152
- height: 28px;
153
- padding: 0;
154
- border: none;
155
- border-radius: 6px;
156
- background: transparent;
157
- color: var(--platform-colors-accent);
158
- cursor: pointer;
159
- transition: background 0.15s, color 0.15s, opacity 0.15s;
160
-
161
- .chat-box-spin {
162
- animation: chat-box-spin 1s linear infinite;
163
- }
164
-
165
- @keyframes chat-box-spin {
166
- to {
167
- transform: rotate(360deg);
168
- }
169
- }
170
-
171
- &:hover:not(:disabled) {
172
- background: color-mix(
173
- in srgb,
174
- var(--platform-colors-accent) 12%,
175
- transparent
176
- );
177
- }
178
-
179
- &:disabled {
180
- color: var(--platform-colors-text-disabled);
181
- opacity: 0.45;
182
- cursor: not-allowed;
183
- }
184
- `
185
-
186
- const ErrorText = styled.span`
187
- font-size: 11px;
188
- color: var(--platform-colors-danger);
189
- `
1
+ import { forwardRef, useCallback } from 'react'
2
+ import { styled } from 'styled-components'
3
+ import { Send, Square } from 'lucide-react'
4
+ import { FlexCol } from '../containers/flex.js'
5
+ import { FlexRow } from '../containers/flex.js'
6
+
7
+ export interface ChatBoxProps {
8
+ value: string
9
+ onChange: (value: string) => void
10
+ onSend: () => void
11
+ onStop?: () => void
12
+ sending?: boolean
13
+ disabled?: boolean
14
+ inputDisabled?: boolean
15
+ sendDisabled?: boolean
16
+ placeholder?: string
17
+ error?: string | null
18
+ rows?: number
19
+ topContent?: React.ReactNode
20
+ leading?: React.ReactNode
21
+ }
22
+
23
+ export const ChatBox = forwardRef<HTMLTextAreaElement, ChatBoxProps>(
24
+ function ChatBox(
25
+ {
26
+ value,
27
+ onChange,
28
+ onSend,
29
+ onStop,
30
+ sending = false,
31
+ disabled = false,
32
+ inputDisabled = false,
33
+ sendDisabled = false,
34
+ placeholder = 'Type a message…',
35
+ error,
36
+ rows = 3,
37
+ topContent,
38
+ leading,
39
+ },
40
+ ref,
41
+ ) {
42
+ const handleKeyDown = useCallback(
43
+ (event: React.KeyboardEvent<HTMLTextAreaElement>) => {
44
+ if (event.key === 'Enter' && !event.shiftKey) {
45
+ event.preventDefault()
46
+ if (!disabled && !sendDisabled && value.trim()) onSend()
47
+ }
48
+ },
49
+ [disabled, onSend, sendDisabled, value],
50
+ )
51
+
52
+ const textDisabled = disabled || inputDisabled
53
+ const canSend =
54
+ !disabled && !sendDisabled && value.trim().length > 0
55
+ const showStop = sending && onStop
56
+
57
+ return (
58
+ <Root $gap="xs">
59
+ <EditorWrapper>
60
+ {topContent ?? null}
61
+ <Textarea
62
+ ref={ref}
63
+ value={value}
64
+ onChange={event => onChange(event.target.value)}
65
+ onKeyDown={handleKeyDown}
66
+ placeholder={placeholder}
67
+ disabled={textDisabled}
68
+ rows={rows}
69
+ />
70
+ <Actions $align="center" $justify="between">
71
+ <div>{leading ?? null}</div>
72
+ {showStop ? (
73
+ <SendButton
74
+ type="button"
75
+ onClick={onStop}
76
+ title="Stop"
77
+ aria-label="Stop"
78
+ >
79
+ <Square size={14} />
80
+ </SendButton>
81
+ ) : (
82
+ <SendButton
83
+ type="button"
84
+ onClick={onSend}
85
+ disabled={!canSend}
86
+ title="Send (Enter)"
87
+ aria-label="Send"
88
+ >
89
+ <Send size={15} />
90
+ </SendButton>
91
+ )}
92
+ </Actions>
93
+ </EditorWrapper>
94
+ {error ? <ErrorText role="alert">{error}</ErrorText> : null}
95
+ </Root>
96
+ )
97
+ },
98
+ )
99
+
100
+ const Root = styled(FlexCol)`
101
+ flex-shrink: 0;
102
+ width: 100%;
103
+ `
104
+
105
+ const EditorWrapper = styled.div`
106
+ display: flex;
107
+ flex-direction: column;
108
+ background: var(--platform-colors-bg);
109
+ border: 1px solid var(--platform-colors-border);
110
+ border-radius: 8px;
111
+ overflow: hidden;
112
+ transition: border-color 0.15s;
113
+
114
+ &:focus-within {
115
+ border-color: var(--platform-colors-accent);
116
+ }
117
+ `
118
+
119
+ const Textarea = styled.textarea`
120
+ flex: 1;
121
+ width: 100%;
122
+ resize: none;
123
+ font: inherit;
124
+ font-size: 13px;
125
+ line-height: 1.5;
126
+ padding: 10px 12px 4px;
127
+ border: none;
128
+ background: transparent;
129
+ color: var(--platform-colors-text);
130
+ outline: none;
131
+ box-sizing: border-box;
132
+
133
+ &::placeholder {
134
+ color: var(--platform-colors-text-disabled);
135
+ opacity: 0.7;
136
+ }
137
+
138
+ &::-webkit-scrollbar {
139
+ width: 6px;
140
+ }
141
+
142
+ &::-webkit-scrollbar-track {
143
+ background: transparent;
144
+ }
145
+
146
+ &::-webkit-scrollbar-thumb {
147
+ background: var(--platform-colors-border);
148
+ border-radius: 3px;
149
+ }
150
+
151
+ &:disabled {
152
+ opacity: 0.5;
153
+ cursor: not-allowed;
154
+ }
155
+ `
156
+
157
+ const Actions = styled(FlexRow)`
158
+ padding: 4px 8px 8px;
159
+ `
160
+
161
+ const SendButton = styled.button`
162
+ display: flex;
163
+ align-items: center;
164
+ justify-content: center;
165
+ width: 28px;
166
+ height: 28px;
167
+ padding: 0;
168
+ border: none;
169
+ border-radius: 6px;
170
+ background: transparent;
171
+ color: var(--platform-colors-accent);
172
+ cursor: pointer;
173
+ transition: background 0.15s, color 0.15s, opacity 0.15s;
174
+
175
+ &:hover:not(:disabled) {
176
+ background: color-mix(
177
+ in srgb,
178
+ var(--platform-colors-accent) 12%,
179
+ transparent
180
+ );
181
+ }
182
+
183
+ &:disabled {
184
+ color: var(--platform-colors-text-disabled);
185
+ opacity: 0.45;
186
+ cursor: not-allowed;
187
+ }
188
+ `
189
+
190
+ const ErrorText = styled.span`
191
+ font-size: 11px;
192
+ color: var(--platform-colors-danger);
193
+ `