@signalsafe/tree-spec-editor 0.1.2 → 0.2.1

package/dist/index.d.ts

@@ -1,12 +1,53 @@
 /**
  * @packageDocumentation
- * TreeSpec graph editor (React Flow) and authoring helpers. No API, routing, or simulator runtime.
+ * React + Bootstrap implementation of the TreeSpec graph editor.
+ *
+ * Layered architecture:
+ * - `@signalsafe/tree-spec` — wire contract (pure TS, no UI).
+ * - `@signalsafe/tree-spec-editor-core` — framework-agnostic model, helpers,
+ *   and constants (no React, no DOM).
+ * - `@signalsafe/tree-spec-editor-react` — headless React: React Flow canvas
+ *   (no UI library).
+ * - **`@signalsafe/tree-spec-editor`** (this package) — React + Bootstrap shell:
+ *   sidebar panels, modals, toolbar, and the Bootstrap severity badge helper.
+ *
+ * The framework-agnostic surface from `-core` and the canvas from `-react`
+ * are re-exported from this barrel for consumer convenience. Hosts targeting
+ * alternative UI libraries (e.g. Material) should consume `-react` plus their
+ * own UI shell instead.
+ *
+ * Source layout:
+ * - `panels/` — sidebar / toolbar / inspector presentational components
+ * - `modals/` — authoring-flow dialogs
+ * - `lib/` — UI-flavored helpers (Bootstrap severity badge classes)
  */
-export { default } from './TreeSpecGraphEditor';
-export type { TreeSpecGraphEditorProps } from './TreeSpecGraphEditor';
-export { END_NODE_ID } from './model';
-export type { EditorChoice, EditorNode, EditorTransition, EditorTree, GraphEditorIssue, GraphSelection, ReactFlowEdgeChange, ReactFlowNodeChange, } from './model';
-export { safeUUID, getTransition, upsertTransition, deleteTransitionsForChoice, lintEditorTree, parsePydanticOutcomeErrors, TREE_SPEC_NODE_TYPE_PRESETS, } from './editorHelpers';
-export { autoLayoutTree, getNextSpawnPosition } from './treeLayout';
+export { default } from '@signalsafe/tree-spec-editor-react';
+export type { TreeSpecGraphEditorProps, GraphEditorVersionInfo } from '@signalsafe/tree-spec-editor-react';
+export { default as IssuesPanel } from './panels/IssuesPanel';
+export type { IssuesPanelProps } from './panels/IssuesPanel';
+export { default as GraphEditorInfoPanel } from './panels/GraphEditorInfoPanel';
+export type { GraphEditorInfoPanelProps } from './panels/GraphEditorInfoPanel';
+export { default as NodesPanel } from './panels/NodesPanel';
+export type { NodesPanelProps } from './panels/NodesPanel';
+export { default as AdvancedJsonPanel } from './panels/AdvancedJsonPanel';
+export type { AdvancedJsonPanelProps } from './panels/AdvancedJsonPanel';
+export { default as InspectorPanel, DEFAULT_OUTCOME_OPTIONS } from './panels/InspectorPanel';
+export type { InspectorPanelProps, InspectorNodeRenderContext, InspectorChoiceRenderContext, } from './panels/InspectorPanel';
+export { default as SelectedEdgePanel } from './panels/SelectedEdgePanel';
+export type { SelectedEdgePanelProps } from './panels/SelectedEdgePanel';
+export { default as PublishReviewModal } from './modals/PublishReviewModal';
+export type { PublishReviewModalProps } from './modals/PublishReviewModal';
+export { default as DraftHistoryModal } from './modals/DraftHistoryModal';
+export type { DraftHistoryModalProps } from './modals/DraftHistoryModal';
+export { default as AuditLogModal } from './modals/AuditLogModal';
+export type { AuditLogModalProps } from './modals/AuditLogModal';
+export { default as ToolbarPanel, TOOLBAR_ITEM_KIND } from './panels/ToolbarPanel';
+export type { ToolbarPanelProps, ToolbarItem, ToolbarItemKind, ToolbarButtonItem, ToolbarDropdownItem, ToolbarDropdownEntry, ToolbarBadgeItem, ToolbarTextItem, ToolbarCustomItem, } from './panels/ToolbarPanel';
+export { getIssueSeverityBadgeClass } from './lib/panelHelpers';
+export { default as PanelHeaderCollapseCarets } from './lib/PanelHeaderCollapseCarets';
+export { buildDefaultToolbarSpec } from './lib/buildDefaultToolbarSpec';
+export type { BuildDefaultToolbarSpecOptions, DefaultToolbarActions, DefaultToolbarCapabilities, DefaultToolbarLabels, DefaultToolbarNodeType, DefaultToolbarState, DefaultToolbarTemplate, } from './lib/buildDefaultToolbarSpec';
+export { END_NODE_ID, GRAPH_SELECTION_KIND, safeUUID, getTransition, upsertTransition, deleteTransitionsForChoice, lintEditorTree, parsePydanticOutcomeErrors, shouldQueueInitialValidation, TREE_SPEC_NODE_TYPE_PRESETS, autoLayoutTree, getNextSpawnPosition, getAutosaveStatusLabel, AUTOSAVE_STATUS, getKeyboardShortcutAction, KEYBOARD_SHORTCUT_ACTION, applyTreeTemplate, computeTreeDiffSummary, deleteNode, duplicateNode, buildStableEntries, } from '@signalsafe/tree-spec-editor-core';
+export type { EditorChoice, EditorNode, EditorTransition, EditorTree, GraphEditorIssue, GraphSelection, GraphSelectionKind, ReactFlowEdgeChange, ReactFlowNodeChange, TreeSpecAuditEventItem, TreeSpecSnapshotItem, TreeSpecNodeTypePreset, AutosaveStatus, KeyboardShortcutAction, KeyboardShortcutParams, ApplyTreeTemplateOptions, TreeDiffSummary, TreeTemplateNodeSpec, TreeTemplateSpec, TreeTemplateTransitionSpec, } from '@signalsafe/tree-spec-editor-core';
 export type { TreeSpecIssue, TreeSpecWire } from '@signalsafe/tree-spec';
 //# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,EAAE,OAAO,EAAE,MAAM,uBAAuB,CAAC;AAEhD,YAAY,EAAE,wBAAwB,EAAE,MAAM,uBAAuB,CAAC;AAEtE,OAAO,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AACtC,YAAY,EACR,YAAY,EACZ,UAAU,EACV,gBAAgB,EAChB,UAAU,EACV,gBAAgB,EAChB,cAAc,EACd,mBAAmB,EACnB,mBAAmB,GACtB,MAAM,SAAS,CAAC;AAEjB,OAAO,EACH,QAAQ,EACR,aAAa,EACb,gBAAgB,EAChB,0BAA0B,EAC1B,cAAc,EACd,0BAA0B,EAC1B,2BAA2B,GAC9B,MAAM,iBAAiB,CAAC;AAEzB,OAAO,EAAE,cAAc,EAAE,oBAAoB,EAAE,MAAM,cAAc,CAAC;AAEpE,YAAY,EAAE,aAAa,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"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"}

