@zephytiju/prism-main-editor 0.1.0

package/dist/blocks/SelectionToolbar.js

@@ -0,0 +1,175 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useEffect, useRef, useState } from "react";
+import { Box } from "@mantine/core";
+import { emitPrismEvent } from "@zephytiju/prism-react";
+import { stringsForLocale } from "../locales/index.js";
+import { ACCENT, CARD, LINE, POPOVER_SHADOW, SELECTED_TINT, TEXT } from "../tokens.js";
+/** Toolbar placement offsets (px) — above the selection, like Feishu. */
+const TOOLBAR_OFFSET_ABOVE = 40;
+const TOOLBAR_EDGE_MARGIN = 12;
+/**
+ * The D11 text-selection toolbar: selecting text inside the editor's editable
+ * text surfaces (narrative heading/paragraph, analyst-judgment body) opens a
+ * floating toolbar at the selection. The style actions (bold / italic /
+ * underline / strikethrough) apply text-style mutations to the selection via
+ * document.execCommand — the DOM is the editing surface while the channel
+ * projection stays authoritative for content. The 💬 action wraps the
+ * selected range in a token-only highlight mark and emits
+ * "main-editor.comment-requested" {blockId, quote}, anchoring a new thread to
+ * that text range (the host creates the thread; the aligned comments rail
+ * stacks it under its block). The toolbar dismisses whenever the selection
+ * collapses (or scrolls away).
+ */
+export function SelectionToolbar({ locale, containerRef }) {
+    const strings = stringsForLocale(locale);
+    const [selection, setSelection] = useState(null);
+    const lastRangeRef = useRef(null);
+    useEffect(() => {
+        const evaluate = () => {
+            const container = containerRef.current;
+            const active = document.getSelection();
+            if (container === null ||
+                active === null ||
+                active.rangeCount === 0 ||
+                active.isCollapsed ||
+                active.anchorNode === null ||
+                active.focusNode === null) {
+                lastRangeRef.current = null;
+                setSelection(null);
+                return;
+            }
+            const anchorElement = active.anchorNode.nodeType === Node.ELEMENT_NODE
+                ? active.anchorNode
+                : active.anchorNode.parentElement;
+            const focusElement = active.focusNode.nodeType === Node.ELEMENT_NODE
+                ? active.focusNode
+                : active.focusNode.parentElement;
+            const anchorEditable = anchorElement?.closest("[data-main-editor-editable]") ?? null;
+            const focusEditable = focusElement?.closest("[data-main-editor-editable]") ?? null;
+            if (anchorEditable === null ||
+                anchorEditable !== focusEditable ||
+                !container.contains(anchorEditable)) {
+                lastRangeRef.current = null;
+                setSelection(null);
+                return;
+            }
+            const range = active.getRangeAt(0);
+            lastRangeRef.current = range.cloneRange();
+            // jsdom's Range lacks geometry: fall back to the editable's rect there.
+            const rect = typeof range.getBoundingClientRect === "function"
+                ? range.getBoundingClientRect()
+                : anchorEditable.getBoundingClientRect();
+            setSelection({
+                blockId: anchorEditable.getAttribute("data-main-editor-editable") ?? "",
+                centerX: rect.left + rect.width / 2,
+                top: rect.top,
+                bottom: rect.bottom,
+            });
+        };
+        const dismiss = () => {
+            lastRangeRef.current = null;
+            setSelection(null);
+        };
+        document.addEventListener("selectionchange", evaluate);
+        // Any scroll invalidates the cached placement geometry — dismiss like Feishu.
+        document.addEventListener("scroll", dismiss, true);
+        return () => {
+            document.removeEventListener("selectionchange", evaluate);
+            document.removeEventListener("scroll", dismiss, true);
+        };
+    }, [containerRef]);
+    if (selection === null) {
+        return null;
+    }
+    /** Keeps the selection alive while a toolbar button is pressed. */
+    const keepSelection = (event) => {
+        event.preventDefault();
+    };
+    const applyStyle = (command) => {
+        if (typeof document.execCommand === "function") {
+            document.execCommand(command, false);
+        }
+    };
+    const commentOnSelection = () => {
+        const container = containerRef.current;
+        const editable = container?.querySelector(`[data-main-editor-editable="${selection.blockId}"]`);
+        const active = document.getSelection();
+        if (editable === null || editable === undefined || active === null || active.rangeCount === 0) {
+            return;
+        }
+        const quote = active.toString();
+        const range = lastRangeRef.current !== null && active.isCollapsed
+            ? lastRangeRef.current
+            : active.getRangeAt(0);
+        const mark = document.createElement("span");
+        mark.setAttribute("data-main-editor-quote", "true");
+        mark.style.background = SELECTED_TINT;
+        mark.style.borderRadius = "2px";
+        mark.style.padding = "1px 2px";
+        try {
+            range.surroundContents(mark);
+        }
+        catch {
+            // Selection crossing element boundaries: extract + reinsert instead.
+            mark.appendChild(range.extractContents());
+            range.insertNode(mark);
+        }
+        const request = { blockId: selection.blockId, quote };
+        emitPrismEvent("main-editor.comment-requested", request);
+        active.removeAllRanges();
+        setSelection(null);
+    };
+    const viewportWidth = typeof window === "undefined" ? 0 : window.innerWidth;
+    const left = Math.min(Math.max(selection.centerX, TOOLBAR_EDGE_MARGIN + 90), Math.max(viewportWidth - TOOLBAR_EDGE_MARGIN - 90, TOOLBAR_EDGE_MARGIN + 90));
+    const style = {
+        position: "fixed",
+        left,
+        top: selection.top >= TOOLBAR_OFFSET_ABOVE ? selection.top - TOOLBAR_OFFSET_ABOVE : selection.bottom + 8,
+        transform: "translateX(-50%)",
+        height: 34,
+        display: "flex",
+        alignItems: "center",
+        gap: 2,
+        padding: "0 6px",
+        background: CARD,
+        border: `1px solid ${LINE}`,
+        borderRadius: 8,
+        boxShadow: POPOVER_SHADOW,
+        zIndex: 40,
+    };
+    return (_jsxs(Box, { style: style, "data-testid": "main-editor-selection-toolbar", role: "toolbar", children: [_jsx("style", { children: ".prism-me-ttbtn:hover{background:var(--mantine-color-input-filled);}" }), _jsx(ToolbarButton, { testid: "main-editor-selection-bold", title: strings.boldTitle, bold: true, onPointerDown: keepSelection, onClick: () => {
+                    applyStyle("bold");
+                }, children: "B" }), _jsx(ToolbarButton, { testid: "main-editor-selection-italic", title: strings.italicTitle, italic: true, onPointerDown: keepSelection, onClick: () => {
+                    applyStyle("italic");
+                }, children: "I" }), _jsx(ToolbarButton, { testid: "main-editor-selection-underline", title: strings.underlineTitle, underline: true, onPointerDown: keepSelection, onClick: () => {
+                    applyStyle("underline");
+                }, children: "U" }), _jsx(ToolbarButton, { testid: "main-editor-selection-strikethrough", title: strings.strikethroughTitle, strikethrough: true, onPointerDown: keepSelection, onClick: () => {
+                    applyStyle("strikeThrough");
+                }, children: "S" }), _jsx("span", { style: { width: 1, height: 18, background: "var(--mantine-color-border-filled)", margin: "0 4px" }, "aria-hidden": "true" }), _jsx(ToolbarButton, { testid: "main-editor-selection-comment", title: strings.commentOnSelection, accent: true, onPointerDown: keepSelection, onClick: () => {
+                    commentOnSelection();
+                }, children: "\uD83D\uDCAC" })] }));
+}
+function ToolbarButton({ children, testid, title, bold, italic, underline, strikethrough, accent, onPointerDown, onClick, }) {
+    return (_jsx("button", { type: "button", title: title, "aria-label": title, "data-testid": testid, className: "prism-me-ttbtn", style: {
+            minWidth: 26,
+            height: 26,
+            borderRadius: 5,
+            display: "inline-flex",
+            alignItems: "center",
+            justifyContent: "center",
+            fontSize: 12,
+            fontWeight: bold ? 700 : undefined,
+            fontStyle: italic ? "italic" : undefined,
+            textDecoration: [
+                underline ? "underline" : undefined,
+                strikethrough ? "line-through" : undefined,
+            ]
+                .filter(Boolean)
+                .join(" "),
+            color: accent ? ACCENT : TEXT,
+            background: "transparent",
+            border: "none",
+            cursor: "pointer",
+            padding: "0 4px",
+        }, onPointerDown: onPointerDown, onClick: onClick, children: children }));
+}

