@signalsafe/tree-spec-editor 0.2.1 → 0.2.2

package/dist/lib/buildDefaultToolbarSpec.js

@@ -1,167 +1,21 @@
-import { getAutosaveStatusLabel, } from '@signalsafe/tree-spec-editor-core';
-import { TOOLBAR_ITEM_KIND } from '../panels/ToolbarPanel.js';
+import { appendAddDropdown, appendBackSlot, appendCapabilityButtons, appendLayoutButtons, appendSaveAndPublish, appendTemplatesDropdown, appendUndoRedo, } from './toolbar/toolbarSectionBuilders.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 { state, actions, capabilities = {}, nodeTypes = [], templates = [], preview, labels = {}, extraItems = [], showUndoRedo = true, } = options;
     const items = [];
-    if (backSlot) {
-        appendBackSlot(items, backSlot);
+    const toolbarBackSlot = options.toolbarBackSlot;
+    if (toolbarBackSlot) {
+        appendBackSlot(items, toolbarBackSlot);
     }
     appendAddDropdown(items, nodeTypes, actions, labels, state.isPublished);
     appendTemplatesDropdown(items, templates, actions, labels, state.isPublished);
     appendLayoutButtons(items, state, actions, labels);
+    if (showUndoRedo) {
+        appendUndoRedo(items, state, actions, labels);
+    }
     appendCapabilityButtons(items, capabilities, state, actions, labels);
     appendSaveAndPublish(items, capabilities, state, actions, labels, preview);
-    appendStatusFooter(items, state, labels, extraItems);
+    items.push(...extraItems);
     return items;
 }

package/dist/lib/panelNodeLink.d.ts

@@ -0,0 +1,13 @@
+import type { ReactNode } from 'react';
+import type { EditorTransition } from '@signalsafe/tree-spec-editor-core';
+export interface PanelNodeLinkContext {
+    onNodeSelect?: (nodeId: string) => void;
+}
+/** Clickable node id for panel breadcrumb lines; plain text when `onNodeSelect` is unset. */
+export declare function PanelNodeLink({ nodeId, onNodeSelect, }: Readonly<{
+    nodeId: string;
+    onNodeSelect?: (nodeId: string) => void;
+}>): ReactNode;
+/** Default `from · choice → to` line for selected transitions. */
+export declare function renderDefaultEdgeBreadcrumb(edge: EditorTransition, { onNodeSelect }: PanelNodeLinkContext): ReactNode;
+//# sourceMappingURL=panelNodeLink.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"panelNodeLink.d.ts","sourceRoot":"","sources":["../../src/lib/panelNodeLink.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,mCAAmC,CAAC;AAE1E,MAAM,WAAW,oBAAoB;IACjC,YAAY,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;CAC3C;AAED,6FAA6F;AAC7F,wBAAgB,aAAa,CAAC,EAC1B,MAAM,EACN,YAAY,GACf,EAAE,QAAQ,CAAC;IACR,MAAM,EAAE,MAAM,CAAC;IACf,YAAY,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;CAC3C,CAAC,GAAG,SAAS,CAcb;AAED,kEAAkE;AAClE,wBAAgB,2BAA2B,CACvC,IAAI,EAAE,gBAAgB,EACtB,EAAE,YAAY,EAAE,EAAE,oBAAoB,GACvC,SAAS,CAUX"}

package/dist/lib/panelNodeLink.js

@@ -0,0 +1,12 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+/** Clickable node id for panel breadcrumb lines; plain text when `onNodeSelect` is unset. */
+export function PanelNodeLink({ nodeId, onNodeSelect, }) {
+    if (!onNodeSelect) {
+        return nodeId;
+    }
+    return (_jsx("button", { type: "button", className: "btn btn-link p-0 align-baseline font-size-12", onClick: () => onNodeSelect(nodeId), children: nodeId }));
+}
+/** Default `from · choice → to` line for selected transitions. */
+export function renderDefaultEdgeBreadcrumb(edge, { onNodeSelect }) {
+    return (_jsxs(_Fragment, { children: [_jsx(PanelNodeLink, { nodeId: edge.fromNodeId, onNodeSelect: onNodeSelect }), ' · ', edge.fromChoiceId, ' → ', _jsx(PanelNodeLink, { nodeId: edge.toNodeId, onNodeSelect: onNodeSelect })] }));
+}

