@jini-ai/ui 0.5.5 → 0.6.10

package/dist/features/tabbed-dialog/react/components/TabbedDialogSidebar.js

@@ -0,0 +1,12 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { Icon } from '../../../../react/components/Icon.js';
+/** One sidebar nav button. */
+export function TabbedDialogNavItem({ tab, active, isModal, onSelect }) {
+    return (_jsxs("button", { type: "button", className: `jini-tabbed-dialog-nav-item${active ? ' active' : ''}`, "aria-pressed": active, onClick: () => onSelect(tab.id), "data-testid": `settings-dialog-nav-${tab.id}`, "data-agent-element": isModal ? undefined : `tab-${tab.id}`, "data-agent-role": isModal ? undefined : 'button', "data-agent-label": isModal ? undefined : tab.label, children: [_jsx("span", { className: "jini-tabbed-dialog-nav-icon", "aria-hidden": "true", children: tab.icon }), _jsxs("span", { className: "jini-tabbed-dialog-nav-text", children: [_jsx("strong", { children: tab.label }), tab.navHint ? _jsx("small", { children: tab.navHint }) : null] })] }));
+}
+/** The collapse toggle plus the sidebar nav it controls. */
+export function TabbedDialogSidebar({ tabs, activeTabId, isModal, collapsed, onToggleCollapsed, onSelect, labels, }) {
+    const sidebarToggleLabel = collapsed ? labels.expandSidebarLabel : labels.collapseSidebarLabel;
+    return (_jsxs(_Fragment, { children: [_jsx("button", { type: "button", className: "jini-tabbed-dialog-sidebar-toggle", onClick: onToggleCollapsed, "aria-label": sidebarToggleLabel, "aria-pressed": collapsed, "aria-controls": "jini-tabbed-dialog-sidebar", title: sidebarToggleLabel, children: _jsx(Icon, { name: collapsed ? 'chevron-right' : 'chevron-left', size: 15, strokeWidth: 2 }) }), _jsx("aside", { id: "jini-tabbed-dialog-sidebar", className: "jini-tabbed-dialog-sidebar", "aria-label": labels.sidebarAriaLabel, "aria-hidden": collapsed ? true : undefined, children: tabs.map((tab) => (_jsx(TabbedDialogNavItem, { tab: tab, active: tab.id === activeTabId, isModal: isModal, onSelect: onSelect }, tab.id))) })] }));
+}
+//# sourceMappingURL=TabbedDialogSidebar.js.map

package/dist/features/tabbed-dialog/react/components/tabbedDialogView.d.ts

@@ -0,0 +1,43 @@
+import type { MouseEvent } from 'react';
+import type { I18nContextValue } from '../../../i18n/index.js';
+import type { TabbedDialogChromeLabels } from '../../types.js';
+/** Every chrome label resolved to a concrete string. */
+export type ResolvedTabbedDialogLabels = Required<TabbedDialogChromeLabels>;
+/**
+ * Fills each chrome label the host left unset (absent or `undefined`) with its
+ * product-neutral default, translated through `t`.
+ */
+export declare function resolveTabbedDialogLabels({ t }: {
+    t: I18nContextValue['t'];
+}, { labels }?: {
+    labels?: TabbedDialogChromeLabels | undefined;
+}): ResolvedTabbedDialogLabels;
+/**
+ * `presentation` wins when set; otherwise a dialog with a close handler is a
+ * modal and one without is inline (see `TabbedDialogProps.presentation`).
+ */
+export declare function resolveIsModal({ hasOnClose }: {
+    hasOnClose: boolean;
+}, { presentation }?: {
+    presentation?: 'modal' | 'inline' | undefined;
+}): boolean;
+/** The dialog root's class list: base class plus state modifiers plus the host's own. */
+export declare function buildTabbedDialogClassName({ sidebarCollapsed, fullscreen }: {
+    sidebarCollapsed: boolean;
+    fullscreen: boolean;
+}, { className }?: {
+    className?: string | undefined;
+}): string;
+/**
+ * The dialog root's role/modality props. A modal is a `dialog` with
+ * `aria-modal` that swallows its own clicks (so only a backdrop click closes
+ * it); inline is a plain `region` with neither.
+ */
+export declare function dialogRootRoleProps({ isModal }: {
+    isModal: boolean;
+}): {
+    role: 'dialog' | 'region';
+    'aria-modal': true | undefined;
+    onClick: ((event: Pick<MouseEvent, 'stopPropagation'>) => void) | undefined;
+};
+//# sourceMappingURL=tabbedDialogView.d.ts.map

package/dist/features/tabbed-dialog/react/components/tabbedDialogView.js

