@eifi1/ui-kit 0.30.0 → 0.31.1

package/dist/demo/demo-ended.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/demo/demo-ended.tsx"],"sourcesContent":["import type { ComponentPropsWithoutRef, ReactNode } from \"react\";\nimport { Hourglass } from \"lucide-react\";\n\nimport { cn } from \"../lib/cn\";\nimport { Button } from \"../components/ui\";\nimport { useNoIndex } from \"../hooks/use-noindex\";\nimport type { AuthHeadingLevel } from \"../auth/status-parts\";\nimport { useAccessAction } from \"../landing/access\";\nimport type { AccessChoice } from \"../landing/access\";\nimport { useLandingLabels } from \"../landing/landing-labels\";\nimport type { LandingLabels } from \"../landing/landing-labels\";\nimport { useDemoLabels } from \"./demo-labels\";\nimport type { DemoLabels } from \"./demo-labels\";\nimport type { DemoModel } from \"./demo-session\";\n\nexport interface DemoEndedProps extends Omit<ComponentPropsWithoutRef<\"div\">, \"children\" | \"title\"> {\n  /** Which line the page says about the data (§2.3). */\n  model: DemoModel;\n  /** \"Request access\". */\n  access: AccessChoice;\n  /** \"Start a new demo\". Default `/demo` — a new demo may start after one ends, within\n   *  the per-IP window (§2.7). */\n  restartHref?: string;\n  /** \"Sign in\". Default `/login`. */\n  signInHref?: string;\n  /** App content under the line. */\n  children?: ReactNode;\n  /** `false` adds no `noindex` — for a preview. Default `true` (§4.3). */\n  noIndex?: boolean;\n  /** Default `h2`, under `AuthLayout`'s `h1`. */\n  headingAs?: AuthHeadingLevel;\n  labels?: Partial<DemoLabels>;\n  /** The access words (`landing` namespace) for this instance. */\n  landingLabels?: Partial<LandingLabels>;\n}\n\n/**\n * The `/demo/ended` page's content (docs/landing-demo-harmonization.md §5.5): \"The demo\n * has ended\", one line on what became of the data, and three ways on — \"Start a new\n * demo\", \"Request access\", \"Sign in\".\n *\n * Where a demo lands at `expires_at`, or on ANY 401 while the session is a demo: the\n * client clears the session and replaces to `/demo/ended`, never to `/login`. keksdose's\n * expired demo met an unexplained sign-in form. The server deletes the user at the next\n * reap; nothing is kept.\n *\n * Content, like `NotFoundPage`: put it in the app's `AuthLayout` (its logo, language\n * menu and legal footer). It marks the page `noindex`; robots.txt must NOT disallow it,\n * or a crawler could never read that (§10.8).\n */\nexport function DemoEnded({\n  model,\n  access,\n  restartHref = \"/demo\",\n  signInHref = \"/login\",\n  children,\n  noIndex = true,\n  headingAs: Heading = \"h2\",\n  labels: labelsProp,\n  landingLabels,\n  className,\n  ...rest\n}: DemoEndedProps) {\n  const labels = useDemoLabels(labelsProp);\n  const landing = useLandingLabels(landingLabels);\n  const accessLink = useAccessAction(access, landingLabels);\n  useNoIndex(noIndex);\n  return (\n    <div {...rest} className={cn(\"flex flex-col items-center gap-2 py-4 text-center\", className)}>\n      <Hourglass aria-hidden className=\"size-10 text-[var(--text-placeholder)]\" />\n      <Heading className=\"mt-2 text-xl font-semibold text-[var(--text-primary)]\">{labels.endedTitle}</Heading>\n      <p className=\"max-w-prose text-sm text-[var(--text-secondary)]\">\n        {model === \"sandbox\" ? labels.endedSandbox : labels.endedReadOnly}\n      </p>\n      {children}\n      <div className=\"mt-4 flex w-full flex-col gap-2 sm:w-auto sm:flex-row sm:flex-wrap sm:justify-center\">\n        <Button href={restartHref} variant=\"brand\">\n          {labels.restart}\n        </Button>\n        <Button href={accessLink.href} variant=\"secondary\">\n          {accessLink.label}\n        </Button>\n        <Button href={signInHref} variant=\"secondary\">\n          {landing.signIn}\n        </Button>\n      </div>\n    </div>\n  );\n}\n"],"mappings":";AAqEM,cAMA,YANA;AApEN,SAAS,iBAAiB;AAE1B,SAAS,UAAU;AACnB,SAAS,cAAc;AACvB,SAAS,kBAAkB;AAE3B,SAAS,uBAAuB;AAEhC,SAAS,wBAAwB;AAEjC,SAAS,qBAAqB;AAuCvB,SAAS,UAAU;AAAA,EACxB;AAAA,EACA;AAAA,EACA,cAAc;AAAA,EACd,aAAa;AAAA,EACb;AAAA,EACA,UAAU;AAAA,EACV,WAAW,UAAU;AAAA,EACrB,QAAQ;AAAA,EACR;AAAA,EACA;AAAA,EACA,GAAG;AACL,GAAmB;AACjB,QAAM,SAAS,cAAc,UAAU;AACvC,QAAM,UAAU,iBAAiB,aAAa;AAC9C,QAAM,aAAa,gBAAgB,QAAQ,aAAa;AACxD,aAAW,OAAO;AAClB,SACE,qBAAC,SAAK,GAAG,MAAM,WAAW,GAAG,qDAAqD,SAAS,GACzF;AAAA,wBAAC,aAAU,eAAW,MAAC,WAAU,0CAAyC;AAAA,IAC1E,oBAAC,WAAQ,WAAU,yDAAyD,iBAAO,YAAW;AAAA,IAC9F,oBAAC,OAAE,WAAU,oDACV,oBAAU,YAAY,OAAO,eAAe,OAAO,eACtD;AAAA,IACC;AAAA,IACD,qBAAC,SAAI,WAAU,wFACb;AAAA,0BAAC,UAAO,MAAM,aAAa,SAAQ,SAChC,iBAAO,SACV;AAAA,MACA,oBAAC,UAAO,MAAM,WAAW,MAAM,SAAQ,aACpC,qBAAW,OACd;AAAA,MACA,oBAAC,UAAO,MAAM,YAAY,SAAQ,aAC/B,kBAAQ,QACX;AAAA,OACF;AAAA,KACF;AAEJ;","names":[]}

