efficient-shell 4.137.0 → 4.145.0

package/dist/chunk-TRCWINHF.js

@@ -1,105 +0,0 @@
-import { useState, useEffect } from 'react';
-import { jsx } from 'react/jsx-runtime';
-
-// src/forms/BrandMark.tsx
-var SLOT_CLASS = {
-  favicon: "h-8 w-8",
-  compact: "h-10 w-10",
-  wordmark: "h-10 w-40"
-};
-function monogram(alt) {
-  return alt.trim().charAt(0).toLocaleUpperCase() || "\xB7";
-}
-function resolveBrandMarkTreatment(hasAlpha, isLight, surface) {
-  if (hasAlpha === false) return "framed";
-  if (hasAlpha == null || isLight == null) return "plate-light";
-  if (isLight) return surface === "light" ? "plate-dark" : "bare";
-  return surface === "dark" ? "plate-light" : "bare";
-}
-var TREATMENT_CLASS = {
-  "plate-light": "bg-white shadow-[0_2px_12px_var(--rosh-mark-plate-shadow)]",
-  "plate-dark": "bg-neutral-900 shadow-[0_2px_12px_var(--rosh-mark-plate-shadow-strong)]",
-  framed: "border border-black/10 shadow-[0_2px_12px_var(--rosh-mark-plate-shadow)]",
-  bare: ""
-};
-function treatmentStyle(treatment, radius, padding) {
-  if (treatment === "bare") return {};
-  return treatment === "framed" ? { borderRadius: radius } : { borderRadius: radius, padding };
-}
-function BrandMark({
-  src,
-  fallbackSrc,
-  fallbackHasAlpha = null,
-  fallbackIsLight = null,
-  fallbackAdaptive,
-  alt,
-  slot = "compact",
-  surface = "light",
-  size,
-  width,
-  height,
-  decorative = false,
-  fallbackMode = "monogram",
-  adaptive = false,
-  hasAlpha = null,
-  isLight = null,
-  treatmentPadding = 4,
-  treatmentRadius = 8,
-  className = "",
-  style
-}) {
-  const [activeSrc, setActiveSrc] = useState(src || fallbackSrc || "");
-  useEffect(() => {
-    setActiveSrc(src || fallbackSrc || "");
-  }, [src, fallbackSrc]);
-  const usingFallback = Boolean(
-    fallbackSrc && activeSrc === fallbackSrc && activeSrc !== src
-  );
-  const activeAdaptive = usingFallback ? fallbackAdaptive ?? adaptive : adaptive;
-  const activeHasAlpha = usingFallback ? fallbackHasAlpha : hasAlpha;
-  const activeIsLight = usingFallback ? fallbackIsLight : isLight;
-  const treatment = activeAdaptive ? resolveBrandMarkTreatment(activeHasAlpha, activeIsLight, surface) : "bare";
-  const frameClass = [
-    "inline-flex shrink-0 items-center justify-center overflow-hidden",
-    size == null && width == null && height == null ? SLOT_CLASS[slot] : "",
-    surface === "dark" ? "text-white" : "text-gray-700",
-    TREATMENT_CLASS[treatment],
-    className
-  ].filter(Boolean).join(" ");
-  const frameStyle = {
-    ...treatmentStyle(treatment, treatmentRadius, treatmentPadding),
-    ...size == null ? { width, height } : { width: size, height: size },
-    ...style
-  };
-  if (!activeSrc) {
-    if (fallbackMode === "none") return null;
-    return /* @__PURE__ */ jsx(
-      "span",
-      {
-        "data-brand-fallback": true,
-        "data-brand-slot": slot,
-        "aria-label": decorative ? void 0 : alt,
-        "aria-hidden": decorative || void 0,
-        role: decorative ? void 0 : "img",
-        className: `${frameClass} rounded-md bg-gray-100 font-semibold`,
-        style: frameStyle,
-        children: decorative ? null : monogram(alt)
-      }
-    );
-  }
-  return /* @__PURE__ */ jsx("span", { className: frameClass, "data-brand-treatment": treatment, style: frameStyle, children: /* @__PURE__ */ jsx(
-    "img",
-    {
-      src: activeSrc,
-      alt: decorative ? "" : alt,
-      "data-brand-slot": slot,
-      className: "block max-h-full max-w-full",
-      style: { objectFit: "contain" },
-      onError: () => setActiveSrc((current) => fallbackSrc && current !== fallbackSrc ? fallbackSrc : "")
-    }
-  ) });
-}
-
-export { BrandMark, resolveBrandMarkTreatment };
-//# sourceMappingURL=chunk-TRCWINHF.js.map
-//# sourceMappingURL=chunk-TRCWINHF.js.map

