canopycms 0.1.0-int.115 → 0.1.0

package/dist/version.d.ts

@@ -1 +1 @@
-export declare const CANOPYCMS_VERSION = "0.1.0-int.115";
+export declare const CANOPYCMS_VERSION = "0.1.0";

package/dist/version.js

@@ -1,3 +1,3 @@
 // Generated by scripts/bump-version.mjs, its only writer. The package builds with plain
 // tsc (rootDir: src), so src/ cannot import ../package.json; version.test.ts keeps the two equal.
-export const CANOPYCMS_VERSION = '0.1.0-int.115';
+export const CANOPYCMS_VERSION = '0.1.0';

package/dist/worker/cms-worker.d.ts

@@ -251,7 +251,7 @@ export declare class CmsWorker {
      *    and GitHub calls are killed and the task is released to pending with no
      *    retry spent; a sync's bundle, unbundle, ref update and settings push
      *    are killed. The gateway's GitHub fetches and mirror maintenance run on
-     *    (.claude/future-tasks/worker-mirror-detached-work-drain.md). A branch rebase
+     *    (safeinsights/canopycms#907). A branch rebase
      *    is never aborted, because a rebase killed mid-branch is recovered
      *    lossily; anything still unsettled after a short grace is abandoned to
      *    the process exit.

package/dist/worker/cms-worker.js

@@ -46,7 +46,7 @@ export { GatewayInstance } from './gateway-instance.js';
 // are not GitHub tokens (the auth provider's key, the App's private key). `redactEgress` scrubs
 // the cause a failed boot hands the worker.
 export { gatewayLog, gatewayLogWarn, gatewayLogError, registerSecretText, registerPrivateKey, redactEgress, } from './gateway-egress.js';
-// The boot self-checks the split entrypoint runs in each role (.claude/future-tasks/
+// The boot self-checks the split entrypoint runs in each role (.claude/future-tasks/resolved/
 // worker-shared-repo-git-process-split.md §5).
 export { assertSelfChecks, gatewaySelfChecks, workerSelfChecks, } from './self-checks.js';
 /** Per workspace, so two workers on one host (tests, dev) never share a mirror. */
@@ -497,7 +497,7 @@ export class CmsWorker {
      *    and GitHub calls are killed and the task is released to pending with no
      *    retry spent; a sync's bundle, unbundle, ref update and settings push
      *    are killed. The gateway's GitHub fetches and mirror maintenance run on
-     *    (.claude/future-tasks/worker-mirror-detached-work-drain.md). A branch rebase
+     *    (safeinsights/canopycms#907). A branch rebase
      *    is never aborted, because a rebase killed mid-branch is recovered
      *    lossily; anything still unsettled after a short grace is abandoned to
      *    the process exit.

package/dist/worker/github-auth.d.ts

@@ -58,7 +58,7 @@ export interface GitHubAuthConfig {
      * 59 minutes and mints a new one after that, so `refreshCredential()` below
      * is a no-op on that path. It does NOT recover a rotated private key or an
      * early-revoked token — see
-     * .claude/future-tasks/worker-app-auth-cannot-recover-a-rotated-key.md.
+     * safeinsights/canopycms#894.
      */
     refreshGitHubToken?: () => Promise<string | undefined>;
     /**

package/dist/worker/github-auth.js

@@ -74,7 +74,7 @@ export function resolveWorkerGitHubAuth(config) {
             // key does not expire, and `@octokit/auth-app`'s own cache mints a new
             // installation token when the old one expires. A rotated key or an
             // early-revoked token is NOT recovered here — see
-            // .claude/future-tasks/worker-app-auth-cannot-recover-a-rotated-key.md.
+            // safeinsights/canopycms#894.
             refreshCredential: async () => { },
         };
     }

package/dist/worker/github-gateway-wire.d.ts

@@ -570,7 +570,8 @@ export declare function refusedRequestError(message: string, status: number | un
  * by the exact token forms and `redactCredentials`'s patterns (worker/gateway-egress.ts): a
  * credentialed operation already did (`LocalGitHubGateway.credentialed`), and this is the last
  * place anything could slip past it. No stack, no
- * `cause` and no Octokit `request` crosses.
+ * `cause` and no Octokit `request` crosses. A thrown value that is not an Error crosses as a fixed
+ * message and is logged here instead: its string form can be anything, a stack included.
  */
 export declare function encodeError(err: unknown): ErrorEnvelope;
 /**

package/dist/worker/github-gateway-wire.js

@@ -2,7 +2,7 @@ import { z } from 'zod';
 import { GatewayRefusalError, MAX_PROTECTED_BRANCHES } from './branch-policy.js';
 import { GitHubPushError, MAX_FETCH_HAVE } from './github-gateway.js';
 import { GitHubTransientError, RefusedPushError } from './github-mirror.js';
-import { redactEgress } from './gateway-egress.js';
+import { gatewayLogWarn, redactEgress } from './gateway-egress.js';
 /**
  * The GitHub gateway's wire format (worker/github-gateway-http.ts): what each operation sends and
  * answers over the socket, and how a thrown error crosses it. Both ends validate everything they
@@ -350,12 +350,15 @@ export function refusedRequestError(message, status) {
         ? new GatewayRequestRefusedError(message, status)
         : new GitHubGatewayProtocolError(message);
 }
+/** The message a thrown value that is not an Error crosses with. */
+const NOT_AN_ERROR_MESSAGE = 'The GitHub gateway failed with a value that is not an Error';
 /**
  * The envelope for an error leaving the gateway. Every string in it is scrubbed as an error is,
  * by the exact token forms and `redactCredentials`'s patterns (worker/gateway-egress.ts): a
  * credentialed operation already did (`LocalGitHubGateway.credentialed`), and this is the last
  * place anything could slip past it. No stack, no
- * `cause` and no Octokit `request` crosses.
+ * `cause` and no Octokit `request` crosses. A thrown value that is not an Error crosses as a fixed
+ * message and is logged here instead: its string form can be anything, a stack included.
  */
 export function encodeError(err) {
     const text = (value) => redactEgress(value).slice(0, MAX_MESSAGE_LENGTH);
@@ -376,7 +379,8 @@ export function encodeError(err) {
         return { kind: 'transient', code: err.code, message: text(err.message) };
     }
     if (!(err instanceof Error)) {
-        return { kind: 'error', name: 'Error', message: text(String(err)) };
+        gatewayLogWarn('Answered a thrown value that is not an Error:', text(String(err)));
+        return { kind: 'error', name: 'Error', message: NOT_AN_ERROR_MESSAGE };
     }
     const status = err.status;
     if (typeof status === 'number' && Number.isInteger(status)) {

package/dist/worker/github-gateway.js

@@ -549,7 +549,7 @@ class LocalGitHubGateway {
      * branch first. The mirror kills its git when `signal` aborts, and GitHub moves the ref only
      * after receiving the whole pack, so a killed push changes nothing or is found already done by
      * the re-run, unless git's transport child outlives it
-     * (.claude/future-tasks/worker-mirror-detached-work-drain.md).
+     * (safeinsights/canopycms#907).
      */
     async pushInSession(mirror, credential, request, received, signal) {
         const { branch, sha } = request;

package/dist/worker/github-mirror.d.ts

@@ -31,7 +31,7 @@ import { BranchPolicy, GatewayRefusalError } from './branch-policy.js';
  *
  * Every transfer runs with `--progress`: the timeout is inactivity, and a quiet fetch of a whole
  * repository would otherwise be killed for its size. The connectivity walk after a fetch still
- * prints nothing (.claude/future-tasks/worker-github-mirror-limits.md).
+ * prints nothing (safeinsights/canopycms#901).
  */
 export declare class GitHubMirror {
     private readonly stateDirectory;
@@ -93,7 +93,7 @@ export declare class GitHubMirror {
      * Clear what a killed gateway left, before any git runs: finish or undo an interrupted rebuild,
      * then every lock and temporary in the mirror. Nothing in this process writes it yet:
      * maintenance starts only after a session. A git a stopped dev worker left running is not
-     * covered (.claude/future-tasks/worker-mirror-detached-work-drain.md).
+     * covered (safeinsights/canopycms#907).
      */
     private sweepAtStart;
     /**

package/dist/worker/github-mirror.js

@@ -39,7 +39,7 @@ import { mirrorGitOptions, mirrorPins, quarantinePins } from './shared-repo-git.
  *
  * Every transfer runs with `--progress`: the timeout is inactivity, and a quiet fetch of a whole
  * repository would otherwise be killed for its size. The connectivity walk after a fetch still
- * prints nothing (.claude/future-tasks/worker-github-mirror-limits.md).
+ * prints nothing (safeinsights/canopycms#901).
  */
 export class GitHubMirror {
     /**
@@ -137,7 +137,7 @@ export class GitHubMirror {
      * Clear what a killed gateway left, before any git runs: finish or undo an interrupted rebuild,
      * then every lock and temporary in the mirror. Nothing in this process writes it yet:
      * maintenance starts only after a session. A git a stopped dev worker left running is not
-     * covered (.claude/future-tasks/worker-mirror-detached-work-drain.md).
+     * covered (safeinsights/canopycms#907).
      */
     async sweepAtStart() {
         await fs.mkdir(this.stateDirectory, { recursive: true, mode: 0o700 });

package/dist/worker/history-rewrite.d.ts

@@ -54,7 +54,7 @@ export declare function markHistoryRewritten(ctx: Pick<HistoryRewriteContext, 'c
  * it on GitHub" diagnosis that is false -- we did.
  *
  * Tracked, with the concurrent-clear race that can drop a marker mid-arming,
- * in .claude/future-tasks/worker-history-rewrite-marker-races.md.
+ * in safeinsights/canopycms#902.
  */
 export declare function clearHistoryRewrittenMarker(ctx: Pick<HistoryRewriteContext, 'contentBranchesPath'>, branchPath: string, branchDir: string): Promise<void>;
 /**

package/dist/worker/history-rewrite.js

@@ -62,7 +62,7 @@ export async function markHistoryRewritten(ctx, branchPath, branchDir, expectedS
  * it on GitHub" diagnosis that is false -- we did.
  *
  * Tracked, with the concurrent-clear race that can drop a marker mid-arming,
- * in .claude/future-tasks/worker-history-rewrite-marker-races.md.
+ * in safeinsights/canopycms#902.
  */
 export async function clearHistoryRewrittenMarker(ctx, branchPath, branchDir) {
     try {

package/dist/worker/self-checks.d.ts

@@ -1,5 +1,5 @@
 /**
- * The boot self-checks of the worker process split (.claude/future-tasks/
+ * The boot self-checks of the worker process split (.claude/future-tasks/resolved/
  * worker-shared-repo-git-process-split.md §5): each proves a sandbox layer the split rests on took
  * effect, because systemd applies some directives silently or not at all (`IPAddressDeny` without
  * cgroup-BPF). Every check fails closed: what it cannot read counts against it. They only report;

package/dist/worker/shared-repo-git.js

@@ -19,7 +19,7 @@ import { getErrorMessage } from '../utils/error.js';
  * merge, checkout) through a driver it plants in between, as does one that edits a rebase the
  * worker has stopped at a conflict (an `exec` line in `git-rebase-todo`, the `strategy` file). Only
  * moving that git into a process without the credential closes those:
- * .claude/future-tasks/worker-shared-repo-git-process-split.md.
+ * .claude/future-tasks/resolved/worker-shared-repo-git-process-split.md.
  */
 /**
  * Every hook event in githooks(5) at git 2.55 except git-p4's, which only git-p4 fires and the worker

package/package.json

@@ -1,7 +1,7 @@
 {
   "//": "@codemirror/language, @lezer/highlight: workaround — @mdxeditor/editor uses cm6-theme-basic-light which peer-requires these but mdxeditor doesn't declare them as dependencies",
   "name": "canopycms",
-  "version": "0.1.0-int.115",
+  "version": "0.1.0",
   "description": "CanopyCMS core package: schema-driven content, branch-aware editing, and editor UI for Next.js.",
   "license": "MIT",
   "repository": {
@@ -144,7 +144,8 @@
     "picocolors": "^1.1.1",
     "proper-lockfile": "^4.1.2",
     "react-easy-crop": "^6.2.2",
-    "react-split-pane": "^0.1.92",
+    "react-remove-scroll": "^2.7.2",
+    "react-resizable-panels": "4.14.1",
     "sanitize-html": "^2.17.5",
     "sharp": "^0.35.3",
     "short-uuid": "^6.0.3",
@@ -158,8 +159,8 @@
     "react-dom": "^18.0.0 || ^19.0.0"
   },
   "devDependencies": {
-    "@smithy/util-stream": "^3.0.0 || ^4.0.0",
     "@playwright/test": "^1.57.0",
+    "@smithy/util-stream": "^3.0.0 || ^4.0.0",
     "@storybook/addon-essentials": "^8.1.11",
     "@storybook/react": "^8.1.11",
     "@storybook/react-vite": "^8.1.11",
@@ -172,9 +173,9 @@
     "@types/react": "^18.3.12",
     "@types/react-dom": "^18.3.1",
     "@types/sanitize-html": "^2.16.1",
-    "aws-sdk-client-mock": "^4.0.0",
     "@vitejs/plugin-react": "^5.1.0",
     "autoprefixer": "^10.4.20",
+    "aws-sdk-client-mock": "^4.0.0",
     "esbuild": "^0.25.0",
     "jsdom": "^24.1.3",
     "postcss": "^8.5.10",

package/dist/editor/EditorPanes.d.ts

@@ -1,20 +0,0 @@
-import React from 'react';
-export type PaneLayout = 'side' | 'stacked';
-export declare const SPLIT_PERCENT_MIN = 15;
-export declare const SPLIT_PERCENT_MAX = 85;
-export declare const DEFAULT_SIDE_SPLIT_PERCENT = 52;
-export declare const DEFAULT_STACKED_SPLIT_PERCENT = 58;
-export interface EditorPanesProps {
-    layout?: PaneLayout;
-    onLayoutChange?: (layout: PaneLayout) => void;
-    /** Primary-pane size (percent) in the side layout; follows this prop when it changes. */
-    sideSplitPercent?: number;
-    /** Primary-pane size (percent) in the stacked layout; follows this prop when it changes. */
-    stackedSplitPercent?: number;
-    /** Called once per drag, when it ends, with the clamped percent; live dragging never calls it. */
-    onSplitPercentChange?: (layout: PaneLayout, percent: number) => void;
-    preview?: React.ReactNode;
-    form?: React.ReactNode;
-}
-export declare const EditorPanes: React.FC<EditorPanesProps>;
-export default EditorPanes;

package/dist/editor/EditorPanes.js

@@ -1,124 +0,0 @@
-'use client';
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useMemo, useRef, useState, useEffect } from 'react';
-import { Box, Paper, rem } from '@mantine/core';
-import SplitPane from 'react-split-pane';
-export const SPLIT_PERCENT_MIN = 15;
-export const SPLIT_PERCENT_MAX = 85;
-export const DEFAULT_SIDE_SPLIT_PERCENT = 52;
-export const DEFAULT_STACKED_SPLIT_PERCENT = 58;
-export const EditorPanes = ({ layout: layoutProp = 'side', onLayoutChange: _, sideSplitPercent = DEFAULT_SIDE_SPLIT_PERCENT, stackedSplitPercent = DEFAULT_STACKED_SPLIT_PERCENT, onSplitPercentChange, preview, form, }) => {
-    const TypedSplitPane = SplitPane;
-    const splitContainerRef = useRef(null);
-    const [layout, setLayout] = useState(layoutProp);
-    // Live drag state: the props change only when a drag ends or stored prefs load, so dragging
-    // never writes storage.
-    const [sidePrimarySize, setSidePrimarySize] = useState(sideSplitPercent);
-    const [stackedPrimarySize, setStackedPrimarySize] = useState(stackedSplitPercent);
-    // Turn off iframe/pane pointer events while dragging so the gutter keeps receiving mouse events.
-    const [isDragging, setIsDragging] = useState(false);
-    // The last percent a drag produced. `onDragFinished` cannot supply it: with `size` controlled,
-    // react-split-pane hands back that prop's string ("37%"), a click with no movement included.
-    const dragPercentRef = useRef(undefined);
-    useEffect(() => {
-        setLayout(layoutProp);
-    }, [layoutProp]);
-    useEffect(() => {
-        setSidePrimarySize(sideSplitPercent);
-    }, [sideSplitPercent]);
-    useEffect(() => {
-        setStackedPrimarySize(stackedSplitPercent);
-    }, [stackedSplitPercent]);
-    const direction = layout === 'side' ? 'vertical' : 'horizontal';
-    const primarySize = useMemo(() => (layout === 'side' ? sidePrimarySize : stackedPrimarySize), [layout, sidePrimarySize, stackedPrimarySize]);
-    const resizerStyle = useMemo(() => ({
-        background: layout === 'side'
-            ? 'linear-gradient(90deg, var(--canopy-surface-subtle), var(--canopy-surface-muted))'
-            : 'linear-gradient(180deg, var(--canopy-surface-subtle), var(--canopy-surface-muted))',
-        boxShadow: isDragging
-            ? 'inset 0 0 0 1px var(--mantine-color-brand-4), 0 0 0 1px var(--mantine-color-brand-1)'
-            : 'inset 0 0 0 1px var(--mantine-color-default-border)',
-        cursor: layout === 'side' ? 'col-resize' : 'row-resize',
-        width: layout === 'side' ? rem(12) : '100%',
-        height: layout === 'side' ? '100%' : rem(12),
-        margin: layout === 'side' ? `0 -${rem(2)}` : `-${rem(2)} 0`,
-        borderRadius: layout === 'side' ? rem(0) : rem(0),
-        transition: 'box-shadow 120ms ease, background 120ms ease',
-        flexShrink: 0,
-    }), [isDragging, layout]);
-    const updateSizeFromPixels = (nextPixels, nextLayout) => {
-        const total = nextLayout === 'side'
-            ? (splitContainerRef.current?.clientWidth ?? 0)
-            : (splitContainerRef.current?.clientHeight ?? 0);
-        // Guard: ensure valid dimensions before calculating
-        if (!total || total <= 0 || !Number.isFinite(nextPixels) || nextPixels <= 0)
-            return undefined;
-        const percent = Math.min(SPLIT_PERCENT_MAX, Math.max(SPLIT_PERCENT_MIN, (nextPixels / total) * 100));
-        if (nextLayout === 'side') {
-            setSidePrimarySize(percent);
-        }
-        else {
-            setStackedPrimarySize(percent);
-        }
-        return percent;
-    };
-    return (_jsx(Box, { h: "100%", style: { minHeight: '70vh' }, children: _jsx(Paper, { radius: 0, shadow: "xs", withBorder: true, style: {
-                display: 'flex',
-                height: '100%',
-                minHeight: 0,
-                overflow: 'hidden',
-                flexDirection: layout === 'side' ? 'row' : 'column',
-                width: '100%',
-            }, children: _jsx(Box, { ref: splitContainerRef, style: { display: 'flex', flex: 1, minHeight: 0, width: '100%' }, children: _jsxs(TypedSplitPane, { split: direction, minSize: 120, size: `${primarySize}%`, allowResize: true, onChange: (next) => {
-                        dragPercentRef.current = updateSizeFromPixels(next, layout) ?? dragPercentRef.current;
-                    }, onDragStarted: () => {
-                        dragPercentRef.current = undefined;
-                        setIsDragging(true);
-                    }, onDragFinished: () => {
-                        const percent = dragPercentRef.current;
-                        dragPercentRef.current = undefined;
-                        if (percent !== undefined)
-                            onSplitPercentChange?.(layout, percent);
-                        setIsDragging(false);
-                    }, style: {
-                        position: 'relative',
-                        minHeight: 0,
-                        width: '100%',
-                        height: '100%',
-                        userSelect: isDragging ? 'none' : undefined,
-                    }, paneStyle: {
-                        minWidth: 0,
-                        minHeight: 0,
-                        display: 'flex',
-                        overflow: 'auto',
-                    }, resizerStyle: resizerStyle, children: [_jsx(Box, { "data-testid": "preview-pane", style: {
-                                minWidth: 0,
-                                minHeight: 0,
-                                overflow: 'auto',
-                                flex: 1,
-                                pointerEvents: isDragging ? 'none' : undefined,
-                            }, children: _jsx(Box, { h: "100%", w: "100%", style: {
-                                    minHeight: '100%',
-                                    minWidth: 0,
-                                    overflow: 'auto',
-                                    flex: 1,
-                                    pointerEvents: isDragging ? 'none' : undefined,
-                                }, children: preview ?? 'Preview' }) }), _jsx(Box, { "data-testid": "form-pane", style: {
-                                minWidth: 0,
-                                minHeight: 0,
-                                overflow: 'auto',
-                                flex: 1,
-                                pointerEvents: isDragging ? 'none' : undefined,
-                            }, children: _jsx(Box, { h: "100%", w: "100%", style: {
-                                    // FormHeader reads this to span the padding.
-                                    '--canopy-form-pane-padding': '20px',
-                                    padding: 'var(--canopy-form-pane-padding)',
-                                    minHeight: '100%',
-                                    minWidth: 0,
-                                    overflow: 'auto',
-                                    flex: 1,
-                                    pointerEvents: isDragging ? 'none' : undefined,
-                                    backgroundColor: 'var(--canopy-surface-muted)',
-                                }, children: form ?? 'Form' }) })] }) }) }) }));
-};
-export default EditorPanes;

package/dist/editor/components/EditorFooter.d.ts

@@ -1,11 +0,0 @@
-export interface EditorFooterProps {
-    /**
-     * Optional custom footer content.
-     */
-    children?: React.ReactNode;
-}
-/**
- * Footer component for the Editor.
- * Displays static links (Terms, Privacy) and copyright notice.
- */
-export declare function EditorFooter({ children }: EditorFooterProps): import("react/jsx-runtime").JSX.Element;

package/dist/editor/components/EditorFooter.js

@@ -1,9 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Group, Paper, Text } from '@mantine/core';
-/**
- * Footer component for the Editor.
- * Displays static links (Terms, Privacy) and copyright notice.
- */
-export function EditorFooter({ children }) {
-    return (_jsx(Paper, { withBorder: true, radius: 0, shadow: "sm", px: "md", py: "xs", style: { position: 'fixed', left: 0, right: 0, bottom: 0, zIndex: 40 }, children: children ?? (_jsxs(Group, { gap: "md", justify: "center", children: [_jsx(Text, { size: "xs", c: "dimmed", children: "Terms" }), _jsx(Text, { size: "xs", c: "dimmed", children: "Privacy" }), _jsx(Text, { size: "xs", c: "dimmed", children: "\u00A9 CanopyCMS" })] })) }));
-}

package/dist/editor/components/EditorSidebar.d.ts

@@ -1,70 +0,0 @@
-import { type Ref } from 'react';
-import type { PaneLayout } from '../EditorPanes.js';
-import type { InexactMark } from '../preview-marks.js';
-export interface EditorSidebarProps {
-    /**
-     * Current layout mode (side or stacked).
-     */
-    layout: PaneLayout;
-    /**
-     * Whether field highlighting is enabled.
-     */
-    highlightEnabled: boolean;
-    /** The preview reported marking no elements; unknown (an older bridge) is false. */
-    previewMarksNothing?: boolean;
-    /** The preview's marks that name no field of the entry; see `findInexactMarks`. */
-    previewInexactMarks?: readonly InexactMark[];
-    /**
-     * Width of the sidebar in pixels.
-     */
-    sidebarWidth: number;
-    /**
-     * Height of the header in pixels (for positioning).
-     */
-    headerHeight: number;
-    /**
-     * Height of the footer in pixels (for positioning).
-     */
-    footerHeight: number;
-    /**
-     * Callback when layout changes.
-     */
-    onLayoutChange: (layout: PaneLayout) => void;
-    /**
-     * Callback when highlight toggle is clicked.
-     */
-    onHighlightToggle: () => void;
-    /**
-     * Opens the permission manager. Admin-only like `onSystemHealthOpen`: the menu item renders
-     * only when this is provided.
-     */
-    onPermissionManagerOpen?: () => void;
-    /** Opens the group manager. Admin-only; the menu item renders only when this is provided. */
-    onGroupManagerOpen?: () => void;
-    /**
-     * Callback when the media library should be opened.
-     */
-    onMediaLibraryOpen: () => void;
-    /**
-     * Callback when the System Health panel should be opened. Admin-only:
-     * the "System health" menu item only renders when this is provided --
-     * the caller (Editor.tsx) is responsible for the isAdmin() gate.
-     */
-    onSystemHealthOpen?: () => void;
-    /** Ref to the Settings button, which takes focus back when a panel opened from its menu closes. */
-    settingsToggleRef?: Ref<HTMLButtonElement>;
-    /**
-     * Custom account component to render (e.g., Clerk's UserButton).
-     * If provided, replaces the default account button.
-     */
-    AccountComponent?: React.ComponentType;
-    /**
-     * Callback when account button is clicked (if no AccountComponent provided).
-     */
-    onAccountClick?: () => void;
-    /**
-     * Callback when logout button is clicked.
-     */
-    onLogoutClick?: () => void;
-}
-export declare function EditorSidebar({ layout, highlightEnabled, previewMarksNothing, previewInexactMarks, sidebarWidth, headerHeight, footerHeight, onLayoutChange, onHighlightToggle, onPermissionManagerOpen, onGroupManagerOpen, onMediaLibraryOpen, onSystemHealthOpen, settingsToggleRef, AccountComponent, onAccountClick, onLogoutClick, }: EditorSidebarProps): import("react/jsx-runtime").JSX.Element;

package/dist/editor/components/EditorSidebar.js

@@ -1,50 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { useRef, useState } from 'react';
-import { ActionIcon, Indicator, Menu, Paper, Stack, Tooltip } from '@mantine/core';
-import { useMergedRef } from '@mantine/hooks';
-import { IconUserCircle, IconLogout, IconPhoto, IconSettings, IconLayoutColumns, IconLayoutRows, IconMarquee, IconActivity, } from '@tabler/icons-react';
-import { useMenuItemFocusReturn } from '../utils/focus-return.js';
-/**
- * Sidebar component for the Editor.
- * Contains layout toggle, highlight toggle, settings menu, account button, and logout button.
- */
-const inexactMarksNote = (marks) => {
-    const shown = marks.slice(0, 3).map((mark) => mark.path || '""');
-    const more = marks.length > shown.length ? `, and ${marks.length - shown.length} more` : '';
-    const noun = marks.length === 1 ? "mark doesn't" : "marks don't";
-    return `${marks.length} preview ${noun} match a field: ${shown.join(', ')}${more}. The browser console names the nearest field of each.`;
-};
-export function EditorSidebar({ layout, highlightEnabled, previewMarksNothing = false, previewInexactMarks = [], sidebarWidth, headerHeight, footerHeight, onLayoutChange, onHighlightToggle, onPermissionManagerOpen, onGroupManagerOpen, onMediaLibraryOpen, onSystemHealthOpen, settingsToggleRef, AccountComponent, onAccountClick, onLogoutClick, }) {
-    const [settingsOpened, setSettingsOpened] = useState(false);
-    const settingsToggle = useRef(null);
-    const settingsMergedRef = useMergedRef(settingsToggle, settingsToggleRef);
-    const settingsMenuFocus = useMenuItemFocusReturn(settingsToggle);
-    return (_jsxs(Paper, { withBorder: true, shadow: "sm", radius: 0, style: {
-            position: 'fixed',
-            top: headerHeight,
-            bottom: footerHeight,
-            right: 0,
-            width: sidebarWidth,
-            display: 'flex',
-            flexDirection: 'column',
-            justifyContent: 'space-between',
-            alignItems: 'center',
-            padding: '10px 6px',
-            gap: 8,
-        }, children: [_jsxs(Stack, { gap: "sm", align: "center", style: { width: '100%', paddingTop: 6 }, children: [_jsx(Tooltip, { label: "Toggle layout", position: "left", children: _jsx(ActionIcon, { variant: "subtle", size: "lg", radius: "md", "aria-label": "Toggle layout", onClick: () => onLayoutChange(layout === 'side' ? 'stacked' : 'side'), children: layout === 'side' ? _jsx(IconLayoutRows, { size: 18 }) : _jsx(IconLayoutColumns, { size: 18 }) }) }), _jsx(Tooltip, { label: previewMarksNothing
-                            ? "This preview page marks no editable elements, so nothing can be highlighted or clicked to focus. The site's developer can mark them with fieldProps."
-                            : inexactMarksNote(previewInexactMarks), opened: !highlightEnabled
-                            ? false
-                            : previewMarksNothing
-                                ? true
-                                : previewInexactMarks.length > 0
-                                    ? undefined
-                                    : false, position: "left", multiline: true, w: 240, withArrow: true, children: _jsx(Indicator, { label: previewInexactMarks.length, size: 16, withBorder: true, disabled: !highlightEnabled || previewInexactMarks.length === 0, styles: {
-                                indicator: {
-                                    '--indicator-color': 'var(--canopy-count-bg-orange)',
-                                    '--indicator-text-color': 'var(--mantine-color-text)',
-                                },
-                            }, children: _jsx(ActionIcon, { variant: highlightEnabled ? 'filled' : 'subtle', color: highlightEnabled ? 'brand' : 'gray', size: "lg", radius: "md", "aria-pressed": highlightEnabled, "aria-label": "Toggle highlights", "data-testid": "toggle-highlights-button", "aria-description": highlightEnabled && previewInexactMarks.length > 0
-                                    ? inexactMarksNote(previewInexactMarks)
-                                    : undefined, onClick: onHighlightToggle, children: _jsx(IconMarquee, { size: 18 }) }) }) })] }), _jsxs(Stack, { gap: "xs", align: "center", children: [_jsxs(Menu, { shadow: "md", width: 200, position: "left", opened: settingsOpened, onChange: setSettingsOpened, ...settingsMenuFocus.menu, children: [_jsx(Tooltip, { label: "Settings", position: "left", disabled: settingsOpened, children: _jsx(Menu.Target, { children: _jsx(ActionIcon, { ref: settingsMergedRef, variant: "subtle", size: "lg", radius: "md", "aria-label": "Settings", "data-testid": "settings-button", children: _jsx(IconSettings, { size: 18 }) }) }) }), _jsxs(Menu.Dropdown, { "data-testid": "settings-menu", ...settingsMenuFocus.dropdown, children: [_jsx(Menu.Label, { children: "Settings" }), onPermissionManagerOpen && (_jsx(Menu.Item, { "data-testid": "settings-menu-permissions", onClick: onPermissionManagerOpen, children: "Manage permissions" })), onGroupManagerOpen && (_jsx(Menu.Item, { "data-testid": "settings-menu-groups", onClick: onGroupManagerOpen, children: "Manage groups" })), _jsx(Menu.Item, { "data-testid": "settings-menu-media-library", leftSection: _jsx(IconPhoto, { size: 14 }), onClick: onMediaLibraryOpen, children: "Media library" }), onSystemHealthOpen && (_jsx(Menu.Item, { "data-testid": "settings-menu-system-health", leftSection: _jsx(IconActivity, { size: 14 }), onClick: onSystemHealthOpen, children: "System health" }))] })] }), AccountComponent ? (_jsx(AccountComponent, {})) : (_jsxs(_Fragment, { children: [onAccountClick && (_jsx(ActionIcon, { variant: "subtle", size: "lg", radius: "md", "aria-label": "Account", onClick: onAccountClick, children: _jsx(IconUserCircle, { size: 18 }) })), onLogoutClick && (_jsx(ActionIcon, { variant: "subtle", size: "lg", radius: "md", "aria-label": "Sign out", onClick: onLogoutClick, children: _jsx(IconLogout, { size: 18 }) }))] }))] })] }));
-}