@glw907/cairn-cms 0.5.0 → 0.5.1

package/dist/adapter.d.ts

@@ -35,6 +35,13 @@ export interface CairnCollection {
     /** Route `[type]` segment and list key, e.g. `posts`. */
     type: string;
     label: string;
+    /**
+     * Editing shape. `story` (the default when absent) is a dated feed entry; `page` is a
+     * navigation-placed entry with a path-like slug and no date emphasis. Drives the create
+     * form and the editor header. Never gates editing capability: the palette and toolbar are
+     * available to both. (Pass K, R4.)
+     */
+    kind?: 'page' | 'story';
     /** Repo-relative folder holding the collection's markdown files. */
     dir: string;
     /** Editor form fields, rendered in order. */
@@ -42,6 +49,17 @@ export interface CairnCollection {
     /** Validate raw frontmatter (from the form) into the on-disk object, throwing on error. */
     validate(data: Record<string, unknown>, source: string): object;
 }
+/** A managed navigation menu, read from and committed to the site's YAML config file. */
+export interface NavMenuConfig {
+    /** Repo-relative path to the site-config YAML, e.g. 'src/lib/site.config.yaml'. */
+    configPath: string;
+    /** Key within the file's `menus` map, e.g. 'primary'. */
+    menuName: string;
+    /** Sidebar/admin label for the menu. */
+    label: string;
+    /** Max nesting depth allowed in the editor (1 = flat). Defaults to 2. */
+    maxDepth?: number;
+}
 export interface CairnAdapter {
     /** Branding + magic-link email copy. */
     siteName: string;
@@ -60,6 +78,12 @@ export interface CairnAdapter {
      * omit it or supply an empty registry.
      */
     registry?: ComponentRegistry;
+    /**
+     * The navigation menu this site manages from `/admin/nav` (R3/Pass L2). The menu lives in the
+     * site's git-committed YAML config (read at build time by the layout, committed back by the
+     * editor). Omit to hide the nav surface, the same opt-in shape as `registry`.
+     */
+    navMenu?: NavMenuConfig;
 }
 /** Look up a collection by its route segment, or undefined if the segment is unknown. */
 export declare function findCollection(adapter: CairnAdapter, type: string): CairnCollection | undefined;

package/dist/adapter.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"adapter.d.ts","sourceRoot":"","sources":["../src/lib/adapter.ts"],"names":[],"mappings":"AAQA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,SAAS,CAAC;AAC9C,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,UAAU,CAAC;AACxC,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,UAAU,CAAC;AAElD,UAAU,SAAS;IACjB,2CAA2C;IAC3C,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,MAAM,WAAW,SAAU,SAAQ,SAAS;IAC1C,IAAI,EAAE,MAAM,CAAC;CACd;AACD,MAAM,WAAW,SAAU,SAAQ,SAAS;IAC1C,IAAI,EAAE,MAAM,CAAC;CACd;AACD,MAAM,WAAW,aAAc,SAAQ,SAAS;IAC9C,IAAI,EAAE,UAAU,CAAC;IACjB,IAAI,CAAC,EAAE,MAAM,CAAC;CACf;AACD,MAAM,WAAW,YAAa,SAAQ,SAAS;IAC7C,IAAI,EAAE,SAAS,CAAC;CACjB;AACD,MAAM,WAAW,SAAU,SAAQ,SAAS;IAC1C,IAAI,EAAE,MAAM,CAAC;IACb,oDAAoD;IACpD,OAAO,EAAE,SAAS,MAAM,EAAE,CAAC;CAC5B;AACD,MAAM,WAAW,aAAc,SAAQ,SAAS;IAC9C,IAAI,EAAE,UAAU,CAAC;IACjB,2FAA2F;IAC3F,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,MAAM,MAAM,UAAU,GAClB,SAAS,GACT,SAAS,GACT,aAAa,GACb,YAAY,GACZ,SAAS,GACT,aAAa,CAAC;AAElB,MAAM,WAAW,eAAe;IAC9B,yDAAyD;IACzD,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,oEAAoE;IACpE,GAAG,EAAE,MAAM,CAAC;IACZ,6CAA6C;IAC7C,MAAM,EAAE,UAAU,EAAE,CAAC;IACrB,2FAA2F;IAC3F,QAAQ,CAAC,IAAI,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAAE,MAAM,EAAE,MAAM,GAAG,MAAM,CAAC;CACjE;AAED,MAAM,WAAW,YAAY;IAC3B,wCAAwC;IACxC,QAAQ,EAAE,MAAM,CAAC;IACjB,kFAAkF;IAClF,MAAM,EAAE,MAAM,CAAC;IACf,kEAAkE;IAClE,OAAO,EAAE,OAAO,CAAC;IACjB,2EAA2E;IAC3E,OAAO,EAAE,cAAc,CAAC;IACxB,WAAW,EAAE,eAAe,EAAE,CAAC;IAC/B;;;;;;OAMG;IACH,QAAQ,CAAC,EAAE,iBAAiB,CAAC;CAC9B;AAED,yFAAyF;AACzF,wBAAgB,cAAc,CAAC,OAAO,EAAE,YAAY,EAAE,IAAI,EAAE,MAAM,GAAG,eAAe,GAAG,SAAS,CAE/F;AAED,0FAA0F;AAC1F,wBAAgB,mBAAmB,CACjC,UAAU,EAAE,eAAe,EAC3B,IAAI,EAAE,QAAQ,GACb,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CA0BzB"}
+{"version":3,"file":"adapter.d.ts","sourceRoot":"","sources":["../src/lib/adapter.ts"],"names":[],"mappings":"AAQA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,SAAS,CAAC;AAC9C,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,UAAU,CAAC;AACxC,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,UAAU,CAAC;AAElD,UAAU,SAAS;IACjB,2CAA2C;IAC3C,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,MAAM,WAAW,SAAU,SAAQ,SAAS;IAC1C,IAAI,EAAE,MAAM,CAAC;CACd;AACD,MAAM,WAAW,SAAU,SAAQ,SAAS;IAC1C,IAAI,EAAE,MAAM,CAAC;CACd;AACD,MAAM,WAAW,aAAc,SAAQ,SAAS;IAC9C,IAAI,EAAE,UAAU,CAAC;IACjB,IAAI,CAAC,EAAE,MAAM,CAAC;CACf;AACD,MAAM,WAAW,YAAa,SAAQ,SAAS;IAC7C,IAAI,EAAE,SAAS,CAAC;CACjB;AACD,MAAM,WAAW,SAAU,SAAQ,SAAS;IAC1C,IAAI,EAAE,MAAM,CAAC;IACb,oDAAoD;IACpD,OAAO,EAAE,SAAS,MAAM,EAAE,CAAC;CAC5B;AACD,MAAM,WAAW,aAAc,SAAQ,SAAS;IAC9C,IAAI,EAAE,UAAU,CAAC;IACjB,2FAA2F;IAC3F,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,MAAM,MAAM,UAAU,GAClB,SAAS,GACT,SAAS,GACT,aAAa,GACb,YAAY,GACZ,SAAS,GACT,aAAa,CAAC;AAElB,MAAM,WAAW,eAAe;IAC9B,yDAAyD;IACzD,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd;;;;;OAKG;IACH,IAAI,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IACxB,oEAAoE;IACpE,GAAG,EAAE,MAAM,CAAC;IACZ,6CAA6C;IAC7C,MAAM,EAAE,UAAU,EAAE,CAAC;IACrB,2FAA2F;IAC3F,QAAQ,CAAC,IAAI,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAAE,MAAM,EAAE,MAAM,GAAG,MAAM,CAAC;CACjE;AAED,yFAAyF;AACzF,MAAM,WAAW,aAAa;IAC5B,mFAAmF;IACnF,UAAU,EAAE,MAAM,CAAC;IACnB,yDAAyD;IACzD,QAAQ,EAAE,MAAM,CAAC;IACjB,wCAAwC;IACxC,KAAK,EAAE,MAAM,CAAC;IACd,yEAAyE;IACzE,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AAED,MAAM,WAAW,YAAY;IAC3B,wCAAwC;IACxC,QAAQ,EAAE,MAAM,CAAC;IACjB,kFAAkF;IAClF,MAAM,EAAE,MAAM,CAAC;IACf,kEAAkE;IAClE,OAAO,EAAE,OAAO,CAAC;IACjB,2EAA2E;IAC3E,OAAO,EAAE,cAAc,CAAC;IACxB,WAAW,EAAE,eAAe,EAAE,CAAC;IAC/B;;;;;;OAMG;IACH,QAAQ,CAAC,EAAE,iBAAiB,CAAC;IAC7B;;;;OAIG;IACH,OAAO,CAAC,EAAE,aAAa,CAAC;CACzB;AAED,yFAAyF;AACzF,wBAAgB,cAAc,CAAC,OAAO,EAAE,YAAY,EAAE,IAAI,EAAE,MAAM,GAAG,eAAe,GAAG,SAAS,CAE/F;AAED,0FAA0F;AAC1F,wBAAgB,mBAAmB,CACjC,UAAU,EAAE,eAAe,EAC3B,IAAI,EAAE,QAAQ,GACb,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CA0BzB"}

package/dist/auth/capabilities.d.ts

@@ -0,0 +1,7 @@
+import type { CairnUser } from './guard';
+export type Capability = 'story:create' | 'story:edit' | 'page:edit' | 'page:create' | 'nav:manage' | 'user:manage';
+/** Does this user hold the capability? A signed-out (null) user holds nothing. */
+export declare function can(user: CairnUser | null, cap: Capability): boolean;
+/** Assert the capability for a route load/action: 401 when signed out, 403 when under-privileged. */
+export declare function requireCapability(user: CairnUser | null, cap: Capability): CairnUser;
+//# sourceMappingURL=capabilities.d.ts.map

package/dist/auth/capabilities.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"capabilities.d.ts","sourceRoot":"","sources":["../../src/lib/auth/capabilities.ts"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AAEzC,MAAM,MAAM,UAAU,GAClB,cAAc,GACd,YAAY,GACZ,WAAW,GACX,aAAa,GACb,YAAY,GACZ,aAAa,CAAC;AASlB,kFAAkF;AAClF,wBAAgB,GAAG,CAAC,IAAI,EAAE,SAAS,GAAG,IAAI,EAAE,GAAG,EAAE,UAAU,GAAG,OAAO,CAIpE;AAED,qGAAqG;AACrG,wBAAgB,iBAAiB,CAAC,IAAI,EAAE,SAAS,GAAG,IAAI,EAAE,GAAG,EAAE,UAAU,GAAG,SAAS,CAIpF"}

package/dist/auth/capabilities.js

@@ -0,0 +1,26 @@
+// cairn-core: capability checks. Management surfaces gate on a capability, not on a role name,
+// so the two-tier owner/editor model can grow finer capabilities (and a future role) additively.
+// Creating a page and changing the nav are structural acts, so they sit with owner; editing a
+// page's content and running the story feed are everyday editor work.
+import { error } from '@sveltejs/kit';
+// One source of truth. `'all'` means every capability; otherwise the explicit grant list. A future
+// `manager` role is one more row here, no call-site changes.
+const CAPS_BY_ROLE = {
+    owner: 'all',
+    editor: ['story:create', 'story:edit', 'page:edit'],
+};
+/** Does this user hold the capability? A signed-out (null) user holds nothing. */
+export function can(user, cap) {
+    if (!user)
+        return false;
+    const grants = CAPS_BY_ROLE[user.role];
+    return grants === 'all' || grants.includes(cap);
+}
+/** Assert the capability for a route load/action: 401 when signed out, 403 when under-privileged. */
+export function requireCapability(user, cap) {
+    if (!user)
+        throw error(401, 'Not signed in');
+    if (!can(user, cap))
+        throw error(403, 'You do not have permission to do that');
+    return user;
+}

package/dist/auth/index.d.ts

@@ -1,4 +1,5 @@
 export { createAuth, type Auth, type AuthEnv, type AuthBranding } from './config';
 export { loadSession, requireSession, confirmSignIn, signOut, type CairnUser } from './guard';
 export { adminsLoad, addAdmin, removeAdmin, setAdminRole, requireOwner, type AdminsData } from './admins';
+export { can, requireCapability, type Capability } from './capabilities';
 //# sourceMappingURL=index.d.ts.map

package/dist/auth/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/lib/auth/index.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,UAAU,EAAE,KAAK,IAAI,EAAE,KAAK,OAAO,EAAE,KAAK,YAAY,EAAE,MAAM,UAAU,CAAC;AAClF,OAAO,EAAE,WAAW,EAAE,cAAc,EAAE,aAAa,EAAE,OAAO,EAAE,KAAK,SAAS,EAAE,MAAM,SAAS,CAAC;AAC9F,OAAO,EAAE,UAAU,EAAE,QAAQ,EAAE,WAAW,EAAE,YAAY,EAAE,YAAY,EAAE,KAAK,UAAU,EAAE,MAAM,UAAU,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/lib/auth/index.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,UAAU,EAAE,KAAK,IAAI,EAAE,KAAK,OAAO,EAAE,KAAK,YAAY,EAAE,MAAM,UAAU,CAAC;AAClF,OAAO,EAAE,WAAW,EAAE,cAAc,EAAE,aAAa,EAAE,OAAO,EAAE,KAAK,SAAS,EAAE,MAAM,SAAS,CAAC;AAC9F,OAAO,EAAE,UAAU,EAAE,QAAQ,EAAE,WAAW,EAAE,YAAY,EAAE,YAAY,EAAE,KAAK,UAAU,EAAE,MAAM,UAAU,CAAC;AAC1G,OAAO,EAAE,GAAG,EAAE,iBAAiB,EAAE,KAAK,UAAU,EAAE,MAAM,gBAAgB,CAAC"}

package/dist/auth/index.js

@@ -4,3 +4,4 @@
 export { createAuth } from './config';
 export { loadSession, requireSession, confirmSignIn, signOut } from './guard';
 export { adminsLoad, addAdmin, removeAdmin, setAdminRole, requireOwner } from './admins';
+export { can, requireCapability } from './capabilities';

package/dist/components/AdminLayout.svelte

@@ -1,11 +1,7 @@
 <script lang="ts">
-  // Neutral admin chrome, shared across sites so the tool looks identical everywhere (only the
-  // adapter's siteName varies). When signed in it's a responsive DaisyUI drawer+navbar shell
-  // (`drawer lg:drawer-open`, sidebar pinned on desktop, slide-over + hamburger on mobile),
-  // patterned on scosman/CMSaasStarter's `(admin)/(menu)` layout. The nav is data-driven and
-  // role-gated, so a new surface is one entry in `nav` (plus its route + component). Signed out
-  // (the login page lives under this layout) it falls back to a minimal centered shell.
-  // Each site's `admin/+layout.svelte` is a one-line shim that forwards `data` + `children`.
+  // Neutral admin chrome shared across sites. Signed in: DaisyUI drawer+navbar shell (sidebar
+  // pinned on desktop, slide-over on mobile). Signed out: minimal centered shell. The
+  // `cairn-admin` class on both roots scopes the "Warm Stone" theme; see the style block.
   import type { Snippet } from 'svelte';
   import type { CairnUser } from '../auth';
 
@@ -13,7 +9,14 @@
     data,
     children,
   }: {
-    data: { siteName: string; user: CairnUser | null; pathname: string };
+    data: {
+      siteName: string;
+      user: CairnUser | null;
+      pathname: string;
+      collections: { type: string; label: string }[];
+      navMenus: { name: string; label: string }[];
+      canManageNav: boolean;
+    };
     children: Snippet;
   } = $props();
 
@@ -27,12 +30,17 @@
   }
 
   const nav = $derived<NavItem[]>([
-    {
-      href: '/admin',
-      label: 'Content',
+    ...data.collections.map((collection) => ({
+      href: `/admin/${collection.type}`,
+      label: collection.label,
       icon: contentIcon,
-      active: data.pathname === '/admin' || data.pathname.startsWith('/admin/edit'),
-    },
+      active:
+        data.pathname === `/admin/${collection.type}` ||
+        data.pathname.startsWith(`/admin/edit/${collection.type}/`),
+    })),
+    ...(data.canManageNav && data.navMenus.length
+      ? [{ href: '/admin/nav', label: 'Navigation', icon: navIcon, active: data.pathname.startsWith('/admin/nav') }]
+      : []),
     {
       href: '/admin/admins',
       label: 'Editors',
@@ -43,7 +51,7 @@
   ]);
   const visibleNav = $derived(nav.filter((item) => !item.owner || data.user?.role === 'owner'));
 
-  // Close the slide-over after a nav tap on mobile (no-op on desktop where it's pinned open).
+  // Close the slide-over after a nav tap on mobile.
   function closeDrawer(): void {
     const toggle = document.getElementById('admin-drawer');
     if (toggle instanceof HTMLInputElement) toggle.checked = false;
@@ -64,12 +72,19 @@
   </svg>
 {/snippet}
 
+{#snippet navIcon()}
+  <svg class="h-5 w-5" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true">
+    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
+      d="M4 6h16M4 12h16M4 18h16" />
+  </svg>
+{/snippet}
+
 <svelte:head>
   <meta name="robots" content="noindex, nofollow" />
 </svelte:head>
 
 {#if data.user}
-  <div class="drawer min-h-screen bg-base-200 lg:drawer-open" data-pagefind-ignore>
+  <div class="cairn-admin drawer min-h-screen bg-base-200 lg:drawer-open" data-pagefind-ignore>
     <input id="admin-drawer" type="checkbox" class="drawer-toggle" />
 
     <div class="drawer-content">
@@ -122,9 +137,50 @@
   </div>
 {:else}
   <!-- Signed out (login page): no nav, just a centered surface. -->
-  <div class="min-h-screen bg-base-200" data-pagefind-ignore>
+  <div class="cairn-admin min-h-screen bg-base-200" data-pagefind-ignore>
     <div class="mx-auto max-w-3xl px-4 py-8">
       {@render children()}
     </div>
   </div>
 {/if}
+
+<style>
+  /* Warm Stone: a neutral, fully self-contained admin theme (R6), light-only. Overriding the
+     DaisyUI v5 tokens + font on this root re-skins the whole admin subtree by inheritance, so
+     the tool looks identical on every host regardless of the site's own theme. Values are OKLCH
+     (no hex/rgb, per the design-system rule). Warm-gray neutrals (hue ~75), violet accent. */
+  .cairn-admin {
+    color-scheme: light;
+    font-family: system-ui, -apple-system, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
+
+    --color-base-100: oklch(98.5% 0.004 75);
+    --color-base-200: oklch(96% 0.005 75);
+    --color-base-300: oklch(92% 0.008 75);
+    --color-base-content: oklch(28% 0.012 75);
+
+    --color-primary: oklch(52% 0.20 293);
+    --color-primary-content: oklch(98% 0.012 293);
+    --color-secondary: oklch(45% 0.02 75);
+    --color-secondary-content: oklch(98% 0.004 75);
+    --color-accent: oklch(58% 0.16 300);
+    --color-accent-content: oklch(98% 0.012 300);
+    --color-neutral: oklch(32% 0.012 75);
+    --color-neutral-content: oklch(96% 0.004 75);
+
+    --color-info: oklch(60% 0.12 240);
+    --color-info-content: oklch(98% 0.01 240);
+    --color-success: oklch(58% 0.12 150);
+    --color-success-content: oklch(98% 0.01 150);
+    --color-warning: oklch(75% 0.15 70);
+    --color-warning-content: oklch(25% 0.02 70);
+    --color-error: oklch(58% 0.20 25);
+    --color-error-content: oklch(98% 0.01 25);
+
+    --radius-selector: 0.5rem;
+    --radius-field: 0.5rem;
+    --radius-box: 0.75rem;
+    --size-selector: 0.25rem;
+    --size-field: 0.25rem;
+    --border: 1px;
+  }
+</style>

package/dist/components/AdminLayout.svelte.d.ts

@@ -5,6 +5,15 @@ type $$ComponentProps = {
         siteName: string;
         user: CairnUser | null;
         pathname: string;
+        collections: {
+            type: string;
+            label: string;
+        }[];
+        navMenus: {
+            name: string;
+            label: string;
+        }[];
+        canManageNav: boolean;
     };
     children: Snippet;
 };

package/dist/components/AdminLayout.svelte.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AdminLayout.svelte.d.ts","sourceRoot":"","sources":["../../src/lib/components/AdminLayout.svelte.ts"],"names":[],"mappings":"AAUA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,QAAQ,CAAC;AACtC,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AAWxC,KAAK,gBAAgB,GAAI;IACtB,IAAI,EAAE;QAAE,QAAQ,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,SAAS,GAAG,IAAI,CAAC;QAAC,QAAQ,EAAE,MAAM,CAAA;KAAE,CAAC;IACrE,QAAQ,EAAE,OAAO,CAAC;CACnB,CAAC;AAyHJ,QAAA,MAAM,WAAW,sDAAwC,CAAC;AAC1D,KAAK,WAAW,GAAG,UAAU,CAAC,OAAO,WAAW,CAAC,CAAC;AAClD,eAAe,WAAW,CAAC"}
+{"version":3,"file":"AdminLayout.svelte.d.ts","sourceRoot":"","sources":["../../src/lib/components/AdminLayout.svelte.ts"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,QAAQ,CAAC;AACtC,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AAWxC,KAAK,gBAAgB,GAAI;IACtB,IAAI,EAAE;QACJ,QAAQ,EAAE,MAAM,CAAC;QACjB,IAAI,EAAE,SAAS,GAAG,IAAI,CAAC;QACvB,QAAQ,EAAE,MAAM,CAAC;QACjB,WAAW,EAAE;YAAE,IAAI,EAAE,MAAM,CAAC;YAAC,KAAK,EAAE,MAAM,CAAA;SAAE,EAAE,CAAC;QAC/C,QAAQ,EAAE;YAAE,IAAI,EAAE,MAAM,CAAC;YAAC,KAAK,EAAE,MAAM,CAAA;SAAE,EAAE,CAAC;QAC5C,YAAY,EAAE,OAAO,CAAC;KACvB,CAAC;IACF,QAAQ,EAAE,OAAO,CAAC;CACnB,CAAC;AAkIJ,QAAA,MAAM,WAAW,sDAAwC,CAAC;AAC1D,KAAK,WAAW,GAAG,UAAU,CAAC,OAAO,WAAW,CAAC,CAAC;AAClD,eAAe,WAAW,CAAC"}

package/dist/components/CollectionList.svelte

@@ -0,0 +1,96 @@
+<script lang="ts">
+  // One collection's entries: a table (title, date, draft badge) linking into the editor, plus a
+  // collapsible "New entry" form. The author types a title; the slug stem derives from it (R4) and
+  // stays editable. A story collection also collects a date, which createEntry forwards so the new
+  // entry opens with its date set. Placeholders differ by kind. The shell (AdminLayout) owns the
+  // chrome and nav; this renders only the body.
+  import type { CollectionListData } from '../sveltekit';
+  import { slugify } from '../slug';
+
+  let { data }: { data: CollectionListData } = $props();
+
+  let title = $state('');
+  let slug = $state('');
+  let slugEdited = $state(false);
+
+  // Keep the slug in sync with the title until the author edits the slug directly.
+  function onTitleInput(value: string) {
+    title = value;
+    if (!slugEdited) slug = slugify(value);
+  }
+
+  const slugPlaceholder = $derived(data.kind === 'page' ? 'about-us' : '2026-05-my-entry');
+</script>
+
+<div class="flex items-center justify-between gap-4">
+  <h1 class="text-2xl font-bold">{data.label}</h1>
+  {#if data.canCreate}
+    <details class="dropdown dropdown-end">
+      <summary class="btn btn-primary btn-sm">New entry</summary>
+      <form
+        method="POST"
+        action="?/create"
+        class="dropdown-content z-10 mt-2 flex w-80 flex-col gap-2 rounded-box border border-base-300 bg-base-100 p-4 shadow"
+      >
+        <label class="flex flex-col gap-1">
+          <span class="text-sm font-medium">Title</span>
+          <input
+            type="text"
+            value={title}
+            oninput={(e) => onTitleInput(e.currentTarget.value)}
+            placeholder="A human title"
+            class="input w-full"
+          />
+        </label>
+
+        {#if data.kind === 'story'}
+          <label class="flex flex-col gap-1">
+            <span class="text-sm font-medium">Date</span>
+            <input type="date" name="date" class="input w-full" />
+          </label>
+        {/if}
+
+        <label class="flex flex-col gap-1">
+          <span class="text-sm font-medium">Slug</span>
+          <input
+            type="text"
+            name="id"
+            required
+            bind:value={slug}
+            oninput={() => (slugEdited = true)}
+            placeholder={slugPlaceholder}
+            pattern="[a-z0-9]([a-z0-9-]*[a-z0-9])?"
+            class="input w-full"
+          />
+          <span class="text-xs opacity-60">Lowercase letters, numbers, and hyphens. Becomes the filename.</span>
+        </label>
+
+        <button type="submit" class="btn btn-primary btn-sm">Create &amp; edit</button>
+      </form>
+    </details>
+  {/if}
+</div>
+
+{#if data.formError}
+  <div class="alert alert-error mt-4"><span>{data.formError}</span></div>
+{/if}
+
+{#if data.error}
+  <div class="alert alert-warning mt-6">Couldn't load {data.label.toLowerCase()}: {data.error}</div>
+{:else if data.entries.length === 0}
+  <p class="mt-6 opacity-60">No entries yet.</p>
+{:else}
+  <ul class="menu mt-6 rounded-box border border-base-300 bg-base-100 p-2">
+    {#each data.entries as entry (entry.path)}
+      <li>
+        <a href="/admin/edit/{data.type}/{entry.id}" class="flex items-center justify-between gap-3">
+          <span class="flex items-center gap-2">
+            <span>{entry.title}</span>
+            {#if entry.draft}<span class="badge badge-warning badge-sm">Draft</span>{/if}
+          </span>
+          {#if entry.date}<span class="text-xs opacity-60">{entry.date}</span>{/if}
+        </a>
+      </li>
+    {/each}
+  </ul>
+{/if}

package/dist/components/CollectionList.svelte.d.ts

@@ -0,0 +1,8 @@
+import type { CollectionListData } from '../sveltekit';
+type $$ComponentProps = {
+    data: CollectionListData;
+};
+declare const CollectionList: import("svelte").Component<$$ComponentProps, {}, "">;
+type CollectionList = ReturnType<typeof CollectionList>;
+export default CollectionList;
+//# sourceMappingURL=CollectionList.svelte.d.ts.map

package/dist/components/CollectionList.svelte.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CollectionList.svelte.d.ts","sourceRoot":"","sources":["../../src/lib/components/CollectionList.svelte.ts"],"names":[],"mappings":"AAQA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,cAAc,CAAC;AAGtD,KAAK,gBAAgB,GAAI;IAAE,IAAI,EAAE,kBAAkB,CAAA;CAAE,CAAC;AAiFvD,QAAA,MAAM,cAAc,sDAAwC,CAAC;AAC7D,KAAK,cAAc,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AACxD,eAAe,cAAc,CAAC"}

package/dist/components/ComponentPalette.svelte

@@ -0,0 +1,34 @@
+<script lang="ts">
+  // The insert-component palette (R10). Reads the site's component registry (R10a) and inserts a
+  // scaffolded directive snippet at the cursor via the `insert` callback. DaisyUI dropdown so it
+  // matches the Warm Stone admin theme. Shown only when the site supplies a non-empty registry; a
+  // plain-markdown site (e.g. 907.life) passes no registry and this renders nothing.
+  import type { ComponentRegistry } from '../render';
+
+  let { registry, insert }: { registry?: ComponentRegistry; insert: (template: string) => void } =
+    $props();
+
+  const defs = $derived(registry?.defs ?? []);
+</script>
+
+{#if defs.length > 0}
+  <div class="dropdown">
+    <button type="button" tabindex="0" class="btn btn-sm btn-ghost">Insert ▾</button>
+    <ul
+      class="dropdown-content menu z-10 mt-1 w-72 rounded-box border border-base-300 bg-base-100 p-2 shadow"
+    >
+      {#each defs as def (def.name)}
+        <li>
+          <button
+            type="button"
+            class="flex flex-col items-start gap-0.5"
+            onclick={() => insert(def.insertTemplate)}
+          >
+            <span class="font-medium">{def.label}</span>
+            <span class="text-xs opacity-60">{def.description}</span>
+          </button>
+        </li>
+      {/each}
+    </ul>
+  </div>
+{/if}

package/dist/components/ComponentPalette.svelte.d.ts

@@ -0,0 +1,9 @@
+import type { ComponentRegistry } from '../render';
+type $$ComponentProps = {
+    registry?: ComponentRegistry;
+    insert: (template: string) => void;
+};
+declare const ComponentPalette: import("svelte").Component<$$ComponentProps, {}, "">;
+type ComponentPalette = ReturnType<typeof ComponentPalette>;
+export default ComponentPalette;
+//# sourceMappingURL=ComponentPalette.svelte.d.ts.map

package/dist/components/ComponentPalette.svelte.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ComponentPalette.svelte.d.ts","sourceRoot":"","sources":["../../src/lib/components/ComponentPalette.svelte.ts"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,WAAW,CAAC;AAElD,KAAK,gBAAgB,GAAI;IAAE,QAAQ,CAAC,EAAE,iBAAiB,CAAC;IAAC,MAAM,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAA;CAAE,CAAC;AAgC/F,QAAA,MAAM,gBAAgB,sDAAwC,CAAC;AAC/D,KAAK,gBAAgB,GAAG,UAAU,CAAC,OAAO,gBAAgB,CAAC,CAAC;AAC5D,eAAe,gBAAgB,CAAC"}

package/dist/components/EditPage.svelte

@@ -1,15 +1,27 @@
 <script lang="ts">
-  // The editor: a per-field frontmatter form (driven by the adapter's `fields`) plus a Carta
-  // markdown editor whose preview runs the site's plugin set (passed as `preview`). Data comes
-  // from `editLoad` merged with `adminLayoutLoad` (siteName); `carta-md` is a peer dependency.
+  // The editor: a per-field frontmatter form (driven by the adapter's `fields`) beside a Carta
+  // markdown editor whose preview runs the site plugin set (`preview`). Content-forward layout:
+  // the editor is the prominent column, frontmatter sits in a side column (R4). A cairn control
+  // row hosts the insert-component palette (R10) and the preview toggle (R12); basic formatting
+  // stays on Carta's built-in toolbar (R11). Data comes from `editLoad` merged with the layout
+  // load (siteName); `carta-md` is a peer dependency.
   import { onMount } from 'svelte';
   import { Carta, MarkdownEditor } from 'carta-md';
   import 'carta-md/default.css';
   import { previewCartaOptions, type PreviewPlugins } from '../carta';
   import type { CairnField } from '../adapter';
+  import type { ComponentRegistry } from '../render';
   import type { EditData } from '../sveltekit';
+  import { cartaEditor } from '../editor';
+  import { dateInputValue } from '../frontmatter';
+  import ComponentPalette from './ComponentPalette.svelte';
 
-  let { data, preview }: { data: EditData & { siteName: string }; preview: PreviewPlugins } = $props();
+  let {
+    data,
+    preview,
+    registry,
+  }: { data: EditData & { siteName: string }; preview: PreviewPlugins; registry?: ComponentRegistry } =
+    $props();
 
   // Body is editable state; the Carta editor's preview runs the exact site plugin set, so it
   // matches the live page. A hidden input carries the current value into the form.
@@ -18,14 +30,24 @@
 
   // svelte-ignore state_referenced_locally (the preview plugin set is fixed for the load)
   const carta = new Carta(previewCartaOptions(preview));
+  const editor = cartaEditor(() => carta);
 
-  // Carta's MarkdownEditor must not render on the worker (it pulls Shiki). onMount fires only
-  // in the browser, so SSR renders the plain textarea and the client swaps in the editor.
-  // This is the kit-free equivalent of the per-site route's `$app/environment` `browser` guard.
+  // Carta's MarkdownEditor must not render on the worker (it pulls Shiki). onMount fires only in
+  // the browser, so SSR renders the plain textarea and the client swaps in the editor.
   let mounted = $state(false);
+
+  // Preview toggle (R12), persisted per user. 'split' shows the live preview beside the editor;
+  // 'tabs' foregrounds the editor full width with the preview one click away.
+  let mode = $state<'split' | 'tabs'>('split');
   onMount(() => {
     mounted = true;
+    const saved = localStorage.getItem('cairn-admin:preview');
+    if (saved === 'tabs' || saved === 'split') mode = saved;
   });
+  function togglePreview() {
+    mode = mode === 'split' ? 'tabs' : 'split';
+    localStorage.setItem('cairn-admin:preview', mode);
+  }
 
   // svelte-ignore state_referenced_locally (form defaults from the initial load)
   const fm = data.frontmatter as Record<string, unknown>;
@@ -39,31 +61,58 @@
   function fmFreeTags(key: string): string {
     return Array.isArray(fm[key]) ? (fm[key] as unknown[]).map(String).join(', ') : '';
   }
+
+  // Kind-aware header: a story leads with its date; a page leads with its slug/path.
+  const subtitle = $derived(
+    data.kind === 'page'
+      ? `Page · ${data.path}`
+      : `${data.label} · ${dateInputValue(fm['date']) || data.path}`,
+  );
 </script>
 
 <svelte:head>
-  <title>Edit {data.title} · {data.siteName} CMS</title>
+  <title>{data.isNew ? `New ${data.label} entry` : `Edit ${data.title}`} · {data.siteName} CMS</title>
 </svelte:head>
 
 <div class="flex items-center justify-between gap-4">
   <div>
-    <a href="/admin" class="text-sm opacity-70 hover:underline">← Back</a>
-    <h1 class="mt-1 text-2xl font-bold">{data.title}</h1>
-    <p class="text-sm opacity-60">{data.label} · {data.path}</p>
+    <a href="/admin/{data.type}" class="text-sm opacity-70 hover:underline">← Back to {data.label}</a>
+    <h1 class="mt-1 text-2xl font-bold">{data.isNew ? `New ${data.label} entry` : data.title}</h1>
+    <p class="text-sm opacity-60">{subtitle}</p>
   </div>
 </div>
 
 {#if data.saved}
-  <div class="alert alert-success mt-6"><span>Saved — committed to main; the site will redeploy.</span></div>
+  <div class="alert alert-success mt-6"><span>Saved. Committed to main; the site will redeploy.</span></div>
 {:else if data.error}
   <div class="alert alert-error mt-6"><span>{data.error}</span></div>
 {/if}
 
-<form method="POST" action="/admin/save" class="mt-6 flex flex-col gap-5">
+<form method="POST" action="/admin/save" class="mt-6 flex flex-col gap-5 lg:grid lg:grid-cols-[1fr_20rem] lg:items-start">
   <input type="hidden" name="type" value={data.type} />
   <input type="hidden" name="id" value={data.id} />
+  {#if data.isNew}<input type="hidden" name="new" value="1" />{/if}
+
+  <!-- Editor column (content-forward: first and widest) -->
+  <div class="flex flex-col gap-3 lg:order-1">
+    <div class="flex items-center justify-between gap-2">
+      <ComponentPalette {registry} insert={(template) => editor.insertComponent(template)} />
+      <button type="button" class="btn btn-sm btn-ghost" onclick={togglePreview}>
+        {mode === 'split' ? 'Hide preview' : 'Show preview'}
+      </button>
+    </div>
+    <div class="rounded-box border border-base-300 bg-base-100 p-2">
+      <input type="hidden" name="body" value={body} />
+      {#if mounted}
+        <MarkdownEditor {carta} bind:value={body} {mode} />
+      {:else}
+        <textarea bind:value={body} rows="20" class="textarea w-full font-mono"></textarea>
+      {/if}
+    </div>
+  </div>
 
-  <fieldset class="grid gap-4 rounded-box border border-base-300 bg-base-100 p-6">
+  <!-- Frontmatter side column -->
+  <fieldset class="grid gap-4 rounded-box border border-base-300 bg-base-100 p-6 lg:order-2">
     {#each data.fields as field (field.name)}
       {#if field.type === 'text' || field.type === 'date'}
         <label class="flex flex-col gap-1">
@@ -72,7 +121,7 @@
             type={field.type === 'date' ? 'date' : 'text'}
             name={field.name}
             required={field.required}
-            value={fmString(field.name)}
+            value={field.type === 'date' ? dateInputValue(fm[field.name]) : fmString(field.name)}
             class="input w-full"
           />
         </label>
@@ -108,18 +157,7 @@
         </label>
       {/if}
     {/each}
-  </fieldset>
-
-  <div class="rounded-box border border-base-300 bg-base-100 p-2">
-    <input type="hidden" name="body" value={body} />
-    {#if mounted}
-      <MarkdownEditor {carta} bind:value={body} mode="tabs" />
-    {:else}
-      <textarea bind:value={body} rows="20" class="textarea w-full font-mono"></textarea>
-    {/if}
-  </div>
 
-  <div class="flex justify-end">
-    <button type="submit" class="btn btn-primary">Save &amp; commit</button>
-  </div>
+    <button type="submit" class="btn btn-primary mt-2">{data.isNew ? 'Create & commit' : 'Save & commit'}</button>
+  </fieldset>
 </form>

package/dist/components/EditPage.svelte.d.ts

@@ -1,11 +1,13 @@
 import 'carta-md/default.css';
 import { type PreviewPlugins } from '../carta';
+import type { ComponentRegistry } from '../render';
 import type { EditData } from '../sveltekit';
 type $$ComponentProps = {
     data: EditData & {
         siteName: string;
     };
     preview: PreviewPlugins;
+    registry?: ComponentRegistry;
 };
 declare const EditPage: import("svelte").Component<$$ComponentProps, {}, "">;
 type EditPage = ReturnType<typeof EditPage>;

package/dist/components/EditPage.svelte.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"EditPage.svelte.d.ts","sourceRoot":"","sources":["../../src/lib/components/EditPage.svelte.ts"],"names":[],"mappings":"AAQA,OAAO,sBAAsB,CAAC;AAC9B,OAAO,EAAuB,KAAK,cAAc,EAAE,MAAM,UAAU,CAAC;AAEpE,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAE5C,KAAK,gBAAgB,GAAI;IAAE,IAAI,EAAE,QAAQ,GAAG;QAAE,QAAQ,EAAE,MAAM,CAAA;KAAE,CAAC;IAAC,OAAO,EAAE,cAAc,CAAA;CAAE,CAAC;AAwH7F,QAAA,MAAM,QAAQ,sDAAwC,CAAC;AACvD,KAAK,QAAQ,GAAG,UAAU,CAAC,OAAO,QAAQ,CAAC,CAAC;AAC5C,eAAe,QAAQ,CAAC"}
+{"version":3,"file":"EditPage.svelte.d.ts","sourceRoot":"","sources":["../../src/lib/components/EditPage.svelte.ts"],"names":[],"mappings":"AAWA,OAAO,sBAAsB,CAAC;AAC9B,OAAO,EAAuB,KAAK,cAAc,EAAE,MAAM,UAAU,CAAC;AAEpE,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,WAAW,CAAC;AACnD,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAK5C,KAAK,gBAAgB,GAAI;IAAE,IAAI,EAAE,QAAQ,GAAG;QAAE,QAAQ,EAAE,MAAM,CAAA;KAAE,CAAC;IAAC,OAAO,EAAE,cAAc,CAAC;IAAC,QAAQ,CAAC,EAAE,iBAAiB,CAAA;CAAE,CAAC;AA8J3H,QAAA,MAAM,QAAQ,sDAAwC,CAAC;AACvD,KAAK,QAAQ,GAAG,UAAU,CAAC,OAAO,QAAQ,CAAC,CAAC;AAC5C,eAAe,QAAQ,CAAC"}