package/dist/chunk-TRCWINHF.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/forms/BrandMark.tsx"],"names":[],"mappings":"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","file":"chunk-TRCWINHF.js","sourcesContent":["import { useEffect, useState, type CSSProperties } from 'react';\n\nexport type BrandMarkSlot = 'favicon' | 'compact' | 'wordmark';\nexport type BrandMarkSurface = 'light' | 'dark';\nexport type BrandMarkTreatment = 'plate-light' | 'plate-dark' | 'framed' | 'bare';\n\nexport interface BrandMarkProps {\n  src?: string | null;\n  fallbackSrc?: string | null;\n  fallbackHasAlpha?: boolean | null;\n  fallbackIsLight?: boolean | null;\n  fallbackAdaptive?: boolean;\n  alt: string;\n  slot?: BrandMarkSlot;\n  surface?: BrandMarkSurface;\n  /** Override the square slot size in pixels for compact shell chrome. */\n  size?: number;\n  /** Override a natural-aspect slot width without forcing square dimensions. */\n  width?: number | string;\n  /** Override a natural-aspect slot height without forcing square dimensions. */\n  height?: number | string;\n  /** Mark the image decorative when the adjacent text already names it. */\n  decorative?: boolean;\n  /** Hide the slot after load failure when surrounding UI owns the fallback. */\n  fallbackMode?: 'monogram' | 'none';\n  /** Keep an arbitrary tenant mark readable without recolouring the artwork. */\n  adaptive?: boolean;\n  /** Server-detected transparency hint for the selected asset. */\n  hasAlpha?: boolean | null;\n  /** Server-detected tone hint for the selected asset. */\n  isLight?: boolean | null;\n  treatmentPadding?: number | string;\n  treatmentRadius?: number;\n  className?: string;\n  style?: CSSProperties;\n}\n\nconst SLOT_CLASS: Record<BrandMarkSlot, string> = {\n  favicon: 'h-8 w-8',\n  compact: 'h-10 w-10',\n  wordmark: 'h-10 w-40',\n};\n\nfunction monogram(alt: string) {\n  return alt.trim().charAt(0).toLocaleUpperCase() || '·';\n}\n\n/**\n * Chooses the smallest backing needed to preserve contrast. Opaque artwork\n * carries its own background; transparent artwork only needs a plate when its\n * tone would disappear into the current surface. Unknown artwork gets the\n * conservative light plate used by every portal.\n */\nexport function resolveBrandMarkTreatment(\n  hasAlpha: boolean | null,\n  isLight: boolean | null,\n  surface: BrandMarkSurface,\n): BrandMarkTreatment {\n  if (hasAlpha === false) return 'framed';\n  if (hasAlpha == null || isLight == null) return 'plate-light';\n  if (isLight) return surface === 'light' ? 'plate-dark' : 'bare';\n  return surface === 'dark' ? 'plate-light' : 'bare';\n}\n\n/** The plate's colour and border are classes, so they follow the theme like\n *  the rest of the file; only the caller-tunable radius and padding are\n *  inline, because those arrive as numbers. The shadow's geometry is in the\n *  class and its colour is a token (`--rosh-mark-plate-shadow`, and the\n *  `-strong` one under the dark plate), so a host restyling depth reaches it. */\nconst TREATMENT_CLASS: Record<BrandMarkTreatment, string> = {\n  'plate-light': 'bg-white shadow-[0_2px_12px_var(--rosh-mark-plate-shadow)]',\n  'plate-dark': 'bg-neutral-900 shadow-[0_2px_12px_var(--rosh-mark-plate-shadow-strong)]',\n  framed: 'border border-black/10 shadow-[0_2px_12px_var(--rosh-mark-plate-shadow)]',\n  bare: '',\n};\n\nfunction treatmentStyle(\n  treatment: BrandMarkTreatment,\n  radius: number,\n  padding: number | string,\n): CSSProperties {\n  if (treatment === 'bare') return {};\n  return treatment === 'framed'\n    ? { borderRadius: radius }\n    : { borderRadius: radius, padding };\n}\n\n/**\n * Renders a brand asset inside a stable portal slot without ever cropping or\n * stretching the source. Raster normalisation belongs to the server; this\n * component owns only the presentation contract shared by portal surfaces.\n */\nexport default function BrandMark({\n  src,\n  fallbackSrc,\n  fallbackHasAlpha = null,\n  fallbackIsLight = null,\n  fallbackAdaptive,\n  alt,\n  slot = 'compact',\n  surface = 'light',\n  size,\n  width,\n  height,\n  decorative = false,\n  fallbackMode = 'monogram',\n  adaptive = false,\n  hasAlpha = null,\n  isLight = null,\n  treatmentPadding = 4,\n  treatmentRadius = 8,\n  className = '',\n  style,\n}: BrandMarkProps) {\n  const [activeSrc, setActiveSrc] = useState(src || fallbackSrc || '');\n\n  useEffect(() => {\n    setActiveSrc(src || fallbackSrc || '');\n  }, [src, fallbackSrc]);\n\n  const usingFallback = Boolean(\n    fallbackSrc && activeSrc === fallbackSrc && activeSrc !== src,\n  );\n  const activeAdaptive = usingFallback ? fallbackAdaptive ?? adaptive : adaptive;\n  const activeHasAlpha = usingFallback ? fallbackHasAlpha : hasAlpha;\n  const activeIsLight = usingFallback ? fallbackIsLight : isLight;\n  const treatment = activeAdaptive\n    ? resolveBrandMarkTreatment(activeHasAlpha, activeIsLight, surface)\n    : 'bare';\n  const frameClass = [\n    'inline-flex shrink-0 items-center justify-center overflow-hidden',\n    size == null && width == null && height == null ? SLOT_CLASS[slot] : '',\n    surface === 'dark' ? 'text-white' : 'text-gray-700',\n    TREATMENT_CLASS[treatment],\n    className,\n  ].filter(Boolean).join(' ');\n  const frameStyle: CSSProperties = {\n    ...treatmentStyle(treatment, treatmentRadius, treatmentPadding),\n    ...(size == null ? { width, height } : { width: size, height: size }),\n    ...style,\n  };\n\n  if (!activeSrc) {\n    if (fallbackMode === 'none') return null;\n    return (\n      <span\n        data-brand-fallback\n        data-brand-slot={slot}\n        aria-label={decorative ? undefined : alt}\n        aria-hidden={decorative || undefined}\n        role={decorative ? undefined : 'img'}\n        className={`${frameClass} rounded-md bg-gray-100 font-semibold`}\n        style={frameStyle}\n      >\n        {decorative ? null : monogram(alt)}\n      </span>\n    );\n  }\n\n  return (\n    <span className={frameClass} data-brand-treatment={treatment} style={frameStyle}>\n      <img\n        src={activeSrc}\n        alt={decorative ? '' : alt}\n        data-brand-slot={slot}\n        className=\"block max-h-full max-w-full\"\n        style={{ objectFit: 'contain' }}\n        onError={() => setActiveSrc(current => (\n          fallbackSrc && current !== fallbackSrc ? fallbackSrc : ''\n        ))}\n      />\n    </span>\n  );\n}\n"]}

