@jini-ai/ui 0.1.0

package/dist/features/viewer-shell/react/components/MarkdownSplitPane.js

@@ -0,0 +1,43 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { useRef } from 'react';
+import { useT } from '../../../i18n/index.js';
+import { SegmentedToggle } from './SegmentedToggle.js';
+import { ViewerShell } from './ViewerShell.js';
+import { useMarkdownScrollSync } from '../hooks/useMarkdownScrollSync.js';
+/**
+ * The generic core of the source component's `MarkdownViewer`: a
+ * source/split/preview mode toggle plus a two-pane layout whose scroll
+ * positions stay aligned via block-anchored scroll-sync
+ * (`useMarkdownScrollSync`). Ported without the artifact-status gate that
+ * the extraction plan called out — and, per a closer read than the plan's
+ * one-line description, also without the autosave/debounce-write pipeline,
+ * image paste/drop upload, and shiki-based code-block syntax highlighting,
+ * all of which are genuinely product/daemon-specific (see
+ * `packages/ui/source-map.md` for the full disclosure). A host renders its
+ * own markdown-to-HTML pipeline and passes the result as `previewHtml`.
+ */
+export function MarkdownSplitPane({ mode, onModeChange, sourceText, onSourceChange, previewHtml, previewSelector, loading = false, loadingLabel, sourceLabel, splitLabel, previewLabel, editorAriaLabel, previewAriaLabel, modeAriaLabel, toolbarLeftExtra, toolbarActions, editorTextareaProps, onPreviewClick, }) {
+    const t = useT();
+    const editorRef = useRef(null);
+    const previewRef = useRef(null);
+    const { handleEditorScroll, handlePreviewScroll, activatePane } = useMarkdownScrollSync({
+        mode,
+        sourceText,
+        editorRef,
+        previewRef,
+        previewSelector,
+        resyncKey: previewHtml,
+    });
+    const showEditor = mode === 'source' || mode === 'split';
+    const showPreview = mode === 'preview' || mode === 'split';
+    const isLoading = loading || previewHtml === null;
+    return (_jsx(ViewerShell, { kindClassName: "markdown-split-viewer", bodyClassName: `markdown-workbench markdown-workbench-${mode}`, toolbarLeft: _jsxs(_Fragment, { children: [toolbarLeftExtra, _jsx(SegmentedToggle, { className: "markdown-mode-tabs", ariaLabel: modeAriaLabel ?? t('Markdown view mode'), value: mode, onChange: onModeChange, options: [
+                        { value: 'source', label: sourceLabel ?? t('Source') },
+                        { value: 'split', label: splitLabel ?? t('Split') },
+                        { value: 'preview', label: previewLabel ?? t('Preview') },
+                    ] })] }), toolbarActions: toolbarActions, children: isLoading ? (_jsx("div", { className: "viewer-empty", children: loadingLabel ?? t('Loading…') })) : (_jsxs(_Fragment, { children: [showEditor ? (_jsx("section", { className: "markdown-editor-pane", "aria-label": editorAriaLabel ?? t('Markdown editor'), children: _jsx("textarea", { ref: editorRef, className: "markdown-editor", value: sourceText, "aria-label": editorAriaLabel ?? t('Markdown editor'), spellCheck: true, onFocus: () => activatePane('editor'), onChange: (event) => {
+                            activatePane('editor');
+                            onSourceChange(event.currentTarget.value);
+                        }, onScroll: handleEditorScroll, ...editorTextareaProps }) })) : null, showPreview ? (_jsx("div", { className: "markdown-preview-pane-wrap", children: _jsx("section", { ref: previewRef, className: "markdown-preview-pane", "aria-label": previewAriaLabel ?? t('Markdown preview'), onPointerDown: () => activatePane('preview'), onWheel: () => activatePane('preview'), onTouchStart: () => activatePane('preview'), onKeyDown: () => activatePane('preview'), onFocus: () => activatePane('preview'), onScroll: handlePreviewScroll, children: _jsx("article", { className: "markdown-rendered", onClick: onPreviewClick, dangerouslySetInnerHTML: { __html: previewHtml } }) }) })) : null] })) }));
+}
+//# sourceMappingURL=MarkdownSplitPane.js.map

package/dist/features/viewer-shell/react/components/MarkdownSplitPane.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MarkdownSplitPane.js","sourceRoot":"","sources":["../../../../../src/features/viewer-shell/react/components/MarkdownSplitPane.tsx"],"names":[],"mappings":"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"}

package/dist/features/viewer-shell/react/components/SegmentedToggle.d.ts

@@ -0,0 +1,23 @@
+import type { SegmentedOption } from '../../types.js';
+export interface SegmentedToggleProps<TValue extends string> {
+    options: Array<SegmentedOption<TValue>>;
+    value: TValue;
+    onChange: (value: TValue) => void;
+    ariaLabel: string;
+    className?: string;
+}
+/**
+ * A small, always-visible group of toggle buttons, one active at a time.
+ * This is the shared primitive behind two call sites that turned out to be
+ * the same shape once compared side by side: the source component's
+ * `FileVersionViewportControls` (a compact viewport toggle row) and its
+ * `SvgViewer`/`MarkdownViewer` mode tabs (preview/source, edit/split/preview).
+ * The originals used slightly different ARIA roles (`role="group"` +
+ * `aria-pressed` for the viewport toggle vs. an implicit tab-like button
+ * group for the mode tabs) — this version standardizes on
+ * `role="group"`/`aria-pressed` for both, a disclosed simplification (see
+ * `packages/ui/source-map.md`) rather than shipping two near-identical
+ * primitives for a minor ARIA-pattern difference.
+ */
+export declare function SegmentedToggle<TValue extends string>({ options, value, onChange, ariaLabel, className, }: SegmentedToggleProps<TValue>): import("react").JSX.Element;
+//# sourceMappingURL=SegmentedToggle.d.ts.map