package/dist/index.js

@@ -1,8 +1,42 @@
 /**
  * @packageDocumentation
- * TreeSpec graph editor (React Flow) and authoring helpers. No API, routing, or simulator runtime.
+ * React + Bootstrap implementation of the TreeSpec graph editor.
+ *
+ * Layered architecture:
+ * - `@signalsafe/tree-spec` — wire contract (pure TS, no UI).
+ * - `@signalsafe/tree-spec-editor-core` — framework-agnostic model, helpers,
+ *   and constants (no React, no DOM).
+ * - `@signalsafe/tree-spec-editor-react` — headless React: React Flow canvas
+ *   (no UI library).
+ * - **`@signalsafe/tree-spec-editor`** (this package) — React + Bootstrap shell:
+ *   sidebar panels, modals, toolbar, and the Bootstrap severity badge helper.
+ *
+ * The framework-agnostic surface from `-core` and the canvas from `-react`
+ * are re-exported from this barrel for consumer convenience. Hosts targeting
+ * alternative UI libraries (e.g. Material) should consume `-react` plus their
+ * own UI shell instead.
+ *
+ * Source layout:
+ * - `panels/` — sidebar / toolbar / inspector presentational components
+ * - `modals/` — authoring-flow dialogs
+ * - `lib/` — UI-flavored helpers (Bootstrap severity badge classes)
  */
-export { default } from './TreeSpecGraphEditor';
-export { END_NODE_ID } from './model';
-export { safeUUID, getTransition, upsertTransition, deleteTransitionsForChoice, lintEditorTree, parsePydanticOutcomeErrors, TREE_SPEC_NODE_TYPE_PRESETS, } from './editorHelpers';
-export { autoLayoutTree, getNextSpawnPosition } from './treeLayout';
+export { default } from '@signalsafe/tree-spec-editor-react';
+export { default as IssuesPanel } from './panels/IssuesPanel';
+export { default as GraphEditorInfoPanel } from './panels/GraphEditorInfoPanel';
+export { default as NodesPanel } from './panels/NodesPanel';
+export { default as AdvancedJsonPanel } from './panels/AdvancedJsonPanel';
+export { default as InspectorPanel, DEFAULT_OUTCOME_OPTIONS } from './panels/InspectorPanel';
+export { default as SelectedEdgePanel } from './panels/SelectedEdgePanel';
+export { default as PublishReviewModal } from './modals/PublishReviewModal';
+export { default as DraftHistoryModal } from './modals/DraftHistoryModal';
+export { default as AuditLogModal } from './modals/AuditLogModal';
+export { default as ToolbarPanel, TOOLBAR_ITEM_KIND } from './panels/ToolbarPanel';
+export { getIssueSeverityBadgeClass } from './lib/panelHelpers';
+export { default as PanelHeaderCollapseCarets } from './lib/PanelHeaderCollapseCarets';
+export { buildDefaultToolbarSpec } from './lib/buildDefaultToolbarSpec';
+/* ------------------------------------------------------------------------- */
+/* Framework-agnostic re-exports from @signalsafe/tree-spec-editor-core.     */
+/* Hosts may consume these directly from `-core` to skip the React surface.  */
+/* ------------------------------------------------------------------------- */
+export { END_NODE_ID, GRAPH_SELECTION_KIND, safeUUID, getTransition, upsertTransition, deleteTransitionsForChoice, lintEditorTree, parsePydanticOutcomeErrors, shouldQueueInitialValidation, TREE_SPEC_NODE_TYPE_PRESETS, autoLayoutTree, getNextSpawnPosition, getAutosaveStatusLabel, AUTOSAVE_STATUS, getKeyboardShortcutAction, KEYBOARD_SHORTCUT_ACTION, applyTreeTemplate, computeTreeDiffSummary, deleteNode, duplicateNode, buildStableEntries, } from '@signalsafe/tree-spec-editor-core';

package/dist/lib/PanelHeaderCollapseCarets.d.ts

@@ -0,0 +1,7 @@
+export interface PanelHeaderCollapseCaretsProps {
+    expanded: boolean;
+    onToggle: () => void;
+}
+/** Collapse/expand carets for card panel headers. */
+export default function PanelHeaderCollapseCarets({ expanded, onToggle, }: Readonly<PanelHeaderCollapseCaretsProps>): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=PanelHeaderCollapseCarets.d.ts.map