package/dist/lib/selectionStyles.d.ts

@@ -0,0 +1,9 @@
+/** Bootstrap list-group selection highlight (subtle primary background). */
+export declare const LIST_SELECTION_CLASS = "list-group-item-primary";
+/** Dark readable text on {@link LIST_SELECTION_CLASS} rows (sidebar Nodes / Issues). */
+export declare const LIST_SELECTION_TEXT_CLASS = "graph-editor-sidebar-selected";
+/** Canvas / card selection highlight matching list selection. */
+export declare const CANVAS_SELECTION_CLASS = "bg-primary-subtle";
+/** Dark readable text on {@link CANVAS_SELECTION_CLASS} graph nodes. */
+export declare const CANVAS_SELECTION_TEXT_CLASS = "graph-editor-canvas-selected";
+//# sourceMappingURL=selectionStyles.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"selectionStyles.d.ts","sourceRoot":"","sources":["../../src/lib/selectionStyles.ts"],"names":[],"mappings":"AAAA,4EAA4E;AAC5E,eAAO,MAAM,oBAAoB,4BAA4B,CAAC;AAE9D,wFAAwF;AACxF,eAAO,MAAM,yBAAyB,kCAAkC,CAAC;AAEzE,iEAAiE;AACjE,eAAO,MAAM,sBAAsB,sBAAsB,CAAC;AAE1D,wEAAwE;AACxE,eAAO,MAAM,2BAA2B,iCAAiC,CAAC"}

package/dist/lib/selectionStyles.js

@@ -0,0 +1,8 @@
+/** Bootstrap list-group selection highlight (subtle primary background). */
+export const LIST_SELECTION_CLASS = 'list-group-item-primary';
+/** Dark readable text on {@link LIST_SELECTION_CLASS} rows (sidebar Nodes / Issues). */
+export const LIST_SELECTION_TEXT_CLASS = 'graph-editor-sidebar-selected';
+/** Canvas / card selection highlight matching list selection. */
+export const CANVAS_SELECTION_CLASS = 'bg-primary-subtle';
+/** Dark readable text on {@link CANVAS_SELECTION_CLASS} graph nodes. */
+export const CANVAS_SELECTION_TEXT_CLASS = 'graph-editor-canvas-selected';

package/dist/lib/toolbar/defaultToolbarTypes.d.ts

@@ -0,0 +1,89 @@
+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;
+    undo?: string;
+    redo?: string;
+}
+export interface DefaultToolbarState {
+    isPublished: boolean;
+    saving: boolean;
+    publishing: boolean;
+    creatingSnapshot: boolean;
+    cloning: boolean;
+    canPublish: boolean;
+    hasTree: boolean;
+    autosaveStatus: AutosaveStatus;
+    canUndo?: boolean;
+    canRedo?: boolean;
+}
+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;
+    undo?: () => void;
+    redo?: () => void;
+}
+export type DefaultToolbarBackSlot = {
+    id?: string;
+    render: () => ReactNode;
+};
+export interface BuildDefaultToolbarSpecOptions {
+    state: DefaultToolbarState;
+    actions: DefaultToolbarActions;
+    capabilities?: DefaultToolbarCapabilities;
+    nodeTypes?: DefaultToolbarNodeType[];
+    templates?: DefaultToolbarTemplate[];
+    /** Optional legacy toolbar back control when page breadcrumbs are not used. */
+    toolbarBackSlot?: DefaultToolbarBackSlot;
+    preview?: {
+        onClick: () => void;
+        disabled?: boolean;
+    };
+    labels?: DefaultToolbarLabels;
+    extraItems?: ToolbarItem[];
+    /** When false, omit Undo/Redo buttons even if `actions.undo` / `actions.redo` are set. Default true. */
+    showUndoRedo?: boolean;
+}
+//# sourceMappingURL=defaultToolbarTypes.d.ts.map