package/dist/features/viewer-shell/react/components/SegmentedToggle.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SegmentedToggle.d.ts","sourceRoot":"","sources":["../../../../../src/features/viewer-shell/react/components/SegmentedToggle.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,gBAAgB,CAAC;AAEtD,MAAM,WAAW,oBAAoB,CAAC,MAAM,SAAS,MAAM;IACzD,OAAO,EAAE,KAAK,CAAC,eAAe,CAAC,MAAM,CAAC,CAAC,CAAC;IACxC,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,SAAS,EAAE,MAAM,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;;;;;;;;;GAYG;AACH,wBAAgB,eAAe,CAAC,MAAM,SAAS,MAAM,EAAE,EACrD,OAAO,EACP,KAAK,EACL,QAAQ,EACR,SAAS,EACT,SAAS,GACV,EAAE,oBAAoB,CAAC,MAAM,CAAC,+BAuB9B"}

package/dist/features/viewer-shell/react/components/SegmentedToggle.js

@@ -0,0 +1,23 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { RemixIcon } from '../../../../react/components/RemixIcon.js';
+/**
+ * A small, always-visible group of toggle buttons, one active at a time.
+ * This is the shared primitive behind two call sites that turned out to be
+ * the same shape once compared side by side: the source component's
+ * `FileVersionViewportControls` (a compact viewport toggle row) and its
+ * `SvgViewer`/`MarkdownViewer` mode tabs (preview/source, edit/split/preview).
+ * The originals used slightly different ARIA roles (`role="group"` +
+ * `aria-pressed` for the viewport toggle vs. an implicit tab-like button
+ * group for the mode tabs) — this version standardizes on
+ * `role="group"`/`aria-pressed` for both, a disclosed simplification (see
+ * `packages/ui/source-map.md`) rather than shipping two near-identical
+ * primitives for a minor ARIA-pattern difference.
+ */
+export function SegmentedToggle({ options, value, onChange, ariaLabel, className, }) {
+    return (_jsx("div", { className: `viewer-segmented-toggle${className ? ` ${className}` : ''}`, role: "group", "aria-label": ariaLabel, children: options.map((option) => {
+            const selected = option.value === value;
+            const label = option.title ?? option.label;
+            return (_jsxs("button", { type: "button", className: `viewer-segmented-toggle-button${selected ? ' active' : ''}`, "aria-pressed": selected, "aria-label": label, title: label, onClick: () => onChange(option.value), children: [option.icon ? _jsx(RemixIcon, { name: option.icon, size: 14 }) : null, _jsx("span", { children: option.label })] }, option.value));
+        }) }));
+}
+//# sourceMappingURL=SegmentedToggle.js.map

package/dist/features/viewer-shell/react/components/SegmentedToggle.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SegmentedToggle.js","sourceRoot":"","sources":["../../../../../src/features/viewer-shell/react/components/SegmentedToggle.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,2CAA2C,CAAC;AAWtE;;;;;;;;;;;;GAYG;AACH,MAAM,UAAU,eAAe,CAAwB,EACrD,OAAO,EACP,KAAK,EACL,QAAQ,EACR,SAAS,EACT,SAAS,GACoB;IAC7B,OAAO,CACL,cAAK,SAAS,EAAE,0BAA0B,SAAS,CAAC,CAAC,CAAC,IAAI,SAAS,EAAE,CAAC,CAAC,CAAC,EAAE,EAAE,EAAE,IAAI,EAAC,OAAO,gBAAa,SAAS,YAC7G,OAAO,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,EAAE;YACtB,MAAM,QAAQ,GAAG,MAAM,CAAC,KAAK,KAAK,KAAK,CAAC;YACxC,MAAM,KAAK,GAAG,MAAM,CAAC,KAAK,IAAI,MAAM,CAAC,KAAK,CAAC;YAC3C,OAAO,CACL,kBAEE,IAAI,EAAC,QAAQ,EACb,SAAS,EAAE,iCAAiC,QAAQ,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,EAAE,EAAE,kBACzD,QAAQ,gBACV,KAAK,EACjB,KAAK,EAAE,KAAK,EACZ,OAAO,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAC,MAAM,CAAC,KAAK,CAAC,aAEpC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,KAAC,SAAS,IAAC,IAAI,EAAE,MAAM,CAAC,IAAI,EAAE,IAAI,EAAE,EAAE,GAAI,CAAC,CAAC,CAAC,IAAI,EAChE,yBAAO,MAAM,CAAC,KAAK,GAAQ,KATtB,MAAM,CAAC,KAAK,CAUV,CACV,CAAC;QACJ,CAAC,CAAC,GACE,CACP,CAAC;AACJ,CAAC"}

package/dist/features/viewer-shell/react/components/SvgSourcePane.d.ts

@@ -0,0 +1,23 @@
+export type SvgViewerMode = 'preview' | 'source';
+export interface SvgSourcePaneProps {
+    mode: SvgViewerMode;
+    /** Rendered `<img>` src, shown when `mode === 'preview'`. */
+    previewSrc: string;
+    previewAlt: string;
+    /** Raw source text, shown when `mode === 'source'`. `null` while
+     *  loading, per the loading/error props below. */
+    source: string | null;
+    loading?: boolean;
+    loadingLabel?: string;
+    error?: boolean;
+    errorLabel?: string;
+}
+/**
+ * The SVG viewer's body content: an `<img>` preview, or the raw source text
+ * in a `<pre>` — generalizes the source component's `SvgViewer` body once
+ * its daemon fetch/reload/download-link toolbar wiring is stripped out (a
+ * host wires those with `ViewerShell`'s `toolbarActions` slot, a
+ * `SegmentedToggle` for the mode switch, and `ViewerFileActions`).
+ */
+export declare function SvgSourcePane({ mode, previewSrc, previewAlt, source, loading, loadingLabel, error, errorLabel }: SvgSourcePaneProps): import("react").JSX.Element;
+//# sourceMappingURL=SvgSourcePane.d.ts.map