package/dist/lib/PanelHeaderCollapseCarets.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PanelHeaderCollapseCarets.d.ts","sourceRoot":"","sources":["../../src/lib/PanelHeaderCollapseCarets.tsx"],"names":[],"mappings":"AAAA,MAAM,WAAW,8BAA8B;IAC3C,QAAQ,EAAE,OAAO,CAAC;IAClB,QAAQ,EAAE,MAAM,IAAI,CAAC;CACxB;AAED,qDAAqD;AACrD,MAAM,CAAC,OAAO,UAAU,yBAAyB,CAAC,EAC9C,QAAQ,EACR,QAAQ,GACX,EAAE,QAAQ,CAAC,8BAA8B,CAAC,2CAY1C"}

package/dist/lib/PanelHeaderCollapseCarets.js

@@ -0,0 +1,5 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+/** Collapse/expand carets for card panel headers. */
+export default function PanelHeaderCollapseCarets({ expanded, onToggle, }) {
+    return (_jsx("button", { type: "button", className: "btn btn-sm btn-link text-body-secondary p-0 ms-1", "aria-expanded": expanded, "aria-label": expanded ? 'Collapse panel' : 'Expand panel', onClick: onToggle, children: _jsx("i", { className: `bi bi-caret-${expanded ? 'up' : 'down'}`, "aria-hidden": true }) }));
+}

package/dist/lib/buildDefaultToolbarSpec.d.ts

@@ -0,0 +1,83 @@
+import type { ReactNode } from 'react';
+import { type AutosaveStatus, type TreeTemplateSpec } from '@signalsafe/tree-spec-editor-core';
+import { type ToolbarItem } from '../panels/ToolbarPanel.js';
+export { AUTOSAVE_STATUS } from '@signalsafe/tree-spec-editor-core';
+export interface DefaultToolbarCapabilities {
+    canValidate?: boolean;
+    canListSnapshots?: boolean;
+    canListAudit?: boolean;
+    canCreateSnapshot?: boolean;
+    canCloneToDraft?: boolean;
+    canPublish?: boolean;
+}
+export interface DefaultToolbarNodeType {
+    type?: string;
+    label?: string;
+    divider?: boolean;
+    id?: string;
+    patch?: Record<string, unknown>;
+}
+export interface DefaultToolbarTemplate {
+    id: string;
+    label: string;
+    spec: TreeTemplateSpec;
+}
+export interface DefaultToolbarLabels {
+    add?: string;
+    templates?: string;
+    validate?: string;
+    autoLayout?: string;
+    resetView?: string;
+    preview?: string;
+    save?: string;
+    publish?: string;
+    history?: string;
+    audit?: string;
+    snapshot?: string;
+    clone?: string;
+    draftBadge?: string;
+    publishedBadge?: string;
+}
+export interface DefaultToolbarState {
+    isPublished: boolean;
+    saving: boolean;
+    publishing: boolean;
+    creatingSnapshot: boolean;
+    cloning: boolean;
+    canPublish: boolean;
+    hasTree: boolean;
+    autosaveStatus: AutosaveStatus;
+}
+export interface DefaultToolbarActions {
+    addNodeOfType: (type: string, patch?: Record<string, unknown>) => void;
+    insertTemplate: (spec: TreeTemplateSpec) => void;
+    triggerResetView: () => void;
+    autoLayout: () => void;
+    validate: () => void | Promise<void>;
+    saveDraft: () => void | Promise<void>;
+    setShowDraftHistory: (show: boolean) => void;
+    setShowAudit: (show: boolean) => void;
+    createSnapshot: () => void | Promise<void>;
+    cloneToDraft: () => void | Promise<void>;
+    setShowPublishModal: (show: boolean) => void;
+}
+export interface BuildDefaultToolbarSpecOptions {
+    state: DefaultToolbarState;
+    actions: DefaultToolbarActions;
+    capabilities?: DefaultToolbarCapabilities;
+    nodeTypes?: DefaultToolbarNodeType[];
+    templates?: DefaultToolbarTemplate[];
+    backSlot?: {
+        id?: string;
+        render: () => ReactNode;
+    };
+    preview?: {
+        onClick: () => void;
+        disabled?: boolean;
+    };
+    labels?: DefaultToolbarLabels;
+    extraItems?: ToolbarItem[];
+}
+/** Build the default TreeSpec editor toolbar item list from state, actions, and capability flags. */
+export declare function buildDefaultToolbarSpec(options: BuildDefaultToolbarSpecOptions): ToolbarItem[];
+//# sourceMappingURL=buildDefaultToolbarSpec.d.ts.map

package/dist/lib/buildDefaultToolbarSpec.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"buildDefaultToolbarSpec.d.ts","sourceRoot":"","sources":["../../src/lib/buildDefaultToolbarSpec.ts"],"names":[],"mappings":"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"}

package/dist/lib/buildDefaultToolbarSpec.js

