@arbidocs/blocks 0.4.8 → 0.4.10
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/README.md +9 -0
- package/dist/StreamedArtifactEditor-5BMNWSS4.cjs +106 -0
- package/dist/StreamedArtifactEditor-5BMNWSS4.cjs.map +1 -0
- package/dist/StreamedArtifactEditor-6ETUHNQN.js +104 -0
- package/dist/StreamedArtifactEditor-6ETUHNQN.js.map +1 -0
- package/dist/agents/index.cjs +163 -163
- package/dist/agents/index.js +6 -6
- package/dist/artifacts/ArtifactEditor.d.ts +24 -1
- package/dist/artifacts/ArtifactToolbar.d.ts +3 -1
- package/dist/artifacts/StreamedArtifactFrame.d.ts +36 -0
- package/dist/artifacts/editor/index.cjs +11 -82
- package/dist/artifacts/editor/index.cjs.map +1 -1
- package/dist/artifacts/editor/index.js +2 -83
- package/dist/artifacts/editor/index.js.map +1 -1
- package/dist/artifacts/index.cjs +92 -800
- package/dist/artifacts/index.cjs.map +1 -1
- package/dist/artifacts/index.d.ts +2 -1
- package/dist/artifacts/index.js +3 -784
- package/dist/artifacts/index.js.map +1 -1
- package/dist/chat/AssistantToaster.d.ts +8 -0
- package/dist/chat/index.cjs +68 -62
- package/dist/chat/index.d.ts +1 -0
- package/dist/chat/index.js +3 -1
- package/dist/{chunk-JLOYWXRB.js → chunk-557EU3G4.js} +3 -3
- package/dist/{chunk-JLOYWXRB.js.map → chunk-557EU3G4.js.map} +1 -1
- package/dist/chunk-BV7FEMSI.js +34 -0
- package/dist/chunk-BV7FEMSI.js.map +1 -0
- package/dist/{chunk-YP264PVL.js → chunk-D5BZVKIF.js} +6 -6
- package/dist/{chunk-YP264PVL.js.map → chunk-D5BZVKIF.js.map} +1 -1
- package/dist/{chunk-LRUCMZK6.cjs → chunk-D6XY3C4O.cjs} +4 -15
- package/dist/chunk-D6XY3C4O.cjs.map +1 -0
- package/dist/{chunk-YVIOCITQ.cjs → chunk-DCEI37AX.cjs} +3 -3
- package/dist/{chunk-YVIOCITQ.cjs.map → chunk-DCEI37AX.cjs.map} +1 -1
- package/dist/chunk-DTLOXXPN.js +831 -0
- package/dist/chunk-DTLOXXPN.js.map +1 -0
- package/dist/chunk-FX3K6LNZ.cjs +47 -0
- package/dist/chunk-FX3K6LNZ.cjs.map +1 -0
- package/dist/{chunk-QXEJXIP4.js → chunk-H7OD4CHN.js} +5 -16
- package/dist/chunk-H7OD4CHN.js.map +1 -0
- package/dist/chunk-HSFGOA6V.js +86 -0
- package/dist/chunk-HSFGOA6V.js.map +1 -0
- package/dist/{chunk-7OCFHEE6.js → chunk-ILOYJE63.js} +10 -3
- package/dist/chunk-ILOYJE63.js.map +1 -0
- package/dist/chunk-LOJVUGBJ.js +67 -0
- package/dist/chunk-LOJVUGBJ.js.map +1 -0
- package/dist/{chunk-QMDLPO3M.cjs → chunk-LXC5PTTI.cjs} +2 -2
- package/dist/{chunk-QMDLPO3M.cjs.map → chunk-LXC5PTTI.cjs.map} +1 -1
- package/dist/{chunk-G2E3O3HI.js → chunk-OJSWQM4G.js} +158 -5
- package/dist/chunk-OJSWQM4G.js.map +1 -0
- package/dist/chunk-PVK3GAMH.cjs +852 -0
- package/dist/chunk-PVK3GAMH.cjs.map +1 -0
- package/dist/chunk-QVBZESYQ.cjs +70 -0
- package/dist/chunk-QVBZESYQ.cjs.map +1 -0
- package/dist/{chunk-JG4TFS3Z.cjs → chunk-RGHQFJOL.cjs} +160 -2
- package/dist/chunk-RGHQFJOL.cjs.map +1 -0
- package/dist/{chunk-SY7UURF7.cjs → chunk-RMIACB7N.cjs} +6 -6
- package/dist/{chunk-SY7UURF7.cjs.map → chunk-RMIACB7N.cjs.map} +1 -1
- package/dist/chunk-RUNQFXPH.cjs +89 -0
- package/dist/chunk-RUNQFXPH.cjs.map +1 -0
- package/dist/chunk-SLSBJRWW.js +41 -0
- package/dist/chunk-SLSBJRWW.js.map +1 -0
- package/dist/chunk-XKSFJYOD.cjs +37 -0
- package/dist/chunk-XKSFJYOD.cjs.map +1 -0
- package/dist/{chunk-MGUHR3JI.cjs → chunk-YWSWRTGH.cjs} +10 -2
- package/dist/chunk-YWSWRTGH.cjs.map +1 -0
- package/dist/{chunk-EY2RJW27.js → chunk-ZJ6RIPFS.js} +2 -2
- package/dist/{chunk-EY2RJW27.js.map → chunk-ZJ6RIPFS.js.map} +1 -1
- package/dist/collaboration/contacts/ContactCard.d.ts +43 -0
- package/dist/collaboration/contacts/index.d.ts +2 -0
- package/dist/collaboration/contacts/vcard.d.ts +26 -0
- package/dist/collaboration/index.cjs +56 -36
- package/dist/collaboration/index.js +1 -1
- package/dist/connect/index.cjs +97 -23
- package/dist/connect/index.cjs.map +1 -1
- package/dist/connect/index.d.ts +1 -0
- package/dist/connect/index.js +79 -6
- package/dist/connect/index.js.map +1 -1
- package/dist/connection/StreamedArtifact.d.ts +43 -0
- package/dist/connection/StreamedArtifactEditor.d.ts +31 -0
- package/dist/facts/index.cjs +4 -3
- package/dist/facts/index.cjs.map +1 -1
- package/dist/facts/index.js +2 -1
- package/dist/facts/index.js.map +1 -1
- package/dist/files/index.cjs +10 -9
- package/dist/files/index.cjs.map +1 -1
- package/dist/files/index.js +7 -6
- package/dist/files/index.js.map +1 -1
- package/dist/index.cjs +650 -596
- package/dist/index.cjs.map +1 -1
- package/dist/index.js +18 -16
- package/dist/index.js.map +1 -1
- package/dist/lib/use-media-query.d.ts +32 -0
- package/dist/settings/index.cjs +32 -32
- package/dist/settings/index.js +3 -3
- package/dist/shell/Toaster.d.ts +28 -0
- package/dist/shell/index.cjs +78 -48
- package/dist/shell/index.d.ts +2 -0
- package/dist/shell/index.js +5 -3
- package/dist/site/index.cjs +14 -14
- package/dist/site/index.js +2 -2
- package/dist/studio/index.cjs +3 -3
- package/dist/studio/index.js +3 -3
- package/dist/workspaces/index.cjs +12 -5
- package/dist/workspaces/index.cjs.map +1 -1
- package/dist/workspaces/index.js +13 -6
- package/dist/workspaces/index.js.map +1 -1
- package/package.json +3 -3
- package/dist/chunk-7OCFHEE6.js.map +0 -1
- package/dist/chunk-G2E3O3HI.js.map +0 -1
- package/dist/chunk-JG4TFS3Z.cjs.map +0 -1
- package/dist/chunk-LRUCMZK6.cjs.map +0 -1
- package/dist/chunk-MGUHR3JI.cjs.map +0 -1
- package/dist/chunk-QXEJXIP4.js.map +0 -1
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../src/artifacts/ArtifactCompareBar.tsx","../src/artifacts/ArtifactEditorBody.tsx","../src/artifacts/ArtifactToolbar.tsx","../src/artifacts/ArtifactVersionBar.tsx","../src/artifacts/ArtifactEditor.tsx","../src/artifacts/RedlineParts.tsx","../src/artifacts/ArtifactRedlineView.tsx","../src/artifacts/VersionTimeline.tsx"],"names":["jsx","cn","jsxs","Fragment","X","Button","GitCompare","Loader2","ArrowLeftRight","History","Eye"],"mappings":"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","file":"chunk-DTLOXXPN.js","sourcesContent":["import type { ReactNode } from 'react'\nimport { ArrowLeftRight, Eye, EyeOff, X } from 'lucide-react'\nimport { cn } from '@arbidocs/react/ui'\nimport { testIdOr } from '../chat/test-id'\n\n/** Every fixed string of the compare bar. Pass a partial `labels` to translate or reword. */\nexport interface ArtifactCompareBarLabels {\n compareVs: string\n trackChanges: string\n trackChangesBack: string\n trackChangesView: string\n flipComparison: string\n stopComparing: string\n}\n\nexport const DEFAULT_ARTIFACT_COMPARE_BAR_LABELS: ArtifactCompareBarLabels = {\n compareVs: 'Compare vs.',\n trackChanges: 'Track changes',\n trackChangesBack: 'Back to editing (your comparison stays active)',\n trackChangesView: 'View tracked changes against Compare vs.',\n flipComparison: 'Flip comparison direction',\n stopComparing: 'Stop comparing',\n}\n\nexport interface ArtifactCompareBarTestIds {\n trackChanges: string\n}\n\nexport interface ArtifactCompareBarProps {\n /** The compared-against version (the host renders its name or pill). */\n compareTarget: ReactNode\n /** \"v2\": which version it is, when every version shares one file name. */\n versionLabel?: string | null\n /** An editable artifact toggles Track changes; a read-only comparison gets a flip arrow. */\n mode: 'track-changes' | 'flip'\n showTrackChanges: boolean\n onToggleTrackChanges: () => void\n onFlip: () => void\n onStop: () => void\n labels?: Partial<ArtifactCompareBarLabels>\n testIds?: Partial<ArtifactCompareBarTestIds>\n}\n\nconst barButton =\n 'inline-flex shrink-0 items-center gap-1 rounded-md px-1.5 py-0.5 text-xs font-medium transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring pointer-coarse:min-h-11 pointer-coarse:min-w-11 pointer-coarse:px-2.5'\n\n/**\n * \"Compare vs. [version]\" row contents: always an explicit text label (an icon-only pill was\n * unclear), with Track changes or Flip, and Stop comparing.\n */\nexport function ArtifactCompareBar({\n compareTarget,\n versionLabel,\n mode,\n showTrackChanges,\n onToggleTrackChanges,\n onFlip,\n onStop,\n labels,\n testIds,\n}: ArtifactCompareBarProps) {\n const l = { ...DEFAULT_ARTIFACT_COMPARE_BAR_LABELS, ...labels }\n return (\n <>\n <span className=\"shrink-0 text-sm text-muted-foreground\">{l.compareVs}</span>\n {compareTarget}\n {versionLabel && (\n <span className=\"shrink-0 text-xs text-muted-foreground\">{versionLabel}</span>\n )}\n {mode === 'track-changes' ? (\n <button\n type=\"button\"\n onClick={onToggleTrackChanges}\n aria-pressed={showTrackChanges}\n className={cn(\n barButton,\n showTrackChanges\n ? 'bg-accent text-accent-foreground hover:bg-accent/70'\n : 'text-muted-foreground hover:bg-muted hover:text-foreground'\n )}\n title={showTrackChanges ? l.trackChangesBack : l.trackChangesView}\n data-testid={testIdOr(testIds?.trackChanges, { testId: 'track-changes-toggle' })}\n >\n {showTrackChanges ? (\n <Eye className=\"size-3.5\" aria-hidden />\n ) : (\n <EyeOff className=\"size-3.5\" aria-hidden />\n )}\n {l.trackChanges}\n </button>\n ) : (\n <button\n type=\"button\"\n onClick={onFlip}\n className={cn(\n barButton,\n 'p-1 text-muted-foreground hover:bg-muted hover:text-foreground'\n )}\n title={l.flipComparison}\n aria-label={l.flipComparison}\n >\n <ArrowLeftRight className=\"size-3.5\" aria-hidden />\n </button>\n )}\n <button\n type=\"button\"\n onClick={onStop}\n className={cn(\n barButton,\n 'ml-auto text-muted-foreground hover:bg-muted hover:text-foreground'\n )}\n title={l.stopComparing}\n >\n <X className=\"size-3\" aria-hidden />\n {l.stopComparing}\n </button>\n </>\n )\n}\n","import { useCallback, type KeyboardEvent, type ReactNode } from 'react'\nimport { cn } from '@arbidocs/react/ui'\nimport { testIdOr } from '../chat/test-id'\nimport type { RenderMarkdown } from './ArtifactRedlineView'\n\nexport interface ArtifactEditorBodyTestIds {\n /** The read-only rendered document. */\n rendered: string\n /** The track-changes panel. */\n trackChanges: string\n}\n\nexport interface ArtifactEditorBodyProps {\n /** The saved markdown, shown rendered while not editing. */\n content: string\n isEditing: boolean\n /** A comparison is active. */\n comparing: boolean\n /** Show the track-changes panel instead of the editor (needs `comparing`). */\n showTrackChanges: boolean\n /** The editing surface (for example `ArtifactMarkdownEditor`). */\n editor: ReactNode\n /** The track-changes panel (for example `ArtifactRedlineView`). */\n redline: ReactNode\n renderMarkdown: RenderMarkdown\n /** Mod+S while editing; omit to leave the shortcut to the browser. */\n onSave?: () => void\n /** Mod+S only saves when this is true (there are changes and no save is running). */\n canSave?: boolean\n className?: string\n testIds?: Partial<ArtifactEditorBodyTestIds>\n}\n\n/**\n * The body of an artifact: the rendered document when reading, the editor when editing, and the\n * track-changes panel in its place while comparing. It is either typing or reviewing, never both\n * stacked, as in Word's Show Markup. Mod+S saves from anywhere inside it.\n */\nexport function ArtifactEditorBody({\n content,\n isEditing,\n comparing,\n showTrackChanges,\n editor,\n redline,\n renderMarkdown,\n onSave,\n canSave = true,\n className,\n testIds,\n}: ArtifactEditorBodyProps) {\n const onKeyDown = useCallback(\n (e: KeyboardEvent<HTMLDivElement>) => {\n if (!isEditing || !onSave) return\n if ((e.metaKey || e.ctrlKey) && !e.altKey && e.key.toLowerCase() === 's') {\n e.preventDefault()\n if (canSave) onSave()\n }\n },\n [isEditing, onSave, canSave]\n )\n\n const tracking = isEditing && comparing && showTrackChanges\n return (\n // The key handler only listens to bubbling keystrokes of the editor inside; the editor itself\n // is the focusable element.\n <div\n data-slot=\"artifact-body\"\n className={cn('h-full min-h-0 overflow-auto', className)}\n onKeyDown={onKeyDown}\n >\n {!isEditing ? (\n <div\n className=\"p-6\"\n data-slot=\"artifact-rendered\"\n data-testid={testIdOr(testIds?.rendered, { testId: 'document-rendered-markdown' })}\n >\n {renderMarkdown(content)}\n </div>\n ) : tracking ? (\n <div\n className=\"h-full\"\n data-testid={testIdOr(testIds?.trackChanges, { testId: 'track-changes-panel' })}\n >\n {redline}\n </div>\n ) : (\n editor\n )}\n </div>\n )\n}\n","import { Check, GitCompare, Loader2, Pencil, X } from 'lucide-react'\nimport { Button, cn } from '@arbidocs/react/ui'\nimport { testIdOr } from '../chat/test-id'\n\n/** Every fixed string of the toolbar. Pass a partial `labels` to translate or reword. */\nexport interface ArtifactToolbarLabels {\n /** The accessible name of the group of actions. */\n group: string\n edit: string\n cancel: string\n cancelTitle: string\n compare: string\n compareTitle: string\n saveDocument: string\n saveAsVersion: string\n noChanges: string\n saving: string\n save: string\n saveVersion: string\n /** Announced (not shown) when there are unsaved changes. */\n unsaved: string\n}\n\nexport const DEFAULT_ARTIFACT_TOOLBAR_LABELS: ArtifactToolbarLabels = {\n group: 'Document actions',\n edit: 'Edit',\n cancel: 'Cancel',\n cancelTitle: 'Cancel editing',\n compare: 'Compare with previous',\n compareTitle: 'Compare against the previous version',\n saveDocument: 'Save document',\n saveAsVersion: 'Save as a new version',\n noChanges: 'No changes to save',\n saving: 'Saving…',\n save: 'Save',\n saveVersion: 'Save version',\n unsaved: 'Unsaved changes',\n}\n\nexport interface ArtifactToolbarTestIds {\n edit: string\n cancel: string\n compare: string\n save: string\n unsavedDot: string\n}\n\nexport interface ArtifactToolbarProps {\n isEditing: boolean\n /** A new document that has no earlier version: \"Save\" instead of \"Save version\", no Cancel. */\n isDraft?: boolean\n /** Narrow panel: icon-only Edit and Compare. Save keeps its label. */\n compact?: boolean\n /** The buffer differs from the saved version. */\n hasChanges: boolean\n isSaving: boolean\n /** Offer \"Compare against the previous version\". */\n canCompare: boolean\n onStartEdit: () => void\n /** Edit is not offered yet (the text is still being prepared). */\n editDisabled?: boolean\n /** Discard the buffer and leave edit mode. */\n onCancel: () => void\n onCompare: () => void\n /** Save the buffer as a NEW version. */\n onSave: () => void\n className?: string\n labels?: Partial<ArtifactToolbarLabels>\n testIds?: Partial<ArtifactToolbarTestIds>\n}\n\n/**\n * Edit, Cancel (discard), Compare and Save for an artifact. Save is the ONE filled button and only\n * once there is something to save; a dot marks unsaved changes and a polite status announces them.\n * Touch targets are 44px on coarse pointers.\n */\nexport function ArtifactToolbar({\n isEditing,\n isDraft = false,\n compact = false,\n hasChanges,\n isSaving,\n canCompare,\n editDisabled = false,\n onStartEdit,\n onCancel,\n onCompare,\n onSave,\n className,\n labels,\n testIds,\n}: ArtifactToolbarProps) {\n const l = { ...DEFAULT_ARTIFACT_TOOLBAR_LABELS, ...labels }\n const group = (children: React.ReactNode): React.ReactElement => (\n <div\n role=\"group\"\n aria-label={l.group}\n data-slot=\"artifact-toolbar\"\n className={cn('flex items-center gap-2', compact && 'gap-1', className)}\n >\n {children}\n </div>\n )\n\n if (!isEditing) {\n return group(\n <Button\n onClick={onStartEdit}\n disabled={editDisabled}\n variant=\"outline\"\n size={compact ? 'icon' : 'sm'}\n title={l.edit}\n aria-label={l.edit}\n data-testid={testIdOr(testIds?.edit, { testId: 'edit-document-button' })}\n className=\"pointer-coarse:min-h-11 pointer-coarse:min-w-11\"\n >\n <Pencil className=\"size-4\" aria-hidden />\n {!compact && <span className=\"ml-1\">{l.edit}</span>}\n </Button>\n )\n }\n return group(\n <>\n {/* A draft has no Cancel: the panel's own Close is the one way out (it warns first). */}\n {!isDraft && (\n <Button\n onClick={onCancel}\n variant=\"outline\"\n size=\"sm\"\n title={l.cancelTitle}\n data-testid={testIdOr(testIds?.cancel, { testId: 'cancel-edit-button' })}\n className=\"pointer-coarse:min-h-11\"\n >\n <X className=\"size-4\" aria-hidden />\n <span className=\"ml-1\">{l.cancel}</span>\n </Button>\n )}\n {canCompare && (\n <Button\n onClick={onCompare}\n variant=\"outline\"\n size={compact ? 'icon' : 'sm'}\n title={l.compareTitle}\n aria-label={l.compare}\n data-testid={testIdOr(testIds?.compare, { testId: 'compare-button' })}\n className=\"pointer-coarse:min-h-11 pointer-coarse:min-w-11\"\n >\n <GitCompare className=\"size-4\" aria-hidden />\n {!compact && <span className=\"ml-1\">{l.compare}</span>}\n </Button>\n )}\n <div className=\"relative\">\n <Button\n onClick={onSave}\n variant={hasChanges ? 'default' : 'outline'}\n size=\"sm\"\n title={hasChanges ? (isDraft ? l.saveDocument : l.saveAsVersion) : l.noChanges}\n disabled={!hasChanges || isSaving}\n data-testid={testIdOr(testIds?.save, { testId: 'save-document-button' })}\n className=\"pointer-coarse:min-h-11\"\n >\n {isSaving ? (\n <Loader2 className=\"size-4 animate-spin\" aria-hidden />\n ) : (\n <Check className=\"size-4\" aria-hidden />\n )}\n <span className=\"ml-1\">{isSaving ? l.saving : isDraft ? l.save : l.saveVersion}</span>\n </Button>\n {hasChanges && !isSaving && (\n <span\n className=\"absolute -right-1 -top-1 size-2.5 rounded-full bg-primary ring-2 ring-background\"\n aria-hidden\n data-testid={testIdOr(testIds?.unsavedDot, { testId: 'unsaved-changes-dot' })}\n />\n )}\n </div>\n <span role=\"status\" className=\"sr-only\">\n {hasChanges && !isSaving ? l.unsaved : ''}\n </span>\n </>\n )\n}\n","import { GitCompare, History } from 'lucide-react'\nimport { Button, cn } from '@arbidocs/react/ui'\nimport { testIdOr } from '../chat/test-id'\nimport type { VersionEntry } from './VersionTimeline'\n\n/** Every fixed string of the version bar. Pass a partial `labels` to translate or reword. */\nexport interface ArtifactVersionBarLabels {\n group: string\n /** \"Version 2 of 3\". */\n position: (index: number, total: number) => string\n /** The only version: nothing to choose from yet. */\n only: string\n latest: string\n select: string\n option: (index: number, date: string, isCurrent: boolean) => string\n compare: string\n compareTitle: string\n}\n\nexport const DEFAULT_ARTIFACT_VERSION_BAR_LABELS: ArtifactVersionBarLabels = {\n group: 'Versions',\n position: (index, total) => `Version ${index} of ${total}`,\n only: 'Version 1',\n latest: 'Latest',\n select: 'Open a version',\n option: (index, date, isCurrent) => `Version ${index} · ${date}${isCurrent ? ' (open)' : ''}`,\n compare: 'Compare with previous',\n compareTitle: 'Compare this version against the one it was saved from',\n}\n\nexport interface ArtifactVersionBarTestIds {\n root: string\n position: string\n select: string\n compare: string\n}\n\nexport interface ArtifactVersionBarProps {\n /** The lineage, oldest first. */\n versions: VersionEntry[]\n /** The open version. */\n currentId: string\n formatDate: (iso: string) => string\n /** Open another version (selected from the list). */\n onOpen: (id: string) => void\n /** Compare the open version with the one before it. Omit to hide the button. */\n onCompare?: () => void\n className?: string\n labels?: Partial<ArtifactVersionBarLabels>\n testIds?: Partial<ArtifactVersionBarTestIds>\n}\n\n/**\n * Where you are in an artifact's versions: \"Version 2 of 3\", a list to open any version, and\n * Compare with the previous one. Saving a new version is the toolbar's Save button; the editor\n * lays the two out on one row. The list is a native select: it is keyboard and screen-reader\n * complete and uses the phone's own picker.\n */\nexport function ArtifactVersionBar({\n versions,\n currentId,\n formatDate,\n onOpen,\n onCompare,\n className,\n labels,\n testIds,\n}: ArtifactVersionBarProps) {\n const l = { ...DEFAULT_ARTIFACT_VERSION_BAR_LABELS, ...labels }\n const index = versions.findIndex((v) => v.id === currentId)\n const isLatest = index === versions.length - 1\n return (\n <div\n role=\"group\"\n aria-label={l.group}\n data-slot=\"artifact-version-bar\"\n className={cn('flex min-w-0 flex-wrap items-center gap-2 text-sm', className)}\n data-testid={testIdOr(testIds?.root, { testId: 'artifact-version-bar' })}\n >\n <History className=\"size-4 shrink-0 text-muted-foreground\" aria-hidden />\n <span\n className=\"shrink-0 font-medium text-foreground\"\n data-testid={testIdOr(testIds?.position, { testId: 'artifact-version-position' })}\n >\n {versions.length > 1 && index >= 0 ? l.position(index + 1, versions.length) : l.only}\n </span>\n {versions.length > 1 && index >= 0 && isLatest && (\n <span className=\"shrink-0 rounded-full bg-accent px-2 py-0.5 text-xs font-medium text-accent-foreground\">\n {l.latest}\n </span>\n )}\n {versions.length > 1 && (\n <select\n aria-label={l.select}\n value={currentId}\n onChange={(e) => onOpen(e.target.value)}\n className=\"min-w-0 max-w-full rounded-md border border-input bg-background px-2 py-1 text-sm text-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring pointer-coarse:min-h-11 pointer-coarse:text-base\"\n data-testid={testIdOr(testIds?.select, { testId: 'artifact-version-select' })}\n >\n {versions.map((v, i) => (\n <option key={v.id} value={v.id}>\n {l.option(i + 1, formatDate(v.createdAt), v.id === currentId)}\n </option>\n ))}\n </select>\n )}\n {onCompare && (\n <Button\n variant=\"ghost\"\n size=\"sm\"\n onClick={onCompare}\n title={l.compareTitle}\n className=\"pointer-coarse:min-h-11\"\n data-testid={testIdOr(testIds?.compare, { testId: 'artifact-version-compare' })}\n >\n <GitCompare className=\"size-4\" aria-hidden />\n <span className=\"ml-1\">{l.compare}</span>\n </Button>\n )}\n </div>\n )\n}\n","import type { ReactNode } from 'react'\nimport { Loader2 } from 'lucide-react'\nimport { Button, cn } from '@arbidocs/react/ui'\nimport { testIdOr } from '../chat/test-id'\nimport { ArtifactCompareBar, type ArtifactCompareBarLabels } from './ArtifactCompareBar'\nimport { ArtifactEditorBody, type ArtifactEditorBodyTestIds } from './ArtifactEditorBody'\nimport type { RenderMarkdown } from './ArtifactRedlineView'\nimport { ArtifactToolbar, type ArtifactToolbarLabels } from './ArtifactToolbar'\nimport {\n ArtifactVersionBar,\n type ArtifactVersionBarLabels,\n type ArtifactVersionBarTestIds,\n} from './ArtifactVersionBar'\nimport type { VersionEntry } from './VersionTimeline'\n\n/** Whether the artifact's text is available (`ArtifactTextStatus` of `@arbidocs/react/artifacts`). */\nexport type ArtifactEditorStatus = 'loading' | 'parsing' | 'ready' | 'error'\n\nexport interface ArtifactEditorStatusLabels {\n /** Shown while the backend is still parsing a fresh upload. */\n preparing: string\n error: string\n retry: string\n}\n\nexport const DEFAULT_ARTIFACT_EDITOR_STATUS_LABELS: ArtifactEditorStatusLabels = {\n preparing: 'Preparing editor…',\n error: \"The document couldn't be prepared for editing.\",\n retry: 'Try again',\n}\n\nexport interface ArtifactEditorLabels {\n status: Partial<ArtifactEditorStatusLabels>\n toolbar: Partial<ArtifactToolbarLabels>\n versions: Partial<ArtifactVersionBarLabels>\n compare: Partial<ArtifactCompareBarLabels>\n}\n\nexport interface ArtifactEditorTestIds {\n root: string\n /** The \"Preparing editor\" state. */\n preparing: string\n /** The error state and its retry button. */\n error: string\n retry: string\n compareRow: string\n body: Partial<ArtifactEditorBodyTestIds>\n versions: Partial<ArtifactVersionBarTestIds>\n}\n\nexport interface ArtifactEditorProps {\n /** The saved markdown of the open version. */\n content: string\n isEditing: boolean\n hasChanges: boolean\n isSaving: boolean\n isDraft?: boolean\n /** Narrow container: icon-only Edit and Compare. */\n compact?: boolean\n canCompare: boolean\n /** A comparison is active. */\n comparing: boolean\n /** The version being compared against. */\n compareId?: string | null\n showTrackChanges: boolean\n /**\n * Whether the text is available. While `loading` or `parsing` the body is a \"Preparing editor\"\n * state (the toolbar is disabled: an editor on an empty baseline would save a blank version);\n * `error` shows `labels.status.error` with Retry (`onRetry`). Default `ready`.\n */\n status?: ArtifactEditorStatus\n /** Ask for the text again after an `error`. */\n onRetry?: () => void\n /** The lineage, oldest first. The version bar shows only for two or more. */\n versions?: VersionEntry[]\n currentVersionId?: string\n onStartEdit: () => void\n onCancel: () => void\n /** Save the buffer as a new version. */\n onSave: () => void\n onCompare: () => void\n onStopCompare: () => void\n onToggleTrackChanges: () => void\n /** Open another version from the version list. */\n onOpenVersion?: (id: string) => void\n formatDate?: (iso: string) => string\n /** The editing surface (for example `ArtifactMarkdownEditor`). */\n editor: ReactNode\n /** The track-changes panel (for example `ArtifactRedlineView`). */\n redline: ReactNode\n renderMarkdown: RenderMarkdown\n /** Extra actions in the header (share, download...). */\n actions?: ReactNode\n className?: string\n labels?: Partial<ArtifactEditorLabels>\n testIds?: Partial<ArtifactEditorTestIds>\n}\n\nconst defaultFormatDate = (iso: string): string => {\n const date = new Date(iso)\n return Number.isNaN(date.getTime()) ? iso : date.toLocaleString()\n}\n\n/**\n * The artifact surface: a header with the version bar and the toolbar (Edit, Cancel, Compare,\n * Save as a new version), a compare row while comparing, and the body (read, edit or track\n * changes). Everything is view-model driven: a host binds state with `useArtifactSession` from\n * `@arbidocs/react/artifacts` and passes the editor and redline as slots.\n */\nexport function ArtifactEditor({\n content,\n isEditing,\n hasChanges,\n isSaving,\n isDraft = false,\n compact = false,\n canCompare,\n comparing,\n compareId,\n showTrackChanges,\n status = 'ready',\n onRetry,\n versions = [],\n currentVersionId = '',\n onStartEdit,\n onCancel,\n onSave,\n onCompare,\n onStopCompare,\n onToggleTrackChanges,\n onOpenVersion,\n formatDate = defaultFormatDate,\n editor,\n redline,\n renderMarkdown,\n actions,\n className,\n labels,\n testIds,\n}: ArtifactEditorProps) {\n const compared = versions.findIndex((v) => v.id === compareId)\n const unavailable = status !== 'ready'\n const statusLabels = { ...DEFAULT_ARTIFACT_EDITOR_STATUS_LABELS, ...labels?.status }\n return (\n <div\n data-slot=\"artifact-editor\"\n className={cn('flex h-full max-h-dvh min-h-0 flex-col bg-background', className)}\n data-testid={testIdOr(testIds?.root, { testId: 'artifact-editor' })}\n >\n <div className=\"flex flex-wrap items-center justify-between gap-2 border-b border-border px-3 py-2\">\n {versions.length > 0 && onOpenVersion ? (\n <ArtifactVersionBar\n versions={versions}\n currentId={currentVersionId}\n formatDate={formatDate}\n onOpen={onOpenVersion}\n // While reading, Compare is here; while editing it is in the toolbar.\n onCompare={canCompare && !isEditing && !unavailable ? onCompare : undefined}\n labels={labels?.versions}\n testIds={testIds?.versions}\n />\n ) : (\n <span />\n )}\n <div className=\"flex items-center gap-2\">\n <ArtifactToolbar\n isEditing={isEditing}\n isDraft={isDraft}\n compact={compact}\n hasChanges={hasChanges}\n isSaving={isSaving}\n // Reading with a version bar: the bar carries Compare. Editing: the toolbar does.\n canCompare={\n canCompare && !unavailable && (isEditing || !(versions.length > 0 && onOpenVersion))\n }\n editDisabled={unavailable}\n onStartEdit={onStartEdit}\n onCancel={onCancel}\n onCompare={onCompare}\n onSave={onSave}\n labels={labels?.toolbar}\n />\n {actions}\n </div>\n </div>\n {comparing && (\n <div\n className=\"flex flex-wrap items-center gap-1.5 border-b border-border px-3 py-1.5\"\n data-testid={testIdOr(testIds?.compareRow, { testId: 'artifact-compare-row' })}\n >\n <ArtifactCompareBar\n compareTarget={\n <span className=\"min-w-0 truncate text-sm font-medium text-foreground\">\n {compared >= 0 ? versions[compared].name : ''}\n </span>\n }\n versionLabel={compared >= 0 && versions.length > 1 ? `v${compared + 1}` : null}\n mode=\"track-changes\"\n showTrackChanges={showTrackChanges}\n onToggleTrackChanges={onToggleTrackChanges}\n onFlip={onStopCompare}\n onStop={onStopCompare}\n labels={labels?.compare}\n />\n </div>\n )}\n <div className=\"min-h-0 flex-1\">\n {unavailable ? (\n status === 'error' ? (\n <div\n role=\"alert\"\n className=\"flex h-full flex-col items-center justify-center gap-3 p-6 text-center text-sm\"\n data-testid={testIdOr(testIds?.error, { testId: 'artifact-editor-error' })}\n >\n <p className=\"text-foreground\">{statusLabels.error}</p>\n {onRetry && (\n <Button\n variant=\"outline\"\n size=\"sm\"\n onClick={onRetry}\n className=\"pointer-coarse:min-h-11\"\n data-testid={testIdOr(testIds?.retry, { testId: 'artifact-editor-retry' })}\n >\n {statusLabels.retry}\n </Button>\n )}\n </div>\n ) : (\n <p\n role=\"status\"\n className=\"flex h-full items-center justify-center gap-2 p-6 text-sm text-muted-foreground\"\n data-testid={testIdOr(testIds?.preparing, { testId: 'artifact-editor-preparing' })}\n >\n <Loader2 className=\"size-4 animate-spin\" aria-hidden />\n {statusLabels.preparing}\n </p>\n )\n ) : (\n <ArtifactEditorBody\n content={content}\n isEditing={isEditing}\n comparing={comparing}\n showTrackChanges={showTrackChanges}\n editor={editor}\n redline={redline}\n renderMarkdown={renderMarkdown}\n onSave={onSave}\n canSave={hasChanges && !isSaving}\n testIds={testIds?.body}\n />\n )}\n </div>\n </div>\n )\n}\n","import type { ComponentPropsWithoutRef, ReactNode, Ref } from 'react'\nimport { ArrowLeftRight, Undo2 } from 'lucide-react'\nimport { Button, cn } from '@arbidocs/react/ui'\nimport { testIdOr } from '../chat/test-id'\n\n/** Every fixed string of the redline parts. Pass a partial `labels` to translate or reword. */\nexport interface RedlineLabels {\n flipComparison: string\n noDocument: string\n noChangesYet: string\n identical: string\n unavailable: string\n revertMove: string\n revertReplace: string\n revertAdd: string\n revertRemove: string\n /** The accessible name of the redline region. */\n tracked: string\n /** Announced while the diff computes. */\n computing: string\n}\n\nexport const DEFAULT_REDLINE_LABELS: RedlineLabels = {\n flipComparison: 'Flip comparison',\n noDocument: 'No document selected for comparison.',\n noChangesYet: 'No changes yet — start editing to see redlined differences here.',\n identical: 'Documents are identical.',\n unavailable: 'Document text not available for comparison.',\n revertMove: 'Undo this move (revert both ends)',\n revertReplace: 'Undo this edit',\n revertAdd: 'Undo this insertion',\n revertRemove: 'Undo this deletion',\n tracked: 'Tracked changes',\n computing: 'Comparing…',\n}\n\nexport type RedlineRegionKind = 'replace' | 'remove' | 'add' | 'move'\n\n// ── Frame ───────────────────────────────────────────────────────────────────────────────────\n\nexport interface RedlineFrameProps {\n /** Optional header row (see RedlineHeader). */\n header?: ReactNode\n children: ReactNode\n}\n\n/** Column shell for a redline: optional header, scrolling body. */\nexport function RedlineFrame({ header, children }: RedlineFrameProps) {\n return (\n <div className=\"flex h-full flex-col\" data-slot=\"redline-frame\">\n {header}\n <div className=\"flex-1 overflow-auto text-sm leading-relaxed\">{children}</div>\n </div>\n )\n}\n\nexport interface RedlineHeaderProps {\n /** The base document pill. */\n base: ReactNode\n /** The compared document pill. */\n compare?: ReactNode\n onFlip: () => void\n labels?: Partial<RedlineLabels>\n}\n\n/** \"Base ⇄ Compare\" row with the flip control. */\nexport function RedlineHeader({ base, compare, onFlip, labels }: RedlineHeaderProps) {\n const l = { ...DEFAULT_REDLINE_LABELS, ...labels }\n return (\n <div className=\"flex shrink-0 items-center gap-2 border-b border-border bg-muted px-3 py-2\">\n {base}\n <Button\n variant=\"ghost\"\n size=\"icon\"\n className=\"size-6 shrink-0 pointer-coarse:size-11\"\n onClick={onFlip}\n title={l.flipComparison}\n aria-label={l.flipComparison}\n >\n <ArrowLeftRight className=\"size-3.5\" />\n </Button>\n {compare}\n </div>\n )\n}\n\nexport type RedlineStatusKind = 'idle' | 'identical' | 'unavailable'\n\n/** A centred status line for the redline body (nothing to diff). */\nexport function RedlineStatus({\n kind,\n reviewMode,\n labels,\n}: {\n kind: RedlineStatusKind\n /** Accept/reject mode: \"identical\" means no edits yet. */\n reviewMode?: boolean\n labels?: Partial<RedlineLabels>\n}) {\n const l = { ...DEFAULT_REDLINE_LABELS, ...labels }\n const text =\n kind === 'idle'\n ? l.noDocument\n : kind === 'identical'\n ? reviewMode\n ? l.noChangesYet\n : l.identical\n : l.unavailable\n return (\n <div className=\"flex h-full items-center justify-center text-sm text-muted-foreground\">\n {text}\n </div>\n )\n}\n\n/** Centres a loading indicator while the diff computes. */\nexport function RedlineComputing({ children }: { children: ReactNode }) {\n return <div className=\"flex h-full items-center justify-center\">{children}</div>\n}\n\n// ── Document + marks ────────────────────────────────────────────────────────────────────────\n\nexport interface RedlineDocumentProps {\n /** Rendered redline markdown. */\n children: ReactNode\n /** Ref to the rendered body (the host measures change positions from it). */\n bodyRef?: Ref<HTMLDivElement>\n /** Margin gutter (revert buttons) shown in accept/reject mode. */\n gutter?: ReactNode\n}\n\nexport function RedlineDocument({ children, bodyRef, gutter }: RedlineDocumentProps) {\n return (\n <div className=\"relative\">\n <div ref={bodyRef} className=\"mx-auto max-w-3xl px-6 py-4 pr-14\">\n {children}\n </div>\n {gutter}\n </div>\n )\n}\n\nconst MARK_TONE = {\n del: {\n base: 'font-semibold text-red-600 line-through decoration-2 dark:text-red-400',\n move: 'font-semibold text-emerald-600 line-through decoration-2 dark:text-emerald-400',\n },\n ins: {\n base: 'font-semibold text-blue-600 underline decoration-2 dark:text-blue-400',\n move: 'font-semibold text-emerald-600 underline decoration-2 dark:text-emerald-400',\n },\n} as const\n\n/** `<del>` / `<ins>` for the markdown renderer: red strike, blue underline, green for moves. */\nexport function RedlineMark({\n as: Tag,\n isMove,\n children,\n ...props\n}: (ComponentPropsWithoutRef<'del'> | ComponentPropsWithoutRef<'ins'>) & {\n as: 'del' | 'ins'\n isMove: boolean\n}) {\n const cls = MARK_TONE[Tag][isMove ? 'move' : 'base']\n return (\n <Tag className={cls} {...props}>\n {children}\n </Tag>\n )\n}\n\n// ── Revert gutter ───────────────────────────────────────────────────────────────────────────\n\nexport interface RedlineMarkerView {\n cid: string\n /** Vertical offset in px, already spaced so buttons never overlap. */\n top: number\n kind: RedlineRegionKind\n}\n\nconst REVERT_TONE: Record<RedlineRegionKind, string> = {\n move: 'border-emerald-600 text-emerald-700 hover:bg-emerald-50 dark:border-emerald-400 dark:text-emerald-300 dark:hover:bg-emerald-950/40',\n add: 'border-blue-600 text-blue-700 hover:bg-blue-50 dark:border-blue-400 dark:text-blue-300 dark:hover:bg-blue-950/40',\n replace:\n 'border-blue-600 text-blue-700 hover:bg-blue-50 dark:border-blue-400 dark:text-blue-300 dark:hover:bg-blue-950/40',\n remove:\n 'border-red-600 text-red-700 hover:bg-red-50 dark:border-red-400 dark:text-red-300 dark:hover:bg-red-950/40',\n}\n\n/** One undo button per change, aligned with the change in the margin. */\nexport function RedlineRevertGutter({\n markers,\n onRevert,\n labels,\n testId,\n}: {\n markers: RedlineMarkerView[]\n onRevert: (cid: string) => void\n labels?: Partial<RedlineLabels>\n /** Replaces the whole `redline-revert-<cid>` id. */\n testId?: (cid: string) => string\n}) {\n if (markers.length === 0) return null\n const l = { ...DEFAULT_REDLINE_LABELS, ...labels }\n const revertTitle: Record<RedlineRegionKind, string> = {\n move: l.revertMove,\n replace: l.revertReplace,\n add: l.revertAdd,\n remove: l.revertRemove,\n }\n return (\n <div className=\"pointer-events-none absolute right-2 top-0 w-9\" data-slot=\"redline-gutter\">\n {markers.map((m) => (\n <button\n key={m.cid}\n type=\"button\"\n onClick={() => onRevert(m.cid)}\n title={revertTitle[m.kind]}\n aria-label={revertTitle[m.kind]}\n style={{ top: m.top - 2 }}\n className={cn(\n 'pointer-events-auto absolute right-0 inline-flex h-6 w-7 items-center justify-center rounded-md border bg-background transition-colors pointer-coarse:h-11 pointer-coarse:w-11',\n REVERT_TONE[m.kind]\n )}\n data-testid={testIdOr(testId?.(m.cid), { testId: `redline-revert-${m.cid}` })}\n >\n <Undo2 className=\"size-3.5\" />\n </button>\n ))}\n </div>\n )\n}\n","import { useLayoutEffect, useMemo, useRef, useState, type ReactNode } from 'react'\nimport { Loader2 } from 'lucide-react'\nimport { testIdOr } from '../chat/test-id'\nimport {\n DEFAULT_REDLINE_LABELS,\n RedlineComputing,\n RedlineDocument,\n RedlineFrame,\n RedlineMark,\n RedlineRevertGutter,\n RedlineStatus,\n type RedlineLabels,\n type RedlineMarkerView,\n type RedlineRegionKind,\n} from './RedlineParts'\n\ntype DelProps = React.ComponentPropsWithoutRef<'del'> & { 'data-cid'?: string }\ntype InsProps = React.ComponentPropsWithoutRef<'ins'> & { 'data-cid'?: string }\n\n/** The `<del>` / `<ins>` renderers a markdown renderer must use for the tracked changes. */\nexport interface RedlineMarkdownComponents {\n del: React.FC<DelProps>\n ins: React.FC<InsProps>\n}\n\n/**\n * Renders markdown to React. The redline markdown carries raw `<del>` / `<ins>` tags, so the\n * renderer must allow inline HTML and honour `components`.\n */\nexport type RenderMarkdown = (markdown: string, components?: RedlineMarkdownComponents) => ReactNode\n\n/** What the view shows. Matches `RedlineState` of `@arbidocs/react/artifacts`. */\nexport type ArtifactRedlineState =\n | { kind: 'idle' }\n | { kind: 'computing' }\n | { kind: 'ready'; markdown: string; regions: { id: string; kind: RedlineRegionKind }[] }\n | { kind: 'identical' }\n | { kind: 'unavailable' }\n\nexport interface ArtifactRedlineViewTestIds {\n /** Replaces the whole `redline-revert-<cid>` id. */\n revert: (cid: string) => string\n root: string\n}\n\nexport interface ArtifactRedlineViewProps {\n state: ArtifactRedlineState\n renderMarkdown: RenderMarkdown\n /** Accept/reject mode: a margin button per change undoes that change. Omit for read-only. */\n onRevert?: (regionId: string) => void\n /** A header row (for example `RedlineHeader`). */\n header?: ReactNode\n labels?: Partial<RedlineLabels>\n testIds?: Partial<ArtifactRedlineViewTestIds>\n}\n\n/** First char of a change id encodes its kind: p(replace) r(remove) a(add) m(move). */\nfunction kindFromCid(cid: string | undefined): RedlineRegionKind | null {\n switch (cid?.[0]) {\n case 'p':\n return 'replace'\n case 'r':\n return 'remove'\n case 'a':\n return 'add'\n case 'm':\n return 'move'\n default:\n return null\n }\n}\n\n/** Two changes on one line would stack their buttons; nudge each down by one button height. */\nconst MARKER_MIN_GAP = 26\n\n/**\n * Word-style track changes between two versions: deletions struck through in red, insertions\n * underlined in blue, moves in green, status lines when there is nothing to diff, and (when\n * `onRevert` is set) an undo button per change aligned in the margin.\n */\nexport function ArtifactRedlineView({\n state,\n renderMarkdown,\n onRevert,\n header,\n labels,\n testIds,\n}: ArtifactRedlineViewProps) {\n const l = { ...DEFAULT_REDLINE_LABELS, ...labels }\n const reviewMode = typeof onRevert === 'function'\n const bodyRef = useRef<HTMLDivElement | null>(null)\n const [markers, setMarkers] = useState<RedlineMarkerView[]>([])\n\n const regionKinds = useMemo(\n () => (state.kind === 'ready' ? new Map(state.regions.map((r) => [r.id, r.kind])) : null),\n [state]\n )\n\n const components = useMemo<RedlineMarkdownComponents>(() => {\n const isMove = (cid: string | undefined): boolean =>\n (regionKinds?.get(cid ?? '') ?? kindFromCid(cid)) === 'move'\n return {\n del: ({ children, ...props }: DelProps) => (\n <RedlineMark as=\"del\" isMove={isMove(props['data-cid'])} {...props}>\n {children}\n </RedlineMark>\n ),\n ins: ({ children, ...props }: InsProps) => (\n <RedlineMark as=\"ins\" isMove={isMove(props['data-cid'])} {...props}>\n {children}\n </RedlineMark>\n ),\n }\n }, [regionKinds])\n\n // After each render, find each change's first element and put its undo button level with it.\n useLayoutEffect(() => {\n const host = bodyRef.current\n if (!reviewMode || state.kind !== 'ready' || !host) {\n setMarkers([])\n return\n }\n const hostTop = host.getBoundingClientRect().top\n const seen = new Map<string, { top: number; kind: RedlineRegionKind }>()\n host.querySelectorAll<HTMLElement>('[data-cid]').forEach((el) => {\n const cid = el.dataset.cid\n if (!cid || seen.has(cid)) return\n seen.set(cid, {\n top: el.getBoundingClientRect().top - hostTop,\n kind: regionKinds?.get(cid) ?? kindFromCid(cid) ?? 'replace',\n })\n })\n const sorted = Array.from(seen, ([cid, v]) => ({ cid, ...v })).sort((a, b) => a.top - b.top)\n const spaced: RedlineMarkerView[] = []\n for (const m of sorted) {\n const prev = spaced[spaced.length - 1]\n spaced.push({\n ...m,\n top: prev && m.top - prev.top < MARKER_MIN_GAP ? prev.top + MARKER_MIN_GAP : m.top,\n })\n }\n setMarkers(spaced)\n }, [reviewMode, state, regionKinds])\n\n return (\n <section\n aria-label={l.tracked}\n className=\"h-full\"\n data-testid={testIdOr(testIds?.root, { testId: 'artifact-redline' })}\n >\n <RedlineFrame header={header}>\n {state.kind === 'idle' || state.kind === 'identical' || state.kind === 'unavailable' ? (\n <div role=\"status\" className=\"h-full\">\n <RedlineStatus kind={state.kind} reviewMode={reviewMode} labels={labels} />\n </div>\n ) : state.kind === 'computing' ? (\n <RedlineComputing>\n <Loader2 className=\"size-5 animate-spin text-muted-foreground\" aria-hidden />\n <span className=\"sr-only\" role=\"status\">\n {l.computing}\n </span>\n </RedlineComputing>\n ) : (\n <RedlineDocument\n bodyRef={bodyRef}\n gutter={\n reviewMode ? (\n <RedlineRevertGutter\n markers={markers}\n onRevert={onRevert}\n labels={labels}\n testId={testIds?.revert}\n />\n ) : null\n }\n >\n {renderMarkdown(state.markdown, components)}\n </RedlineDocument>\n )}\n </RedlineFrame>\n </section>\n )\n}\n","import { Eye, GitCompare, History } from 'lucide-react'\nimport { cn } from '@arbidocs/react/ui'\nimport { testIdOr } from '../chat/test-id'\n\n/** Every fixed string of the timeline. Pass a partial `labels` to translate or reword. */\nexport interface VersionTimelineLabels {\n emptyLive: string\n emptyDocument: string\n untitled: string\n latest: string\n viewing: string\n current: string\n version: (n: number) => string\n branchedFrom: (n: number) => string\n open: string\n compare: string\n}\n\nexport const DEFAULT_VERSION_TIMELINE_LABELS: VersionTimelineLabels = {\n emptyLive:\n 'No earlier versions yet. When you ask the assistant for a change, the previous version is kept here.',\n emptyDocument:\n 'No earlier versions yet. Editing this draft and saving creates a new version here.',\n untitled: 'Untitled',\n latest: 'Latest',\n viewing: 'Viewing',\n current: 'Current',\n version: (n) => `Version ${n}`,\n branchedFrom: (n) => `branched from Version ${n}`,\n open: 'Open',\n compare: 'Compare',\n}\n\nexport interface VersionTimelineTestIds {\n root: string\n empty: string\n currentBadge: string\n /** Replaces the whole `version-row-<id>` id. */\n row: (id: string) => string\n branch: (id: string) => string\n open: (id: string) => string\n compare: (id: string) => string\n}\n\nexport interface VersionEntry {\n id: string\n /** File name as stored (live artifacts have their extension stripped for display). */\n name: string\n /** ISO string; formatted with `formatDate`. */\n createdAt: string\n /** The version this one was saved from (a branch when it is not the row above). */\n parentId?: string | null\n}\n\nexport interface VersionTimelineProps {\n /** Versions in creation order (oldest first). */\n versions: VersionEntry[]\n /** The version currently open. */\n currentId: string\n /**\n * A live (html/react) artifact: plain-language labels for non-developers, no file extension,\n * and no Compare (a text diff of source code means nothing to them).\n */\n live?: boolean\n formatDate: (iso: string) => string\n onOpen: (id: string) => void\n /** Omit to hide Compare (also hidden for `live`). */\n onCompare?: (id: string) => void\n className?: string\n labels?: Partial<VersionTimelineLabels>\n /** Overrides for the test ids (defaults keep the current ids). */\n testIds?: Partial<VersionTimelineTestIds>\n}\n\n/**\n * Clickable timeline of an immutable version chain: open any version or compare it with the\n * current one. Versions are numbered in creation order; a version saved from an OLD version is a\n * deliberate branch and says where it came from instead of implying it follows the row above.\n * Test ids: `version-timeline`, `version-timeline-empty`, `version-row-{id}`,\n * `version-current-badge`, `version-branch-{id}`, `open-version-{id}`, `compare-version-{id}`.\n */\nexport function VersionTimeline({\n versions,\n currentId,\n live = false,\n formatDate,\n onOpen,\n onCompare,\n className,\n labels,\n testIds,\n}: VersionTimelineProps) {\n const l = { ...DEFAULT_VERSION_TIMELINE_LABELS, ...labels }\n if (versions.length <= 1) {\n return (\n <div\n className={cn('p-6 text-sm text-muted-foreground', className)}\n data-testid={testIdOr(testIds?.empty, { testId: 'version-timeline-empty' })}\n >\n {live ? l.emptyLive : l.emptyDocument}\n </div>\n )\n }\n\n const numberById = new Map<string, number>()\n versions.forEach((v, i) => numberById.set(v.id, i + 1))\n const canCompare = !live && !!onCompare\n\n return (\n <div\n className={cn('h-full overflow-auto p-4', className)}\n data-testid={testIdOr(testIds?.root, { testId: 'version-timeline' })}\n >\n <ol className=\"mx-auto max-w-2xl space-y-1\">\n {versions.map((v, i) => {\n const isCurrent = v.id === currentId\n const isLatest = i === versions.length - 1\n const parentNumber = v.parentId ? numberById.get(v.parentId) : undefined\n const branchedFrom =\n parentNumber !== undefined && parentNumber !== i ? parentNumber : null\n // Live artifacts say \"Latest\"/\"Viewing\" (open vs. newest) instead of \"Current\".\n const badge = !isCurrent ? null : live ? (isLatest ? l.latest : l.viewing) : l.current\n const name = live\n ? (v.name || l.untitled).replace(/\\.[A-Za-z0-9]+$/, '')\n : v.name || l.untitled\n return (\n <li\n key={v.id}\n className={cn(\n 'flex items-center gap-3 rounded-md px-3 py-2.5',\n isCurrent && 'bg-accent'\n )}\n data-testid={testIdOr(testIds?.row?.(v.id), { testId: `version-row-${v.id}` })}\n >\n <History className=\"size-4 shrink-0 text-muted-foreground\" aria-hidden />\n <div className=\"min-w-0 flex-1\">\n <div className=\"flex items-center gap-2\">\n <span className=\"text-sm font-semibold text-foreground\">{l.version(i + 1)}</span>\n {badge && (\n <span\n className=\"rounded-full bg-background px-2 py-0.5 text-xs font-medium text-accent-foreground\"\n data-testid={testIdOr(testIds?.currentBadge, {\n testId: 'version-current-badge',\n })}\n >\n {badge}\n </span>\n )}\n </div>\n <div className=\"truncate text-sm text-muted-foreground\">\n {name} · {formatDate(v.createdAt)}\n {branchedFrom !== null && (\n <span\n data-testid={testIdOr(testIds?.branch?.(v.id), {\n testId: `version-branch-${v.id}`,\n })}\n >\n {' '}\n · {l.branchedFrom(branchedFrom)}\n </span>\n )}\n </div>\n </div>\n {!isCurrent && (\n <>\n <button\n type=\"button\"\n onClick={() => onOpen(v.id)}\n className=\"inline-flex shrink-0 items-center gap-1 rounded-md px-2.5 py-1.5 text-sm font-medium text-muted-foreground transition-colors hover:bg-muted hover:text-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring pointer-coarse:min-h-11\"\n data-testid={testIdOr(testIds?.open?.(v.id), {\n testId: `open-version-${v.id}`,\n })}\n >\n <Eye className=\"size-3.5\" /> {l.open}\n </button>\n {canCompare && (\n <button\n type=\"button\"\n onClick={() => onCompare(v.id)}\n className=\"inline-flex shrink-0 items-center gap-1 rounded-md px-2.5 py-1.5 text-sm font-medium text-primary transition-colors hover:bg-accent focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring pointer-coarse:min-h-11\"\n data-testid={testIdOr(testIds?.compare?.(v.id), {\n testId: `compare-version-${v.id}`,\n })}\n >\n <GitCompare className=\"size-3.5\" /> {l.compare}\n </button>\n )}\n </>\n )}\n </li>\n )\n })}\n </ol>\n </div>\n )\n}\n"]}
|
|
@@ -0,0 +1,47 @@
|
|
|
1
|
+
"use client";
|
|
2
|
+
'use strict';
|
|
3
|
+
|
|
4
|
+
var react = require('react');
|
|
5
|
+
|
|
6
|
+
// src/lib/use-media-query.ts
|
|
7
|
+
var BREAKPOINT_QUERIES = {
|
|
8
|
+
phone: "(max-width: 639px)",
|
|
9
|
+
narrow: "(max-width: 1023px)",
|
|
10
|
+
touch: "(hover: none)",
|
|
11
|
+
coarsePointer: "(pointer: coarse)"
|
|
12
|
+
};
|
|
13
|
+
function matchMediaList(query) {
|
|
14
|
+
return typeof window !== "undefined" && typeof window.matchMedia === "function" ? window.matchMedia(query) ?? void 0 : void 0;
|
|
15
|
+
}
|
|
16
|
+
function useMediaQuery(query, defaultValue = false) {
|
|
17
|
+
const subscribe = react.useCallback(
|
|
18
|
+
(onChange) => {
|
|
19
|
+
const list = matchMediaList(query);
|
|
20
|
+
list?.addEventListener?.("change", onChange);
|
|
21
|
+
return () => list?.removeEventListener?.("change", onChange);
|
|
22
|
+
},
|
|
23
|
+
[query]
|
|
24
|
+
);
|
|
25
|
+
return react.useSyncExternalStore(
|
|
26
|
+
subscribe,
|
|
27
|
+
() => matchMediaList(query)?.matches ?? defaultValue,
|
|
28
|
+
() => defaultValue
|
|
29
|
+
);
|
|
30
|
+
}
|
|
31
|
+
function useIsPhone() {
|
|
32
|
+
return useMediaQuery(BREAKPOINT_QUERIES.phone);
|
|
33
|
+
}
|
|
34
|
+
function useIsNarrow() {
|
|
35
|
+
return useMediaQuery(BREAKPOINT_QUERIES.narrow);
|
|
36
|
+
}
|
|
37
|
+
function useIsTouchScreen() {
|
|
38
|
+
return useMediaQuery(BREAKPOINT_QUERIES.touch);
|
|
39
|
+
}
|
|
40
|
+
|
|
41
|
+
exports.BREAKPOINT_QUERIES = BREAKPOINT_QUERIES;
|
|
42
|
+
exports.useIsNarrow = useIsNarrow;
|
|
43
|
+
exports.useIsPhone = useIsPhone;
|
|
44
|
+
exports.useIsTouchScreen = useIsTouchScreen;
|
|
45
|
+
exports.useMediaQuery = useMediaQuery;
|
|
46
|
+
//# sourceMappingURL=chunk-FX3K6LNZ.cjs.map
|
|
47
|
+
//# sourceMappingURL=chunk-FX3K6LNZ.cjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../src/lib/use-media-query.ts"],"names":["useCallback","useSyncExternalStore"],"mappings":";;;;;AAgBO,IAAM,kBAAA,GAAqB;AAAA,EAChC,KAAA,EAAO,oBAAA;AAAA,EACP,MAAA,EAAQ,qBAAA;AAAA,EACR,KAAA,EAAO,eAAA;AAAA,EACP,aAAA,EAAe;AACjB;AAEA,SAAS,eAAe,KAAA,EAA2C;AACjE,EAAA,OAAO,OAAO,MAAA,KAAW,WAAA,IAAe,OAAO,MAAA,CAAO,UAAA,KAAe,UAAA,GAChE,MAAA,CAAO,UAAA,CAAW,KAAK,CAAA,IAAK,MAAA,GAC7B,MAAA;AACN;AAOO,SAAS,aAAA,CAAc,KAAA,EAAe,YAAA,GAAe,KAAA,EAAgB;AAC1E,EAAA,MAAM,SAAA,GAAYA,iBAAA;AAAA,IAChB,CAAC,QAAA,KAAyB;AACxB,MAAA,MAAM,IAAA,GAAO,eAAe,KAAK,CAAA;AACjC,MAAA,IAAA,EAAM,gBAAA,GAAmB,UAAU,QAAQ,CAAA;AAC3C,MAAA,OAAO,MAAM,IAAA,EAAM,mBAAA,GAAsB,QAAA,EAAU,QAAQ,CAAA;AAAA,IAC7D,CAAA;AAAA,IACA,CAAC,KAAK;AAAA,GACR;AACA,EAAA,OAAOC,0BAAA;AAAA,IACL,SAAA;AAAA,IACA,MAAM,cAAA,CAAe,KAAK,CAAA,EAAG,OAAA,IAAW,YAAA;AAAA,IACxC,MAAM;AAAA,GACR;AACF;AAGO,SAAS,UAAA,GAAsB;AACpC,EAAA,OAAO,aAAA,CAAc,mBAAmB,KAAK,CAAA;AAC/C;AAGO,SAAS,WAAA,GAAuB;AACrC,EAAA,OAAO,aAAA,CAAc,mBAAmB,MAAM,CAAA;AAChD;AAGO,SAAS,gBAAA,GAA4B;AAC1C,EAAA,OAAO,aAAA,CAAc,mBAAmB,KAAK,CAAA;AAC/C","file":"chunk-FX3K6LNZ.cjs","sourcesContent":["import { useCallback, useSyncExternalStore } from 'react'\n\n/**\n * The project's layout breakpoints, as media queries. They mirror Tailwind's `sm` (640px) and\n * `lg` (1024px) so a hook and a `sm:` / `lg:` class always flip at the same width:\n *\n * - `phone` below `sm`: the sidebar is an off-canvas drawer, tables become card lists, the\n * assistant dock covers the screen and the tab bar shows.\n * - `narrow` below `lg`: a tablet or a half-width window; a pinned 255px sidebar would leave the\n * content too narrow, so it stays an icon rail.\n * - `touch` the primary input cannot hover (a finger, not a mouse).\n * - `coarsePointer` the primary pointer is imprecise: controls need 44px hit areas.\n *\n * Inside the app frame prefer container queries (`@xl:`) over these: an open dock or sidebar makes\n * the content column far narrower than the window. These are for the shell itself.\n */\nexport const BREAKPOINT_QUERIES = {\n phone: '(max-width: 639px)',\n narrow: '(max-width: 1023px)',\n touch: '(hover: none)',\n coarsePointer: '(pointer: coarse)',\n} as const\n\nfunction matchMediaList(query: string): MediaQueryList | undefined {\n return typeof window !== 'undefined' && typeof window.matchMedia === 'function'\n ? (window.matchMedia(query) ?? undefined)\n : undefined\n}\n\n/**\n * Subscribe to a CSS media query. SSR-safe: on the server (and during hydration) it reads\n * `defaultValue` (default `false`), then the real match on the client. Without `matchMedia`\n * (old test environments) it stays at `defaultValue`.\n */\nexport function useMediaQuery(query: string, defaultValue = false): boolean {\n const subscribe = useCallback(\n (onChange: () => void) => {\n const list = matchMediaList(query)\n list?.addEventListener?.('change', onChange)\n return () => list?.removeEventListener?.('change', onChange)\n },\n [query]\n )\n return useSyncExternalStore(\n subscribe,\n () => matchMediaList(query)?.matches ?? defaultValue,\n () => defaultValue\n )\n}\n\n/** True below the `sm` breakpoint (640px): phones. See {@link BREAKPOINT_QUERIES}. */\nexport function useIsPhone(): boolean {\n return useMediaQuery(BREAKPOINT_QUERIES.phone)\n}\n\n/** True below the `lg` breakpoint (1024px): tablets and narrow windows. */\nexport function useIsNarrow(): boolean {\n return useMediaQuery(BREAKPOINT_QUERIES.narrow)\n}\n\n/** True when the primary input cannot hover (touch): hover-only reveals must not run. */\nexport function useIsTouchScreen(): boolean {\n return useMediaQuery(BREAKPOINT_QUERIES.touch)\n}\n"]}
|
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
"use client";
|
|
2
|
+
import { useMediaQuery, BREAKPOINT_QUERIES } from './chunk-SLSBJRWW.js';
|
|
2
3
|
import { testIdOr } from './chunk-7F6CBP3Z.js';
|
|
3
|
-
import { useRef,
|
|
4
|
+
import { useRef, useMemo, useCallback, useEffect, useState } from 'react';
|
|
4
5
|
import { AgGridReact } from 'ag-grid-react';
|
|
5
6
|
import { themeQuartz, AllCommunityModule } from 'ag-grid-community';
|
|
6
7
|
import { jsxs, jsx } from 'react/jsx-runtime';
|
|
@@ -79,14 +80,6 @@ var arbiTheme = themeQuartz.withParams({
|
|
|
79
80
|
// Keep checkboxes square
|
|
80
81
|
});
|
|
81
82
|
var TOUCH_ROW_HEIGHT = 52;
|
|
82
|
-
var COARSE_QUERY = "(pointer: coarse)";
|
|
83
|
-
var queryCoarsePointer = () => typeof window !== "undefined" && typeof window.matchMedia === "function" ? window.matchMedia(COARSE_QUERY) ?? void 0 : void 0;
|
|
84
|
-
var getCoarsePointer = () => queryCoarsePointer()?.matches ?? false;
|
|
85
|
-
function subscribeCoarsePointer(onChange) {
|
|
86
|
-
const mq = queryCoarsePointer();
|
|
87
|
-
mq?.addEventListener?.("change", onChange);
|
|
88
|
-
return () => mq?.removeEventListener?.("change", onChange);
|
|
89
|
-
}
|
|
90
83
|
function GridView({
|
|
91
84
|
items,
|
|
92
85
|
columnDefs,
|
|
@@ -116,11 +109,7 @@ function GridView({
|
|
|
116
109
|
showEmpty
|
|
117
110
|
}) {
|
|
118
111
|
const gridApiRef = useRef(null);
|
|
119
|
-
const isCoarsePointer =
|
|
120
|
-
subscribeCoarsePointer,
|
|
121
|
-
getCoarsePointer,
|
|
122
|
-
() => false
|
|
123
|
-
);
|
|
112
|
+
const isCoarsePointer = useMediaQuery(BREAKPOINT_QUERIES.coarsePointer);
|
|
124
113
|
const rowHeight = isCoarsePointer ? Math.max(rowHeightProp ?? gridOptions?.rowHeight ?? 40, TOUCH_ROW_HEIGHT) : rowHeightProp;
|
|
125
114
|
const initialRowHeightRef = useRef(rowHeight);
|
|
126
115
|
const initialGridStateRef = useRef(gridState);
|
|
@@ -671,5 +660,5 @@ function DocumentViewToggle({
|
|
|
671
660
|
}
|
|
672
661
|
|
|
673
662
|
export { DEFAULT_DOCUMENT_VIEW_TOGGLE_LABELS, DocumentViewToggle, GridView, ViewToggle };
|
|
674
|
-
//# sourceMappingURL=chunk-
|
|
675
|
-
//# sourceMappingURL=chunk-
|
|
663
|
+
//# sourceMappingURL=chunk-H7OD4CHN.js.map
|
|
664
|
+
//# sourceMappingURL=chunk-H7OD4CHN.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../src/files/grid-test-ids.ts","../src/files/GridView.tsx","../src/files/ViewToggle.tsx"],"names":["useRef","jsxs","jsx"],"mappings":"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","file":"chunk-H7OD4CHN.js","sourcesContent":["/**\n * Test-id hooks for AG Grid, which owns its row and cell DOM. AG Grid stamps every row with a\n * `row-id` attribute and every cell with `col-id`; these helpers turn them into `data-testid`s\n * a host chooses, so a custom UI keeps its own test-id scheme.\n */\n\nexport interface GridTestIdOptions<T> {\n /** Test id of the row for `item` (set on the centre-column row element). */\n getRowTestId?: (item: T) => string\n /** Test id of the cell in column `colId` of `item`. */\n getCellTestId?: (colId: string, item: T) => string\n}\n\n/** Stamp `data-testid`s onto the rows and cells under `root`. Idempotent. */\nexport function applyGridTestIds<T>(\n root: ParentNode,\n itemsById: Map<string, T>,\n { getRowTestId, getCellTestId }: GridTestIdOptions<T>\n): void {\n if (!getRowTestId && !getCellTestId) return\n root.querySelectorAll<HTMLElement>('.ag-center-cols-container .ag-row[row-id]').forEach((row) => {\n const item = itemsById.get(row.getAttribute('row-id') ?? '')\n if (item === undefined) return\n if (getRowTestId) row.setAttribute('data-testid', getRowTestId(item))\n if (getCellTestId) {\n row.querySelectorAll<HTMLElement>('.ag-cell[col-id]').forEach((cell) => {\n cell.setAttribute('data-testid', getCellTestId(cell.getAttribute('col-id') ?? '', item))\n })\n }\n })\n}\n\n/**\n * Keep the ids applied as AG Grid creates and recycles rows (it virtualises). Returns the\n * disconnect function.\n */\nexport function watchGridTestIds<T>(\n root: HTMLElement,\n getItemsById: () => Map<string, T>,\n options: GridTestIdOptions<T>\n): () => void {\n if (!options.getRowTestId && !options.getCellTestId) return () => {}\n const run = () => applyGridTestIds(root, getItemsById(), options)\n run()\n if (typeof MutationObserver === 'undefined') return () => {}\n const observer = new MutationObserver(run)\n observer.observe(root, { childList: true, subtree: true })\n return () => observer.disconnect()\n}\n","/**\n * GridView — a flexible AG Grid presentational core.\n *\n * Pure and app-agnostic: it owns no global state and pulls in no store. Column\n * state persistence (order / width / visibility / sort / filter) is exposed as a\n * controlled/uncontrolled prop pair — `gridState` (initial state, read once at\n * mount) and `onGridStateChange` (called whenever AG Grid's state changes). An\n * app wires those to wherever it keeps the state (Zustand, localStorage, a URL,\n * a server) via a thin adapter; the core stays decoupled.\n *\n * Themed here (colours/fonts/borders via the host CSS variables, so it inherits the host's\n * light/dark theme). The structural helper classes (cell-numeric, multiline clamp, scrollbars,\n * row kebabs) live in `@arbidocs/blocks/grid.css`, which the consuming app imports globally.\n */\n\nimport React, { useRef, useCallback, useMemo, useEffect } from 'react'\nimport { AgGridReact } from 'ag-grid-react'\nimport {\n ColDef,\n GridOptions,\n GridApi,\n GridState,\n themeQuartz,\n CellValueChangedEvent,\n GridReadyEvent,\n RowClickedEvent,\n} from 'ag-grid-community'\nimport { AllCommunityModule } from 'ag-grid-community'\nimport { BREAKPOINT_QUERIES, useMediaQuery } from '../lib/use-media-query'\nimport { watchGridTestIds } from './grid-test-ids'\n\n// Create the custom ARBI theme using themeQuartz\n// Colours reference the host CSS variables (hsl(var(--token))), so dark mode follows the app.\n// This enables dark mode support and consistent theming\nconst cssVar = (name: string, alpha?: number): string =>\n alpha === undefined ? `hsl(var(--${name}))` : `hsl(var(--${name}) / ${alpha})`\n\nconst arbiTheme = themeQuartz.withParams({\n // Variant B palette: white canvas, quiet header, muted hover nudge, accent-tint selection.\n // Every colour is a host CSS variable, so light/dark follow the app with no .dark overrides.\n backgroundColor: cssVar('background'),\n foregroundColor: cssVar('foreground'),\n borderColor: cssVar('border'),\n headerBackgroundColor: cssVar('background'),\n headerTextColor: cssVar('muted-foreground'),\n oddRowBackgroundColor: cssVar('background'),\n rowHoverColor: cssVar('muted', 0.6),\n // Checkbox-selected rows: a light accent tint. A row opened elsewhere (e.g. the viewer) may take\n // the full accent, so the two states stay distinguishable.\n selectedRowBackgroundColor: cssVar('accent', 0.6),\n rangeSelectionBackgroundColor: cssVar('accent'),\n accentColor: cssVar('primary'),\n inputFocusBorder: { color: cssVar('primary') },\n headerColumnBorder: false,\n headerColumnResizeHandleColor: 'transparent', // still draggable, no visible divider\n\n // Font settings — inherit the host app's font. A googleFont here never\n // loaded under the apps' CSP, so every grid silently fell back to the\n // browser's default SERIF and read as unstyled.\n fontFamily: 'inherit',\n fontSize: 14,\n headerFontSize: 12.5,\n headerFontWeight: 500,\n\n // Sizing\n headerHeight: 44,\n rowHeight: 40,\n cellHorizontalPadding: 16,\n\n // Borders - structural settings only.\n // Row border is a real hairline in the theme border colour (not hardcoded\n // white, which was invisible on the light-mode background and wrong in dark\n // mode) so adjacent rows are clearly separated — important now that rows can\n // be tall and multi-line (e.g. the Abstract column).\n rowBorder: { style: 'solid', width: 1, color: 'hsl(var(--border))' },\n columnBorder: false, // Row hairlines only\n wrapperBorder: false,\n\n // No rounded corners for clean look (except checkboxes)\n borderRadius: 0,\n wrapperBorderRadius: 0,\n checkboxBorderRadius: 2, // Keep checkboxes square\n})\n\n// Selection configuration\nexport interface GridViewSelection<T> {\n mode: 'single' | 'multiple'\n selected: T[]\n onSelectionChange: (items: T[]) => void\n}\n\n// Empty state configuration\nexport interface GridViewEmptyState {\n icon?: React.ReactNode\n title?: string\n message?: string\n action?: React.ReactNode\n}\n\n// Generic props to make this grid reusable with different data types\nexport interface GridViewProps<T> {\n // Core data\n items: T[]\n // Column configuration\n columnDefs: ColDef<T>[]\n // Row identity function\n getItemId: (item: T) => string\n // Selection handling\n selection?: GridViewSelection<T>\n // Empty state\n emptyState?: GridViewEmptyState\n // Loading state\n isLoading?: boolean\n loadingMessage?: string\n // Grid options\n gridOptions?: Partial<GridOptions<T>>\n // Grid initialization\n onGridReady?: (params: { api: GridApi<T> }) => void\n // Cell value changes\n onCellValueChanged?: (event: CellValueChangedEvent<T>) => void\n // Row click handler\n onRowClick?: (item: T) => void\n // State persistence.\n // The core is decoupled from any store: when `persistState` is on it seeds\n // AG Grid from `gridState` (read once at mount) and reports every subsequent\n // state change through `onGridStateChange`. An app-adapter wires these to its\n // own store. `gridId` is retained as an opaque identity hint for adapters\n // (the core itself does not read it).\n persistState?: boolean\n gridId?: string\n // Persisted column/sort/filter state to restore at mount (controlled input).\n gridState?: GridState\n // Called whenever AG Grid's state changes so an adapter can persist it.\n onGridStateChange?: (state: GridState) => void\n // Initial visible columns (applied when no saved state exists)\n initialVisibleColumns?: string[]\n // Basic styling\n className?: string\n height?: string | number\n // Per-instance row height. Applied via the theme (not just gridOptions) so the\n // theme's calculated line-height tracks it and cell content stays vertically\n // centered. Fixed height — keeps row virtualization on the fast path.\n rowHeight?: number\n testId?: string\n // Pinned rows\n pinnedBottomRowData?: T[]\n pinnedTopRowData?: T[]\n // Pagination (disabled by default)\n pagination?: boolean\n paginationPageSizeSelector?: number[]\n // Test-id hooks: the grid owns its row/cell DOM, so ids are stamped onto it after render.\n // `getRowTestId` names a row; `getCellTestId` a cell (by colId). Without them AG Grid's own\n // `row-id` / `col-id` attributes are still there to select by.\n getRowTestId?: (item: T) => string\n getCellTestId?: (colId: string, item: T) => string\n // Force empty-state UI even when items.length > 0.\n // Used when rows are present but all hidden by an external filter.\n showEmpty?: boolean\n}\n\n/** Minimum row height on coarse pointers: 44px touch target + the 1px row border + breathing room. */\nconst TOUCH_ROW_HEIGHT = 52\n\nexport function GridView<T>({\n items,\n columnDefs,\n getItemId,\n selection,\n emptyState,\n isLoading = false,\n loadingMessage = 'Loading...',\n gridOptions,\n onGridReady,\n onCellValueChanged,\n onRowClick,\n persistState = false,\n gridState,\n onGridStateChange,\n initialVisibleColumns,\n className = 'w-full',\n height = 500,\n rowHeight: rowHeightProp,\n testId = 'grid-view',\n pinnedBottomRowData,\n pinnedTopRowData,\n pagination = false,\n paginationPageSizeSelector,\n getRowTestId,\n getCellTestId,\n showEmpty,\n}: GridViewProps<T>) {\n // Reference to the grid API\n const gridApiRef = useRef<GridApi<T> | null>(null)\n\n // On touch screens rows grow to a 44px-hit-area-friendly height: AG Grid clips cell content\n // (pills, filename buttons, avatar chips) to the row, so a taller hit area needs a taller row.\n const isCoarsePointer = useMediaQuery(BREAKPOINT_QUERIES.coarsePointer)\n const rowHeight = isCoarsePointer\n ? Math.max(rowHeightProp ?? gridOptions?.rowHeight ?? 40, TOUCH_ROW_HEIGHT)\n : rowHeightProp\n\n // Initial row height, captured once so it can live in the (stable) default\n // grid options. rowHeight is NOT passed as a reactive prop — that would make\n // the AgGridReact wrapper re-process grid options on every change and snap\n // manually-resized columns back to their colDef widths. Subsequent changes are\n // applied imperatively (see effect below).\n const initialRowHeightRef = useRef(rowHeight)\n\n // Persisted state to seed the grid with — captured once at mount so a reactive\n // `gridState` prop (e.g. an adapter re-reading its store each render) can never\n // re-initialise the grid mid-session. Mirrors AG Grid's own initialState,\n // which is read once.\n const initialGridStateRef = useRef(gridState)\n\n // Get initial state for the grid (read once at mount)\n const initialState = useMemo(() => {\n if (!persistState) return undefined\n return initialGridStateRef.current\n }, [persistState])\n\n // Save grid state via the adapter using modern AG Grid state API\n const saveGridState = useCallback(() => {\n if (!persistState || !onGridStateChange || !gridApiRef.current) return\n\n // Use AG Grid's comprehensive state API to capture complete state\n // This includes: filters, sort, column order, column visibility, column widths, etc.\n const state = gridApiRef.current.getState()\n\n onGridStateChange(state)\n }, [persistState, onGridStateChange])\n\n // Ensure selection column is visible after grid initialization\n const ensureSelectionColumnVisible = useCallback(() => {\n if (!gridApiRef.current || !selection?.mode) return\n\n // IMPORTANT: Force selection column to be visible after state restoration\n // This ensures even old saved states don't hide the selection column\n // Also handles case where selection column is completely missing from state\n const currentState = gridApiRef.current.getColumnState()\n const selectionColumn = currentState.find((col) => col.colId === 'ag-Grid-SelectionColumn')\n const selectionColumnIndex = currentState.findIndex(\n (col) => col.colId === 'ag-Grid-SelectionColumn'\n )\n\n // Fix if column is hidden OR missing entirely OR not in first position\n if (!selectionColumn || selectionColumn.hide || selectionColumnIndex !== 0) {\n // Use setColumnsVisible for more reliable visibility control\n gridApiRef.current.setColumnsVisible(['ag-Grid-SelectionColumn'], true)\n\n // Also apply state to ensure proper width\n gridApiRef.current.applyColumnState({\n state: [\n {\n colId: 'ag-Grid-SelectionColumn',\n hide: false,\n width: selectionColumn?.width || 48,\n pinned: null, // Ensure not pinned in wrong position\n },\n ],\n defaultState: { hide: undefined },\n applyOrder: false,\n })\n\n // Move selection column to first position if it's not there\n if (selectionColumnIndex !== 0) {\n gridApiRef.current.moveColumns(['ag-Grid-SelectionColumn'], 0)\n }\n }\n }, [selection?.mode])\n\n // Stamp host test ids onto AG Grid's rows and cells (it virtualises, so keep watching).\n const containerRef = useRef<HTMLDivElement>(null)\n const itemsRef = useRef(items)\n itemsRef.current = items\n const getItemIdRef = useRef(getItemId)\n getItemIdRef.current = getItemId\n const hasTestIdHooks = Boolean(getRowTestId || getCellTestId)\n useEffect(() => {\n const root = containerRef.current\n if (!root || !hasTestIdHooks) return\n return watchGridTestIds(\n root,\n () => new Map(itemsRef.current.map((item) => [getItemIdRef.current(item), item])),\n { getRowTestId, getCellTestId }\n )\n }, [hasTestIdHooks, getRowTestId, getCellTestId, isLoading])\n\n // Handle row ID\n const getRowId = useCallback(\n (params: { data: T }) => {\n return getItemId(params.data)\n },\n [getItemId]\n )\n\n // Refs for selection — avoids handleGridReady/handleSelectionChanged recreating\n // when selection object changes (which happens on every selectionConfig recompute)\n const selectionRef = useRef(selection)\n selectionRef.current = selection\n\n const onSelectionChangeRef = useRef(selection?.onSelectionChange)\n onSelectionChangeRef.current = selection?.onSelectionChange\n\n const handleSelectionChanged = useCallback(() => {\n if (!onSelectionChangeRef.current || !gridApiRef.current) return\n\n const selectedNodes = gridApiRef.current.getSelectedNodes()\n const selectedData = selectedNodes\n .map((node) => node.data)\n .filter((item): item is T => item !== undefined)\n\n onSelectionChangeRef.current(selectedData)\n }, [])\n\n // Handle row clicks\n const handleRowClicked = useCallback(\n (event: RowClickedEvent<T>) => {\n if (!onRowClick || !event.data) return\n // Don't fire when the click originated from an interactive element inside the cell\n // (e.g. action buttons). AG Grid fires rowClicked regardless of DOM stopPropagation.\n const target = event.event?.target as HTMLElement | null\n if (target?.closest('button, input, a, select, textarea, [role=\"button\"]')) return\n onRowClick(event.data)\n },\n [onRowClick]\n )\n\n // The visibility the user actually intends, per colId. AG Grid re-processes the\n // column definitions on some React re-renders even when the `columnDefs`\n // reference is unchanged, and that reset restores each colDef's `hide` — so a\n // column the user turned on (e.g. via a fields menu) silently disappears the\n // next time the host re-renders (opening an editor, selecting a row, …). We\n // remember the intended visibility and restore it whenever such a reset fires.\n // A Map (not a Set of hidden ids) so a genuinely NEW column from a real\n // columnDefs change — one we've never seen — is left at its colDef default\n // rather than force-shown.\n const desiredHiddenRef = useRef<Map<string, boolean> | null>(null)\n\n const snapshotDesiredHidden = useCallback(() => {\n const api = gridApiRef.current\n if (!api) return\n desiredHiddenRef.current = new Map(api.getColumnState().map((c) => [c.colId, !!c.hide]))\n }, [])\n\n // Handle grid ready\n const handleGridReady = useCallback(\n (event: GridReadyEvent<T>) => {\n gridApiRef.current = event.api\n\n // Apply initial visible columns when no saved state exists\n // This prevents showing all columns by default for new users\n if (!initialState && initialVisibleColumns?.length) {\n const currentState = event.api.getColumnState()\n const stateMap = new Map(currentState.map((col) => [col.colId, col]))\n const visibleSet = new Set(initialVisibleColumns)\n\n // Build ordered state: selection column first (always visible), then visible columns, then hidden\n const selectionCol = stateMap.get('ag-Grid-SelectionColumn')\n const orderedState = [\n // Selection column first - ALWAYS visible, create if not in state\n selectionCol\n ? { ...selectionCol, hide: false }\n : { colId: 'ag-Grid-SelectionColumn', hide: false, width: 48 },\n // Visible columns in specified order\n ...initialVisibleColumns\n .filter((colId) => colId !== 'ag-Grid-SelectionColumn') // Don't duplicate selection column\n .map((colId) => {\n const col = stateMap.get(colId)\n return col ? { ...col, hide: false } : undefined\n }),\n // Hidden columns (everything else)\n ...currentState\n .filter((col) => col.colId !== 'ag-Grid-SelectionColumn' && !visibleSet.has(col.colId))\n .map((col) => ({ ...col, hide: true })),\n ].filter((col): col is NonNullable<typeof col> => col !== undefined)\n\n event.api.applyColumnState({ state: orderedState, applyOrder: true })\n }\n\n // When restoring persisted state, detect columns from columnDefs that\n // aren't in the saved state (e.g. newly added columns) and append them.\n // AG Grid's maintainColumnOrder adds them but may place them inconsistently;\n // this ensures they appear as hidden at the end so the navigator picks them up.\n if (initialState && initialVisibleColumns?.length) {\n const currentState = event.api.getColumnState()\n const savedColIds = new Set(\n initialState.columnOrder?.orderedColIds ?? currentState.map((c) => c.colId)\n )\n const newCols = currentState.filter(\n (col) => !savedColIds.has(col.colId) && col.colId !== 'ag-Grid-SelectionColumn'\n )\n if (newCols.length > 0) {\n // Make new columns visible if they're in the default visible set\n const defaultVisible = new Set(initialVisibleColumns)\n event.api.applyColumnState({\n state: newCols.map((col) => ({\n ...col,\n hide: !defaultVisible.has(col.colId),\n })),\n })\n }\n }\n\n // Ensure selection column is visible (in case saved state hides it)\n ensureSelectionColumnVisible()\n\n // Seed the intended column visibility from the state AG Grid settled on\n // (colDefs + restored persisted state) so a later colDef-driven reset can\n // be undone rather than silently hiding a user-shown column.\n snapshotDesiredHidden()\n\n // Call the provided onGridReady callback\n if (onGridReady) {\n onGridReady({ api: event.api })\n }\n\n // Restore selection state if needed (read from ref to keep callback stable)\n const sel = selectionRef.current\n if (sel && sel.selected.length > 0) {\n const selectedIds = new Set(sel.selected.map(getItemId))\n event.api.forEachNode((node) => {\n if (node.data && selectedIds.has(getItemId(node.data))) {\n node.setSelected(true)\n }\n })\n }\n },\n [\n onGridReady,\n getItemId,\n ensureSelectionColumnVisible,\n snapshotDesiredHidden,\n initialState,\n initialVisibleColumns,\n ]\n )\n\n // Undo AG Grid's colDef-driven visibility reset; record genuine user changes.\n const handleColumnVisible = useCallback(\n (event: { source?: string }) => {\n const api = gridApiRef.current\n if (!api) return\n // A columnDefs re-apply reports `gridOptionsChanged`; a real toggle reports\n // an interaction source (api, toolPanelUi, columnMenu, …).\n if (event.source === 'gridOptionsChanged') {\n const desired = desiredHiddenRef.current\n if (!desired) return\n // Only correct columns we've seen before (in the snapshot); a brand-new\n // column keeps its colDef default.\n const fixes = api\n .getColumnState()\n .filter(\n (c) =>\n c.colId !== 'ag-Grid-SelectionColumn' &&\n desired.has(c.colId) &&\n desired.get(c.colId) !== !!c.hide\n )\n .map((c) => ({ colId: c.colId, hide: desired.get(c.colId) }))\n if (fixes.length) api.applyColumnState({ state: fixes })\n } else {\n // Genuine change — this is now the intended visibility.\n snapshotDesiredHidden()\n }\n },\n [snapshotDesiredHidden]\n )\n\n // Handle first data rendered - no auto-sizing, let flex columns handle it\n const handleFirstDataRendered = useCallback(() => {\n // Columns with flex will auto-fill, columns with width stay fixed\n // Also ensure selection column is visible as a backup (handles timing issues with initialState)\n ensureSelectionColumnVisible()\n // Seed the intended visibility from the state AG Grid settled on (colDefs +\n // any restored persisted state), so later resets can be undone.\n snapshotDesiredHidden()\n }, [ensureSelectionColumnVisible, snapshotDesiredHidden])\n\n // Track when AG Grid processes row updates\n const handleModelUpdated = useCallback(() => {\n // AG Grid handles model updates internally\n }, [])\n\n // Track row data changes for AG Grid updates\n const prevItemsRef = useRef<T[]>([])\n useEffect(() => {\n prevItemsRef.current = items\n }, [items])\n\n // Handle state updates - save state when it changes (modern AG Grid approach)\n const handleStateUpdated = useCallback(() => {\n saveGridState()\n }, [saveGridState])\n\n // Removed problematic useEffect that caused unnecessary re-renders\n // AG Grid handles selection internally, only sync on initial load\n\n // Default grid options with minimal settings - memoized to prevent re-renders\n const defaultOptions: GridOptions<T> = useMemo(() => {\n return {\n // Initial row height (stable — captured once). Live changes go through the\n // imperative effect, not this option, to avoid column-state churn.\n rowHeight: initialRowHeightRef.current,\n suppressMenuHide: true, // Prevent hiding columns since we don't have enterprise sidebar\n maintainColumnOrder: true, // Preserve column order when columns are added/removed\n\n // Row virtualization: Render rows as needed for performance\n // rowBuffer renders extra rows above/below viewport for smoother scrolling\n rowBuffer: 10, // Render 10 extra rows above/below viewport for smooth scrolling\n suppressColumnVirtualisation: false, // Keep column virtualization enabled\n suppressRowVirtualisation: false, // ENABLE row virtualization - only render visible rows\n animateRows: false, // Disable row animations\n suppressColumnMoveAnimation: true, // Disable column move/resize animations\n\n // Efficient updates with React Query cache\n // getRowId enables change detection - grid only re-renders changed rows\n // Works perfectly with React Query's cache updates\n getRowId: getRowId,\n\n rowSelection: selection?.mode\n ? {\n mode: selection.mode === 'single' ? 'singleRow' : 'multiRow',\n selectAll: 'filtered', // Header checkbox selects all filtered rows (across all pages)\n // In multi-row mode, only checkboxes should toggle selection (clicking row body would replace selection)\n enableClickSelection: selection.mode === 'single',\n checkboxes: true,\n headerCheckbox: selection.mode === 'multiple',\n }\n : undefined,\n selectionColumnDef: selection?.mode\n ? {\n sortable: selection.mode === 'multiple',\n width: 48,\n lockVisible: true, // Cannot be hidden\n suppressMovable: true, // Cannot be moved\n }\n : undefined,\n // Use normal layout for better performance - autoHeight causes forced reflows\n domLayout: 'normal',\n // Stop editing when clicking outside the cell/grid\n stopEditingWhenCellsLoseFocus: true,\n // Additional performance optimizations\n suppressCellFocus: true, // Don't focus cells on click (faster)\n suppressRowHoverHighlight: true, // Disable hover highlight - reduces DOM manipulation during scroll\n suppressScrollOnNewData: true, // Don't scroll when data updates\n suppressAggFuncInHeader: true, // Don't show aggregation functions (faster)\n // Tooltip UX: the AG Grid default show-delay is 2 s which hurts\n // discoverability for cells where tooltips carry the \"reveal full\n // content\" affordance for non-editable users. 300 ms is snappy\n // without being accidental. tooltipInteraction lets users hover\n // onto the tooltip itself (e.g. to select / copy long text).\n // These are AG Grid's native tooltip controls — no React / Radix\n // provider involved, zero per-row cost; tooltip DOM is created on\n // demand when hover-delay elapses and destroyed on mouseout.\n tooltipShowDelay: 300,\n tooltipHideDelay: 4000,\n tooltipInteraction: true,\n // Pagination (disabled by default)\n pagination,\n paginationPageSizeSelector,\n defaultColDef: {\n sortable: true,\n resizable: true,\n unSortIcon: false, // Sort glyph only on the sorted column (every header carrying one was noise)\n sortingOrder: ['asc', 'desc', null], // 3-way sorting: asc → desc → unsorted (AG Grid default)\n wrapText: false, // Disable text wrapping for cleaner display\n autoHeight: false, // Use fixed row height from theme\n wrapHeaderText: false, // Disable header text wrapping for cleaner look\n autoHeaderHeight: false, // Fixed header height\n filterParams: {\n maxNumConditions: 1,\n buttons: ['reset'],\n },\n },\n }\n }, [selection?.mode, getRowId, pagination, paginationPageSizeSelector])\n\n // Combine default options with passed options - memoized to prevent re-renders\n const combinedOptions = useMemo(\n () => ({ ...defaultOptions, ...gridOptions }),\n [defaultOptions, gridOptions]\n )\n\n // Apply fixed height for better performance — autoHeight causes forced\n // reflows by measuring all rows, avoid it.\n //\n // Also derive the geometry the wrapping multiline columns (.cell-multiline —\n // Abstract, Author, custom text fields) need so their overflow clip lands on\n // a WHOLE-line boundary (never mid-line, which reads as a half-line\n // \"bleeding\" into the neighbouring row). All computed once here per\n // row-height change and handed to CSS as variables — zero per-row cost on the\n // million-row grid:\n // --multiline-line-clamp : whole number of lines that fit — drives the CSS\n // line-clamp that hides overflow lines entirely.\n // --multiline-pad-y : vertical cell padding, shrunk on very short rows so\n // at least one whole line always fits.\n // --multiline-max-h : cap of exactly N whole lines + TOP padding + borders.\n // Deliberately excludes the bottom padding: AG Grid\n // forces cell height, so overflow clips at the\n // padding-box edge and any bottom padding becomes a\n // window onto the next (clamped-away) line. Ending the\n // box right at line N's bottom puts the clip on the\n // line boundary; the row supplies the visual gap below.\n const containerStyle = useMemo(() => {\n const style: React.CSSProperties = { height }\n if (rowHeight) {\n const LINE_PX = 14 * 1.35 // grid font-size × multiline line-height (18.9px)\n const BORDER = 2 // multiline cell top + bottom border (1px each, border-box)\n const PREFERRED_PAD = 16 // preferred total vertical padding (8px top + 8px bottom)\n // Don't let padding eat the room a single line needs on short rows.\n const padTotal = Math.max(0, Math.min(PREFERRED_PAD, rowHeight - BORDER - LINE_PX))\n const lines = Math.max(1, Math.floor((rowHeight - BORDER - padTotal) / LINE_PX))\n const vars = style as Record<string, string | number>\n vars['--multiline-line-clamp'] = `${lines}`\n vars['--multiline-pad-y'] = `${padTotal / 2}px`\n vars['--multiline-max-h'] = `${lines * LINE_PX + padTotal / 2 + BORDER}px`\n }\n return style\n }, [height, rowHeight])\n\n // Apply rowHeight changes imperatively via the grid option (not the theme —\n // recreating the theme would re-initialise the grid). This only re-lays-out\n // rows; columns, row virtualization, and the transaction bus are untouched.\n useEffect(() => {\n const api = gridApiRef.current\n if (!api || api.isDestroyed() || !rowHeight) return\n api.setGridOption('rowHeight', rowHeight)\n api.resetRowHeights()\n }, [rowHeight])\n\n // Add professional shadow for 3D effect\n // Add overflow-visible only for autoHeight layout\n const containerClassName = useMemo(() => {\n const baseClass = className || ''\n const shadowClass = 'shadow-sm' // Tailwind shadow for professional look\n // Height-adjustable grids vertically center cell content (CSS) so a\n // one-line cell or a lone pill sits in the middle of the row, and multi-line\n // text (e.g. Abstract) is balanced top-to-bottom — flagged here, applied in\n // grid.css.\n const alignClass = rowHeight ? 'ag-cells-centered' : ''\n return [baseClass, shadowClass, alignClass].filter(Boolean).join(' ')\n }, [className, rowHeight])\n\n // Show loading state — grey skeleton rows so the page transition feels instant\n if (isLoading) {\n const skeletonRowCount = 12\n return (\n <div\n data-testid={`${testId}-loading`}\n className={containerClassName}\n style={containerStyle}\n aria-busy=\"true\"\n aria-label={loadingMessage}\n >\n {/* Header skeleton */}\n <div className=\"flex h-11 items-center gap-4 border-b border-border/40 px-4\">\n <div className=\"h-3 w-6 rounded bg-muted animate-pulse\" />\n <div className=\"h-3 w-32 rounded bg-muted animate-pulse\" />\n <div className=\"h-3 w-24 rounded bg-muted animate-pulse\" />\n <div className=\"h-3 w-20 rounded bg-muted animate-pulse\" />\n <div className=\"h-3 w-28 rounded bg-muted animate-pulse\" />\n <div className=\"h-3 w-16 rounded bg-muted animate-pulse ml-auto\" />\n </div>\n {/* Row skeletons */}\n {Array.from({ length: skeletonRowCount }).map((_, rowIdx) => (\n <div key={rowIdx} className=\"flex h-10 items-center gap-4 border-b border-border/20 px-4\">\n <div className=\"h-4 w-4 rounded-sm bg-muted/70 animate-pulse\" />\n <div\n className=\"h-3 rounded bg-muted/70 animate-pulse\"\n style={{ width: `${20 + ((rowIdx * 17) % 40)}%` }}\n />\n <div\n className=\"h-3 rounded bg-muted/60 animate-pulse\"\n style={{ width: `${8 + ((rowIdx * 11) % 12)}%` }}\n />\n <div\n className=\"h-3 rounded bg-muted/60 animate-pulse\"\n style={{ width: `${6 + ((rowIdx * 7) % 10)}%` }}\n />\n <div\n className=\"h-3 rounded bg-muted/50 animate-pulse ml-auto\"\n style={{ width: `${5 + ((rowIdx * 5) % 8)}%` }}\n />\n </div>\n ))}\n </div>\n )\n }\n\n // Show empty state\n // showEmpty lets callers force this UI (e.g. when an external filter hid\n // every row but the underlying items array is non-empty).\n if ((showEmpty ?? items.length === 0) && emptyState) {\n return (\n <div\n data-testid={`${testId}-empty`}\n // Capped by its container (a landscape phone is shorter than 24rem) and scrollable, with the\n // content centred by auto margins so a tall one still starts at the top.\n className=\"flex h-96 max-h-full flex-col items-center overflow-y-auto p-6 text-center\"\n >\n <div className=\"my-auto flex flex-col items-center\">\n {emptyState.icon && (\n <div className=\"text-muted-foreground/60 mb-4\">{emptyState.icon}</div>\n )}\n {emptyState.title && <h3 className=\"text-xl font-medium mb-2\">{emptyState.title}</h3>}\n {emptyState.message && (\n <p className=\"text-muted-foreground mb-6 max-w-md\">{emptyState.message}</p>\n )}\n {emptyState.action}\n </div>\n </div>\n )\n }\n\n return (\n <div\n ref={containerRef}\n className={containerClassName}\n style={containerStyle}\n data-testid={testId}\n >\n <AgGridReact\n theme={arbiTheme}\n modules={[AllCommunityModule]}\n columnDefs={columnDefs}\n rowData={items}\n pinnedBottomRowData={pinnedBottomRowData}\n pinnedTopRowData={pinnedTopRowData}\n getRowId={getRowId}\n initialState={initialState}\n onGridReady={handleGridReady}\n onFirstDataRendered={handleFirstDataRendered}\n onModelUpdated={handleModelUpdated}\n onSelectionChanged={handleSelectionChanged}\n onCellValueChanged={onCellValueChanged}\n onRowClicked={handleRowClicked}\n onStateUpdated={handleStateUpdated}\n onColumnVisible={handleColumnVisible}\n {...combinedOptions}\n />\n </div>\n )\n}\n","import { useRef, useState, type ReactNode } from 'react'\nimport { BookOpen, FileImage, Search, Table2 } from 'lucide-react'\nimport {\n Select,\n SelectContent,\n SelectItem,\n SelectTrigger,\n SelectValue,\n ToggleGroup,\n ToggleGroupItem,\n Tooltip,\n TooltipContent,\n TooltipTrigger,\n cn,\n} from '@arbidocs/react/ui'\nimport { testIdOr } from '../chat/test-id'\n\n/** Names of the four document view modes. Pass a partial `labels` to translate or reword. */\nexport interface DocumentViewToggleLabels {\n gallery: string\n table: string\n review: string\n smartSearch: string\n}\n\nexport const DEFAULT_DOCUMENT_VIEW_TOGGLE_LABELS: DocumentViewToggleLabels = {\n gallery: 'Gallery',\n table: 'Table',\n review: 'Review',\n smartSearch: 'Smart Search',\n}\n\nexport interface ViewToggleOption {\n value: string\n icon: ReactNode\n label: string\n /** Overrides this item's test id (default `${testIdPrefix}-${value}-button`). */\n testId?: string\n}\n\nexport interface ViewToggleProps {\n options: ViewToggleOption[]\n value: string\n onChange: (value: string) => void\n /** Item test ids are `${testIdPrefix}-${value}-button` unless an option sets its own `testId`. */\n testIdPrefix?: string\n showLabels?: boolean\n hideTooltips?: boolean\n size?: 'default' | 'sm'\n /**\n * Collapse labels to icons by the width of the nearest `@container` ancestor instead of the\n * viewport. The consumer must mark that region `@container`.\n */\n containerCollapse?: boolean\n className?: string\n}\n\ninterface ViewToggleItemProps {\n option: ViewToggleOption\n size: 'default' | 'sm'\n testIdPrefix: string\n showLabel: boolean\n labelClassName: string\n hideTooltip: boolean\n}\n\nfunction ViewToggleItem({\n option,\n size,\n testIdPrefix,\n showLabel,\n labelClassName,\n hideTooltip,\n}: ViewToggleItemProps) {\n const labelRef = useRef<HTMLSpanElement>(null)\n const [isTipNeeded, setIsTipNeeded] = useState(true)\n // A control that shows its own text needs no tooltip repeating it; when the container is too\n // narrow and the label collapses to the icon, the tooltip is the label.\n const isLabelShown = () => !!labelRef.current && labelRef.current.offsetParent !== null\n const content = (\n <span\n className=\"flex items-center gap-1.5\"\n onPointerEnter={() => setIsTipNeeded(!isLabelShown())}\n onFocus={() => setIsTipNeeded(!isLabelShown())}\n >\n {option.icon}\n {showLabel && (\n <span ref={labelRef} className={labelClassName}>\n {option.label}\n </span>\n )}\n </span>\n )\n return (\n // The tooltip lives INSIDE the item: wrapping the ToggleGroupItem would make Radix\n // Tooltip's data-state collide with the toggle's on/off state.\n <ToggleGroupItem\n value={option.value}\n aria-label={option.label}\n size={size}\n className=\"rounded-[5px] border-0 bg-transparent text-muted-foreground pointer-coarse:min-h-11 data-[state=off]:hover:bg-background/60 data-[state=off]:hover:text-foreground data-[state=on]:bg-accent data-[state=on]:text-accent-foreground data-[state=on]:hover:bg-accent data-[state=on]:hover:text-accent-foreground\"\n data-testid={option.testId ?? `${testIdPrefix}-${option.value}-button`}\n >\n {hideTooltip ? (\n content\n ) : (\n <Tooltip>\n <TooltipTrigger asChild>{content}</TooltipTrigger>\n {isTipNeeded && <TooltipContent>{option.label}</TooltipContent>}\n </Tooltip>\n )}\n </ToggleGroupItem>\n )\n}\n\n/** Segmented view switch: selected = accent tint, tone-only hover, 44px targets on touch. */\nexport function ViewToggle({\n options,\n value,\n onChange,\n testIdPrefix = 'view',\n showLabels = false,\n hideTooltips = false,\n size = 'default',\n containerCollapse = false,\n className,\n}: ViewToggleProps) {\n const labelClassName = containerCollapse\n ? 'hidden @lg:inline text-sm'\n : 'hidden md:inline text-sm'\n return (\n <ToggleGroup\n variant=\"default\"\n type=\"single\"\n value={value}\n onValueChange={(next) => next && onChange(next)}\n className={cn('gap-0.5 rounded-md bg-muted p-0.5', className)}\n >\n {options.map((option) => (\n <ViewToggleItem\n key={option.value}\n option={option}\n size={size}\n testIdPrefix={testIdPrefix}\n showLabel={showLabels}\n labelClassName={labelClassName}\n hideTooltip={hideTooltips}\n />\n ))}\n </ToggleGroup>\n )\n}\n\nexport type DocumentViewMode = 'grid' | 'explorer' | 'navigator' | 'search'\n\nfunction documentViewOptions(l: DocumentViewToggleLabels): ViewToggleOption[] {\n return [\n // \"Gallery\" (page-preview grid) reads more conventionally than \"Tiles\".\n { value: 'explorer', icon: <FileImage className=\"size-3.5\" />, label: l.gallery },\n { value: 'grid', icon: <Table2 className=\"size-3.5\" />, label: l.table },\n { value: 'navigator', icon: <BookOpen className=\"size-3.5\" />, label: l.review },\n { value: 'search', icon: <Search className=\"size-3.5\" />, label: l.smartSearch },\n ]\n}\n\nexport interface DocumentViewToggleProps {\n viewMode: DocumentViewMode\n onChange: (mode: DocumentViewMode) => void\n /** Collapse the four modes into one select trigger (narrow viewports). */\n compact?: boolean\n labels?: Partial<DocumentViewToggleLabels>\n /** Overrides the segmented items' prefix (default `documents-layout`: `<prefix>-<mode>-button`). */\n testIdPrefix?: string\n /** Per-mode item ids, for hosts that keep their own (e.g. `documents-view-gallery`). */\n testIds?: Partial<Record<DocumentViewMode, string>>\n /** Overrides the compact select test ids (defaults keep the current ids). */\n compactTestIds?: Partial<{ select: string; option: (mode: DocumentViewMode) => string }>\n}\n\n/** The Documents page's Gallery / Table / Review / Smart Search switch. */\nexport function DocumentViewToggle({\n viewMode,\n onChange,\n compact,\n labels,\n testIdPrefix,\n testIds,\n compactTestIds,\n}: DocumentViewToggleProps) {\n const options = documentViewOptions({ ...DEFAULT_DOCUMENT_VIEW_TOGGLE_LABELS, ...labels }).map(\n (o) => ({ ...o, testId: testIds?.[o.value as DocumentViewMode] })\n )\n if (compact) {\n const current = options.find((o) => o.value === viewMode) ?? options[0]\n return (\n <Select value={viewMode} onValueChange={(v) => onChange(v as DocumentViewMode)}>\n <SelectTrigger\n className=\"h-7 w-10 justify-center gap-0 border-input p-0 pointer-coarse:h-11! pointer-coarse:w-11! shrink-0 [&>svg]:hidden\"\n aria-label={current.label}\n data-testid={testIdOr(compactTestIds?.select, {\n testId: 'documents-layout-compact-select',\n })}\n >\n <SelectValue>{current.icon}</SelectValue>\n </SelectTrigger>\n <SelectContent align=\"center\">\n {options.map((option) => (\n <SelectItem\n key={option.value}\n value={option.value}\n data-testid={testIdOr(compactTestIds?.option?.(option.value as DocumentViewMode), {\n testId: `documents-layout-compact-${option.value}-option`,\n })}\n >\n <span className=\"flex items-center gap-2\">\n {option.icon}\n {option.label}\n </span>\n </SelectItem>\n ))}\n </SelectContent>\n </Select>\n )\n }\n return (\n <ViewToggle\n options={options}\n value={viewMode}\n onChange={(v) => onChange(v as DocumentViewMode)}\n testIdPrefix={testIdPrefix ?? 'documents-layout'}\n showLabels\n containerCollapse\n size=\"sm\"\n />\n )\n}\n"]}
|
|
@@ -0,0 +1,86 @@
|
|
|
1
|
+
"use client";
|
|
2
|
+
import { testIdOr } from './chunk-7F6CBP3Z.js';
|
|
3
|
+
import { useRef } from 'react';
|
|
4
|
+
import { MDXEditor, headingsPlugin, listsPlugin, quotePlugin, thematicBreakPlugin, linkPlugin, linkDialogPlugin, tablePlugin, markdownShortcutPlugin, toolbarPlugin, UndoRedo, Separator, BoldItalicUnderlineToggles, BlockTypeSelect, ListsToggle, CreateLink, InsertTable, InsertThematicBreak, usePublisher, insertMarkdown$ } from '@mdxeditor/editor';
|
|
5
|
+
import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
|
|
6
|
+
|
|
7
|
+
function DictationSlot({
|
|
8
|
+
render
|
|
9
|
+
}) {
|
|
10
|
+
const insertMarkdown = usePublisher(insertMarkdown$);
|
|
11
|
+
return /* @__PURE__ */ jsx(Fragment, { children: render(insertMarkdown) });
|
|
12
|
+
}
|
|
13
|
+
var DEFAULT_ARTIFACT_MARKDOWN_EDITOR_LABELS = {
|
|
14
|
+
editor: "Document editor",
|
|
15
|
+
placeholder: "Start typing\u2026"
|
|
16
|
+
};
|
|
17
|
+
function ArtifactMarkdownEditor({
|
|
18
|
+
markdown,
|
|
19
|
+
onChange,
|
|
20
|
+
onNormalized,
|
|
21
|
+
dictation,
|
|
22
|
+
labels,
|
|
23
|
+
testId
|
|
24
|
+
}) {
|
|
25
|
+
const l = { ...DEFAULT_ARTIFACT_MARKDOWN_EDITOR_LABELS, ...labels };
|
|
26
|
+
const ref = useRef(null);
|
|
27
|
+
const pendingNormalizationRef = useRef(true);
|
|
28
|
+
return /* @__PURE__ */ jsx(
|
|
29
|
+
"div",
|
|
30
|
+
{
|
|
31
|
+
role: "group",
|
|
32
|
+
"aria-label": l.editor,
|
|
33
|
+
"data-testid": testIdOr(testId, { testId: "artifact-markdown-editor" }),
|
|
34
|
+
className: "h-full pointer-coarse:[&_[role=toolbar]_button]:min-h-11 pointer-coarse:[&_[role=toolbar]_button]:min-w-11",
|
|
35
|
+
children: /* @__PURE__ */ jsx(
|
|
36
|
+
MDXEditor,
|
|
37
|
+
{
|
|
38
|
+
ref,
|
|
39
|
+
markdown,
|
|
40
|
+
onChange: (next) => {
|
|
41
|
+
if (pendingNormalizationRef.current) {
|
|
42
|
+
pendingNormalizationRef.current = false;
|
|
43
|
+
onNormalized?.(next);
|
|
44
|
+
}
|
|
45
|
+
onChange(next);
|
|
46
|
+
},
|
|
47
|
+
contentEditableClassName: "markdown-content max-w-none px-6 py-4 outline-none min-h-full",
|
|
48
|
+
className: "h-full overflow-auto bg-background",
|
|
49
|
+
placeholder: /* @__PURE__ */ jsx("span", { className: "text-muted-foreground", children: l.placeholder }),
|
|
50
|
+
plugins: [
|
|
51
|
+
headingsPlugin(),
|
|
52
|
+
listsPlugin(),
|
|
53
|
+
quotePlugin(),
|
|
54
|
+
thematicBreakPlugin(),
|
|
55
|
+
linkPlugin(),
|
|
56
|
+
linkDialogPlugin(),
|
|
57
|
+
tablePlugin(),
|
|
58
|
+
markdownShortcutPlugin(),
|
|
59
|
+
toolbarPlugin({
|
|
60
|
+
toolbarContents: () => /* @__PURE__ */ jsxs(Fragment, { children: [
|
|
61
|
+
/* @__PURE__ */ jsx(UndoRedo, {}),
|
|
62
|
+
/* @__PURE__ */ jsx(Separator, {}),
|
|
63
|
+
/* @__PURE__ */ jsx(BoldItalicUnderlineToggles, {}),
|
|
64
|
+
/* @__PURE__ */ jsx(Separator, {}),
|
|
65
|
+
/* @__PURE__ */ jsx(BlockTypeSelect, {}),
|
|
66
|
+
/* @__PURE__ */ jsx(ListsToggle, {}),
|
|
67
|
+
/* @__PURE__ */ jsx(Separator, {}),
|
|
68
|
+
/* @__PURE__ */ jsx(CreateLink, {}),
|
|
69
|
+
/* @__PURE__ */ jsx(InsertTable, {}),
|
|
70
|
+
/* @__PURE__ */ jsx(InsertThematicBreak, {}),
|
|
71
|
+
dictation && /* @__PURE__ */ jsxs(Fragment, { children: [
|
|
72
|
+
/* @__PURE__ */ jsx(Separator, {}),
|
|
73
|
+
/* @__PURE__ */ jsx(DictationSlot, { render: dictation })
|
|
74
|
+
] })
|
|
75
|
+
] })
|
|
76
|
+
})
|
|
77
|
+
]
|
|
78
|
+
}
|
|
79
|
+
)
|
|
80
|
+
}
|
|
81
|
+
);
|
|
82
|
+
}
|
|
83
|
+
|
|
84
|
+
export { ArtifactMarkdownEditor, DEFAULT_ARTIFACT_MARKDOWN_EDITOR_LABELS };
|
|
85
|
+
//# sourceMappingURL=chunk-HSFGOA6V.js.map
|
|
86
|
+
//# sourceMappingURL=chunk-HSFGOA6V.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../src/artifacts/editor/ArtifactMarkdownEditor.tsx"],"names":[],"mappings":";;;;;AA2BA,SAAS,aAAA,CAAc;AAAA,EACrB;AACF,CAAA,EAEuB;AACrB,EAAA,MAAM,cAAA,GAAiB,aAAa,eAAe,CAAA;AACnD,EAAA,uBAAO,GAAA,CAAA,QAAA,EAAA,EAAG,QAAA,EAAA,MAAA,CAAO,cAAc,CAAA,EAAE,CAAA;AACnC;AAQO,IAAM,uCAAA,GAAwE;AAAA,EACnF,MAAA,EAAQ,iBAAA;AAAA,EACR,WAAA,EAAa;AACf;AAkCO,SAAS,sBAAA,CAAuB;AAAA,EACrC,QAAA;AAAA,EACA,QAAA;AAAA,EACA,YAAA;AAAA,EACA,SAAA;AAAA,EACA,MAAA;AAAA,EACA;AACF,CAAA,EAAoD;AAClD,EAAA,MAAM,CAAA,GAAI,EAAE,GAAG,uCAAA,EAAyC,GAAG,MAAA,EAAO;AAClE,EAAA,MAAM,GAAA,GAAM,OAAyB,IAAI,CAAA;AAGzC,EAAA,MAAM,uBAAA,GAA0B,OAAO,IAAI,CAAA;AAE3C,EAAA,uBACE,GAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,IAAA,EAAK,OAAA;AAAA,MACL,cAAY,CAAA,CAAE,MAAA;AAAA,MACd,eAAa,QAAA,CAAS,MAAA,EAAQ,EAAE,MAAA,EAAQ,4BAA4B,CAAA;AAAA,MACpE,SAAA,EAAU,4GAAA;AAAA,MAEV,QAAA,kBAAA,GAAA;AAAA,QAAC,SAAA;AAAA,QAAA;AAAA,UACC,GAAA;AAAA,UACA,QAAA;AAAA,UACA,QAAA,EAAU,CAAC,IAAA,KAAS;AAClB,YAAA,IAAI,wBAAwB,OAAA,EAAS;AACnC,cAAA,uBAAA,CAAwB,OAAA,GAAU,KAAA;AAClC,cAAA,YAAA,GAAe,IAAI,CAAA;AAAA,YACrB;AACA,YAAA,QAAA,CAAS,IAAI,CAAA;AAAA,UACf,CAAA;AAAA,UACA,wBAAA,EAAyB,+DAAA;AAAA,UACzB,SAAA,EAAU,oCAAA;AAAA,UACV,6BAAa,GAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,uBAAA,EAAyB,YAAE,WAAA,EAAY,CAAA;AAAA,UACpE,OAAA,EAAS;AAAA,YACP,cAAA,EAAe;AAAA,YACf,WAAA,EAAY;AAAA,YACZ,WAAA,EAAY;AAAA,YACZ,mBAAA,EAAoB;AAAA,YACpB,UAAA,EAAW;AAAA,YACX,gBAAA,EAAiB;AAAA,YACjB,WAAA,EAAY;AAAA,YACZ,sBAAA,EAAuB;AAAA,YACvB,aAAA,CAAc;AAAA,cACZ,eAAA,EAAiB,sBACf,IAAA,CAAA,QAAA,EAAA,EACE,QAAA,EAAA;AAAA,gCAAA,GAAA,CAAC,QAAA,EAAA,EAAS,CAAA;AAAA,oCACT,SAAA,EAAA,EAAU,CAAA;AAAA,oCACV,0BAAA,EAAA,EAA2B,CAAA;AAAA,oCAC3B,SAAA,EAAA,EAAU,CAAA;AAAA,oCACV,eAAA,EAAA,EAAgB,CAAA;AAAA,oCAChB,WAAA,EAAA,EAAY,CAAA;AAAA,oCACZ,SAAA,EAAA,EAAU,CAAA;AAAA,oCACV,UAAA,EAAA,EAAW,CAAA;AAAA,oCACX,WAAA,EAAA,EAAY,CAAA;AAAA,oCACZ,mBAAA,EAAA,EAAoB,CAAA;AAAA,gBACpB,6BACC,IAAA,CAAA,QAAA,EAAA,EACE,QAAA,EAAA;AAAA,kCAAA,GAAA,CAAC,SAAA,EAAA,EAAU,CAAA;AAAA,kCACX,GAAA,CAAC,aAAA,EAAA,EAAc,MAAA,EAAQ,SAAA,EAAW;AAAA,iBAAA,EACpC;AAAA,eAAA,EAEJ;AAAA,aAEH;AAAA;AACH;AAAA;AACF;AAAA,GACF;AAEJ","file":"chunk-HSFGOA6V.js","sourcesContent":["import { useRef, type ReactNode } from 'react'\nimport {\n MDXEditor,\n type MDXEditorMethods,\n headingsPlugin,\n listsPlugin,\n quotePlugin,\n thematicBreakPlugin,\n linkPlugin,\n linkDialogPlugin,\n tablePlugin,\n markdownShortcutPlugin,\n toolbarPlugin,\n UndoRedo,\n BoldItalicUnderlineToggles,\n BlockTypeSelect,\n ListsToggle,\n CreateLink,\n InsertTable,\n InsertThematicBreak,\n Separator,\n insertMarkdown$,\n usePublisher,\n} from '@mdxeditor/editor'\nimport { testIdOr } from '../../chat/test-id'\n\n/** Renders the host's dictation control; `insert` puts text at the cursor. */\nfunction DictationSlot({\n render,\n}: {\n render: (insert: (markdown: string) => void) => ReactNode\n}): React.ReactElement {\n const insertMarkdown = usePublisher(insertMarkdown$)\n return <>{render(insertMarkdown)}</>\n}\n\nexport interface ArtifactMarkdownEditorLabels {\n /** The accessible name of the editor region. */\n editor: string\n placeholder: string\n}\n\nexport const DEFAULT_ARTIFACT_MARKDOWN_EDITOR_LABELS: ArtifactMarkdownEditorLabels = {\n editor: 'Document editor',\n placeholder: 'Start typing…',\n}\n\nexport interface ArtifactMarkdownEditorProps {\n /** Current markdown (controlled by the parent). */\n markdown: string\n /** Called with the new markdown whenever the document changes. */\n onChange: (markdown: string) => void\n /**\n * Fired exactly once per editor instance, with the markdown the editor produces on mount.\n * MDXEditor canonicalises the source as it parses (table padding, escapes, thematic-break\n * style), so the first `onChange` after mount is the round-tripped form of the input, not a\n * user edit. Use it to adopt the normalised form as the baseline so entering edit mode does\n * not look dirty. Remount via `key` to receive it for the next document.\n */\n onNormalized?: (normalized: string) => void\n /**\n * A dictation control for the toolbar (the host owns recording and transcription, for example\n * `@arbidocs/react`'s `InlineMicButton`). It gets a function that inserts text at the cursor.\n */\n dictation?: (insert: (markdown: string) => void) => ReactNode\n labels?: Partial<ArtifactMarkdownEditorLabels>\n testId?: string\n}\n\n/**\n * WYSIWYG editor for artifact documents: the user edits the rendered document directly and the\n * editor round-trips Markdown, so `onChange` always yields markdown a save can persist unchanged.\n *\n *\n * Heavy (Lexical via MDXEditor): mount it behind a lazy boundary. The host imports\n * `@mdxeditor/editor/style.css` once and, from the module that lazily imports this one, a module\n * that defines the global `Prism` FIRST (assign the prismjs core to `globalThis.Prism`):\n * `@lexical/code` reads it while it evaluates, and a library cannot order that in every bundler.\n */\nexport function ArtifactMarkdownEditor({\n markdown,\n onChange,\n onNormalized,\n dictation,\n labels,\n testId,\n}: ArtifactMarkdownEditorProps): React.ReactElement {\n const l = { ...DEFAULT_ARTIFACT_MARKDOWN_EDITOR_LABELS, ...labels }\n const ref = useRef<MDXEditorMethods>(null)\n // Latched until MDXEditor fires its first onChange after mount: that is the canonicalisation\n // round-trip, not a user edit.\n const pendingNormalizationRef = useRef(true)\n\n return (\n <div\n role=\"group\"\n aria-label={l.editor}\n data-testid={testIdOr(testId, { testId: 'artifact-markdown-editor' })}\n className=\"h-full pointer-coarse:[&_[role=toolbar]_button]:min-h-11 pointer-coarse:[&_[role=toolbar]_button]:min-w-11\"\n >\n <MDXEditor\n ref={ref}\n markdown={markdown}\n onChange={(next) => {\n if (pendingNormalizationRef.current) {\n pendingNormalizationRef.current = false\n onNormalized?.(next)\n }\n onChange(next)\n }}\n contentEditableClassName=\"markdown-content max-w-none px-6 py-4 outline-none min-h-full\"\n className=\"h-full overflow-auto bg-background\"\n placeholder={<span className=\"text-muted-foreground\">{l.placeholder}</span>}\n plugins={[\n headingsPlugin(),\n listsPlugin(),\n quotePlugin(),\n thematicBreakPlugin(),\n linkPlugin(),\n linkDialogPlugin(),\n tablePlugin(),\n markdownShortcutPlugin(),\n toolbarPlugin({\n toolbarContents: () => (\n <>\n <UndoRedo />\n <Separator />\n <BoldItalicUnderlineToggles />\n <Separator />\n <BlockTypeSelect />\n <ListsToggle />\n <Separator />\n <CreateLink />\n <InsertTable />\n <InsertThematicBreak />\n {dictation && (\n <>\n <Separator />\n <DictationSlot render={dictation} />\n </>\n )}\n </>\n ),\n }),\n ]}\n />\n </div>\n )\n}\n"]}
|
|
@@ -1,4 +1,6 @@
|
|
|
1
1
|
"use client";
|
|
2
|
+
import { Toaster } from './chunk-BV7FEMSI.js';
|
|
3
|
+
import { useAssistantDock, useChatSurface } from './chunk-UVIOQUJA.js';
|
|
2
4
|
import { BlocksTooltipProvider } from './chunk-KZJAG7T3.js';
|
|
3
5
|
import { prefixedTestId, testIdOr } from './chunk-7F6CBP3Z.js';
|
|
4
6
|
import { memo, useId, useRef, useEffect, forwardRef, useState, useCallback, useMemo, Fragment as Fragment$1 } from 'react';
|
|
@@ -1619,7 +1621,12 @@ function LabelPinRow({
|
|
|
1619
1621
|
}
|
|
1620
1622
|
);
|
|
1621
1623
|
}
|
|
1624
|
+
function AssistantToaster(props) {
|
|
1625
|
+
const dock = useAssistantDock();
|
|
1626
|
+
const { isDockAvailable } = useChatSurface();
|
|
1627
|
+
return /* @__PURE__ */ jsx(Toaster, { ...props, dockOpen: dock.isOpen && isDockAvailable });
|
|
1628
|
+
}
|
|
1622
1629
|
|
|
1623
|
-
export { BranchControls, ComposerAccessories, ComposerTools, ContextActionButton, ContextCheckRow, ContextPanelContent, ContextPanelFooter, ContextPanelTabs, ContextPickerList, ContextPickerRow, ContextSearchInput, ContextSelectList, ContextSelectRow, Conversation, ConversationBody, ConversationHeader, ConversationHeaderActions, ConversationHistoryPane, ConversationLoading, ConversationMain, ConversationRoot, ConversationSearchView, ConversationSettingsButton, DEFAULT_BRANCH_CONTROLS_LABELS, DEFAULT_CONVERSATION_LAYOUT_LABELS, DEFAULT_CONVERSATION_PARTS_LABELS, DEFAULT_CONVERSATION_SEARCH_LABELS, DEFAULT_LABEL_PIN_ROW_LABELS, DEFAULT_MODEL_PRICING_TIP_LABELS, DEFAULT_PENDING_ANSWER_BAR_LABELS, DEFAULT_PINNED_DOC_CHIP_LABELS, DEFAULT_SLASH_MENU_LABELS, DEFAULT_THREAD_MAP_LABELS, LabelPinRow, ModelAutoIcon, ModelConfigureButton, ModelDot, ModelMenuDivider, ModelMenuMessage, ModelOption, ModelOptionLabel, ModelPickerPopover, ModelPickerTrigger, ModelPricingTip, ModelTierIcon, ModelTierOption, ModelTriggerContent, NewChatButton, NewPaChatButton, PaModeBadge, PendingAnswerBar, PinnedDocChip, SlashMenu, ThreadMap, ThreadMapDiagram, ThreadMapError, ThreadMapLoading, isLongPastedText, useDismissibleCard, useListKeyNav, useLongPaste };
|
|
1624
|
-
//# sourceMappingURL=chunk-
|
|
1625
|
-
//# sourceMappingURL=chunk-
|
|
1630
|
+
export { AssistantToaster, BranchControls, ComposerAccessories, ComposerTools, ContextActionButton, ContextCheckRow, ContextPanelContent, ContextPanelFooter, ContextPanelTabs, ContextPickerList, ContextPickerRow, ContextSearchInput, ContextSelectList, ContextSelectRow, Conversation, ConversationBody, ConversationHeader, ConversationHeaderActions, ConversationHistoryPane, ConversationLoading, ConversationMain, ConversationRoot, ConversationSearchView, ConversationSettingsButton, DEFAULT_BRANCH_CONTROLS_LABELS, DEFAULT_CONVERSATION_LAYOUT_LABELS, DEFAULT_CONVERSATION_PARTS_LABELS, DEFAULT_CONVERSATION_SEARCH_LABELS, DEFAULT_LABEL_PIN_ROW_LABELS, DEFAULT_MODEL_PRICING_TIP_LABELS, DEFAULT_PENDING_ANSWER_BAR_LABELS, DEFAULT_PINNED_DOC_CHIP_LABELS, DEFAULT_SLASH_MENU_LABELS, DEFAULT_THREAD_MAP_LABELS, LabelPinRow, ModelAutoIcon, ModelConfigureButton, ModelDot, ModelMenuDivider, ModelMenuMessage, ModelOption, ModelOptionLabel, ModelPickerPopover, ModelPickerTrigger, ModelPricingTip, ModelTierIcon, ModelTierOption, ModelTriggerContent, NewChatButton, NewPaChatButton, PaModeBadge, PendingAnswerBar, PinnedDocChip, SlashMenu, ThreadMap, ThreadMapDiagram, ThreadMapError, ThreadMapLoading, isLongPastedText, useDismissibleCard, useListKeyNav, useLongPaste };
|
|
1631
|
+
//# sourceMappingURL=chunk-ILOYJE63.js.map
|
|
1632
|
+
//# sourceMappingURL=chunk-ILOYJE63.js.map
|