package/dist/demo/demo-labels.d.ts

@@ -0,0 +1,53 @@
+/**
+ * The demo's words (docs/landing-demo-harmonization.md §5) — the `demo` namespace of
+ * `<UiKitProvider labels>`: `DemoStart`'s progress and refusals, `DemoBanner`'s
+ * countdown and model line, `DemoEnded`, and the reason of the read-only lock.
+ *
+ * "Demo" means the demo session and the shared demo data it shows (§2.10) — never
+ * keksdose's blur toggle, which is "Presentation mode" now. "Request access" and "Sign
+ * in" are the `landing` namespace's, so they read the same on every public page.
+ */
+interface DemoLabels {
+    /** `DemoStart` while the demo is being created. */
+    starting: string;
+    /** `demo_rate_limited`: too many demos from one network, given the wait in whole
+     *  minutes from `Retry-After` — or `undefined` without one. */
+    rateLimited: (minutes?: number) => string;
+    /** `demo_capacity`: the live cap is reached. */
+    capacity: string;
+    /** `demo_disabled` and `demo_not_ready`: the demo is off, or its data isn't there. */
+    unavailable: string;
+    /** Any other failure — the network, a 500. */
+    failed: string;
+    /** `DemoStart`'s way out after a refusal, to the landing. */
+    backToStart: string;
+    /** The banner's countdown with an hour or more left: "Demo · 23 h 12 min left". */
+    hoursLeft: (hours: number, minutes: number) => string;
+    /** …and in the last hour, minutes only: "Demo · 50 min left". */
+    minutesLeft: (minutes: number) => string;
+    /** The banner's word when the end is unknown (no readable `expiresAt`). */
+    badge: string;
+    /** The banner's line for model R, shared read-only data. */
+    readOnly: string;
+    /** The banner's line for model S, a sandbox of one's own. */
+    sandbox: string;
+    /** The name of the banner's show/hide toggle (`aria-expanded` says which). */
+    details: string;
+    /** The reason a locked commit shows in a read-only demo (model R) — for the app's
+     *  `<WriteLockProvider locked reason={…}>` (§5.4). */
+    writeLocked: string;
+    /** `DemoEnded`'s heading; also the banner's text at zero. */
+    endedTitle: string;
+    /** `DemoEnded`'s line for model R. */
+    endedReadOnly: string;
+    /** `DemoEnded`'s line for model S. */
+    endedSandbox: string;
+    /** `DemoEnded`'s first action, to `/demo`. */
+    restart: string;
+}
+declare const DEFAULT_DEMO_LABELS: DemoLabels;
+/** The `demo` namespace, resolved: English, then the provider, then `labels`. The app
+ *  reads `writeLocked` from here for its `WriteLockProvider`. */
+declare function useDemoLabels(labels?: Partial<DemoLabels>): DemoLabels;
+
+export { DEFAULT_DEMO_LABELS, type DemoLabels, useDemoLabels };

package/dist/demo/demo-labels.js

@@ -0,0 +1,29 @@
+"use client";
+import { useKitLabels } from "../i18n/kit-labels.js";
+const DEFAULT_DEMO_LABELS = {
+  starting: "Starting the demo\u2026",
+  rateLimited: (minutes) => minutes ? `Too many demos from this network. Try again in ${minutes} min.` : "Too many demos from this network. Try again later.",
+  capacity: "The demo is full right now. Try again later.",
+  unavailable: "The demo isn\u2019t available right now.",
+  failed: "The demo could not be started. Please try again.",
+  backToStart: "Back to the start page",
+  hoursLeft: (hours, minutes) => `Demo \xB7 ${hours} h ${minutes} min left`,
+  minutesLeft: (minutes) => `Demo \xB7 ${minutes} min left`,
+  badge: "Demo",
+  readOnly: "You\u2019re looking at sample data. Changes aren\u2019t possible.",
+  sandbox: "Your own work is deleted when the demo ends.",
+  details: "Demo details",
+  writeLocked: "Not possible in the demo.",
+  endedTitle: "The demo has ended",
+  endedReadOnly: "Sample data is reset regularly.",
+  endedSandbox: "Sample data is reset regularly; your own work from the demo is deleted.",
+  restart: "Start a new demo"
+};
+function useDemoLabels(labels) {
+  return useKitLabels("demo", DEFAULT_DEMO_LABELS, labels);
+}
+export {
+  DEFAULT_DEMO_LABELS,
+  useDemoLabels
+};
+//# sourceMappingURL=demo-labels.js.map