package/dist/lib/toolbar/defaultToolbarTypes.d.ts.map

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

package/dist/lib/toolbar/defaultToolbarTypes.js

@@ -0,0 +1 @@
+export { AUTOSAVE_STATUS } from '@signalsafe/tree-spec-editor-core';

package/dist/lib/toolbar/toolbarSectionBuilders.d.ts

@@ -0,0 +1,10 @@
+import { type ToolbarItem } from '../../panels/ToolbarPanel.js';
+import type { BuildDefaultToolbarSpecOptions, DefaultToolbarActions, DefaultToolbarBackSlot, DefaultToolbarCapabilities, DefaultToolbarLabels, DefaultToolbarNodeType, DefaultToolbarState, DefaultToolbarTemplate } from './defaultToolbarTypes.js';
+export declare function appendBackSlot(items: ToolbarItem[], slot: DefaultToolbarBackSlot): void;
+export declare function appendAddDropdown(items: ToolbarItem[], nodeTypes: DefaultToolbarNodeType[], actions: DefaultToolbarActions, labels: DefaultToolbarLabels, isPublished: boolean): void;
+export declare function appendTemplatesDropdown(items: ToolbarItem[], templates: DefaultToolbarTemplate[], actions: DefaultToolbarActions, labels: DefaultToolbarLabels, isPublished: boolean): void;
+export declare function appendLayoutButtons(items: ToolbarItem[], state: DefaultToolbarState, actions: DefaultToolbarActions, labels: DefaultToolbarLabels): void;
+export declare function appendUndoRedo(items: ToolbarItem[], state: DefaultToolbarState, actions: DefaultToolbarActions, labels: DefaultToolbarLabels): void;
+export declare function appendCapabilityButtons(items: ToolbarItem[], capabilities: DefaultToolbarCapabilities, state: DefaultToolbarState, actions: DefaultToolbarActions, labels: DefaultToolbarLabels): void;
+export declare function appendSaveAndPublish(items: ToolbarItem[], capabilities: DefaultToolbarCapabilities, state: DefaultToolbarState, actions: DefaultToolbarActions, labels: DefaultToolbarLabels, preview: BuildDefaultToolbarSpecOptions['preview']): void;
+//# sourceMappingURL=toolbarSectionBuilders.d.ts.map