@@ -0,0 +1,167 @@
+import { getAutosaveStatusLabel, } from '@signalsafe/tree-spec-editor-core';
+import { TOOLBAR_ITEM_KIND } from '../panels/ToolbarPanel.js';
+export { AUTOSAVE_STATUS } from '@signalsafe/tree-spec-editor-core';
+function appendBackSlot(items, backSlot) {
+    items.push({
+        kind: TOOLBAR_ITEM_KIND.CUSTOM,
+        id: backSlot.id ?? 'back',
+        render: backSlot.render,
+    });
+}
+function appendAddDropdown(items, nodeTypes, actions, labels, isPublished) {
+    const addEntries = nodeTypes.map((entry, index) => {
+        if (entry.divider) {
+            return { id: entry.id ?? `divider-${index}`, label: '', divider: true };
+        }
+        const type = entry.type ?? 'prompt';
+        return {
+            id: entry.id ?? `add-${type}`,
+            label: entry.label ?? type,
+            onClick: () => actions.addNodeOfType(type, entry.patch),
+        };
+    });
+    if (addEntries.length === 0)
+        return;
+    items.push({
+        kind: TOOLBAR_ITEM_KIND.DROPDOWN,
+        id: 'add',
+        label: labels.add ?? '+ Add',
+        disabled: isPublished,
+        entries: addEntries,
+    });
+}
+function appendTemplatesDropdown(items, templates, actions, labels, isPublished) {
+    if (templates.length === 0)
+        return;
+    items.push({
+        kind: TOOLBAR_ITEM_KIND.DROPDOWN,
+        id: 'templates',
+        label: labels.templates ?? 'Templates',
+        disabled: isPublished,
+        entries: templates.map((t) => ({
+            id: t.id,
+            label: t.label,
+            onClick: () => actions.insertTemplate(t.spec),
+        })),
+    });
+}
+function appendLayoutButtons(items, state, actions, labels) {
+    const { isPublished, hasTree } = state;
+    items.push({
+        kind: TOOLBAR_ITEM_KIND.BUTTON,
+        id: 'reset-view',
+        label: labels.resetView ?? 'Reset view',
+        disabled: !hasTree,
+        onClick: () => actions.triggerResetView(),
+    }, {
+        kind: TOOLBAR_ITEM_KIND.BUTTON,
+        id: 'auto-layout',
+        label: labels.autoLayout ?? 'Auto layout',
+        disabled: !hasTree || isPublished,
+        onClick: () => actions.autoLayout(),
+    });
+}
+function appendCapabilityButtons(items, capabilities, state, actions, labels) {
+    const { isPublished, creatingSnapshot, cloning, hasTree } = state;
+    if (capabilities.canValidate) {
+        items.push({
+            kind: TOOLBAR_ITEM_KIND.BUTTON,
+            id: 'validate',
+            label: labels.validate ?? 'Validate',
+            disabled: !hasTree,
+            onClick: () => void actions.validate(),
+        });
+    }
+    if (capabilities.canListSnapshots) {
+        items.push({
+            kind: TOOLBAR_ITEM_KIND.BUTTON,
+            id: 'draft-history',
+            label: labels.history ?? 'Draft history',
+            onClick: () => actions.setShowDraftHistory(true),
+        });
+    }
+    if (capabilities.canListAudit) {
+        items.push({
+            kind: TOOLBAR_ITEM_KIND.BUTTON,
+            id: 'audit',
+            label: labels.audit ?? 'Audit log',
+            onClick: () => actions.setShowAudit(true),
+        });
+    }
+    if (capabilities.canCreateSnapshot) {
+        items.push({
+            kind: TOOLBAR_ITEM_KIND.BUTTON,
+            id: 'snapshot',
+            label: creatingSnapshot ? 'Creating…' : (labels.snapshot ?? 'Snapshot'),
+            disabled: isPublished || creatingSnapshot || !hasTree,
+            onClick: () => void actions.createSnapshot(),
+        });
+    }
+    if (capabilities.canCloneToDraft) {
+        items.push({
+            kind: TOOLBAR_ITEM_KIND.BUTTON,
+            id: 'clone-to-draft',
+            label: cloning ? 'Cloning…' : (labels.clone ?? 'Clone to draft'),
+            disabled: cloning,
+            onClick: () => void actions.cloneToDraft(),
+        });
+    }
+}
+function appendSaveAndPublish(items, capabilities, state, actions, labels, preview) {
+    const { isPublished, saving, publishing, canPublish, hasTree } = state;
+    items.push({
+        kind: TOOLBAR_ITEM_KIND.BUTTON,
+        id: 'save-draft',
+        label: saving ? 'Saving…' : (labels.save ?? 'Save draft'),
+        disabled: isPublished || saving || !hasTree,
+        onClick: () => void actions.saveDraft(),
+    });
+    if (capabilities.canPublish) {
+        items.push({
+            kind: TOOLBAR_ITEM_KIND.BUTTON,
+            id: 'publish',
+            label: publishing ? 'Publishing…' : (labels.publish ?? 'Publish'),
+            disabled: isPublished || publishing || !canPublish,
+            onClick: () => actions.setShowPublishModal(true),
+        });
+    }
+    if (preview) {
+        items.push({
+            kind: TOOLBAR_ITEM_KIND.BUTTON,
+            id: 'preview',
+            label: labels.preview ?? 'Preview',
+            disabled: preview.disabled ?? false,
+            onClick: preview.onClick,
+        });
+    }
+}
+function appendStatusFooter(items, state, labels, extraItems) {
+    const { isPublished, autosaveStatus } = state;
+    items.push({
+        kind: TOOLBAR_ITEM_KIND.BADGE,
+        id: 'status',
+        label: isPublished
+            ? (labels.publishedBadge ?? 'Published')
+            : (labels.draftBadge ?? 'Draft'),
+        variant: isPublished ? 'success' : 'secondary',
+    }, {
+        kind: TOOLBAR_ITEM_KIND.TEXT,
+        id: 'autosave',
+        content: getAutosaveStatusLabel(autosaveStatus),
+    }, ...extraItems);
+}
+/** Build the default TreeSpec editor toolbar item list from state, actions, and capability flags. */
+export function buildDefaultToolbarSpec(options) {
+    const { state, actions, capabilities = {}, nodeTypes = [], templates = [], backSlot, preview, labels = {}, extraItems = [], } = options;
+    const items = [];
+    if (backSlot) {
+        appendBackSlot(items, backSlot);
+    }
+    appendAddDropdown(items, nodeTypes, actions, labels, state.isPublished);
+    appendTemplatesDropdown(items, templates, actions, labels, state.isPublished);
+    appendLayoutButtons(items, state, actions, labels);
+    appendCapabilityButtons(items, capabilities, state, actions, labels);
+    appendSaveAndPublish(items, capabilities, state, actions, labels, preview);
+    appendStatusFooter(items, state, labels, extraItems);
+    return items;
+}