@@ -0,0 +1,59 @@
+/**
+ * Fills each chrome label the host left unset (absent or `undefined`) with its
+ * product-neutral default, translated through `t`.
+ */
+export function resolveTabbedDialogLabels({ t }, { labels } = {}) {
+    const defaults = {
+        // No brand/product word defaults to a bare `''` here on purpose — this component has no
+        // opinion about what it's a dialog FOR. A host that wants a kicker (as `SettingsDialogShell`
+        // does, with `t('Settings')`) supplies one via `labels.kicker`.
+        kicker: '',
+        welcomeKicker: t('Welcome'),
+        welcomeTitle: t('Get started'),
+        welcomeSubtitle: t('Set up your preferences before you begin.'),
+        closeLabel: t('Close'),
+        fullscreenLabel: t('Fullscreen'),
+        exitFullscreenLabel: t('Exit fullscreen'),
+        collapseSidebarLabel: t('Collapse sidebar'),
+        expandSidebarLabel: t('Expand sidebar'),
+        sidebarAriaLabel: t('Sections'),
+    };
+    const resolved = { ...defaults };
+    for (const key of Object.keys(defaults)) {
+        resolved[key] = labels?.[key] ?? defaults[key];
+    }
+    return resolved;
+}
+/**
+ * `presentation` wins when set; otherwise a dialog with a close handler is a
+ * modal and one without is inline (see `TabbedDialogProps.presentation`).
+ */
+export function resolveIsModal({ hasOnClose }, { presentation } = {}) {
+    return (presentation ?? (hasOnClose ? 'modal' : 'inline')) === 'modal';
+}
+/** The dialog root's class list: base class plus state modifiers plus the host's own. */
+export function buildTabbedDialogClassName({ sidebarCollapsed, fullscreen }, { className } = {}) {
+    return [
+        'jini-tabbed-dialog',
+        sidebarCollapsed ? 'jini-tabbed-dialog-sidebar-collapsed' : '',
+        fullscreen ? 'jini-tabbed-dialog-fullscreen' : '',
+        className,
+    ]
+        .filter(Boolean)
+        .join(' ');
+}
+/** Keeps a click inside the modal dialog from reaching the backdrop's close handler. */
+function stopPropagation(event) {
+    event.stopPropagation();
+}
+/**
+ * The dialog root's role/modality props. A modal is a `dialog` with
+ * `aria-modal` that swallows its own clicks (so only a backdrop click closes
+ * it); inline is a plain `region` with neither.
+ */
+export function dialogRootRoleProps({ isModal }) {
+    if (!isModal)
+        return { role: 'region', 'aria-modal': undefined, onClick: undefined };
+    return { role: 'dialog', 'aria-modal': true, onClick: stopPropagation };
+}
+//# sourceMappingURL=tabbedDialogView.js.map

package/dist/features/version-manager/dependencies.d.ts

