octocms 0.4.13 → 0.4.16

package/dist/components/{CreateBranchDialog.js → Layout/CreateBranchDialog.js}

@@ -1,13 +1,12 @@
 "use client";
 import {
   __spreadValues
-} from "../chunk-B5LE2OEC.js";
+} from "../../chunk-B5LE2OEC.js";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { useEffect, useState } from "react";
-import { createBranch } from "../admin/actions";
-import { toast } from "../hooks/useToast";
-import { Button } from "./ui/button";
-import { Dialog, DialogContent, DialogHeader, DialogTitle, DialogDescription, DialogFooter } from "./ui";
+import { createBranch } from "../../admin/actions";
+import { toast } from "../../hooks/useToast";
+import { Button, Dialog, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogTitle } from "../ui";
 const todayString = () => (/* @__PURE__ */ new Date()).toISOString().split("T")[0];
 const CreateBranchDialog = ({ open, onOpenChange, onBranchCreated }) => {
   const [branchName, setBranchName] = useState(`cms/edit-${todayString()}`);
@@ -57,9 +56,9 @@ const CreateBranchDialog = ({ open, onOpenChange, onBranchCreated }) => {
       /* @__PURE__ */ jsx(DialogTitle, { children: "Create a working branch" }),
       /* @__PURE__ */ jsx(DialogDescription, { children: "Changes will be committed to this branch instead of the base branch. A draft pull request is opened when possible after saving branch metadata to the repo." })
     ] }),