package/dist/blocks/menuStyles.d.ts

@@ -0,0 +1,32 @@
+/**
+ * Shared styling of the editor's popover menus (the insert block-kind menu,
+ * the drag block-action menu, the saved-views dropdown): one option-row style
+ * and one mono header-row style, both token-only. Kept verbatim-shared so the
+ * split menu components render pixel-identically.
+ */
+export declare const menuOptionStyle: {
+    width: string;
+    height: number;
+    display: string;
+    alignItems: string;
+    gap: number;
+    padding: string;
+    fontFamily: string;
+    fontSize: number;
+    color: string;
+    background: string;
+    border: string;
+    cursor: string;
+    textAlign: "left";
+};
+export declare const menuHeaderStyle: {
+    height: number;
+    display: string;
+    alignItems: string;
+    padding: string;
+    fontFamily: string;
+    fontSize: number;
+    color: string;
+    letterSpacing: string;
+};
+//# sourceMappingURL=menuStyles.d.ts.map

package/dist/blocks/menuStyles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"menuStyles.d.ts","sourceRoot":"","sources":["../../src/blocks/menuStyles.ts"],"names":[],"mappings":"AAEA;;;;;GAKG;AACH,eAAO,MAAM,eAAe;;;;;;;;;;;;;;CAc3B,CAAC;AAEF,eAAO,MAAM,eAAe;;;;;;;;;CAS3B,CAAC"}