@@ -7,7 +7,9 @@ import type { VersionManagerClipboardPort, VersionManagerDependencies, VersionMa
  * transport call") — a real host binds its own REST/daemon calls to
  * `VersionManagerPort` instead.
  */
-export declare function createFakeVersionManagerPort<TVersion extends VersionRecord = VersionRecord>(seed?: ReadonlyMap<string, TVersion[]>): VersionManagerPort<TVersion>;
+export declare function createFakeVersionManagerPort<TVersion extends VersionRecord = VersionRecord>(seed?: ReadonlyMap<string, TVersion[]>, { content: seedContent }?: {
+    content?: ReadonlyMap<string, string>;
+}): VersionManagerPort<TVersion>;
 /** Reuses `features/viewer-shell/`'s real browser clipboard implementation
  *  — clipboard access is a generic browser API with no backend shape to
  *  fake, same reasoning that feature's own `dependencies.ts` documents. */

package/dist/features/version-manager/dependencies.js

@@ -6,9 +6,10 @@ import { createBrowserViewerClipboard } from '../viewer-shell/index.js';
  * transport call") — a real host binds its own REST/daemon calls to
  * `VersionManagerPort` instead.
  */
-export function createFakeVersionManagerPort(seed) {
+export function createFakeVersionManagerPort(seed, { content: seedContent } = {}) {
     const store = new Map(seed ? [...seed.entries()].map(([k, v]) => [k, [...v]]) : []);
-    const content = new Map();
+    // Content uses the same scope/name key as metadata, followed by the version id.
+    const content = new Map(seedContent);
     const key = (fileRef) => `${fileRef.scopeId}:${fileRef.name}`;
     return {
         async listVersions(fileRef) {

package/dist/features/version-manager/react/components/VersionManagerModal.js

@@ -30,9 +30,6 @@ export function VersionManagerModal({ fileRef, currentContent, onClose, onRestor
     const { copied, copy } = useCopyToClipboard(dependencies.clipboard);
     const { versions, visibleVersions, versionById, selectedVersion, search, setSearch, showSearch, loading, loadingContent, error, previewDocument, frameReady, markFrameLoaded, restoring, restoreDisabled, restore, openInNewTab, viewportPresets: presets, viewport, setViewport, selectVersion, prefetchVersion, } = controller;
     const versionCountLabel = versions.length === 1 ? t('1 version') : t('{count} versions', { count: versions.length });
-    const selectedPrompt = selectedVersion?.prompt?.trim() ?? '';
-    const selectedDate = selectedVersion ? formatVersionDateTime(selectedVersion.createdAt, locale) : fileRef.name;
-    const selectedRestoredFrom = selectedVersion ? restoredFromVersion(selectedVersion, versionById) : null;
     // Layered Escape handling: close the modal only when neither popover is
     // consuming the keystroke — each popover owns its own Escape dismissal
     // via `useDismissOnOutsideOrEscape`, so this only needs to know whether
@@ -62,8 +59,15 @@ export function VersionManagerModal({ fileRef, currentContent, onClose, onRestor
     return createPortal(_jsx("div", { className: "jini-modal-backdrop jini-version-modal-backdrop", role: "presentation", onMouseDown: (event) => {
             if (event.target === event.currentTarget)
                 onClose();
-        }, children: _jsxs("div", { className: "jini-version-modal", role: "dialog", "aria-modal": "true", "aria-label": t('Version history'), children: [_jsx(VersionSidebar, { countLabel: versionCountLabel, search: search, onSearchChange: setSearch, showSearch: showSearch, loading: loading, versions: versions, visibleVersions: visibleVersions, selectedVersionId: selectedVersion?.id ?? null, onSelect: selectVersion, onPrefetch: prefetchVersion, formatDate: (version) => formatVersionDateTime(version.createdAt, locale), sourceLabel: (version) => t(versionSourceLabel(version.source)), sourceClassName: (version) => versionSourceClassName(version.source), restoredFrom: (version) => restoredFromVersion(version, versionById) }), _jsxs("div", { className: "jini-version-main", children: [_jsxs("header", { className: "jini-version-head", children: [_jsx("div", { className: "jini-version-meta", children: _jsxs("div", { className: "jini-version-meta-row", children: [selectedVersion?.current ? (_jsx("span", { className: "jini-version-current-badge", children: t('Current') })) : null, selectedVersion ? (_jsx("span", { className: `jini-version-source-badge ${versionSourceClassName(selectedVersion.source)}`, children: t(versionSourceLabel(selectedVersion.source)) })) : null, _jsx("span", { className: "jini-version-selected-date", children: selectedDate }), selectedRestoredFrom ? (_jsx("span", { className: "jini-version-restored-from", children: t('Restored from v{version}', { version: selectedRestoredFrom.version }) })) : null, _jsx(VersionPromptPopover, { prompt: selectedPrompt, disabled: !selectedVersion, copied: copied, onCopy: (text) => void copy(text), onOpenChange: (open) => {
-                                                    promptOpenRef.current = open;
-                                                } })] }) }), _jsxs("div", { className: "jini-version-actions", children: [selectedVersion && !selectedVersion.current ? (_jsx(VersionRestoreControl, { disabled: restoreDisabled, restoring: restoring, onRestore: () => void restore() })) : null, _jsx(ViewportToggleGroup, { presets: presets, viewport: viewport, onViewport: setViewport, ariaLabel: t('Preview viewport') }), openInNewTab ? (_jsx("button", { type: "button", className: "jini-viewer-action jini-viewer-action-icon", "aria-label": t('Open in new tab'), title: t('Open in new tab'), disabled: loadingContent, onClick: openInNewTab, children: t('Open') })) : null, _jsx("button", { type: "button", className: "jini-viewer-action jini-viewer-action-icon", "aria-label": t('Close'), title: t('Close'), onClick: onClose, children: t('Close') })] })] }), _jsx(VersionPreviewFrame, { previewDocument: previewDocument, frameReady: frameReady, onFrameLoad: () => markFrameLoaded(previewDocument), viewport: viewport, viewportPresets: presets, title: selectedVersion ? `${fileRef.name} · v${selectedVersion.version}` : fileRef.name, error: error, loading: loading, loadingContent: loadingContent })] })] }) }), document.body);
+        }, children: _jsxs("div", { className: "jini-version-modal", role: "dialog", "aria-modal": "true", "aria-label": t('Version history'), children: [_jsx(VersionSidebar, { countLabel: versionCountLabel, search: search, onSearchChange: setSearch, showSearch: showSearch, loading: loading, versions: versions, visibleVersions: visibleVersions, selectedVersionId: selectedVersion ? selectedVersion.id : null, onSelect: selectVersion, onPrefetch: prefetchVersion, formatDate: (version) => formatVersionDateTime(version.createdAt, locale), sourceLabel: (version) => t(versionSourceLabel(version.source)), sourceClassName: (version) => versionSourceClassName(version.source), restoredFrom: (version) => restoredFromVersion(version, versionById) }), _jsxs("div", { className: "jini-version-main", children: [_jsxs("header", { className: "jini-version-head", children: [_jsx(VersionMetadata, { selectedVersion: selectedVersion, versionById: versionById, fileName: fileRef.name, copied: copied, onCopy: (text) => void copy(text), onOpenChange: (open) => {
+                                        promptOpenRef.current = open;
+                                    } }), _jsxs("div", { className: "jini-version-actions", children: [selectedVersion && !selectedVersion.current ? (_jsx(VersionRestoreControl, { disabled: restoreDisabled, restoring: restoring, onRestore: () => void restore() })) : null, _jsx(ViewportToggleGroup, { presets: presets, viewport: viewport, onViewport: setViewport, ariaLabel: t('Preview viewport') }), openInNewTab ? (_jsx("button", { type: "button", className: "jini-viewer-action jini-viewer-action-icon", "aria-label": t('Open in new tab'), title: t('Open in new tab'), disabled: loadingContent, onClick: openInNewTab, children: t('Open') })) : null, _jsx("button", { type: "button", className: "jini-viewer-action jini-viewer-action-icon", "aria-label": t('Close'), title: t('Close'), onClick: onClose, children: t('Close') })] })] }), _jsx(VersionPreviewFrame, { previewDocument: previewDocument, frameReady: frameReady, onFrameLoad: () => markFrameLoaded(previewDocument), viewport: viewport, viewportPresets: presets, title: selectedVersion ? `${fileRef.name} · v${selectedVersion.version}` : fileRef.name, error: error, loading: loading, loadingContent: loadingContent })] })] }) }), document.body);
+}
+function VersionMetadata({ selectedVersion, versionById, fileName, copied, onCopy, onOpenChange, }) {
+    const { t, locale } = useI18n();
+    const selectedPrompt = selectedVersion?.prompt?.trim() ?? '';
+    const selectedDate = selectedVersion ? formatVersionDateTime(selectedVersion.createdAt, locale) : fileName;
+    const selectedRestoredFrom = selectedVersion ? restoredFromVersion(selectedVersion, versionById) : null;
+    return (_jsx("div", { className: "jini-version-meta", children: _jsxs("div", { className: "jini-version-meta-row", children: [selectedVersion?.current ? (_jsx("span", { className: "jini-version-current-badge", children: t('Current') })) : null, selectedVersion ? (_jsx("span", { className: `jini-version-source-badge ${versionSourceClassName(selectedVersion.source)}`, children: t(versionSourceLabel(selectedVersion.source)) })) : null, _jsx("span", { className: "jini-version-selected-date", children: selectedDate }), selectedRestoredFrom ? (_jsx("span", { className: "jini-version-restored-from", children: t('Restored from v{version}', { version: selectedRestoredFrom.version }) })) : null, _jsx(VersionPromptPopover, { prompt: selectedPrompt, disabled: !selectedVersion, copied: copied, onCopy: onCopy, onOpenChange: onOpenChange })] }) }));
 }
 //# sourceMappingURL=VersionManagerModal.js.map

package/dist/features/version-manager/react/hooks/useVersionManager.js

@@ -4,6 +4,11 @@ import { DEFAULT_VIEWPORT_PRESETS } from '../../../viewer-shell/index.js';
 import { PREVIEW_LOAD_FALLBACK_MS, SEARCH_VISIBLE_THRESHOLD, } from '../../constants.js';
 import { defaultVersionManagerDependencies } from '../../dependencies.js';
 import { buildVersionIndex, contentMatchesSelection, filterVersionsBySearch, formatVersionDateTime, isRestoreDisabled, restoredFromVersion, resolveSelectedVersion, shouldShowVersionSearch, sortVersionsDescending, versionSourceLabel, } from '../../rules.js';
+function seedCurrentVersionContent({ currentVersion, currentContent, contentCache, }) {
+    if (currentVersion && currentContent != null && !contentCache.has(currentVersion.id)) {
+        contentCache.set(currentVersion.id, currentContent);
+    }
+}
 /**
  * Owns the whole version-manager state machine: list fetch, selection,
  * content cache/prefetch, search, restore, and viewport choice. Kept as one
@@ -102,9 +107,7 @@ export function useVersionManager(dependencies, options) {
         const nextVersions = sortVersionsDescending(result);
         setVersions(nextVersions);
         const currentVersion = nextVersions.find((version) => version.current);
-        if (currentVersion && currentContent != null && !contentCacheRef.current.has(currentVersion.id)) {
-            contentCacheRef.current.set(currentVersion.id, currentContent);
-        }
+        seedCurrentVersionContent({ currentVersion, currentContent, contentCache: contentCacheRef.current });
         const nextSelected = (preferredId ? nextVersions.find((version) => version.id === preferredId) : null) ??
             currentVersion ??
             nextVersions[0] ??
@@ -207,7 +210,7 @@ export function useVersionManager(dependencies, options) {
                 // this hook already has.
                 contentCacheRef.current.set(restoredVersion.id, selectedContent);
                 preserveErrorOnNextSelectionRef.current = true;
-                await loadVersions(result.version?.id ?? selectedVersion.id);
+                await loadVersions(restoredVersion.id);
                 setError(result.warning.message);
                 return;
             }

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

@@ -22,30 +22,28 @@ export function CommentSidePanel({ comments, selectedIds, activeCommentId, colla
     const reorder = useCommentReorderHook(orderedIds, onReorder);
     const visibleSelectedIds = visibleSelectedCommentIds(comments, selectedIds);
     const selectedCount = visibleSelectedIds.size;
-    const allSelected = comments.length > 0 && selectedCount === comments.length;
     const commentsLabel = t('Comments');
-    const canCreateComment = Boolean(onCreateComment) && newCommentDraft.trim().length > 0 && !sending && !sendDisabled;
-    const collapsedRailRef = useRef(null);
-    const expandedToggleRef = useRef(null);
-    const pendingToggleFocusRef = useRef(null);
     const panelId = useId();
-    const formatTs = formatTimestamp ?? ((ts) => {
-        const translation = relativeCommentTimeTranslation(ts);
-        return t(translation.key, translation.vars);
+    const formatTs = useCommentTimestampFormatter(formatTimestamp);
+    const { collapsedRailRef, expandedToggleRef, handleCollapsedChange } = useCollapseToggleFocus({
+        collapsed,
+        onCollapsedChange,
     });
-    async function submitNewComment() {
-        if (!onCreateComment || !newCommentDraft.trim())
-            return;
-        const saved = await onCreateComment(newCommentDraft.trim());
-        if (saved)
-            setNewCommentDraft('');
+    if (collapsed) {
+        return (_jsx(CommentSideRail, { railRef: collapsedRailRef, commentsLabel: commentsLabel, commentCount: comments.length, onExpand: () => handleCollapsedChange(false, 'expanded') }));
     }
+    return (_jsxs("aside", { id: panelId, className: "comment-side-panel", "data-testid": "comment-side-panel", "aria-label": commentsLabel, children: [_jsx(CommentSideHeader, { toggleRef: expandedToggleRef, panelId: panelId, commentsLabel: commentsLabel, commentCount: comments.length, selectedCount: selectedCount, onSelectAll: onSelectAll, onCollapse: () => handleCollapsedChange(true, 'collapsed') }), _jsx("div", { className: "comment-side-list", onDragLeave: reorder.onDragLeaveContainer, children: comments.length === 0 ? (_jsx("div", { className: "comment-side-empty", children: t('No comments yet') })) : (comments.map((comment, index) => (_jsx(CommentSideItem, { comment: comment, index: index, selected: visibleSelectedIds.has(comment.id), active: comment.id === activeCommentId, reorder: reorder, onReply: onReply, onToggleSelect: onToggleSelect, getCommentLabel: getCommentLabel, getCommentTimestamp: getCommentTimestamp, getCommentBody: getCommentBody, getCommentAttachments: getCommentAttachments, resolveAttachmentUrl: resolveAttachmentUrl, formatTs: formatTs }, comment.id)))) }), _jsx(CommentSideSelectBar, { selectedCount: selectedCount, sending: sending, sendDisabled: sendDisabled, queueOnSend: queueOnSend, onClearSelection: onClearSelection, onSendSelected: onSendSelected }), composer ? _jsx("div", { className: "comment-side-composer", children: composer }) : null, _jsx(CommentSideCreateForm, { renderCreateForm: renderCreateForm, draft: newCommentDraft, onDraftChange: setNewCommentDraft, onCreateComment: onCreateComment, sending: sending, sendDisabled: sendDisabled })] }));
+}
+/** Moves focus onto whichever collapse/expand control replaced the one the
+ *  user just clicked, once the `collapsed` change has re-rendered. */
+function useCollapseToggleFocus({ collapsed, onCollapsedChange, }) {
+    const collapsedRailRef = useRef(null);
+    const expandedToggleRef = useRef(null);
+    const pendingToggleFocusRef = useRef(null);
     useEffect(() => {
-        const target = pendingToggleFocusRef.current === 'collapsed'
-            ? collapsedRailRef.current
-            : pendingToggleFocusRef.current === 'expanded'
-                ? expandedToggleRef.current
-                : null;
+        const targets = { collapsed: collapsedRailRef.current, expanded: expandedToggleRef.current };
+        const pending = pendingToggleFocusRef.current;
+        const target = pending ? targets[pending] : null;
         if (!target)
             return;
         pendingToggleFocusRef.current = null;
@@ -55,37 +53,92 @@ export function CommentSidePanel({ comments, selectedIds, activeCommentId, colla
         pendingToggleFocusRef.current = nextFocusTarget;
         onCollapsedChange(nextCollapsed);
     }
-    if (collapsed) {
-        return (_jsxs("button", { ref: collapsedRailRef, type: "button", className: "comment-side-rail", "data-testid": "comment-side-collapsed-rail", "aria-label": t('Show {label}', { label: commentsLabel }), "aria-expanded": false, title: t('Show {label}', { label: commentsLabel }), onClick: () => handleCollapsedChange(false, 'expanded'), children: [_jsx(RemixIcon, { name: "message-3-line", size: 15 }), _jsx("span", { children: commentsLabel }), comments.length > 0 ? _jsx("strong", { children: comments.length }) : null] }));
+    return { collapsedRailRef, expandedToggleRef, handleCollapsedChange };
+}
+function useCommentTimestampFormatter(formatTimestamp) {
+    const t = useT();
+    return (formatTimestamp ??
+        ((ts) => {
+            const translation = relativeCommentTimeTranslation(ts);
+            return t(translation.key, translation.vars);
+        }));
+}
+function CommentSideRail({ railRef, commentsLabel, commentCount, onExpand, }) {
+    const t = useT();
+    const showLabel = t('Show {label}', { label: commentsLabel });
+    return (_jsxs("button", { ref: railRef, type: "button", className: "comment-side-rail", "data-testid": "comment-side-collapsed-rail", "aria-label": showLabel, "aria-expanded": false, title: showLabel, onClick: onExpand, children: [_jsx(RemixIcon, { name: "message-3-line", size: 15 }), _jsx("span", { children: commentsLabel }), commentCount > 0 ? _jsx("strong", { children: commentCount }) : null] }));
+}
+function CommentSideHeader({ toggleRef, panelId, commentsLabel, commentCount, selectedCount, onSelectAll, onCollapse, }) {
+    const t = useT();
+    const hideLabel = t('Hide {label}', { label: commentsLabel });
+    const allSelected = commentCount > 0 && selectedCount === commentCount;
+    return (_jsxs("div", { className: "comment-side-header", children: [_jsxs("div", { className: "comment-side-title", children: [_jsx(RemixIcon, { name: "message-3-line", size: 15 }), _jsx("span", { children: commentsLabel })] }), _jsxs("div", { className: "comment-side-header-actions", children: [commentCount > 0 ? (_jsx("button", { type: "button", className: "comment-side-select-all", disabled: allSelected, onClick: onSelectAll, children: t('Select all') })) : null, _jsx("button", { ref: toggleRef, type: "button", className: "comment-side-collapse", "aria-label": hideLabel, "aria-controls": panelId, "aria-expanded": true, title: hideLabel, onClick: onCollapse, children: _jsx(Icon, { name: "chevron-right", size: 14 }) })] })] }));
+}
+/** ` comment-side-item-drop-<edge>` while another comment is dragged over
+ *  `commentId` with a known edge, else `''`. */
+function dropEdgeClassName(dragState, commentId) {
+    const showsDropEdge = dragState?.overId === commentId && dragState.draggingId !== commentId && dragState.edge;
+    return showsDropEdge ? ` comment-side-item-drop-${dragState.edge}` : '';
+}
+function commentItemClassName({ selected, active, isDragging, dropClass, }) {
+    return `comment-side-item${selected ? ' selected' : ''}${active ? ' active' : ''}${isDragging ? ' dragging' : ''}${dropClass}`;
+}
+function CommentSideItem({ comment, index, selected, active, reorder, onReply, onToggleSelect, getCommentLabel, getCommentTimestamp, getCommentBody, getCommentAttachments, resolveAttachmentUrl, formatTs, }) {
+    const t = useT();
+    const className = commentItemClassName({
+        selected,
+        active,
+        isDragging: reorder.dragState?.draggingId === comment.id,
+        dropClass: dropEdgeClassName(reorder.dragState, comment.id),
+    });
+    const attachments = getCommentAttachments?.(comment) ?? [];
+    const dragLabel = t('Drag to reorder');
+    return (_jsxs("div", { className: className, "data-testid": "comment-side-item", "data-comment-id": comment.id, "aria-current": active ? 'true' : undefined, role: "button", tabIndex: 0, onDragOver: (event) => reorder.onDragOver(event, comment.id), onDrop: (event) => reorder.onDrop(event, comment.id), onClick: () => onReply(comment), onKeyDown: (event) => {
+            if (event.key !== 'Enter' && event.key !== ' ')
+                return;
+            event.preventDefault();
+            onReply(comment);
+        }, children: [_jsxs("div", { className: "comment-side-item-head", children: [_jsx("button", { type: "button", className: "comment-side-drag-handle", title: dragLabel, "aria-label": dragLabel, draggable: reorder.canReorder, disabled: !reorder.canReorder, onClick: (event) => event.stopPropagation(), onDragStart: (event) => reorder.onDragStart(event, comment.id), onDragEnd: reorder.clear, children: _jsx(Icon, { name: "grip-vertical", size: 13 }) }), _jsx("span", { className: "comment-side-author", children: _jsx("strong", { children: `${index + 1}. ${getCommentLabel(comment, index)}` }) }), _jsx("span", { className: "comment-side-time", children: formatTs(getCommentTimestamp(comment)) }), _jsx("button", { type: "button", className: `comment-side-check${selected ? ' checked' : ''}`, "aria-label": selected ? t('Deselect') : t('Select'), "aria-pressed": selected, onClick: (event) => {
+                            event.stopPropagation();
+                            onToggleSelect(comment.id);
+                        }, children: selected ? _jsx(Icon, { name: "check", size: 11 }) : null })] }), _jsx("div", { className: "comment-side-body", children: getCommentBody(comment) }), resolveAttachmentUrl && attachments.length > 0 ? (_jsx(CommentSideAttachments, { attachments: attachments, resolveAttachmentUrl: resolveAttachmentUrl })) : null] }));
+}
+function CommentSideAttachments({ attachments, resolveAttachmentUrl, }) {
+    return (_jsx("div", { className: "comment-side-attachments", children: attachments.map((attachment) => {
+            const url = resolveAttachmentUrl(attachment);
+            return (_jsx("a", { className: "comment-side-attachment", "data-testid": "comment-side-attachment", href: url, target: "_blank", rel: "noopener noreferrer", "aria-label": attachment.name, title: attachment.name, onClick: (event) => event.stopPropagation(), children: _jsx("img", { src: url, alt: attachment.name }) }, attachment.path));
+        }) }));
+}
+function CommentSideSelectBar({ selectedCount, sending, sendDisabled, queueOnSend, onClearSelection, onSendSelected, }) {
+    const t = useT();
+    if (selectedCount === 0)
+        return null;
+    return (_jsxs("div", { className: "comment-side-selectbar", "data-testid": "comment-side-selectbar", children: [_jsx("span", { className: "comment-side-selectcount", children: t('{n} selected', { n: selectedCount }) }), _jsx("button", { type: "button", className: "comment-side-clear", onClick: onClearSelection, children: t('Clear') }), _jsx("button", { type: "button", className: "comment-side-send", "data-testid": "comment-side-send-claude", disabled: sending || sendDisabled, onClick: () => void onSendSelected(), children: sending ? t('Sending…') : queueOnSend ? t('Queue') : t('Send to chat') })] }));
+}
+function CommentSideCreateForm({ renderCreateForm, draft, onDraftChange, onCreateComment, sending, sendDisabled, }) {
+    const t = useT();
+    if (!renderCreateForm || !onCreateComment)
+        return null;
+    // Bind the narrowed callback: TypeScript drops the narrowing inside the
+    // nested async `submitNewComment` closure below.
+    const createComment = onCreateComment;
+    const canCreateComment = draft.trim().length > 0 && !sending && !sendDisabled;
+    const addLabel = t('Add a comment…');
+    async function submitNewComment() {
+        if (!draft.trim())
+            return;
+        const saved = await createComment(draft.trim());
+        if (saved)
+            onDraftChange('');
     }
-    return (_jsxs("aside", { id: panelId, className: "comment-side-panel", "data-testid": "comment-side-panel", "aria-label": commentsLabel, children: [_jsxs("div", { className: "comment-side-header", children: [_jsxs("div", { className: "comment-side-title", children: [_jsx(RemixIcon, { name: "message-3-line", size: 15 }), _jsx("span", { children: commentsLabel })] }), _jsxs("div", { className: "comment-side-header-actions", children: [comments.length > 0 ? (_jsx("button", { type: "button", className: "comment-side-select-all", disabled: allSelected, onClick: onSelectAll, children: t('Select all') })) : null, _jsx("button", { ref: expandedToggleRef, type: "button", className: "comment-side-collapse", "aria-label": t('Hide {label}', { label: commentsLabel }), "aria-controls": panelId, "aria-expanded": true, title: t('Hide {label}', { label: commentsLabel }), onClick: () => handleCollapsedChange(true, 'collapsed'), children: _jsx(Icon, { name: "chevron-right", size: 14 }) })] })] }), _jsx("div", { className: "comment-side-list", onDragLeave: reorder.onDragLeaveContainer, children: comments.length === 0 ? (_jsx("div", { className: "comment-side-empty", children: t('No comments yet') })) : (comments.map((comment, index) => {
-                    const selected = visibleSelectedIds.has(comment.id);
-                    const active = comment.id === activeCommentId;
-                    const isDragging = reorder.dragState?.draggingId === comment.id;
-                    const dropClass = reorder.dragState?.overId === comment.id && reorder.dragState.draggingId !== comment.id && reorder.dragState.edge
-                        ? ` comment-side-item-drop-${reorder.dragState.edge}`
-                        : '';
-                    const attachments = getCommentAttachments?.(comment) ?? [];
-                    return (_jsxs("div", { className: `comment-side-item${selected ? ' selected' : ''}${active ? ' active' : ''}${isDragging ? ' dragging' : ''}${dropClass}`, "data-testid": "comment-side-item", "data-comment-id": comment.id, "aria-current": active ? 'true' : undefined, role: "button", tabIndex: 0, onDragOver: (event) => reorder.onDragOver(event, comment.id), onDrop: (event) => reorder.onDrop(event, comment.id), onClick: () => onReply(comment), onKeyDown: (event) => {
-                            if (event.key !== 'Enter' && event.key !== ' ')
-                                return;
-                            event.preventDefault();
-                            onReply(comment);
-                        }, children: [_jsxs("div", { className: "comment-side-item-head", children: [_jsx("button", { type: "button", className: "comment-side-drag-handle", title: t('Drag to reorder'), "aria-label": t('Drag to reorder'), draggable: reorder.canReorder, disabled: !reorder.canReorder, onClick: (event) => event.stopPropagation(), onDragStart: (event) => reorder.onDragStart(event, comment.id), onDragEnd: reorder.clear, children: _jsx(Icon, { name: "grip-vertical", size: 13 }) }), _jsx("span", { className: "comment-side-author", children: _jsx("strong", { children: `${index + 1}. ${getCommentLabel(comment, index)}` }) }), _jsx("span", { className: "comment-side-time", children: formatTs(getCommentTimestamp(comment)) }), _jsx("button", { type: "button", className: `comment-side-check${selected ? ' checked' : ''}`, "aria-label": selected ? t('Deselect') : t('Select'), "aria-pressed": selected, onClick: (event) => {
-                                            event.stopPropagation();
-                                            onToggleSelect(comment.id);
-                                        }, children: selected ? _jsx(Icon, { name: "check", size: 11 }) : null })] }), _jsx("div", { className: "comment-side-body", children: getCommentBody(comment) }), resolveAttachmentUrl && attachments.length > 0 ? (_jsx("div", { className: "comment-side-attachments", children: attachments.map((attachment) => {
-                                    const url = resolveAttachmentUrl(attachment);
-                                    return (_jsx("a", { className: "comment-side-attachment", "data-testid": "comment-side-attachment", href: url, target: "_blank", rel: "noopener noreferrer", "aria-label": attachment.name, title: attachment.name, onClick: (event) => event.stopPropagation(), children: _jsx("img", { src: url, alt: attachment.name }) }, attachment.path));
-                                }) })) : null] }, comment.id));
-                })) }), selectedCount > 0 ? (_jsxs("div", { className: "comment-side-selectbar", "data-testid": "comment-side-selectbar", children: [_jsx("span", { className: "comment-side-selectcount", children: t('{n} selected', { n: selectedCount }) }), _jsx("button", { type: "button", className: "comment-side-clear", onClick: onClearSelection, children: t('Clear') }), _jsx("button", { type: "button", className: "comment-side-send", "data-testid": "comment-side-send-claude", disabled: sending || sendDisabled, onClick: () => void onSendSelected(), children: sending ? t('Sending…') : queueOnSend ? t('Queue') : t('Send to chat') })] })) : null, composer ? _jsx("div", { className: "comment-side-composer", children: composer }) : null, renderCreateForm && onCreateComment ? (_jsx("form", { className: "comment-side-new-comment composer", onSubmit: (event) => {
-                    event.preventDefault();
-                    void submitNewComment();
-                }, children: _jsxs("div", { className: "composer-shell comment-side-new-comment-shell", children: [_jsx("div", { className: "composer-input-wrap", children: _jsx("div", { className: "composer-textarea-layer", children: _jsx("textarea", { value: newCommentDraft, placeholder: t('Add a comment…'), "aria-label": t('Add a comment…'), onChange: (event) => setNewCommentDraft(event.target.value), onKeyDown: (event) => {
-                                        if ((event.metaKey || event.ctrlKey) && event.key === 'Enter') {
-                                            event.preventDefault();
-                                            void submitNewComment();
-                                        }
-                                    } }) }) }), _jsxs("div", { className: "composer-row comment-side-new-comment-actions", children: [_jsx("button", { type: "button", className: "icon-btn", title: t('Attach'), "aria-label": t('Attach'), disabled: true, children: _jsx(Icon, { name: "attach", size: 15 }) }), _jsx("span", { className: "composer-spacer" }), _jsxs("button", { type: "submit", className: `composer-send${sending ? ' is-sending' : ''}`, disabled: !canCreateComment, children: [_jsx(Icon, { name: "send", size: 13 }), _jsx("span", { children: sending ? t('Sending…') : t('Send') })] })] })] }) })) : null] }));
+    return (_jsx("form", { className: "comment-side-new-comment composer", onSubmit: (event) => {
+            event.preventDefault();
+            void submitNewComment();
+        }, children: _jsxs("div", { className: "composer-shell comment-side-new-comment-shell", children: [_jsx("div", { className: "composer-input-wrap", children: _jsx("div", { className: "composer-textarea-layer", children: _jsx("textarea", { value: draft, placeholder: addLabel, "aria-label": addLabel, onChange: (event) => onDraftChange(event.target.value), onKeyDown: (event) => {
+                                if ((event.metaKey || event.ctrlKey) && event.key === 'Enter') {
+                                    event.preventDefault();
+                                    void submitNewComment();
+                                }
+                            } }) }) }), _jsxs("div", { className: "composer-row comment-side-new-comment-actions", children: [_jsx("button", { type: "button", className: "icon-btn", title: t('Attach'), "aria-label": t('Attach'), disabled: true, children: _jsx(Icon, { name: "attach", size: 15 }) }), _jsx("span", { className: "composer-spacer" }), _jsxs("button", { type: "submit", className: `composer-send${sending ? ' is-sending' : ''}`, disabled: !canCreateComment, children: [_jsx(Icon, { name: "send", size: 13 }), _jsx("span", { children: sending ? t('Sending…') : t('Send') })] })] })] }) }));
 }
 //# sourceMappingURL=CommentSidePanel.js.map

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

@@ -31,13 +31,33 @@ export function MarkdownSplitPane({ mode, onModeChange, sourceText, onSourceChan
     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] })) }));
+    return (_jsx(ViewerShell, { kindClassName: "markdown-split-viewer", bodyClassName: `markdown-workbench markdown-workbench-${mode}`, toolbarLeft: _jsxs(_Fragment, { children: [toolbarLeftExtra, _jsx(MarkdownModeTabs, { mode: mode, onModeChange: onModeChange, sourceLabel: sourceLabel, splitLabel: splitLabel, previewLabel: previewLabel, modeAriaLabel: modeAriaLabel })] }), toolbarActions: toolbarActions, children: isLoading ? (_jsx("div", { className: "viewer-empty", children: loadingLabel ?? t('Loading…') })) : (_jsxs(_Fragment, { children: [showEditor ? (_jsx(MarkdownEditorPane, { editorRef: editorRef, sourceText: sourceText, onSourceChange: onSourceChange, ariaLabel: editorAriaLabel, onScroll: handleEditorScroll, activatePane: activatePane, textareaProps: editorTextareaProps })) : null, showPreview ? (_jsx(MarkdownPreviewPane, { previewRef: previewRef, 
+                    // Non-null assertion: `isLoading` (above) is true whenever
+                    // `previewHtml === null`, and this JSX only renders in the
+                    // `!isLoading` branch — so `previewHtml` is always a string
+                    // here. TypeScript can't follow that indirect invariant
+                    // through the derived `isLoading` boolean, hence the `!`.
+                    html: previewHtml, ariaLabel: previewAriaLabel, onScroll: handlePreviewScroll, activatePane: activatePane, onPreviewClick: onPreviewClick })) : null] })) }));
+}
+function MarkdownModeTabs({ mode, onModeChange, sourceLabel, splitLabel, previewLabel, modeAriaLabel, }) {
+    const t = useT();
+    return (_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') },
+        ] }));
+}
+function MarkdownEditorPane({ editorRef, sourceText, onSourceChange, ariaLabel, onScroll, activatePane, textareaProps, }) {
+    const t = useT();
+    const label = ariaLabel ?? t('Markdown editor');
+    return (_jsx("section", { className: "markdown-editor-pane", "aria-label": label, children: _jsx("textarea", { ref: editorRef, className: "markdown-editor", value: sourceText, "aria-label": label, spellCheck: true, onFocus: () => activatePane('editor'), onChange: (event) => {
+                activatePane('editor');
+                onSourceChange(event.currentTarget.value);
+            }, onScroll: onScroll, ...textareaProps }) }));
+}
+function MarkdownPreviewPane({ previewRef, html, ariaLabel, onScroll, activatePane, onPreviewClick, }) {
+    const t = useT();
+    const activatePreview = () => activatePane('preview');
+    return (_jsx("div", { className: "markdown-preview-pane-wrap", children: _jsx("section", { ref: previewRef, className: "markdown-preview-pane", "aria-label": ariaLabel ?? t('Markdown preview'), onPointerDown: activatePreview, onWheel: activatePreview, onTouchStart: activatePreview, onKeyDown: activatePreview, onFocus: activatePreview, onScroll: onScroll, children: _jsx("article", { className: "markdown-rendered", onClick: onPreviewClick, dangerouslySetInnerHTML: { __html: html } }) }) }));
 }
 //# sourceMappingURL=MarkdownSplitPane.js.map

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