package/dist/features/viewer-shell/react/components/SvgSourcePane.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SvgSourcePane.d.ts","sourceRoot":"","sources":["../../../../../src/features/viewer-shell/react/components/SvgSourcePane.tsx"],"names":[],"mappings":"AAAA,MAAM,MAAM,aAAa,GAAG,SAAS,GAAG,QAAQ,CAAC;AAEjD,MAAM,WAAW,kBAAkB;IACjC,IAAI,EAAE,aAAa,CAAC;IACpB,6DAA6D;IAC7D,UAAU,EAAE,MAAM,CAAC;IACnB,UAAU,EAAE,MAAM,CAAC;IACnB;sDACkD;IAClD,MAAM,EAAE,MAAM,GAAG,IAAI,CAAC;IACtB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB;AAED;;;;;;GAMG;AACH,wBAAgB,aAAa,CAAC,EAAE,IAAI,EAAE,UAAU,EAAE,UAAU,EAAE,MAAM,EAAE,OAAO,EAAE,YAAY,EAAE,KAAK,EAAE,UAAU,EAAE,EAAE,kBAAkB,+BAKnI"}

package/dist/features/viewer-shell/react/components/SvgSourcePane.js

@@ -0,0 +1,18 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+/**
+ * The SVG viewer's body content: an `<img>` preview, or the raw source text
+ * in a `<pre>` — generalizes the source component's `SvgViewer` body once
+ * its daemon fetch/reload/download-link toolbar wiring is stripped out (a
+ * host wires those with `ViewerShell`'s `toolbarActions` slot, a
+ * `SegmentedToggle` for the mode switch, and `ViewerFileActions`).
+ */
+export function SvgSourcePane({ mode, previewSrc, previewAlt, source, loading, loadingLabel, error, errorLabel }) {
+    if (mode === 'preview')
+        return _jsx("img", { alt: previewAlt, src: previewSrc });
+    if (loading)
+        return _jsx("div", { className: "viewer-empty", children: loadingLabel });
+    if (error)
+        return _jsx("div", { className: "viewer-empty", children: errorLabel });
+    return _jsx("pre", { className: "viewer-source", children: source ?? '' });
+}
+//# sourceMappingURL=SvgSourcePane.js.map

package/dist/features/viewer-shell/react/components/SvgSourcePane.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SvgSourcePane.js","sourceRoot":"","sources":["../../../../../src/features/viewer-shell/react/components/SvgSourcePane.tsx"],"names":[],"mappings":";AAgBA;;;;;;GAMG;AACH,MAAM,UAAU,aAAa,CAAC,EAAE,IAAI,EAAE,UAAU,EAAE,UAAU,EAAE,MAAM,EAAE,OAAO,EAAE,YAAY,EAAE,KAAK,EAAE,UAAU,EAAsB;IAClI,IAAI,IAAI,KAAK,SAAS;QAAE,OAAO,cAAK,GAAG,EAAE,UAAU,EAAE,GAAG,EAAE,UAAU,GAAI,CAAC;IACzE,IAAI,OAAO;QAAE,OAAO,cAAK,SAAS,EAAC,cAAc,YAAE,YAAY,GAAO,CAAC;IACvE,IAAI,KAAK;QAAE,OAAO,cAAK,SAAS,EAAC,cAAc,YAAE,UAAU,GAAO,CAAC;IACnE,OAAO,cAAK,SAAS,EAAC,eAAe,YAAE,MAAM,IAAI,EAAE,GAAO,CAAC;AAC7D,CAAC"}

package/dist/features/viewer-shell/react/components/VideoViewerBody.d.ts

@@ -0,0 +1,7 @@
+export interface VideoViewerBodyProps {
+    src: string;
+}
+/** Plain `<video>` body — generalizes the source component's
+ *  `VideoViewer` once the daemon-specific URL-building is stripped out. */
+export declare function VideoViewerBody({ src }: VideoViewerBodyProps): import("react").JSX.Element;
+//# sourceMappingURL=VideoViewerBody.d.ts.map

package/dist/features/viewer-shell/react/components/VideoViewerBody.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"VideoViewerBody.d.ts","sourceRoot":"","sources":["../../../../../src/features/viewer-shell/react/components/VideoViewerBody.tsx"],"names":[],"mappings":"AAAA,MAAM,WAAW,oBAAoB;IACnC,GAAG,EAAE,MAAM,CAAC;CACb;AAED;2EAC2E;AAC3E,wBAAgB,eAAe,CAAC,EAAE,GAAG,EAAE,EAAE,oBAAoB,+BAE5D"}

package/dist/features/viewer-shell/react/components/VideoViewerBody.js

@@ -0,0 +1,7 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+/** Plain `<video>` body — generalizes the source component's
+ *  `VideoViewer` once the daemon-specific URL-building is stripped out. */
+export function VideoViewerBody({ src }) {
+    return _jsx("video", { src: src, controls: true, playsInline: true, preload: "metadata" });
+}
+//# sourceMappingURL=VideoViewerBody.js.map

package/dist/features/viewer-shell/react/components/VideoViewerBody.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"VideoViewerBody.js","sourceRoot":"","sources":["../../../../../src/features/viewer-shell/react/components/VideoViewerBody.tsx"],"names":[],"mappings":";AAIA;2EAC2E;AAC3E,MAAM,UAAU,eAAe,CAAC,EAAE,GAAG,EAAwB;IAC3D,OAAO,gBAAO,GAAG,EAAE,GAAG,EAAE,QAAQ,QAAC,WAAW,QAAC,OAAO,EAAC,UAAU,GAAG,CAAC;AACrE,CAAC"}

package/dist/features/viewer-shell/react/components/ViewerFileActions.d.ts

@@ -0,0 +1,17 @@
+export interface ViewerFileActionsProps {
+    /** Omit to hide the download link. */
+    downloadUrl?: string;
+    /** Omit to hide the open-in-new-tab link. */
+    openUrl?: string;
+    /** Passed straight to the anchor's `download` attribute. */
+    fileName?: string;
+    downloadLabel?: string;
+    openLabel?: string;
+}
+/**
+ * Generic "Download" / "Open" link pair. The source component built its URL
+ * from a `projectFileUrl(projectId, file.name)` daemon route — that's
+ * host-specific, so this version takes final, already-resolved URLs instead.
+ */
+export declare function ViewerFileActions({ downloadUrl, openUrl, fileName, downloadLabel, openLabel }: ViewerFileActionsProps): import("react").JSX.Element | null;
+//# sourceMappingURL=ViewerFileActions.d.ts.map

