canopycms 0.0.68-int.98 → 0.1.0

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

@@ -1,7 +1,7 @@
-import type { Octokit } from '@octokit/rest';
 import type { SanitizedBranchName } from '../paths/types.js';
 import type { Task, TaskQueueLogger } from '../task-queue/cms-task-queue.js';
 import type { WorkerStatusReport } from '../types.js';
+import type { GitHubGateway } from './github-gateway.js';
 /**
  * The slice of {@link import('./cms-worker.js').CmsWorker} that its extracted
  * clusters (task-runner.ts, git-sync.ts, rebase.ts, history-rewrite.ts) may
@@ -13,19 +13,16 @@ import type { WorkerStatusReport } from '../types.js';
  * back onto the live instance and never snapshotted, and `CmsWorker.ctx()`
  * builds a fresh context per call. That is load-bearing, not stylistic. The
  * `cms-worker*.test.ts` files drive the class by reaching through the instance:
- * they REPLACE `buildGitHubUrl` (aiming pushes at a local fixture repo rather
- * than github.com), `executeTask` and `pushBranchToGitHub`, ASSIGN a mock over
- * the `octokit` field, set `running` directly, and SUBCLASS to override the two
- * rebase test hooks. A context that captured any of those at construction would
- * hand the extracted code the pre-test value — which for `buildGitHubUrl` means
- * a test's push going to github.com for real. Functions (`ctx.octokit()`) make
- * the late binding visible at every call site, which a getter would hide.
+ * they INSTALL a GitHub gateway aimed at a local fixture repository (and an
+ * Octokit stub) with `useLocalGitHubGateway` (test-utils/worker-gateway.ts),
+ * REPLACE `executeTask` and `pushBranchToGitHub`, set `running` directly, and
+ * SUBCLASS to override the two rebase test hooks. A context that captured any
+ * of those at construction would hand the extracted code the pre-test value --
+ * which for the gateway means a test's push going to github.com for real.
+ * Functions (`ctx.github()`) make the late binding visible at every call site,
+ * which a getter would hide.
  */
 export interface WorkerContext {
-    /** GitHub owner, e.g. 'safeinsights'. */
-    readonly githubOwner: string;
-    /** GitHub repo name. */
-    readonly githubRepo: string;
     /**
      * The base branch's RAW git ref name. Git refs (fetch/rev-list/merge against
      * it) must use this; filesystem paths must use `sanitizedBaseBranch`.
@@ -49,6 +46,8 @@ export interface WorkerContext {
     readonly contentBranchesPath: string;
     /** Content root directory name relative to repo root (default: 'content'). */
     readonly contentRoot: string;
+    /** Longest the schema gate holds the base branch before advancing anyway (worker/schema-gate.ts). */
+    readonly schemaHoldMaxMs: number;
     /** Per-task timeout in ms; also simple-git's inactivity block timeout. */
     readonly taskTimeoutMs: number;
     /** Max tasks to process per `processTaskQueue` cycle. */
@@ -57,30 +56,11 @@ export interface WorkerContext {
     readonly maxRetries: number;
     /** Task-queue debug logger. */
     readonly log: TaskQueueLogger;
-    /** The worker's Octokit client, read at call time (tests replace it). */
-    octokit(): Octokit;
     /**
-     * The tokenized GitHub clone URL, resolved at call time (tests replace this
-     * method to point at a local fixture repo). Async because under GitHub App
-     * auth the credential is minted on demand and lasts about an hour (see
-     * worker/github-auth.ts); the token path resolves immediately.
-     *
-     * A caller that needs the URL more than once resolves it ONCE into a local --
-     * see pushBranchToGitHub, where a second resolution inside the stale-lease
-     * catch would replace the very error being classified. Anything derived from
-     * it can embed the bot token, so a message reaching worker-status.json,
-     * branch.json or a task file goes through `redactCredentials` first.
+     * The worker's GitHub gateway (worker/github-gateway.ts), read at call time:
+     * every use of the GitHub credential and of Octokit goes through it.
      */
-    buildGitHubUrl(): Promise<string>;
-    /**
-     * Re-read the GitHub credential because an operation that used it just
-     * failed, read at call time. Best-effort and NEVER throws: a failed read, or
-     * one that does not settle within `taskTimeoutMs`, is logged and swallowed,
-     * because every caller is already reporting the failure that matters. The
-     * next `buildGitHubUrl()`/`octokit()` sees any rotated value. See
-     * `CmsWorker.refreshGitHubCredential`.
-     */
-    refreshGitHubCredential(): Promise<void>;
+    github(): GitHubGateway;
     /**
      * Workspace directory for a branch named by its GIT REF name — the form task
      * payloads carry. Sanitizes; `feature/x` lives in `feature-x`.
@@ -98,15 +78,34 @@ export interface WorkerContext {
      * Push a branch from remote.git to GitHub, read at call time. Routed through
      * the instance for the same reason as `executeTask`: cms-worker.test.ts
      * replaces it with a spy and asserts the spy was NOT called on the
-     * base-branch-refusal path.
+     * base-branch-refusal path. `signal` kills the push's git process when it
+     * aborts (simple-git's `abort` option).
      */
-    pushBranchToGitHub(branch: string): Promise<void>;
-    /** Whether the worker is still running; both poll loops bail when false. */
+    pushBranchToGitHub(branch: string, signal?: AbortSignal): Promise<void>;
+    /** Whether the worker is running; both poll loops bail when false. */
     isRunning(): boolean;
+    /**
+     * Whether `stop()` has been called. Every loop checks it at its boundaries
+     * (before a claim, a sync stage, a branch rebase), never mid-step. Distinct
+     * from `!isRunning()`, which is also true of a worker never started, as the
+     * test entry points drive it.
+     */
+    isDraining(): boolean;
+    /**
+     * Aborts when a draining `stop()` reaches its deadline: in-flight work that
+     * observes it is cut off so the worker can exit. See `CmsWorker.stop`.
+     */
+    shutdownSignal(): AbortSignal;
     /** The worker's self-reported status object, lazily initialized. */
     ensureStatusReport(): WorkerStatusReport;
     /** This deployment's own settings branch name. Throws on an invalid name. */
     ensureSettingsBranch(): string;
+    /**
+     * What this worker's tracked-branch warnings have said, by key (git-sync.ts's `warnOnce`): a
+     * diverged branch's tips and reason, an unchecked orphan's error. Held per instance, so a
+     * restarted worker warns afresh.
+     */
+    warnedDivergences(): Map<string, string>;
     /**
      * Test hook: fires when the rebase has reported conflicted files and is about
      * to `checkout --theirs` them. No-op in production.

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.0.68-int.98",
+  "version": "0.1.0",
   "description": "CanopyCMS core package: schema-driven content, branch-aware editing, and editor UI for Next.js.",
   "license": "MIT",
   "repository": {
@@ -11,6 +11,14 @@
   },
   "private": false,
   "type": "module",
+  "sideEffects": [
+    "./src/cli/cli.ts",
+    "./dist/cli/cli.js",
+    "./src/editor/theme.tsx",
+    "./dist/editor/theme.js",
+    "./src/test-utils/console-spy.ts",
+    "./src/test-utils/quiet-provision-log.ts"
+  ],
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
   "bin": {
@@ -27,6 +35,11 @@
       "import": "./dist/client.js",
       "require": "./dist/client.js"
     },
+    "./preview": {
+      "types": "./dist/preview.d.ts",
+      "import": "./dist/preview.js",
+      "require": "./dist/preview.js"
+    },
     "./server": {
       "types": "./dist/server.d.ts",
       "import": "./dist/server.js",
@@ -79,14 +92,16 @@
     }
   },
   "files": [
-    "dist"
+    "dist",
+    "CHANGELOG.md"
   ],
   "engines": {
     "node": ">=22.12.0"
   },
   "dependencies": {
-    "@aws-sdk/client-s3": "^3.600.0",
+    "@aws-sdk/client-s3": "^3.1092.0",
     "@aws-sdk/s3-presigned-post": "^3.600.0",
+    "@aws-sdk/s3-request-presigner": "^3.600.0",
     "@clack/prompts": "^1.1.0",
     "@codemirror/language": "^6.0.0",
     "@dnd-kit/core": "^6.3.1",
@@ -96,11 +111,12 @@
     "@lezer/highlight": "^1.0.0",
     "@mantine/colors-generator": "^7.14.2",
     "@mantine/core": "^7.14.2",
+    "@mantine/dates": "7.17.8",
     "@mantine/dropzone": "7.17.8",
     "@mantine/hooks": "^7.14.2",
     "@mantine/modals": "^7.14.2",
     "@mantine/notifications": "^7.14.2",
-    "@mdxeditor/editor": "^3.52.4",
+    "@mdxeditor/editor": "^4.3.2",
     "@octokit/auth-token": "^4.0.0",
     "@octokit/plugin-throttling": "^8.2.0",
     "@octokit/rest": "^20.0.2",
@@ -108,18 +124,28 @@
     "chokidar": "^4.0.3",
     "chroma-js": "^3.2.0",
     "content-disposition": "^2.0.1",
+    "dataloader": "^2.2.3",
+    "dayjs": "1.11.21",
     "fast-deep-equal": "^3.1.3",
     "file-type": "^21.3.2",
     "gray-matter": "^4.0.3",
     "image-size": "^2.0.2",
     "jiti": "^2.6.1",
+    "jsonc-parser": "^3.3.1",
+    "lru-cache": "^10.4.3",
+    "mdast-util-from-markdown": "^2.0.3",
+    "mdast-util-gfm": "^3.1.0",
+    "mdast-util-mdx": "^3.0.0",
+    "micromark-extension-gfm": "^3.0.0",
+    "micromark-extension-mdxjs": "^3.0.0",
     "minimatch": "^9.0.7",
     "minimist": "^1.2.8",
     "pathe": "^1.1.2",
     "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",
@@ -133,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",
@@ -147,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",
@@ -157,6 +183,7 @@
     "react-dom": "^18.3.1",
     "storybook": "^8.6.17",
     "tsx": "^4.19.0",
+    "typescript": "^5.6.3",
     "vite": "^6.4.2",
     "vitest": "^4.1.0"
   },
@@ -168,6 +195,7 @@
     "test": "vitest run",
     "typecheck": "tsc --noEmit",
     "generate:client": "npx tsx scripts/generate-client.ts",
+    "generate:aws-example": "tsx scripts/generate-aws-example.ts",
     "storybook": "storybook dev -p 6006 -c .storybook",
     "storybook:build": "storybook build -c .storybook"
   }

package/dist/editor/EditorPanes.d.ts

@@ -1,10 +0,0 @@
-import React from 'react';
-export type PaneLayout = 'side' | 'stacked';
-export interface EditorPanesProps {
-    layout?: PaneLayout;
-    onLayoutChange?: (layout: PaneLayout) => void;
-    preview?: React.ReactNode;
-    form?: React.ReactNode;
-}
-export declare const EditorPanes: React.FC<EditorPanesProps>;
-export default EditorPanes;

package/dist/editor/EditorPanes.js

@@ -1,98 +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 EditorPanes = ({ layout: layoutProp = 'side', onLayoutChange: _, preview, form, }) => {
-    const TypedSplitPane = SplitPane;
-    const splitContainerRef = useRef(null);
-    const [layout, setLayout] = useState(layoutProp);
-    const [sidePrimarySize, setSidePrimarySize] = useState(52);
-    const [stackedPrimarySize, setStackedPrimarySize] = useState(58);
-    // Turn off iframe/pane pointer events while dragging so the gutter keeps receiving mouse events.
-    const [isDragging, setIsDragging] = useState(false);
-    useEffect(() => {
-        setLayout(layoutProp);
-    }, [layoutProp]);
-    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(--mantine-color-gray-0), var(--mantine-color-gray-1))'
-            : 'linear-gradient(180deg, var(--mantine-color-gray-0), var(--mantine-color-gray-1))',
-        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-gray-3)',
-        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 || nextPixels <= 0)
-            return;
-        const percent = Math.min(85, Math.max(15, (nextPixels / total) * 100));
-        if (nextLayout === 'side') {
-            setSidePrimarySize(percent);
-        }
-        else {
-            setStackedPrimarySize(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) => updateSizeFromPixels(next, layout), onDragStarted: () => setIsDragging(true), onDragFinished: (next) => {
-                        updateSizeFromPixels(next, layout);
-                        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: {
-                                    padding: 20,
-                                    minHeight: '100%',
-                                    minWidth: 0,
-                                    overflow: 'auto',
-                                    flex: 1,
-                                    pointerEvents: isDragging ? 'none' : undefined,
-                                    backgroundColor: 'var(--mantine-color-gray-1)',
-                                }, 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,67 +0,0 @@
-import type { PaneLayout } from '../EditorPanes.js';
-export interface EditorSidebarProps {
-    /**
-     * Current layout mode (side or stacked).
-     */
-    layout: PaneLayout;
-    /**
-     * Whether field highlighting is enabled.
-     */
-    highlightEnabled: boolean;
-    /**
-     * 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;
-    /**
-     * Callback when permission manager should be opened.
-     */
-    onPermissionManagerOpen: () => void;
-    /**
-     * Callback when group manager should be opened.
-     */
-    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;
-    /**
-     * 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;
-}
-/**
- * Sidebar component for the Editor.
- * Contains layout toggle, highlight toggle, settings menu, account button, and logout button.
- */
-export declare function EditorSidebar({ layout, highlightEnabled, sidebarWidth, headerHeight, footerHeight, onLayoutChange, onHighlightToggle, onPermissionManagerOpen, onGroupManagerOpen, onMediaLibraryOpen, onSystemHealthOpen, AccountComponent, onAccountClick, onLogoutClick, }: EditorSidebarProps): import("react/jsx-runtime").JSX.Element;

package/dist/editor/components/EditorSidebar.js

@@ -1,22 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { ActionIcon, Menu, Paper, Stack } from '@mantine/core';
-import { IconUserCircle, IconLogout, IconPhoto, IconSettings, IconLayoutColumns, IconLayoutRows, IconSquareDashed, IconActivity, } from '@tabler/icons-react';
-/**
- * Sidebar component for the Editor.
- * Contains layout toggle, highlight toggle, settings menu, account button, and logout button.
- */
-export function EditorSidebar({ layout, highlightEnabled, sidebarWidth, headerHeight, footerHeight, onLayoutChange, onHighlightToggle, onPermissionManagerOpen, onGroupManagerOpen, onMediaLibraryOpen, onSystemHealthOpen, AccountComponent, onAccountClick, onLogoutClick, }) {
-    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(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(ActionIcon, { variant: highlightEnabled ? 'filled' : 'subtle', color: highlightEnabled ? 'brand' : 'gray', size: "lg", radius: "md", "aria-pressed": highlightEnabled, "aria-label": "Toggle highlights", onClick: onHighlightToggle, children: _jsx(IconSquareDashed, { size: 18 }) })] }), _jsxs(Stack, { gap: "xs", align: "center", children: [_jsxs(Menu, { shadow: "md", width: 200, position: "left", children: [_jsx(Menu.Target, { children: _jsx(ActionIcon, { variant: "subtle", size: "lg", radius: "md", "aria-label": "Settings", children: _jsx(IconSettings, { size: 18 }) }) }), _jsxs(Menu.Dropdown, { children: [_jsx(Menu.Label, { children: "Settings" }), _jsx(Menu.Item, { onClick: onPermissionManagerOpen, children: "Manage Permissions" }), _jsx(Menu.Item, { onClick: onGroupManagerOpen, children: "Manage Groups" }), _jsx(Menu.Item, { leftSection: _jsx(IconPhoto, { size: 14 }), onClick: onMediaLibraryOpen, children: "Media library" }), onSystemHealthOpen && (_jsx(Menu.Item, { 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 }) }))] }))] })] }));
-}