package/dist/demo/demo-labels.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/demo/demo-labels.ts"],"sourcesContent":["import { useKitLabels } from \"../i18n/kit-labels\";\n\n/**\n * The demo's words (docs/landing-demo-harmonization.md §5) — the `demo` namespace of\n * `<UiKitProvider labels>`: `DemoStart`'s progress and refusals, `DemoBanner`'s\n * countdown and model line, `DemoEnded`, and the reason of the read-only lock.\n *\n * \"Demo\" means the demo session and the shared demo data it shows (§2.10) — never\n * keksdose's blur toggle, which is \"Presentation mode\" now. \"Request access\" and \"Sign\n * in\" are the `landing` namespace's, so they read the same on every public page.\n */\nexport interface DemoLabels {\n  /** `DemoStart` while the demo is being created. */\n  starting: string;\n  /** `demo_rate_limited`: too many demos from one network, given the wait in whole\n   *  minutes from `Retry-After` — or `undefined` without one. */\n  rateLimited: (minutes?: number) => string;\n  /** `demo_capacity`: the live cap is reached. */\n  capacity: string;\n  /** `demo_disabled` and `demo_not_ready`: the demo is off, or its data isn't there. */\n  unavailable: string;\n  /** Any other failure — the network, a 500. */\n  failed: string;\n  /** `DemoStart`'s way out after a refusal, to the landing. */\n  backToStart: string;\n  /** The banner's countdown with an hour or more left: \"Demo · 23 h 12 min left\". */\n  hoursLeft: (hours: number, minutes: number) => string;\n  /** …and in the last hour, minutes only: \"Demo · 50 min left\". */\n  minutesLeft: (minutes: number) => string;\n  /** The banner's word when the end is unknown (no readable `expiresAt`). */\n  badge: string;\n  /** The banner's line for model R, shared read-only data. */\n  readOnly: string;\n  /** The banner's line for model S, a sandbox of one's own. */\n  sandbox: string;\n  /** The name of the banner's show/hide toggle (`aria-expanded` says which). */\n  details: string;\n  /** The reason a locked commit shows in a read-only demo (model R) — for the app's\n   *  `<WriteLockProvider locked reason={…}>` (§5.4). */\n  writeLocked: string;\n  /** `DemoEnded`'s heading; also the banner's text at zero. */\n  endedTitle: string;\n  /** `DemoEnded`'s line for model R. */\n  endedReadOnly: string;\n  /** `DemoEnded`'s line for model S. */\n  endedSandbox: string;\n  /** `DemoEnded`'s first action, to `/demo`. */\n  restart: string;\n}\n\nexport const DEFAULT_DEMO_LABELS: DemoLabels = {\n  starting: \"Starting the demo…\",\n  rateLimited: (minutes) =>\n    minutes\n      ? `Too many demos from this network. Try again in ${minutes} min.`\n      : \"Too many demos from this network. Try again later.\",\n  capacity: \"The demo is full right now. Try again later.\",\n  unavailable: \"The demo isn’t available right now.\",\n  failed: \"The demo could not be started. Please try again.\",\n  backToStart: \"Back to the start page\",\n  hoursLeft: (hours, minutes) => `Demo · ${hours} h ${minutes} min left`,\n  minutesLeft: (minutes) => `Demo · ${minutes} min left`,\n  badge: \"Demo\",\n  readOnly: \"You’re looking at sample data. Changes aren’t possible.\",\n  sandbox: \"Your own work is deleted when the demo ends.\",\n  details: \"Demo details\",\n  writeLocked: \"Not possible in the demo.\",\n  endedTitle: \"The demo has ended\",\n  endedReadOnly: \"Sample data is reset regularly.\",\n  endedSandbox: \"Sample data is reset regularly; your own work from the demo is deleted.\",\n  restart: \"Start a new demo\",\n};\n\n/** The `demo` namespace, resolved: English, then the provider, then `labels`. The app\n *  reads `writeLocked` from here for its `WriteLockProvider`. */\nexport function useDemoLabels(labels?: Partial<DemoLabels>): DemoLabels {\n  return useKitLabels(\"demo\", DEFAULT_DEMO_LABELS, labels);\n}\n"],"mappings":";AAAA,SAAS,oBAAoB;AAkDtB,MAAM,sBAAkC;AAAA,EAC7C,UAAU;AAAA,EACV,aAAa,CAAC,YACZ,UACI,kDAAkD,OAAO,UACzD;AAAA,EACN,UAAU;AAAA,EACV,aAAa;AAAA,EACb,QAAQ;AAAA,EACR,aAAa;AAAA,EACb,WAAW,CAAC,OAAO,YAAY,aAAU,KAAK,MAAM,OAAO;AAAA,EAC3D,aAAa,CAAC,YAAY,aAAU,OAAO;AAAA,EAC3C,OAAO;AAAA,EACP,UAAU;AAAA,EACV,SAAS;AAAA,EACT,SAAS;AAAA,EACT,aAAa;AAAA,EACb,YAAY;AAAA,EACZ,eAAe;AAAA,EACf,cAAc;AAAA,EACd,SAAS;AACX;AAIO,SAAS,cAAc,QAA0C;AACtE,SAAO,aAAa,QAAQ,qBAAqB,MAAM;AACzD;","names":[]}

package/dist/demo/demo-session.d.ts

@@ -0,0 +1,30 @@
+/**
+ * The two demo models (docs/landing-demo-harmonization.md §2.3):
+ *
+ * - `read-only` (R) — keksdose and kastlan: one pre-filled shared dataset a throwaway
+ *   demo user may look at but not change;
+ * - `sandbox` (S) — Kurvenschmiede: the demo user reads system-owned worked examples and
+ *   may create or copy work of its own, deleted with the demo account.
+ */
+type DemoModel = "read-only" | "sandbox";
+/** The fields of an `/auth/me` answer {@link isDemoSession} reads — server-kit's
+ *  `UserResponse.is_demo` (0.5: and `demo_expires_at`), or a client's camel-cased copy. */
+interface DemoSessionUser {
+    is_demo?: boolean | null;
+    isDemo?: boolean | null;
+}
+/**
+ * Whether the signed-in user is a demo (§5, §6.5): server-kit's `is_demo` on
+ * `/auth/me`, or a client's `isDemo`. `false` for no user at all.
+ *
+ * What the client branches on: the demo banner instead of keksdose's preview banner, the
+ * header's "Continue the demo", a 401 that ends at `/demo/ended` instead of `/login`, and
+ * the crash reporter, which files nothing for a demo:
+ *
+ * ```ts
+ * createCrashReporter({ …, suppress: () => isDemoSession(useAuth.getState().user) });
+ * ```
+ */
+declare function isDemoSession(me: DemoSessionUser | null | undefined): boolean;
+
+export { type DemoModel, type DemoSessionUser, isDemoSession };

package/dist/demo/demo-session.js

@@ -0,0 +1,8 @@
+"use client";
+function isDemoSession(me) {
+  return me?.is_demo === true || me?.isDemo === true;
+}
+export {
+  isDemoSession
+};
+//# sourceMappingURL=demo-session.js.map