package/dist/chunk-TW7LPMVR.js

@@ -1,16 +0,0 @@
-// src/apps/_browserStage.ts
-var pendingStartUrl = null;
-var nextStartToken = 0;
-function setBrowserStartUrl(url) {
-  pendingStartUrl = { token: ++nextStartToken, url };
-}
-function peekBrowserStartUrl() {
-  return pendingStartUrl;
-}
-function claimBrowserStartUrl(stage) {
-  if (pendingStartUrl === stage) pendingStartUrl = null;
-}
-
-export { claimBrowserStartUrl, peekBrowserStartUrl, setBrowserStartUrl };
-//# sourceMappingURL=chunk-TW7LPMVR.js.map
-//# sourceMappingURL=chunk-TW7LPMVR.js.map

package/dist/chunk-TW7LPMVR.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/apps/_browserStage.ts"],"names":[],"mappings":";AAeA,IAAI,eAAA,GAA0C,IAAA;AAC9C,IAAI,cAAA,GAAiB,CAAA;AAKd,SAAS,mBAAmB,GAAA,EAAmB;AACpD,EAAA,eAAA,GAAkB,EAAE,KAAA,EAAO,EAAE,cAAA,EAAgB,GAAA,EAAI;AACnD;AAGO,SAAS,mBAAA,GAA8C;AAC5D,EAAA,OAAO,eAAA;AACT;AAKO,SAAS,qBAAqB,KAAA,EAA8B;AACjE,EAAA,IAAI,eAAA,KAAoB,OAAO,eAAA,GAAkB,IAAA;AACnD","file":"chunk-TW7LPMVR.js","sourcesContent":["/**\n * Browser start-URL staging — the tiny consumer-facing surface of the Browser\n * app. Lives apart from Browser.tsx so importing `setBrowserStartUrl` (from\n * `efficient-shell/apps`) never drags the Browser implementation into a host's\n * startup bundle. The Browser window component stays behind its React.lazy\n * dynamic import and drains the stage on mount via the @internal peek/claim\n * helpers below.\n */\n\n/** @internal Staged URL awaiting the next Browser window mount. */\nexport interface PendingStartUrl {\n  token: number;\n  url: string;\n}\n\nlet pendingStartUrl: PendingStartUrl | null = null;\nlet nextStartToken = 0;\n\n/** Stage a URL for the next Browser window mount — pair with\n *  `openPage('/browser')`. Used by \"open this link in the Browser\" flows\n *  (e.g. links inside an email body). */\nexport function setBrowserStartUrl(url: string): void {\n  pendingStartUrl = { token: ++nextStartToken, url };\n}\n\n/** @internal Render-phase peek — see Browser.tsx for the drain protocol. */\nexport function peekBrowserStartUrl(): PendingStartUrl | null {\n  return pendingStartUrl;\n}\n\n/** @internal Commit-phase claim. The identity check keeps a URL staged\n *  *after* the claimant's render-phase peek available for the window it\n *  belongs to. */\nexport function claimBrowserStartUrl(stage: PendingStartUrl): void {\n  if (pendingStartUrl === stage) pendingStartUrl = null;\n}\n"]}

