@bettercms-ai/kit 0.1.0 → 1.0.0

package/brand/logo.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"logo.js","names":[],"sources":["../../src/kit/brand/logo.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { cn } from \"../lib/cn\";\n\n/*  OFFICIAL BetterCMS logo — exported from the V2 Figma (node 60995:8678 \"Link - BetterCMS home\").\n    Mark: three facets with the brand gradient (#A878D2 → #ED6262 → #D13A3A).\n    Wordmark: --wordmark (#291018 on light, = --fg on dark; kit.css has no wordmark token yet, so the V2 values are the fallbacks). Never redraw or recolor the mark.  */\n\nconst ICON = [\"M12.7575 27.0001L1.51134 20.0938C0.572213 19.5171 0.000244141 18.4961 0.000244141 17.3965V8.59934C0.000244141 7.45142 0.623145 6.3933 1.62844 5.83354L9.5867 1.4023C10.4896 0.899541 11.5815 0.866267 12.5135 1.3131L23.8336 6.74014L14.354 12.1618C13.3665 12.7265 12.7575 13.7747 12.7575 14.9096V27.0001Z\", \"M14.3398 16.0219V18.8735L22.2169 13.8627C23.1316 13.2808 23.6853 12.2739 23.6853 11.1921V8.29945L15.7983 13.3576C14.8893 13.9406 14.3398 14.9443 14.3398 16.0219Z\", \"M14.3398 22.2591V25.1107L22.2169 20.0999C23.1316 19.518 23.6853 18.5111 23.6853 17.4293V14.5367L15.7983 19.5948C14.8893 20.1779 14.3398 21.1815 14.3398 22.2591Z\"];\nconst WORD = [\"M70.5658 20.3613V10.9967H72.1245V12.1933C72.8865 11.2048 73.8044 10.8407 75.2418 10.9274V12.7136C73.2675 12.6095 72.1245 13.598 72.1245 15.4362V20.3613H70.5658Z\", \"M65.4408 20.5694C62.8083 20.5694 61.1977 18.4537 61.1977 15.679C61.1977 12.8696 62.8603 10.8406 65.3888 10.8406C67.8134 10.8406 69.4067 12.7309 69.4067 15.4015V16.0779H62.8083C62.9123 17.76 63.8994 19.0433 65.4408 19.0433C66.5319 19.0433 67.4497 18.4363 67.9866 17.2744L69.2682 17.9161C68.4889 19.7023 67.138 20.5694 65.4408 20.5694ZM62.8776 14.6212H67.7615C67.5883 13.2858 66.705 12.3494 65.3888 12.3494C64.0207 12.3494 63.1028 13.3379 62.8776 14.6212Z\", \"M59.2561 20.5693C57.5935 20.5693 56.918 19.9276 56.918 18.2975V12.5053H55.394V10.9966H56.918V8.37799H58.4767V10.9966H60.3298V12.5053H58.4767V18.072C58.4767 18.8524 58.8231 19.0085 59.3253 19.0085H60.4164V20.4999C60.07 20.5346 59.6371 20.5693 59.2561 20.5693Z\", \"M53.3658 20.5693C51.7033 20.5693 51.0278 19.9276 51.0278 18.2975V12.5053H49.5038V10.9966H51.0278V8.37799H52.5865V10.9966H54.4396V12.5053H52.5865V18.072C52.5865 18.8524 52.9329 19.0085 53.4351 19.0085H54.5262V20.4999C54.1798 20.5346 53.7469 20.5693 53.3658 20.5693Z\", \"M44.9815 20.5695C42.3491 20.5695 40.7384 18.4538 40.7384 15.6791C40.7384 12.8697 42.401 10.8408 44.9296 10.8408C47.3542 10.8408 48.9475 12.731 48.9475 15.4016V16.078H42.3491C42.453 17.7601 43.4402 19.0434 44.9815 19.0434C46.0726 19.0434 46.9905 18.4365 47.5274 17.2746L48.8089 17.9162C48.0296 19.7024 46.6787 20.5695 44.9815 20.5695ZM42.4184 14.6213H47.3022C47.129 13.286 46.2458 12.3495 44.9296 12.3495C43.5614 12.3495 42.6435 13.338 42.4184 14.6213Z\", \"M29.834 20.3613V7.32031H35.1162C37.6447 7.32031 39.0995 8.5169 39.0995 10.5806C39.0995 11.8639 38.5279 12.8697 37.4542 13.4593C38.8743 13.9449 39.6537 15.0894 39.6537 16.5808C39.6537 18.8353 37.8352 20.3613 35.1854 20.3613H29.834ZM31.3927 12.7483H34.6486C36.4151 12.7483 37.5581 11.9506 37.5581 10.6673C37.5581 9.52272 36.6229 8.86373 35.0469 8.86373H31.3927V12.7483ZM31.3927 18.8006H35.0642C36.9346 18.8006 38.0603 17.9682 38.043 16.5808C38.0603 15.1415 36.848 14.257 34.891 14.257H31.3927V18.8006Z\", \"M107.608 20.6788C104.835 20.6788 103.115 19.3074 102.697 16.7653L104.2 16.4643C104.501 18.2538 105.637 19.1736 107.524 19.1736C109.345 19.1736 110.614 18.3039 110.614 17.0663C110.614 15.9793 109.629 15.2267 107.224 14.5242C104.301 13.688 103.048 12.4504 103.048 10.7111C103.048 8.72086 104.685 7.48326 107.307 7.48326C109.862 7.48326 111.399 8.65396 111.917 10.895L110.364 11.2295C110.03 9.72433 109.027 8.97173 107.274 8.97173C105.637 8.97173 104.618 9.60726 104.618 10.6943C104.618 11.6978 105.47 12.3835 107.858 13.1194C110.998 14.0727 112.167 15.3103 112.167 17.0663C112.167 19.2572 110.38 20.6788 107.608 20.6788Z\", \"M89.8249 20.3612V7.78442H91.7289L95.871 18.2204L99.9463 7.78442H101.85V20.3612H100.347V10.6945L96.5725 20.3612H95.1695L91.328 10.6945V20.3612H89.8249Z\", \"M83.2802 20.6788C79.6558 20.6788 77.0837 18.0364 77.0837 14.24C77.0837 10.3766 79.8061 7.4833 83.4639 7.4833C85.9692 7.4833 87.9902 8.82125 88.9756 11.079L87.3889 11.4303C86.6206 9.90833 85.2009 9.02194 83.4305 9.02194C80.6579 9.02194 78.7038 11.1961 78.7038 14.1731C78.7038 17.0998 80.5911 19.1569 83.2635 19.1569C85.2343 19.1569 86.8043 18.0364 87.5392 16.1967L89.0424 16.5312C88.0737 19.1569 86.036 20.6788 83.2802 20.6788Z\"];\n/** boxicons:sparkle-circle-filled — path from public/brand/ai-sparkle-glyph.svg (viewBox 2 2 16 16). */\nexport const SPARKLE_PATH = \"M9.4668 2.37243C9.64848 1.87586 10.351 1.87586 10.5326 2.37243L11.0754 3.85459C11.501 5.01732 12.1751 6.07325 13.0506 6.94879C13.9262 7.82432 14.9821 8.4984 16.1448 8.92405L17.627 9.4668C18.1243 9.64848 18.1243 10.351 17.627 10.5326L16.1448 11.0754C14.9821 11.501 13.9262 12.1751 13.0506 13.0506C12.1751 13.9262 11.501 14.9821 11.0754 16.1448L10.5326 17.627C10.351 18.1243 9.64848 18.1243 9.4668 17.627L8.92405 16.1448C8.4984 14.9821 7.82432 13.9262 6.94879 13.0506C6.07325 12.1751 5.01732 11.501 3.85459 11.0754L2.37243 10.5326C1.87586 10.351 1.87586 9.64848 2.37243 9.4668L3.85459 8.92405C5.01732 8.4984 6.07325 7.82432 6.94879 6.94879C7.82432 6.07325 8.4984 5.01732 8.92405 3.85459L9.4668 2.37243Z\";\nexport const BRAND_STOPS = [\n  { offset: 0.0817, color: \"#A878D2\" },\n  { offset: 0.4808, color: \"#ED6262\" },\n  { offset: 0.9231, color: \"#D13A3A\" },\n];\n\nfunction MarkGradient({ id }: { id: string }) {\n  return (\n    <linearGradient id={id} x1=\"8.81595\" y1=\"-2.84571\" x2=\"18.8801\" y2=\"29.1204\" gradientUnits=\"userSpaceOnUse\">\n      {BRAND_STOPS.map((s) => <stop key={s.offset} offset={s.offset} stopColor={s.color} />)}\n    </linearGradient>\n  );\n}\n\n/** The mark alone (square). */\nexport function LogoMark({ size = 24, className }: { size?: number; className?: string }) {\n  const id = React.useId().replace(/:/g, \"\");\n  return (\n    <svg width={size} height={size} viewBox=\"-1 0 26 28\" className={cn(\"shrink-0\", className)} aria-hidden>\n      <defs><MarkGradient id={`bm${id}`} /></defs>\n      {ICON.map((d) => <path key={d.slice(0, 12)} d={d} fill={`url(#bm${id})`} />)}\n    </svg>\n  );\n}\n\n/** Full lockup: mark + \"BetterCMS\" wordmark. Height-driven (default 24px → 106px wide). */\nexport function Logo({ className, compact, height = 24 }: { className?: string; compact?: boolean; height?: number }) {\n  const id = React.useId().replace(/:/g, \"\");\n  if (compact) return <LogoMark size={height} className={className} />;\n  return (\n    <svg height={height} width={(height * 113) / 28} viewBox=\"0 0 113 28\" className={cn(\"shrink-0 text-[var(--kit-wordmark,#291018)] [.dark_&]:text-[var(--kit-fg,#e1e1e4)]\", className)} role=\"img\" aria-label=\"BetterCMS\">\n      <defs><MarkGradient id={`bl${id}`} /></defs>\n      {ICON.map((d) => <path key={d.slice(0, 12)} d={d} fill={`url(#bl${id})`} />)}\n      {WORD.map((d) => <path key={d.slice(0, 12)} d={d} fill=\"currentColor\" />)}\n    </svg>\n  );\n}\n"],"mappings":";;;;AAUA,IAAa,eAAe"}