package/dist/demo/demo-session.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/demo/demo-session.ts"],"sourcesContent":["/**\n * The two demo models (docs/landing-demo-harmonization.md §2.3):\n *\n * - `read-only` (R) — keksdose and kastlan: one pre-filled shared dataset a throwaway\n *   demo user may look at but not change;\n * - `sandbox` (S) — Kurvenschmiede: the demo user reads system-owned worked examples and\n *   may create or copy work of its own, deleted with the demo account.\n */\nexport type DemoModel = \"read-only\" | \"sandbox\";\n\n/** The fields of an `/auth/me` answer {@link isDemoSession} reads — server-kit's\n *  `UserResponse.is_demo` (0.5: and `demo_expires_at`), or a client's camel-cased copy. */\nexport interface DemoSessionUser {\n  is_demo?: boolean | null;\n  isDemo?: boolean | null;\n}\n\n/**\n * Whether the signed-in user is a demo (§5, §6.5): server-kit's `is_demo` on\n * `/auth/me`, or a client's `isDemo`. `false` for no user at all.\n *\n * What the client branches on: the demo banner instead of keksdose's preview banner, the\n * header's \"Continue the demo\", a 401 that ends at `/demo/ended` instead of `/login`, and\n * the crash reporter, which files nothing for a demo:\n *\n * ```ts\n * createCrashReporter({ …, suppress: () => isDemoSession(useAuth.getState().user) });\n * ```\n */\nexport function isDemoSession(me: DemoSessionUser | null | undefined): boolean {\n  return me?.is_demo === true || me?.isDemo === true;\n}\n"],"mappings":";AA6BO,SAAS,cAAc,IAAiD;AAC7E,SAAO,IAAI,YAAY,QAAQ,IAAI,WAAW;AAChD;","names":[]}

package/dist/demo/demo-start.d.ts

@@ -0,0 +1,54 @@
+import * as react from 'react';
+import { ComponentPropsWithoutRef } from 'react';
+import { AccessChoice } from '../landing/access.js';
+import { LandingLabels } from '../landing/landing-labels.js';
+import { DemoLabels } from './demo-labels.js';
+
+interface DemoStartProps<T> extends Omit<ComponentPropsWithoutRef<"div">, "children"> {
+    /**
+     * Create the demo: the app's `POST /auth/demo-session {locale}`. Resolve with what it
+     * answered (the `TokenResponse`, `refresh_token: null`, `expires_at`); reject with the
+     * client's error — the codes are read out of it. Called once per mount.
+     */
+    start: () => Promise<T>;
+    /** The demo exists: store the session (and, for kastlan, `kastlan.demoSession`) and
+     *  replace to the app's home. The page keeps saying "Starting the demo…" meanwhile. */
+    onStarted: (session: T) => void;
+    /** "Request access" beside a refusal. */
+    access: AccessChoice;
+    /** "Back to the start page". Default `/`. */
+    backHref?: string;
+    /** `false` adds no `noindex` — for a preview. Default `true`: `/demo` is never indexed
+     *  (§4.3). */
+    noIndex?: boolean;
+    labels?: Partial<DemoLabels>;
+    /** The access words (`landing` namespace) for this instance. */
+    landingLabels?: Partial<LandingLabels>;
+}
+/**
+ * The `/demo` page's content (docs/landing-demo-harmonization.md §5.2): it starts the
+ * demo ONCE — StrictMode's double mount included, keksdose's ref guard — and says
+ * "Starting the demo…" until the app has the session and has moved on.
+ *
+ * A refusal says why, in the visitor's words, and offers "Request access" and "Back to
+ * the start page":
+ *
+ * | code | says |
+ * |---|---|
+ * | `demo_rate_limited` (429) | "Too many demos from this network. Try again in N min." — N from `Retry-After` |
+ * | `demo_capacity` (429) | "The demo is full right now. Try again later." |
+ * | `demo_disabled` (404), `demo_not_ready` (503) | "The demo isn't available right now." |
+ * | anything else | "The demo could not be started. Please try again." |
+ *
+ * keksdose fell back to `/register` with a toast; registration is invitation-only now,
+ * so the way on is the access mail.
+ *
+ * Put it in the app's `AuthLayout`. A live demo session never reaches it: the `/demo`
+ * route sits in `RedirectIfAuthed` WITHOUT `allowDemo`, which continues the live demo at
+ * its resume target instead of starting a second one. A cold start is the kit's
+ * `ServerWakeNotice`'s, once the app's watcher counts this POST
+ * (`watchReadsAnd(/\/auth\/demo-session\b/)`).
+ */
+declare function DemoStart<T>({ start, onStarted, access, backHref, noIndex, labels: labelsProp, landingLabels, className, ...rest }: DemoStartProps<T>): react.JSX.Element;
+
+export { DemoStart, type DemoStartProps };

package/dist/demo/demo-start.js

@@ -0,0 +1,68 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useState } from "react";
+import { cn } from "../lib/cn.js";
+import { AlertBanner } from "../components/alert-banner.js";
+import { Button, Spinner } from "../components/ui.js";
+import { useNoIndex } from "../hooks/use-noindex.js";
+import { authErrorCode, isRateLimited, retryAfterSeconds } from "../auth/auth-errors.js";
+import { useOncePerKey } from "../auth/status-parts.js";
+import { useAccessAction } from "../landing/access.js";
+import { useDemoLabels } from "./demo-labels.js";
+function refusalOf(error) {
+  const code = authErrorCode(error);
+  if (code === "demo_capacity") return { reason: "capacity" };
+  if (code === "demo_disabled" || code === "demo_not_ready") return { reason: "unavailable" };
+  if (code === "demo_rate_limited" || code === void 0 && isRateLimited(error)) {
+    const seconds = retryAfterSeconds(error);
+    return { reason: "rateLimited", minutes: seconds ? Math.ceil(seconds / 60) : void 0 };
+  }
+  return { reason: "failed" };
+}
+function messageOf(refusal, labels) {
+  switch (refusal.reason) {
+    case "rateLimited":
+      return labels.rateLimited(refusal.minutes);
+    case "capacity":
+      return labels.capacity;
+    case "unavailable":
+      return labels.unavailable;
+    case "failed":
+      return labels.failed;
+  }
+}
+const ONCE = "demo";
+function DemoStart({
+  start,
+  onStarted,
+  access,
+  backHref = "/",
+  noIndex = true,
+  labels: labelsProp,
+  landingLabels,
+  className,
+  ...rest
+}) {
+  const labels = useDemoLabels(labelsProp);
+  const accessLink = useAccessAction(access, landingLabels);
+  const [refusal, setRefusal] = useState(null);
+  useNoIndex(noIndex);
+  useOncePerKey(ONCE, () => start(), (_key, result) => {
+    if (result.ok) onStarted(result.value);
+    else setRefusal(refusalOf(result.error));
+  });
+  return /* @__PURE__ */ jsxs("div", { ...rest, className: cn("flex flex-col items-center gap-4 py-4 text-center", className), children: [
+    /* @__PURE__ */ jsx("div", { role: "status", "aria-live": "polite", className: "w-full", children: refusal === null ? /* @__PURE__ */ jsxs("p", { className: "flex items-center justify-center gap-2 text-sm text-[var(--text-secondary)]", children: [
+      /* @__PURE__ */ jsx(Spinner, { label: null, className: "size-5" }),
+      labels.starting
+    ] }) : /* @__PURE__ */ jsx(AlertBanner, { tone: refusal.reason === "failed" ? "danger" : "warning", className: "text-start", children: messageOf(refusal, labels) }) }),
+    refusal !== null && /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap justify-center gap-3", children: [
+      /* @__PURE__ */ jsx(Button, { href: accessLink.href, variant: "brand", children: accessLink.label }),
+      /* @__PURE__ */ jsx(Button, { href: backHref, variant: "secondary", children: labels.backToStart })
+    ] })
+  ] });
+}
+export {
+  DemoStart
+};
+//# sourceMappingURL=demo-start.js.map