package/dist/blocks/menuStyles.js

@@ -0,0 +1,32 @@
+import { MONO, MUTED, TEXT } from "../tokens.js";
+/**
+ * Shared styling of the editor's popover menus (the insert block-kind menu,
+ * the drag block-action menu, the saved-views dropdown): one option-row style
+ * and one mono header-row style, both token-only. Kept verbatim-shared so the
+ * split menu components render pixel-identically.
+ */
+export const menuOptionStyle = {
+    width: "100%",
+    height: 26,
+    display: "flex",
+    alignItems: "center",
+    gap: 8,
+    padding: "0 12px",
+    fontFamily: MONO,
+    fontSize: 8,
+    color: TEXT,
+    background: "transparent",
+    border: "none",
+    cursor: "pointer",
+    textAlign: "left",
+};
+export const menuHeaderStyle = {
+    height: 22,
+    display: "flex",
+    alignItems: "center",
+    padding: "0 12px",
+    fontFamily: MONO,
+    fontSize: 6,
+    color: MUTED,
+    letterSpacing: "0.07em",
+};

package/dist/index.d.ts

@@ -0,0 +1,26 @@
+export { MainEditor } from "./MainEditor.js";
+export type { MainEditorProps } from "./MainEditor.js";
+export { TitleBar } from "./TitleBar.js";
+export type { TitleBarProps } from "./TitleBar.js";
+export { CommentsPane } from "./CommentsPane.js";
+export type { CommentsPaneProps } from "./CommentsPane.js";
+export { BlockStack } from "./blocks/BlockStack.js";
+export type { BlockStackProps } from "./blocks/BlockStack.js";
+export { NarrativeBlockView } from "./blocks/NarrativeBlockView.js";
+export type { NarrativeBlockViewProps } from "./blocks/NarrativeBlockView.js";
+export { AssessmentBlockView } from "./blocks/AssessmentBlockView.js";
+export type { AssessmentBlockViewProps } from "./blocks/AssessmentBlockView.js";
+export { GeovisionEmbedView } from "./blocks/GeovisionEmbedView.js";
+export type { GeovisionEmbedViewProps } from "./blocks/GeovisionEmbedView.js";
+export { EvidenceTableView } from "./blocks/EvidenceTableView.js";
+export type { EvidenceTableViewProps } from "./blocks/EvidenceTableView.js";
+export { NativeTableView } from "./blocks/NativeTableView.js";
+export type { NativeTableViewProps } from "./blocks/NativeTableView.js";
+export { SelectionToolbar } from "./blocks/SelectionToolbar.js";
+export type { SelectionToolbarProps } from "./blocks/SelectionToolbar.js";
+export { en, zhCN, locales, stringsForLocale, formatMessage } from "./locales/index.js";
+export type { MainEditorLocale, MainEditorStrings } from "./locales/index.js";
+export type { MainEditorBlock, MainEditorBlockKind, MainEditorDossier, MainEditorCommentThread, MainEditorFocusedBlock, MainEditorInsertBlockRequest, MainEditorReorderBlockRequest, MainEditorDuplicateBlockRequest, MainEditorCommentRequest, MainEditorOpenViewRequest, MainEditorRemoveBlockRequest, MainEditorShareRequest, NarrativeBlock, NarrativeSpan, AssessmentBlock, GeovisionEmbedBlock, EvidenceTableBlock, NativeTableBlock, CommentThreadComment, DossierDoc, DossierDocBlock, } from "./types.js";
+export type { GeovisionMapEngine, GeovisionViewDescriptor } from "@zephytiju/prism-geovision-embed-block";
+export type { EvidenceAuditRef, EvidenceColumn, EvidenceSavedView, EvidenceTableRow, } from "@zephytiju/prism-evidence-table";
+//# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAC7C,YAAY,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAC;AACvD,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AACzC,YAAY,EAAE,aAAa,EAAE,MAAM,eAAe,CAAC;AACnD,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AACjD,YAAY,EAAE,iBAAiB,EAAE,MAAM,mBAAmB,CAAC;AAC3D,OAAO,EAAE,UAAU,EAAE,MAAM,wBAAwB,CAAC;AACpD,YAAY,EAAE,eAAe,EAAE,MAAM,wBAAwB,CAAC;AAC9D,OAAO,EAAE,kBAAkB,EAAE,MAAM,gCAAgC,CAAC;AACpE,YAAY,EAAE,uBAAuB,EAAE,MAAM,gCAAgC,CAAC;AAC9E,OAAO,EAAE,mBAAmB,EAAE,MAAM,iCAAiC,CAAC;AACtE,YAAY,EAAE,wBAAwB,EAAE,MAAM,iCAAiC,CAAC;AAChF,OAAO,EAAE,kBAAkB,EAAE,MAAM,gCAAgC,CAAC;AACpE,YAAY,EAAE,uBAAuB,EAAE,MAAM,gCAAgC,CAAC;AAC9E,OAAO,EAAE,iBAAiB,EAAE,MAAM,+BAA+B,CAAC;AAClE,YAAY,EAAE,sBAAsB,EAAE,MAAM,+BAA+B,CAAC;AAC5E,OAAO,EAAE,eAAe,EAAE,MAAM,6BAA6B,CAAC;AAC9D,YAAY,EAAE,oBAAoB,EAAE,MAAM,6BAA6B,CAAC;AACxE,OAAO,EAAE,gBAAgB,EAAE,MAAM,8BAA8B,CAAC;AAChE,YAAY,EAAE,qBAAqB,EAAE,MAAM,8BAA8B,CAAC;AAC1E,OAAO,EAAE,EAAE,EAAE,IAAI,EAAE,OAAO,EAAE,gBAAgB,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;AACxF,YAAY,EAAE,gBAAgB,EAAE,iBAAiB,EAAE,MAAM,oBAAoB,CAAC;AAC9E,YAAY,EACV,eAAe,EACf,mBAAmB,EACnB,iBAAiB,EACjB,uBAAuB,EACvB,sBAAsB,EACtB,4BAA4B,EAC5B,6BAA6B,EAC7B,+BAA+B,EAC/B,wBAAwB,EACxB,yBAAyB,EACzB,4BAA4B,EAC5B,sBAAsB,EACtB,cAAc,EACd,aAAa,EACb,eAAe,EACf,mBAAmB,EACnB,kBAAkB,EAClB,gBAAgB,EAChB,oBAAoB,EACpB,UAAU,EACV,eAAe,GAChB,MAAM,YAAY,CAAC;AAIpB,YAAY,EAAE,kBAAkB,EAAE,uBAAuB,EAAE,MAAM,wCAAwC,CAAC;AAC1G,YAAY,EACV,gBAAgB,EAChB,cAAc,EACd,iBAAiB,EACjB,gBAAgB,GACjB,MAAM,iCAAiC,CAAC"}