package/dist/chunk-UTYKLGGT.js

@@ -1,195 +0,0 @@
-import { currentShellStrings } from './chunk-YE6GUDGP.js';
-
-// src/shell/toast.ts
-var TOAST_CONTAINER_ID = "toast-container";
-var TOAST_BOTTOM_CONTAINER_ID = "toast-container-bottom";
-var NOTIF_CONTAINER_ID = "notif-container";
-var FADE_MS = 300;
-var SVG_NS = "http://www.w3.org/2000/svg";
-var defaults = {};
-var live = /* @__PURE__ */ new Map();
-function getOrCreate(id, className) {
-  let el = document.getElementById(id);
-  if (!el) {
-    el = document.createElement("div");
-    el.id = id;
-    el.className = className;
-    document.body.appendChild(el);
-  }
-  return el;
-}
-var GLYPHS = {
-  success: "M5 13l4 4L19 7",
-  error: "M6 18L18 6M6 6l12 12",
-  warning: "M12 9v3.75m-9.303 3.376c-.866 1.5.217 3.374 1.948 3.374h14.71c1.73 0 2.813-1.874 1.948-3.374L13.949 3.378c-.866-1.5-3.032-1.5-3.898 0L2.697 16.126zM12 15.75h.007v.008H12v-.008z",
-  info: "M13 16h-1v-4h-1m1-4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z",
-  loading: "M12 3a9 9 0 019 9",
-  bell: "M14.857 17.082a23.848 23.848 0 005.454-1.31A8.967 8.967 0 0118 9.75v-.7V9A6 6 0 006 9v.75a8.967 8.967 0 01-2.312 6.022c1.733.64 3.56 1.085 5.455 1.31m5.714 0a24.255 24.255 0 01-5.714 0m5.714 0a3 3 0 11-5.714 0"
-};
-function glyph(name, className) {
-  const svg = document.createElementNS(SVG_NS, "svg");
-  svg.setAttribute("class", className);
-  svg.setAttribute("fill", "none");
-  svg.setAttribute("viewBox", "0 0 24 24");
-  svg.setAttribute("stroke", "currentColor");
-  svg.setAttribute("stroke-width", "2");
-  const path = document.createElementNS(SVG_NS, "path");
-  path.setAttribute("stroke-linecap", "round");
-  if (name !== "loading") path.setAttribute("stroke-linejoin", "round");
-  path.setAttribute("d", GLYPHS[name]);
-  svg.appendChild(path);
-  return svg;
-}
-function div(className, text) {
-  const el = document.createElement("div");
-  el.className = className;
-  if (text !== void 0) el.textContent = text;
-  return el;
-}
-function showToast(variant, message, opts) {
-  const opts_ = { ...defaults, ...opts };
-  const placement = opts_.placement ?? "top";
-  const sticky = opts_.sticky ?? false;
-  const key = `${placement}|${variant}|${message}`;
-  if (opts_.dedupe) {
-    const existing = live.get(key);
-    if (existing) {
-      existing.restart();
-      return { dismiss: existing.dismiss };
-    }
-  }
-  if (variant !== "loading") {
-    import('./sounds-NT4DEZGD.js').then((s) => {
-      if (variant === "success") s.playSuccess();
-      else if (variant === "error") s.playError();
-      else s.playNotification();
-    }).catch(() => {
-    });
-  }
-  const container = placement === "bottom" ? getOrCreate(TOAST_BOTTOM_CONTAINER_ID, "fixed bottom-4 left-1/2 -translate-x-1/2 z-[9999] flex flex-col-reverse gap-2 items-center pointer-events-none") : getOrCreate(TOAST_CONTAINER_ID, "fixed top-4 left-1/2 -translate-x-1/2 z-[9999] flex flex-col gap-2 items-center pointer-events-none");
-  const offscreen = placement === "bottom" ? "translateY(10px)" : "translateY(-10px)";
-  const el = div("pointer-events-auto cursor-pointer rosh-toast");
-  el.style.opacity = "0";
-  el.style.transform = `${offscreen} scale(0.95)`;
-  el.setAttribute("role", variant === "error" ? "alert" : "status");
-  el.setAttribute("aria-atomic", "true");
-  el.appendChild(glyph(variant, `h-4 w-4 rosh-tone-${variant}${variant === "loading" ? " animate-spin" : ""}`));
-  const span = document.createElement("span");
-  span.textContent = message;
-  el.appendChild(span);
-  container.appendChild(el);
-  requestAnimationFrame(() => {
-    el.style.opacity = "1";
-    el.style.transform = "translateY(0) scale(1)";
-  });
-  let timer;
-  let gone = false;
-  const dismiss = () => {
-    if (gone) return;
-    gone = true;
-    if (timer) clearTimeout(timer);
-    live.delete(key);
-    el.style.opacity = "0";
-    el.style.transform = `${offscreen} scale(0.95)`;
-    setTimeout(() => el.remove(), FADE_MS);
-  };
-  const duration = opts_.duration ?? (variant === "info" ? 4500 : 3e3);
-  const restart = () => {
-    if (timer) clearTimeout(timer);
-    if (!sticky) timer = setTimeout(dismiss, duration);
-  };
-  restart();
-  el.addEventListener("mouseenter", () => {
-    if (timer) clearTimeout(timer);
-  });
-  el.addEventListener("mouseleave", () => {
-    if (!gone) restart();
-  });
-  el.addEventListener("click", dismiss);
-  live.set(key, { el, restart, dismiss });
-  return { dismiss };
-}
-function showNotification(message, opts) {
-  import('./sounds-NT4DEZGD.js').then((s) => s.playNotification()).catch(() => {
-  });
-  const container = getOrCreate(NOTIF_CONTAINER_ID, "fixed top-4 right-4 z-[9999] flex flex-col gap-3 items-end pointer-events-none");
-  const el = div("pointer-events-auto cursor-pointer rosh-notif");
-  el.style.opacity = "0";
-  el.style.transform = "translateX(30px) scale(0.95)";
-  const badge = div("rosh-notif-badge");
-  badge.appendChild(glyph("bell", "h-5 w-5"));
-  const body = div("rosh-notif-body");
-  body.append(div("rosh-notif-title", currentShellStrings().toast.notification), div("notif-msg rosh-notif-msg", message));
-  const close = document.createElement("button");
-  close.className = "rosh-notif-close";
-  close.textContent = "\xD7";
-  el.append(badge, body, close);
-  const dismiss = () => {
-    el.style.opacity = "0";
-    el.style.transform = "translateX(30px) scale(0.95)";
-    setTimeout(() => el.remove(), FADE_MS);
-  };
-  close.addEventListener("click", (e) => {
-    e.stopPropagation();
-    dismiss();
-  });
-  el.addEventListener("click", dismiss);
-  container.appendChild(el);
-  requestAnimationFrame(() => {
-    el.style.opacity = "1";
-    el.style.transform = "translateX(0) scale(1)";
-  });
-  setTimeout(dismiss, opts?.duration ?? 1e4);
-}
-var toast = {
-  success: (message, opts) => showToast("success", message, opts),
-  error: (message, opts) => showToast("error", message, opts),
-  /**
-   * Something the user should read before continuing — a partial success, a
-   * setting that will not apply until they do something else. Distinct from
-   * `error`, which is "this did not happen".
-   */
-  warning: (message, opts) => showToast("warning", message, opts),
-  info: (message, opts) => showToast("info", message, opts),
-  // Persistent top-right notification card (the old toast.info presentation).
-  notify: (message, opts) => showNotification(message, opts),
-  /**
-   * One toast for one async operation: a spinning "loading" toast while `p`
-   * is pending, swapped for a success or error toast when it settles. The
-   * promise is returned untouched, so `await toast.promise(save(), …)` still
-   * throws to the caller — this narrates the operation, it does not handle it.
-   *
-   * `error` is REQUIRED, and there is deliberately no fallback that prints
-   * the exception: a raw `e.message` in a toast is how internals leak to the
-   * screen (the same reasoning that keeps ErrorBoundary's stack behind
-   * `showDetails`). The success/error messages may be functions of the
-   * resolved value / the rejection, for the "Saved 3 rows" case.
-   */
-  promise: (p, msgs, opts) => {
-    const pending = showToast("loading", msgs.loading, { ...opts, sticky: true });
-    p.then(
-      (value) => {
-        pending.dismiss();
-        showToast("success", typeof msgs.success === "function" ? msgs.success(value) : msgs.success, opts);
-      },
-      (error) => {
-        pending.dismiss();
-        showToast("error", typeof msgs.error === "function" ? msgs.error(error) : msgs.error, opts);
-      }
-    );
-    return p;
-  },
-  /**
-   * Set defaults for every subsequent toast. Call once at app startup; later
-   * calls replace the whole object rather than merging, so a consumer sets its
-   * policy in one place. Per-call options still take precedence.
-   */
-  configure: (next) => {
-    defaults = { ...next };
-  }
-};
-var toast_default = toast;
-
-export { toast_default };
-//# sourceMappingURL=chunk-UTYKLGGT.js.map
-//# sourceMappingURL=chunk-UTYKLGGT.js.map