package/context.d.ts

@@ -0,0 +1,269 @@
+/**
+ * Kit runtime contexts (V2 HEAD 9829bf1 kit/context.tsx).
+ *
+ *  - KitServices  — pluggable app services (media library picker, upload sink, toast, AI rewrite, comment threads).
+ *                   Hosts register theirs once (`registerKitServices`) or provide them (`KitServicesProvider`); the kit
+ *                   never imports a feature. A service that is absent hides the surface that needs it.
+ *  - KitEnv       — the editing environment a control renders in: variant (panel | document), doc identity, site
+ *                   palette, permissions, presence, comments. Has safe defaults so a control can render alone.
+ *  - FormApi      — present only inside <SchemaForm>: value, writes, navigation, issues, baselines, history.
+ */
+import * as React from "react";
+import type { Cap } from "./schema/sources";
+import type { FieldAccess, FieldPath, FieldSchema, TypeSchema } from "./schema/types";
+import type { KitIssue } from "./lib/validate";
+import type { ControlProps } from "./types";
+import type { LinkTarget } from "./controls/link";
+/** The media asset a picker hands back (the host's media library row, narrowed to what the kit reads). */
+export interface KitMediaAsset {
+    id: string;
+    url: string;
+    name?: string;
+    alt?: string;
+    kind?: "image" | "video" | "file" | "svg";
+    width?: number;
+    height?: number;
+    size?: number;
+}
+export interface KitMediaPickerProps {
+    open: boolean;
+    onOpenChange: (v: boolean) => void;
+    onPick: (assets: KitMediaAsset[]) => void;
+    multiple?: boolean;
+    accept?: ("image" | "video" | "file" | "svg")[];
+}
+export interface KitToastOptions {
+    /** the second line under the message (V2 sonner `description`) */
+    description?: string;
+    action?: {
+        label: string;
+        onClick: () => void;
+    };
+    duration?: number;
+    icon?: React.ReactNode;
+}
+/** The host's toaster. The kit has no toast dependency (V2 re-exported sonner's). */
+export interface KitToast {
+    (message: string, opts?: KitToastOptions): void;
+    success: (message: string, opts?: KitToastOptions) => void;
+}
+/** Rewrite with AI presets (V2 lib/ai.ts). The host's `aiRewrite` service produces the text. */
+export type AiPreset = "improve" | "shorter" | "longer" | "simplify" | "grammar" | "translate";
+export declare const AI_PRESETS: {
+    id: AiPreset;
+    label: string;
+}[];
+/** The in-place field comments popover (V2 FieldThreads over the comments store), drawn by the host. */
+export interface KitFieldCommentsProps {
+    docId: string;
+    /** pathKey of the field ("items.1.answer") */
+    fieldKey: string;
+    label: string;
+    /** the field's text, first 80 characters */
+    quote?: string;
+    onClose: () => void;
+    /** "Open in panel": set when the host has a comments panel (`env.onComment`) */
+    onOpenPanel?: () => void;
+}
+export interface KitServices {
+    /** The media library picker. */
+    MediaPicker?: React.ComponentType<KitMediaPickerProps>;
+    /** Called after an upload so the host can file the assets into its media library. */
+    onUploaded?: (assets: KitMediaAsset[]) => void;
+    /**
+     * Image placements keep their edits BESIDE the url (`${name}Alt` · `${name}Focal` · `${name}Crop` ·
+     * `${name}Decorative`) instead of turning the value into an object — the Visuals block model.
+     */
+    imageSiblings?: boolean;
+    /** Real metadata for an image url (the host's media library), so captions never show placeholders. */
+    resolveImage?: (url: string) => {
+        name?: string;
+        width?: number;
+        height?: number;
+        size?: number;
+    } | undefined;
+    /** The host's full image editor (crop, rotate, focal, alt…), opened in place. */
+    editImage?: (req: {
+        docId: string;
+        path: FieldPath;
+        title: string;
+    }) => void;
+    /** The project's forms for `reference: { to: ["form"] }` (the host's Forms store). */
+    forms?: () => {
+        id: string;
+        title: string;
+        subtitle: string;
+    }[];
+    /** Toasts for Copy / Paste / Reset / AI (each with Undo). Absent → the action still runs, silently. */
+    toast?: KitToast;
+    /** Rewrite with AI. Absent → the ⋯ menu offers no rewrite. `attempt` counts "Try again" presses. */
+    aiRewrite?: (text: string, preset: AiPreset, attempt: number) => string | Promise<string>;
+    /** In-place field comments. Absent and no `env.onComment` → the field shows no add-comment control. */
+    FieldComments?: React.ComponentType<KitFieldCommentsProps>;
+    /**
+     * A React hook: open (unresolved) threads on one field, read from the same store FieldComments draws (V2 counted
+     * `useBlockThreads(docId, key)`). Used while the host has no `env.onComment`; absent → SchemaForm `comments` counts.
+     */
+    useFieldCommentCount?: (docId: string, fieldKey: string) => number;
+    /**
+     * The host's own control for a type (a FieldRenderer arm in the dashboard), drawn for a stored value a kit control
+     * hands off because it cannot carry it unchanged (rich text, LegacyFallback). Bare inside the kit FieldShell, which
+     * owns the label row and the help; the box is tagged `data-kit-legacy`. Absent → the field says why in words.
+     */
+    LegacyControl?: React.ComponentType<ControlProps>;
+    /**
+     * A React HOOK: the project's pages and CMS items a link can point at (controls/link.tsx). The host passes the same
+     * function for the life of the form (it is called on every render of a link control). Absent → the link picker says
+     * page search isn't available and takes a typed path. `error` is a whole sentence naming what failed ("Pages couldn't
+     * be loaded: …", "Items from Blog couldn't be loaded: …"); the picker shows it under whatever did load.
+     */
+    useLinkTargets?: () => {
+        targets: LinkTarget[];
+        loading?: boolean;
+        error?: string;
+    };
+}
+/** Register app services once at module load (e.g. the Content feature registers its media library). */
+export declare function registerKitServices(s: KitServices): void;
+export declare function KitServicesProvider({ value, children }: {
+    value: KitServices;
+    children: React.ReactNode;
+}): import("react/jsx-runtime").JSX.Element;
+export declare function useKitServices(): KitServices;
+/** A host header element a top-level field (by path key) renders its actions into, instead of a label row. */
+export declare const FieldHeaderSlot: React.Context<{
+    key: string;
+    el: HTMLElement;
+} | null>;
+export type KitVariant = "panel" | "document";
+export interface KitPeer {
+    id?: string;
+    name: string;
+    avatar?: string;
+    /** presence colour (avatar ring, field border, caret flag) */
+    color?: string;
+    /** "editing" (soft lock + border) or "viewing" */
+    status?: "editing" | "viewing";
+}
+export interface Swatch {
+    name: string;
+    value: string;
+    token?: string;
+}
+/** V2's demo site palette (Caldera). Hosts pass the project's brand palette through `env.palette`. */
+export declare const SITE_PALETTE: Swatch[];
+export interface KitEnv {
+    variant: KitVariant;
+    /** Identity of the document/block being edited (rich-text sync, comments, history). */
+    docId: string;
+    /** The document's title — slug generation. */
+    docTitle?: string;
+    /** Public URL prefix for slug previews, e.g. "caldera.bettercms.site/journal/". */
+    urlPrefix?: string;
+    /** The document has been published (slug changes warn about the old address). */
+    isPublished?: boolean;
+    palette: Swatch[];
+    /** The whole form is read-only for the lens (the host's content.edit rule, a generated twin…). */
+    readOnly: boolean;
+    /**
+     * D58: the host's access check for the lens (`useCan` at the host). The kit never imports the store; it asks this for
+     * field-level `access` and for developer surfaces (field keys, IDs, API names: `schema.view` or `api.view`).
+     * Hosts that omit it (staff tools, demos) get allow-all.
+     */
+    can: (cap: Cap) => boolean;
+    /** pathKey → teammates in that field */
+    presence: Record<string, KitPeer[]>;
+    /** pathKey → open comment threads */
+    comments: Record<string, number>;
+    /** Host comment panel. When absent, field comments live in the in-place popover only. */
+    onComment?: (path: FieldPath, field: FieldSchema) => void;
+    /** The whole form is a global block ("Navigation") — every field is synced. */
+    syncedFrom?: string;
+    /** "Open {title}" on a reference card: the host edits the referenced entry in place (stacked panel). */
+    onOpenReference?: (ref: {
+        collectionId: string;
+        entryId: string;
+        title: string;
+    }) => void;
+    /** CPO D39: "inline" (default) shows help under the label; "tooltip" moves it behind the ⓘ — for dense hosts (grid cells, popovers). */
+    helpDisplay?: "inline" | "tooltip";
+}
+export declare const DEFAULT_ENV: KitEnv;
+/** D58 field access: fields in the `seo` group default to `{ edit: "seo.edit" }`. */
+export declare const fieldAccessOf: (field: FieldSchema) => FieldAccess | undefined;
+/**
+ * One field for the lens: hidden (no `view`), read-only (plain text: no `edit`, the field is `readOnly`, or the whole form
+ * is read-only and the field has no edit cap of its own), or editable. An explicit `edit` cap wins over the form's
+ * read-only rule, so an SEO specialist edits SEO fields inside a form they can't otherwise change.
+ */
+export declare function resolveFieldAccess(field: FieldSchema, env: Pick<KitEnv, "can" | "readOnly">): {
+    hidden: boolean;
+    readOnly: boolean;
+};
+/** Drop the fields the lens can't `view` (recursively), so they are neither rendered nor validated. Same object back when
+ *  nothing is hidden. Values of dropped fields stay in the document untouched. */
+export declare function visibleFields(fields: FieldSchema[], can: KitEnv["can"]): FieldSchema[];
+export declare function visibleSchema(schema: TypeSchema, can: KitEnv["can"]): TypeSchema;
+/** Developer surfaces (field keys, API names, IDs): `schema.view` or `api.view`. */
+export declare const seesDevSurfaces: (env: Pick<KitEnv, "can">) => boolean;
+export declare const KitEnvProvider: React.Provider<KitEnv>;
+export declare const useKitEnv: () => KitEnv;
+export interface HistoryEntry {
+    value: unknown;
+    at: number;
+    by: string;
+    label?: string;
+}
+export interface FormApi {
+    schema: TypeSchema;
+    value: Record<string, unknown>;
+    /** write a value; `record: false` skips the field undo/history stack (e.g. programmatic sync) */
+    setAt: (path: FieldPath, v: unknown, opts?: {
+        record?: boolean;
+        label?: string;
+    }) => void;
+    getAt: (path: FieldPath) => unknown;
+    /** value when the form mounted (field undo baseline) */
+    baselineAt: (path: FieldPath) => unknown;
+    /** published value (changed dot, Reset to published); undefined when never published */
+    publishedAt: (path: FieldPath) => unknown;
+    hasPublished: boolean;
+    /** component instances (CPO D28): top-level fields inherit from a component unless overridden */
+    inherited?: {
+        from: string;
+        isOverridden: (key: string) => boolean;
+        reset: (key: string) => void;
+    };
+    /** the current navigation path (drill-in stack) */
+    path: FieldPath;
+    navigate: (path: FieldPath) => void;
+    /** the form draws frames for a non-root path. False while SchemaForm renders only the root frame: History and
+     *  drill-in rows hide or go inert instead of navigating to a path nothing shows (no silent no-op). */
+    canNavigate: boolean;
+    resolveSchema?: (blockType: string) => TypeSchema | undefined;
+    /** blocks offered by "+ Add block" in slots (filtered by each slot's allow list) */
+    blockLibrary?: TypeSchema[];
+    /** all issues by pathKey */
+    issues: Map<string, KitIssue>;
+    /** the issue shown for a key (rules on blur, required after blur or a publish attempt) */
+    visibleIssue: (key: string) => KitIssue | undefined;
+    /** visible issues under a path prefix (rollup dots on rows, crumbs and tabs) */
+    rollup: (prefix: FieldPath) => {
+        errors: number;
+        warnings: number;
+    };
+    touch: (key: string) => void;
+    showAllErrors: boolean;
+    /** per-field undo (Undo last change to {label}) */
+    canUndo: (key: string) => boolean;
+    undo: (key: string) => void;
+    /** versions of a field this session (newest first) */
+    history: (key: string) => HistoryEntry[];
+    /** the last change to this field came from AI (⋯ shows "Undo AI change") */
+    aiKeys: Set<string>;
+    markAi: (key: string, on: boolean) => void;
+    /** remembered UI state per frame (selected group tab, open fieldsets) */
+    memory: Map<string, unknown>;
+}
+export declare const FormProvider: React.Provider<FormApi | null>;
+export declare const useForm: () => FormApi | null;