package/dist/lib/panelHelpers.d.ts

@@ -0,0 +1,3 @@
+/** Bootstrap severity badge class for issue rows. */
+export declare function getIssueSeverityBadgeClass(severity: string): string;
+//# sourceMappingURL=panelHelpers.d.ts.map

package/dist/lib/panelHelpers.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"panelHelpers.d.ts","sourceRoot":"","sources":["../../src/lib/panelHelpers.ts"],"names":[],"mappings":"AAEA,qDAAqD;AACrD,wBAAgB,0BAA0B,CAAC,QAAQ,EAAE,MAAM,GAAG,MAAM,CAWnE"}

package/dist/lib/panelHelpers.js

@@ -0,0 +1,14 @@
+import { TREE_SPEC_ISSUE_SEVERITY } from '@signalsafe/tree-spec';
+/** Bootstrap severity badge class for issue rows. */
+export function getIssueSeverityBadgeClass(severity) {
+    switch (severity) {
+        case TREE_SPEC_ISSUE_SEVERITY.ERROR:
+            return 'text-bg-danger';
+        case TREE_SPEC_ISSUE_SEVERITY.WARNING:
+            return 'text-bg-warning text-dark';
+        case TREE_SPEC_ISSUE_SEVERITY.INFO:
+            return 'text-bg-info text-dark';
+        default:
+            return 'text-bg-secondary';
+    }
+}

package/dist/modals/AuditLogModal.d.ts

@@ -0,0 +1,21 @@
+import type { TreeSpecAuditEventItem } from '@signalsafe/tree-spec-editor-core';
+export interface AuditLogModalProps {
+    show: boolean;
+    loadingAudit: boolean;
+    auditEvents: TreeSpecAuditEventItem[];
+    onClose: () => void;
+    /** Override the modal title (default "Audit log"). */
+    title?: string;
+    /** Override the muted subtitle below the title. */
+    subtitle?: string;
+    /** Override the loading state text. */
+    loadingText?: string;
+    /** Override the empty-state text (when there are zero events). */
+    emptyStateText?: string;
+    /** Override the "Actor ID:" label prefix shown for events that have an actor. */
+    actorLabel?: string;
+    /** Override the Close button label in the footer. */
+    closeLabel?: string;
+}
+export default function AuditLogModal({ show, loadingAudit, auditEvents, onClose, title, subtitle, loadingText, emptyStateText, actorLabel, closeLabel, }: Readonly<AuditLogModalProps>): import("react/jsx-runtime").JSX.Element | null;
+//# sourceMappingURL=AuditLogModal.d.ts.map

package/dist/modals/AuditLogModal.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AuditLogModal.d.ts","sourceRoot":"","sources":["../../src/modals/AuditLogModal.tsx"],"names":[],"mappings":"AAUA,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,mCAAmC,CAAC;AAEhF,MAAM,WAAW,kBAAkB;IAC/B,IAAI,EAAE,OAAO,CAAC;IACd,YAAY,EAAE,OAAO,CAAC;IACtB,WAAW,EAAE,sBAAsB,EAAE,CAAC;IACtC,OAAO,EAAE,MAAM,IAAI,CAAC;IAEpB,sDAAsD;IACtD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,mDAAmD;IACnD,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,uCAAuC;IACvC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,kEAAkE;IAClE,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,iFAAiF;IACjF,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,qDAAqD;IACrD,UAAU,CAAC,EAAE,MAAM,CAAC;CACvB;AASD,MAAM,CAAC,OAAO,UAAU,aAAa,CAAC,EAClC,IAAI,EACJ,YAAY,EACZ,WAAW,EACX,OAAO,EACP,KAAqB,EACrB,QAA2B,EAC3B,WAAkC,EAClC,cAAyC,EACzC,UAAgC,EAChC,UAAgC,GACnC,EAAE,QAAQ,CAAC,kBAAkB,CAAC,kDAwD9B"}

package/dist/modals/AuditLogModal.js

