@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.
- package/package.json +4 -2
- package/src/agents/appAgentConnectors.test.ts +37 -0
- package/src/agents/appAgentConnectors.ts +138 -0
- package/src/agents/runtime/agentLiveReducer.test.ts +72 -72
- package/src/agents/runtime/agentLiveReducer.ts +139 -139
- package/src/agents/runtime/agentRunEventTypes.ts +115 -115
- package/src/agents/runtime/contextWindowUsage.test.ts +38 -38
- package/src/agents/runtime/contextWindowUsage.ts +25 -25
- package/src/agents/runtime/index.ts +24 -24
- package/src/agents/runtime/mapAgentMessages.ts +79 -54
- package/src/agents/runtime/mapAgentSnapshot.test.ts +98 -0
- package/src/agents/runtime/mapAgentSnapshot.ts +124 -71
- package/src/agents/runtime/mergeUsageTurn.ts +23 -23
- package/src/agents/runtime/pendingToolCalls.test.ts +85 -85
- package/src/agents/runtime/pendingToolCalls.ts +14 -14
- package/src/agents/runtime/toolRequiresApproval.ts +20 -20
- package/src/agents/runtime/unresolvedToolCalls.ts +42 -42
- package/src/bridge/agentModelTiers.ts +50 -50
- package/src/bridge/agentToolHandlers.ts +23 -23
- package/src/bridge/agentToolHelpers.test.ts +27 -27
- package/src/bridge/agentToolHelpers.ts +20 -20
- package/src/bridge/agentTypes.ts +377 -294
- package/src/bridge/agents.d.mts +144 -113
- package/src/bridge/agents.mjs +287 -233
- package/src/bridge/agents.ts +77 -62
- package/src/bridge/appSettings.d.mts +9 -9
- package/src/bridge/appSettings.mjs +18 -18
- package/src/bridge/appSettings.ts +4 -4
- package/src/bridge/applyThemeFromHost.d.mts +7 -7
- package/src/bridge/applyThemeFromHost.mjs +33 -33
- package/src/bridge/assets.d.mts +66 -66
- package/src/bridge/assets.mjs +121 -121
- package/src/bridge/calendarDraftIntent.ts +55 -0
- package/src/bridge/calendarInviteIntent.ts +64 -0
- package/src/bridge/catalog.d.mts +5 -5
- package/src/bridge/catalog.mjs +24 -24
- package/src/bridge/catalog.ts +1 -1
- package/src/bridge/client.d.mts +19 -19
- package/src/bridge/client.mjs +102 -102
- package/src/bridge/collectionAssetAdapter.ts +63 -63
- package/src/bridge/collectionAssets.d.mts +1 -1
- package/src/bridge/collectionAssets.mjs +2 -2
- package/src/bridge/collectionAssets.ts +1 -1
- package/src/bridge/collectionDocumentHtml.test.ts +71 -71
- package/src/bridge/collectionDocumentHtml.ts +118 -118
- package/src/bridge/collectionImagePaste.test.ts +32 -32
- package/src/bridge/collectionImagePaste.ts +130 -130
- package/src/bridge/context.mjs +12 -12
- package/src/bridge/credentials.mjs +22 -22
- package/src/bridge/dialog.d.mts +5 -5
- package/src/bridge/dialog.mjs +13 -13
- package/src/bridge/events.d.mts +14 -14
- package/src/bridge/events.mjs +12 -12
- package/src/bridge/filePreviewKind.test.ts +43 -43
- package/src/bridge/filePreviewKind.ts +76 -76
- package/src/bridge/fs.d.mts +41 -41
- package/src/bridge/fs.mjs +82 -82
- package/src/bridge/fs.test.ts +16 -16
- package/src/bridge/fs.ts +10 -10
- package/src/bridge/googleAuth.ts +159 -0
- package/src/bridge/googleProviderConfig.ts +73 -0
- package/src/bridge/index.ts +12 -12
- package/src/bridge/inlinePreview.d.mts +35 -35
- package/src/bridge/inlinePreview.mjs +99 -99
- package/src/bridge/inlinePreview.test.ts +56 -56
- package/src/bridge/inlinePreview.ts +13 -13
- package/src/bridge/methods.d.mts +125 -115
- package/src/bridge/methods.mjs +143 -132
- package/src/bridge/os.d.mts +11 -11
- package/src/bridge/os.mjs +26 -26
- package/src/bridge/plugins.d.mts +9 -9
- package/src/bridge/plugins.mjs +31 -31
- package/src/bridge/plugins.ts +5 -5
- package/src/bridge/preferences.d.mts +7 -7
- package/src/bridge/preferences.mjs +17 -17
- package/src/bridge/preferences.ts +13 -13
- package/src/bridge/printDocument.test.ts +47 -47
- package/src/bridge/printDocument.ts +75 -75
- package/src/bridge/pureRender/adapters.test.ts +144 -144
- package/src/bridge/pureRender/adapters.ts +175 -175
- package/src/bridge/pureRender/assets.test.ts +44 -44
- package/src/bridge/pureRender/base.css +76 -76
- package/src/bridge/pureRender/compiler.test.ts +279 -279
- package/src/bridge/pureRender/compiler.ts +660 -660
- package/src/bridge/pureRender/document.test.ts +283 -283
- package/src/bridge/pureRender/document.ts +35 -35
- package/src/bridge/pureRender/extraction.test.ts +432 -432
- package/src/bridge/pureRender/extraction.ts +1023 -1023
- package/src/bridge/pureRender/flow.css +3 -3
- package/src/bridge/pureRender/index.ts +66 -66
- package/src/bridge/pureRender/normalize.test.ts +442 -442
- package/src/bridge/pureRender/normalize.ts +682 -682
- package/src/bridge/pureRender/presets.ts +365 -365
- package/src/bridge/pureRender/profiles/book.css +19 -19
- package/src/bridge/pureRender/profiles/manuscript.css +11 -11
- package/src/bridge/pureRender/profiles/writer.css +10 -10
- package/src/bridge/pureRender/reset.css +5 -5
- package/src/bridge/pureRender/samples.ts +94 -94
- package/src/bridge/pureRender/styles.ts +164 -164
- package/src/bridge/pureRender/theme.test.ts +53 -53
- package/src/bridge/pureRender/theme.ts +258 -258
- package/src/bridge/pureRender/tokens/default.css +36 -36
- package/src/bridge/pureRender/tokens/default.json +32 -32
- package/src/bridge/pureRender/types.ts +264 -264
- package/src/bridge/pureRender/visualLayoutInspection.test.ts +57 -57
- package/src/bridge/pureRender/visualLayoutInspection.ts +161 -161
- package/src/bridge/react/useDebouncedEffect.ts +21 -21
- package/src/bridge/react/useIpc.tsx +75 -75
- package/src/bridge/react/usePlatformAgentRunLiveState.tsx +78 -78
- package/src/bridge/react/usePlatformAgentSessionDrive.test.tsx +134 -0
- package/src/bridge/react/usePlatformAgentSessionDrive.tsx +749 -729
- package/src/bridge/react/usePlatformAgentSessions.tsx +60 -60
- package/src/bridge/react/usePlatformAgentTools.tsx +82 -82
- package/src/bridge/react/usePlatformAppManifest.tsx +32 -32
- package/src/bridge/react/usePlatformBridge.tsx +56 -56
- package/src/bridge/react/usePlatformDeepLink.tsx +57 -57
- package/src/bridge/react/usePlatformFileBinaryDataUrl.tsx +54 -54
- package/src/bridge/react/usePlatformFilePreview.tsx +92 -92
- package/src/bridge/react/usePlatformPreferences.tsx +77 -77
- package/src/bridge/react/usePlatformThemeDocumentAttrs.ts +35 -35
- package/src/bridge/react/usePlatformThemeFromBridge.tsx +16 -16
- package/src/bridge/react/usePlatformViewportResource.test.tsx +106 -106
- package/src/bridge/react/usePlatformViewportResource.tsx +72 -72
- package/src/bridge/react/useScheduledTask.tsx +59 -59
- package/src/bridge/render.d.mts +31 -31
- package/src/bridge/render.mjs +62 -62
- package/src/bridge/render.ts +8 -8
- package/src/bridge/screenAnnotation.test.ts +103 -103
- package/src/bridge/screenAnnotation.ts +269 -269
- package/src/bridge/theme.d.mts +3 -3
- package/src/bridge/theme.mjs +9 -9
- package/src/bridge/types.ts +447 -439
- package/src/bridge/vision.d.mts +22 -0
- package/src/bridge/vision.mjs +20 -0
- package/src/bridge/watch.d.mts +9 -9
- package/src/bridge/watch.mjs +34 -34
- package/src/bridge/watch.ts +1 -1
- package/src/bridge/window.d.mts +44 -44
- package/src/bridge/window.mjs +33 -33
- package/src/chrome/index.ts +1 -1
- package/src/commitments/commitments.test.ts +201 -0
- package/src/commitments/commitments.ts +358 -0
- package/src/components/accessibility/AccessibilityReviewDialog.test.tsx +104 -104
- package/src/components/accessibility/AccessibilityReviewDialog.tsx +350 -350
- package/src/components/accessibility/accessibilityReview.test.ts +101 -101
- package/src/components/accessibility/accessibilityReview.ts +639 -639
- package/src/components/accessibility/index.ts +16 -16
- package/src/components/agent-feedback/ScreenAnnotationAgentDialog.tsx +509 -509
- package/src/components/agent-feedback/index.ts +5 -5
- package/src/components/agents/AgentComposer.tsx +135 -34
- package/src/components/agents/AgentContextUsageBar.tsx +127 -127
- package/src/components/agents/AgentDrawerPanel.test.tsx +361 -0
- package/src/components/agents/AgentDrawerPanel.tsx +122 -82
- package/src/components/agents/AgentFollowUpList.tsx +56 -0
- package/src/components/agents/AgentMarkdown.tsx +12 -12
- package/src/components/agents/AgentMessageBubble.tsx +171 -82
- package/src/components/agents/AgentMessageList.tsx +50 -47
- package/src/components/agents/AgentModelMenu.tsx +59 -55
- package/src/components/agents/AgentQuestionPromptList.tsx +284 -0
- package/src/components/agents/AgentThinkingBlock.tsx +66 -66
- package/src/components/agents/AgentToolApprovalActions.tsx +65 -65
- package/src/components/agents/AgentToolCallCard.tsx +13 -8
- package/src/components/agents/AgentToolPendingList.tsx +39 -39
- package/src/components/agents/AgentToolPendingReview.tsx +118 -118
- package/src/components/agents/agentPanelStyles.ts +150 -79
- package/src/components/agents/agentToolDisplay.ts +87 -0
- package/src/components/agents/agentTypes.ts +139 -96
- package/src/components/agents/formatToolCallArguments.test.ts +16 -16
- package/src/components/agents/formatToolCallArguments.ts +9 -9
- package/src/components/agents/index.ts +40 -40
- package/src/components/assets/AssetLibraryDialog.tsx +5 -5
- package/src/components/assets/asset-library/AssetLibraryDialog.tsx +43 -43
- package/src/components/assets/asset-library/AssetLibraryWorkspace.tsx +54 -54
- package/src/components/assets/asset-library/detail/AssetLibraryDetailActions.tsx +68 -68
- package/src/components/assets/asset-library/detail/AssetLibraryDetailHeader.tsx +56 -56
- package/src/components/assets/asset-library/detail/AssetLibraryDetailPane.tsx +90 -90
- package/src/components/assets/asset-library/detail/AssetLibraryDetailPreview.tsx +67 -67
- package/src/components/assets/asset-library/detail/AssetLibraryInlinePreview.tsx +87 -87
- package/src/components/assets/asset-library/detail/AssetLibraryInlineSourceField.tsx +29 -29
- package/src/components/assets/asset-library/detail/AssetLibraryMetadataFields.tsx +34 -34
- package/src/components/assets/asset-library/detail/AssetLibraryUsagePanel.tsx +46 -46
- package/src/components/assets/asset-library/detail/AssetLibraryVersionsPanel.tsx +145 -145
- package/src/components/assets/asset-library/helpers/assetKind.ts +74 -74
- package/src/components/assets/asset-library/helpers.ts +41 -41
- package/src/components/assets/asset-library/hooks/useAssetDetailDraft.ts +81 -81
- package/src/components/assets/asset-library/hooks/useAssetLibraryDialog.ts +233 -233
- package/src/components/assets/asset-library/hooks/useAssetLibraryMutations.ts +266 -266
- package/src/components/assets/asset-library/hooks/useAssetLibrarySelectionSync.ts +24 -24
- package/src/components/assets/asset-library/hooks/useAssetLibraryVersions.ts +145 -145
- package/src/components/assets/asset-library/hooks/useInlineAssetPreview.ts +44 -44
- package/src/components/assets/asset-library/index.ts +19 -19
- package/src/components/assets/asset-library/layout/assetLibraryLayout.ts +201 -201
- package/src/components/assets/asset-library/shared/fieldStyles.ts +62 -62
- package/src/components/assets/asset-library/sidebar/AssetLibraryFilterPills.tsx +89 -89
- package/src/components/assets/asset-library/sidebar/AssetLibraryList.tsx +91 -91
- package/src/components/assets/asset-library/sidebar/AssetLibraryListRow.tsx +99 -99
- package/src/components/assets/asset-library/sidebar/AssetLibraryListStatus.tsx +24 -24
- package/src/components/assets/asset-library/sidebar/AssetLibrarySidebar.tsx +48 -48
- package/src/components/assets/asset-library/sidebar/AssetLibrarySidebarActions.tsx +38 -38
- package/src/components/assets/asset-library/sidebar/AssetLibrarySidebarToolbar.tsx +78 -78
- package/src/components/assets/asset-library/sidebar/AssetListThumbnail.tsx +86 -86
- package/src/components/assets/asset-library/types.ts +128 -128
- package/src/components/assets/asset-library/utils/assetLibraryUtils.ts +181 -181
- package/src/components/assets/asset-library/utils/pathBasename.ts +5 -5
- package/src/components/assets/asset-library/utils/sanitizeUploadFileName.ts +7 -7
- package/src/components/assets/asset-library/utils/uploadCollectionAsset.ts +52 -52
- package/src/components/chrome/OverlayActionCapsule.test.tsx +82 -82
- package/src/components/chrome/OverlayActionCapsule.tsx +90 -90
- package/src/components/chrome/PanelTabStrip.tsx +113 -113
- package/src/components/chrome/PlatformIcon.tsx +27 -27
- package/src/components/chrome/PureAppWordmark.tsx +94 -89
- package/src/components/chrome/ShellWindowControls.tsx +58 -51
- package/src/components/chrome/ThemeModeButton.tsx +16 -16
- package/src/components/chrome/Titlebar.tsx +79 -79
- package/src/components/chrome/WorkspaceTabStrip.tsx +321 -300
- package/src/components/chrome/index.ts +31 -31
- package/src/components/chrome/workspaceTabTypes.ts +29 -29
- package/src/components/common/buttons/Button.tsx +241 -241
- package/src/components/common/buttons/ChoiceChip.tsx +73 -73
- package/src/components/common/buttons/CleanButton.tsx +34 -34
- package/src/components/common/buttons/IconButton.tsx +89 -89
- package/src/components/common/buttons/QuietAction.tsx +29 -29
- package/src/components/common/buttons/SegmentedControl.tsx +67 -67
- package/src/components/common/buttons/TextActionButton.tsx +55 -55
- package/src/components/common/buttons/TextLink.tsx +38 -38
- package/src/components/common/canvas/CanvasElementFrame.test.tsx +79 -79
- package/src/components/common/canvas/CanvasElementFrame.tsx +182 -182
- package/src/components/common/canvas/canvasGeometry.test.ts +66 -66
- package/src/components/common/canvas/canvasGeometry.ts +133 -133
- package/src/components/common/canvas/index.ts +27 -27
- package/src/components/common/canvas/useCanvasDragResize.test.tsx +152 -152
- package/src/components/common/canvas/useCanvasDragResize.ts +161 -161
- package/src/components/common/cards/OpenReviewCard.tsx +209 -0
- package/src/components/common/cards/index.ts +5 -0
- package/src/components/common/chat/ChatAssistantMessage.tsx +81 -81
- package/src/components/common/chat/ChatBox.test.tsx +61 -0
- package/src/components/common/chat/ChatBox.tsx +193 -189
- package/src/components/common/chat/ChatMarkdown.tsx +109 -109
- package/src/components/common/chat/ChatModelMenu.tsx +290 -258
- package/src/components/common/chat/ChatStatusRow.tsx +24 -24
- package/src/components/common/chat/ChatThinkingIndicator.tsx +54 -54
- package/src/components/common/chat/ChatThread.tsx +59 -59
- package/src/components/common/chat/ChatToolRow.tsx +147 -141
- package/src/components/common/chat/ChatUserBubble.tsx +45 -45
- package/src/components/common/chat/chatUtils.ts +7 -7
- package/src/components/common/chat/index.ts +24 -24
- package/src/components/common/connections/ConnectionSetup.tsx +534 -529
- package/src/components/common/connections/index.ts +26 -26
- package/src/components/common/containers/AppFrame.test.tsx +87 -41
- package/src/components/common/containers/AppFrame.tsx +66 -65
- package/src/components/common/containers/AppHeader.tsx +60 -60
- package/src/components/common/containers/AutoFillGrid.tsx +43 -37
- package/src/components/common/containers/Collapsible.tsx +43 -43
- package/src/components/common/containers/CollapsibleGrid.tsx +185 -174
- package/src/components/common/containers/MotionScope.tsx +32 -32
- package/src/components/common/containers/PageHeader.tsx +35 -35
- package/src/components/common/containers/PanelToolbarHeader.tsx +114 -113
- package/src/components/common/containers/QuietDisclosure.tsx +91 -91
- package/src/components/common/containers/QuietSurface.tsx +40 -41
- package/src/components/common/containers/ScrollPanel.tsx +33 -33
- package/src/components/common/containers/StatusBar.tsx +42 -42
- package/src/components/common/containers/SurfacePanel.tsx +66 -66
- package/src/components/common/containers/ToolbarStrip.tsx +80 -80
- package/src/components/common/containers/flex.ts +117 -117
- package/src/components/common/containers/useOpacityPresence.ts +80 -0
- package/src/components/common/containers/useOpenTransition.ts +33 -33
- package/src/components/common/context/ContextSelector.tsx +277 -269
- package/src/components/common/context/index.ts +7 -7
- package/src/components/common/desk/ActionReader.tsx +270 -270
- package/src/components/common/desk/ActivityLedger.tsx +143 -143
- package/src/components/common/desk/CreationDesk.tsx +139 -139
- package/src/components/common/desk/DailyBrief.tsx +160 -160
- package/src/components/common/desk/DeskCard.tsx +157 -157
- package/src/components/common/desk/index.ts +30 -30
- package/src/components/common/dropdown/ContextMenu.tsx +87 -87
- package/src/components/common/dropdown/MenuButtonDropdown.tsx +121 -121
- package/src/components/common/dropdown/MenuDropdown.tsx +63 -63
- package/src/components/common/dropdown/MenuDropdownEntry.tsx +51 -51
- package/src/components/common/dropdown/MenuDropdownItem.tsx +82 -82
- package/src/components/common/dropdown/MenuDropdownSubmenu.tsx +145 -145
- package/src/components/common/dropdown/MenuPanel.tsx +75 -69
- package/src/components/common/dropdown/MenuPortal.tsx +164 -162
- package/src/components/common/dropdown/MenuPortalLayer.tsx +6 -6
- package/src/components/common/dropdown/SelectMenu.tsx +246 -243
- package/src/components/common/dropdown/SelectMenuControl.tsx +23 -23
- package/src/components/common/dropdown/SelectMenuOptions.tsx +60 -38
- package/src/components/common/dropdown/menuPortalConstants.ts +11 -11
- package/src/components/common/dropdown/menuTypes.ts +71 -71
- package/src/components/common/dropdown/menuViewportPosition.test.ts +139 -139
- package/src/components/common/dropdown/menuViewportPosition.ts +122 -122
- package/src/components/common/dropdown/selectMenuLayout.test.ts +42 -42
- package/src/components/common/dropdown/selectMenuLayout.ts +123 -123
- package/src/components/common/dropdown/useMenuAnchorPosition.ts +109 -109
- package/src/components/common/dropdown/useSelectMenuAnchor.ts +30 -30
- package/src/components/common/evidence/StructuredEvidenceView.test.tsx +77 -77
- package/src/components/common/evidence/StructuredEvidenceView.tsx +312 -312
- package/src/components/common/evidence/index.ts +13 -13
- package/src/components/common/feedback/Badge.tsx +35 -33
- package/src/components/common/feedback/CapabilityPills.tsx +36 -36
- package/src/components/common/feedback/EmptyState.tsx +166 -132
- package/src/components/common/feedback/InfoHint.tsx +67 -67
- package/src/components/common/feedback/InlineBanner.tsx +82 -82
- package/src/components/common/feedback/PlatformChip.tsx +104 -104
- package/src/components/common/feedback/QuietPill.tsx +75 -75
- package/src/components/common/feedback/WorkProgressPanel.tsx +156 -156
- package/src/components/common/feedback/index.ts +33 -33
- package/src/components/common/files/FileTable.tsx +225 -0
- package/src/components/common/inputs/BareInput.tsx +31 -31
- package/src/components/common/inputs/BareTextarea.tsx +10 -10
- package/src/components/common/inputs/Checkbox.tsx +13 -13
- package/src/components/common/inputs/EditableSecretField.tsx +292 -0
- package/src/components/common/inputs/FieldControlShell.tsx +49 -49
- package/src/components/common/inputs/FormField.tsx +40 -40
- package/src/components/common/inputs/HybridSearchField.tsx +295 -280
- package/src/components/common/inputs/InlineComposer.tsx +197 -197
- package/src/components/common/inputs/PaletteCirclePicker.tsx +26 -26
- package/src/components/common/inputs/PaletteDropdown.tsx +418 -413
- package/src/components/common/inputs/Radio.tsx +19 -19
- package/src/components/common/inputs/SearchField.tsx +128 -128
- package/src/components/common/inputs/SelectField.tsx +170 -169
- package/src/components/common/inputs/SurfacePalettePicker.tsx +54 -54
- package/src/components/common/inputs/TextAreaField.tsx +22 -22
- package/src/components/common/inputs/TextField.tsx +51 -51
- package/src/components/common/inputs/ToggleSwitch.tsx +110 -110
- package/src/components/common/inputs/WorkspacePicker.tsx +349 -349
- package/src/components/common/inputs/fieldStyles.ts +141 -137
- package/src/components/common/layout/PanelGroup.tsx +485 -479
- package/src/components/common/layout/index.ts +31 -31
- package/src/components/common/layout/panelLayoutConstants.ts +7 -7
- package/src/components/common/layout/panelLayoutPersistence.ts +35 -35
- package/src/components/common/layout/panelLayoutState.test.ts +38 -38
- package/src/components/common/layout/panelLayoutState.ts +174 -174
- package/src/components/common/layout/panelLayoutTypes.ts +19 -19
- package/src/components/common/layout/tabs/Tabs.tsx +136 -136
- package/src/components/common/lists/listRowStyles.ts +32 -32
- package/src/components/common/lists/quiet-ledger/QuietActivityList.tsx +64 -64
- package/src/components/common/lists/quiet-ledger/QuietLedgerRow.tsx +119 -119
- package/src/components/common/lists/quiet-ledger/index.ts +9 -9
- package/src/components/common/lists/reorderable/DragHandle.tsx +65 -65
- package/src/components/common/lists/reorderable/ReorderableList.tsx +280 -280
- package/src/components/common/lists/reorderable/ReorderableListRow.tsx +102 -102
- package/src/components/common/lists/reorderable/ReorderableSections.tsx +344 -344
- package/src/components/common/lists/reorderable/ReorderableSectionsDemo.tsx +94 -94
- package/src/components/common/lists/reorderable/index.ts +15 -15
- package/src/components/common/lists/reorderable/reorderableUtils.test.ts +28 -28
- package/src/components/common/lists/reorderable/reorderableUtils.ts +23 -23
- package/src/components/common/lists/reorderable/types.ts +40 -40
- package/src/components/common/lists/reorderable/useReorderableDragState.ts +49 -49
- package/src/components/common/media/ImageReferencePicker.tsx +242 -242
- package/src/components/common/menubar/MenuBar.tsx +78 -78
- package/src/components/common/menubar/MenuBarTrigger.tsx +70 -70
- package/src/components/common/narrative/NarrativeMention.tsx +74 -74
- package/src/components/common/navigation/NavigationCardRow.tsx +98 -0
- package/src/components/common/navigation/PathBreadcrumbs.tsx +78 -78
- package/src/components/common/navigation/UnderlineTabs.tsx +83 -83
- package/src/components/common/navigation/index.ts +15 -0
- package/src/components/common/overlays/InstallAppPromptDialog.tsx +59 -59
- package/src/components/common/overlays/Modal.tsx +292 -285
- package/src/components/common/overlays/ModalChromeHeader.tsx +105 -105
- package/src/components/common/overlays/ObjectActionStrip.tsx +80 -80
- package/src/components/common/people/AutoUpdateReviewList.tsx +182 -182
- package/src/components/common/people/EntityList.tsx +122 -122
- package/src/components/common/people/EntityPortrait.tsx +64 -64
- package/src/components/common/people/LinkedDossierList.tsx +99 -99
- package/src/components/common/people/OpportunityList.tsx +94 -94
- package/src/components/common/people/PeopleSourceList.tsx +145 -145
- package/src/components/common/people/RelationshipDossier.tsx +168 -168
- package/src/components/common/people/RelationshipMap.tsx +362 -362
- package/src/components/common/people/index.ts +40 -40
- package/src/components/common/preview/FileAudioPreview.tsx +89 -89
- package/src/components/common/preview/FileImagePreview.tsx +88 -88
- package/src/components/common/preview/FilePdfPreview.tsx +87 -87
- package/src/components/common/preview/FileTextPreview.tsx +96 -96
- package/src/components/common/preview/FileVideoPreview.tsx +87 -87
- package/src/components/common/preview/PlatformFilePreview.tsx +166 -166
- package/src/components/common/preview/previewLayout.ts +27 -27
- package/src/components/common/render/Each.tsx +42 -42
- package/src/components/common/research/EvidenceDossier.tsx +904 -894
- package/src/components/common/research/index.ts +7 -7
- package/src/components/common/tiles/CatalogCard.tsx +116 -116
- package/src/components/common/tiles/Tile.tsx +45 -45
- package/src/components/common/tiles/TileGrid.tsx +19 -13
- package/src/components/common/typography/Heading.tsx +27 -27
- package/src/components/common/typography/Kicker.tsx +36 -30
- package/src/components/common/typography/Text.tsx +80 -80
- package/src/components/credentials/CredentialsPanel.tsx +236 -169
- package/src/components/credentials/credentialProviderIcon.tsx +79 -0
- package/src/components/credentials/credentialsTypes.ts +14 -14
- package/src/components/credentials/lobeIcons.d.ts +4 -0
- package/src/components/data/DataChart.tsx +913 -913
- package/src/components/data/dataTable.ts +99 -99
- package/src/components/editor/EditorCommentPromptDialog.tsx +124 -124
- package/src/components/editor/EditorLinkPromptDialog.tsx +65 -65
- package/src/components/print-design/PrintDesignPanel.test.tsx +1446 -1446
- package/src/components/print-design/PrintDesignPanel.tsx +3045 -3043
- package/src/components/print-design/index.ts +9 -9
- package/src/components/proofing/PagedProofDialog.tsx +453 -453
- package/src/components/proofing/index.ts +4 -4
- package/src/editor/DocumentEditor.tsx +28 -28
- package/src/editor/EditorViewModeToggle.tsx +38 -35
- package/src/editor/index.ts +98 -97
- package/src/editor/toolbarOverlays.ts +8 -8
- package/src/index.ts +231 -209
- package/src/theme/ThemeProvider.tsx +115 -113
- package/src/theme/appAccents.ts +115 -87
- package/src/theme/buildThemeBridgePayload.ts +23 -23
- package/src/theme/composePlatformTheme.test.ts +47 -30
- package/src/theme/composePlatformTheme.ts +23 -23
- package/src/theme/platformFont.d.mts +7 -7
- package/src/theme/platformFont.mjs +20 -20
- package/src/theme/platformFont.ts +6 -6
- package/src/theme/reportsShellChromeSelectors.ts +136 -136
- package/src/theme/styled.d.ts +5 -5
- package/src/theme/surfacePalettes.ts +179 -178
- package/src/theme/surfaceRoleSelectors.ts +113 -113
- package/src/theme/themeVars.ts +13 -13
- package/src/theme/themes/dark.ts +59 -59
- package/src/theme/themes/light.ts +60 -60
- package/src/theme/themes/palette.ts +44 -44
- package/src/theme/themes/shared.ts +68 -68
- package/src/theme/tokens.ts +114 -114
- package/src/theme/utils/GlobalStyles.ts +88 -88
- package/src/theme/utils/appFrameDocumentStyles.d.mts +5 -5
- package/src/theme/utils/appFrameDocumentStyles.mjs +89 -89
- package/src/theme/utils/appFrameDocumentStyles.ts +5 -5
- package/src/theme/utils/applyTheme.test.ts +19 -0
- package/src/theme/utils/applyTheme.ts +59 -50
- package/src/theme/utils/cssVariables.ts +49 -49
- package/src/theme/utils/useInjectThemeIntoIframe.ts +40 -40
- package/src/utils/extensionIconMap.ts +123 -123
- package/src/utils/generalUtils.ts +157 -157
- package/src/writing/DraftAssistantDialog.tsx +279 -279
- package/src/writing/WritingStyleManager.tsx +416 -416
- package/src/writing/condenseWritingStyle.ts +103 -103
- package/src/writing/draftTextWithAgent.ts +134 -134
- package/src/writing/index.ts +39 -39
- package/src/writing/styleStore.ts +32 -32
- package/src/writing/writingStyle.test.ts +122 -122
- package/src/writing/writingStyle.ts +217 -217
|
@@ -0,0 +1,358 @@
|
|
|
1
|
+
export type CommitmentDirection = 'you_owe' | 'waiting_on'
|
|
2
|
+
|
|
3
|
+
export type CommitmentStatus = 'open' | 'resolved' | 'dismissed' | 'snoozed'
|
|
4
|
+
|
|
5
|
+
export type CommitmentSourceType =
|
|
6
|
+
| 'manual'
|
|
7
|
+
| 'mail'
|
|
8
|
+
| 'calendar'
|
|
9
|
+
| 'teams'
|
|
10
|
+
| 'chat'
|
|
11
|
+
| 'meeting'
|
|
12
|
+
|
|
13
|
+
export type CommitmentLinkType =
|
|
14
|
+
| 'mail'
|
|
15
|
+
| 'calendar'
|
|
16
|
+
| 'teams'
|
|
17
|
+
| 'chat'
|
|
18
|
+
| 'meeting'
|
|
19
|
+
| 'contact'
|
|
20
|
+
| 'task'
|
|
21
|
+
|
|
22
|
+
export interface CommitmentSource {
|
|
23
|
+
type: CommitmentSourceType
|
|
24
|
+
id: string
|
|
25
|
+
label: string
|
|
26
|
+
}
|
|
27
|
+
|
|
28
|
+
export interface CommitmentLink {
|
|
29
|
+
type: CommitmentLinkType
|
|
30
|
+
id: string
|
|
31
|
+
label: string
|
|
32
|
+
}
|
|
33
|
+
|
|
34
|
+
export interface Commitment {
|
|
35
|
+
id: string
|
|
36
|
+
direction: CommitmentDirection
|
|
37
|
+
summary: string
|
|
38
|
+
counterparty: string
|
|
39
|
+
dueAt?: string
|
|
40
|
+
status: CommitmentStatus
|
|
41
|
+
source?: CommitmentSource
|
|
42
|
+
sourceQuote?: string
|
|
43
|
+
confidence?: number
|
|
44
|
+
notes?: string
|
|
45
|
+
links?: CommitmentLink[]
|
|
46
|
+
snoozedUntil?: string
|
|
47
|
+
lastActivityAt?: string
|
|
48
|
+
createdAt: string
|
|
49
|
+
updatedAt: string
|
|
50
|
+
resolvedAt?: string
|
|
51
|
+
}
|
|
52
|
+
|
|
53
|
+
export interface CommitmentStore {
|
|
54
|
+
schemaVersion: 1
|
|
55
|
+
commitments: Commitment[]
|
|
56
|
+
}
|
|
57
|
+
|
|
58
|
+
export interface CommitmentInput {
|
|
59
|
+
direction: CommitmentDirection
|
|
60
|
+
summary: string
|
|
61
|
+
counterparty: string
|
|
62
|
+
dueAt?: string
|
|
63
|
+
notes?: string
|
|
64
|
+
source?: CommitmentSource
|
|
65
|
+
sourceQuote?: string
|
|
66
|
+
confidence?: number
|
|
67
|
+
links?: CommitmentLink[]
|
|
68
|
+
}
|
|
69
|
+
|
|
70
|
+
export interface CommitmentQueryOptions {
|
|
71
|
+
now?: string
|
|
72
|
+
goneQuietDays?: number
|
|
73
|
+
includeClosed?: boolean
|
|
74
|
+
}
|
|
75
|
+
|
|
76
|
+
export type CommitmentDueState =
|
|
77
|
+
| 'none'
|
|
78
|
+
| 'due_today'
|
|
79
|
+
| 'overdue'
|
|
80
|
+
| 'upcoming'
|
|
81
|
+
| 'snoozed'
|
|
82
|
+
|
|
83
|
+
export type CommitmentFilter =
|
|
84
|
+
| 'all'
|
|
85
|
+
| 'due_today'
|
|
86
|
+
| 'overdue'
|
|
87
|
+
| 'gone_quiet'
|
|
88
|
+
| 'snoozed'
|
|
89
|
+
|
|
90
|
+
export interface CommitmentBuckets {
|
|
91
|
+
youOwe: Commitment[]
|
|
92
|
+
waitingOn: Commitment[]
|
|
93
|
+
dueToday: Commitment[]
|
|
94
|
+
overdue: Commitment[]
|
|
95
|
+
goneQuiet: Commitment[]
|
|
96
|
+
snoozed: Commitment[]
|
|
97
|
+
}
|
|
98
|
+
|
|
99
|
+
export function createCommitmentId(): string {
|
|
100
|
+
const cryptoId =
|
|
101
|
+
typeof crypto !== 'undefined' && 'randomUUID' in crypto
|
|
102
|
+
? crypto.randomUUID()
|
|
103
|
+
: Math.random().toString(36).slice(2)
|
|
104
|
+
return `commitment_${cryptoId}`
|
|
105
|
+
}
|
|
106
|
+
|
|
107
|
+
export function emptyCommitmentStore(): CommitmentStore {
|
|
108
|
+
return { schemaVersion: 1, commitments: [] }
|
|
109
|
+
}
|
|
110
|
+
|
|
111
|
+
export function parseCommitmentStore(value: unknown): CommitmentStore {
|
|
112
|
+
if (!value || typeof value !== 'object') return emptyCommitmentStore()
|
|
113
|
+
const raw = value as Partial<CommitmentStore>
|
|
114
|
+
if (raw.schemaVersion !== 1 || !Array.isArray(raw.commitments)) {
|
|
115
|
+
return emptyCommitmentStore()
|
|
116
|
+
}
|
|
117
|
+
return {
|
|
118
|
+
schemaVersion: 1,
|
|
119
|
+
commitments: raw.commitments.filter(isCommitmentLike),
|
|
120
|
+
}
|
|
121
|
+
}
|
|
122
|
+
|
|
123
|
+
export function createCommitment(
|
|
124
|
+
input: CommitmentInput,
|
|
125
|
+
now = new Date().toISOString(),
|
|
126
|
+
): Commitment {
|
|
127
|
+
validateCommitmentSource(input)
|
|
128
|
+
return {
|
|
129
|
+
id: createCommitmentId(),
|
|
130
|
+
direction: input.direction,
|
|
131
|
+
summary: input.summary.trim() || 'Untitled commitment',
|
|
132
|
+
counterparty: input.counterparty.trim() || 'Unknown',
|
|
133
|
+
...(input.dueAt ? { dueAt: input.dueAt } : {}),
|
|
134
|
+
status: 'open',
|
|
135
|
+
...(input.source ? { source: input.source } : {}),
|
|
136
|
+
...(input.sourceQuote ? { sourceQuote: input.sourceQuote } : {}),
|
|
137
|
+
...(input.confidence !== undefined ? { confidence: input.confidence } : {}),
|
|
138
|
+
...(input.notes ? { notes: input.notes } : {}),
|
|
139
|
+
...(input.links?.length ? { links: input.links } : {}),
|
|
140
|
+
createdAt: now,
|
|
141
|
+
updatedAt: now,
|
|
142
|
+
}
|
|
143
|
+
}
|
|
144
|
+
|
|
145
|
+
export function updateCommitment(
|
|
146
|
+
commitment: Commitment,
|
|
147
|
+
patch: Partial<
|
|
148
|
+
Pick<
|
|
149
|
+
Commitment,
|
|
150
|
+
| 'direction'
|
|
151
|
+
| 'summary'
|
|
152
|
+
| 'counterparty'
|
|
153
|
+
| 'dueAt'
|
|
154
|
+
| 'notes'
|
|
155
|
+
| 'links'
|
|
156
|
+
| 'source'
|
|
157
|
+
| 'sourceQuote'
|
|
158
|
+
| 'confidence'
|
|
159
|
+
| 'lastActivityAt'
|
|
160
|
+
>
|
|
161
|
+
>,
|
|
162
|
+
now = new Date().toISOString(),
|
|
163
|
+
): Commitment {
|
|
164
|
+
validateCommitmentSource({ ...commitment, ...patch })
|
|
165
|
+
return {
|
|
166
|
+
...commitment,
|
|
167
|
+
...patch,
|
|
168
|
+
summary: patch.summary?.trim() || commitment.summary,
|
|
169
|
+
counterparty: patch.counterparty?.trim() || commitment.counterparty,
|
|
170
|
+
updatedAt: now,
|
|
171
|
+
}
|
|
172
|
+
}
|
|
173
|
+
|
|
174
|
+
export function resolveCommitment(
|
|
175
|
+
commitment: Commitment,
|
|
176
|
+
now = new Date().toISOString(),
|
|
177
|
+
): Commitment {
|
|
178
|
+
return {
|
|
179
|
+
...commitment,
|
|
180
|
+
status: 'resolved',
|
|
181
|
+
resolvedAt: now,
|
|
182
|
+
updatedAt: now,
|
|
183
|
+
snoozedUntil: undefined,
|
|
184
|
+
}
|
|
185
|
+
}
|
|
186
|
+
|
|
187
|
+
export function dismissCommitment(
|
|
188
|
+
commitment: Commitment,
|
|
189
|
+
now = new Date().toISOString(),
|
|
190
|
+
): Commitment {
|
|
191
|
+
return {
|
|
192
|
+
...commitment,
|
|
193
|
+
status: 'dismissed',
|
|
194
|
+
updatedAt: now,
|
|
195
|
+
snoozedUntil: undefined,
|
|
196
|
+
}
|
|
197
|
+
}
|
|
198
|
+
|
|
199
|
+
export function snoozeCommitment(
|
|
200
|
+
commitment: Commitment,
|
|
201
|
+
snoozedUntil: string,
|
|
202
|
+
now = new Date().toISOString(),
|
|
203
|
+
): Commitment {
|
|
204
|
+
return {
|
|
205
|
+
...commitment,
|
|
206
|
+
status: 'snoozed',
|
|
207
|
+
snoozedUntil,
|
|
208
|
+
updatedAt: now,
|
|
209
|
+
}
|
|
210
|
+
}
|
|
211
|
+
|
|
212
|
+
export function reactivateSnoozedCommitments(
|
|
213
|
+
store: CommitmentStore,
|
|
214
|
+
now = new Date().toISOString(),
|
|
215
|
+
): CommitmentStore {
|
|
216
|
+
return {
|
|
217
|
+
...store,
|
|
218
|
+
commitments: store.commitments.map(commitment =>
|
|
219
|
+
commitment.status === 'snoozed' &&
|
|
220
|
+
commitment.snoozedUntil &&
|
|
221
|
+
commitment.snoozedUntil <= now
|
|
222
|
+
? { ...commitment, status: 'open', snoozedUntil: undefined, updatedAt: now }
|
|
223
|
+
: commitment,
|
|
224
|
+
),
|
|
225
|
+
}
|
|
226
|
+
}
|
|
227
|
+
|
|
228
|
+
export function commitmentDueState(
|
|
229
|
+
commitment: Commitment,
|
|
230
|
+
now = new Date().toISOString(),
|
|
231
|
+
): CommitmentDueState {
|
|
232
|
+
if (commitment.status === 'snoozed') return 'snoozed'
|
|
233
|
+
if (!commitment.dueAt) return 'none'
|
|
234
|
+
const today = dayKey(now)
|
|
235
|
+
const due = dayKey(commitment.dueAt)
|
|
236
|
+
if (due < today) return 'overdue'
|
|
237
|
+
if (due === today) return 'due_today'
|
|
238
|
+
return 'upcoming'
|
|
239
|
+
}
|
|
240
|
+
|
|
241
|
+
export function commitmentIsGoneQuiet(
|
|
242
|
+
commitment: Commitment,
|
|
243
|
+
options: CommitmentQueryOptions = {},
|
|
244
|
+
): boolean {
|
|
245
|
+
if (commitment.direction !== 'waiting_on') return false
|
|
246
|
+
if (commitment.status !== 'open') return false
|
|
247
|
+
const nowMs = Date.parse(options.now ?? new Date().toISOString())
|
|
248
|
+
const lastMs = Date.parse(
|
|
249
|
+
commitment.lastActivityAt ?? commitment.updatedAt ?? commitment.createdAt,
|
|
250
|
+
)
|
|
251
|
+
const thresholdDays = options.goneQuietDays ?? 7
|
|
252
|
+
return Number.isFinite(lastMs) && nowMs - lastMs >= thresholdDays * 86_400_000
|
|
253
|
+
}
|
|
254
|
+
|
|
255
|
+
export function openCommitments(
|
|
256
|
+
store: CommitmentStore,
|
|
257
|
+
options: CommitmentQueryOptions = {},
|
|
258
|
+
): Commitment[] {
|
|
259
|
+
const activeStore = reactivateSnoozedCommitments(
|
|
260
|
+
store,
|
|
261
|
+
options.now ?? new Date().toISOString(),
|
|
262
|
+
)
|
|
263
|
+
return activeStore.commitments
|
|
264
|
+
.filter(commitment => options.includeClosed || commitment.status === 'open')
|
|
265
|
+
.sort(compareCommitments)
|
|
266
|
+
}
|
|
267
|
+
|
|
268
|
+
export function commitmentBuckets(
|
|
269
|
+
store: CommitmentStore,
|
|
270
|
+
options: CommitmentQueryOptions = {},
|
|
271
|
+
): CommitmentBuckets {
|
|
272
|
+
const now = options.now ?? new Date().toISOString()
|
|
273
|
+
const commitments = openCommitments(store, { ...options, includeClosed: true })
|
|
274
|
+
const visible = commitments.filter(
|
|
275
|
+
commitment => options.includeClosed || commitment.status === 'open',
|
|
276
|
+
)
|
|
277
|
+
return {
|
|
278
|
+
youOwe: visible.filter(commitment => commitment.direction === 'you_owe'),
|
|
279
|
+
waitingOn: visible.filter(commitment => commitment.direction === 'waiting_on'),
|
|
280
|
+
dueToday: visible.filter(
|
|
281
|
+
commitment => commitmentDueState(commitment, now) === 'due_today',
|
|
282
|
+
),
|
|
283
|
+
overdue: visible.filter(
|
|
284
|
+
commitment => commitmentDueState(commitment, now) === 'overdue',
|
|
285
|
+
),
|
|
286
|
+
goneQuiet: visible.filter(commitment =>
|
|
287
|
+
commitmentIsGoneQuiet(commitment, { ...options, now }),
|
|
288
|
+
),
|
|
289
|
+
snoozed: commitments.filter(commitment => commitment.status === 'snoozed'),
|
|
290
|
+
}
|
|
291
|
+
}
|
|
292
|
+
|
|
293
|
+
export function filterCommitments(
|
|
294
|
+
store: CommitmentStore,
|
|
295
|
+
filter: CommitmentFilter,
|
|
296
|
+
options: CommitmentQueryOptions = {},
|
|
297
|
+
): Commitment[] {
|
|
298
|
+
const buckets = commitmentBuckets(store, options)
|
|
299
|
+
switch (filter) {
|
|
300
|
+
case 'due_today':
|
|
301
|
+
return buckets.dueToday
|
|
302
|
+
case 'overdue':
|
|
303
|
+
return buckets.overdue
|
|
304
|
+
case 'gone_quiet':
|
|
305
|
+
return buckets.goneQuiet
|
|
306
|
+
case 'snoozed':
|
|
307
|
+
return buckets.snoozed
|
|
308
|
+
case 'all':
|
|
309
|
+
return openCommitments(store, options)
|
|
310
|
+
}
|
|
311
|
+
}
|
|
312
|
+
|
|
313
|
+
export function commitmentsByCounterparty(
|
|
314
|
+
store: CommitmentStore,
|
|
315
|
+
counterparty: string,
|
|
316
|
+
options: CommitmentQueryOptions = {},
|
|
317
|
+
): Commitment[] {
|
|
318
|
+
const target = counterparty.trim().toLowerCase()
|
|
319
|
+
return openCommitments(store, options).filter(
|
|
320
|
+
commitment => commitment.counterparty.toLowerCase() === target,
|
|
321
|
+
)
|
|
322
|
+
}
|
|
323
|
+
|
|
324
|
+
function validateCommitmentSource(input: CommitmentInput | Commitment): void {
|
|
325
|
+
if (input.source && input.source.type !== 'manual' && !input.sourceQuote?.trim()) {
|
|
326
|
+
throw new Error('Extracted commitments require a source quote.')
|
|
327
|
+
}
|
|
328
|
+
}
|
|
329
|
+
|
|
330
|
+
function isCommitmentLike(value: unknown): value is Commitment {
|
|
331
|
+
if (!value || typeof value !== 'object') return false
|
|
332
|
+
const item = value as Partial<Commitment>
|
|
333
|
+
return (
|
|
334
|
+
typeof item.id === 'string' &&
|
|
335
|
+
(item.direction === 'you_owe' || item.direction === 'waiting_on') &&
|
|
336
|
+
typeof item.summary === 'string' &&
|
|
337
|
+
typeof item.counterparty === 'string' &&
|
|
338
|
+
typeof item.createdAt === 'string' &&
|
|
339
|
+
typeof item.updatedAt === 'string' &&
|
|
340
|
+
['open', 'resolved', 'dismissed', 'snoozed'].includes(item.status ?? '')
|
|
341
|
+
)
|
|
342
|
+
}
|
|
343
|
+
|
|
344
|
+
function compareCommitments(a: Commitment, b: Commitment): number {
|
|
345
|
+
if (a.status === 'snoozed' && b.status !== 'snoozed') return 1
|
|
346
|
+
if (b.status === 'snoozed' && a.status !== 'snoozed') return -1
|
|
347
|
+
if (a.dueAt && b.dueAt) return a.dueAt.localeCompare(b.dueAt)
|
|
348
|
+
if (a.dueAt) return -1
|
|
349
|
+
if (b.dueAt) return 1
|
|
350
|
+
return b.updatedAt.localeCompare(a.updatedAt)
|
|
351
|
+
}
|
|
352
|
+
|
|
353
|
+
function dayKey(iso: string): string {
|
|
354
|
+
const date = new Date(iso)
|
|
355
|
+
const month = String(date.getMonth() + 1).padStart(2, '0')
|
|
356
|
+
const day = String(date.getDate()).padStart(2, '0')
|
|
357
|
+
return `${date.getFullYear()}-${month}-${day}`
|
|
358
|
+
}
|
|
@@ -1,104 +1,104 @@
|
|
|
1
|
-
import { act } from 'react'
|
|
2
|
-
import { createRoot, type Root } from 'react-dom/client'
|
|
3
|
-
import { afterEach, describe, expect, it, vi } from 'vitest'
|
|
4
|
-
import { AccessibilityReviewDialog } from './AccessibilityReviewDialog.js'
|
|
5
|
-
|
|
6
|
-
function render(ui: React.ReactElement): {
|
|
7
|
-
container: HTMLDivElement
|
|
8
|
-
root: Root
|
|
9
|
-
} {
|
|
10
|
-
const container = document.createElement('div')
|
|
11
|
-
document.body.appendChild(container)
|
|
12
|
-
const root = createRoot(container)
|
|
13
|
-
act(() => {
|
|
14
|
-
root.render(ui)
|
|
15
|
-
})
|
|
16
|
-
return { container, root }
|
|
17
|
-
}
|
|
18
|
-
|
|
19
|
-
function buttonNamed(name: string): HTMLButtonElement {
|
|
20
|
-
const buttons = Array.from(document.querySelectorAll('button'))
|
|
21
|
-
const button = buttons.find(item => item.textContent?.trim() === name)
|
|
22
|
-
if (!(button instanceof HTMLButtonElement)) {
|
|
23
|
-
throw new Error(`Button not found: ${name}`)
|
|
24
|
-
}
|
|
25
|
-
return button
|
|
26
|
-
}
|
|
27
|
-
|
|
28
|
-
function changeTextarea(value: string): void {
|
|
29
|
-
const textarea = document.querySelector('textarea')
|
|
30
|
-
if (!(textarea instanceof HTMLTextAreaElement)) {
|
|
31
|
-
throw new Error('Draft textarea not found')
|
|
32
|
-
}
|
|
33
|
-
const valueSetter = Object.getOwnPropertyDescriptor(
|
|
34
|
-
HTMLTextAreaElement.prototype,
|
|
35
|
-
'value',
|
|
36
|
-
)?.set
|
|
37
|
-
act(() => {
|
|
38
|
-
valueSetter?.call(textarea, value)
|
|
39
|
-
textarea.dispatchEvent(new InputEvent('input', { bubbles: true }))
|
|
40
|
-
})
|
|
41
|
-
}
|
|
42
|
-
|
|
43
|
-
afterEach(() => {
|
|
44
|
-
document.body.innerHTML = ''
|
|
45
|
-
})
|
|
46
|
-
|
|
47
|
-
describe('AccessibilityReviewDialog', () => {
|
|
48
|
-
it('lets a reviewer draft, edit, and apply an image alt text fix', () => {
|
|
49
|
-
const onChange = vi.fn()
|
|
50
|
-
const html =
|
|
51
|
-
'<figure><img src="revenue-chart.png"><figcaption>Revenue by quarter</figcaption></figure>'
|
|
52
|
-
|
|
53
|
-
render(
|
|
54
|
-
<AccessibilityReviewDialog
|
|
55
|
-
open
|
|
56
|
-
html={html}
|
|
57
|
-
onClose={() => undefined}
|
|
58
|
-
onChange={onChange}
|
|
59
|
-
/>,
|
|
60
|
-
)
|
|
61
|
-
|
|
62
|
-
expect(document.body.textContent).toContain('1 findings')
|
|
63
|
-
expect(document.body.textContent).toContain('Image needs alt text')
|
|
64
|
-
|
|
65
|
-
act(() => {
|
|
66
|
-
buttonNamed('Draft fix').click()
|
|
67
|
-
})
|
|
68
|
-
|
|
69
|
-
const textarea = document.querySelector('textarea')
|
|
70
|
-
expect(textarea).toBeInstanceOf(HTMLTextAreaElement)
|
|
71
|
-
expect((textarea as HTMLTextAreaElement).value).toBe('Revenue by quarter')
|
|
72
|
-
|
|
73
|
-
changeTextarea('Quarterly revenue chart')
|
|
74
|
-
|
|
75
|
-
act(() => {
|
|
76
|
-
buttonNamed('Use alt text').click()
|
|
77
|
-
})
|
|
78
|
-
|
|
79
|
-
expect(onChange).toHaveBeenCalledWith(
|
|
80
|
-
expect.stringContaining('alt="Quarterly revenue chart"'),
|
|
81
|
-
)
|
|
82
|
-
})
|
|
83
|
-
|
|
84
|
-
it('applies safe mechanical fixes without opening a draft editor', () => {
|
|
85
|
-
const onChange = vi.fn()
|
|
86
|
-
const html = '<figure><img src="separator.png"></figure>'
|
|
87
|
-
|
|
88
|
-
render(
|
|
89
|
-
<AccessibilityReviewDialog
|
|
90
|
-
open
|
|
91
|
-
html={html}
|
|
92
|
-
onClose={() => undefined}
|
|
93
|
-
onChange={onChange}
|
|
94
|
-
/>,
|
|
95
|
-
)
|
|
96
|
-
|
|
97
|
-
act(() => {
|
|
98
|
-
buttonNamed('Apply fix').click()
|
|
99
|
-
})
|
|
100
|
-
|
|
101
|
-
expect(onChange).toHaveBeenCalledWith(expect.stringContaining('alt=""'))
|
|
102
|
-
expect(document.querySelector('textarea')).toBeNull()
|
|
103
|
-
})
|
|
104
|
-
})
|
|
1
|
+
import { act } from 'react'
|
|
2
|
+
import { createRoot, type Root } from 'react-dom/client'
|
|
3
|
+
import { afterEach, describe, expect, it, vi } from 'vitest'
|
|
4
|
+
import { AccessibilityReviewDialog } from './AccessibilityReviewDialog.js'
|
|
5
|
+
|
|
6
|
+
function render(ui: React.ReactElement): {
|
|
7
|
+
container: HTMLDivElement
|
|
8
|
+
root: Root
|
|
9
|
+
} {
|
|
10
|
+
const container = document.createElement('div')
|
|
11
|
+
document.body.appendChild(container)
|
|
12
|
+
const root = createRoot(container)
|
|
13
|
+
act(() => {
|
|
14
|
+
root.render(ui)
|
|
15
|
+
})
|
|
16
|
+
return { container, root }
|
|
17
|
+
}
|
|
18
|
+
|
|
19
|
+
function buttonNamed(name: string): HTMLButtonElement {
|
|
20
|
+
const buttons = Array.from(document.querySelectorAll('button'))
|
|
21
|
+
const button = buttons.find(item => item.textContent?.trim() === name)
|
|
22
|
+
if (!(button instanceof HTMLButtonElement)) {
|
|
23
|
+
throw new Error(`Button not found: ${name}`)
|
|
24
|
+
}
|
|
25
|
+
return button
|
|
26
|
+
}
|
|
27
|
+
|
|
28
|
+
function changeTextarea(value: string): void {
|
|
29
|
+
const textarea = document.querySelector('textarea')
|
|
30
|
+
if (!(textarea instanceof HTMLTextAreaElement)) {
|
|
31
|
+
throw new Error('Draft textarea not found')
|
|
32
|
+
}
|
|
33
|
+
const valueSetter = Object.getOwnPropertyDescriptor(
|
|
34
|
+
HTMLTextAreaElement.prototype,
|
|
35
|
+
'value',
|
|
36
|
+
)?.set
|
|
37
|
+
act(() => {
|
|
38
|
+
valueSetter?.call(textarea, value)
|
|
39
|
+
textarea.dispatchEvent(new InputEvent('input', { bubbles: true }))
|
|
40
|
+
})
|
|
41
|
+
}
|
|
42
|
+
|
|
43
|
+
afterEach(() => {
|
|
44
|
+
document.body.innerHTML = ''
|
|
45
|
+
})
|
|
46
|
+
|
|
47
|
+
describe('AccessibilityReviewDialog', () => {
|
|
48
|
+
it('lets a reviewer draft, edit, and apply an image alt text fix', () => {
|
|
49
|
+
const onChange = vi.fn()
|
|
50
|
+
const html =
|
|
51
|
+
'<figure><img src="revenue-chart.png"><figcaption>Revenue by quarter</figcaption></figure>'
|
|
52
|
+
|
|
53
|
+
render(
|
|
54
|
+
<AccessibilityReviewDialog
|
|
55
|
+
open
|
|
56
|
+
html={html}
|
|
57
|
+
onClose={() => undefined}
|
|
58
|
+
onChange={onChange}
|
|
59
|
+
/>,
|
|
60
|
+
)
|
|
61
|
+
|
|
62
|
+
expect(document.body.textContent).toContain('1 findings')
|
|
63
|
+
expect(document.body.textContent).toContain('Image needs alt text')
|
|
64
|
+
|
|
65
|
+
act(() => {
|
|
66
|
+
buttonNamed('Draft fix').click()
|
|
67
|
+
})
|
|
68
|
+
|
|
69
|
+
const textarea = document.querySelector('textarea')
|
|
70
|
+
expect(textarea).toBeInstanceOf(HTMLTextAreaElement)
|
|
71
|
+
expect((textarea as HTMLTextAreaElement).value).toBe('Revenue by quarter')
|
|
72
|
+
|
|
73
|
+
changeTextarea('Quarterly revenue chart')
|
|
74
|
+
|
|
75
|
+
act(() => {
|
|
76
|
+
buttonNamed('Use alt text').click()
|
|
77
|
+
})
|
|
78
|
+
|
|
79
|
+
expect(onChange).toHaveBeenCalledWith(
|
|
80
|
+
expect.stringContaining('alt="Quarterly revenue chart"'),
|
|
81
|
+
)
|
|
82
|
+
})
|
|
83
|
+
|
|
84
|
+
it('applies safe mechanical fixes without opening a draft editor', () => {
|
|
85
|
+
const onChange = vi.fn()
|
|
86
|
+
const html = '<figure><img src="separator.png"></figure>'
|
|
87
|
+
|
|
88
|
+
render(
|
|
89
|
+
<AccessibilityReviewDialog
|
|
90
|
+
open
|
|
91
|
+
html={html}
|
|
92
|
+
onClose={() => undefined}
|
|
93
|
+
onChange={onChange}
|
|
94
|
+
/>,
|
|
95
|
+
)
|
|
96
|
+
|
|
97
|
+
act(() => {
|
|
98
|
+
buttonNamed('Apply fix').click()
|
|
99
|
+
})
|
|
100
|
+
|
|
101
|
+
expect(onChange).toHaveBeenCalledWith(expect.stringContaining('alt=""'))
|
|
102
|
+
expect(document.querySelector('textarea')).toBeNull()
|
|
103
|
+
})
|
|
104
|
+
})
|