package/context.js

@@ -0,0 +1,214 @@
+import * as React from "react";
+import { jsx } from "react/jsx-runtime";
+//#region src/kit/context.tsx
+/**
+* Kit runtime contexts (V2 HEAD 9829bf1 kit/context.tsx).
+*
+*  - KitServices  — pluggable app services (media library picker, upload sink, toast, AI rewrite, comment threads).
+*                   Hosts register theirs once (`registerKitServices`) or provide them (`KitServicesProvider`); the kit
+*                   never imports a feature. A service that is absent hides the surface that needs it.
+*  - KitEnv       — the editing environment a control renders in: variant (panel | document), doc identity, site
+*                   palette, permissions, presence, comments. Has safe defaults so a control can render alone.
+*  - FormApi      — present only inside <SchemaForm>: value, writes, navigation, issues, baselines, history.
+*/
+var AI_PRESETS = [
+	{
+		id: "improve",
+		label: "Improve"
+	},
+	{
+		id: "shorter",
+		label: "Shorter"
+	},
+	{
+		id: "longer",
+		label: "Longer"
+	},
+	{
+		id: "simplify",
+		label: "Simplify"
+	},
+	{
+		id: "grammar",
+		label: "Fix spelling & grammar"
+	},
+	{
+		id: "translate",
+		label: "Translate to Spanish"
+	}
+];
+var registry = {};
+var listeners = /* @__PURE__ */ new Set();
+/** Register app services once at module load (e.g. the Content feature registers its media library). */
+function registerKitServices(s) {
+	registry = {
+		...registry,
+		...s
+	};
+	listeners.forEach((l) => l());
+}
+var ServicesCtx = React.createContext(null);
+function KitServicesProvider({ value, children }) {
+	return /* @__PURE__ */ jsx(ServicesCtx.Provider, {
+		value,
+		children
+	});
+}
+function useKitServices() {
+	const local = React.useContext(ServicesCtx);
+	const global = React.useSyncExternalStore((cb) => {
+		listeners.add(cb);
+		return () => listeners.delete(cb);
+	}, () => registry, () => registry);
+	return local ? {
+		...global,
+		...local
+	} : global;
+}
+/** A host header element a top-level field (by path key) renders its actions into, instead of a label row. */
+var FieldHeaderSlot = React.createContext(null);
+/** V2's demo site palette (Caldera). Hosts pass the project's brand palette through `env.palette`. */
+var SITE_PALETTE = [
+	{
+		name: "Ember",
+		value: "#E0663B",
+		token: "brand.ember"
+	},
+	{
+		name: "Ochre",
+		value: "#D97706",
+		token: "brand.ochre"
+	},
+	{
+		name: "Moss",
+		value: "#4F6B4A",
+		token: "brand.moss"
+	},
+	{
+		name: "Lake",
+		value: "#2563EB",
+		token: "accent.lake"
+	},
+	{
+		name: "Dusk",
+		value: "#7C3AED",
+		token: "accent.dusk"
+	},
+	{
+		name: "Berry",
+		value: "#DB2777",
+		token: "accent.berry"
+	},
+	{
+		name: "Char",
+		value: "#1E1B18",
+		token: "neutral.900"
+	},
+	{
+		name: "Slate",
+		value: "#4B5563",
+		token: "neutral.600"
+	},
+	{
+		name: "Bone",
+		value: "#E7E0D6",
+		token: "neutral.200"
+	},
+	{
+		name: "Paper",
+		value: "#F6F1EA",
+		token: "neutral.50"
+	}
+];
+var DEFAULT_ENV = {
+	variant: "panel",
+	docId: "kit",
+	palette: [],
+	readOnly: false,
+	can: () => true,
+	presence: {},
+	comments: {}
+};
+var EnvCtx = React.createContext(DEFAULT_ENV);
+/** D58 field access: fields in the `seo` group default to `{ edit: "seo.edit" }`. */
+var fieldAccessOf = (field) => field.access ?? (field.group === "seo" ? { edit: "seo.edit" } : void 0);
+/**
+* One field for the lens: hidden (no `view`), read-only (plain text: no `edit`, the field is `readOnly`, or the whole form
+* is read-only and the field has no edit cap of its own), or editable. An explicit `edit` cap wins over the form's
+* read-only rule, so an SEO specialist edits SEO fields inside a form they can't otherwise change.
+*/
+function resolveFieldAccess(field, env) {
+	const a = fieldAccessOf(field);
+	if (a?.view && !env.can(a.view)) return {
+		hidden: true,
+		readOnly: true
+	};
+	if (field.readOnly === true) return {
+		hidden: false,
+		readOnly: true
+	};
+	if (a?.edit) return {
+		hidden: false,
+		readOnly: !env.can(a.edit)
+	};
+	return {
+		hidden: false,
+		readOnly: env.readOnly
+	};
+}
+/** Drop the fields the lens can't `view` (recursively), so they are neither rendered nor validated. Same object back when
+*  nothing is hidden. Values of dropped fields stay in the document untouched. */
+function visibleFields(fields, can) {
+	let changed = false;
+	const out = [];
+	for (const f of fields) {
+		const a = fieldAccessOf(f);
+		if (a?.view && !can(a.view)) {
+			changed = true;
+			continue;
+		}
+		let g = f;
+		if (f.fields) {
+			const n = visibleFields(f.fields, can);
+			if (n !== f.fields) g = {
+				...g,
+				fields: n
+			};
+		}
+		if (Array.isArray(f.of)) {
+			const n = visibleFields(f.of, can);
+			if (n !== f.of) g = {
+				...g,
+				of: n
+			};
+		}
+		if (f.slotSettings) {
+			const n = visibleFields(f.slotSettings, can);
+			if (n !== f.slotSettings) g = {
+				...g,
+				slotSettings: n
+			};
+		}
+		if (g !== f) changed = true;
+		out.push(g);
+	}
+	return changed ? out : fields;
+}
+function visibleSchema(schema, can) {
+	const fields = visibleFields(schema.fields, can);
+	return fields === schema.fields ? schema : {
+		...schema,
+		fields
+	};
+}
+/** Developer surfaces (field keys, API names, IDs): `schema.view` or `api.view`. */
+var seesDevSurfaces = (env) => env.can("schema.view") || env.can("api.view");
+var KitEnvProvider = EnvCtx.Provider;
+var useKitEnv = () => React.useContext(EnvCtx);
+var FormCtx = React.createContext(null);
+var FormProvider = FormCtx.Provider;
+var useForm = () => React.useContext(FormCtx);
+//#endregion
+export { AI_PRESETS, DEFAULT_ENV, FieldHeaderSlot, FormProvider, KitEnvProvider, KitServicesProvider, SITE_PALETTE, fieldAccessOf, registerKitServices, resolveFieldAccess, seesDevSurfaces, useForm, useKitEnv, useKitServices, visibleFields, visibleSchema };
+
+//# sourceMappingURL=context.js.map