@@ -0,0 +1,23 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Button, CloseButton } from 'react-bootstrap';
+const DEFAULT_TITLE = 'Audit log';
+const DEFAULT_SUBTITLE = 'Authoring actions for this tree_spec version.';
+const DEFAULT_LOADING_TEXT = 'Loading…';
+const DEFAULT_EMPTY_STATE_TEXT = 'No audit events yet.';
+const DEFAULT_ACTOR_LABEL = 'Actor ID:';
+const DEFAULT_CLOSE_LABEL = 'Close';
+export default function AuditLogModal({ show, loadingAudit, auditEvents, onClose, title = DEFAULT_TITLE, subtitle = DEFAULT_SUBTITLE, loadingText = DEFAULT_LOADING_TEXT, emptyStateText = DEFAULT_EMPTY_STATE_TEXT, actorLabel = DEFAULT_ACTOR_LABEL, closeLabel = DEFAULT_CLOSE_LABEL, }) {
+    if (!show)
+        return null;
+    let auditContent;
+    if (loadingAudit) {
+        auditContent = _jsx("div", { className: "text-muted", children: loadingText });
+    }
+    else if (auditEvents.length === 0) {
+        auditContent = (_jsx("div", { className: "text-muted", children: _jsx("em", { children: emptyStateText }) }));
+    }
+    else {
+        auditContent = (_jsx("ul", { className: "list-unstyled mb-0 overflow-auto-max-h-400", children: auditEvents.map((e) => (_jsxs("li", { className: "border-bottom py-2", children: [_jsxs("div", { className: "d-flex justify-content-between align-items-start", children: [_jsx("span", { className: "badge bg-secondary me-2", children: e.action }), _jsx("span", { className: "text-muted font-size-12", children: new Date(e.created_at).toLocaleString() })] }), e.actor == null ? null : (_jsxs("span", { className: "text-muted font-size-12", children: [actorLabel, " ", e.actor] })), e.detail && Object.keys(e.detail).length > 0 ? (_jsx("pre", { className: "mb-0 mt-1 small text-muted font-size-11", children: JSON.stringify(e.detail) })) : null] }, e.id))) }));
+    }
+    return (_jsx("dialog", { className: "modal d-block modal-backdrop-dark", open: true, children: _jsx("div", { className: "modal-dialog modal-lg", children: _jsxs("div", { className: "modal-content", children: [_jsxs("div", { className: "modal-header", children: [_jsx("h5", { className: "modal-title", children: title }), _jsx(CloseButton, { "aria-label": "Close", onClick: onClose })] }), _jsxs("div", { className: "modal-body", children: [_jsx("p", { className: "text-muted font-size-13", children: subtitle }), auditContent] }), _jsx("div", { className: "modal-footer", children: _jsx(Button, { variant: "secondary", onClick: onClose, children: closeLabel }) })] }) }) }));
+}

package/dist/modals/DraftHistoryModal.d.ts

@@ -0,0 +1,34 @@
+import type { EditorTree, TreeSpecSnapshotItem } from '@signalsafe/tree-spec-editor-core';
+export interface DraftHistoryModalProps {
+    show: boolean;
+    loadingSnapshots: boolean;
+    snapshots: TreeSpecSnapshotItem[];
+    restoringSnapshotId: string | null;
+    creatingSnapshot: boolean;
+    tree: EditorTree | null;
+    onClose: () => void;
+    onCreateSnapshot: () => void;
+    onRestoreSnapshot: (snapshotId: string) => void;
+    /** Override the modal title (default "Draft history"). */
+    title?: string;
+    /** Override the muted subtitle below the title. */
+    subtitle?: string;
+    /** Override the "Snapshots (newest first)" caption above the list. */
+    listCaption?: string;
+    /** Override the "Create snapshot" button label. */
+    createSnapshotLabel?: string;
+    /** Override the "Creating\u2026" label while a create is in flight. */
+    creatingSnapshotLabel?: string;
+    /** Override the "Restore" button label. */
+    restoreLabel?: string;
+    /** Override the "Restoring\u2026" button label while a restore is in flight. */
+    restoringLabel?: string;
+    /** Override the loading state text. */
+    loadingText?: string;
+    /** Override the empty-state text (when there are zero snapshots). */
+    emptyStateText?: string;
+    /** Override the Close button label in the footer. */
+    closeLabel?: string;
+}
+export default function DraftHistoryModal({ show, loadingSnapshots, snapshots, restoringSnapshotId, creatingSnapshot, tree, onClose, onCreateSnapshot, onRestoreSnapshot, title, subtitle, listCaption, createSnapshotLabel, creatingSnapshotLabel, restoreLabel, restoringLabel, loadingText, emptyStateText, closeLabel, }: Readonly<DraftHistoryModalProps>): import("react/jsx-runtime").JSX.Element | null;
+//# sourceMappingURL=DraftHistoryModal.d.ts.map

package/dist/modals/DraftHistoryModal.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DraftHistoryModal.d.ts","sourceRoot":"","sources":["../../src/modals/DraftHistoryModal.tsx"],"names":[],"mappings":"AAWA,OAAO,KAAK,EAAE,UAAU,EAAE,oBAAoB,EAAE,MAAM,mCAAmC,CAAC;AAE1F,MAAM,WAAW,sBAAsB;IACnC,IAAI,EAAE,OAAO,CAAC;IACd,gBAAgB,EAAE,OAAO,CAAC;IAC1B,SAAS,EAAE,oBAAoB,EAAE,CAAC;IAClC,mBAAmB,EAAE,MAAM,GAAG,IAAI,CAAC;IACnC,gBAAgB,EAAE,OAAO,CAAC;IAC1B,IAAI,EAAE,UAAU,GAAG,IAAI,CAAC;IACxB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,gBAAgB,EAAE,MAAM,IAAI,CAAC;IAC7B,iBAAiB,EAAE,CAAC,UAAU,EAAE,MAAM,KAAK,IAAI,CAAC;IAEhD,0DAA0D;IAC1D,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,mDAAmD;IACnD,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,sEAAsE;IACtE,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,mDAAmD;IACnD,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B,uEAAuE;IACvE,qBAAqB,CAAC,EAAE,MAAM,CAAC;IAC/B,2CAA2C;IAC3C,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,gFAAgF;IAChF,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,uCAAuC;IACvC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,qEAAqE;IACrE,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,qDAAqD;IACrD,UAAU,CAAC,EAAE,MAAM,CAAC;CACvB;AAcD,MAAM,CAAC,OAAO,UAAU,iBAAiB,CAAC,EACtC,IAAI,EACJ,gBAAgB,EAChB,SAAS,EACT,mBAAmB,EACnB,gBAAgB,EAChB,IAAI,EACJ,OAAO,EACP,gBAAgB,EAChB,iBAAiB,EACjB,KAAqB,EACrB,QAA2B,EAC3B,WAAkC,EAClC,mBAA0C,EAC1C,qBAA8C,EAC9C,YAAoC,EACpC,cAAwC,EACxC,WAAkC,EAClC,cAAyC,EACzC,UAAgC,GACnC,EAAE,QAAQ,CAAC,sBAAsB,CAAC,kDAuElC"}