package/dist/lib/toolbar/toolbarSectionBuilders.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"toolbarSectionBuilders.d.ts","sourceRoot":"","sources":["../../../src/lib/toolbar/toolbarSectionBuilders.ts"],"names":[],"mappings":"AAAA,OAAO,EAAqB,KAAK,WAAW,EAAE,MAAM,8BAA8B,CAAC;AAEnF,OAAO,KAAK,EACR,8BAA8B,EAC9B,qBAAqB,EACrB,sBAAsB,EACtB,0BAA0B,EAC1B,oBAAoB,EACpB,sBAAsB,EACtB,mBAAmB,EACnB,sBAAsB,EACzB,MAAM,0BAA0B,CAAC;AAElC,wBAAgB,cAAc,CAC1B,KAAK,EAAE,WAAW,EAAE,EACpB,IAAI,EAAE,sBAAsB,GAC7B,IAAI,CAMN;AAED,wBAAgB,iBAAiB,CAC7B,KAAK,EAAE,WAAW,EAAE,EACpB,SAAS,EAAE,sBAAsB,EAAE,EACnC,OAAO,EAAE,qBAAqB,EAC9B,MAAM,EAAE,oBAAoB,EAC5B,WAAW,EAAE,OAAO,GACrB,IAAI,CAsBN;AAED,wBAAgB,uBAAuB,CACnC,KAAK,EAAE,WAAW,EAAE,EACpB,SAAS,EAAE,sBAAsB,EAAE,EACnC,OAAO,EAAE,qBAAqB,EAC9B,MAAM,EAAE,oBAAoB,EAC5B,WAAW,EAAE,OAAO,GACrB,IAAI,CAcN;AAED,wBAAgB,mBAAmB,CAC/B,KAAK,EAAE,WAAW,EAAE,EACpB,KAAK,EAAE,mBAAmB,EAC1B,OAAO,EAAE,qBAAqB,EAC9B,MAAM,EAAE,oBAAoB,GAC7B,IAAI,CAkBN;AAED,wBAAgB,cAAc,CAC1B,KAAK,EAAE,WAAW,EAAE,EACpB,KAAK,EAAE,mBAAmB,EAC1B,OAAO,EAAE,qBAAqB,EAC9B,MAAM,EAAE,oBAAoB,GAC7B,IAAI,CAoBN;AAED,wBAAgB,uBAAuB,CACnC,KAAK,EAAE,WAAW,EAAE,EACpB,YAAY,EAAE,0BAA0B,EACxC,KAAK,EAAE,mBAAmB,EAC1B,OAAO,EAAE,qBAAqB,EAC9B,MAAM,EAAE,oBAAoB,GAC7B,IAAI,CAkDN;AAED,wBAAgB,oBAAoB,CAChC,KAAK,EAAE,WAAW,EAAE,EACpB,YAAY,EAAE,0BAA0B,EACxC,KAAK,EAAE,mBAAmB,EAC1B,OAAO,EAAE,qBAAqB,EAC9B,MAAM,EAAE,oBAAoB,EAC5B,OAAO,EAAE,8BAA8B,CAAC,SAAS,CAAC,GACnD,IAAI,CA8BN"}

package/dist/lib/toolbar/toolbarSectionBuilders.js

@@ -0,0 +1,153 @@
+import { TOOLBAR_ITEM_KIND } from '../../panels/ToolbarPanel.js';
+export function appendBackSlot(items, slot) {
+    items.push({
+        kind: TOOLBAR_ITEM_KIND.CUSTOM,
+        id: slot.id ?? 'back',
+        render: slot.render,
+    });
+}
+export 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,
+    });
+}
+export 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),
+        })),
+    });
+}
+export 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(),
+    });
+}
+export function appendUndoRedo(items, state, actions, labels) {
+    if (!actions.undo || !actions.redo)
+        return;
+    const { isPublished, canUndo = false, canRedo = false } = state;
+    items.push({
+        kind: TOOLBAR_ITEM_KIND.BUTTON,
+        id: 'undo',
+        label: labels.undo ?? 'Undo',
+        disabled: isPublished || !canUndo,
+        onClick: () => actions.undo(),
+    }, {
+        kind: TOOLBAR_ITEM_KIND.BUTTON,
+        id: 'redo',
+        label: labels.redo ?? 'Redo',
+        disabled: isPublished || !canRedo,
+        onClick: () => actions.redo(),
+    });
+}
+export 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(),
+        });
+    }
+}
+export 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,
+        });
+    }
+}

package/dist/modals/AuditLogModal.d.ts

@@ -17,5 +17,5 @@ export interface AuditLogModalProps {
     /** 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;
+export default function AuditLogModal({ show, loadingAudit, auditEvents, onClose, title, subtitle, loadingText, emptyStateText, actorLabel, closeLabel, }: Readonly<AuditLogModalProps>): import("react").JSX.Element | null;
 //# sourceMappingURL=AuditLogModal.d.ts.map

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

@@ -1 +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"}
+{"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,sCAwD9B"}

package/dist/modals/AuditLogModal.js

@@ -17,7 +17,7 @@ export default function AuditLogModal({ show, loadingAudit, auditEvents, onClose
         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))) }));
+        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_on).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

@@ -30,5 +30,5 @@ export interface DraftHistoryModalProps {
     /** 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;
+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.Element | null;
 //# sourceMappingURL=DraftHistoryModal.d.ts.map

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

@@ -1 +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"}
+{"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,sCAuElC"}

package/dist/modals/DraftHistoryModal.js

@@ -21,7 +21,7 @@ export default function DraftHistoryModal({ show, loadingSnapshots, snapshots, r
         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))) }));
+        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_on).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

@@ -33,5 +33,5 @@ export interface PublishReviewModalProps {
     /** 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;
+export default function PublishReviewModal({ show, tree, baselineTree, issues, publishing, onClose, onPublish, computeDiffSummary, title, summaryText, errorAlertText, cancelLabel, publishLabel, publishingLabel, }: Readonly<PublishReviewModalProps>): import("react").JSX.Element | null;
 //# sourceMappingURL=PublishReviewModal.d.ts.map

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

@@ -1 +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"}
+{"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,sCAyCnC"}

package/dist/panels/AdvancedJsonPanel.d.ts

@@ -23,5 +23,5 @@ export interface AdvancedJsonPanelProps {
     /** Optional extra class names applied to the outer `card` element. */
     className?: string;
 }