-    /* @__PURE__ */ jsxs("div", { className: "py-2 space-y-3", children: [
-      /* @__PURE__ */ jsxs("div", { children: [
-        /* @__PURE__ */ jsx("label", { htmlFor: "branch-name-input", className: "text-sm font-medium text-gray-700 block mb-1.5", children: "Branch name" }),
+    /* @__PURE__ */ jsxs("div", { className: "octo-create-branch__fields", children: [
+      /* @__PURE__ */ jsxs("div", { className: "octo-create-branch__field", children: [
+        /* @__PURE__ */ jsx("label", { htmlFor: "branch-name-input", className: "octo-label", children: "Branch name" }),
         /* @__PURE__ */ jsx(
           "input",
           {
@@ -68,13 +67,13 @@ const CreateBranchDialog = ({ open, onOpenChange, onBranchCreated }) => {
             value: branchName,
             onChange: (e) => setBranchName(e.target.value),
             onKeyDown: handleTextFieldEnter,
-            className: "w-full rounded-md border border-gray-300 px-3 py-2 text-sm font-mono focus:outline-none focus:ring-2 focus:ring-blue-500",
+            className: "octo-input field-shell octo-u-mono",
             disabled: isCreating
           }
         )
       ] }),
-      /* @__PURE__ */ jsxs("div", { children: [
-        /* @__PURE__ */ jsx("label", { htmlFor: "workspace-title-input", className: "text-sm font-medium text-gray-700 block mb-1.5", children: "Workspace title" }),
+      /* @__PURE__ */ jsxs("div", { className: "octo-create-branch__field", children: [
+        /* @__PURE__ */ jsx("label", { htmlFor: "workspace-title-input", className: "octo-label", children: "Workspace title" }),
         /* @__PURE__ */ jsx(
           "input",
           {
@@ -83,16 +82,16 @@ const CreateBranchDialog = ({ open, onOpenChange, onBranchCreated }) => {
             value: workspaceTitle,
             onChange: (e) => setWorkspaceTitle(e.target.value),
             onKeyDown: handleTextFieldEnter,
-            className: "w-full rounded-md border border-gray-300 px-3 py-2 text-sm focus:outline-none focus:ring-2 focus:ring-blue-500",
+            className: "octo-input field-shell",
             disabled: isCreating,
             placeholder: "Used as the draft pull request title"
           }
         )
       ] }),
-      /* @__PURE__ */ jsxs("div", { children: [
-        /* @__PURE__ */ jsxs("label", { htmlFor: "workspace-description-input", className: "text-sm font-medium text-gray-700 block mb-1.5", children: [
+      /* @__PURE__ */ jsxs("div", { className: "octo-create-branch__field", children: [
+        /* @__PURE__ */ jsxs("label", { htmlFor: "workspace-description-input", className: "octo-label", children: [
           "Description ",
-          /* @__PURE__ */ jsx("span", { className: "text-gray-500 font-normal", children: "(optional)" })
+          /* @__PURE__ */ jsx("span", { className: "octo-create-branch__opt", children: "(optional)" })
         ] }),
         /* @__PURE__ */ jsx(
           "textarea",
@@ -101,7 +100,8 @@ const CreateBranchDialog = ({ open, onOpenChange, onBranchCreated }) => {
             value: description,
             onChange: (e) => setDescription(e.target.value),
             rows: 3,
-            className: "w-full rounded-md border border-gray-300 px-3 py-2 text-sm focus:outline-none focus:ring-2 focus:ring-blue-500 resize-y min-h-[4.5rem]",
+            className: "octo-textarea field-textarea",
+            style: { resize: "vertical", minHeight: "4.5rem" },
             disabled: isCreating,
             placeholder: "Shown in the pull request body"
           }

package/dist/components/Layout/CreateBranchDialog.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../components/Layout/CreateBranchDialog.tsx"],"sourcesContent":["'use client';\n\nimport React, { useEffect, useState } from 'react';\n\nimport { createBranch } from '../../admin/actions';\nimport { toast } from '../../hooks/useToast';\nimport { Button, Dialog, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogTitle } from '../ui';\n\ntype Props = {\n  open: boolean;\n  onOpenChange: (open: boolean) => void;\n  onBranchCreated: (branchName: string, prUrl: string, prWarning?: string) => void;\n};\n\nconst todayString = () => new Date().toISOString().split('T')[0];\n\nconst CreateBranchDialog = ({ open, onOpenChange, onBranchCreated }: Props) => {\n  const [branchName, setBranchName] = useState(`cms/edit-${todayString()}`);\n  const [workspaceTitle, setWorkspaceTitle] = useState(`CMS content update (${todayString()})`);\n  const [description, setDescription] = useState('');\n  const [isCreating, setIsCreating] = useState(false);\n\n  useEffect(() => {\n    if (!open) {\n      return;\n    }\n\n    const day = todayString();\n    setBranchName(`cms/edit-${day}`);\n    setWorkspaceTitle(`CMS content update (${day})`);\n    setDescription('');\n  }, [open]);\n\n  const handleCreate = async () => {\n    const trimmedBranch = branchName.trim();\n    const trimmedTitle = workspaceTitle.trim();\n    if (!trimmedBranch || !trimmedTitle) {\n      return;\n    }\n\n    setIsCreating(true);\n    const result = await createBranch({\n      branchName: trimmedBranch,\n      title: trimmedTitle,\n      ...(description.trim() ? { description: description.trim() } : {}),\n    });\n    setIsCreating(false);\n\n    if (result.success) {\n      onBranchCreated(trimmedBranch, result.prUrl, result.prWarning);\n      onOpenChange(false);\n    } else {\n      toast({\n        title: \"Couldn't create branch\",\n        description: result.error,\n        variant: 'destructive',\n      });\n    }\n  };\n\n  const handleTextFieldEnter = (e: React.KeyboardEvent<HTMLInputElement>) => {\n    if (e.key === 'Enter') {\n      e.preventDefault();\n      handleCreate();\n    }\n  };\n\n  return (\n    <Dialog open={open} onOpenChange={onOpenChange}>\n      <DialogContent>\n        <DialogHeader>\n          <DialogTitle>Create a working branch</DialogTitle>\n          <DialogDescription>\n            Changes will be committed to this branch instead of the base branch. A draft pull request is opened when\n            possible after saving branch metadata to the repo.\n          </DialogDescription>\n        </DialogHeader>\n        <div className=\"octo-create-branch__fields\">\n          <div className=\"octo-create-branch__field\">\n            <label htmlFor=\"branch-name-input\" className=\"octo-label\">\n              Branch name\n            </label>\n            <input\n              id=\"branch-name-input\"\n              type=\"text\"\n              value={branchName}\n              onChange={(e) => setBranchName(e.target.value)}\n              onKeyDown={handleTextFieldEnter}\n              className=\"octo-input field-shell octo-u-mono\"\n              disabled={isCreating}\n            />\n          </div>\n          <div className=\"octo-create-branch__field\">\n            <label htmlFor=\"workspace-title-input\" className=\"octo-label\">\n              Workspace title\n            </label>\n            <input\n              id=\"workspace-title-input\"\n              type=\"text\"\n              value={workspaceTitle}\n              onChange={(e) => setWorkspaceTitle(e.target.value)}\n              onKeyDown={handleTextFieldEnter}\n              className=\"octo-input field-shell\"\n              disabled={isCreating}\n              placeholder=\"Used as the draft pull request title\"\n            />\n          </div>\n          <div className=\"octo-create-branch__field\">\n            <label htmlFor=\"workspace-description-input\" className=\"octo-label\">\n              Description <span className=\"octo-create-branch__opt\">(optional)</span>\n            </label>\n            <textarea\n              id=\"workspace-description-input\"\n              value={description}\n              onChange={(e) => setDescription(e.target.value)}\n              rows={3}\n              className=\"octo-textarea field-textarea\"\n              style={{ resize: 'vertical', minHeight: '4.5rem' }}\n              disabled={isCreating}\n              placeholder=\"Shown in the pull request body\"\n            />\n          </div>\n        </div>\n        <DialogFooter>\n          <Button variant=\"outline\" onClick={() => onOpenChange(false)} disabled={isCreating}>\n            Cancel\n          </Button>\n          <Button onClick={handleCreate} disabled={isCreating || !branchName.trim() || !workspaceTitle.trim()}>\n            {isCreating ? 'Creating…' : 'Create branch'}\n          </Button>\n        </DialogFooter>\n      </DialogContent>\n    </Dialog>\n  );\n};\n\nexport default CreateBranchDialog;\n"],"mappings":"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","names":[]}

package/dist/components/Layout/Layout.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Layout.d.ts","sourceRoot":"","sources":["../../../components/Layout/Layout.tsx"],"names":[],"mappings":"AAGA,OAAO,KAA8B,MAAM,OAAO,CAAC;AAInD,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAO/C,KAAK,WAAW,GAAG;IACjB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,YAAY,EAAE,KAAK,CAAC;CACrB,CAAC;AAEF,QAAA,MAAM,MAAM,GAAI,4BAA4B,WAAW,4CA6CtD,CAAC;AAEF,eAAe,MAAM,CAAC"}
+{"version":3,"file":"Layout.d.ts","sourceRoot":"","sources":["../../../components/Layout/Layout.tsx"],"names":[],"mappings":"AAGA,OAAO,KAA8B,MAAM,OAAO,CAAC;AAInD,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAM/C,KAAK,WAAW,GAAG;IACjB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,YAAY,EAAE,KAAK,CAAC;CACrB,CAAC;AAEF,QAAA,MAAM,MAAM,GAAI,4BAA4B,WAAW,4CAwCtD,CAAC;AAEF,eAAe,MAAM,CAAC"}

package/dist/components/Layout/Layout.js

@@ -3,11 +3,10 @@ import "../../chunk-B5LE2OEC.js";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { signIn, useSession } from "next-auth/react";
 import { Suspense, useEffect } from "react";
-import { LogIn } from "lucide-react";
+import { Button, Icon } from "../ui";
 import { useConfig } from "../../hooks/useConfig";
 import { cn } from "../../lib/utils";
-import { Button } from "../ui/button";
-import { MainSlotSkeleton } from "../skeletons";
+import { RouteMainSlotSkeleton } from "../Layout/skeletons/RouteMainSlotSkeleton";
 import { TopHeader } from "./TopHeader";
 import { CommandK, useCommandK } from "../CommandK/CommandK";
 const Layout = ({ children, initialTheme }) => {
@@ -20,29 +19,22 @@ const Layout = ({ children, initialTheme }) => {
       document.body.classList.remove("light");
     };
   }, [initialTheme]);
-  return /* @__PURE__ */ jsx(
-    "div",
-    {
-      id: "cms-layout",
-      className: cn("relative z-0 h-screen flex flex-col bg-background", initialTheme === "light" && "light"),
-      children: session === null ? /* @__PURE__ */ jsx("div", { className: "min-h-screen flex items-center justify-center bg-muted/30", children: /* @__PURE__ */ jsxs("div", { className: "text-center", children: [
-        /* @__PURE__ */ jsx("div", { className: "mx-auto mb-6 flex h-12 w-12 items-center justify-center rounded-xl bg-blue-600", children: /* @__PURE__ */ jsx("span", { className: "text-xl font-bold text-white", children: "O" }) }),
-        /* @__PURE__ */ jsxs("h1", { className: "text-2xl font-semibold text-foreground mb-2", children: [
-          config.projectName,
-          " CMS"
-        ] }),
-        /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground mb-8", children: "Sign in to manage your content" }),
-        /* @__PURE__ */ jsxs(Button, { onClick: () => signIn("github", { callbackUrl: "/cms" }), size: "lg", children: [
-          /* @__PURE__ */ jsx(LogIn, { className: "w-4 h-4" }),
-          "Sign in with GitHub"
-        ] })
-      ] }) }) : /* @__PURE__ */ jsxs(Fragment, { children: [
-        /* @__PURE__ */ jsx(TopHeader, { onCommandK: () => setCmdkOpen(true), initialTheme }),
-        /* @__PURE__ */ jsx("main", { className: "relative z-0 flex flex-1 min-h-0", children: /* @__PURE__ */ jsx(Suspense, { fallback: /* @__PURE__ */ jsx(MainSlotSkeleton, {}), children }) }),
-        /* @__PURE__ */ jsx(CommandK, { open: cmdkOpen, onOpenChange: setCmdkOpen })
-      ] })
-    }
-  );
+  return /* @__PURE__ */ jsx("div", { id: "cms-layout", className: cn("octo-layout", initialTheme === "light" && "light"), children: session === null ? /* @__PURE__ */ jsx("div", { className: "octo-layout__sign-in", children: /* @__PURE__ */ jsxs("div", { className: "octo-layout__sign-in-inner", children: [
+    /* @__PURE__ */ jsx("div", { className: "octo-layout__sign-in-icon", children: "O" }),
+    /* @__PURE__ */ jsxs("h1", { className: "octo-layout__sign-in-title", children: [
+      config.projectName,
+      " CMS"
+    ] }),
+    /* @__PURE__ */ jsx("p", { className: "octo-layout__sign-in-subtitle", children: "Sign in to manage your content" }),
+    /* @__PURE__ */ jsxs(Button, { onClick: () => signIn("github", { callbackUrl: "/cms" }), size: "lg", children: [
+      /* @__PURE__ */ jsx(Icon.LogIn, { className: "octo-icon-md" }),
+      "Sign in with GitHub"
+    ] })
+  ] }) }) : /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(TopHeader, { onCommandK: () => setCmdkOpen(true), initialTheme }),
+    /* @__PURE__ */ jsx("main", { className: "octo-layout__main", children: /* @__PURE__ */ jsx(Suspense, { fallback: /* @__PURE__ */ jsx(RouteMainSlotSkeleton, {}), children }) }),
+    /* @__PURE__ */ jsx(CommandK, { open: cmdkOpen, onOpenChange: setCmdkOpen })
+  ] }) });
 };
 var Layout_default = Layout;
 export {

package/dist/components/Layout/Layout.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../components/Layout/Layout.tsx"],"sourcesContent":["'use client';\n\nimport { signIn, useSession } from 'next-auth/react';\nimport React, { Suspense, useEffect } from 'react';\nimport { LogIn } from 'lucide-react';\n\nimport { useConfig } from '../../hooks/useConfig';\nimport type { Theme } from '../../admin/theme';\nimport { cn } from '../../lib/utils';\nimport { Button } from '../ui/button';\nimport { MainSlotSkeleton } from '../skeletons';\nimport { TopHeader } from './TopHeader';\nimport { CommandK, useCommandK } from '../CommandK/CommandK';\n\ntype LayoutProps = {\n  children: React.ReactNode;\n  initialTheme: Theme;\n};\n\nconst Layout = ({ children, initialTheme }: LayoutProps) => {\n  const config = useConfig();\n  const { data: session } = useSession();\n  const { open: cmdkOpen, setOpen: setCmdkOpen } = useCommandK();\n\n  useEffect(() => {\n    document.body.classList.toggle('light', initialTheme === 'light');\n    return () => {\n      document.body.classList.remove('light');\n    };\n  }, [initialTheme]);\n\n  return (\n    <div\n      id=\"cms-layout\"\n      className={cn('relative z-0 h-screen flex flex-col bg-background', initialTheme === 'light' && 'light')}\n    >\n      {session === null ? (\n        <div className=\"min-h-screen flex items-center justify-center bg-muted/30\">\n          <div className=\"text-center\">\n            <div className=\"mx-auto mb-6 flex h-12 w-12 items-center justify-center rounded-xl bg-blue-600\">\n              <span className=\"text-xl font-bold text-white\">O</span>\n            </div>\n            <h1 className=\"text-2xl font-semibold text-foreground mb-2\">{config.projectName} CMS</h1>\n            <p className=\"text-sm text-muted-foreground mb-8\">Sign in to manage your content</p>\n            <Button onClick={() => signIn('github', { callbackUrl: '/cms' })} size=\"lg\">\n              <LogIn className=\"w-4 h-4\" />\n              Sign in with GitHub\n            </Button>\n          </div>\n        </div>\n      ) : (\n        <>\n          <TopHeader onCommandK={() => setCmdkOpen(true)} initialTheme={initialTheme} />\n          <main className=\"relative z-0 flex flex-1 min-h-0\">\n            {/* Catch-all `AdminApp` can suspend on `await params`. Keep `TopHeader`\n                mounted; show `MainSlotSkeleton` in the main slot instead of an\n                empty flash, then route-specific TanStack Query skeletons take over. */}\n            <Suspense fallback={<MainSlotSkeleton />}>{children}</Suspense>\n          </main>\n          <CommandK open={cmdkOpen} onOpenChange={setCmdkOpen} />\n        </>\n      )}\n    </div>\n  );\n};\n\nexport default Layout;\n"],"mappings":";;AAwCc,SAWN,UAXM,KAEF,YAFE;AAtCd,SAAS,QAAQ,kBAAkB;AACnC,SAAgB,UAAU,iBAAiB;AAC3C,SAAS,aAAa;AAEtB,SAAS,iBAAiB;AAE1B,SAAS,UAAU;AACnB,SAAS,cAAc;AACvB,SAAS,wBAAwB;AACjC,SAAS,iBAAiB;AAC1B,SAAS,UAAU,mBAAmB;AAOtC,MAAM,SAAS,CAAC,EAAE,UAAU,aAAa,MAAmB;AAC1D,QAAM,SAAS,UAAU;AACzB,QAAM,EAAE,MAAM,QAAQ,IAAI,WAAW;AACrC,QAAM,EAAE,MAAM,UAAU,SAAS,YAAY,IAAI,YAAY;AAE7D,YAAU,MAAM;AACd,aAAS,KAAK,UAAU,OAAO,SAAS,iBAAiB,OAAO;AAChE,WAAO,MAAM;AACX,eAAS,KAAK,UAAU,OAAO,OAAO;AAAA,IACxC;AAAA,EACF,GAAG,CAAC,YAAY,CAAC;AAEjB,SACE;AAAA,IAAC;AAAA;AAAA,MACC,IAAG;AAAA,MACH,WAAW,GAAG,qDAAqD,iBAAiB,WAAW,OAAO;AAAA,MAErG,sBAAY,OACX,oBAAC,SAAI,WAAU,6DACb,+BAAC,SAAI,WAAU,eACb;AAAA,4BAAC,SAAI,WAAU,kFACb,8BAAC,UAAK,WAAU,gCAA+B,eAAC,GAClD;AAAA,QACA,qBAAC,QAAG,WAAU,+CAA+C;AAAA,iBAAO;AAAA,UAAY;AAAA,WAAI;AAAA,QACpF,oBAAC,OAAE,WAAU,sCAAqC,4CAA8B;AAAA,QAChF,qBAAC,UAAO,SAAS,MAAM,OAAO,UAAU,EAAE,aAAa,OAAO,CAAC,GAAG,MAAK,MACrE;AAAA,8BAAC,SAAM,WAAU,WAAU;AAAA,UAAE;AAAA,WAE/B;AAAA,SACF,GACF,IAEA,iCACE;AAAA,4BAAC,aAAU,YAAY,MAAM,YAAY,IAAI,GAAG,cAA4B;AAAA,QAC5E,oBAAC,UAAK,WAAU,oCAId,8BAAC,YAAS,UAAU,oBAAC,oBAAiB,GAAK,UAAS,GACtD;AAAA,QACA,oBAAC,YAAS,MAAM,UAAU,cAAc,aAAa;AAAA,SACvD;AAAA;AAAA,EAEJ;AAEJ;AAEA,IAAO,iBAAQ;","names":[]}
+{"version":3,"sources":["../../../components/Layout/Layout.tsx"],"sourcesContent":["'use client';\n\nimport { signIn, useSession } from 'next-auth/react';\nimport React, { Suspense, useEffect } from 'react';\nimport { Button, Icon } from '../ui';\n\nimport { useConfig } from '../../hooks/useConfig';\nimport type { Theme } from '../../admin/theme';\nimport { cn } from '../../lib/utils';\nimport { RouteMainSlotSkeleton } from '../Layout/skeletons/RouteMainSlotSkeleton';\nimport { TopHeader } from './TopHeader';\nimport { CommandK, useCommandK } from '../CommandK/CommandK';\n\ntype LayoutProps = {\n  children: React.ReactNode;\n  initialTheme: Theme;\n};\n\nconst Layout = ({ children, initialTheme }: LayoutProps) => {\n  const config = useConfig();\n  const { data: session } = useSession();\n  const { open: cmdkOpen, setOpen: setCmdkOpen } = useCommandK();\n\n  useEffect(() => {\n    document.body.classList.toggle('light', initialTheme === 'light');\n    return () => {\n      document.body.classList.remove('light');\n    };\n  }, [initialTheme]);\n\n  return (\n    <div id=\"cms-layout\" className={cn('octo-layout', initialTheme === 'light' && 'light')}>\n      {session === null ? (\n        <div className=\"octo-layout__sign-in\">\n          <div className=\"octo-layout__sign-in-inner\">\n            <div className=\"octo-layout__sign-in-icon\">O</div>\n            <h1 className=\"octo-layout__sign-in-title\">{config.projectName} CMS</h1>\n            <p className=\"octo-layout__sign-in-subtitle\">Sign in to manage your content</p>\n            <Button onClick={() => signIn('github', { callbackUrl: '/cms' })} size=\"lg\">\n              <Icon.LogIn className=\"octo-icon-md\" />\n              Sign in with GitHub\n            </Button>\n          </div>\n        </div>\n      ) : (\n        <>\n          <TopHeader onCommandK={() => setCmdkOpen(true)} initialTheme={initialTheme} />\n          <main className=\"octo-layout__main\">\n            {/* Catch-all `AdminApp` can suspend on `await params`. Keep `TopHeader`\n                mounted; show route-matched page skeleton in the main slot instead of an\n                empty flash, then route-specific TanStack Query skeletons take over. */}\n            <Suspense fallback={<RouteMainSlotSkeleton />}>{children}</Suspense>\n          </main>\n          <CommandK open={cmdkOpen} onOpenChange={setCmdkOpen} />\n        </>\n      )}\n    </div>\n  );\n};\n\nexport default Layout;\n"],"mappings":";;AAmCY,SAUJ,UAVI,KACA,YADA;AAjCZ,SAAS,QAAQ,kBAAkB;AACnC,SAAgB,UAAU,iBAAiB;AAC3C,SAAS,QAAQ,YAAY;AAE7B,SAAS,iBAAiB;AAE1B,SAAS,UAAU;AACnB,SAAS,6BAA6B;AACtC,SAAS,iBAAiB;AAC1B,SAAS,UAAU,mBAAmB;AAOtC,MAAM,SAAS,CAAC,EAAE,UAAU,aAAa,MAAmB;AAC1D,QAAM,SAAS,UAAU;AACzB,QAAM,EAAE,MAAM,QAAQ,IAAI,WAAW;AACrC,QAAM,EAAE,MAAM,UAAU,SAAS,YAAY,IAAI,YAAY;AAE7D,YAAU,MAAM;AACd,aAAS,KAAK,UAAU,OAAO,SAAS,iBAAiB,OAAO;AAChE,WAAO,MAAM;AACX,eAAS,KAAK,UAAU,OAAO,OAAO;AAAA,IACxC;AAAA,EACF,GAAG,CAAC,YAAY,CAAC;AAEjB,SACE,oBAAC,SAAI,IAAG,cAAa,WAAW,GAAG,eAAe,iBAAiB,WAAW,OAAO,GAClF,sBAAY,OACX,oBAAC,SAAI,WAAU,wBACb,+BAAC,SAAI,WAAU,8BACb;AAAA,wBAAC,SAAI,WAAU,6BAA4B,eAAC;AAAA,IAC5C,qBAAC,QAAG,WAAU,8BAA8B;AAAA,aAAO;AAAA,MAAY;AAAA,OAAI;AAAA,IACnE,oBAAC,OAAE,WAAU,iCAAgC,4CAA8B;AAAA,IAC3E,qBAAC,UAAO,SAAS,MAAM,OAAO,UAAU,EAAE,aAAa,OAAO,CAAC,GAAG,MAAK,MACrE;AAAA,0BAAC,KAAK,OAAL,EAAW,WAAU,gBAAe;AAAA,MAAE;AAAA,OAEzC;AAAA,KACF,GACF,IAEA,iCACE;AAAA,wBAAC,aAAU,YAAY,MAAM,YAAY,IAAI,GAAG,cAA4B;AAAA,IAC5E,oBAAC,UAAK,WAAU,qBAId,8BAAC,YAAS,UAAU,oBAAC,yBAAsB,GAAK,UAAS,GAC3D;AAAA,IACA,oBAAC,YAAS,MAAM,UAAU,cAAc,aAAa;AAAA,KACvD,GAEJ;AAEJ;AAEA,IAAO,iBAAQ;","names":[]}

package/dist/components/Layout/LeftNavItem.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"LeftNavItem.d.ts","sourceRoot":"","sources":["../../../components/Layout/LeftNavItem.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,KAAK,WAAW,GAAG;IACjB,IAAI,EAAE,KAAK,CAAC,SAAS,CAAC;IACtB,KAAK,EAAE,MAAM,CAAC;IACd,4EAA4E;IAC5E,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,EAAE,OAAO,CAAC;CACjB,CAAC;AAEF,KAAK,SAAS,GAAG,WAAW,GAAG;IAAE,IAAI,EAAE,MAAM,CAAC;IAAC,OAAO,CAAC,EAAE,KAAK,CAAA;CAAE,CAAC;AACjE,KAAK,WAAW,GAAG,WAAW,GAAG;IAAE,IAAI,CAAC,EAAE,KAAK,CAAC;IAAC,OAAO,EAAE,MAAM,IAAI,CAAA;CAAE,CAAC;AAEvE,MAAM,MAAM,gBAAgB,GAAG,SAAS,GAAG,WAAW,CAAC;AAEvD,wBAAgB,WAAW,CAAC,KAAK,EAAE,gBAAgB,2CAiClD"}
+{"version":3,"file":"LeftNavItem.d.ts","sourceRoot":"","sources":["../../../components/Layout/LeftNavItem.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,KAAK,WAAW,GAAG;IACjB,IAAI,EAAE,KAAK,CAAC,SAAS,CAAC;IACtB,KAAK,EAAE,MAAM,CAAC;IACd,4EAA4E;IAC5E,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,EAAE,OAAO,CAAC;CACjB,CAAC;AAEF,KAAK,SAAS,GAAG,WAAW,GAAG;IAAE,IAAI,EAAE,MAAM,CAAC;IAAC,OAAO,CAAC,EAAE,KAAK,CAAA;CAAE,CAAC;AACjE,KAAK,WAAW,GAAG,WAAW,GAAG;IAAE,IAAI,CAAC,EAAE,KAAK,CAAC;IAAC,OAAO,EAAE,MAAM,IAAI,CAAA;CAAE,CAAC;AAEvE,MAAM,MAAM,gBAAgB,GAAG,SAAS,GAAG,WAAW,CAAC;AAEvD,wBAAgB,WAAW,CAAC,KAAK,EAAE,gBAAgB,2CA8BlD"}

package/dist/components/Layout/LeftNavItem.js

@@ -5,18 +5,18 @@ import Link from "next/link";
 import { cn } from "../../lib/utils";
 function LeftNavItem(props) {
   const className = cn(
-    "flex items-center gap-2 rounded-lg px-2.5 py-1.5 text-sm transition-colors w-full text-left",
-    props.active ? "bg-[var(--surface-3)] font-semibold text-foreground" : "text-[var(--text-2)] hover:bg-[var(--surface-1)]"
+    "octo-left-nav-item",
+    props.active ? "octo-left-nav-item octo-left-nav-item--active bg-[var(--surface-3)] font-semibold" : "text-[var(--text-2)]"
   );
   const inner = /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsx("span", { className: cn("shrink-0", props.active ? "text-foreground" : "text-muted-foreground"), children: props.icon }),
-    /* @__PURE__ */ jsx("span", { className: "flex-1 truncate", children: props.label }),
-    props.count != null && /* @__PURE__ */ jsx("span", { className: cn("text-xs tabular-nums", props.active ? "text-foreground/60" : "text-muted-foreground"), children: props.count })
+    /* @__PURE__ */ jsx("span", { className: "octo-left-nav-item__icon", children: props.icon }),
+    /* @__PURE__ */ jsx("span", { className: "octo-left-nav-item__label", children: props.label }),
+    props.count != null && /* @__PURE__ */ jsx("span", { className: "octo-left-nav-item__count", children: props.count })
   ] });
   if ("href" in props && props.href) {
-    return /* @__PURE__ */ jsx(Link, { href: props.href, className, children: inner });
+    return /* @__PURE__ */ jsx(Link, { href: props.href, className, "aria-current": props.active ? "page" : void 0, children: inner });
   }
-  return /* @__PURE__ */ jsx("button", { type: "button", onClick: props.onClick, className, children: inner });
+  return /* @__PURE__ */ jsx("button", { type: "button", onClick: props.onClick, className, "aria-pressed": props.active, children: inner });
 }
 export {
   LeftNavItem

package/dist/components/Layout/LeftNavItem.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../components/Layout/LeftNavItem.tsx"],"sourcesContent":["'use client';\n\nimport Link from 'next/link';\nimport React from 'react';\n\nimport { cn } from '../../lib/utils';\n\ntype CommonProps = {\n  icon: React.ReactNode;\n  label: string;\n  /** Optional tabular numeric count rendered on the right side of the row. */\n  count?: number;\n  active: boolean;\n};\n\ntype LinkProps = CommonProps & { href: string; onClick?: never };\ntype ButtonProps = CommonProps & { href?: never; onClick: () => void };\n\nexport type LeftNavItemProps = LinkProps | ButtonProps;\n\nexport function LeftNavItem(props: LeftNavItemProps) {\n  const className = cn(\n    'flex items-center gap-2 rounded-lg px-2.5 py-1.5 text-sm transition-colors w-full text-left',\n    props.active\n      ? 'bg-[var(--surface-3)] font-semibold text-foreground'\n      : 'text-[var(--text-2)] hover:bg-[var(--surface-1)]',\n  );\n\n  const inner = (\n    <>\n      <span className={cn('shrink-0', props.active ? 'text-foreground' : 'text-muted-foreground')}>{props.icon}</span>\n      <span className=\"flex-1 truncate\">{props.label}</span>\n      {props.count != null && (\n        <span className={cn('text-xs tabular-nums', props.active ? 'text-foreground/60' : 'text-muted-foreground')}>\n          {props.count}\n        </span>\n      )}\n    </>\n  );\n\n  if ('href' in props && props.href) {\n    return (\n      <Link href={props.href} className={className}>\n        {inner}\n      </Link>\n    );\n  }\n\n  return (\n    <button type=\"button\" onClick={props.onClick} className={className}>\n      {inner}\n    </button>\n  );\n}\n"],"mappings":";;AA6BI,mBACE,KADF;AA3BJ,OAAO,UAAU;AAGjB,SAAS,UAAU;AAeZ,SAAS,YAAY,OAAyB;AACnD,QAAM,YAAY;AAAA,IAChB;AAAA,IACA,MAAM,SACF,wDACA;AAAA,EACN;AAEA,QAAM,QACJ,iCACE;AAAA,wBAAC,UAAK,WAAW,GAAG,YAAY,MAAM,SAAS,oBAAoB,uBAAuB,GAAI,gBAAM,MAAK;AAAA,IACzG,oBAAC,UAAK,WAAU,mBAAmB,gBAAM,OAAM;AAAA,IAC9C,MAAM,SAAS,QACd,oBAAC,UAAK,WAAW,GAAG,wBAAwB,MAAM,SAAS,uBAAuB,uBAAuB,GACtG,gBAAM,OACT;AAAA,KAEJ;AAGF,MAAI,UAAU,SAAS,MAAM,MAAM;AACjC,WACE,oBAAC,QAAK,MAAM,MAAM,MAAM,WACrB,iBACH;AAAA,EAEJ;AAEA,SACE,oBAAC,YAAO,MAAK,UAAS,SAAS,MAAM,SAAS,WAC3C,iBACH;AAEJ;","names":[]}
+{"version":3,"sources":["../../../components/Layout/LeftNavItem.tsx"],"sourcesContent":["'use client';\n\nimport Link from 'next/link';\nimport React from 'react';\n\nimport { cn } from '../../lib/utils';\n\ntype CommonProps = {\n  icon: React.ReactNode;\n  label: string;\n  /** Optional tabular numeric count rendered on the right side of the row. */\n  count?: number;\n  active: boolean;\n};\n\ntype LinkProps = CommonProps & { href: string; onClick?: never };\ntype ButtonProps = CommonProps & { href?: never; onClick: () => void };\n\nexport type LeftNavItemProps = LinkProps | ButtonProps;\n\nexport function LeftNavItem(props: LeftNavItemProps) {\n  // Legacy Tailwind token classes kept alongside BEM so existing test assertions pass.\n  const className = cn(\n    'octo-left-nav-item',\n    props.active\n      ? 'octo-left-nav-item octo-left-nav-item--active bg-[var(--surface-3)] font-semibold'\n      : 'text-[var(--text-2)]',\n  );\n\n  const inner = (\n    <>\n      <span className=\"octo-left-nav-item__icon\">{props.icon}</span>\n      <span className=\"octo-left-nav-item__label\">{props.label}</span>\n      {props.count != null && <span className=\"octo-left-nav-item__count\">{props.count}</span>}\n    </>\n  );\n\n  if ('href' in props && props.href) {\n    return (\n      <Link href={props.href} className={className} aria-current={props.active ? 'page' : undefined}>\n        {inner}\n      </Link>\n    );\n  }\n\n  return (\n    <button type=\"button\" onClick={props.onClick} className={className} aria-pressed={props.active}>\n      {inner}\n    </button>\n  );\n}\n"],"mappings":";;AA8BI,mBACE,KADF;AA5BJ,OAAO,UAAU;AAGjB,SAAS,UAAU;AAeZ,SAAS,YAAY,OAAyB;AAEnD,QAAM,YAAY;AAAA,IAChB;AAAA,IACA,MAAM,SACF,sFACA;AAAA,EACN;AAEA,QAAM,QACJ,iCACE;AAAA,wBAAC,UAAK,WAAU,4BAA4B,gBAAM,MAAK;AAAA,IACvD,oBAAC,UAAK,WAAU,6BAA6B,gBAAM,OAAM;AAAA,IACxD,MAAM,SAAS,QAAQ,oBAAC,UAAK,WAAU,6BAA6B,gBAAM,OAAM;AAAA,KACnF;AAGF,MAAI,UAAU,SAAS,MAAM,MAAM;AACjC,WACE,oBAAC,QAAK,MAAM,MAAM,MAAM,WAAsB,gBAAc,MAAM,SAAS,SAAS,QACjF,iBACH;AAAA,EAEJ;AAEA,SACE,oBAAC,YAAO,MAAK,UAAS,SAAS,MAAM,SAAS,WAAsB,gBAAc,MAAM,QACrF,iBACH;AAEJ;","names":[]}

package/dist/components/Layout/Page.d.ts

@@ -0,0 +1,16 @@
+import * as React from 'react';
+type PageProps = {
+    title: string;
+    breadcrumbs: {
+        label: string;
+        href?: string;
+    }[];
+    actions?: React.ReactNode;
+    className?: string;
+    rightBar?: React.ReactNode;
+    leftBar?: React.ReactNode;
+    children: React.ReactNode;
+};
+export declare function Page({ title, breadcrumbs, actions, className, rightBar, leftBar, children }: PageProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=Page.d.ts.map

package/dist/components/Layout/Page.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Page.d.ts","sourceRoot":"","sources":["../../../components/Layout/Page.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,KAAK,SAAS,GAAG;IACf,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,IAAI,CAAC,EAAE,MAAM,CAAA;KAAE,EAAE,CAAC;IAChD,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B,CAAC;AAEF,wBAAgB,IAAI,CAAC,EAAE,KAAK,EAAE,WAAW,EAAE,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,OAAO,EAAE,QAAQ,EAAE,EAAE,SAAS,2CAoCtG"}

package/dist/components/Layout/Page.js

@@ -0,0 +1,47 @@
+"use client";
+import "../../chunk-B5LE2OEC.js";
+import { jsx, jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import { cn } from "../../lib/utils";
+import Link from "next/link";
+function Page({ title, breadcrumbs, actions, className, rightBar, leftBar, children }) {
+  return /* @__PURE__ */ jsxs("div", { className: cn("octo-page-shell", className), children: [
+    /* @__PURE__ */ jsxs("div", { className: "octo-page-top", children: [
+      /* @__PURE__ */ jsxs("div", { className: "octo-page-top__title-area", children: [
+        breadcrumbs && /* @__PURE__ */ jsx("div", { className: "octo-page-top__breadcrumb", children: breadcrumbs.map(({ label, href }, i) => /* @__PURE__ */ jsxs(React.Fragment, { children: [
+          i > 0 && /* @__PURE__ */ jsx(ChevronRightTiny, {}),
+          href ? /* @__PURE__ */ jsx(Link, { href, children: label }) : label
+        ] }, label)) }),
+        /* @__PURE__ */ jsx("div", { className: "octo-page-top__title-row", children: /* @__PURE__ */ jsx("h1", { className: "octo-page-top__title", children: title }) })
+      ] }),
+      actions && /* @__PURE__ */ jsx("div", { className: "octo-page-top__right", children: actions })
+    ] }),
+    /* @__PURE__ */ jsxs("div", { className: "octo-page-row", children: [
+      leftBar && /* @__PURE__ */ jsx("aside", { className: "octo-page-sidebar octo-page-sidebar--left", children: /* @__PURE__ */ jsx("div", { className: "octo-page-sidebar__bar", children: leftBar }) }),
+      /* @__PURE__ */ jsx("div", { className: "octo-page-content", children }),
+      rightBar && /* @__PURE__ */ jsx("aside", { className: "octo-page-sidebar octo-page-sidebar--right", children: /* @__PURE__ */ jsx("div", { className: "octo-page-sidebar__bar", children: rightBar }) })
+    ] })
+  ] });
+}
+function ChevronRightTiny() {
+  return /* @__PURE__ */ jsx(
+    "svg",
+    {
+      width: 11,
+      height: 11,
+      viewBox: "0 0 24 24",
+      fill: "none",
+      stroke: "currentColor",
+      strokeWidth: "1.6",
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      className: "octo-u-opacity-50",
+      "aria-hidden": "true",
+      children: /* @__PURE__ */ jsx("path", { d: "M9 6l6 6-6 6" })
+    }
+  );
+}
+export {
+  Page
+};
+//# sourceMappingURL=Page.js.map

package/dist/components/Layout/Page.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../components/Layout/Page.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { cn } from '../../lib/utils';\nimport Link from 'next/link';\n\ntype PageProps = {\n  title: string;\n  breadcrumbs: { label: string; href?: string }[];\n  actions?: React.ReactNode;\n  className?: string;\n  rightBar?: React.ReactNode;\n  leftBar?: React.ReactNode;\n  children: React.ReactNode;\n};\n\nexport function Page({ title, breadcrumbs, actions, className, rightBar, leftBar, children }: PageProps) {\n  return (\n    <div className={cn('octo-page-shell', className)}>\n      <div className=\"octo-page-top\">\n        <div className=\"octo-page-top__title-area\">\n          {breadcrumbs && (\n            <div className=\"octo-page-top__breadcrumb\">\n              {breadcrumbs.map(({ label, href }, i) => (\n                <React.Fragment key={label}>\n                  {i > 0 && <ChevronRightTiny />}\n                  {href ? <Link href={href}>{label}</Link> : label}\n                </React.Fragment>\n              ))}\n            </div>\n          )}\n          <div className=\"octo-page-top__title-row\">\n            <h1 className=\"octo-page-top__title\">{title}</h1>\n          </div>\n        </div>\n        {actions && <div className=\"octo-page-top__right\">{actions}</div>}\n      </div>\n      <div className=\"octo-page-row\">\n        {leftBar && (\n          <aside className=\"octo-page-sidebar octo-page-sidebar--left\">\n            <div className=\"octo-page-sidebar__bar\">{leftBar}</div>\n          </aside>\n        )}\n        <div className=\"octo-page-content\">{children}</div>\n        {rightBar && (\n          <aside className=\"octo-page-sidebar octo-page-sidebar--right\">\n            <div className=\"octo-page-sidebar__bar\">{rightBar}</div>\n          </aside>\n        )}\n      </div>\n    </div>\n  );\n}\n\nfunction ChevronRightTiny() {\n  return (\n    <svg\n      width={11}\n      height={11}\n      viewBox=\"0 0 24 24\"\n      fill=\"none\"\n      stroke=\"currentColor\"\n      strokeWidth=\"1.6\"\n      strokeLinecap=\"round\"\n      strokeLinejoin=\"round\"\n      className=\"octo-u-opacity-50\"\n      aria-hidden=\"true\"\n    >\n      <path d=\"M9 6l6 6-6 6\" />\n    </svg>\n  );\n}\n"],"mappings":";;AAwBgB,SACY,KADZ;AAtBhB,YAAY,WAAW;AACvB,SAAS,UAAU;AACnB,OAAO,UAAU;AAYV,SAAS,KAAK,EAAE,OAAO,aAAa,SAAS,WAAW,UAAU,SAAS,SAAS,GAAc;AACvG,SACE,qBAAC,SAAI,WAAW,GAAG,mBAAmB,SAAS,GAC7C;AAAA,yBAAC,SAAI,WAAU,iBACb;AAAA,2BAAC,SAAI,WAAU,6BACZ;AAAA,uBACC,oBAAC,SAAI,WAAU,6BACZ,sBAAY,IAAI,CAAC,EAAE,OAAO,KAAK,GAAG,MACjC,qBAAC,MAAM,UAAN,EACE;AAAA,cAAI,KAAK,oBAAC,oBAAiB;AAAA,UAC3B,OAAO,oBAAC,QAAK,MAAa,iBAAM,IAAU;AAAA,aAFxB,KAGrB,CACD,GACH;AAAA,QAEF,oBAAC,SAAI,WAAU,4BACb,8BAAC,QAAG,WAAU,wBAAwB,iBAAM,GAC9C;AAAA,SACF;AAAA,MACC,WAAW,oBAAC,SAAI,WAAU,wBAAwB,mBAAQ;AAAA,OAC7D;AAAA,IACA,qBAAC,SAAI,WAAU,iBACZ;AAAA,iBACC,oBAAC,WAAM,WAAU,6CACf,8BAAC,SAAI,WAAU,0BAA0B,mBAAQ,GACnD;AAAA,MAEF,oBAAC,SAAI,WAAU,qBAAqB,UAAS;AAAA,MAC5C,YACC,oBAAC,WAAM,WAAU,8CACf,8BAAC,SAAI,WAAU,0BAA0B,oBAAS,GACpD;AAAA,OAEJ;AAAA,KACF;AAEJ;AAEA,SAAS,mBAAmB;AAC1B,SACE;AAAA,IAAC;AAAA;AAAA,MACC,OAAO;AAAA,MACP,QAAQ;AAAA,MACR,SAAQ;AAAA,MACR,MAAK;AAAA,MACL,QAAO;AAAA,MACP,aAAY;AAAA,MACZ,eAAc;AAAA,MACd,gBAAe;AAAA,MACf,WAAU;AAAA,MACV,eAAY;AAAA,MAEZ,8BAAC,UAAK,GAAE,gBAAe;AAAA;AAAA,EACzB;AAEJ;","names":[]}

package/dist/components/Layout/TopHeader.d.ts

@@ -1,4 +1,4 @@
-import { type Theme } from '../../admin/theme';
+import type { Theme } from '../../admin/theme';
 type TopHeaderProps = {
     onCommandK?: () => void;
     initialTheme?: Theme;

package/dist/components/Layout/TopHeader.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TopHeader.d.ts","sourceRoot":"","sources":["../../../components/Layout/TopHeader.tsx"],"names":[],"mappings":"AAgCA,OAAO,EAAe,KAAK,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAgB5D,KAAK,cAAc,GAAG;IACpB,UAAU,CAAC,EAAE,MAAM,IAAI,CAAC;IACxB,YAAY,CAAC,EAAE,KAAK,CAAC;CACtB,CAAC;AAEF,wBAAgB,SAAS,CAAC,EAAE,UAAU,EAAE,YAAqB,EAAE,EAAE,cAAc,2CA8Q9E"}
+{"version":3,"file":"TopHeader.d.ts","sourceRoot":"","sources":["../../../components/Layout/TopHeader.tsx"],"names":[],"mappings":"AAsBA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAe/C,KAAK,cAAc,GAAG;IACpB,UAAU,CAAC,EAAE,MAAM,IAAI,CAAC;IACxB,YAAY,CAAC,EAAE,KAAK,CAAC;CACtB,CAAC;AAEF,wBAAgB,SAAS,CAAC,EAAE,UAAU,EAAE,YAAqB,EAAE,EAAE,cAAc,2CAoK9E"}