package/dist/index.js

@@ -0,0 +1,11 @@
+export { MainEditor } from "./MainEditor.js";
+export { TitleBar } from "./TitleBar.js";
+export { CommentsPane } from "./CommentsPane.js";
+export { BlockStack } from "./blocks/BlockStack.js";
+export { NarrativeBlockView } from "./blocks/NarrativeBlockView.js";
+export { AssessmentBlockView } from "./blocks/AssessmentBlockView.js";
+export { GeovisionEmbedView } from "./blocks/GeovisionEmbedView.js";
+export { EvidenceTableView } from "./blocks/EvidenceTableView.js";
+export { NativeTableView } from "./blocks/NativeTableView.js";
+export { SelectionToolbar } from "./blocks/SelectionToolbar.js";
+export { en, zhCN, locales, stringsForLocale, formatMessage } from "./locales/index.js";

package/dist/locales/en.json

@@ -0,0 +1,37 @@
+{
+  "main-editor": {
+    "docPrefix": "DOSSIER",
+    "autosavedAt": "AUTOSAVED {time}",
+    "commentsButton": "COMMENTS",
+    "commentsButtonWithCount": "COMMENTS · {count}",
+    "openCommentsCount": "{count} OPEN COMMENTS",
+    "share": "SHARE",
+    "overflowTitle": "More dossier actions",
+    "blocksCount": "{count} BLOCKS",
+    "insertMenuTitle": "INSERT BLOCK",
+    "dragMenuTitle": "BLOCK ACTIONS",
+    "commentOnBlock": "Add comment on this block",
+    "moveUp": "MOVE UP",
+    "moveDown": "MOVE DOWN",
+    "duplicateBlock": "DUPLICATE",
+    "removeBlock": "REMOVE BLOCK",
+    "boldTitle": "Bold",
+    "italicTitle": "Italic",
+    "underlineTitle": "Underline",
+    "strikethroughTitle": "Strikethrough",
+    "commentOnSelection": "Comment on selection",
+    "kindNarrative": "NARRATIVE",
+    "kindAssessment": "ANALYST JUDGMENT",
+    "kindGeovision": "GEOVISION 3D",
+    "kindEvidenceTable": "EVIDENCE TABLE",
+    "kindNativeTable": "NATIVE TABLE",
+    "commentsTitle": "COMMENTS",
+    "commentsSubtitle": "BLOCK-ANCHORED · IN-EDITOR PANE",
+    "openThreads": "{count} OPEN",
+    "threadBlockMeta": "BLOCK {block} • {status}",
+    "statusOpen": "OPEN",
+    "statusDone": "DONE",
+    "emptyTitle": "No dossier open",
+    "emptyHint": "The editor renders once dossier data is published on the main-editor channels."
+  }
+}