package/context.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"context.js","names":[],"sources":["../src/kit/context.tsx"],"sourcesContent":["/**\n * Kit runtime contexts (V2 HEAD 9829bf1 kit/context.tsx).\n *\n *  - KitServices  — pluggable app services (media library picker, upload sink, toast, AI rewrite, comment threads).\n *                   Hosts register theirs once (`registerKitServices`) or provide them (`KitServicesProvider`); the kit\n *                   never imports a feature. A service that is absent hides the surface that needs it.\n *  - KitEnv       — the editing environment a control renders in: variant (panel | document), doc identity, site\n *                   palette, permissions, presence, comments. Has safe defaults so a control can render alone.\n *  - FormApi      — present only inside <SchemaForm>: value, writes, navigation, issues, baselines, history.\n */\nimport * as React from \"react\";\nimport type { Cap } from \"./schema/sources\";\nimport type { FieldAccess, FieldPath, FieldSchema, TypeSchema } from \"./schema/types\";\nimport type { KitIssue } from \"./lib/validate\";\nimport type { ControlProps } from \"./types\";\nimport type { LinkTarget } from \"./controls/link\";\n\n/* ── Services ─────────────────────────────────────────────────────────── */\n/** The media asset a picker hands back (the host's media library row, narrowed to what the kit reads). */\nexport interface KitMediaAsset {\n  id: string;\n  url: string;\n  name?: string;\n  alt?: string;\n  kind?: \"image\" | \"video\" | \"file\" | \"svg\";\n  width?: number;\n  height?: number;\n  size?: number;\n}\nexport interface KitMediaPickerProps {\n  open: boolean;\n  onOpenChange: (v: boolean) => void;\n  onPick: (assets: KitMediaAsset[]) => void;\n  multiple?: boolean;\n  accept?: (\"image\" | \"video\" | \"file\" | \"svg\")[];\n}\nexport interface KitToastOptions {\n  /** the second line under the message (V2 sonner `description`) */\n  description?: string;\n  action?: { label: string; onClick: () => void };\n  duration?: number;\n  icon?: React.ReactNode;\n}\n/** The host's toaster. The kit has no toast dependency (V2 re-exported sonner's). */\nexport interface KitToast {\n  (message: string, opts?: KitToastOptions): void;\n  success: (message: string, opts?: KitToastOptions) => void;\n}\n/** Rewrite with AI presets (V2 lib/ai.ts). The host's `aiRewrite` service produces the text. */\nexport type AiPreset = \"improve\" | \"shorter\" | \"longer\" | \"simplify\" | \"grammar\" | \"translate\";\nexport const AI_PRESETS: { id: AiPreset; label: string }[] = [\n  { id: \"improve\", label: \"Improve\" },\n  { id: \"shorter\", label: \"Shorter\" },\n  { id: \"longer\", label: \"Longer\" },\n  { id: \"simplify\", label: \"Simplify\" },\n  { id: \"grammar\", label: \"Fix spelling & grammar\" },\n  { id: \"translate\", label: \"Translate to Spanish\" },\n];\n/** The in-place field comments popover (V2 FieldThreads over the comments store), drawn by the host. */\nexport interface KitFieldCommentsProps {\n  docId: string;\n  /** pathKey of the field (\"items.1.answer\") */\n  fieldKey: string;\n  label: string;\n  /** the field's text, first 80 characters */\n  quote?: string;\n  onClose: () => void;\n  /** \"Open in panel\": set when the host has a comments panel (`env.onComment`) */\n  onOpenPanel?: () => void;\n}\n/* The popover around FieldComments keeps itself open on Escape while focus is on an element marked `data-esc-owner`\n   (V2 guardEscape): the composer marks its input so Escape clears or blurs the draft instead of losing it. */\nexport interface KitServices {\n  /** The media library picker. */\n  MediaPicker?: React.ComponentType<KitMediaPickerProps>;\n  /** Called after an upload so the host can file the assets into its media library. */\n  onUploaded?: (assets: KitMediaAsset[]) => void;\n  /**\n   * Image placements keep their edits BESIDE the url (`${name}Alt` · `${name}Focal` · `${name}Crop` ·\n   * `${name}Decorative`) instead of turning the value into an object — the Visuals block model.\n   */\n  imageSiblings?: boolean;\n  /** Real metadata for an image url (the host's media library), so captions never show placeholders. */\n  resolveImage?: (url: string) => { name?: string; width?: number; height?: number; size?: number } | undefined;\n  /** The host's full image editor (crop, rotate, focal, alt…), opened in place. */\n  editImage?: (req: { docId: string; path: FieldPath; title: string }) => void;\n  /** The project's forms for `reference: { to: [\"form\"] }` (the host's Forms store). */\n  forms?: () => { id: string; title: string; subtitle: string }[];\n  /** Toasts for Copy / Paste / Reset / AI (each with Undo). Absent → the action still runs, silently. */\n  toast?: KitToast;\n  /** Rewrite with AI. Absent → the ⋯ menu offers no rewrite. `attempt` counts \"Try again\" presses. */\n  aiRewrite?: (text: string, preset: AiPreset, attempt: number) => string | Promise<string>;\n  /** In-place field comments. Absent and no `env.onComment` → the field shows no add-comment control. */\n  FieldComments?: React.ComponentType<KitFieldCommentsProps>;\n  /**\n   * A React hook: open (unresolved) threads on one field, read from the same store FieldComments draws (V2 counted\n   * `useBlockThreads(docId, key)`). Used while the host has no `env.onComment`; absent → SchemaForm `comments` counts.\n   */\n  useFieldCommentCount?: (docId: string, fieldKey: string) => number;\n  /**\n   * The host's own control for a type (a FieldRenderer arm in the dashboard), drawn for a stored value a kit control\n   * hands off because it cannot carry it unchanged (rich text, LegacyFallback). Bare inside the kit FieldShell, which\n   * owns the label row and the help; the box is tagged `data-kit-legacy`. Absent → the field says why in words.\n   */\n  LegacyControl?: React.ComponentType<ControlProps>;\n  /**\n   * A React HOOK: the project's pages and CMS items a link can point at (controls/link.tsx). The host passes the same\n   * function for the life of the form (it is called on every render of a link control). Absent → the link picker says\n   * page search isn't available and takes a typed path. `error` is a whole sentence naming what failed (\"Pages couldn't\n   * be loaded: …\", \"Items from Blog couldn't be loaded: …\"); the picker shows it under whatever did load.\n   */\n  useLinkTargets?: () => { targets: LinkTarget[]; loading?: boolean; error?: string };\n}\nlet registry: KitServices = {};\nconst listeners = new Set<() => void>();\n/** Register app services once at module load (e.g. the Content feature registers its media library). */\nexport function registerKitServices(s: KitServices) {\n  registry = { ...registry, ...s };\n  listeners.forEach((l) => l());\n}\nconst ServicesCtx = React.createContext<KitServices | null>(null);\nexport function KitServicesProvider({ value, children }: { value: KitServices; children: React.ReactNode }) {\n  return <ServicesCtx.Provider value={value}>{children}</ServicesCtx.Provider>;\n}\nexport function useKitServices(): KitServices {\n  const local = React.useContext(ServicesCtx);\n  const global = React.useSyncExternalStore(\n    (cb) => {\n      listeners.add(cb);\n      return () => listeners.delete(cb);\n    },\n    () => registry,\n    () => registry,\n  );\n  return local ? { ...global, ...local } : global;\n}\n\n/** A host header element a top-level field (by path key) renders its actions into, instead of a label row. */\nexport const FieldHeaderSlot = React.createContext<{ key: string; el: HTMLElement } | null>(null);\n\n/* ── Environment ──────────────────────────────────────────────────────── */\nexport type KitVariant = \"panel\" | \"document\";\nexport interface KitPeer {\n  id?: string;\n  name: string;\n  avatar?: string;\n  /** presence colour (avatar ring, field border, caret flag) */\n  color?: string;\n  /** \"editing\" (soft lock + border) or \"viewing\" */\n  status?: \"editing\" | \"viewing\";\n}\nexport interface Swatch {\n  name: string;\n  value: string;\n  token?: string;\n}\n\n/** V2's demo site palette (Caldera). Hosts pass the project's brand palette through `env.palette`. */\nexport const SITE_PALETTE: Swatch[] = [\n  { name: \"Ember\", value: \"#E0663B\", token: \"brand.ember\" },\n  { name: \"Ochre\", value: \"#D97706\", token: \"brand.ochre\" },\n  { name: \"Moss\", value: \"#4F6B4A\", token: \"brand.moss\" },\n  { name: \"Lake\", value: \"#2563EB\", token: \"accent.lake\" },\n  { name: \"Dusk\", value: \"#7C3AED\", token: \"accent.dusk\" },\n  { name: \"Berry\", value: \"#DB2777\", token: \"accent.berry\" },\n  { name: \"Char\", value: \"#1E1B18\", token: \"neutral.900\" },\n  { name: \"Slate\", value: \"#4B5563\", token: \"neutral.600\" },\n  { name: \"Bone\", value: \"#E7E0D6\", token: \"neutral.200\" },\n  { name: \"Paper\", value: \"#F6F1EA\", token: \"neutral.50\" },\n];\n\nexport interface KitEnv {\n  variant: KitVariant;\n  /** Identity of the document/block being edited (rich-text sync, comments, history). */\n  docId: string;\n  /** The document's title — slug generation. */\n  docTitle?: string;\n  /** Public URL prefix for slug previews, e.g. \"caldera.bettercms.site/journal/\". */\n  urlPrefix?: string;\n  /** The document has been published (slug changes warn about the old address). */\n  isPublished?: boolean;\n  palette: Swatch[];\n  /** The whole form is read-only for the lens (the host's content.edit rule, a generated twin…). */\n  readOnly: boolean;\n  /**\n   * D58: the host's access check for the lens (`useCan` at the host). The kit never imports the store; it asks this for\n   * field-level `access` and for developer surfaces (field keys, IDs, API names: `schema.view` or `api.view`).\n   * Hosts that omit it (staff tools, demos) get allow-all.\n   */\n  can: (cap: Cap) => boolean;\n  /** pathKey → teammates in that field */\n  presence: Record<string, KitPeer[]>;\n  /** pathKey → open comment threads */\n  comments: Record<string, number>;\n  /** Host comment panel. When absent, field comments live in the in-place popover only. */\n  onComment?: (path: FieldPath, field: FieldSchema) => void;\n  /** The whole form is a global block (\"Navigation\") — every field is synced. */\n  syncedFrom?: string;\n  /** \"Open {title}\" on a reference card: the host edits the referenced entry in place (stacked panel). */\n  onOpenReference?: (ref: { collectionId: string; entryId: string; title: string }) => void;\n  /** CPO D39: \"inline\" (default) shows help under the label; \"tooltip\" moves it behind the ⓘ — for dense hosts (grid cells, popovers). */\n  helpDisplay?: \"inline\" | \"tooltip\";\n}\nexport const DEFAULT_ENV: KitEnv = {\n  variant: \"panel\",\n  docId: \"kit\",\n  palette: [],\n  readOnly: false,\n  can: () => true,\n  presence: {},\n  comments: {},\n};\nconst EnvCtx = React.createContext<KitEnv>(DEFAULT_ENV);\n\n/** D58 field access: fields in the `seo` group default to `{ edit: \"seo.edit\" }`. */\nexport const fieldAccessOf = (field: FieldSchema): FieldAccess | undefined => field.access ?? (field.group === \"seo\" ? { edit: \"seo.edit\" } : undefined);\n\n/**\n * One field for the lens: hidden (no `view`), read-only (plain text: no `edit`, the field is `readOnly`, or the whole form\n * is read-only and the field has no edit cap of its own), or editable. An explicit `edit` cap wins over the form's\n * read-only rule, so an SEO specialist edits SEO fields inside a form they can't otherwise change.\n */\nexport function resolveFieldAccess(field: FieldSchema, env: Pick<KitEnv, \"can\" | \"readOnly\">): { hidden: boolean; readOnly: boolean } {\n  const a = fieldAccessOf(field);\n  if (a?.view && !env.can(a.view)) return { hidden: true, readOnly: true };\n  if (field.readOnly === true) return { hidden: false, readOnly: true };\n  if (a?.edit) return { hidden: false, readOnly: !env.can(a.edit) };\n  return { hidden: false, readOnly: env.readOnly };\n}\n/** Drop the fields the lens can't `view` (recursively), so they are neither rendered nor validated. Same object back when\n *  nothing is hidden. Values of dropped fields stay in the document untouched. */\nexport function visibleFields(fields: FieldSchema[], can: KitEnv[\"can\"]): FieldSchema[] {\n  let changed = false;\n  const out: FieldSchema[] = [];\n  for (const f of fields) {\n    const a = fieldAccessOf(f);\n    if (a?.view && !can(a.view)) {\n      changed = true;\n      continue;\n    }\n    let g = f;\n    if (f.fields) {\n      const n = visibleFields(f.fields, can);\n      if (n !== f.fields) g = { ...g, fields: n };\n    }\n    if (Array.isArray(f.of)) {\n      const n = visibleFields(f.of, can);\n      if (n !== f.of) g = { ...g, of: n };\n    }\n    if (f.slotSettings) {\n      const n = visibleFields(f.slotSettings, can);\n      if (n !== f.slotSettings) g = { ...g, slotSettings: n };\n    }\n    if (g !== f) changed = true;\n    out.push(g);\n  }\n  return changed ? out : fields;\n}\nexport function visibleSchema(schema: TypeSchema, can: KitEnv[\"can\"]): TypeSchema {\n  const fields = visibleFields(schema.fields, can);\n  return fields === schema.fields ? schema : { ...schema, fields };\n}\n\n/** Developer surfaces (field keys, API names, IDs): `schema.view` or `api.view`. */\nexport const seesDevSurfaces = (env: Pick<KitEnv, \"can\">) => env.can(\"schema.view\") || env.can(\"api.view\");\nexport const KitEnvProvider = EnvCtx.Provider;\nexport const useKitEnv = () => React.useContext(EnvCtx);\n\n/* ── Form runtime (inside <SchemaForm>) ──────────────────────────────── */\nexport interface HistoryEntry {\n  value: unknown;\n  at: number;\n  by: string;\n  label?: string;\n}\nexport interface FormApi {\n  schema: TypeSchema;\n  value: Record<string, unknown>;\n  /** write a value; `record: false` skips the field undo/history stack (e.g. programmatic sync) */\n  setAt: (path: FieldPath, v: unknown, opts?: { record?: boolean; label?: string }) => void;\n  getAt: (path: FieldPath) => unknown;\n  /** value when the form mounted (field undo baseline) */\n  baselineAt: (path: FieldPath) => unknown;\n  /** published value (changed dot, Reset to published); undefined when never published */\n  publishedAt: (path: FieldPath) => unknown;\n  hasPublished: boolean;\n  /** component instances (CPO D28): top-level fields inherit from a component unless overridden */\n  inherited?: { from: string; isOverridden: (key: string) => boolean; reset: (key: string) => void };\n  /** the current navigation path (drill-in stack) */\n  path: FieldPath;\n  navigate: (path: FieldPath) => void;\n  /** the form draws frames for a non-root path. False while SchemaForm renders only the root frame: History and\n   *  drill-in rows hide or go inert instead of navigating to a path nothing shows (no silent no-op). */\n  canNavigate: boolean;\n  resolveSchema?: (blockType: string) => TypeSchema | undefined;\n  /** blocks offered by \"+ Add block\" in slots (filtered by each slot's allow list) */\n  blockLibrary?: TypeSchema[];\n  /** all issues by pathKey */\n  issues: Map<string, KitIssue>;\n  /** the issue shown for a key (rules on blur, required after blur or a publish attempt) */\n  visibleIssue: (key: string) => KitIssue | undefined;\n  /** visible issues under a path prefix (rollup dots on rows, crumbs and tabs) */\n  rollup: (prefix: FieldPath) => { errors: number; warnings: number };\n  touch: (key: string) => void;\n  showAllErrors: boolean;\n  /** per-field undo (Undo last change to {label}) */\n  canUndo: (key: string) => boolean;\n  undo: (key: string) => void;\n  /** versions of a field this session (newest first) */\n  history: (key: string) => HistoryEntry[];\n  /** the last change to this field came from AI (⋯ shows \"Undo AI change\") */\n  aiKeys: Set<string>;\n  markAi: (key: string, on: boolean) => void;\n  /** remembered UI state per frame (selected group tab, open fieldsets) */\n  memory: Map<string, unknown>;\n}\nconst FormCtx = React.createContext<FormApi | null>(null);\nexport const FormProvider = FormCtx.Provider;\nexport const useForm = () => React.useContext(FormCtx);\n"],"mappings":"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"}