@@ -26,31 +26,22 @@ export function useCommentReorder(orderedIds, onReorder) {
             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 });
-        }
+        // Hovering back over the dragged item itself shows no drop edge.
+        const edge = draggingId === targetId ? null : pointerDropEdge(event);
+        const next = { draggingId, overId: targetId, edge };
+        if (!isSameDragState(dragState, next))
+            setDragState(next);
     }
     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');
+        const draggingId = dragState?.draggingId || draggingIdFromTransfer(event.dataTransfer);
         if (!draggingId || draggingId === targetId) {
             setDragState(null);
             return;
         }
-        const edge = dragState?.overId === targetId && dragState.edge
-            ? dragState.edge
-            : dropEdgeForClientY(event.clientY, event.currentTarget.getBoundingClientRect());
+        const edge = cachedDropEdge(dragState, targetId) ?? pointerDropEdge(event);
         const nextIds = reorderCommentIds(orderedIds, draggingId, targetId, edge);
         if (nextIds.join('\0') !== orderedIds.join('\0')) {
             onReorder?.(nextIds);
@@ -68,4 +59,19 @@ export function useCommentReorder(orderedIds, onReorder) {
     }
     return { dragState, canReorder, onDragStart, onDragOver, onDrop, onDragLeaveContainer, clear };
 }