-export default function AdvancedJsonPanel({ children, title, subtitle, onExpandAll, onCollapseAll, expandAllLabel, collapseAllLabel, className, }: Readonly<AdvancedJsonPanelProps>): import("react/jsx-runtime").JSX.Element;
+export default function AdvancedJsonPanel({ children, title, subtitle, onExpandAll, onCollapseAll, expandAllLabel, collapseAllLabel, className, }: Readonly<AdvancedJsonPanelProps>): import("react").JSX.Element;
 //# sourceMappingURL=AdvancedJsonPanel.d.ts.map

package/dist/panels/AdvancedJsonPanel.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AdvancedJsonPanel.d.ts","sourceRoot":"","sources":["../../src/panels/AdvancedJsonPanel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAMvC,MAAM,WAAW,sBAAsB;IACnC,uEAAuE;IACvE,QAAQ,EAAE,SAAS,CAAC;IACpB,sEAAsE;IACtE,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,oDAAoD;IACpD,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB;;;OAGG;IACH,WAAW,CAAC,EAAE,MAAM,IAAI,CAAC;IACzB;;;OAGG;IACH,aAAa,CAAC,EAAE,MAAM,IAAI,CAAC;IAC3B,4EAA4E;IAC5E,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,gFAAgF;IAChF,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,sEAAsE;IACtE,SAAS,CAAC,EAAE,MAAM,CAAC;CACtB;AAID,MAAM,CAAC,OAAO,UAAU,iBAAiB,CAAC,EACtC,QAAQ,EACR,KAAqB,EACrB,QAAQ,EACR,WAAW,EACX,aAAa,EACb,cAA6B,EAC7B,gBAAiC,EACjC,SAAS,GACZ,EAAE,QAAQ,CAAC,sBAAsB,CAAC,2CAsClC"}
+{"version":3,"file":"AdvancedJsonPanel.d.ts","sourceRoot":"","sources":["../../src/panels/AdvancedJsonPanel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAMvC,MAAM,WAAW,sBAAsB;IACnC,uEAAuE;IACvE,QAAQ,EAAE,SAAS,CAAC;IACpB,sEAAsE;IACtE,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,oDAAoD;IACpD,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB;;;OAGG;IACH,WAAW,CAAC,EAAE,MAAM,IAAI,CAAC;IACzB;;;OAGG;IACH,aAAa,CAAC,EAAE,MAAM,IAAI,CAAC;IAC3B,4EAA4E;IAC5E,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,gFAAgF;IAChF,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,sEAAsE;IACtE,SAAS,CAAC,EAAE,MAAM,CAAC;CACtB;AAID,MAAM,CAAC,OAAO,UAAU,iBAAiB,CAAC,EACtC,QAAQ,EACR,KAAqB,EACrB,QAAQ,EACR,WAAW,EACX,aAAa,EACb,cAA6B,EAC7B,gBAAiC,EACjC,SAAS,GACZ,EAAE,QAAQ,CAAC,sBAAsB,CAAC,+BAsClC"}

package/dist/panels/AppearancePanel.d.ts

@@ -0,0 +1,26 @@
+/**
+ * Right-rail panel for canvas-only node appearance (colors, size, text wrap, lock)
+ * and per-choice edge styling. Hosts inject node field UI via `renderAppearanceFields`.
+ */
+import type { ReactNode } from 'react';
+import { type ChoiceEdgeHints, type EditorNode, type EditorTransition, type EditorTree } from '@signalsafe/tree-spec-editor-core';
+import type { InspectorNodeRenderContext } from './InspectorPanel';
+export interface AppearancePanelProps {
+    tree: EditorTree;
+    selectedNode: EditorNode | null;
+    selectedEdge?: EditorTransition | null;
+    focusChoiceId?: string | null;
+    isPublished?: boolean;
+    onUpdateSelectedNode: (patch: Partial<EditorNode>) => void;
+    /** Render appearance controls for the selected node. Hidden when an edge is selected. */
+    renderAppearanceFields: (ctx: InspectorNodeRenderContext) => ReactNode;
+    onUpdateChoiceEdgeHints?: (nodeId: string, choiceId: string, patch: Partial<ChoiceEdgeHints>) => void;
+    /** Jump to a node from the selected-edge summary line. */
+    onNodeSelect?: (nodeId: string) => void;
+    title?: string;
+    emptyStateText?: string;
+    /** Shown above node fields when a node is selected. */
+    helperText?: string;
+}
+export default function AppearancePanel({ tree, selectedNode, selectedEdge, focusChoiceId, isPublished, onUpdateSelectedNode, renderAppearanceFields, onUpdateChoiceEdgeHints, onNodeSelect, title, emptyStateText, helperText, }: Readonly<AppearancePanelProps>): import("react").JSX.Element;
+//# sourceMappingURL=AppearancePanel.d.ts.map

package/dist/panels/AppearancePanel.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AppearancePanel.d.ts","sourceRoot":"","sources":["../../src/panels/AppearancePanel.tsx"],"names":[],"mappings":"AAAA;;;GAGG;AACH,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGvC,OAAO,EAEH,KAAK,eAAe,EAEpB,KAAK,UAAU,EACf,KAAK,gBAAgB,EACrB,KAAK,UAAU,EAClB,MAAM,mCAAmC,CAAC;AAK3C,OAAO,KAAK,EAAE,0BAA0B,EAAE,MAAM,kBAAkB,CAAC;AAEnE,MAAM,WAAW,oBAAoB;IACjC,IAAI,EAAE,UAAU,CAAC;IACjB,YAAY,EAAE,UAAU,GAAG,IAAI,CAAC;IAChC,YAAY,CAAC,EAAE,gBAAgB,GAAG,IAAI,CAAC;IACvC,aAAa,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC9B,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,oBAAoB,EAAE,CAAC,KAAK,EAAE,OAAO,CAAC,UAAU,CAAC,KAAK,IAAI,CAAC;IAC3D,yFAAyF;IACzF,sBAAsB,EAAE,CAAC,GAAG,EAAE,0BAA0B,KAAK,SAAS,CAAC;IACvE,uBAAuB,CAAC,EAAE,CACtB,MAAM,EAAE,MAAM,EACd,QAAQ,EAAE,MAAM,EAChB,KAAK,EAAE,OAAO,CAAC,eAAe,CAAC,KAC9B,IAAI,CAAC;IACV,0DAA0D;IAC1D,YAAY,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,uDAAuD;IACvD,UAAU,CAAC,EAAE,MAAM,CAAC;CACvB;AAmID,MAAM,CAAC,OAAO,UAAU,eAAe,CAAC,EACpC,IAAI,EACJ,YAAY,EACZ,YAAmB,EACnB,aAAoB,EACpB,WAAmB,EACnB,oBAAoB,EACpB,sBAAsB,EACtB,uBAAuB,EACvB,YAAY,EACZ,KAAoB,EACpB,cAA4D,EAC5D,UAAkE,GACrE,EAAE,QAAQ,CAAC,oBAAoB,CAAC,+BA0EhC"}