package/dist/features/viewer-shell/react/components/ViewerFileActions.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ViewerFileActions.d.ts","sourceRoot":"","sources":["../../../../../src/features/viewer-shell/react/components/ViewerFileActions.tsx"],"names":[],"mappings":"AAEA,MAAM,WAAW,sBAAsB;IACrC,sCAAsC;IACtC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,6CAA6C;IAC7C,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,4DAA4D;IAC5D,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;GAIG;AACH,wBAAgB,iBAAiB,CAAC,EAAE,WAAW,EAAE,OAAO,EAAE,QAAQ,EAAE,aAAa,EAAE,SAAS,EAAE,EAAE,sBAAsB,sCAiBrH"}

package/dist/features/viewer-shell/react/components/ViewerFileActions.js

@@ -0,0 +1,14 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useT } from '../../../i18n/index.js';
+/**
+ * Generic "Download" / "Open" link pair. The source component built its URL
+ * from a `projectFileUrl(projectId, file.name)` daemon route — that's
+ * host-specific, so this version takes final, already-resolved URLs instead.
+ */
+export function ViewerFileActions({ downloadUrl, openUrl, fileName, downloadLabel, openLabel }) {
+    const t = useT();
+    if (!downloadUrl && !openUrl)
+        return null;
+    return (_jsxs("div", { className: "viewer-toolbar-actions", children: [downloadUrl ? (_jsx("a", { className: "ghost-link", href: downloadUrl, download: fileName, children: downloadLabel ?? t('Download') })) : null, openUrl ? (_jsx("a", { className: "ghost-link", href: openUrl, target: "_blank", rel: "noreferrer noopener", children: openLabel ?? t('Open') })) : null] }));
+}
+//# sourceMappingURL=ViewerFileActions.js.map

package/dist/features/viewer-shell/react/components/ViewerFileActions.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ViewerFileActions.js","sourceRoot":"","sources":["../../../../../src/features/viewer-shell/react/components/ViewerFileActions.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,wBAAwB,CAAC;AAa9C;;;;GAIG;AACH,MAAM,UAAU,iBAAiB,CAAC,EAAE,WAAW,EAAE,OAAO,EAAE,QAAQ,EAAE,aAAa,EAAE,SAAS,EAA0B;IACpH,MAAM,CAAC,GAAG,IAAI,EAAE,CAAC;IACjB,IAAI,CAAC,WAAW,IAAI,CAAC,OAAO;QAAE,OAAO,IAAI,CAAC;IAC1C,OAAO,CACL,eAAK,SAAS,EAAC,wBAAwB,aACpC,WAAW,CAAC,CAAC,CAAC,CACb,YAAG,SAAS,EAAC,YAAY,EAAC,IAAI,EAAE,WAAW,EAAE,QAAQ,EAAE,QAAQ,YAC5D,aAAa,IAAI,CAAC,CAAC,UAAU,CAAC,GAC7B,CACL,CAAC,CAAC,CAAC,IAAI,EACP,OAAO,CAAC,CAAC,CAAC,CACT,YAAG,SAAS,EAAC,YAAY,EAAC,IAAI,EAAE,OAAO,EAAE,MAAM,EAAC,QAAQ,EAAC,GAAG,EAAC,qBAAqB,YAC/E,SAAS,IAAI,CAAC,CAAC,MAAM,CAAC,GACrB,CACL,CAAC,CAAC,CAAC,IAAI,IACJ,CACP,CAAC;AACJ,CAAC"}

package/dist/features/viewer-shell/react/components/ViewerShell.d.ts

@@ -0,0 +1,31 @@
+import type { ReactNode } from 'react';
+export interface ViewerShellProps {
+    /** Modifier appended to the root `viewer` class (e.g. `"image-viewer"`,
+     *  `"text-viewer"`) — purely a CSS hook, matches the source component's
+     *  per-kind class naming. */
+    kindClassName?: string;
+    /** Left-aligned toolbar content — typically a file-size/kind meta label. */
+    toolbarLeft?: ReactNode;
+    /** Right-aligned toolbar content — download/open links, mode tabs,
+     *  reload/copy buttons, a viewport switcher, etc. */
+    toolbarActions?: ReactNode;
+    /** Extra class appended to the body wrapper (e.g. `"image-body"`). */
+    bodyClassName?: string;
+    children: ReactNode;
+}
+/**
+ * The "viewer-toolbar + viewer-body" chrome independently repeated across
+ * 8 media-viewer components in the source file (`BinaryViewer`,
+ * `DocumentPreviewViewer`, `ImageViewer`, `SketchViewer`, `VideoViewer`,
+ * `AudioViewer`, `SvgViewer`, `TextViewer`) — one shared shell instead of 8
+ * near-duplicate toolbar+body layouts. The host supplies the toolbar
+ * content and body content per viewer kind; this component only owns the
+ * layout wrapper.
+ */
+export declare function ViewerShell({ kindClassName, toolbarLeft, toolbarActions, bodyClassName, children }: ViewerShellProps): import("react").JSX.Element;
+export interface ViewerEmptyStateProps {
+    children: ReactNode;
+}
+/** Trivial "nothing to show" placeholder shared by every viewer body. */
+export declare function ViewerEmptyState({ children }: ViewerEmptyStateProps): import("react").JSX.Element;
+//# sourceMappingURL=ViewerShell.d.ts.map

package/dist/features/viewer-shell/react/components/ViewerShell.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ViewerShell.d.ts","sourceRoot":"","sources":["../../../../../src/features/viewer-shell/react/components/ViewerShell.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,MAAM,WAAW,gBAAgB;IAC/B;;iCAE6B;IAC7B,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,4EAA4E;IAC5E,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB;yDACqD;IACrD,cAAc,CAAC,EAAE,SAAS,CAAC;IAC3B,sEAAsE;IACtE,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,QAAQ,EAAE,SAAS,CAAC;CACrB;AAED;;;;;;;;GAQG;AACH,wBAAgB,WAAW,CAAC,EAAE,aAAa,EAAE,WAAW,EAAE,cAAc,EAAE,aAAa,EAAE,QAAQ,EAAE,EAAE,gBAAgB,+BAUpH;AAED,MAAM,WAAW,qBAAqB;IACpC,QAAQ,EAAE,SAAS,CAAC;CACrB;AAED,yEAAyE;AACzE,wBAAgB,gBAAgB,CAAC,EAAE,QAAQ,EAAE,EAAE,qBAAqB,+BAEnE"}

