@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/people/PeopleSourceList.tsx CHANGED
@@ -1,145 +1,145 @@
1
- import { styled } from 'styled-components'
2
- import { Button } from '../buttons/Button.js'
3
- import { QuietAction } from '../buttons/QuietAction.js'
4
-
5
- export interface PeopleSourceListItem {
6
- id: string
7
- kind: string
8
- title: string
9
- oneLine: string
10
- url?: string
11
- }
12
-
13
- export interface PeopleSourceListProps {
14
- sources: PeopleSourceListItem[]
15
- emptyMessage: string
16
- onAbsorb: (sourceId: string, scope: 'selected' | 'all') => void
17
- onDelete: (sourceId: string) => void
18
- }
19
-
20
- const List = styled.div`
21
- display: grid;
22
- `
23
-
24
- const Card = styled.div`
25
- display: grid;
26
- gap: 8px;
27
- padding: 12px 0;
28
- border-bottom: 1px solid var(--platform-colors-border);
29
-
30
- &:last-child {
31
- border-bottom: 0;
32
- }
33
- `
34
-
35
- const Head = styled.div`
36
- display: flex;
37
- align-items: flex-start;
38
- justify-content: space-between;
39
- gap: 14px;
40
- `
41
-
42
- const Title = styled.div`
43
- color: var(--platform-colors-text);
44
- font-size: 15px;
45
- font-weight: 720;
46
- `
47
-
48
- const Meta = styled.div`
49
- color: var(--platform-colors-text-secondary);
50
- font-size: 12px;
51
- overflow-wrap: anywhere;
52
- `
53
-
54
- const MetaRow = styled.div`
55
- display: flex;
56
- flex-wrap: wrap;
57
- gap: 7px;
58
- align-items: center;
59
- `
60
-
61
- const TimeSensitive = styled.span`
62
- color: var(--platform-colors-text);
63
- font-size: 10px;
64
- font-weight: 760;
65
- letter-spacing: 0.06em;
66
- text-transform: uppercase;
67
- `
68
-
69
- const Body = styled.div`
70
- color: var(--platform-colors-text-secondary);
71
- font-size: 14px;
72
- line-height: 1.6;
73
- `
74
-
75
- const SourceLink = styled.a`
76
- color: var(--platform-colors-text-secondary);
77
- font-size: 12px;
78
- text-decoration: underline;
79
- text-decoration-color: var(--platform-colors-border);
80
- text-underline-offset: 3px;
81
-
82
- &:hover {
83
- color: var(--platform-colors-text);
84
- }
85
- `
86
-
87
- const ActionRow = styled.div`
88
- display: flex;
89
- flex-wrap: wrap;
90
- align-items: center;
91
- gap: 8px;
92
- `
93
-
94
- export function PeopleSourceList({
95
- sources,
96
- emptyMessage,
97
- onAbsorb,
98
- onDelete,
99
- }: PeopleSourceListProps): React.ReactElement {
100
- if (!sources.length) return <Meta>{emptyMessage}</Meta>
101
- return (
102
- <List>
103
- {sources.map(source => (
104
- <Card key={source.id}>
105
- <Head>
106
- <div>
107
- <Title>{source.title}</Title>
108
- <MetaRow>
109
- <Meta>{source.kind}</Meta>
110
- {source.kind === 'event' ? (
111
- <TimeSensitive>time-sensitive</TimeSensitive>
112
- ) : null}
113
- </MetaRow>
114
- </div>
115
- <QuietAction onClick={() => onDelete(source.id)}>
116
- delete
117
- </QuietAction>
118
- </Head>
119
- <Body>{source.oneLine}</Body>
120
- {source.url ? (
121
- <SourceLink href={source.url} target="_blank" rel="noreferrer">
122
- open source
123
- </SourceLink>
124
- ) : null}
125
- <ActionRow>
126
- <Button
127
- variant="subtle"
128
- size="sm"
129
- onClick={() => onAbsorb(source.id, 'selected')}
130
- >
131
- Review here
132
- </Button>
133
- <Button
134
- variant="ghost"
135
- size="sm"
136
- onClick={() => onAbsorb(source.id, 'all')}
137
- >
138
- Scan everyone
139
- </Button>
140
- </ActionRow>
141
- </Card>
142
- ))}
143
- </List>
144
- )
145
- }
1
+ import { styled } from 'styled-components'
2
+ import { Button } from '../buttons/Button.js'
3
+ import { QuietAction } from '../buttons/QuietAction.js'
4
+
5
+ export interface PeopleSourceListItem {
6
+ id: string
7
+ kind: string
8
+ title: string
9
+ oneLine: string
10
+ url?: string
11
+ }
12
+
13
+ export interface PeopleSourceListProps {
14
+ sources: PeopleSourceListItem[]
15
+ emptyMessage: string
16
+ onAbsorb: (sourceId: string, scope: 'selected' | 'all') => void
17
+ onDelete: (sourceId: string) => void
18
+ }
19
+
20
+ const List = styled.div`
21
+ display: grid;
22
+ `
23
+
24
+ const Card = styled.div`
25
+ display: grid;
26
+ gap: 8px;
27
+ padding: 12px 0;
28
+ border-bottom: 1px solid var(--platform-colors-border);
29
+
30
+ &:last-child {
31
+ border-bottom: 0;
32
+ }
33
+ `
34
+
35
+ const Head = styled.div`
36
+ display: flex;
37
+ align-items: flex-start;
38
+ justify-content: space-between;
39
+ gap: 14px;
40
+ `
41
+
42
+ const Title = styled.div`
43
+ color: var(--platform-colors-text);
44
+ font-size: 15px;
45
+ font-weight: 720;
46
+ `
47
+
48
+ const Meta = styled.div`
49
+ color: var(--platform-colors-text-secondary);
50
+ font-size: 12px;
51
+ overflow-wrap: anywhere;
52
+ `
53
+
54
+ const MetaRow = styled.div`
55
+ display: flex;
56
+ flex-wrap: wrap;
57
+ gap: 7px;
58
+ align-items: center;
59
+ `
60
+
61
+ const TimeSensitive = styled.span`
62
+ color: var(--platform-colors-text);
63
+ font-size: 10px;
64
+ font-weight: 760;
65
+ letter-spacing: 0.06em;
66
+ text-transform: uppercase;
67
+ `
68
+
69
+ const Body = styled.div`
70
+ color: var(--platform-colors-text-secondary);
71
+ font-size: 14px;
72
+ line-height: 1.6;
73
+ `
74
+
75
+ const SourceLink = styled.a`
76
+ color: var(--platform-colors-text-secondary);
77
+ font-size: 12px;
78
+ text-decoration: underline;
79
+ text-decoration-color: var(--platform-colors-border);
80
+ text-underline-offset: 3px;
81
+
82
+ &:hover {
83
+ color: var(--platform-colors-text);
84
+ }
85
+ `
86
+
87
+ const ActionRow = styled.div`
88
+ display: flex;
89
+ flex-wrap: wrap;
90
+ align-items: center;
91
+ gap: 8px;
92
+ `
93
+
94
+ export function PeopleSourceList({
95
+ sources,
96
+ emptyMessage,
97
+ onAbsorb,
98
+ onDelete,
99
+ }: PeopleSourceListProps): React.ReactElement {
100
+ if (!sources.length) return <Meta>{emptyMessage}</Meta>
101
+ return (
102
+ <List>
103
+ {sources.map(source => (
104
+ <Card key={source.id}>
105
+ <Head>
106
+ <div>
107
+ <Title>{source.title}</Title>
108
+ <MetaRow>
109
+ <Meta>{source.kind}</Meta>
110
+ {source.kind === 'event' ? (
111
+ <TimeSensitive>time-sensitive</TimeSensitive>
112
+ ) : null}
113
+ </MetaRow>
114
+ </div>
115
+ <QuietAction onClick={() => onDelete(source.id)}>
116
+ delete
117
+ </QuietAction>
118
+ </Head>
119
+ <Body>{source.oneLine}</Body>
120
+ {source.url ? (
121
+ <SourceLink href={source.url} target="_blank" rel="noreferrer">
122
+ open source
123
+ </SourceLink>
124
+ ) : null}
125
+ <ActionRow>
126
+ <Button
127
+ variant="subtle"
128
+ size="sm"
129
+ onClick={() => onAbsorb(source.id, 'selected')}
130
+ >
131
+ Review here
132
+ </Button>
133
+ <Button
134
+ variant="ghost"
135
+ size="sm"
136
+ onClick={() => onAbsorb(source.id, 'all')}
137
+ >
138
+ Scan everyone
139
+ </Button>
140
+ </ActionRow>
141
+ </Card>
142
+ ))}
143
+ </List>
144
+ )
145
+ }
package/src/components/common/people/RelationshipDossier.tsx CHANGED
@@ -1,168 +1,168 @@
1
- import type { ReactNode } from 'react'
2
- import { styled } from 'styled-components'
3
-
4
- export interface RelationshipDossierStat {
5
- label: string
6
- value: string | number
7
- }
8
-
9
- export interface RelationshipDossierSection {
10
- id: string
11
- title: string
12
- action?: ReactNode
13
- children: ReactNode
14
- }
15
-
16
- export interface RelationshipDossierProps {
17
- kicker: string
18
- title: string
19
- subtitle?: string
20
- meta?: ReactNode
21
- stats?: RelationshipDossierStat[]
22
- children?: ReactNode
23
- sections?: RelationshipDossierSection[]
24
- actions?: ReactNode
25
- className?: string
26
- }
27
-
28
- const Article = styled.article`
29
- width: 100%;
30
- max-width: 900px;
31
- margin: 0;
32
- padding: 18px 26px 58px;
33
-
34
- @media (max-width: 760px) {
35
- padding: 20px 18px 34px;
36
- }
37
- `
38
-
39
- const Kicker = styled.div`
40
- display: flex;
41
- align-items: baseline;
42
- justify-content: space-between;
43
- gap: 16px;
44
- color: var(--platform-colors-text-tertiary);
45
- font-size: 11px;
46
- font-weight: 750;
47
- letter-spacing: 0.07em;
48
- text-transform: uppercase;
49
- `
50
-
51
- const Title = styled.h1`
52
- margin: 14px 0 0;
53
- color: var(--platform-colors-text);
54
- font-size: clamp(32px, 5vw, 58px);
55
- font-weight: 760;
56
- line-height: 1;
57
- letter-spacing: 0;
58
- overflow-wrap: anywhere;
59
- `
60
-
61
- const Subtitle = styled.p`
62
- max-width: 62ch;
63
- margin: 18px 0 0;
64
- color: var(--platform-colors-text-secondary);
65
- font-size: 17px;
66
- line-height: 1.55;
67
- `
68
-
69
- const StatGrid = styled.div`
70
- display: flex;
71
- flex-wrap: wrap;
72
- gap: 8px 22px;
73
- margin-top: 24px;
74
- padding-top: 14px;
75
- border-top: 1px solid var(--platform-colors-border);
76
- `
77
-
78
- const Stat = styled.div`
79
- display: flex;
80
- align-items: baseline;
81
- gap: 6px;
82
- `
83
-
84
- const StatValue = styled.div`
85
- color: var(--platform-colors-text);
86
- font-size: 14px;
87
- font-weight: 760;
88
- `
89
-
90
- const StatLabel = styled.div`
91
- color: var(--platform-colors-text-tertiary);
92
- font-size: 10px;
93
- font-weight: 750;
94
- letter-spacing: 0.07em;
95
- text-transform: uppercase;
96
- `
97
-
98
- const Body = styled.div`
99
- margin-top: 30px;
100
- `
101
-
102
- const Section = styled.section`
103
- margin-top: 30px;
104
- padding-top: 20px;
105
- border-top: 1px solid
106
- color-mix(in srgb, var(--platform-colors-border) 72%, transparent);
107
- `
108
-
109
- const SectionHead = styled.div`
110
- display: flex;
111
- align-items: baseline;
112
- justify-content: space-between;
113
- gap: 16px;
114
- margin-bottom: 14px;
115
- `
116
-
117
- const SectionTitle = styled.h2`
118
- margin: 0;
119
- color: var(--platform-colors-text-tertiary);
120
- font-size: 11px;
121
- font-weight: 750;
122
- letter-spacing: 0.07em;
123
- text-transform: uppercase;
124
- `
125
-
126
- export function RelationshipDossier({
127
- kicker,
128
- title,
129
- subtitle,
130
- meta,
131
- stats,
132
- children,
133
- sections,
134
- actions,
135
- className,
136
- }: RelationshipDossierProps): React.ReactElement {
137
- return (
138
- <Article className={className}>
139
- <Kicker>
140
- <span>{kicker}</span>
141
- {actions}
142
- </Kicker>
143
- <Title>{title}</Title>
144
- {subtitle ? <Subtitle>{subtitle}</Subtitle> : null}
145
- {meta}
146
- {stats?.length ? (
147
- <StatGrid>
148
- {stats.map(stat => (
149
- <Stat key={stat.label}>
150
- <StatValue>{stat.value}</StatValue>
151
- <StatLabel>{stat.label}</StatLabel>
152
- </Stat>
153
- ))}
154
- </StatGrid>
155
- ) : null}
156
- {children ? <Body>{children}</Body> : null}
157
- {sections?.map(section => (
158
- <Section key={section.id}>
159
- <SectionHead>
160
- <SectionTitle>{section.title}</SectionTitle>
161
- {section.action}
162
- </SectionHead>
163
- {section.children}
164
- </Section>
165
- ))}
166
- </Article>
167
- )
168
- }
1
+ import type { ReactNode } from 'react'
2
+ import { styled } from 'styled-components'
3
+
4
+ export interface RelationshipDossierStat {
5
+ label: string
6
+ value: string | number
7
+ }
8
+
9
+ export interface RelationshipDossierSection {
10
+ id: string
11
+ title: string
12
+ action?: ReactNode
13
+ children: ReactNode
14
+ }
15
+
16
+ export interface RelationshipDossierProps {
17
+ kicker: string
18
+ title: string
19
+ subtitle?: string
20
+ meta?: ReactNode
21
+ stats?: RelationshipDossierStat[]
22
+ children?: ReactNode
23
+ sections?: RelationshipDossierSection[]
24
+ actions?: ReactNode
25
+ className?: string
26
+ }
27
+
28
+ const Article = styled.article`
29
+ width: 100%;
30
+ max-width: var(--relationship-dossier-max-width, 900px);
31
+ margin: 0;
32
+ padding: var(--relationship-dossier-padding, 14px 24px 48px);
33
+
34
+ @media (max-width: 760px) {
35
+ padding: 20px 18px 34px;
36
+ }
37
+ `
38
+
39
+ const Kicker = styled.div`
40
+ display: flex;
41
+ align-items: baseline;
42
+ justify-content: space-between;
43
+ gap: 16px;
44
+ color: var(--platform-colors-text-tertiary);
45
+ font-size: 11px;
46
+ font-weight: 650;
47
+ letter-spacing: 0.07em;
48
+ text-transform: uppercase;
49
+ `
50
+
51
+ const Title = styled.h1`
52
+ margin: 12px 0 0;
53
+ color: var(--platform-colors-text);
54
+ font-size: var(--relationship-dossier-title-size, clamp(32px, 4vw, 44px));
55
+ font-weight: 700;
56
+ line-height: 1.08;
57
+ letter-spacing: 0;
58
+ overflow-wrap: anywhere;
59
+ `
60
+
61
+ const Subtitle = styled.p`
62
+ max-width: 62ch;
63
+ margin: 12px 0 0;
64
+ color: var(--platform-colors-text-secondary);
65
+ font-size: var(--relationship-dossier-subtitle-size, 15px);
66
+ line-height: 1.5;
67
+ `
68
+
69
+ const StatGrid = styled.div`
70
+ display: flex;
71
+ flex-wrap: wrap;
72
+ gap: 8px 18px;
73
+ margin-top: 18px;
74
+ padding-top: 12px;
75
+ border-top: 1px solid var(--platform-colors-border);
76
+ `
77
+
78
+ const Stat = styled.div`
79
+ display: flex;
80
+ align-items: baseline;
81
+ gap: 6px;
82
+ `
83
+
84
+ const StatValue = styled.div`
85
+ color: var(--platform-colors-text);
86
+ font-size: 14px;
87
+ font-weight: 650;
88
+ `
89
+
90
+ const StatLabel = styled.div`
91
+ color: var(--platform-colors-text-tertiary);
92
+ font-size: 10px;
93
+ font-weight: 650;
94
+ letter-spacing: 0.07em;
95
+ text-transform: uppercase;
96
+ `
97
+
98
+ const Body = styled.div`
99
+ margin-top: 24px;
100
+ `
101
+
102
+ const Section = styled.section`
103
+ margin-top: var(--relationship-dossier-section-gap, 24px);
104
+ padding-top: 18px;
105
+ border-top: 1px solid
106
+ color-mix(in srgb, var(--platform-colors-border) 72%, transparent);
107
+ `
108
+
109
+ const SectionHead = styled.div`
110
+ display: flex;
111
+ align-items: baseline;
112
+ justify-content: space-between;
113
+ gap: 16px;
114
+ margin-bottom: 14px;
115
+ `
116
+
117
+ const SectionTitle = styled.h2`
118
+ margin: 0;
119
+ color: var(--platform-colors-text-tertiary);
120
+ font-size: 11px;
121
+ font-weight: 650;
122
+ letter-spacing: 0.07em;
123
+ text-transform: uppercase;
124
+ `
125
+
126
+ export function RelationshipDossier({
127
+ kicker,
128
+ title,
129
+ subtitle,
130
+ meta,
131
+ stats,
132
+ children,
133
+ sections,
134
+ actions,
135
+ className,
136
+ }: RelationshipDossierProps): React.ReactElement {
137
+ return (
138
+ <Article className={className}>
139
+ <Kicker>
140
+ <span>{kicker}</span>
141
+ {actions}
142
+ </Kicker>
143
+ <Title>{title}</Title>
144
+ {subtitle ? <Subtitle>{subtitle}</Subtitle> : null}
145
+ {meta}
146
+ {stats?.length ? (
147
+ <StatGrid>
148
+ {stats.map(stat => (
149
+ <Stat key={stat.label}>
150
+ <StatValue>{stat.value}</StatValue>
151
+ <StatLabel>{stat.label}</StatLabel>
152
+ </Stat>
153
+ ))}
154
+ </StatGrid>
155
+ ) : null}
156
+ {children ? <Body>{children}</Body> : null}
157
+ {sections?.map(section => (
158
+ <Section key={section.id}>
159
+ <SectionHead>
160
+ <SectionTitle>{section.title}</SectionTitle>
161
+ {section.action}
162
+ </SectionHead>
163
+ {section.children}
164
+ </Section>
165
+ ))}
166
+ </Article>
167
+ )
168
+ }