package/dist/modals/DraftHistoryModal.js

@@ -0,0 +1,27 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Button, CloseButton } from 'react-bootstrap';
+const DEFAULT_TITLE = 'Draft history';
+const DEFAULT_SUBTITLE = 'Restore an earlier snapshot into the current draft. Creating a snapshot saves the current graph state.';
+const DEFAULT_LIST_CAPTION = 'Snapshots (newest first)';
+const DEFAULT_CREATE_LABEL = 'Create snapshot';
+const DEFAULT_CREATING_LABEL = 'Creating…';
+const DEFAULT_RESTORE_LABEL = 'Restore';
+const DEFAULT_RESTORING_LABEL = 'Restoring…';
+const DEFAULT_LOADING_TEXT = 'Loading…';
+const DEFAULT_EMPTY_STATE_TEXT = 'No snapshots yet. Create one to save the current draft.';
+const DEFAULT_CLOSE_LABEL = 'Close';
+export default function DraftHistoryModal({ show, loadingSnapshots, snapshots, restoringSnapshotId, creatingSnapshot, tree, onClose, onCreateSnapshot, onRestoreSnapshot, title = DEFAULT_TITLE, subtitle = DEFAULT_SUBTITLE, listCaption = DEFAULT_LIST_CAPTION, createSnapshotLabel = DEFAULT_CREATE_LABEL, creatingSnapshotLabel = DEFAULT_CREATING_LABEL, restoreLabel = DEFAULT_RESTORE_LABEL, restoringLabel = DEFAULT_RESTORING_LABEL, loadingText = DEFAULT_LOADING_TEXT, emptyStateText = DEFAULT_EMPTY_STATE_TEXT, closeLabel = DEFAULT_CLOSE_LABEL, }) {
+    if (!show)
+        return null;
+    let snapshotsContent;
+    if (loadingSnapshots) {
+        snapshotsContent = _jsx("div", { className: "text-muted", children: loadingText });
+    }
+    else if (snapshots.length === 0) {
+        snapshotsContent = (_jsx("div", { className: "text-muted", children: _jsx("em", { children: emptyStateText }) }));
+    }
+    else {
+        snapshotsContent = (_jsx("ul", { className: "list-unstyled mb-0 overflow-auto-max-h-320", children: snapshots.map((s) => (_jsxs("li", { className: "d-flex justify-content-between align-items-center border-bottom py-2", children: [_jsxs("div", { children: [_jsx("span", { className: "text-muted font-size-12", children: new Date(s.created_at).toLocaleString() }), s.label ? _jsx("span", { className: "ms-2", children: s.label }) : null, s.spec_hash ? (_jsxs("span", { className: "ms-2 text-muted font-size-11", children: [s.spec_hash.slice(0, 8), "\u2026"] })) : null] }), _jsx(Button, { variant: "outline-warning", onClick: () => onRestoreSnapshot(s.id), disabled: restoringSnapshotId !== null, children: restoringSnapshotId === s.id ? restoringLabel : restoreLabel })] }, s.id))) }));
+    }
+    return (_jsx("dialog", { className: "modal d-block modal-backdrop-dark", open: true, children: _jsx("div", { className: "modal-dialog modal-lg", children: _jsxs("div", { className: "modal-content", children: [_jsxs("div", { className: "modal-header", children: [_jsx("h5", { className: "modal-title", children: title }), _jsx(CloseButton, { "aria-label": "Close", onClick: onClose })] }), _jsxs("div", { className: "modal-body", children: [_jsx("p", { className: "text-muted font-size-13", children: subtitle }), _jsxs("div", { className: "d-flex justify-content-between align-items-center mb-3", children: [_jsx("span", { className: "text-muted font-size-13", children: listCaption }), _jsx(Button, { variant: "outline-primary", onClick: onCreateSnapshot, disabled: !tree || creatingSnapshot, children: creatingSnapshot ? creatingSnapshotLabel : createSnapshotLabel })] }), snapshotsContent] }), _jsx("div", { className: "modal-footer", children: _jsx(Button, { variant: "secondary", onClick: onClose, children: closeLabel }) })] }) }) }));
+}

package/dist/modals/PublishReviewModal.d.ts

@@ -0,0 +1,37 @@
+/**
+ * Publish-review modal for the TreeSpec graph editor.
+ *
+ * Presentational only: receives the current tree, the baseline tree (loaded from the
+ * server before edits), the current validation issues, and callbacks. The diff
+ * computation is injected via `computeDiffSummary` so the package stays free of
+ * host-specific diff logic.
+ */
+import { type TreeSpecIssue } from '@signalsafe/tree-spec';
+import { type EditorTree } from '@signalsafe/tree-spec-editor-core';
+export interface PublishReviewModalProps {
+    show: boolean;
+    tree: EditorTree | null;
+    baselineTree: EditorTree | null;
+    issues: TreeSpecIssue[];
+    publishing: boolean;
+    onClose: () => void;
+    onPublish: () => void;
+    computeDiffSummary: (before: EditorTree | null, after: EditorTree) => {
+        lines: string[];
+        hasChanges: boolean;
+    };
+    /** Override the card title (default "Review changes before publishing"). */
+    title?: string;
+    /** Override the info alert text shown above the diff summary. */
+    summaryText?: string;
+    /** Override the error alert shown when validation issues exist. */
+    errorAlertText?: string;
+    /** Override the Cancel button label. */
+    cancelLabel?: string;
+    /** Override the Publish button label (default "Publish now"). */
+    publishLabel?: string;
+    /** Override the Publish button label while publishing (default "Publishing\u2026"). */
+    publishingLabel?: string;
+}
+export default function PublishReviewModal({ show, tree, baselineTree, issues, publishing, onClose, onPublish, computeDiffSummary, title, summaryText, errorAlertText, cancelLabel, publishLabel, publishingLabel, }: Readonly<PublishReviewModalProps>): import("react/jsx-runtime").JSX.Element | null;
+//# sourceMappingURL=PublishReviewModal.d.ts.map