package/dist/demo/demo-start.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/demo/demo-start.tsx"],"sourcesContent":["import { useState } from \"react\";\nimport type { ComponentPropsWithoutRef } from \"react\";\n\nimport { cn } from \"../lib/cn\";\nimport { AlertBanner } from \"../components/alert-banner\";\nimport { Button, Spinner } from \"../components/ui\";\nimport { useNoIndex } from \"../hooks/use-noindex\";\nimport { authErrorCode, isRateLimited, retryAfterSeconds } from \"../auth/auth-errors\";\nimport { useOncePerKey } from \"../auth/status-parts\";\nimport { useAccessAction } from \"../landing/access\";\nimport type { AccessChoice } from \"../landing/access\";\nimport type { LandingLabels } from \"../landing/landing-labels\";\nimport { useDemoLabels } from \"./demo-labels\";\nimport type { DemoLabels } from \"./demo-labels\";\n\n/** Why a start was refused, in the page's terms (§5.2). */\ntype Refusal =\n  | { reason: \"rateLimited\"; minutes?: number }\n  | { reason: \"capacity\" }\n  | { reason: \"unavailable\" }\n  | { reason: \"failed\" };\n\n/**\n * The server's answer to `POST /auth/demo-session`, read as a refusal (§5.1, §6.2):\n * `demo_rate_limited` (429, with `Retry-After`), `demo_capacity` (429, without),\n * `demo_disabled` (404) and `demo_not_ready` (503) by their codes; a bare 429 as the\n * per-IP window too; anything else is a plain failure.\n */\nfunction refusalOf(error: unknown): Refusal {\n  const code = authErrorCode(error);\n  if (code === \"demo_capacity\") return { reason: \"capacity\" };\n  if (code === \"demo_disabled\" || code === \"demo_not_ready\") return { reason: \"unavailable\" };\n  if (code === \"demo_rate_limited\" || (code === undefined && isRateLimited(error))) {\n    const seconds = retryAfterSeconds(error);\n    return { reason: \"rateLimited\", minutes: seconds ? Math.ceil(seconds / 60) : undefined };\n  }\n  return { reason: \"failed\" };\n}\n\nfunction messageOf(refusal: Refusal, labels: DemoLabels): string {\n  switch (refusal.reason) {\n    case \"rateLimited\":\n      return labels.rateLimited(refusal.minutes);\n    case \"capacity\":\n      return labels.capacity;\n    case \"unavailable\":\n      return labels.unavailable;\n    case \"failed\":\n      return labels.failed;\n  }\n}\n\n/** The one start a mount makes. */\nconst ONCE = \"demo\";\n\nexport interface DemoStartProps<T> extends Omit<ComponentPropsWithoutRef<\"div\">, \"children\"> {\n  /**\n   * Create the demo: the app's `POST /auth/demo-session {locale}`. Resolve with what it\n   * answered (the `TokenResponse`, `refresh_token: null`, `expires_at`); reject with the\n   * client's error — the codes are read out of it. Called once per mount.\n   */\n  start: () => Promise<T>;\n  /** The demo exists: store the session (and, for kastlan, `kastlan.demoSession`) and\n   *  replace to the app's home. The page keeps saying \"Starting the demo…\" meanwhile. */\n  onStarted: (session: T) => void;\n  /** \"Request access\" beside a refusal. */\n  access: AccessChoice;\n  /** \"Back to the start page\". Default `/`. */\n  backHref?: string;\n  /** `false` adds no `noindex` — for a preview. Default `true`: `/demo` is never indexed\n   *  (§4.3). */\n  noIndex?: boolean;\n  labels?: Partial<DemoLabels>;\n  /** The access words (`landing` namespace) for this instance. */\n  landingLabels?: Partial<LandingLabels>;\n}\n\n/**\n * The `/demo` page's content (docs/landing-demo-harmonization.md §5.2): it starts the\n * demo ONCE — StrictMode's double mount included, keksdose's ref guard — and says\n * \"Starting the demo…\" until the app has the session and has moved on.\n *\n * A refusal says why, in the visitor's words, and offers \"Request access\" and \"Back to\n * the start page\":\n *\n * | code | says |\n * |---|---|\n * | `demo_rate_limited` (429) | \"Too many demos from this network. Try again in N min.\" — N from `Retry-After` |\n * | `demo_capacity` (429) | \"The demo is full right now. Try again later.\" |\n * | `demo_disabled` (404), `demo_not_ready` (503) | \"The demo isn't available right now.\" |\n * | anything else | \"The demo could not be started. Please try again.\" |\n *\n * keksdose fell back to `/register` with a toast; registration is invitation-only now,\n * so the way on is the access mail.\n *\n * Put it in the app's `AuthLayout`. A live demo session never reaches it: the `/demo`\n * route sits in `RedirectIfAuthed` WITHOUT `allowDemo`, which continues the live demo at\n * its resume target instead of starting a second one. A cold start is the kit's\n * `ServerWakeNotice`'s, once the app's watcher counts this POST\n * (`watchReadsAnd(/\\/auth\\/demo-session\\b/)`).\n */\nexport function DemoStart<T>({\n  start,\n  onStarted,\n  access,\n  backHref = \"/\",\n  noIndex = true,\n  labels: labelsProp,\n  landingLabels,\n  className,\n  ...rest\n}: DemoStartProps<T>) {\n  const labels = useDemoLabels(labelsProp);\n  const accessLink = useAccessAction(access, landingLabels);\n  const [refusal, setRefusal] = useState<Refusal | null>(null);\n  useNoIndex(noIndex);\n  useOncePerKey<T>(ONCE, () => start(), (_key, result) => {\n    if (result.ok) onStarted(result.value);\n    else setRefusal(refusalOf(result.error));\n  });\n\n  return (\n    <div {...rest} className={cn(\"flex flex-col items-center gap-4 py-4 text-center\", className)}>\n      {/* One live region, there from the start, so the refusal that replaces the\n          progress line is announced (a region inserted with its text often is not). */}\n      <div role=\"status\" aria-live=\"polite\" className=\"w-full\">\n        {refusal === null ? (\n          <p className=\"flex items-center justify-center gap-2 text-sm text-[var(--text-secondary)]\">\n            <Spinner label={null} className=\"size-5\" />\n            {labels.starting}\n          </p>\n        ) : (\n          <AlertBanner tone={refusal.reason === \"failed\" ? \"danger\" : \"warning\"} className=\"text-start\">\n            {messageOf(refusal, labels)}\n          </AlertBanner>\n        )}\n      </div>\n      {refusal !== null && (\n        <div className=\"flex flex-wrap justify-center gap-3\">\n          <Button href={accessLink.href} variant=\"brand\">\n            {accessLink.label}\n          </Button>\n          <Button href={backHref} variant=\"secondary\">\n            {labels.backToStart}\n          </Button>\n        </div>\n      )}\n    </div>\n  );\n}\n"],"mappings":";AA+HU,SACE,KADF;AA/HV,SAAS,gBAAgB;AAGzB,SAAS,UAAU;AACnB,SAAS,mBAAmB;AAC5B,SAAS,QAAQ,eAAe;AAChC,SAAS,kBAAkB;AAC3B,SAAS,eAAe,eAAe,yBAAyB;AAChE,SAAS,qBAAqB;AAC9B,SAAS,uBAAuB;AAGhC,SAAS,qBAAqB;AAgB9B,SAAS,UAAU,OAAyB;AAC1C,QAAM,OAAO,cAAc,KAAK;AAChC,MAAI,SAAS,gBAAiB,QAAO,EAAE,QAAQ,WAAW;AAC1D,MAAI,SAAS,mBAAmB,SAAS,iBAAkB,QAAO,EAAE,QAAQ,cAAc;AAC1F,MAAI,SAAS,uBAAwB,SAAS,UAAa,cAAc,KAAK,GAAI;AAChF,UAAM,UAAU,kBAAkB,KAAK;AACvC,WAAO,EAAE,QAAQ,eAAe,SAAS,UAAU,KAAK,KAAK,UAAU,EAAE,IAAI,OAAU;AAAA,EACzF;AACA,SAAO,EAAE,QAAQ,SAAS;AAC5B;AAEA,SAAS,UAAU,SAAkB,QAA4B;AAC/D,UAAQ,QAAQ,QAAQ;AAAA,IACtB,KAAK;AACH,aAAO,OAAO,YAAY,QAAQ,OAAO;AAAA,IAC3C,KAAK;AACH,aAAO,OAAO;AAAA,IAChB,KAAK;AACH,aAAO,OAAO;AAAA,IAChB,KAAK;AACH,aAAO,OAAO;AAAA,EAClB;AACF;AAGA,MAAM,OAAO;AAgDN,SAAS,UAAa;AAAA,EAC3B;AAAA,EACA;AAAA,EACA;AAAA,EACA,WAAW;AAAA,EACX,UAAU;AAAA,EACV,QAAQ;AAAA,EACR;AAAA,EACA;AAAA,EACA,GAAG;AACL,GAAsB;AACpB,QAAM,SAAS,cAAc,UAAU;AACvC,QAAM,aAAa,gBAAgB,QAAQ,aAAa;AACxD,QAAM,CAAC,SAAS,UAAU,IAAI,SAAyB,IAAI;AAC3D,aAAW,OAAO;AAClB,gBAAiB,MAAM,MAAM,MAAM,GAAG,CAAC,MAAM,WAAW;AACtD,QAAI,OAAO,GAAI,WAAU,OAAO,KAAK;AAAA,QAChC,YAAW,UAAU,OAAO,KAAK,CAAC;AAAA,EACzC,CAAC;AAED,SACE,qBAAC,SAAK,GAAG,MAAM,WAAW,GAAG,qDAAqD,SAAS,GAGzF;AAAA,wBAAC,SAAI,MAAK,UAAS,aAAU,UAAS,WAAU,UAC7C,sBAAY,OACX,qBAAC,OAAE,WAAU,+EACX;AAAA,0BAAC,WAAQ,OAAO,MAAM,WAAU,UAAS;AAAA,MACxC,OAAO;AAAA,OACV,IAEA,oBAAC,eAAY,MAAM,QAAQ,WAAW,WAAW,WAAW,WAAW,WAAU,cAC9E,oBAAU,SAAS,MAAM,GAC5B,GAEJ;AAAA,IACC,YAAY,QACX,qBAAC,SAAI,WAAU,uCACb;AAAA,0BAAC,UAAO,MAAM,WAAW,MAAM,SAAQ,SACpC,qBAAW,OACd;AAAA,MACA,oBAAC,UAAO,MAAM,UAAU,SAAQ,aAC7B,iBAAO,aACV;AAAA,OACF;AAAA,KAEJ;AAEJ;","names":[]}