package/dist/features/viewer-shell/react/components/ViewerShell.js

@@ -0,0 +1,18 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * The "viewer-toolbar + viewer-body" chrome independently repeated across
+ * 8 media-viewer components in the source file (`BinaryViewer`,
+ * `DocumentPreviewViewer`, `ImageViewer`, `SketchViewer`, `VideoViewer`,
+ * `AudioViewer`, `SvgViewer`, `TextViewer`) — one shared shell instead of 8
+ * near-duplicate toolbar+body layouts. The host supplies the toolbar
+ * content and body content per viewer kind; this component only owns the
+ * layout wrapper.
+ */
+export function ViewerShell({ kindClassName, toolbarLeft, toolbarActions, bodyClassName, children }) {
+    return (_jsxs("div", { className: `viewer${kindClassName ? ` ${kindClassName}` : ''}`, children: [_jsxs("div", { className: "viewer-toolbar", children: [_jsx("div", { className: "viewer-toolbar-left", children: toolbarLeft }), toolbarActions ? _jsx("div", { className: "viewer-toolbar-actions", children: toolbarActions }) : null] }), _jsx("div", { className: `viewer-body${bodyClassName ? ` ${bodyClassName}` : ''}`, children: children })] }));
+}
+/** Trivial "nothing to show" placeholder shared by every viewer body. */
+export function ViewerEmptyState({ children }) {
+    return _jsx("div", { className: "viewer-empty", children: children });
+}
+//# sourceMappingURL=ViewerShell.js.map

package/dist/features/viewer-shell/react/components/ViewerShell.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ViewerShell.js","sourceRoot":"","sources":["../../../../../src/features/viewer-shell/react/components/ViewerShell.tsx"],"names":[],"mappings":";AAiBA;;;;;;;;GAQG;AACH,MAAM,UAAU,WAAW,CAAC,EAAE,aAAa,EAAE,WAAW,EAAE,cAAc,EAAE,aAAa,EAAE,QAAQ,EAAoB;IACnH,OAAO,CACL,eAAK,SAAS,EAAE,SAAS,aAAa,CAAC,CAAC,CAAC,IAAI,aAAa,EAAE,CAAC,CAAC,CAAC,EAAE,EAAE,aACjE,eAAK,SAAS,EAAC,gBAAgB,aAC7B,cAAK,SAAS,EAAC,qBAAqB,YAAE,WAAW,GAAO,EACvD,cAAc,CAAC,CAAC,CAAC,cAAK,SAAS,EAAC,wBAAwB,YAAE,cAAc,GAAO,CAAC,CAAC,CAAC,IAAI,IACnF,EACN,cAAK,SAAS,EAAE,cAAc,aAAa,CAAC,CAAC,CAAC,IAAI,aAAa,EAAE,CAAC,CAAC,CAAC,EAAE,EAAE,YAAG,QAAQ,GAAO,IACtF,CACP,CAAC;AACJ,CAAC;AAMD,yEAAyE;AACzE,MAAM,UAAU,gBAAgB,CAAC,EAAE,QAAQ,EAAyB;IAClE,OAAO,cAAK,SAAS,EAAC,cAAc,YAAE,QAAQ,GAAO,CAAC;AACxD,CAAC"}

package/dist/features/viewer-shell/react/components/ViewportSwitcher.d.ts

@@ -0,0 +1,27 @@
+import type { ViewportPreset } from '../../types.js';
+export interface ViewportSwitcherProps {
+    presets: ViewportPreset[];
+    viewport: string;
+    onViewport: (viewport: string) => void;
+    ariaLabel: string;
+    tabIndex?: number;
+}
+/**
+ * Self-contained responsive desktop/tablet/mobile viewport switcher: a
+ * trigger button showing the active preset, opening a listbox menu of the
+ * rest. Generalizes the source component's `PreviewViewportControls`.
+ *
+ * A second component in the same source tree (`DesignBrowserPanel.tsx`'s
+ * `BrowserViewportControls`, not yet extracted — see
+ * `foundry/docs/jini-port/god-components-extraction-plan.md`'s consolidation map)
+ * turned out, on a side-by-side read, to be the exact same shape: a trigger
+ * button + dropdown listbox over the same preset list, same outside-
+ * click/Escape-to-close behavior, differing only in cosmetic wrapper markup
+ * (an icon-tooltip-button wrapper vs. a plain button) and a `disabled` prop
+ * the other component didn't have. This component is that shared primitive
+ * — when that other file's extraction happens, it should bind to this
+ * component rather than re-implement its own dropdown switcher. See
+ * `packages/ui/source-map.md` for the full comparison.
+ */
+export declare function ViewportSwitcher({ presets, viewport, onViewport, ariaLabel, tabIndex }: ViewportSwitcherProps): import("react").JSX.Element | null;
+//# sourceMappingURL=ViewportSwitcher.d.ts.map

package/dist/features/viewer-shell/react/components/ViewportSwitcher.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ViewportSwitcher.d.ts","sourceRoot":"","sources":["../../../../../src/features/viewer-shell/react/components/ViewportSwitcher.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAC;AAErD,MAAM,WAAW,qBAAqB;IACpC,OAAO,EAAE,cAAc,EAAE,CAAC;IAC1B,QAAQ,EAAE,MAAM,CAAC;IACjB,UAAU,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;IACvC,SAAS,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AAED;;;;;;;;;;;;;;;;GAgBG;AACH,wBAAgB,gBAAgB,CAAC,EAAE,OAAO,EAAE,QAAQ,EAAE,UAAU,EAAE,SAAS,EAAE,QAAQ,EAAE,EAAE,qBAAqB,sCAwD7G"}

package/dist/features/viewer-shell/react/components/ViewportSwitcher.js