+function pointerDropEdge(event) {
+    return dropEdgeForClientY(event.clientY, event.currentTarget.getBoundingClientRect());
+}
+/** Dragging id carried by the DOM payload: the comment mime type, then the
+ *  `text/plain` copy `onDragStart` also writes. */
+function draggingIdFromTransfer(dataTransfer) {
+    return dataTransfer.getData(COMMENT_SIDE_DRAG_MIME) || dataTransfer.getData('text/plain');
+}
+/** The edge already shown while hovering `targetId`, if any. */
+function cachedDropEdge(dragState, targetId) {
+    return dragState?.overId === targetId ? dragState.edge : null;
+}
+function isSameDragState(current, next) {
+    return current?.draggingId === next.draggingId && current.overId === next.overId && current.edge === next.edge;
+}
 //# sourceMappingURL=useCommentReorder.js.map

package/dist/features/viewer-shell/rules.js

@@ -89,27 +89,10 @@ export function visibleSelectedCommentIds(comments, selectedIds) {
  *  `number`. When true, callers should display the original text verbatim
  *  instead of a "prettified" re-stringify. */
 export function hasPrecisionSensitiveJsonNumberText(text) {
-    let inString = false;
-    let escaped = false;
     const numberTokenPattern = /-?(?:0|[1-9]\d*)(?:\.\d+)?(?:[eE][+-]?\d+)?/y;
     for (let i = 0; i < text.length;) {
-        const char = text[i];
-        if (inString) {
-            if (escaped) {
-                escaped = false;
-            }
-            else if (char === '\\') {
-                escaped = true;
-            }
-            else if (char === '"') {
-                inString = false;
-            }
-            i += 1;
-            continue;
-        }
-        if (char === '"') {
-            inString = true;
-            i += 1;
+        if (text[i] === '"') {
+            i = indexAfterJsonString(text, i + 1);
             continue;
         }
         numberTokenPattern.lastIndex = i;
@@ -118,15 +101,28 @@ export function hasPrecisionSensitiveJsonNumberText(text) {
             i += 1;
             continue;
         }
-        const token = match[0];
-        if (isSignedNegativeZeroJsonNumberToken(token))
-            return true;
-        if (/[.eE]/.test(token) && isPrecisionSensitiveJsonNumberToken(token))
+        if (isPrecisionSensitiveNumberLiteral(match[0]))
             return true;
         i = numberTokenPattern.lastIndex;
     }
     return false;
 }
+/** Index just past the closing quote of the JSON string whose body starts at
+ *  `start` (honouring `\` escapes), or `text.length` when it is unterminated. */
+function indexAfterJsonString(text, start) {
+    for (let i = start; i < text.length; i += 1) {
+        if (text[i] === '\\')
+            i += 1;
+        else if (text[i] === '"')
+            return i + 1;
+    }
+    return text.length;
+}
+function isPrecisionSensitiveNumberLiteral(token) {
+    if (isSignedNegativeZeroJsonNumberToken(token))
+        return true;
+    return /[.eE]/.test(token) && isPrecisionSensitiveJsonNumberToken(token);
+}
 function isSignedNegativeZeroJsonNumberToken(token) {
     return /^-0(?:\.0+)?(?:[eE][+-]?\d+)?$/.test(token);
 }