package/dist/feedback/feedback-attachment.d.ts

@@ -1,5 +1,5 @@
 import 'react';
-export { D as DEFAULT_ATTACHMENT_ACCEPT, e as DEFAULT_FEEDBACK_ATTACHMENT_LABELS, p as DEFAULT_MAX_ATTACHMENTS, q as DEFAULT_MAX_ATTACHMENT_BYTES, A as FeedbackAttachmentError, B as FeedbackAttachmentErrorInfo, E as FeedbackAttachmentField, G as FeedbackAttachmentFieldLabels, H as FeedbackAttachmentFieldMultipleProps, I as FeedbackAttachmentFieldProps, J as FeedbackAttachmentFieldRefsProps, K as FeedbackAttachmentFieldSingleProps, M as FeedbackAttachmentRef, N as FeedbackAttachmentRefsError, be as pastedName } from '../delete-account-setting-CGVMckMw.js';
+export { D as DEFAULT_ATTACHMENT_ACCEPT, e as DEFAULT_FEEDBACK_ATTACHMENT_LABELS, p as DEFAULT_MAX_ATTACHMENTS, q as DEFAULT_MAX_ATTACHMENT_BYTES, A as FeedbackAttachmentError, B as FeedbackAttachmentErrorInfo, E as FeedbackAttachmentField, G as FeedbackAttachmentFieldLabels, H as FeedbackAttachmentFieldMultipleProps, I as FeedbackAttachmentFieldProps, J as FeedbackAttachmentFieldRefsProps, K as FeedbackAttachmentFieldSingleProps, M as FeedbackAttachmentRef, N as FeedbackAttachmentRefsError, be as pastedName } from '../delete-account-setting-CpIhzxxZ.js';
 import '../components/tooltip.js';
 import '../hooks/use-anchored-rect.js';
 import '../lib/clipping.js';