package/dist/modals/PublishReviewModal.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PublishReviewModal.d.ts","sourceRoot":"","sources":["../../src/modals/PublishReviewModal.tsx"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AACH,OAAO,EAA4B,KAAK,aAAa,EAAE,MAAM,uBAAuB,CAAC;AAGrF,OAAO,EAAsB,KAAK,UAAU,EAAE,MAAM,mCAAmC,CAAC;AAExF,MAAM,WAAW,uBAAuB;IACpC,IAAI,EAAE,OAAO,CAAC;IACd,IAAI,EAAE,UAAU,GAAG,IAAI,CAAC;IACxB,YAAY,EAAE,UAAU,GAAG,IAAI,CAAC;IAChC,MAAM,EAAE,aAAa,EAAE,CAAC;IACxB,UAAU,EAAE,OAAO,CAAC;IACpB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,SAAS,EAAE,MAAM,IAAI,CAAC;IACtB,kBAAkB,EAAE,CAChB,MAAM,EAAE,UAAU,GAAG,IAAI,EACzB,KAAK,EAAE,UAAU,KAChB;QAAE,KAAK,EAAE,MAAM,EAAE,CAAC;QAAC,UAAU,EAAE,OAAO,CAAA;KAAE,CAAC;IAE9C,4EAA4E;IAC5E,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,iEAAiE;IACjE,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,mEAAmE;IACnE,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,wCAAwC;IACxC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,iEAAiE;IACjE,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,uFAAuF;IACvF,eAAe,CAAC,EAAE,MAAM,CAAC;CAC5B;AAUD,MAAM,CAAC,OAAO,UAAU,kBAAkB,CAAC,EACvC,IAAI,EACJ,IAAI,EACJ,YAAY,EACZ,MAAM,EACN,UAAU,EACV,OAAO,EACP,SAAS,EACT,kBAAkB,EAClB,KAAqB,EACrB,WAAkC,EAClC,cAAyC,EACzC,WAAkC,EAClC,YAAoC,EACpC,eAA0C,GAC7C,EAAE,QAAQ,CAAC,uBAAuB,CAAC,kDAyCnC"}

package/dist/modals/PublishReviewModal.js

@@ -0,0 +1,25 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * Publish-review modal for the TreeSpec graph editor.
+ *
+ * Presentational only: receives the current tree, the baseline tree (loaded from the
+ * server before edits), the current validation issues, and callbacks. The diff
+ * computation is injected via `computeDiffSummary` so the package stays free of
+ * host-specific diff logic.
+ */
+import { TREE_SPEC_ISSUE_SEVERITY } from '@signalsafe/tree-spec';
+import { Button, CloseButton } from 'react-bootstrap';
+import { buildStableEntries } from '@signalsafe/tree-spec-editor-core';
+const DEFAULT_TITLE = 'Review changes before publishing';
+const DEFAULT_SUMMARY_TEXT = 'Publishing is immutable. This summary compares the loaded version spec to your current graph.';
+const DEFAULT_ERROR_ALERT_TEXT = 'Validation errors exist. Fix them before publishing.';
+const DEFAULT_CANCEL_LABEL = 'Cancel';
+const DEFAULT_PUBLISH_LABEL = 'Publish now';
+const DEFAULT_PUBLISHING_LABEL = 'Publishing…';
+export default function PublishReviewModal({ show, tree, baselineTree, issues, publishing, onClose, onPublish, computeDiffSummary, title = DEFAULT_TITLE, summaryText = DEFAULT_SUMMARY_TEXT, errorAlertText = DEFAULT_ERROR_ALERT_TEXT, cancelLabel = DEFAULT_CANCEL_LABEL, publishLabel = DEFAULT_PUBLISH_LABEL, publishingLabel = DEFAULT_PUBLISHING_LABEL, }) {
+    if (!show)
+        return null;
+    const hasErrors = issues.some((i) => i.severity === TREE_SPEC_ISSUE_SEVERITY.ERROR);
+    const diffLineEntries = buildStableEntries(tree ? computeDiffSummary(baselineTree, tree).lines : [], (line) => line);
+    return (_jsx("dialog", { className: "modal d-block modal-backdrop-dark", open: true, children: _jsx("div", { className: "modal-dialog modal-lg", children: _jsxs("div", { className: "modal-content", children: [_jsxs("div", { className: "modal-header", children: [_jsx("h5", { className: "modal-title", children: title }), _jsx(CloseButton, { "aria-label": "Close", onClick: onClose })] }), _jsxs("div", { className: "modal-body", children: [_jsx("div", { className: "alert alert-info font-size-13", children: summaryText }), _jsx("ul", { children: diffLineEntries.map(({ item: line, key }) => (_jsx("li", { children: line }, key))) }), hasErrors ? (_jsx("div", { className: "alert alert-danger", children: errorAlertText })) : null] }), _jsxs("div", { className: "modal-footer", children: [_jsx(Button, { variant: "outline-secondary", onClick: onClose, children: cancelLabel }), _jsx(Button, { variant: "success", disabled: publishing || hasErrors, onClick: onPublish, children: publishing ? publishingLabel : publishLabel })] })] }) }) }));
+}