package/dist/locales/index.d.ts

@@ -0,0 +1,105 @@
+import enBundle from "./en.json";
+/**
+ * Locales the main-editor micro-UI bundles. Every component-fixed UI string
+ * is resolved from these bundles (statically imported, resolveJsonModule); the
+ * component never hardcodes copy. Configuration-provided strings (breadcrumb
+ * segments, the doc meta line, block content, …) stay composition-authored
+ * and are localized by the composer.
+ */
+export type MainEditorLocale = "en" | "zh-CN";
+/**
+ * The per-locale string table — the keys of the en bundle. Declared widened
+ * (string values) so the zh-CN bundle is checked for exact key parity at
+ * compile time while keeping literal JSON types out of the public surface.
+ */
+export type MainEditorStrings = {
+    readonly [K in keyof typeof enBundle["main-editor"]]: string;
+};
+/** Parsed en locale bundle (namespaced under the component id "main-editor"). */
+export declare const en: {
+    "main-editor": {
+        docPrefix: string;
+        autosavedAt: string;
+        commentsButton: string;
+        commentsButtonWithCount: string;
+        openCommentsCount: string;
+        share: string;
+        overflowTitle: string;
+        blocksCount: string;
+        insertMenuTitle: string;
+        dragMenuTitle: string;
+        commentOnBlock: string;
+        moveUp: string;
+        moveDown: string;
+        duplicateBlock: string;
+        removeBlock: string;
+        boldTitle: string;
+        italicTitle: string;
+        underlineTitle: string;
+        strikethroughTitle: string;
+        commentOnSelection: string;
+        kindNarrative: string;
+        kindAssessment: string;
+        kindGeovision: string;
+        kindEvidenceTable: string;
+        kindNativeTable: string;
+        commentsTitle: string;
+        commentsSubtitle: string;
+        openThreads: string;
+        threadBlockMeta: string;
+        statusOpen: string;
+        statusDone: string;
+        emptyTitle: string;
+        emptyHint: string;
+    };
+};
+/** Parsed zh-CN locale bundle (namespaced under the component id "main-editor"). */
+export declare const zhCN: {
+    "main-editor": {
+        docPrefix: string;
+        autosavedAt: string;
+        commentsButton: string;
+        commentsButtonWithCount: string;
+        openCommentsCount: string;
+        share: string;
+        overflowTitle: string;
+        blocksCount: string;
+        insertMenuTitle: string;
+        dragMenuTitle: string;
+        commentOnBlock: string;
+        moveUp: string;
+        moveDown: string;
+        duplicateBlock: string;
+        removeBlock: string;
+        boldTitle: string;
+        italicTitle: string;
+        underlineTitle: string;
+        strikethroughTitle: string;
+        commentOnSelection: string;
+        kindNarrative: string;
+        kindAssessment: string;
+        kindGeovision: string;
+        kindEvidenceTable: string;
+        kindNativeTable: string;
+        commentsTitle: string;
+        commentsSubtitle: string;
+        openThreads: string;
+        threadBlockMeta: string;
+        statusOpen: string;
+        statusDone: string;
+        emptyTitle: string;
+        emptyHint: string;
+    };
+};
+/** All bundled locale bundles keyed by locale id — for downstream deep-merge. */
+export declare const locales: Record<MainEditorLocale, {
+    readonly "main-editor": MainEditorStrings;
+}>;
+/** Resolves the string table for a locale. */
+export declare function stringsForLocale(locale: MainEditorLocale): MainEditorStrings;
+/**
+ * Simple `{placeholder}` interpolation (e.g. `"{count} BLOCKS"` + count).
+ * Placeholder-for-value substitution only — no ICU, no regexes.
+ */
+export declare function formatMessage(template: string, values: Readonly<Record<string, string | number>>): string;
+//# sourceMappingURL=index.d.ts.map