@@ -54,6 +54,8 @@ import '../components/image-grid.js';
 import '../components/lightbox.js';
 import '../components/write-lock.js';
 import '../auth/sign-in-form.js';
+import '../landing/access.js';
+import '../landing/landing-labels.js';
 import '../shell/topbar-controls.js';
 import '../theme/palette-presets.js';
 import '../theme/chart-palette.js';
@@ -75,6 +77,8 @@ import '../account/data-export-setting.js';
 import '../components/account-chips.js';
 import '../admin/admin-parts.js';
 import '../admin/admin-action-log.js';
+import '../settings/settings-labels.js';
+import '../demo/demo-labels.js';
 import '../components/reauth-dialog.js';
 import '../components/server-wake.js';
 import '../lib/server-wake.js';

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

@@ -1,5 +1,5 @@
 import 'react';
-export { h as DEFAULT_FEEDBACK_CONTEXT_LABELS, a0 as FeedbackContextBox, a1 as FeedbackContextBoxProps, a2 as FeedbackContextInput, a3 as FeedbackContextLabels, aM as FeedbackSubmitter, b2 as feedbackContext } from '../delete-account-setting-CGVMckMw.js';
+export { h as DEFAULT_FEEDBACK_CONTEXT_LABELS, a0 as FeedbackContextBox, a1 as FeedbackContextBoxProps, a2 as FeedbackContextInput, a3 as FeedbackContextLabels, aM as FeedbackSubmitter, b2 as feedbackContext } from '../delete-account-setting-CpIhzxxZ.js';
 import '../components/tooltip.js';
 import '../hooks/use-anchored-rect.js';
 import '../lib/clipping.js';
@@ -54,6 +54,8 @@ import '../components/image-grid.js';
 import '../components/lightbox.js';
 import '../components/write-lock.js';
 import '../auth/sign-in-form.js';
+import '../landing/access.js';
+import '../landing/landing-labels.js';
 import '../shell/topbar-controls.js';
 import '../theme/palette-presets.js';
 import '../theme/chart-palette.js';
@@ -75,6 +77,8 @@ import '../account/data-export-setting.js';
 import '../components/account-chips.js';
 import '../admin/admin-parts.js';
 import '../admin/admin-action-log.js';
+import '../settings/settings-labels.js';
+import '../demo/demo-labels.js';
 import '../components/reauth-dialog.js';
 import '../components/server-wake.js';
 import '../lib/server-wake.js';

package/dist/feedback/feedback-crash.d.ts

@@ -1,5 +1,5 @@
 import { CrashReport } from '../components/error-boundary.js';
-import { ah as FeedbackEnvironment } from '../delete-account-setting-CGVMckMw.js';
+import { ah as FeedbackEnvironment } from '../delete-account-setting-CpIhzxxZ.js';
 import 'react';
 import '../components/tooltip.js';
 import '../hooks/use-anchored-rect.js';
@@ -54,6 +54,8 @@ import '../components/image-grid.js';
 import '../components/lightbox.js';
 import '../components/write-lock.js';
 import '../auth/sign-in-form.js';
+import '../landing/access.js';
+import '../landing/landing-labels.js';
 import '../shell/topbar-controls.js';
 import '../theme/palette-presets.js';
 import '../theme/chart-palette.js';
@@ -75,6 +77,8 @@ import '../account/data-export-setting.js';
 import '../components/account-chips.js';
 import '../admin/admin-parts.js';
 import '../admin/admin-action-log.js';
+import '../settings/settings-labels.js';
+import '../demo/demo-labels.js';
 import '../components/reauth-dialog.js';
 import '../components/server-wake.js';
 import '../lib/server-wake.js';

package/dist/feedback/feedback-dialog.d.ts

@@ -1,5 +1,5 @@
 import 'react';
-export { j as DEFAULT_FEEDBACK_DIALOG_LABELS, L as FeedbackAttachmentLabels, T as FeedbackCategoryOption, a9 as FeedbackDialog, aa as FeedbackDialogLabels, ab as FeedbackDialogMultipleProps, ac as FeedbackDialogProps, ad as FeedbackDialogSingleProps, ae as FeedbackDialogTextLabels, an as FeedbackMultipleSubmission, aK as FeedbackSubmission, aL as FeedbackSubmitHint } from '../delete-account-setting-CGVMckMw.js';
+export { j as DEFAULT_FEEDBACK_DIALOG_LABELS, L as FeedbackAttachmentLabels, T as FeedbackCategoryOption, a9 as FeedbackDialog, aa as FeedbackDialogLabels, ab as FeedbackDialogMultipleProps, ac as FeedbackDialogProps, ad as FeedbackDialogSingleProps, ae as FeedbackDialogTextLabels, an as FeedbackMultipleSubmission, aK as FeedbackSubmission, aL as FeedbackSubmitHint } from '../delete-account-setting-CpIhzxxZ.js';
 import '../components/tooltip.js';
 import '../hooks/use-anchored-rect.js';
 import '../lib/clipping.js';