@@ -0,0 +1,40 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useId, useRef, useState } from 'react';
+import { Icon } from '../../../../react/components/Icon.js';
+import { RemixIcon } from '../../../../react/components/RemixIcon.js';
+import { useDismissOnOutsideOrEscape } from '../../../../browser/useDismissOnOutsideOrEscape.js';
+/**
+ * Self-contained responsive desktop/tablet/mobile viewport switcher: a
+ * trigger button showing the active preset, opening a listbox menu of the
+ * rest. Generalizes the source component's `PreviewViewportControls`.
+ *
+ * A second component in the same source tree (`DesignBrowserPanel.tsx`'s
+ * `BrowserViewportControls`, not yet extracted — see
+ * `foundry/docs/jini-port/god-components-extraction-plan.md`'s consolidation map)
+ * turned out, on a side-by-side read, to be the exact same shape: a trigger
+ * button + dropdown listbox over the same preset list, same outside-
+ * click/Escape-to-close behavior, differing only in cosmetic wrapper markup
+ * (an icon-tooltip-button wrapper vs. a plain button) and a `disabled` prop
+ * the other component didn't have. This component is that shared primitive
+ * — when that other file's extraction happens, it should bind to this
+ * component rather than re-implement its own dropdown switcher. See
+ * `packages/ui/source-map.md` for the full comparison.
+ */
+export function ViewportSwitcher({ presets, viewport, onViewport, ariaLabel, tabIndex }) {
+    const [open, setOpen] = useState(false);
+    const menuRef = useRef(null);
+    const listboxId = useId();
+    const activePreset = presets.find((preset) => preset.id === viewport) ?? presets[0];
+    useDismissOnOutsideOrEscape(() => setOpen(false), { enabled: open, containerRef: menuRef });
+    if (!activePreset)
+        return null;
+    const activeLabel = activePreset.title ?? activePreset.label;
+    return (_jsxs("div", { className: "viewer-viewport-switcher", ref: menuRef, children: [_jsxs("button", { type: "button", className: "viewer-action viewer-viewport-trigger", "aria-label": ariaLabel, "aria-haspopup": "listbox", "aria-expanded": open, "aria-controls": open ? listboxId : undefined, title: activeLabel, tabIndex: tabIndex, onClick: () => setOpen((v) => !v), children: [activePreset.icon ? _jsx(RemixIcon, { name: activePreset.icon, size: 14, className: "viewer-viewport-icon" }) : null, _jsx("span", { children: activePreset.label })] }), open ? (_jsx("div", { className: "viewer-viewport-menu", id: listboxId, role: "listbox", "aria-label": ariaLabel, children: presets.map((preset) => {
+                    const selected = viewport === preset.id;
+                    return (_jsxs("button", { type: "button", className: `viewer-viewport-menu-item${selected ? ' active' : ''}`, role: "option", "aria-selected": selected, title: preset.title ?? preset.label, onClick: () => {
+                            onViewport(preset.id);
+                            setOpen(false);
+                        }, children: [_jsxs("span", { className: "viewer-viewport-menu-label", children: [preset.icon ? _jsx(RemixIcon, { name: preset.icon, size: 14 }) : null, _jsx("span", { children: preset.label })] }), selected ? _jsx(Icon, { name: "check", size: 13 }) : null] }, preset.id));
+                }) })) : null] }));
+}
+//# sourceMappingURL=ViewportSwitcher.js.map

package/dist/features/viewer-shell/react/components/ViewportSwitcher.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ViewportSwitcher.js","sourceRoot":"","sources":["../../../../../src/features/viewer-shell/react/components/ViewportSwitcher.tsx"],"names":[],"mappings":"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"}

package/dist/features/viewer-shell/react/components/ViewportToggleGroup.d.ts

@@ -0,0 +1,17 @@
+import type { ViewportPreset } from '../../types.js';
+export interface ViewportToggleGroupProps {
+    presets: ViewportPreset[];
+    viewport: string;
+    onViewport: (viewport: string) => void;
+    ariaLabel: string;
+}
+/**
+ * Compact, always-visible viewport-preset toggle row — generalizes the
+ * source component's `FileVersionViewportControls` (used in its file-version
+ * manager's tighter toolbar, where a dropdown menu didn't fit). See
+ * `ViewportSwitcher` for the dropdown-menu variant used by the main preview
+ * toolbar (`PreviewViewportControls`), and `packages/ui/source-map.md` for
+ * why both ship rather than just one.
+ */
+export declare function ViewportToggleGroup({ presets, viewport, onViewport, ariaLabel }: ViewportToggleGroupProps): import("react").JSX.Element;
+//# sourceMappingURL=ViewportToggleGroup.d.ts.map

package/dist/features/viewer-shell/react/components/ViewportToggleGroup.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ViewportToggleGroup.d.ts","sourceRoot":"","sources":["../../../../../src/features/viewer-shell/react/components/ViewportToggleGroup.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAC;AAErD,MAAM,WAAW,wBAAwB;IACvC,OAAO,EAAE,cAAc,EAAE,CAAC;IAC1B,QAAQ,EAAE,MAAM,CAAC;IACjB,UAAU,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;IACvC,SAAS,EAAE,MAAM,CAAC;CACnB;AAED;;;;;;;GAOG;AACH,wBAAgB,mBAAmB,CAAC,EAAE,OAAO,EAAE,QAAQ,EAAE,UAAU,EAAE,SAAS,EAAE,EAAE,wBAAwB,+BAezG"}

package/dist/features/viewer-shell/react/components/ViewportToggleGroup.js

@@ -0,0 +1,19 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { SegmentedToggle } from './SegmentedToggle.js';
+/**
+ * Compact, always-visible viewport-preset toggle row — generalizes the
+ * source component's `FileVersionViewportControls` (used in its file-version
+ * manager's tighter toolbar, where a dropdown menu didn't fit). See
+ * `ViewportSwitcher` for the dropdown-menu variant used by the main preview
+ * toolbar (`PreviewViewportControls`), and `packages/ui/source-map.md` for
+ * why both ship rather than just one.
+ */
+export function ViewportToggleGroup({ presets, viewport, onViewport, ariaLabel }) {
+    return (_jsx(SegmentedToggle, { className: "viewer-viewport-toggle-group", ariaLabel: ariaLabel, value: viewport, onChange: onViewport, options: presets.map((preset) => ({
+            value: preset.id,
+            label: preset.label,
+            title: preset.title,
+            icon: preset.icon,
+        })) }));
+}
+//# sourceMappingURL=ViewportToggleGroup.js.map

