@sevenfold/setto-client 0.32.0 → 0.33.1

package/dist/edit-mode/mount.d.ts

@@ -3,8 +3,13 @@ import type { ThemeStore } from '../lib/theme-store';
 interface EditModeShellProps {
     children: ReactNode;
     themeStore: ThemeStore | null;
-    /** When false, children render unchanged — no portals or document layout. */
+    /** Editing: the document layout, the section tools and the link hint. */
     active: boolean;
+    /**
+     * The Setto menu, which an owner has whether or not they are editing: out of
+     * edit mode it is only the pencil. Defaults to `active`.
+     */
+    menu?: boolean;
 }
 /**
  * Edit mode: full-width page with a floating Setto FAB anchored bottom-left.
@@ -13,7 +18,7 @@ interface EditModeShellProps {
  * Always mounted around the host app so toggling edit mode does not remount
  * page content (which would replay GSAP / scroll-driven animations).
  */
-export declare function EditModeShell({ children, themeStore, active }: EditModeShellProps): import("react/jsx-runtime").JSX.Element;
+export declare function EditModeShell({ children, themeStore, active, menu }: EditModeShellProps): import("react/jsx-runtime").JSX.Element;
 /** @deprecated Use EditModeShell */
 export declare const EditModeMount: typeof EditModeShell;
 export {};

package/dist/lib/page-store.d.ts

@@ -30,6 +30,8 @@ export declare class PageStore {
     constructor(initial: PagesManifest | null);
     snapshot(): PageStoreSnapshot;
     subscribe(listener: Listener): () => void;
+    /** The manifest as published, to tell which sections the owner changed. */
+    get baselineManifest(): PagesManifest | null;
     get manifest(): PagesManifest | null;
     /** True once the site has a manifest to edit. */
     has(): boolean;

package/dist/modules/chat/site-palette.d.ts

@@ -0,0 +1,71 @@
+import { type CSSProperties } from 'react';
+/**
+ * Barista in the site's own colours, light or dark as the page is now
+ * (Simon, 2026-09-25).
+ *
+ * It used to take the brand colours by position — the first was the soft
+ * surface, the fourth the text — which was setto.no's own order and nobody
+ * else's: one site got a purple canvas, and the many that write their brand
+ * colours as `hsl(var(--primary))` got setto.no's coffee instead. And it had
+ * no dark mode at all.
+ *
+ * So it reads the page, as the page is drawn right now:
+ *
+ * 1. A site with the shadcn tokens (every template since August) is read by
+ *    role — `--background`, `--card`, `--muted`, `--foreground`,
+ *    `--primary` and `--primary-foreground` — resolved on `<html>`,
+ *    so `.dark` is already applied.
+ * 2. Otherwise the page's own ground and text: the computed background and
+ *    colour of `<body>`, and the accent picked from the brand colours as the
+ *    most colourful one that stands out from that ground.
+ * 3. Otherwise Setto's crema and terracotta.
+ *
+ * Read again whenever `<html>` or `<body>` changes class, style or data (a
+ * theme toggle, `data-sky`) and when the
+ * system switches light and dark.
+ */
+export interface ChatPalette {
+    canvas: string;
+    raised: string;
+    crema: string;
+    ink: string;
+    accent: string;
+    onAccent: string;
+    dark: boolean;
+}
+type Rgba = [number, number, number, number];
+export declare const FALLBACK: ChatPalette;
+export declare function paletteStyle(p: ChatPalette): CSSProperties;
+export declare function rgbString([r, g, b, a]: Rgba): string;
+export declare function luminance([r, g, b]: Rgba): number;
+export declare function contrast(a: Rgba, b: Rgba): number;
+/** How colourful: the spread of the channels, 0 for a grey. */
+export declare function chroma([r, g, b]: Rgba): number;
+/** `a` over `b`, `amount` of the way. */
+export declare function mix(a: Rgba, b: Rgba, amount: number): Rgba;
+/** A shadcn token as a CSS colour: a bare `h s% l%` triplet (with or without `/ alpha`), or a colour already. */
+export declare function tokenColor(raw: string): string | null;
+/**
+ * The palette for a ground, a text colour, the site's tokens where it has
+ * them, and brand colours to take an accent from where it has not. Pure: the
+ * hook below does the reading.
+ */
+export declare function buildPalette(input: {
+    background: Rgba | null;
+    foreground: Rgba | null;
+    card?: Rgba | null;
+    muted?: Rgba | null;
+    primary?: Rgba | null;
+    primaryForeground?: Rgba | null;
+    brand?: Rgba[];
+}): ChatPalette;
+/** Any CSS colour the browser understands, as sRGB: drawn on one pixel and read back. */
+export declare function toRgba(color: string | null | undefined): Rgba | null;
+export declare function readPalette(brandColors: Array<{
+    value: string;
+}> | undefined): ChatPalette;
+/** The palette, kept in step with the page's light and dark. */
+export declare function useSitePalette(brandColors: Array<{
+    value: string;
+}> | undefined): CSSProperties;
+export {};

package/dist/provider.d.ts

@@ -13,8 +13,20 @@ export interface SettoContextValue {
     session: Session | null;
     /** True while the initial auth state is being read from local storage. */
     authLoading: boolean;
-    /** True when inline edit mode is active (session + site access). */
+    /**
+     * True while the owner is editing: `canEdit`, and they chose to edit. What
+     * makes text editable, shows hidden sections and draws the section tools.
+     */
     editMode: boolean;
+    /**
+     * True when this person may edit this site: signed in, a member, the site is
+     * paid for, and this is not `/setto`. The Setto menu is drawn whenever this
+     * is; outside `editMode` it shows the site as a visitor sees it.
+     * Absent on a client older than 0.33, where `editMode` meant this.
+     */
+    canEdit: boolean;
+    /** Switch editing on or off. Remembered for this site in this browser. */
+    setEditing: (on: boolean) => void;
     /** Site row matching `config.siteId`, or `null` if the user has no access. */
     currentSite: SiteRow | null;
     /** All sites the user can access (loaded after sign-in). */
@@ -65,13 +77,15 @@ export interface SettoProviderProps {
  * Wraps the host app. Initialises Supabase, the API client, and listens for
  * auth changes. Mounts the edit toolbar and enables inline editing when active.
  *
- * Edit mode is on when ALL of:
+ * The owner may edit (`canEdit`) when ALL of:
  *   1. There is an authenticated Supabase session.
  *   2. The user has access to `config.siteId` in the Setto sites table.
- *   3. The current path is not the `/setto` admin SPA.
+ *   3. The site is paid for (`live`).
+ *   4. The current path is not the `/setto` admin SPA.
  *
- * Once an editor signs in via `/setto`, returning visits auto-enter edit mode
- * for as long as the Supabase session persists.
+ * Once an editor signs in via `/setto` they stay signed in until they sign out
+ * there. Whether they are editing is their own switch (`setEditing`): the
+ * Setto menu's pencil turns it on, and publishing turns it off.
  */
 export declare function SettoProvider({ config, children }: SettoProviderProps): import("react/jsx-runtime").JSX.Element;
 export declare function useSetto(): SettoContextValue;