package/controls/button.d.ts

@@ -0,0 +1,58 @@
+import type { ControlProps } from "../types";
+import { type ButtonStyle, type LinkValue } from "./link";
+export declare const STYLE_ITEMS: {
+    value: ButtonStyle;
+    label: string;
+}[];
+/** The look prod renders: the first valid of variant, style (buttonToProd's rule). */
+export declare function lookOf(v: Pick<LinkValue, "variant" | "style">): string | undefined;
+/** "Brand" for a stored look outside the four styles; undefined when unset. */
+export declare function lookLabel(look: string | undefined): string;
+/**
+ * The next stored button: `raw` (the value as the field holds it) with `patch` applied, keyed like `raw`. A look in the
+ * patch (`style`) lands in the key `raw` uses for it.
+ */
+export declare function nextButton(raw: unknown, patch: Partial<LinkValue>): LinkValue;
+/** The icons a button can carry: the kit's drawn icons that are also dock names (the backend checks the name). */
+export declare const BUTTON_ICONS: string[];
+/** D46: four styles never sit in a row of tabs. The option IS the visual, so it is a 2×2 grid of live previews (one
+ *  radiogroup: Tab enters on the checked style, arrows move and pick). A stored look outside the four is listed too. */
+export declare function ButtonStyleGrid({ v, onPick, "aria-label": ariaLabel, size, }: {
+    v: LinkValue;
+    onPick: (s: ButtonStyle) => void;
+    "aria-label": string;
+    size?: "sm" | "md";
+}): import("react/jsx-runtime").JSX.Element;
+/**
+ * The button as a shape: filled · soft · outlined · underlined. In kit ink by default; `site` draws it in the host's
+ * site palette (--kit-preview-*), falling back to kit ink for each token the host leaves unset.
+ */
+export declare function ButtonPreview({ v, className, small, site }: {
+    v: LinkValue;
+    className?: string;
+    small?: boolean;
+    site?: boolean;
+}): import("react/jsx-runtime").JSX.Element;
+/** A 16px neutral glyph of the style (filled · outlined · underlined) — brand-free, so the field stays calm. */
+export declare function StyleGlyph({ style, className }: {
+    style?: string;
+    className?: string;
+}): import("react/jsx-runtime").JSX.Element;
+/** The leading-icon picker: search + grid over BUTTON_ICONS, "No icon" first. */
+export declare function ButtonIconPicker({ value, onPick }: {
+    value?: string;
+    onPick: (icon: string | undefined) => void;
+}): import("react/jsx-runtime").JSX.Element;
+/** The ONE button screen: preview · label · link (+ new tab, rel) · appearance (style, size, icon, arrow). */
+export declare function ButtonScreen({ value, onChange, readOnly, title }: {
+    value: unknown;
+    onChange: (v: LinkValue) => void;
+    readOnly?: boolean;
+    title?: string;
+}): import("react/jsx-runtime").JSX.Element;
+/**
+ * Button field at rest: ONE unit between two hairlines (fieldset-like).
+ *   [style glyph] Label ……………… Primary · Medium  ›   → drills into the button screen ("… › Button")
+ *   [page icon]   Title  /path                         → edits the link in place
+ */
+export declare function ButtonControl({ value, onChange, readOnly, id, path, field }: ControlProps): import("react/jsx-runtime").JSX.Element;