package/dist/features/viewer-shell/react/components/ViewportToggleGroup.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ViewportToggleGroup.js","sourceRoot":"","sources":["../../../../../src/features/viewer-shell/react/components/ViewportToggleGroup.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,sBAAsB,CAAC;AAUvD;;;;;;;GAOG;AACH,MAAM,UAAU,mBAAmB,CAAC,EAAE,OAAO,EAAE,QAAQ,EAAE,UAAU,EAAE,SAAS,EAA4B;IACxG,OAAO,CACL,KAAC,eAAe,IACd,SAAS,EAAC,8BAA8B,EACxC,SAAS,EAAE,SAAS,EACpB,KAAK,EAAE,QAAQ,EACf,QAAQ,EAAE,UAAU,EACpB,OAAO,EAAE,OAAO,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,CAAC;YAChC,KAAK,EAAE,MAAM,CAAC,EAAE;YAChB,KAAK,EAAE,MAAM,CAAC,KAAK;YACnB,KAAK,EAAE,MAAM,CAAC,KAAK;YACnB,IAAI,EAAE,MAAM,CAAC,IAAI;SAClB,CAAC,CAAC,GACH,CACH,CAAC;AACJ,CAAC"}

package/dist/features/viewer-shell/react/hooks/useCommentReorder.d.ts

@@ -0,0 +1,19 @@
+import { type DragEvent as ReactDragEvent } from 'react';
+import type { CommentSideDragState } from '../../types.js';
+export interface UseCommentReorderResult {
+    dragState: CommentSideDragState | null;
+    canReorder: boolean;
+    onDragStart: (event: ReactDragEvent<HTMLElement>, id: string) => void;
+    onDragOver: (event: ReactDragEvent<HTMLElement>, targetId: string) => void;
+    onDrop: (event: ReactDragEvent<HTMLElement>, targetId: string) => void;
+    onDragLeaveContainer: (event: ReactDragEvent<HTMLElement>) => void;
+    clear: () => void;
+}
+/**
+ * Drag-and-drop reorder state machine for `CommentSidePanel`'s comment
+ * list — extracted out of the presentational component so the (fiddly,
+ * worth-testing-in-isolation) drag/dragover/drop bookkeeping isn't tangled
+ * with JSX.
+ */
+export declare function useCommentReorder(orderedIds: string[], onReorder: ((orderedIds: string[]) => void) | undefined): UseCommentReorderResult;
+//# sourceMappingURL=useCommentReorder.d.ts.map

package/dist/features/viewer-shell/react/hooks/useCommentReorder.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useCommentReorder.d.ts","sourceRoot":"","sources":["../../../../../src/features/viewer-shell/react/hooks/useCommentReorder.ts"],"names":[],"mappings":"AAAA,OAAO,EAAY,KAAK,SAAS,IAAI,cAAc,EAAE,MAAM,OAAO,CAAC;AAGnE,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,gBAAgB,CAAC;AAE3D,MAAM,WAAW,uBAAuB;IACtC,SAAS,EAAE,oBAAoB,GAAG,IAAI,CAAC;IACvC,UAAU,EAAE,OAAO,CAAC;IACpB,WAAW,EAAE,CAAC,KAAK,EAAE,cAAc,CAAC,WAAW,CAAC,EAAE,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IACtE,UAAU,EAAE,CAAC,KAAK,EAAE,cAAc,CAAC,WAAW,CAAC,EAAE,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;IAC3E,MAAM,EAAE,CAAC,KAAK,EAAE,cAAc,CAAC,WAAW,CAAC,EAAE,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;IACvE,oBAAoB,EAAE,CAAC,KAAK,EAAE,cAAc,CAAC,WAAW,CAAC,KAAK,IAAI,CAAC;IACnE,KAAK,EAAE,MAAM,IAAI,CAAC;CACnB;AAED;;;;;GAKG;AACH,wBAAgB,iBAAiB,CAC/B,UAAU,EAAE,MAAM,EAAE,EACpB,SAAS,EAAE,CAAC,CAAC,UAAU,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC,GAAG,SAAS,GACtD,uBAAuB,CA+DzB"}

package/dist/features/viewer-shell/react/hooks/useCommentReorder.js

@@ -0,0 +1,71 @@
+import { useState } from 'react';
+import { COMMENT_SIDE_DRAG_MIME } from '../../constants.js';
+import { dropEdgeForClientY, reorderCommentIds } from '../../rules.js';
+/**
+ * Drag-and-drop reorder state machine for `CommentSidePanel`'s comment
+ * list — extracted out of the presentational component so the (fiddly,
+ * worth-testing-in-isolation) drag/dragover/drop bookkeeping isn't tangled
+ * with JSX.
+ */
+export function useCommentReorder(orderedIds, onReorder) {
+    const [dragState, setDragState] = useState(null);
+    const canReorder = Boolean(onReorder && orderedIds.length > 1);
+    function onDragStart(event, id) {
+        if (!canReorder)
+            return;
+        event.dataTransfer.effectAllowed = 'move';
+        event.dataTransfer.setData(COMMENT_SIDE_DRAG_MIME, id);
+        event.dataTransfer.setData('text/plain', id);
+        setDragState({ draggingId: id, overId: id, edge: null });
+    }
+    function onDragOver(event, targetId) {
+        if (!canReorder)
+            return;
+        const draggingId = dragState?.draggingId || event.dataTransfer.getData(COMMENT_SIDE_DRAG_MIME);
+        if (!draggingId)
+            return;
+        event.preventDefault();
+        event.dataTransfer.dropEffect = 'move';
+        if (draggingId === targetId) {
+            if (dragState?.overId !== targetId || dragState.edge !== null) {
+                setDragState({ draggingId, overId: targetId, edge: null });
+            }
+            return;
+        }
+        const edge = dropEdgeForClientY(event.clientY, event.currentTarget.getBoundingClientRect());
+        if (dragState?.draggingId !== draggingId || dragState.overId !== targetId || dragState.edge !== edge) {
+            setDragState({ draggingId, overId: targetId, edge });
+        }
+    }
+    function onDrop(event, targetId) {
+        if (!canReorder)
+            return;
+        event.preventDefault();
+        const draggingId = dragState?.draggingId ||
+            event.dataTransfer.getData(COMMENT_SIDE_DRAG_MIME) ||
+            event.dataTransfer.getData('text/plain');
+        if (!draggingId || draggingId === targetId) {
+            setDragState(null);
+            return;
+        }
+        const edge = dragState?.overId === targetId && dragState.edge
+            ? dragState.edge
+            : dropEdgeForClientY(event.clientY, event.currentTarget.getBoundingClientRect());
+        const nextIds = reorderCommentIds(orderedIds, draggingId, targetId, edge);
+        if (nextIds.join('\0') !== orderedIds.join('\0')) {
+            onReorder?.(nextIds);
+        }
+        setDragState(null);
+    }
+    function onDragLeaveContainer(event) {
+        const related = event.relatedTarget;
+        if (related instanceof Node && event.currentTarget.contains(related))
+            return;
+        setDragState(null);
+    }
+    function clear() {
+        setDragState(null);
+    }
+    return { dragState, canReorder, onDragStart, onDragOver, onDrop, onDragLeaveContainer, clear };
+}
+//# sourceMappingURL=useCommentReorder.js.map