package/dist/locales/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/locales/index.ts"],"names":[],"mappings":"AAAA,OAAO,QAAQ,MAAM,WAAW,CAAC;AAGjC;;;;;;GAMG;AACH,MAAM,MAAM,gBAAgB,GAAG,IAAI,GAAG,OAAO,CAAC;AAE9C;;;;GAIG;AACH,MAAM,MAAM,iBAAiB,GAAG;IAC9B,QAAQ,EAAE,CAAC,IAAI,MAAM,OAAO,QAAQ,CAAC,aAAa,CAAC,GAAG,MAAM;CAC7D,CAAC;AAOF,iFAAiF;AACjF,eAAO,MAAM,EAAE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAAW,CAAC;AAE3B,oFAAoF;AACpF,eAAO,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAAa,CAAC;AAE/B,iFAAiF;AACjF,eAAO,MAAM,OAAO;4BAZ8C,iBAAiB;EAYrD,CAAC;AAE/B,8CAA8C;AAC9C,wBAAgB,gBAAgB,CAAC,MAAM,EAAE,gBAAgB,GAAG,iBAAiB,CAE5E;AAED;;;GAGG;AACH,wBAAgB,aAAa,CAC3B,QAAQ,EAAE,MAAM,EAChB,MAAM,EAAE,QAAQ,CAAC,MAAM,CAAC,MAAM,EAAE,MAAM,GAAG,MAAM,CAAC,CAAC,GAChD,MAAM,CAMR"}

package/dist/locales/index.js

@@ -0,0 +1,27 @@
+import enBundle from "./en.json";
+import zhCNBundle from "./zh-CN.json";
+const bundles = {
+    en: enBundle,
+    "zh-CN": zhCNBundle,
+};
+/** Parsed en locale bundle (namespaced under the component id "main-editor"). */
+export const en = enBundle;
+/** Parsed zh-CN locale bundle (namespaced under the component id "main-editor"). */
+export const zhCN = zhCNBundle;
+/** All bundled locale bundles keyed by locale id — for downstream deep-merge. */
+export const locales = bundles;
+/** Resolves the string table for a locale. */
+export function stringsForLocale(locale) {
+    return bundles[locale]["main-editor"];
+}
+/**
+ * Simple `{placeholder}` interpolation (e.g. `"{count} BLOCKS"` + count).
+ * Placeholder-for-value substitution only — no ICU, no regexes.
+ */
+export function formatMessage(template, values) {
+    let result = template;
+    for (const [key, value] of Object.entries(values)) {
+        result = result.replaceAll(`{${key}}`, String(value));
+    }
+    return result;
+}

package/dist/locales/zh-CN.json