package/dist/chunk-UTYKLGGT.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/shell/toast.ts"],"names":[],"mappings":"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","file":"chunk-UTYKLGGT.js","sourcesContent":["/**\n * Two presentations:\n *\n * 1. toast.success / error / info — brief operation feedback, top-center,\n *    auto-dismiss (success/error ~3s, info ~4.5s). The everyday \"what just\n *    happened\" feedback — most messages want this.\n * 2. toast.notify — system notification, top-right card, stays 10s, dismissible.\n *    For an alert worth lingering on; reach for it deliberately, not by default.\n *\n * (Historically `toast.info` rendered the top-right notification card; it now\n * renders a brief toast — that persistent card moved to `toast.notify`.)\n *\n * ── Built for a strict Content-Security-Policy ──\n *\n * Every node here is made with `createElement`/`createElementNS` and dressed\n * with CLASSES from ui.css (`.rosh-toast`, `.rosh-notif`…). There is no HTML\n * string, no `style=\"…\"` attribute and no `on…=` handler anywhere in the\n * markup, and that is load-bearing rather than tidy:\n *\n *   - An inline handler attribute is inline SCRIPT. Under any `script-src`\n *     without `'unsafe-inline'` (a nonce-based policy, which is what Next.js\n *     apps run) the browser refuses it and files a violation report. The\n *     notification card's close button used to carry one for its hover colour,\n *     so every `toast.notify` on such a site was a CSP report.\n *   - A `style` attribute that arrives through markup is governed by\n *     `style-src`; a policy with a nonce or a hash there ignores\n *     `'unsafe-inline'` and drops it. Styles set through the CSSOM\n *     (`el.style.opacity = …`) are not, which is why the enter/leave motion\n *     below still writes `el.style` directly — that is the one dynamic part.\n *   - No `innerHTML` also means nothing here needs a Trusted Types policy.\n *\n * The cost is that the toast's look now lives in ui.css, which every consumer\n * already imports (alone, or inside styles.css). Its colours are custom\n * properties there (`--rosh-toast-*`) with the values it always had, so a host\n * can restyle a toast without forking it.\n * `tests/strictCsp.test.ts` holds the DOM to all of this.\n */\n\nimport { currentShellStrings } from './strings';\n\nconst TOAST_CONTAINER_ID = 'toast-container';\nconst TOAST_BOTTOM_CONTAINER_ID = 'toast-container-bottom';\nconst NOTIF_CONTAINER_ID = 'notif-container';\nconst FADE_MS = 300;\nconst SVG_NS = 'http://www.w3.org/2000/svg';\n\nexport type ToastPlacement = 'top' | 'bottom';\n\nexport interface ToastOptions {\n  /** Milliseconds before auto-dismiss. Ignored when `sticky`. */\n  duration?: number;\n  /**\n   * Stay until dismissed. For a message the user must actually act on — the\n   * kind that must not scroll past while they are looking at a customer.\n   * Implies tap-to-dismiss is the only way out, which it already is.\n   */\n  sticky?: boolean;\n  /**\n   * `bottom` centres toasts along the bottom edge. On a till the top of the\n   * screen is the cart total and the bottom is nearest the hand.\n   */\n  placement?: ToastPlacement;\n  /**\n   * Drop a message identical to one already showing, and RESTART its timer\n   * rather than stacking a second copy. A failing poll otherwise writes the\n   * same sentence a dozen times. The restart matters: the user asked twice, so\n   * the message should persist, not expire on the first one's schedule.\n   */\n  dedupe?: boolean;\n}\n\n/**\n * Defaults for every subsequent toast, set once at app startup — the same\n * \"consumer wires this once\" shape as `setShellApiClient`/`setShellNavIcons`.\n * A till calls `toast.configure({ placement: 'bottom', duration: 6000,\n * dedupe: true })` instead of repeating those options at 40 call sites.\n * Per-call options still win.\n */\nlet defaults: ToastOptions = {};\n\n/** Live toasts by dedupe key, so a repeat can find and refresh its own. */\nconst live = new Map<string, { el: HTMLElement; restart: () => void; dismiss: () => void }>();\n\nfunction getOrCreate(id: string, className: string): HTMLElement {\n  let el = document.getElementById(id);\n  if (!el) {\n    el = document.createElement('div');\n    el.id = id;\n    el.className = className;\n    document.body.appendChild(el);\n  }\n  return el;\n}\n\ntype Tone = 'success' | 'error' | 'warning' | 'info' | 'loading';\n\n/**\n * Outline glyphs (Heroicons' paths), stroked in `currentColor` so the colour\n * comes from the tone class in ui.css rather than from an attribute here.\n * `loading` is an open arc that spins — the same vocabulary as LoadingSpinner.\n */\nconst GLYPHS: Record<Tone | 'bell', string> = {\n  success: 'M5 13l4 4L19 7',\n  error: 'M6 18L18 6M6 6l12 12',\n  warning: 'M12 9v3.75m-9.303 3.376c-.866 1.5.217 3.374 1.948 3.374h14.71c1.73 0 2.813-1.874 1.948-3.374L13.949 3.378c-.866-1.5-3.032-1.5-3.898 0L2.697 16.126zM12 15.75h.007v.008H12v-.008z',\n  info: 'M13 16h-1v-4h-1m1-4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z',\n  loading: 'M12 3a9 9 0 019 9',\n  bell: 'M14.857 17.082a23.848 23.848 0 005.454-1.31A8.967 8.967 0 0118 9.75v-.7V9A6 6 0 006 9v.75a8.967 8.967 0 01-2.312 6.022c1.733.64 3.56 1.085 5.455 1.31m5.714 0a24.255 24.255 0 01-5.714 0m5.714 0a3 3 0 11-5.714 0',\n};\n\nfunction glyph(name: Tone | 'bell', className: string): SVGSVGElement {\n  const svg = document.createElementNS(SVG_NS, 'svg');\n  svg.setAttribute('class', className);\n  svg.setAttribute('fill', 'none');\n  svg.setAttribute('viewBox', '0 0 24 24');\n  svg.setAttribute('stroke', 'currentColor');\n  svg.setAttribute('stroke-width', '2');\n  const path = document.createElementNS(SVG_NS, 'path');\n  path.setAttribute('stroke-linecap', 'round');\n  if (name !== 'loading') path.setAttribute('stroke-linejoin', 'round');\n  path.setAttribute('d', GLYPHS[name]);\n  svg.appendChild(path);\n  return svg;\n}\n\nfunction div(className: string, text?: string): HTMLDivElement {\n  const el = document.createElement('div');\n  el.className = className;\n  if (text !== undefined) el.textContent = text;\n  return el;\n}\n\n// ── Toast (operation feedback) — top-center, brief ──\n\nfunction showToast(variant: Tone, message: string,\n                   opts?: ToastOptions): { dismiss: () => void } {\n  const opts_ = { ...defaults, ...opts };\n  const placement: ToastPlacement = opts_.placement ?? 'top';\n  const sticky = opts_.sticky ?? false;\n\n  // A repeat of a message already on screen refreshes it instead of stacking.\n  const key = `${placement}|${variant}|${message}`;\n  if (opts_.dedupe) {\n    const existing = live.get(key);\n    if (existing) { existing.restart(); return { dismiss: existing.dismiss }; }\n  }\n\n  // A loading toast is the START of an operation — the sound belongs to the\n  // outcome, which follows in a moment.\n  if (variant !== 'loading') {\n    import('../utils/sounds').then(s => {\n      if (variant === 'success') s.playSuccess();\n      else if (variant === 'error') s.playError();\n      else s.playNotification();\n    }).catch(() => {});\n  }\n\n  const container = placement === 'bottom'\n    ? getOrCreate(TOAST_BOTTOM_CONTAINER_ID, 'fixed bottom-4 left-1/2 -translate-x-1/2 z-[9999] flex flex-col-reverse gap-2 items-center pointer-events-none')\n    : getOrCreate(TOAST_CONTAINER_ID, 'fixed top-4 left-1/2 -translate-x-1/2 z-[9999] flex flex-col gap-2 items-center pointer-events-none');\n\n  // Enter from the edge the toast is anchored to, so it reads as arriving from\n  // off-screen rather than drifting in from the wrong direction.\n  const offscreen = placement === 'bottom' ? 'translateY(10px)' : 'translateY(-10px)';\n\n  // The tone is a CLASS: `.rosh-tone-warning` and friends in ui.css colour the\n  // glyph through `--rosh-toast-*`. Warning is amber and deliberately not the\n  // error red: a warning is something to read before continuing, not something\n  // that failed, and painting both red teaches people to ignore the colour.\n  const el = div('pointer-events-auto cursor-pointer rosh-toast');\n  el.style.opacity = '0';\n  el.style.transform = `${offscreen} scale(0.95)`;\n  // A toast IS a status message, and it appears without the user moving focus\n  // — so without a live region it is announced to nobody. `alert` is\n  // assertive and interrupts whatever is being read, which is right for a\n  // failure and wrong for a confirmation the user already expected.\n  el.setAttribute('role', variant === 'error' ? 'alert' : 'status');\n  // Read the whole toast, not the word that changed. Without it a repeat that\n  // only alters a number announces the number alone.\n  el.setAttribute('aria-atomic', 'true');\n\n  el.appendChild(glyph(variant, `h-4 w-4 rosh-tone-${variant}${variant === 'loading' ? ' animate-spin' : ''}`));\n  const span = document.createElement('span');\n  span.textContent = message;\n  el.appendChild(span);\n\n  container.appendChild(el);\n  requestAnimationFrame(() => { el.style.opacity = '1'; el.style.transform = 'translateY(0) scale(1)'; });\n\n  let timer: ReturnType<typeof setTimeout> | undefined;\n  let gone = false;\n  const dismiss = () => {\n    if (gone) return;\n    gone = true;\n    if (timer) clearTimeout(timer);\n    live.delete(key);\n    el.style.opacity = '0';\n    el.style.transform = `${offscreen} scale(0.95)`;\n    setTimeout(() => el.remove(), FADE_MS);\n  };\n\n  // Info messages are usually a sentence (\"no matches — check X\"); give them a\n  // beat longer to read than the terse success/error confirmations.\n  const duration = opts_.duration ?? (variant === 'info' ? 4500 : 3000);\n  const restart = () => {\n    if (timer) clearTimeout(timer);\n    if (!sticky) timer = setTimeout(dismiss, duration);\n  };\n  restart();\n\n  // Hold the timer while the pointer rests on it. Three seconds is enough to\n  // read a confirmation and not enough to read an address someone leaned in\n  // for — and a toast that vanishes as you reach for it cannot be re-read at\n  // all, since there is no history to open.\n  el.addEventListener('mouseenter', () => { if (timer) clearTimeout(timer); });\n  el.addEventListener('mouseleave', () => { if (!gone) restart(); });\n\n  // Tap anywhere on the toast to dismiss it. A toast has no other click\n  // affordance, and a sticky one has no other exit at all — `notify` has\n  // behaved this way since it existed.\n  el.addEventListener('click', dismiss);\n\n  live.set(key, { el, restart, dismiss });\n  // Internal handle — `toast.promise` swaps its loading toast for the outcome.\n  return { dismiss };\n}\n\n// ── Notification (system alert) — top-right, stays longer ──\n\nfunction showNotification(message: string, opts?: { duration?: number }) {\n  import('../utils/sounds').then(s => s.playNotification()).catch(() => {});\n\n  const container = getOrCreate(NOTIF_CONTAINER_ID, 'fixed top-4 right-4 z-[9999] flex flex-col gap-3 items-end pointer-events-none');\n\n  const el = div('pointer-events-auto cursor-pointer rosh-notif');\n  el.style.opacity = '0';\n  el.style.transform = 'translateX(30px) scale(0.95)';\n\n  const badge = div('rosh-notif-badge');\n  badge.appendChild(glyph('bell', 'h-5 w-5'));\n  const body = div('rosh-notif-body');\n  // The heading is the app's catalog word — read here, outside React.\n  body.append(div('rosh-notif-title', currentShellStrings().toast.notification), div('notif-msg rosh-notif-msg', message));\n  // The close button's hover colour is a `:hover` rule in ui.css. It was an\n  // `onmouseenter` attribute — inline script, refused by a strict CSP.\n  const close = document.createElement('button');\n  close.className = 'rosh-notif-close';\n  close.textContent = '×';\n  el.append(badge, body, close);\n\n  const dismiss = () => {\n    el.style.opacity = '0';\n    el.style.transform = 'translateX(30px) scale(0.95)';\n    setTimeout(() => el.remove(), FADE_MS);\n  };\n\n  close.addEventListener('click', (e) => { e.stopPropagation(); dismiss(); });\n  el.addEventListener('click', dismiss);\n\n  container.appendChild(el);\n  requestAnimationFrame(() => { el.style.opacity = '1'; el.style.transform = 'translateX(0) scale(1)'; });\n\n  setTimeout(dismiss, opts?.duration ?? 10000);\n}\n\nconst toast = {\n  success: (message: string, opts?: ToastOptions) => showToast('success', message, opts),\n  error: (message: string, opts?: ToastOptions) => showToast('error', message, opts),\n  /**\n   * Something the user should read before continuing — a partial success, a\n   * setting that will not apply until they do something else. Distinct from\n   * `error`, which is \"this did not happen\".\n   */\n  warning: (message: string, opts?: ToastOptions) => showToast('warning', message, opts),\n  info: (message: string, opts?: ToastOptions) => showToast('info', message, opts),\n  // Persistent top-right notification card (the old toast.info presentation).\n  notify: (message: string, opts?: { duration?: number }) => showNotification(message, opts),\n  /**\n   * One toast for one async operation: a spinning \"loading\" toast while `p`\n   * is pending, swapped for a success or error toast when it settles. The\n   * promise is returned untouched, so `await toast.promise(save(), …)` still\n   * throws to the caller — this narrates the operation, it does not handle it.\n   *\n   * `error` is REQUIRED, and there is deliberately no fallback that prints\n   * the exception: a raw `e.message` in a toast is how internals leak to the\n   * screen (the same reasoning that keeps ErrorBoundary's stack behind\n   * `showDetails`). The success/error messages may be functions of the\n   * resolved value / the rejection, for the \"Saved 3 rows\" case.\n   */\n  promise: <T,>(\n    p: Promise<T>,\n    msgs: {\n      loading: string;\n      success: string | ((value: T) => string);\n      error: string | ((error: unknown) => string);\n    },\n    opts?: ToastOptions,\n  ): Promise<T> => {\n    const pending = showToast('loading', msgs.loading, { ...opts, sticky: true });\n    p.then(\n      value => {\n        pending.dismiss();\n        showToast('success', typeof msgs.success === 'function' ? msgs.success(value) : msgs.success, opts);\n      },\n      error => {\n        pending.dismiss();\n        showToast('error', typeof msgs.error === 'function' ? msgs.error(error) : msgs.error, opts);\n      },\n    );\n    return p;\n  },\n  /**\n   * Set defaults for every subsequent toast. Call once at app startup; later\n   * calls replace the whole object rather than merging, so a consumer sets its\n   * policy in one place. Per-call options still take precedence.\n   */\n  configure: (next: ToastOptions) => { defaults = { ...next }; },\n};\n\nexport default toast;\n"]}