@puredesktop/puredesktop-ui-bridge 1.0.0-beta.1 → 1.0.0-beta.2

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/desk/DailyBrief.tsx CHANGED
@@ -1,160 +1,160 @@
1
- import { type ReactNode, useState } from 'react'
2
- import { styled } from 'styled-components'
3
- import {
4
- MentionButton,
5
- MentionHoverCard,
6
- MentionHoverLine,
7
- MentionHoverTitle,
8
- MentionWrap,
9
- } from '../narrative/NarrativeMention.js'
10
-
11
- export type DailyBriefSpan =
12
- | { kind: 'text'; text: string }
13
- | {
14
- kind: 'mention'
15
- label: string
16
- id: string
17
- title?: string
18
- detail?: string
19
- meta?: string
20
- }
21
-
22
- export interface DailyBriefProps {
23
- title: string
24
- writtenAt: string
25
- author?: string
26
- spans: readonly DailyBriefSpan[]
27
- emptyText?: string
28
- actions?: ReactNode
29
- onMentionSelect?: (id: string) => void
30
- }
31
-
32
- const Surface = styled.article`
33
- width: 100%;
34
- max-width: 760px;
35
- margin: 0 auto;
36
- padding: 36px 44px 38px;
37
- border: 1px solid rgba(217, 222, 229, 0.72);
38
- border-radius: 4px;
39
- background: var(--daily-brief-paper, #fffefa);
40
- box-shadow: 0 18px 54px rgba(38, 46, 55, 0.055);
41
- color: var(--daily-brief-ink, inherit);
42
- `
43
-
44
- const Kicker = styled.div`
45
- display: flex;
46
- align-items: baseline;
47
- justify-content: space-between;
48
- gap: 16px;
49
- color: var(--daily-brief-faint, #9aa2ad);
50
- font-size: 10px;
51
- font-weight: 700;
52
- letter-spacing: 0.07em;
53
- text-transform: uppercase;
54
- `
55
-
56
- const Meta = styled.span`
57
- white-space: nowrap;
58
- `
59
-
60
- const Body = styled.p`
61
- margin: 20px 0 0;
62
- color: var(--daily-brief-ink, inherit);
63
- font-size: clamp(24px, 3vw, 34px);
64
- font-weight: 400;
65
- line-height: 1.48;
66
- letter-spacing: 0;
67
- `
68
-
69
- const Empty = styled.p`
70
- margin: 20px 0 0;
71
- color: var(--daily-brief-muted, #737b86);
72
- font-size: 18px;
73
- line-height: 1.55;
74
- `
75
-
76
- const Footer = styled.div`
77
- display: flex;
78
- justify-content: flex-end;
79
- margin-top: 22px;
80
- color: var(--daily-brief-muted, #737b86);
81
- `
82
-
83
- function formatBriefDate(iso: string): string {
84
- const date = new Date(iso)
85
- if (Number.isNaN(date.getTime())) return iso
86
- return date.toLocaleDateString(undefined, {
87
- weekday: 'short',
88
- month: 'short',
89
- day: 'numeric',
90
- })
91
- }
92
-
93
- function DailyBriefMention({
94
- span,
95
- onSelect,
96
- }: {
97
- span: Extract<DailyBriefSpan, { kind: 'mention' }>
98
- onSelect?: (id: string) => void
99
- }): React.ReactElement {
100
- const [open, setOpen] = useState(false)
101
- return (
102
- <MentionWrap
103
- onMouseEnter={() => setOpen(true)}
104
- onMouseLeave={() => setOpen(false)}
105
- >
106
- <MentionButton type="button" onClick={() => onSelect?.(span.id)}>
107
- {span.label}
108
- </MentionButton>
109
- {open ? (
110
- <MentionHoverCard>
111
- <MentionHoverTitle>{span.title ?? span.label}</MentionHoverTitle>
112
- {span.detail ? (
113
- <MentionHoverLine>{span.detail}</MentionHoverLine>
114
- ) : null}
115
- {span.meta ? <MentionHoverLine>{span.meta}</MentionHoverLine> : null}
116
- </MentionHoverCard>
117
- ) : null}
118
- </MentionWrap>
119
- )
120
- }
121
-
122
- export function DailyBrief({
123
- title,
124
- writtenAt,
125
- author,
126
- spans,
127
- emptyText = 'Nothing needs your attention right now.',
128
- actions,
129
- onMentionSelect,
130
- }: DailyBriefProps): React.ReactElement {
131
- return (
132
- <Surface>
133
- <Kicker>
134
- <span>{title}</span>
135
- <Meta>
136
- {formatBriefDate(writtenAt)}
137
- {author ? ` · ${author}` : ''}
138
- </Meta>
139
- </Kicker>
140
- {spans.length ? (
141
- <Body>
142
- {spans.map((span, index) =>
143
- span.kind === 'text' ? (
144
- <span key={`text-${index}`}>{span.text}</span>
145
- ) : (
146
- <DailyBriefMention
147
- key={`mention-${span.id}-${index}`}
148
- span={span}
149
- onSelect={onMentionSelect}
150
- />
151
- ),
152
- )}
153
- </Body>
154
- ) : (
155
- <Empty>{emptyText}</Empty>
156
- )}
157
- {actions ? <Footer>{actions}</Footer> : null}
158
- </Surface>
159
- )
160
- }
1
+ import { type ReactNode, useState } from 'react'
2
+ import { styled } from 'styled-components'
3
+ import {
4
+ MentionButton,
5
+ MentionHoverCard,
6
+ MentionHoverLine,
7
+ MentionHoverTitle,
8
+ MentionWrap,
9
+ } from '../narrative/NarrativeMention.js'
10
+
11
+ export type DailyBriefSpan =
12
+ | { kind: 'text'; text: string }
13
+ | {
14
+ kind: 'mention'
15
+ label: string
16
+ id: string
17
+ title?: string
18
+ detail?: string
19
+ meta?: string
20
+ }
21
+
22
+ export interface DailyBriefProps {
23
+ title: string
24
+ writtenAt: string
25
+ author?: string
26
+ spans: readonly DailyBriefSpan[]
27
+ emptyText?: string
28
+ actions?: ReactNode
29
+ onMentionSelect?: (id: string) => void
30
+ }
31
+
32
+ const Surface = styled.article`
33
+ width: 100%;
34
+ max-width: 760px;
35
+ margin: 0 auto;
36
+ padding: 36px 44px 38px;
37
+ border: 1px solid rgba(217, 222, 229, 0.72);
38
+ border-radius: 4px;
39
+ background: var(--daily-brief-paper, #fffefa);
40
+ box-shadow: 0 18px 54px rgba(38, 46, 55, 0.055);
41
+ color: var(--daily-brief-ink, inherit);
42
+ `
43
+
44
+ const Kicker = styled.div`
45
+ display: flex;
46
+ align-items: baseline;
47
+ justify-content: space-between;
48
+ gap: 16px;
49
+ color: var(--daily-brief-faint, #9aa2ad);
50
+ font-size: 10px;
51
+ font-weight: 700;
52
+ letter-spacing: 0.07em;
53
+ text-transform: uppercase;
54
+ `
55
+
56
+ const Meta = styled.span`
57
+ white-space: nowrap;
58
+ `
59
+
60
+ const Body = styled.p`
61
+ margin: 20px 0 0;
62
+ color: var(--daily-brief-ink, inherit);
63
+ font-size: clamp(24px, 3vw, 34px);
64
+ font-weight: 400;
65
+ line-height: 1.48;
66
+ letter-spacing: 0;
67
+ `
68
+
69
+ const Empty = styled.p`
70
+ margin: 20px 0 0;
71
+ color: var(--daily-brief-muted, #737b86);
72
+ font-size: 18px;
73
+ line-height: 1.55;
74
+ `
75
+
76
+ const Footer = styled.div`
77
+ display: flex;
78
+ justify-content: flex-end;
79
+ margin-top: 22px;
80
+ color: var(--daily-brief-muted, #737b86);
81
+ `
82
+
83
+ function formatBriefDate(iso: string): string {
84
+ const date = new Date(iso)
85
+ if (Number.isNaN(date.getTime())) return iso
86
+ return date.toLocaleDateString(undefined, {
87
+ weekday: 'short',
88
+ month: 'short',
89
+ day: 'numeric',
90
+ })
91
+ }
92
+
93
+ function DailyBriefMention({
94
+ span,
95
+ onSelect,
96
+ }: {
97
+ span: Extract<DailyBriefSpan, { kind: 'mention' }>
98
+ onSelect?: (id: string) => void
99
+ }): React.ReactElement {
100
+ const [open, setOpen] = useState(false)
101
+ return (
102
+ <MentionWrap
103
+ onMouseEnter={() => setOpen(true)}
104
+ onMouseLeave={() => setOpen(false)}
105
+ >
106
+ <MentionButton type="button" onClick={() => onSelect?.(span.id)}>
107
+ {span.label}
108
+ </MentionButton>
109
+ {open ? (
110
+ <MentionHoverCard>
111
+ <MentionHoverTitle>{span.title ?? span.label}</MentionHoverTitle>
112
+ {span.detail ? (
113
+ <MentionHoverLine>{span.detail}</MentionHoverLine>
114
+ ) : null}
115
+ {span.meta ? <MentionHoverLine>{span.meta}</MentionHoverLine> : null}
116
+ </MentionHoverCard>
117
+ ) : null}
118
+ </MentionWrap>
119
+ )
120
+ }
121
+
122
+ export function DailyBrief({
123
+ title,
124
+ writtenAt,
125
+ author,
126
+ spans,
127
+ emptyText = 'Nothing needs your attention right now.',
128
+ actions,
129
+ onMentionSelect,
130
+ }: DailyBriefProps): React.ReactElement {
131
+ return (
132
+ <Surface>
133
+ <Kicker>
134
+ <span>{title}</span>
135
+ <Meta>
136
+ {formatBriefDate(writtenAt)}
137
+ {author ? ` · ${author}` : ''}
138
+ </Meta>
139
+ </Kicker>
140
+ {spans.length ? (
141
+ <Body>
142
+ {spans.map((span, index) =>
143
+ span.kind === 'text' ? (
144
+ <span key={`text-${index}`}>{span.text}</span>
145
+ ) : (
146
+ <DailyBriefMention
147
+ key={`mention-${span.id}-${index}`}
148
+ span={span}
149
+ onSelect={onMentionSelect}
150
+ />
151
+ ),
152
+ )}
153
+ </Body>
154
+ ) : (
155
+ <Empty>{emptyText}</Empty>
156
+ )}
157
+ {actions ? <Footer>{actions}</Footer> : null}
158
+ </Surface>
159
+ )
160
+ }
package/src/components/common/desk/DeskCard.tsx CHANGED
@@ -1,157 +1,157 @@
1
- import type { ButtonHTMLAttributes, ReactNode } from 'react'
2
- import { styled } from 'styled-components'
3
-
4
- export type DeskCardTone = 'ready' | 'busy' | 'neutral'
5
-
6
- export interface DeskCardProps
7
- extends Omit<ButtonHTMLAttributes<HTMLButtonElement>, 'children'> {
8
- person: ReactNode
9
- action: ReactNode
10
- reason?: ReactNode
11
- status?: ReactNode
12
- tone?: DeskCardTone
13
- accent?: boolean
14
- dim?: boolean
15
- dropBefore?: boolean
16
- }
17
-
18
- const StyledCard = styled.button<{
19
- $accent: boolean
20
- $dim: boolean
21
- $dropBefore: boolean
22
- }>`
23
- position: relative;
24
- display: block;
25
- width: 100%;
26
- margin-bottom: 8px;
27
- padding: 11px 13px;
28
- border: 1px solid
29
- ${({ $accent }) => ($accent ? '#d9dee5' : 'rgba(217, 222, 229, 0.9)')};
30
- border-left: ${({ $accent }) =>
31
- $accent
32
- ? '2px solid var(--desk-card-accent, var(--platform-colors-accent))'
33
- : '1px solid rgba(217, 222, 229, 0.9)'};
34
- border-radius: ${({ $accent }) => ($accent ? '0' : '6px')};
35
- background: ${({ $accent, $dim }) =>
36
- $accent
37
- ? 'var(--desk-card-paper, var(--platform-colors-surface))'
38
- : $dim
39
- ? 'rgba(255, 255, 255, 0.55)'
40
- : 'rgba(255, 255, 255, 0.85)'};
41
- color: inherit;
42
- font: inherit;
43
- text-align: left;
44
- cursor: pointer;
45
-
46
- &::before {
47
- position: absolute;
48
- top: -5px;
49
- right: 2px;
50
- left: 2px;
51
- height: 2px;
52
- border-radius: 999px;
53
- background: ${({ $dropBefore }) =>
54
- $dropBefore
55
- ? 'var(--desk-card-accent, var(--platform-colors-accent))'
56
- : 'transparent'};
57
- content: '';
58
- }
59
-
60
- &:hover {
61
- background: ${({ $accent }) =>
62
- $accent ? 'var(--desk-card-paper, #fff)' : '#ffffff'};
63
- }
64
- `
65
-
66
- const TopLine = styled.div`
67
- display: flex;
68
- align-items: center;
69
- justify-content: space-between;
70
- gap: 12px;
71
- min-width: 0;
72
- `
73
-
74
- const Person = styled.div<{ $dim: boolean }>`
75
- overflow: hidden;
76
- color: ${({ $dim }) =>
77
- $dim
78
- ? 'var(--desk-card-muted, var(--platform-colors-text-secondary))'
79
- : 'var(--desk-card-ink, var(--platform-colors-text))'};
80
- font-size: 14px;
81
- font-weight: 600;
82
- line-height: 1.3;
83
- text-overflow: ellipsis;
84
- white-space: nowrap;
85
- `
86
-
87
- const Status = styled.span<{ $tone: DeskCardTone }>`
88
- flex: 0 0 auto;
89
- color: ${({ $tone }) =>
90
- $tone === 'ready'
91
- ? 'var(--platform-colors-semantic-green-text, #3f7c52)'
92
- : $tone === 'busy'
93
- ? 'var(--platform-colors-semantic-orange-text, #8a6012)'
94
- : 'var(--desk-card-faint, var(--platform-colors-text-tertiary))'};
95
- font-size: 9px;
96
- font-weight: 800;
97
- letter-spacing: 0.06em;
98
- text-transform: uppercase;
99
- `
100
-
101
- const Action = styled.div<{ $dim: boolean }>`
102
- display: -webkit-box;
103
- margin-top: 8px;
104
- overflow: hidden;
105
- overflow-wrap: anywhere;
106
- color: ${({ $dim }) =>
107
- $dim
108
- ? 'var(--desk-card-muted, var(--platform-colors-text-secondary))'
109
- : 'var(--desk-card-ink, var(--platform-colors-text))'};
110
- font-size: 13px;
111
- font-weight: 650;
112
- line-height: 1.35;
113
- -webkit-box-orient: vertical;
114
- -webkit-line-clamp: 1;
115
- `
116
-
117
- const Reason = styled.div`
118
- display: -webkit-box;
119
- margin-top: 5px;
120
- overflow: hidden;
121
- overflow-wrap: anywhere;
122
- color: var(--desk-card-muted, var(--platform-colors-text-secondary));
123
- font-size: 12px;
124
- line-height: 1.45;
125
- -webkit-box-orient: vertical;
126
- -webkit-line-clamp: 2;
127
- `
128
-
129
- export function DeskCard({
130
- person,
131
- action,
132
- reason,
133
- status,
134
- tone = 'neutral',
135
- accent = false,
136
- dim = false,
137
- dropBefore = false,
138
- type = 'button',
139
- ...buttonProps
140
- }: DeskCardProps): React.ReactElement {
141
- return (
142
- <StyledCard
143
- {...buttonProps}
144
- type={type}
145
- $accent={accent}
146
- $dim={dim}
147
- $dropBefore={dropBefore}
148
- >
149
- <TopLine>
150
- <Person $dim={dim}>{person}</Person>
151
- {status ? <Status $tone={tone}>{status}</Status> : null}
152
- </TopLine>
153
- <Action $dim={dim}>{action}</Action>
154
- {reason ? <Reason>{reason}</Reason> : null}
155
- </StyledCard>
156
- )
157
- }
1
+ import type { ButtonHTMLAttributes, ReactNode } from 'react'
2
+ import { styled } from 'styled-components'
3
+
4
+ export type DeskCardTone = 'ready' | 'busy' | 'neutral'
5
+
6
+ export interface DeskCardProps
7
+ extends Omit<ButtonHTMLAttributes<HTMLButtonElement>, 'children'> {
8
+ person: ReactNode
9
+ action: ReactNode
10
+ reason?: ReactNode
11
+ status?: ReactNode
12
+ tone?: DeskCardTone
13
+ accent?: boolean
14
+ dim?: boolean
15
+ dropBefore?: boolean
16
+ }
17
+
18
+ const StyledCard = styled.button<{
19
+ $accent: boolean
20
+ $dim: boolean
21
+ $dropBefore: boolean
22
+ }>`
23
+ position: relative;
24
+ display: block;
25
+ width: 100%;
26
+ margin-bottom: 8px;
27
+ padding: 11px 13px;
28
+ border: 1px solid
29
+ ${({ $accent }) => ($accent ? '#d9dee5' : 'rgba(217, 222, 229, 0.9)')};
30
+ border-left: ${({ $accent }) =>
31
+ $accent
32
+ ? '2px solid var(--desk-card-accent, var(--platform-colors-accent))'
33
+ : '1px solid rgba(217, 222, 229, 0.9)'};
34
+ border-radius: ${({ $accent }) => ($accent ? '0' : '6px')};
35
+ background: ${({ $accent, $dim }) =>
36
+ $accent
37
+ ? 'var(--desk-card-paper, var(--platform-colors-surface))'
38
+ : $dim
39
+ ? 'rgba(255, 255, 255, 0.55)'
40
+ : 'rgba(255, 255, 255, 0.85)'};
41
+ color: inherit;
42
+ font: inherit;
43
+ text-align: left;
44
+ cursor: pointer;
45
+
46
+ &::before {
47
+ position: absolute;
48
+ top: -5px;
49
+ right: 2px;
50
+ left: 2px;
51
+ height: 2px;
52
+ border-radius: 999px;
53
+ background: ${({ $dropBefore }) =>
54
+ $dropBefore
55
+ ? 'var(--desk-card-accent, var(--platform-colors-accent))'
56
+ : 'transparent'};
57
+ content: '';
58
+ }
59
+
60
+ &:hover {
61
+ background: ${({ $accent }) =>
62
+ $accent ? 'var(--desk-card-paper, #fff)' : '#ffffff'};
63
+ }
64
+ `
65
+
66
+ const TopLine = styled.div`
67
+ display: flex;
68
+ align-items: center;
69
+ justify-content: space-between;
70
+ gap: 12px;
71
+ min-width: 0;
72
+ `
73
+
74
+ const Person = styled.div<{ $dim: boolean }>`
75
+ overflow: hidden;
76
+ color: ${({ $dim }) =>
77
+ $dim
78
+ ? 'var(--desk-card-muted, var(--platform-colors-text-secondary))'
79
+ : 'var(--desk-card-ink, var(--platform-colors-text))'};
80
+ font-size: 14px;
81
+ font-weight: 600;
82
+ line-height: 1.3;
83
+ text-overflow: ellipsis;
84
+ white-space: nowrap;
85
+ `
86
+
87
+ const Status = styled.span<{ $tone: DeskCardTone }>`
88
+ flex: 0 0 auto;
89
+ color: ${({ $tone }) =>
90
+ $tone === 'ready'
91
+ ? 'var(--platform-colors-semantic-green-text, #3f7c52)'
92
+ : $tone === 'busy'
93
+ ? 'var(--platform-colors-semantic-orange-text, #8a6012)'
94
+ : 'var(--desk-card-faint, var(--platform-colors-text-tertiary))'};
95
+ font-size: 9px;
96
+ font-weight: 800;
97
+ letter-spacing: 0.06em;
98
+ text-transform: uppercase;
99
+ `
100
+
101
+ const Action = styled.div<{ $dim: boolean }>`
102
+ display: -webkit-box;
103
+ margin-top: 8px;
104
+ overflow: hidden;
105
+ overflow-wrap: anywhere;
106
+ color: ${({ $dim }) =>
107
+ $dim
108
+ ? 'var(--desk-card-muted, var(--platform-colors-text-secondary))'
109
+ : 'var(--desk-card-ink, var(--platform-colors-text))'};
110
+ font-size: 13px;
111
+ font-weight: 650;
112
+ line-height: 1.35;
113
+ -webkit-box-orient: vertical;
114
+ -webkit-line-clamp: 1;
115
+ `
116
+
117
+ const Reason = styled.div`
118
+ display: -webkit-box;
119
+ margin-top: 5px;
120
+ overflow: hidden;
121
+ overflow-wrap: anywhere;
122
+ color: var(--desk-card-muted, var(--platform-colors-text-secondary));
123
+ font-size: 12px;
124
+ line-height: 1.45;
125
+ -webkit-box-orient: vertical;
126
+ -webkit-line-clamp: 2;
127
+ `
128
+
129
+ export function DeskCard({
130
+ person,
131
+ action,
132
+ reason,
133
+ status,
134
+ tone = 'neutral',
135
+ accent = false,
136
+ dim = false,
137
+ dropBefore = false,
138
+ type = 'button',
139
+ ...buttonProps
140
+ }: DeskCardProps): React.ReactElement {
141
+ return (
142
+ <StyledCard
143
+ {...buttonProps}
144
+ type={type}
145
+ $accent={accent}
146
+ $dim={dim}
147
+ $dropBefore={dropBefore}
148
+ >
149
+ <TopLine>
150
+ <Person $dim={dim}>{person}</Person>
151
+ {status ? <Status $tone={tone}>{status}</Status> : null}
152
+ </TopLine>
153
+ <Action $dim={dim}>{action}</Action>
154
+ {reason ? <Reason>{reason}</Reason> : null}
155
+ </StyledCard>
156
+ )
157
+ }