@@ -0,0 +1,37 @@
+{
+  "main-editor": {
+    "docPrefix": "卷宗",
+    "autosavedAt": "已自动保存 {time}",
+    "commentsButton": "评论",
+    "commentsButtonWithCount": "评论 · {count}",
+    "openCommentsCount": "{count} 条未决评论",
+    "share": "共享",
+    "overflowTitle": "更多卷宗操作",
+    "blocksCount": "{count} 个区块",
+    "insertMenuTitle": "插入区块",
+    "dragMenuTitle": "区块操作",
+    "commentOnBlock": "对此区块添加评论",
+    "moveUp": "上移",
+    "moveDown": "下移",
+    "duplicateBlock": "复制区块",
+    "removeBlock": "移除区块",
+    "boldTitle": "加粗",
+    "italicTitle": "斜体",
+    "underlineTitle": "下划线",
+    "strikethroughTitle": "删除线",
+    "commentOnSelection": "对选中文字添加评论",
+    "kindNarrative": "叙述",
+    "kindAssessment": "分析判断",
+    "kindGeovision": "GEOVISION 3D",
+    "kindEvidenceTable": "证据表",
+    "kindNativeTable": "原生表格",
+    "commentsTitle": "评论",
+    "commentsSubtitle": "区块锚定 · 编辑器内面板",
+    "openThreads": "{count} 条未决",
+    "threadBlockMeta": "区块 {block} • {status}",
+    "statusOpen": "未决",
+    "statusDone": "已完成",
+    "emptyTitle": "未打开卷宗",
+    "emptyHint": "当卷宗数据发布到 main-editor 通道后，编辑器将开始渲染。"
+  }
+}

package/dist/tokens.d.ts

@@ -0,0 +1,42 @@
+/**
+ * Shared semantic-token CSS-variable shorthands. NO component color is ever
+ * hardcoded: every color resolves to a semantic Mantine token (ok / threat /
+ * warn / signal / accent / card / card-dark / input / border / line / text /
+ * muted / deep / panel) supplied by the host's MantineProvider. Translucent
+ * surfaces (the amber highlight tint, the comments-pane backdrop) derive from
+ * the same tokens through color-mix — still token-only.
+ */
+export declare const MONO = "var(--mantine-font-family-monospace)";
+export declare const TEXT = "var(--mantine-color-text-filled)";
+export declare const MUTED = "var(--mantine-color-muted-filled)";
+export declare const CARD = "var(--mantine-color-card-filled)";
+export declare const CARD_DARK = "var(--mantine-color-card-dark-filled)";
+export declare const INPUT_BG = "var(--mantine-color-input-filled)";
+export declare const BORDER = "var(--mantine-color-border-filled)";
+export declare const LINE = "var(--mantine-color-line-filled)";
+export declare const DEEP = "var(--mantine-color-deep-filled)";
+export declare const PANEL = "var(--mantine-color-panel-filled)";
+export declare const OK = "var(--mantine-color-ok-filled)";
+export declare const ACCENT = "var(--mantine-color-accent-filled)";
+export declare const THREAT = "var(--mantine-color-threat-filled)";
+export declare const WARN = "var(--mantine-color-warn-filled)";
+export declare const SIGNAL = "var(--mantine-color-signal-filled)";
+/** The analyst-judgment highlight tint (D10): accent bar + tint only. */
+export declare const HIGHLIGHT_TINT = "color-mix(in srgb, var(--mantine-color-warn-filled) 10%, transparent)";
+/** The comments-pane backdrop: card-dark at 94% over the editor body. */
+export declare const PANE_BACKDROP = "color-mix(in srgb, var(--mantine-color-card-dark-filled) 94%, transparent)";
+/** Focused-block wash (interaction state, not an outlining box). */
+export declare const FOCUS_WASH = "color-mix(in srgb, var(--mantine-color-accent-filled) 8%, transparent)";
+/**
+ * Selection-comment highlight (D11): the quoted range a selection-anchored
+ * thread covers renders with the accent token at 32% — the v10 prototype's
+ * rgba(98,179,255,.32) as a token-only color-mix.
+ */
+export declare const SELECTED_TINT = "color-mix(in srgb, var(--mantine-color-accent-filled) 32%, transparent)";
+/** Popover/menu elevation shadow (menus, popovers, floating toolbars). */
+export declare const POPOVER_SHADOW = "0 8px 24px rgba(0,0,0,.55)";
+/** `{token}`-to-CSS-variable helper for per-block semantic colors. */
+export declare function tokenColor(token: string): string;
+/** Zero-pads block ordinals (BLOCK 01…). */
+export declare const pad2: (value: number) => string;
+//# sourceMappingURL=tokens.d.ts.map