@@ -54,6 +54,8 @@ import '../components/image-grid.js';
 import '../components/lightbox.js';
 import '../components/write-lock.js';
 import '../auth/sign-in-form.js';
+import '../landing/access.js';
+import '../landing/landing-labels.js';
 import '../shell/topbar-controls.js';
 import '../theme/palette-presets.js';
 import '../theme/chart-palette.js';
@@ -75,6 +77,8 @@ import '../account/data-export-setting.js';
 import '../components/account-chips.js';
 import '../admin/admin-parts.js';
 import '../admin/admin-action-log.js';
+import '../settings/settings-labels.js';
+import '../demo/demo-labels.js';
 import '../components/reauth-dialog.js';
 import '../components/server-wake.js';
 import '../lib/server-wake.js';

package/dist/feedback/feedback-inbox.d.ts

@@ -1,6 +1,6 @@
 import 'react';
 import 'lucide-react';
-export { t as FEEDBACK_CATEGORY_META, u as FEEDBACK_CATEGORY_ORDER, x as FEEDBACK_STATUS_META, y as FEEDBACK_STATUS_ORDER, Q as FeedbackCategory, R as FeedbackCategoryBadge, a4 as FeedbackDetail, a7 as FeedbackDetailSection, ao as FeedbackNoteAttachment, ap as FeedbackNoteEditor, ar as FeedbackProse, az as FeedbackStatus, aA as FeedbackStatusBadge, aG as FeedbackStatusTransitions, b0 as feedbackCategoryRank, bd as nextFeedbackStatus, bh as selectableFeedbackStatuses, bs as visibleFeedbackStatuses } from '../delete-account-setting-CGVMckMw.js';
+export { t as FEEDBACK_CATEGORY_META, u as FEEDBACK_CATEGORY_ORDER, x as FEEDBACK_STATUS_META, y as FEEDBACK_STATUS_ORDER, Q as FeedbackCategory, R as FeedbackCategoryBadge, a4 as FeedbackDetail, a7 as FeedbackDetailSection, ao as FeedbackNoteAttachment, ap as FeedbackNoteEditor, ar as FeedbackProse, az as FeedbackStatus, aA as FeedbackStatusBadge, aG as FeedbackStatusTransitions, b0 as feedbackCategoryRank, bd as nextFeedbackStatus, bh as selectableFeedbackStatuses, bs as visibleFeedbackStatuses } from '../delete-account-setting-CpIhzxxZ.js';
 import '../components/tooltip.js';
 import '../hooks/use-anchored-rect.js';
 import '../lib/clipping.js';
@@ -54,6 +54,8 @@ import '../components/image-grid.js';
 import '../components/lightbox.js';
 import '../components/write-lock.js';
 import '../auth/sign-in-form.js';
+import '../landing/access.js';
+import '../landing/landing-labels.js';
 import '../shell/topbar-controls.js';
 import '../theme/palette-presets.js';
 import '../theme/chart-palette.js';
@@ -75,6 +77,8 @@ import '../account/data-export-setting.js';
 import '../components/account-chips.js';
 import '../admin/admin-parts.js';
 import '../admin/admin-action-log.js';
+import '../settings/settings-labels.js';
+import '../demo/demo-labels.js';
 import '../components/reauth-dialog.js';
 import '../components/server-wake.js';
 import '../lib/server-wake.js';

package/dist/feedback/feedback-inbox.js

@@ -5,6 +5,7 @@ import {
   Ban,
   Bug,
   CheckCircle2,
+  ClipboardCheck,
   CloudUpload,
   Eye,
   HelpCircle,
@@ -27,6 +28,15 @@ const FEEDBACK_STATUS_META = {
     activeBg: "bg-[var(--bg-active)]",
     activeText: "text-[var(--text-primary)]"
   },
+  // Triaged and released for implementation (feedback contract §8.2, keksdose live
+  // #396): OPEN is "filed, nobody has looked yet", READY is "go". The brand tint at full
+  // strength, so it reads as the go-ahead beside OPEN's neutral fill and
+  // NEEDS_LIVE_TEST's muted brand.
+  READY: {
+    icon: ClipboardCheck,
+    activeBg: "bg-[var(--brand-bg)]",
+    activeText: "text-[var(--brand)]"
+  },
   IN_PROGRESS: {
     icon: Wrench,
     activeBg: "bg-[var(--warning-bg)]",
@@ -74,7 +84,7 @@ const FEEDBACK_STATUS_META = {
 };
 const FEEDBACK_STATUS_ORDER = Object.keys(FEEDBACK_STATUS_META);
 const OFF_CHAIN = ["NEEDS_LIVE_TEST", "POSTPONED", "WONT_DO"];
-const FORWARD_CHAIN = ["OPEN", "IN_PROGRESS", "IN_EVALUATION", "DONE"];
+const FORWARD_CHAIN = ["OPEN", "READY", "IN_PROGRESS", "IN_EVALUATION", "DONE"];
 function nextFeedbackStatus(current) {
   const at = FORWARD_CHAIN.indexOf(current);
   return at !== -1 && at < FORWARD_CHAIN.length - 1 ? FORWARD_CHAIN[at + 1] : null;
@@ -237,7 +247,7 @@ function FeedbackStatusTransitions({
                   ),
                   // Both stay unclickable, but only the read-only case is DIMMED: the
                   // current status is the one thing in the row that has to be legible
-                  // at a glance, and among seven pills a faded active one reads as
+                  // at a glance, and among eight pills a faded active one reads as
                   // "unavailable" rather than as "this is where the row stands".
                   (!canEdit || active) && "cursor-default",
                   !canEdit && "opacity-60",