package/dist/features/viewer-shell/react/hooks/useCommentReorder.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useCommentReorder.js","sourceRoot":"","sources":["../../../../../src/features/viewer-shell/react/hooks/useCommentReorder.ts"],"names":[],"mappings":"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"}

package/dist/features/viewer-shell/react/hooks/useCopyToClipboard.d.ts

@@ -0,0 +1,22 @@
+import type { ViewerClipboardPort } from '../../ports.js';
+export interface UseCopyToClipboardResult {
+    /** True for `resetMs` after a successful copy, then false again. */
+    copied: boolean;
+    copy: (text: string) => Promise<boolean>;
+}
+/**
+ * The "copy full text, flip a `copied` flag for ~1.5s" pattern independently
+ * repeated by the plain-text viewer body and the markdown split-pane's copy
+ * button in the source component. Generalized into one hook so both (and any
+ * future viewer body) share the timer-reset bookkeeping.
+ */
+export declare function useCopyToClipboard(clipboard: ViewerClipboardPort, resetMs?: number): UseCopyToClipboardResult;
+/**
+ * Production wiring for `useCopyToClipboard`: binds the real browser
+ * clipboard implementation from `dependencies.ts`. A host that needs a
+ * swappable/test port (or a non-default `resetMs`) should call
+ * `useCopyToClipboard` directly with its own port instead of this zero-arg
+ * wirer.
+ */
+export declare function useWiredCopyToClipboard(resetMs?: number): UseCopyToClipboardResult;
+//# sourceMappingURL=useCopyToClipboard.d.ts.map

package/dist/features/viewer-shell/react/hooks/useCopyToClipboard.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useCopyToClipboard.d.ts","sourceRoot":"","sources":["../../../../../src/features/viewer-shell/react/hooks/useCopyToClipboard.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,gBAAgB,CAAC;AAG1D,MAAM,WAAW,wBAAwB;IACvC,oEAAoE;IACpE,MAAM,EAAE,OAAO,CAAC;IAChB,IAAI,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,OAAO,CAAC,OAAO,CAAC,CAAC;CAC1C;AAED;;;;;GAKG;AACH,wBAAgB,kBAAkB,CAChC,SAAS,EAAE,mBAAmB,EAC9B,OAAO,GAAE,MAA+B,GACvC,wBAAwB,CAwB1B;AAQD;;;;;;GAMG;AACH,wBAAgB,uBAAuB,CAAC,OAAO,CAAC,EAAE,MAAM,GAAG,wBAAwB,CAElF"}

package/dist/features/viewer-shell/react/hooks/useCopyToClipboard.js

@@ -0,0 +1,46 @@
+import { useCallback, useEffect, useRef, useState } from 'react';
+import { COPY_FEEDBACK_RESET_MS } from '../../constants.js';
+import { createBrowserViewerClipboard } from '../../dependencies.js';
+/**
+ * The "copy full text, flip a `copied` flag for ~1.5s" pattern independently
+ * repeated by the plain-text viewer body and the markdown split-pane's copy
+ * button in the source component. Generalized into one hook so both (and any
+ * future viewer body) share the timer-reset bookkeeping.
+ */
+export function useCopyToClipboard(clipboard, resetMs = COPY_FEEDBACK_RESET_MS) {
+    const [copied, setCopied] = useState(false);
+    const timerRef = useRef(null);
+    useEffect(() => {
+        return () => {
+            if (timerRef.current !== null)
+                clearTimeout(timerRef.current);
+        };
+    }, []);
+    const copy = useCallback(async (text) => {
+        const didCopy = await clipboard.copyText(text);
+        if (didCopy) {
+            setCopied(true);
+            if (timerRef.current !== null)
+                clearTimeout(timerRef.current);
+            timerRef.current = setTimeout(() => setCopied(false), resetMs);
+        }
+        return didCopy;
+    }, [clipboard, resetMs]);
+    return { copied, copy };
+}
+// Module-level singleton: `createBrowserViewerClipboard()` is stateless (a
+// thin Clipboard-API/`execCommand` wrapper with no internal state of its
+// own), so one shared instance is enough — avoids reallocating a fresh port
+// object on every `useWiredCopyToClipboard` render for no benefit.
+const defaultViewerClipboard = createBrowserViewerClipboard();
+/**
+ * Production wiring for `useCopyToClipboard`: binds the real browser
+ * clipboard implementation from `dependencies.ts`. A host that needs a
+ * swappable/test port (or a non-default `resetMs`) should call
+ * `useCopyToClipboard` directly with its own port instead of this zero-arg
+ * wirer.
+ */
+export function useWiredCopyToClipboard(resetMs) {
+    return useCopyToClipboard(defaultViewerClipboard, resetMs);
+}
+//# sourceMappingURL=useCopyToClipboard.js.map