package/dist/tokens.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tokens.d.ts","sourceRoot":"","sources":["../src/tokens.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AACH,eAAO,MAAM,IAAI,yCAAyC,CAAC;AAE3D,eAAO,MAAM,IAAI,qCAAqC,CAAC;AACvD,eAAO,MAAM,KAAK,sCAAsC,CAAC;AACzD,eAAO,MAAM,IAAI,qCAAqC,CAAC;AACvD,eAAO,MAAM,SAAS,0CAA0C,CAAC;AACjE,eAAO,MAAM,QAAQ,sCAAsC,CAAC;AAC5D,eAAO,MAAM,MAAM,uCAAuC,CAAC;AAC3D,eAAO,MAAM,IAAI,qCAAqC,CAAC;AACvD,eAAO,MAAM,IAAI,qCAAqC,CAAC;AACvD,eAAO,MAAM,KAAK,sCAAsC,CAAC;AAEzD,eAAO,MAAM,EAAE,mCAAmC,CAAC;AACnD,eAAO,MAAM,MAAM,uCAAuC,CAAC;AAC3D,eAAO,MAAM,MAAM,uCAAuC,CAAC;AAC3D,eAAO,MAAM,IAAI,qCAAqC,CAAC;AACvD,eAAO,MAAM,MAAM,uCAAuC,CAAC;AAE3D,yEAAyE;AACzE,eAAO,MAAM,cAAc,0EAA0E,CAAC;AAEtG,yEAAyE;AACzE,eAAO,MAAM,aAAa,+EAA+E,CAAC;AAE1G,oEAAoE;AACpE,eAAO,MAAM,UAAU,2EAA2E,CAAC;AAEnG;;;;GAIG;AACH,eAAO,MAAM,aAAa,4EAA4E,CAAC;AAEvG,0EAA0E;AAC1E,eAAO,MAAM,cAAc,+BAA+B,CAAC;AAE3D,sEAAsE;AACtE,wBAAgB,UAAU,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,CAEhD;AAED,4CAA4C;AAC5C,eAAO,MAAM,IAAI,GAAI,OAAO,MAAM,KAAG,MAA4D,CAAC"}

package/dist/tokens.js

@@ -0,0 +1,43 @@
+/**
+ * Shared semantic-token CSS-variable shorthands. NO component color is ever
+ * hardcoded: every color resolves to a semantic Mantine token (ok / threat /
+ * warn / signal / accent / card / card-dark / input / border / line / text /
+ * muted / deep / panel) supplied by the host's MantineProvider. Translucent
+ * surfaces (the amber highlight tint, the comments-pane backdrop) derive from
+ * the same tokens through color-mix — still token-only.
+ */
+export const MONO = "var(--mantine-font-family-monospace)";
+export const TEXT = "var(--mantine-color-text-filled)";
+export const MUTED = "var(--mantine-color-muted-filled)";
+export const CARD = "var(--mantine-color-card-filled)";
+export const CARD_DARK = "var(--mantine-color-card-dark-filled)";
+export const INPUT_BG = "var(--mantine-color-input-filled)";
+export const BORDER = "var(--mantine-color-border-filled)";
+export const LINE = "var(--mantine-color-line-filled)";
+export const DEEP = "var(--mantine-color-deep-filled)";
+export const PANEL = "var(--mantine-color-panel-filled)";
+export const OK = "var(--mantine-color-ok-filled)";
+export const ACCENT = "var(--mantine-color-accent-filled)";
+export const THREAT = "var(--mantine-color-threat-filled)";
+export const WARN = "var(--mantine-color-warn-filled)";
+export const SIGNAL = "var(--mantine-color-signal-filled)";
+/** The analyst-judgment highlight tint (D10): accent bar + tint only. */
+export const HIGHLIGHT_TINT = "color-mix(in srgb, var(--mantine-color-warn-filled) 10%, transparent)";
+/** The comments-pane backdrop: card-dark at 94% over the editor body. */
+export const PANE_BACKDROP = "color-mix(in srgb, var(--mantine-color-card-dark-filled) 94%, transparent)";
+/** Focused-block wash (interaction state, not an outlining box). */
+export const FOCUS_WASH = "color-mix(in srgb, var(--mantine-color-accent-filled) 8%, transparent)";
+/**
+ * Selection-comment highlight (D11): the quoted range a selection-anchored
+ * thread covers renders with the accent token at 32% — the v10 prototype's
+ * rgba(98,179,255,.32) as a token-only color-mix.
+ */
+export const SELECTED_TINT = "color-mix(in srgb, var(--mantine-color-accent-filled) 32%, transparent)";
+/** Popover/menu elevation shadow (menus, popovers, floating toolbars). */
+export const POPOVER_SHADOW = "0 8px 24px rgba(0,0,0,.55)";
+/** `{token}`-to-CSS-variable helper for per-block semantic colors. */
+export function tokenColor(token) {
+    return `var(--mantine-color-${token}-filled)`;
+}
+/** Zero-pads block ordinals (BLOCK 01…). */
+export const pad2 = (value) => (value < 10 ? `0${String(value)}` : String(value));