@eifi1/ui-kit 0.44.0 → 0.46.0

package/dist/offline/shared-computer.d.ts

@@ -0,0 +1,44 @@
+import { type LabelOverride } from "../i18n/kit-labels.js";
+import { DEFAULT_SHARED_COMPUTER_LABELS } from "./shared-computer-labels.js";
+/**
+ * "This is a shared computer" — a choice on the sign-in form that persists nothing
+ * (docs/local-first-harmonization.md §1.5 D6, D7). When it is on, the app does not mount
+ * the query persistence (`createQueryPersistence`): the cache lives in memory only.
+ *
+ * The choice must live exactly as long as the session it governs. By default it is held in
+ * `sessionStorage`, which fits a session that ends with the tab. An app whose session
+ * outlives the tab (a refresh token in `localStorage`: kastlan) passes `storage: "local"`
+ * and calls `setSharedComputer(false)` at every end of that session (logout, a failed
+ * refresh), beside removing the token. `isSharedComputer()` reads both places, so a choice
+ * made in either keeps the cache in memory. Where storage is blocked, `isSharedComputer()`
+ * is `false` and `setSharedComputer` does nothing.
+ */
+export interface SharedComputerLabels {
+    label: string;
+    /** The one line under it: what the choice does. */
+    hint: string;
+}
+export { DEFAULT_SHARED_COMPUTER_LABELS };
+/** Where the choice is held: `"session"` (this tab, the default) or `"local"` (as long as
+ *  a session kept in `localStorage`, until `setSharedComputer(false)`). */
+export type SharedComputerStorage = "session" | "local";
+/** Whether this session was signed in as on a shared computer, the choice held in either
+ *  place. `false` when storage is unavailable. */
+export declare function isSharedComputer(): boolean;
+/** Records the choice in `options.storage` (default `"session"`), and only there; `false`
+ *  forgets it in both places. */
+export declare function setSharedComputer(on: boolean, options?: {
+    storage?: SharedComputerStorage;
+}): void;
+export interface SharedComputerChoiceProps {
+    /** Controlled. Left out, the box starts from {@link isSharedComputer}. */
+    checked?: boolean;
+    /** Told after the choice is stored. */
+    onCheckedChange?: (on: boolean) => void;
+    /** Where the choice is stored: see {@link setSharedComputer}. Default `"session"`. */
+    storage?: SharedComputerStorage;
+    disabled?: boolean;
+    className?: string;
+    labels?: LabelOverride<SharedComputerLabels>;
+}
+export declare function SharedComputerChoice({ checked, onCheckedChange, storage, disabled, className, labels: labelsProp, }: SharedComputerChoiceProps): import("react").JSX.Element;

package/dist/offline/shared-computer.js

@@ -0,0 +1,51 @@
+"use client";
+import { jsx } from "react/jsx-runtime";
+import { useState } from "react";
+import { useKitLabels } from "../i18n/kit-labels.js";
+import { Checkbox } from "../components/checkbox.js";
+import { readSessionStored, readStored, removeStored, writeSessionStored, writeStored } from "../lib/safe-storage.js";
+import { DEFAULT_SHARED_COMPUTER_LABELS } from "./shared-computer-labels.js";
+const KEY = "eifi1-shared-computer";
+function isSharedComputer() {
+  return readSessionStored(KEY) === "1" || readStored(KEY) === "1";
+}
+function setSharedComputer(on, options = {}) {
+  const local = options.storage === "local";
+  writeSessionStored(KEY, on && !local ? "1" : null);
+  if (on && local) writeStored(KEY, "1");
+  else removeStored(KEY);
+}
+function SharedComputerChoice({
+  checked,
+  onCheckedChange,
+  storage,
+  disabled,
+  className,
+  labels: labelsProp
+}) {
+  const labels = useKitLabels("sharedComputer", DEFAULT_SHARED_COMPUTER_LABELS, labelsProp);
+  const [own, setOwn] = useState(isSharedComputer);
+  const on = checked ?? own;
+  return /* @__PURE__ */ jsx(
+    Checkbox,
+    {
+      className,
+      label: labels.label,
+      description: labels.hint,
+      checked: on,
+      disabled,
+      onCheckedChange: (next) => {
+        setSharedComputer(next, { storage });
+        setOwn(next);
+        onCheckedChange?.(next);
+      }
+    }
+  );
+}
+export {
+  DEFAULT_SHARED_COMPUTER_LABELS,
+  SharedComputerChoice,
+  isSharedComputer,
+  setSharedComputer
+};
+//# sourceMappingURL=shared-computer.js.map

package/dist/offline/shared-computer.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/offline/shared-computer.tsx"],"sourcesContent":["import { useState } from \"react\";\nimport { useKitLabels, type LabelOverride } from \"../i18n/kit-labels\";\nimport { Checkbox } from \"../components/checkbox\";\nimport { readSessionStored, readStored, removeStored, writeSessionStored, writeStored } from \"../lib/safe-storage\";\nimport { DEFAULT_SHARED_COMPUTER_LABELS } from \"./shared-computer-labels\";\n\n/**\n * \"This is a shared computer\" — a choice on the sign-in form that persists nothing\n * (docs/local-first-harmonization.md §1.5 D6, D7). When it is on, the app does not mount\n * the query persistence (`createQueryPersistence`): the cache lives in memory only.\n *\n * The choice must live exactly as long as the session it governs. By default it is held in\n * `sessionStorage`, which fits a session that ends with the tab. An app whose session\n * outlives the tab (a refresh token in `localStorage`: kastlan) passes `storage: \"local\"`\n * and calls `setSharedComputer(false)` at every end of that session (logout, a failed\n * refresh), beside removing the token. `isSharedComputer()` reads both places, so a choice\n * made in either keeps the cache in memory. Where storage is blocked, `isSharedComputer()`\n * is `false` and `setSharedComputer` does nothing.\n */\nexport interface SharedComputerLabels {\n  label: string;\n  /** The one line under it: what the choice does. */\n  hint: string;\n}\n\n// Defined in ./shared-computer-labels, which holds no component code (0.34, KS U8).\nexport { DEFAULT_SHARED_COMPUTER_LABELS };\n\nconst KEY = \"eifi1-shared-computer\";\n\n/** Where the choice is held: `\"session\"` (this tab, the default) or `\"local\"` (as long as\n *  a session kept in `localStorage`, until `setSharedComputer(false)`). */\nexport type SharedComputerStorage = \"session\" | \"local\";\n\n/** Whether this session was signed in as on a shared computer, the choice held in either\n *  place. `false` when storage is unavailable. */\nexport function isSharedComputer(): boolean {\n  return readSessionStored(KEY) === \"1\" || readStored(KEY) === \"1\";\n}\n\n/** Records the choice in `options.storage` (default `\"session\"`), and only there; `false`\n *  forgets it in both places. */\nexport function setSharedComputer(on: boolean, options: { storage?: SharedComputerStorage } = {}): void {\n  const local = options.storage === \"local\";\n  writeSessionStored(KEY, on && !local ? \"1\" : null);\n  if (on && local) writeStored(KEY, \"1\");\n  else removeStored(KEY);\n}\n\nexport interface SharedComputerChoiceProps {\n  /** Controlled. Left out, the box starts from {@link isSharedComputer}. */\n  checked?: boolean;\n  /** Told after the choice is stored. */\n  onCheckedChange?: (on: boolean) => void;\n  /** Where the choice is stored: see {@link setSharedComputer}. Default `\"session\"`. */\n  storage?: SharedComputerStorage;\n  disabled?: boolean;\n  className?: string;\n  labels?: LabelOverride<SharedComputerLabels>;\n}\n\nexport function SharedComputerChoice({\n  checked,\n  onCheckedChange,\n  storage,\n  disabled,\n  className,\n  labels: labelsProp,\n}: SharedComputerChoiceProps) {\n  const labels = useKitLabels(\"sharedComputer\", DEFAULT_SHARED_COMPUTER_LABELS, labelsProp);\n  const [own, setOwn] = useState(isSharedComputer);\n  const on = checked ?? own;\n  return (\n    <Checkbox\n      className={className}\n      label={labels.label}\n      description={labels.hint}\n      checked={on}\n      disabled={disabled}\n      onCheckedChange={(next) => {\n        setSharedComputer(next, { storage });\n        setOwn(next);\n        onCheckedChange?.(next);\n      }}\n    />\n  );\n}\n"],"mappings":";AAyEI;AAzEJ,SAAS,gBAAgB;AACzB,SAAS,oBAAwC;AACjD,SAAS,gBAAgB;AACzB,SAAS,mBAAmB,YAAY,cAAc,oBAAoB,mBAAmB;AAC7F,SAAS,sCAAsC;AAwB/C,MAAM,MAAM;AAQL,SAAS,mBAA4B;AAC1C,SAAO,kBAAkB,GAAG,MAAM,OAAO,WAAW,GAAG,MAAM;AAC/D;AAIO,SAAS,kBAAkB,IAAa,UAA+C,CAAC,GAAS;AACtG,QAAM,QAAQ,QAAQ,YAAY;AAClC,qBAAmB,KAAK,MAAM,CAAC,QAAQ,MAAM,IAAI;AACjD,MAAI,MAAM,MAAO,aAAY,KAAK,GAAG;AAAA,MAChC,cAAa,GAAG;AACvB;AAcO,SAAS,qBAAqB;AAAA,EACnC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,QAAQ;AACV,GAA8B;AAC5B,QAAM,SAAS,aAAa,kBAAkB,gCAAgC,UAAU;AACxF,QAAM,CAAC,KAAK,MAAM,IAAI,SAAS,gBAAgB;AAC/C,QAAM,KAAK,WAAW;AACtB,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA,OAAO,OAAO;AAAA,MACd,aAAa,OAAO;AAAA,MACpB,SAAS;AAAA,MACT;AAAA,MACA,iBAAiB,CAAC,SAAS;AACzB,0BAAkB,MAAM,EAAE,QAAQ,CAAC;AACnC,eAAO,IAAI;AACX,0BAAkB,IAAI;AAAA,MACxB;AAAA;AAAA,EACF;AAEJ;","names":[]}

package/dist/offline/sign-out-pending-dialog-labels.d.ts

@@ -0,0 +1,2 @@
+import type { SignOutPendingDialogLabels } from "./sign-out-pending-dialog.js";
+export declare const DEFAULT_SIGN_OUT_PENDING_DIALOG_LABELS: SignOutPendingDialogLabels;

package/dist/offline/sign-out-pending-dialog-labels.js

@@ -0,0 +1,14 @@
+"use client";
+const DEFAULT_SIGN_OUT_PENDING_DIALOG_LABELS = {
+  title: "Some changes have not been saved to the server yet",
+  lost: (count) => count === 1 ? "1 change is still waiting to sync. Logging out clears this device\u2019s copy, and it is the only copy." : `${count} changes are still waiting to sync. Logging out clears this device\u2019s copy, and it is the only copy.`,
+  kept: (count) => count === 1 ? "1 change is still waiting to sync. It stays on this device for you and syncs the next time you log in here." : `${count} changes are still waiting to sync. They stay on this device for you and sync the next time you log in here.`,
+  syncNow: "Sync now",
+  signOutAnyway: "Log out anyway",
+  discardWaiting: "Discard waiting changes",
+  cancel: "Cancel"
+};
+export {
+  DEFAULT_SIGN_OUT_PENDING_DIALOG_LABELS
+};
+//# sourceMappingURL=sign-out-pending-dialog-labels.js.map

package/dist/offline/sign-out-pending-dialog-labels.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/offline/sign-out-pending-dialog-labels.ts"],"sourcesContent":["// The English words of ./sign-out-pending-dialog, in a module with no component code: the\n// English catalogue (src/i18n/defaults.ts) imports them without the component (0.34, KS U8).\n// keksdose's reviewed words (nav.logout_queued_*, account-menu.tsx:247-317) are the canon.\n\nimport type { SignOutPendingDialogLabels } from \"./sign-out-pending-dialog\";\n\nexport const DEFAULT_SIGN_OUT_PENDING_DIALOG_LABELS: SignOutPendingDialogLabels = {\n  title: \"Some changes have not been saved to the server yet\",\n  lost: (count) =>\n    count === 1\n      ? \"1 change is still waiting to sync. Logging out clears this device’s copy, and it is the only copy.\"\n      : `${count} changes are still waiting to sync. Logging out clears this device’s copy, and it is the only copy.`,\n  kept: (count) =>\n    count === 1\n      ? \"1 change is still waiting to sync. It stays on this device for you and syncs the next time you log in here.\"\n      : `${count} changes are still waiting to sync. They stay on this device for you and sync the next time you log in here.`,\n  syncNow: \"Sync now\",\n  signOutAnyway: \"Log out anyway\",\n  discardWaiting: \"Discard waiting changes\",\n  cancel: \"Cancel\",\n};\n"],"mappings":";AAMO,MAAM,yCAAqE;AAAA,EAChF,OAAO;AAAA,EACP,MAAM,CAAC,UACL,UAAU,IACN,4GACA,GAAG,KAAK;AAAA,EACd,MAAM,CAAC,UACL,UAAU,IACN,gHACA,GAAG,KAAK;AAAA,EACd,SAAS;AAAA,EACT,eAAe;AAAA,EACf,gBAAgB;AAAA,EAChB,QAAQ;AACV;","names":[]}

package/dist/offline/sign-out-pending-dialog.d.ts

@@ -0,0 +1,58 @@
+import type { ReactNode } from "react";
+import { type LabelOverride } from "../i18n/kit-labels.js";
+import { DEFAULT_SIGN_OUT_PENDING_DIALOG_LABELS } from "./sign-out-pending-dialog-labels.js";
+/**
+ * The question before an explicit sign-out while changes still wait to sync — keksdose's
+ * confirm (account-menu.tsx:247-317) as a kit dialog (docs/local-first-harmonization.md
+ * §1.5 D6, §1.6). Show it only when `queued > 0` and only on a sign-out someone asked for:
+ * never from a session-ended hook, which cannot ask anyone.
+ *
+ * "Sync now" is the primary action: the queued writes are the person's own data. It runs
+ * `onSyncNow`, is busy while that runs, then calls `onClose` without signing out — the
+ * count has moved and the caller re-evaluates (signs out at once when nothing is left, or
+ * opens this again with the new number). "Log out anyway" stays as the escape hatch, usable
+ * while a sync runs (a hanging one would trap the person otherwise): a device that cannot
+ * reach the server must still be able to sign out. Only a running discard holds it.
+ *
+ * The words depend on what the app does with the queue at sign-out (`keepsChanges`):
+ * kastlan keeps the outbox for its owner, keksdose wipes it — and keksdose's copy must not
+ * say the changes stay.
+ */
+export interface SignOutPendingDialogLabels {
+    title: string;
+    /** `keepsChanges={false}`: signing out destroys the device's copy. */
+    lost: (count: number) => string;
+    /** `keepsChanges`: the queue stays on the device for its owner. */
+    kept: (count: number) => string;
+    syncNow: string;
+    signOutAnyway: string;
+    /** Only with `onDiscardWaiting` and `waitingForPlan > 0` (the billing kit's words). */
+    discardWaiting: string;
+    cancel: string;
+}
+export { DEFAULT_SIGN_OUT_PENDING_DIALOG_LABELS };
+export interface SignOutPendingDialogProps {
+    open: boolean;
+    /** Changes not yet on the server: pending + blocked. The tour `:pending` record is not
+     *  one of them (D6). */
+    queued: number;
+    /** Of those, the ones waiting for a plan (billing's read-only refusal). */
+    waitingForPlan: number;
+    /** Runs one sync round. The dialog closes when it settles, whatever it managed. */
+    onSyncNow: () => Promise<unknown> | void;
+    /** Signs out now, queue or not. */
+    onSignOutAnyway: () => void;
+    /** Lets the plan-waiting changes go; the dialog then signs out as asked. Without it
+     *  (or with `waitingForPlan` 0) the button is not shown. */
+    onDiscardWaiting?: () => Promise<unknown> | void;
+    /** `true` (kastlan): the changes stay on this device for their owner. `false`
+     *  (keksdose): they are lost. Picks the words. */
+    keepsChanges: boolean;
+    /** Room under the sentence — the billing kit's `waitingChanges` line. Shown only while
+     *  `waitingForPlan > 0`, so a 0-count line never shows. */
+    extra?: ReactNode;
+    /** Cancel, Escape, the X — and after "Sync now". */
+    onClose: () => void;
+    labels?: LabelOverride<SignOutPendingDialogLabels>;
+}
+export declare function SignOutPendingDialog({ open, queued, waitingForPlan, onSyncNow, onSignOutAnyway, onDiscardWaiting, keepsChanges, extra, onClose, labels: labelsProp, }: SignOutPendingDialogProps): import("react").JSX.Element;

package/dist/offline/sign-out-pending-dialog.js

@@ -0,0 +1,66 @@
+"use client";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { useState } from "react";
+import { useKitLabels } from "../i18n/kit-labels.js";
+import { Button } from "../components/button.js";
+import { DialogFrame } from "../components/dialog-frame.js";
+import { DEFAULT_SIGN_OUT_PENDING_DIALOG_LABELS } from "./sign-out-pending-dialog-labels.js";
+function SignOutPendingDialog({
+  open,
+  queued,
+  waitingForPlan,
+  onSyncNow,
+  onSignOutAnyway,
+  onDiscardWaiting,
+  keepsChanges,
+  extra,
+  onClose,
+  labels: labelsProp
+}) {
+  const labels = useKitLabels("signOutPending", DEFAULT_SIGN_OUT_PENDING_DIALOG_LABELS, labelsProp);
+  const [syncing, setSyncing] = useState(false);
+  const [discarding, setDiscarding] = useState(false);
+  const syncNow = async () => {
+    setSyncing(true);
+    try {
+      await onSyncNow();
+    } catch {
+    } finally {
+      setSyncing(false);
+    }
+    onClose();
+  };
+  const discard = async () => {
+    if (!onDiscardWaiting) return;
+    setDiscarding(true);
+    try {
+      await onDiscardWaiting();
+    } finally {
+      setDiscarding(false);
+    }
+    onSignOutAnyway();
+  };
+  return /* @__PURE__ */ jsx(
+    DialogFrame,
+    {
+      open,
+      role: "alertdialog",
+      onClose,
+      title: labels.title,
+      description: keepsChanges ? labels.kept(queued) : labels.lost(queued),
+      closeButton: true,
+      actions: /* @__PURE__ */ jsxs(Fragment, { children: [
+        /* @__PURE__ */ jsx(Button, { variant: "secondary", onClick: onClose, children: labels.cancel }),
+        onDiscardWaiting && waitingForPlan > 0 && /* @__PURE__ */ jsx(Button, { variant: "secondary", pending: discarding, disabled: syncing, onClick: () => void discard(), children: labels.discardWaiting }),
+        /* @__PURE__ */ jsx(Button, { pending: syncing, disabled: discarding, onClick: () => void syncNow(), children: labels.syncNow }),
+        /* @__PURE__ */ jsx(Button, { variant: "secondary", disabled: discarding, onClick: onSignOutAnyway, children: labels.signOutAnyway })
+      ] }),
+      children: waitingForPlan > 0 && (typeof extra === "string" ? /* @__PURE__ */ jsx("p", { className: "text-sm text-muted", children: extra }) : extra)
+    }
+  );
+}
+export {
+  DEFAULT_SIGN_OUT_PENDING_DIALOG_LABELS,
+  SignOutPendingDialog
+};
+//# sourceMappingURL=sign-out-pending-dialog.js.map

package/dist/offline/sign-out-pending-dialog.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/offline/sign-out-pending-dialog.tsx"],"sourcesContent":["import { useState } from \"react\";\nimport type { ReactNode } from \"react\";\nimport { useKitLabels, type LabelOverride } from \"../i18n/kit-labels\";\nimport { Button } from \"../components/button\";\nimport { DialogFrame } from \"../components/dialog-frame\";\nimport { DEFAULT_SIGN_OUT_PENDING_DIALOG_LABELS } from \"./sign-out-pending-dialog-labels\";\n\n/**\n * The question before an explicit sign-out while changes still wait to sync — keksdose's\n * confirm (account-menu.tsx:247-317) as a kit dialog (docs/local-first-harmonization.md\n * §1.5 D6, §1.6). Show it only when `queued > 0` and only on a sign-out someone asked for:\n * never from a session-ended hook, which cannot ask anyone.\n *\n * \"Sync now\" is the primary action: the queued writes are the person's own data. It runs\n * `onSyncNow`, is busy while that runs, then calls `onClose` without signing out — the\n * count has moved and the caller re-evaluates (signs out at once when nothing is left, or\n * opens this again with the new number). \"Log out anyway\" stays as the escape hatch, usable\n * while a sync runs (a hanging one would trap the person otherwise): a device that cannot\n * reach the server must still be able to sign out. Only a running discard holds it.\n *\n * The words depend on what the app does with the queue at sign-out (`keepsChanges`):\n * kastlan keeps the outbox for its owner, keksdose wipes it — and keksdose's copy must not\n * say the changes stay.\n */\nexport interface SignOutPendingDialogLabels {\n  title: string;\n  /** `keepsChanges={false}`: signing out destroys the device's copy. */\n  lost: (count: number) => string;\n  /** `keepsChanges`: the queue stays on the device for its owner. */\n  kept: (count: number) => string;\n  syncNow: string;\n  signOutAnyway: string;\n  /** Only with `onDiscardWaiting` and `waitingForPlan > 0` (the billing kit's words). */\n  discardWaiting: string;\n  cancel: string;\n}\n\n// Defined in ./sign-out-pending-dialog-labels, which holds no component code (0.34, KS U8).\nexport { DEFAULT_SIGN_OUT_PENDING_DIALOG_LABELS };\n\nexport interface SignOutPendingDialogProps {\n  open: boolean;\n  /** Changes not yet on the server: pending + blocked. The tour `:pending` record is not\n   *  one of them (D6). */\n  queued: number;\n  /** Of those, the ones waiting for a plan (billing's read-only refusal). */\n  waitingForPlan: number;\n  /** Runs one sync round. The dialog closes when it settles, whatever it managed. */\n  onSyncNow: () => Promise<unknown> | void;\n  /** Signs out now, queue or not. */\n  onSignOutAnyway: () => void;\n  /** Lets the plan-waiting changes go; the dialog then signs out as asked. Without it\n   *  (or with `waitingForPlan` 0) the button is not shown. */\n  onDiscardWaiting?: () => Promise<unknown> | void;\n  /** `true` (kastlan): the changes stay on this device for their owner. `false`\n   *  (keksdose): they are lost. Picks the words. */\n  keepsChanges: boolean;\n  /** Room under the sentence — the billing kit's `waitingChanges` line. Shown only while\n   *  `waitingForPlan > 0`, so a 0-count line never shows. */\n  extra?: ReactNode;\n  /** Cancel, Escape, the X — and after \"Sync now\". */\n  onClose: () => void;\n  labels?: LabelOverride<SignOutPendingDialogLabels>;\n}\n\nexport function SignOutPendingDialog({\n  open,\n  queued,\n  waitingForPlan,\n  onSyncNow,\n  onSignOutAnyway,\n  onDiscardWaiting,\n  keepsChanges,\n  extra,\n  onClose,\n  labels: labelsProp,\n}: SignOutPendingDialogProps) {\n  const labels = useKitLabels(\"signOutPending\", DEFAULT_SIGN_OUT_PENDING_DIALOG_LABELS, labelsProp);\n  const [syncing, setSyncing] = useState(false);\n  const [discarding, setDiscarding] = useState(false);\n\n  const syncNow = async () => {\n    setSyncing(true);\n    try {\n      await onSyncNow();\n    } catch {\n      /* whatever the sync managed, the decision is the person's again */\n    } finally {\n      setSyncing(false);\n    }\n    onClose();\n  };\n\n  const discard = async () => {\n    if (!onDiscardWaiting) return;\n    setDiscarding(true);\n    try {\n      await onDiscardWaiting();\n    } finally {\n      setDiscarding(false);\n    }\n    onSignOutAnyway();\n  };\n\n  return (\n    <DialogFrame\n      open={open}\n      role=\"alertdialog\"\n      onClose={onClose}\n      title={labels.title}\n      description={keepsChanges ? labels.kept(queued) : labels.lost(queued)}\n      closeButton\n      actions={\n        <>\n          <Button variant=\"secondary\" onClick={onClose}>\n            {labels.cancel}\n          </Button>\n          {onDiscardWaiting && waitingForPlan > 0 && (\n            <Button variant=\"secondary\" pending={discarding} disabled={syncing} onClick={() => void discard()}>\n              {labels.discardWaiting}\n            </Button>\n          )}\n          <Button pending={syncing} disabled={discarding} onClick={() => void syncNow()}>\n            {labels.syncNow}\n          </Button>\n          <Button variant=\"secondary\" disabled={discarding} onClick={onSignOutAnyway}>\n            {labels.signOutAnyway}\n          </Button>\n        </>\n      }\n    >\n      {waitingForPlan > 0 && (typeof extra === \"string\" ? <p className=\"text-sm text-muted\">{extra}</p> : extra)}\n    </DialogFrame>\n  );\n}\n"],"mappings":";AAiHQ,mBACE,KADF;AAjHR,SAAS,gBAAgB;AAEzB,SAAS,oBAAwC;AACjD,SAAS,cAAc;AACvB,SAAS,mBAAmB;AAC5B,SAAS,8CAA8C;AA4DhD,SAAS,qBAAqB;AAAA,EACnC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,QAAQ;AACV,GAA8B;AAC5B,QAAM,SAAS,aAAa,kBAAkB,wCAAwC,UAAU;AAChG,QAAM,CAAC,SAAS,UAAU,IAAI,SAAS,KAAK;AAC5C,QAAM,CAAC,YAAY,aAAa,IAAI,SAAS,KAAK;AAElD,QAAM,UAAU,YAAY;AAC1B,eAAW,IAAI;AACf,QAAI;AACF,YAAM,UAAU;AAAA,IAClB,QAAQ;AAAA,IAER,UAAE;AACA,iBAAW,KAAK;AAAA,IAClB;AACA,YAAQ;AAAA,EACV;AAEA,QAAM,UAAU,YAAY;AAC1B,QAAI,CAAC,iBAAkB;AACvB,kBAAc,IAAI;AAClB,QAAI;AACF,YAAM,iBAAiB;AAAA,IACzB,UAAE;AACA,oBAAc,KAAK;AAAA,IACrB;AACA,oBAAgB;AAAA,EAClB;AAEA,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA,MAAK;AAAA,MACL;AAAA,MACA,OAAO,OAAO;AAAA,MACd,aAAa,eAAe,OAAO,KAAK,MAAM,IAAI,OAAO,KAAK,MAAM;AAAA,MACpE,aAAW;AAAA,MACX,SACE,iCACE;AAAA,4BAAC,UAAO,SAAQ,aAAY,SAAS,SAClC,iBAAO,QACV;AAAA,QACC,oBAAoB,iBAAiB,KACpC,oBAAC,UAAO,SAAQ,aAAY,SAAS,YAAY,UAAU,SAAS,SAAS,MAAM,KAAK,QAAQ,GAC7F,iBAAO,gBACV;AAAA,QAEF,oBAAC,UAAO,SAAS,SAAS,UAAU,YAAY,SAAS,MAAM,KAAK,QAAQ,GACzE,iBAAO,SACV;AAAA,QACA,oBAAC,UAAO,SAAQ,aAAY,UAAU,YAAY,SAAS,iBACxD,iBAAO,eACV;AAAA,SACF;AAAA,MAGD,2BAAiB,MAAM,OAAO,UAAU,WAAW,oBAAC,OAAE,WAAU,sBAAsB,iBAAM,IAAO;AAAA;AAAA,EACtG;AAEJ;","names":[]}

package/dist/offline.d.ts

@@ -0,0 +1,11 @@
+export { createQueryPersistence, DEFAULT_SCRUB_FIELDS, isCacheSafe, removeStaleQueryCopies } from "./offline/query-persistence.js";
+export type { QueryPersistence, QueryPersistenceOptions, QueryPersistenceStorage, RemoveStaleQueryCopiesOptions, ScrubField, } from "./offline/query-persistence.js";
+export { SignOutPendingDialog, DEFAULT_SIGN_OUT_PENDING_DIALOG_LABELS } from "./offline/sign-out-pending-dialog.js";
+export type { SignOutPendingDialogProps, SignOutPendingDialogLabels } from "./offline/sign-out-pending-dialog.js";
+export { PwaUpdatePrompt, DEFAULT_PWA_UPDATE_PROMPT_LABELS } from "./offline/pwa-update-prompt.js";
+export type { PwaUpdatePromptProps, PwaUpdatePromptLabels } from "./offline/pwa-update-prompt.js";
+export { createServiceWorkerUpdates, useServiceWorkerUpdate } from "./offline/service-worker-updates.js";
+export type { RegisterServiceWorker, ServiceWorkerUpdates } from "./offline/service-worker-updates.js";
+export { SharedComputerChoice, DEFAULT_SHARED_COMPUTER_LABELS, isSharedComputer, setSharedComputer, } from "./offline/shared-computer.js";
+export type { SharedComputerChoiceProps, SharedComputerLabels, SharedComputerStorage } from "./offline/shared-computer.js";
+export { isOfflineError, readLocalFirst, stampAfter, writeLocalFirst } from "./offline/local-first.js";

package/dist/offline.js

@@ -0,0 +1,33 @@
+"use client";
+import { createQueryPersistence, DEFAULT_SCRUB_FIELDS, isCacheSafe, removeStaleQueryCopies } from "./offline/query-persistence.js";
+import { SignOutPendingDialog, DEFAULT_SIGN_OUT_PENDING_DIALOG_LABELS } from "./offline/sign-out-pending-dialog.js";
+import { PwaUpdatePrompt, DEFAULT_PWA_UPDATE_PROMPT_LABELS } from "./offline/pwa-update-prompt.js";
+import { createServiceWorkerUpdates, useServiceWorkerUpdate } from "./offline/service-worker-updates.js";
+import {
+  SharedComputerChoice,
+  DEFAULT_SHARED_COMPUTER_LABELS,
+  isSharedComputer,
+  setSharedComputer
+} from "./offline/shared-computer.js";
+import { isOfflineError, readLocalFirst, stampAfter, writeLocalFirst } from "./offline/local-first.js";
+export {
+  DEFAULT_PWA_UPDATE_PROMPT_LABELS,
+  DEFAULT_SCRUB_FIELDS,
+  DEFAULT_SHARED_COMPUTER_LABELS,
+  DEFAULT_SIGN_OUT_PENDING_DIALOG_LABELS,
+  PwaUpdatePrompt,
+  SharedComputerChoice,
+  SignOutPendingDialog,
+  createQueryPersistence,
+  createServiceWorkerUpdates,
+  isCacheSafe,
+  isOfflineError,
+  isSharedComputer,
+  readLocalFirst,
+  removeStaleQueryCopies,
+  setSharedComputer,
+  stampAfter,
+  useServiceWorkerUpdate,
+  writeLocalFirst
+};
+//# sourceMappingURL=offline.js.map

package/dist/offline.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/offline.ts"],"sourcesContent":["// `@eifi1/ui-kit/offline` — local-first phase 1 (docs/local-first-harmonization.md §1.6,\n// 0.45): the persisted query cache with its scrub list, the sign-out question while changes\n// wait, the service-worker update prompt, and the shared-computer choice.\n//\n// The only entry point that requires `@tanstack/react-query`,\n// `@tanstack/react-query-persist-client`, `@tanstack/query-async-storage-persister` and\n// `idb-keyval` — optional peers for that reason. NOT re-exported from the main barrel, which\n// would make them everyone's install; the packaging contract test holds that line.\nexport { createQueryPersistence, DEFAULT_SCRUB_FIELDS, isCacheSafe, removeStaleQueryCopies } from \"./offline/query-persistence\";\nexport type {\n  QueryPersistence,\n  QueryPersistenceOptions,\n  QueryPersistenceStorage,\n  RemoveStaleQueryCopiesOptions,\n  ScrubField,\n} from \"./offline/query-persistence\";\nexport { SignOutPendingDialog, DEFAULT_SIGN_OUT_PENDING_DIALOG_LABELS } from \"./offline/sign-out-pending-dialog\";\nexport type { SignOutPendingDialogProps, SignOutPendingDialogLabels } from \"./offline/sign-out-pending-dialog\";\nexport { PwaUpdatePrompt, DEFAULT_PWA_UPDATE_PROMPT_LABELS } from \"./offline/pwa-update-prompt\";\nexport type { PwaUpdatePromptProps, PwaUpdatePromptLabels } from \"./offline/pwa-update-prompt\";\n// 0.46 (kastlan K3): the service worker registered once at start, its update state as a store.\nexport { createServiceWorkerUpdates, useServiceWorkerUpdate } from \"./offline/service-worker-updates\";\nexport type { RegisterServiceWorker, ServiceWorkerUpdates } from \"./offline/service-worker-updates\";\nexport {\n  SharedComputerChoice,\n  DEFAULT_SHARED_COMPUTER_LABELS,\n  isSharedComputer,\n  setSharedComputer,\n} from \"./offline/shared-computer\";\nexport type { SharedComputerChoiceProps, SharedComputerLabels, SharedComputerStorage } from \"./offline/shared-computer\";\n// 0.46 (§2.3): the leaf utilities, shared with `@eifi1/ui-kit/sync` from one module that imports no peer.\nexport { isOfflineError, readLocalFirst, stampAfter, writeLocalFirst } from \"./offline/local-first\";\n"],"mappings":";AAQA,SAAS,wBAAwB,sBAAsB,aAAa,8BAA8B;AAQlG,SAAS,sBAAsB,8CAA8C;AAE7E,SAAS,iBAAiB,wCAAwC;AAGlE,SAAS,4BAA4B,8BAA8B;AAEnE;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AAGP,SAAS,gBAAgB,gBAAgB,YAAY,uBAAuB;","names":[]}

package/dist/push-worker.d.ts

@@ -0,0 +1,2 @@
+export { PUSH_SUBSCRIPTION_CHANGED, handlePushSubscriptionChange, pushSubscriptionInput, resubscribeAfterChange, } from "./notifications/push-worker.js";
+export type { PushReplaceInput, PushResubscribeOutcome, PushSubscriptionChangeEventLike, PushSubscriptionChangeOptions, PushSubscriptionInput, PushWorkerScope, } from "./notifications/push-worker.js";

package/dist/push-worker.js

@@ -0,0 +1,14 @@
+"use client";
+import {
+  PUSH_SUBSCRIPTION_CHANGED,
+  handlePushSubscriptionChange,
+  pushSubscriptionInput,
+  resubscribeAfterChange
+} from "./notifications/push-worker.js";
+export {
+  PUSH_SUBSCRIPTION_CHANGED,
+  handlePushSubscriptionChange,
+  pushSubscriptionInput,
+  resubscribeAfterChange
+};
+//# sourceMappingURL=push-worker.js.map

package/dist/push-worker.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/push-worker.ts"],"sourcesContent":["// `@eifi1/ui-kit/push-worker` — the service worker's half of Web Push (0.46,\n// docs/notifications-harmonization.md §10.6 rule 5): re-registering a subscription the browser\n// rotated. A worker bundle imports from here, never from the main barrel, which reaches React\n// and the DOM components:\n//\n//     // sw.ts\n//     import { handlePushSubscriptionChange } from \"@eifi1/ui-kit/push-worker\";\n//\n// Worker-safe: this entry reaches no package and no module but src/notifications/push-worker.ts\n// (packaging-contract.test.ts, scripts/check-module-graph.mjs, scripts/verify-package.mjs).\n// The main barrel keeps re-exporting the same names, so an existing import keeps working.\nexport {\n  PUSH_SUBSCRIPTION_CHANGED,\n  handlePushSubscriptionChange,\n  pushSubscriptionInput,\n  resubscribeAfterChange,\n} from \"./notifications/push-worker\";\nexport type {\n  PushReplaceInput,\n  PushResubscribeOutcome,\n  PushSubscriptionChangeEventLike,\n  PushSubscriptionChangeOptions,\n  PushSubscriptionInput,\n  PushWorkerScope,\n} from \"./notifications/push-worker\";\n"],"mappings":";AAWA;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;","names":[]}

package/dist/shell/account-menu-text-size.d.ts

@@ -0,0 +1,33 @@
+import { type AppearanceLabels } from "../components/appearance-labels.js";
+import type { LabelOverride } from "../i18n/kit-labels.js";
+import { type TextSize } from "../theme/text-size.js";
+export interface AccountMenuTextSizeProps {
+    /** The size in force. Default: the one on `<html>` ({@link useTextSize}), which is the
+     *  size whoever applied it put there. */
+    value?: TextSize;
+    /**
+     * A step: the next size down or up. The app applies it and keeps it as its Settings ▸
+     * Appearance does — `useAccountAppearance`'s `pickTextSize` (this device, and the
+     * account when signed in), with `appearance.saveFailed` as the toast when the account
+     * refused. The kit does not apply it itself, so the two places can never disagree.
+     */
+    onPick: (size: TextSize) => void;
+    /** The row's name. Default: `appearance.textSize` ("Text size"). */
+    label?: string;
+    /** The `appearance` words (`textSize`, `textSizes`, `textSmaller`, `textLarger`). */
+    labels?: LabelOverride<AppearanceLabels>;
+}
+/**
+ * The text size one tap away, INSIDE the account menu (0.46, keksdose live #426, its
+ * `TextSizeRow`): the row's icon and name, the size in force, and A− / A+, which step
+ * through {@link TEXT_SIZES} (Normal → Large → Extra large). A− is disabled at the
+ * smallest, A+ at the largest. The browser's pinch zoom stays as it is — this is the
+ * quick path to the setting, not a replacement for zoom.
+ *
+ * It renders its own `<li>`: drop it into `TopBarActionMenu`'s `children` beside
+ * `AccountMenuLanguage`. The menu promotes the two buttons to `menuitem`s, so ↑/↓ reach
+ * them like every other row, and it stays open on a step: the person sees the page grow
+ * behind it and can step again. The size's name is a polite live region, so a step is
+ * announced.
+ */
+export declare function AccountMenuTextSize({ value, onPick, label, labels: labelsProp }: AccountMenuTextSizeProps): import("react").JSX.Element;

package/dist/shell/account-menu-text-size.js

@@ -0,0 +1,51 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { AArrowDown, AArrowUp, ALargeSmall } from "lucide-react";
+import { IconButton } from "../components/icon-button.js";
+import { useAppearanceLabels } from "../components/appearance-labels.js";
+import { TEXT_SIZES, useTextSize } from "../theme/text-size.js";
+function AccountMenuTextSize({ value, onPick, label, labels: labelsProp }) {
+  const labels = useAppearanceLabels(labelsProp);
+  const onHtml = useTextSize().size;
+  const size = value ?? onHtml;
+  const index = TEXT_SIZES.indexOf(size);
+  const step = (by) => {
+    const next = TEXT_SIZES[index + by];
+    if (next) onPick(next);
+  };
+  return /* @__PURE__ */ jsxs("li", { "data-account-menu-text-size": "", className: "flex items-center gap-2 px-3 py-1.5 text-sm", children: [
+    /* @__PURE__ */ jsx(ALargeSmall, { "aria-hidden": true, className: "size-4 shrink-0 text-muted" }),
+    /* @__PURE__ */ jsxs("span", { className: "min-w-0 flex-1 truncate", children: [
+      label ?? labels.textSize,
+      /* @__PURE__ */ jsx("span", { className: "ms-2 text-xs text-muted", "aria-live": "polite", children: labels.textSizes[size] })
+    ] }),
+    /* @__PURE__ */ jsx(
+      IconButton,
+      {
+        size: "sm",
+        label: labels.textSmaller,
+        labelVisible: false,
+        tooltip: false,
+        disabled: index <= 0,
+        onClick: () => step(-1),
+        children: /* @__PURE__ */ jsx(AArrowDown, {})
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      IconButton,
+      {
+        size: "sm",
+        label: labels.textLarger,
+        labelVisible: false,
+        tooltip: false,
+        disabled: index >= TEXT_SIZES.length - 1,
+        onClick: () => step(1),
+        children: /* @__PURE__ */ jsx(AArrowUp, {})
+      }
+    )
+  ] });
+}
+export {
+  AccountMenuTextSize
+};
+//# sourceMappingURL=account-menu-text-size.js.map

package/dist/shell/account-menu-text-size.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/shell/account-menu-text-size.tsx"],"sourcesContent":["import { AArrowDown, AArrowUp, ALargeSmall } from \"lucide-react\";\nimport { IconButton } from \"../components/icon-button\";\nimport { useAppearanceLabels, type AppearanceLabels } from \"../components/appearance-labels\";\nimport type { LabelOverride } from \"../i18n/kit-labels\";\nimport { TEXT_SIZES, useTextSize, type TextSize } from \"../theme/text-size\";\n\nexport interface AccountMenuTextSizeProps {\n  /** The size in force. Default: the one on `<html>` ({@link useTextSize}), which is the\n   *  size whoever applied it put there. */\n  value?: TextSize;\n  /**\n   * A step: the next size down or up. The app applies it and keeps it as its Settings ▸\n   * Appearance does — `useAccountAppearance`'s `pickTextSize` (this device, and the\n   * account when signed in), with `appearance.saveFailed` as the toast when the account\n   * refused. The kit does not apply it itself, so the two places can never disagree.\n   */\n  onPick: (size: TextSize) => void;\n  /** The row's name. Default: `appearance.textSize` (\"Text size\"). */\n  label?: string;\n  /** The `appearance` words (`textSize`, `textSizes`, `textSmaller`, `textLarger`). */\n  labels?: LabelOverride<AppearanceLabels>;\n}\n\n/**\n * The text size one tap away, INSIDE the account menu (0.46, keksdose live #426, its\n * `TextSizeRow`): the row's icon and name, the size in force, and A− / A+, which step\n * through {@link TEXT_SIZES} (Normal → Large → Extra large). A− is disabled at the\n * smallest, A+ at the largest. The browser's pinch zoom stays as it is — this is the\n * quick path to the setting, not a replacement for zoom.\n *\n * It renders its own `<li>`: drop it into `TopBarActionMenu`'s `children` beside\n * `AccountMenuLanguage`. The menu promotes the two buttons to `menuitem`s, so ↑/↓ reach\n * them like every other row, and it stays open on a step: the person sees the page grow\n * behind it and can step again. The size's name is a polite live region, so a step is\n * announced.\n */\nexport function AccountMenuTextSize({ value, onPick, label, labels: labelsProp }: AccountMenuTextSizeProps) {\n  const labels = useAppearanceLabels(labelsProp);\n  const onHtml = useTextSize().size;\n  const size = value ?? onHtml;\n  const index = TEXT_SIZES.indexOf(size);\n  const step = (by: -1 | 1) => {\n    const next = TEXT_SIZES[index + by];\n    if (next) onPick(next);\n  };\n  return (\n    <li data-account-menu-text-size=\"\" className=\"flex items-center gap-2 px-3 py-1.5 text-sm\">\n      <ALargeSmall aria-hidden className=\"size-4 shrink-0 text-muted\" />\n      <span className=\"min-w-0 flex-1 truncate\">\n        {label ?? labels.textSize}\n        <span className=\"ms-2 text-xs text-muted\" aria-live=\"polite\">\n          {labels.textSizes[size]}\n        </span>\n      </span>\n      <IconButton\n        size=\"sm\"\n        label={labels.textSmaller}\n        labelVisible={false}\n        tooltip={false}\n        disabled={index <= 0}\n        onClick={() => step(-1)}\n      >\n        <AArrowDown />\n      </IconButton>\n      <IconButton\n        size=\"sm\"\n        label={labels.textLarger}\n        labelVisible={false}\n        tooltip={false}\n        disabled={index >= TEXT_SIZES.length - 1}\n        onClick={() => step(1)}\n      >\n        <AArrowUp />\n      </IconButton>\n    </li>\n  );\n}\n"],"mappings":";AA+CM,cACA,YADA;AA/CN,SAAS,YAAY,UAAU,mBAAmB;AAClD,SAAS,kBAAkB;AAC3B,SAAS,2BAAkD;AAE3D,SAAS,YAAY,mBAAkC;AAgChD,SAAS,oBAAoB,EAAE,OAAO,QAAQ,OAAO,QAAQ,WAAW,GAA6B;AAC1G,QAAM,SAAS,oBAAoB,UAAU;AAC7C,QAAM,SAAS,YAAY,EAAE;AAC7B,QAAM,OAAO,SAAS;AACtB,QAAM,QAAQ,WAAW,QAAQ,IAAI;AACrC,QAAM,OAAO,CAAC,OAAe;AAC3B,UAAM,OAAO,WAAW,QAAQ,EAAE;AAClC,QAAI,KAAM,QAAO,IAAI;AAAA,EACvB;AACA,SACE,qBAAC,QAAG,+BAA4B,IAAG,WAAU,+CAC3C;AAAA,wBAAC,eAAY,eAAW,MAAC,WAAU,8BAA6B;AAAA,IAChE,qBAAC,UAAK,WAAU,2BACb;AAAA,eAAS,OAAO;AAAA,MACjB,oBAAC,UAAK,WAAU,2BAA0B,aAAU,UACjD,iBAAO,UAAU,IAAI,GACxB;AAAA,OACF;AAAA,IACA;AAAA,MAAC;AAAA;AAAA,QACC,MAAK;AAAA,QACL,OAAO,OAAO;AAAA,QACd,cAAc;AAAA,QACd,SAAS;AAAA,QACT,UAAU,SAAS;AAAA,QACnB,SAAS,MAAM,KAAK,EAAE;AAAA,QAEtB,8BAAC,cAAW;AAAA;AAAA,IACd;AAAA,IACA;AAAA,MAAC;AAAA;AAAA,QACC,MAAK;AAAA,QACL,OAAO,OAAO;AAAA,QACd,cAAc;AAAA,QACd,SAAS;AAAA,QACT,UAAU,SAAS,WAAW,SAAS;AAAA,QACvC,SAAS,MAAM,KAAK,CAAC;AAAA,QAErB,8BAAC,YAAS;AAAA;AAAA,IACZ;AAAA,KACF;AAEJ;","names":[]}

package/dist/shell/admin-menu.d.ts

@@ -1,6 +1,30 @@
 import type { LabelOverride } from "../i18n/kit-labels.js";
 import type { AdminAreaLabels } from "../admin/admin-area-labels.js";
 import type { TopBarMenuEntry } from "./topbar-action-menu.js";
+export interface AdminWaitingBadgeProps {
+    /** The waiting count: only work that waits on this admin. `0`, `null` or none draws
+     *  nothing; past 99 it reads "99+". */
+    count: number | null | undefined;
+    /** Prop > `<UiKitProvider labels={{ adminArea }}>` > English. */
+    labels?: LabelOverride<AdminAreaLabels>;
+    className?: string;
+}
+/**
+ * The waiting pill of {@link AdminMenuRow} on its own (0.45, docs/admin-harmonization.md
+ * §9.3.4): the `solid` warning count, "99+" past 99, nothing for 0. Fit for `IconButton`'s
+ * `badge` — kastlan's top-bar platform button. There the badge is DECORATIVE (`aria-hidden`
+ * by IconButton), so the button's name carries the count: `adminArea.waitingLabel`.
+ *
+ *     const area = useAdminAreaLabels();
+ *     <IconButton
+ *       label={waiting > 0 ? area.waitingLabel("Platform", waiting) : "Platform"}
+ *       badge={<AdminWaitingBadge count={waiting} />}
+ *       …
+ *     />
+ *
+ * Read on its own (outside an IconButton), the pill still says ", 3 waiting" to a reader.
+ */
+export declare function AdminWaitingBadge({ count, labels: labelsProp, className }: AdminWaitingBadgeProps): import("react").JSX.Element;
 export interface AdminMenuEntryOptions {
     /** The admin area. Default `/admin`. */
     href?: string;

package/dist/shell/admin-menu.js

@@ -9,10 +9,14 @@ function badgeText(badge) {
   if (typeof badge !== "number" || !(badge > 0)) return null;
   return badge > 99 ? "99+" : String(Math.floor(badge));
 }
-function WaitingBadge({ badge, labels }) {
+function WaitingBadge({
+  badge,
+  labels,
+  className
+}) {
   const text = badgeText(badge);
   if (text === null) return null;
-  return /* @__PURE__ */ jsxs(Chip, { size: "sm", variant: "solid", tone: "warning", "data-slot": "admin-badge", children: [
+  return /* @__PURE__ */ jsxs(Chip, { size: "sm", variant: "solid", tone: "warning", "data-slot": "admin-badge", className, children: [
     /* @__PURE__ */ jsx("span", { "aria-hidden": true, children: text }),
     /* @__PURE__ */ jsxs("span", { className: "sr-only-fixed", children: [
       ", ",
@@ -20,6 +24,10 @@ function WaitingBadge({ badge, labels }) {
     ] })
   ] });
 }
+function AdminWaitingBadge({ count, labels: labelsProp, className }) {
+  const labels = useAdminAreaLabels(labelsProp);
+  return /* @__PURE__ */ jsx(WaitingBadge, { badge: count, labels, className });
+}
 function adminMenuEntry({
   href = "/admin",
   badge,
@@ -50,7 +58,7 @@ function AdminMenuRow({ href = "/admin", badge, onNavigate, current, labels: lab
       renderLink: ({ href: to, ...p }) => /* @__PURE__ */ jsx(Link, { to, ...p }),
       onClick: onNavigate ? () => onNavigate() : void 0,
       leading: /* @__PURE__ */ jsx(ShieldCheck, { className: "size-4", "aria-hidden": true }),
-      trailing: badgeText(badge) === null ? void 0 : /* @__PURE__ */ jsx(WaitingBadge, { badge, labels }),
+      trailing: badgeText(badge) === null ? void 0 : /* @__PURE__ */ jsx(AdminWaitingBadge, { count: badge, labels }),
       current,
       children: labels.title
     }
@@ -58,6 +66,7 @@ function AdminMenuRow({ href = "/admin", badge, onNavigate, current, labels: lab
 }
 export {
   AdminMenuRow,
+  AdminWaitingBadge,
   adminMenuEntry,
   useAdminMenuEntry
 };

package/dist/shell/admin-menu.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/shell/admin-menu.tsx"],"sourcesContent":["import { Link } from \"react-router\";\nimport { ShieldCheck } from \"lucide-react\";\nimport { Chip } from \"../components/chip\";\nimport { MenuItem } from \"../components/menu-item\";\nimport type { LabelOverride } from \"../i18n/kit-labels\";\nimport { DEFAULT_ADMIN_AREA_LABELS, useAdminAreaLabels } from \"../admin/admin-area-labels\";\nimport type { AdminAreaLabels } from \"../admin/admin-area-labels\";\nimport type { TopBarMenuEntry } from \"./topbar-action-menu\";\n\n/**\n * The account menu's \"Administration\" row (0.42.0, docs/admin-harmonization.md §2.1, §6.6,\n * §7): the way into the admin area everyone finds, in every app, for an admin only. Two\n * forms of one row — {@link adminMenuEntry} for `TopBarActionMenu`'s `entries`, and\n * {@link AdminMenuRow} for a menu built from `HoverMenu` children (Kurvenschmiede's).\n */\n\n/** The badge's text: nothing for none or 0, \"99+\" past 99. */\nfunction badgeText(badge: number | null | undefined): string | null {\n  if (typeof badge !== \"number\" || !(badge > 0)) return null;\n  return badge > 99 ? \"99+\" : String(Math.floor(badge));\n}\n\n/**\n * The waiting count at the row's end: the `solid` count pill of {@link Chip}, in the\n * pending count's tone, with the number for the eye and `adminArea.waiting` for a reader\n * (\"Administration, 3 waiting\"). `null` for no count.\n */\nfunction WaitingBadge({ badge, labels }: { badge: number | null | undefined; labels: AdminAreaLabels }) {\n  const text = badgeText(badge);\n  if (text === null) return null;\n  return (\n    <Chip size=\"sm\" variant=\"solid\" tone=\"warning\" data-slot=\"admin-badge\">\n      <span aria-hidden>{text}</span>\n      {/* The comma parts it from the row's label in the name: \"Administration, 3 waiting\". */}\n      <span className=\"sr-only-fixed\">, {labels.waiting(badge as number)}</span>\n    </Chip>\n  );\n}\n\nexport interface AdminMenuEntryOptions {\n  /** The admin area. Default `/admin`. */\n  href?: string;\n  /**\n   * The waiting count (§2.4 decision 15, §6.3): only work that waits on this admin —\n   * `adminWaitingCount(attention, […])`. `0`, `null` or none shows no badge.\n   */\n  badge?: number | null;\n  /**\n   * The resolved `adminArea` words — pass `useAdminAreaLabels()`, or the row is ENGLISH\n   * in every language: a plain function reads no provider (kastlan, 0.42 adoption). Builds\n   * no hook, so the entry can be made in the list of entries. {@link useAdminMenuEntry}\n   * (0.43) is the same entry with the provider's words read for you.\n   */\n  labels?: AdminAreaLabels;\n  /** The entry's `key`. Default `\"administration\"`. */\n  key?: string;\n  /** The page already open: `aria-current` and a check mark. */\n  current?: boolean;\n}\n\n/**\n * The \"Administration\" {@link TopBarMenuEntry}: a link row with the `ShieldCheck` icon,\n * the kit's word and the waiting count as its badge. Put it in the entries for an admin\n * only — the menu closes on the way, as any link row:\n *\n *     const labels = useAdminAreaLabels();\n *     entries={[…, ...(isAdmin ? [adminMenuEntry({ badge: waiting, labels })] : []), …]}\n *\n * A function, not a hook: it reads NO provider, so pass `labels` (`useAdminAreaLabels()`)\n * or the row says \"Administration\" in every language — or call {@link useAdminMenuEntry}\n * at the component's top.\n */\nexport function adminMenuEntry({\n  href = \"/admin\",\n  badge,\n  labels = DEFAULT_ADMIN_AREA_LABELS,\n  key = \"administration\",\n  current,\n}: AdminMenuEntryOptions = {}): TopBarMenuEntry {\n  return {\n    kind: \"link\",\n    key,\n    to: href,\n    icon: <ShieldCheck className=\"size-4\" aria-hidden />,\n    label: labels.title,\n    trailing: badgeText(badge) === null ? undefined : <WaitingBadge badge={badge} labels={labels} />,\n    current,\n  };\n}\n\nexport interface UseAdminMenuEntryOptions extends Omit<AdminMenuEntryOptions, \"labels\"> {\n  /** Over the provider's `adminArea` words: prop > `<UiKitProvider labels={{ adminArea }}>`\n   *  > English. */\n  labels?: LabelOverride<AdminAreaLabels>;\n}\n\n/**\n * {@link adminMenuEntry} with the provider's words (0.43, kastlan): the hook reads\n * `useAdminAreaLabels()` itself, so the row is in the app's language without a `labels`\n * to remember. Call it at the component's top, then put it in the entries:\n *\n *     const admin = useAdminMenuEntry({ badge: waiting });\n *     entries={[…, ...(isAdmin ? [admin] : []), …]}\n */\nexport function useAdminMenuEntry({ labels: labelsProp, ...options }: UseAdminMenuEntryOptions = {}): TopBarMenuEntry {\n  const labels = useAdminAreaLabels(labelsProp);\n  return adminMenuEntry({ ...options, labels });\n}\n\nexport interface AdminMenuRowProps {\n  /** The admin area. Default `/admin`. */\n  href?: string;\n  /** As {@link AdminMenuEntryOptions.badge}. */\n  badge?: number | null;\n  /** Runs on the way — `HoverMenu`'s `close`. */\n  onNavigate?: () => void;\n  current?: boolean;\n  /** Prop > `<UiKitProvider labels={{ adminArea }}>` > English. */\n  labels?: LabelOverride<AdminAreaLabels>;\n}\n\n/**\n * The same row as {@link adminMenuEntry} for a menu drawn from `HoverMenu` children: the\n * `<li>` holding the router-link {@link MenuItem} `TopBarActionMenu` draws for a link\n * entry, so the two menus look alike.\n *\n *     {(close) => <ul>… {isAdmin && <AdminMenuRow badge={waiting} onNavigate={close} />} …</ul>}\n */\nexport function AdminMenuRow({ href = \"/admin\", badge, onNavigate, current, labels: labelsProp }: AdminMenuRowProps) {\n  // The provider's words, as every kit part (0.43: through the namespace's own hook).\n  const labels = useAdminAreaLabels(labelsProp);\n  return (\n    <li>\n      <MenuItem\n        href={href}\n        renderLink={({ href: to, ...p }) => <Link to={to} {...p} />}\n        onClick={onNavigate ? () => onNavigate() : undefined}\n        leading={<ShieldCheck className=\"size-4\" aria-hidden />}\n        trailing={badgeText(badge) === null ? undefined : <WaitingBadge badge={badge} labels={labels} />}\n        current={current}\n      >\n        {labels.title}\n      </MenuItem>\n    </li>\n  );\n}\n"],"mappings":";AAgCM,cAEA,YAFA;AAhCN,SAAS,YAAY;AACrB,SAAS,mBAAmB;AAC5B,SAAS,YAAY;AACrB,SAAS,gBAAgB;AAEzB,SAAS,2BAA2B,0BAA0B;AAY9D,SAAS,UAAU,OAAiD;AAClE,MAAI,OAAO,UAAU,YAAY,EAAE,QAAQ,GAAI,QAAO;AACtD,SAAO,QAAQ,KAAK,QAAQ,OAAO,KAAK,MAAM,KAAK,CAAC;AACtD;AAOA,SAAS,aAAa,EAAE,OAAO,OAAO,GAAkE;AACtG,QAAM,OAAO,UAAU,KAAK;AAC5B,MAAI,SAAS,KAAM,QAAO;AAC1B,SACE,qBAAC,QAAK,MAAK,MAAK,SAAQ,SAAQ,MAAK,WAAU,aAAU,eACvD;AAAA,wBAAC,UAAK,eAAW,MAAE,gBAAK;AAAA,IAExB,qBAAC,UAAK,WAAU,iBAAgB;AAAA;AAAA,MAAG,OAAO,QAAQ,KAAe;AAAA,OAAE;AAAA,KACrE;AAEJ;AAmCO,SAAS,eAAe;AAAA,EAC7B,OAAO;AAAA,EACP;AAAA,EACA,SAAS;AAAA,EACT,MAAM;AAAA,EACN;AACF,IAA2B,CAAC,GAAoB;AAC9C,SAAO;AAAA,IACL,MAAM;AAAA,IACN;AAAA,IACA,IAAI;AAAA,IACJ,MAAM,oBAAC,eAAY,WAAU,UAAS,eAAW,MAAC;AAAA,IAClD,OAAO,OAAO;AAAA,IACd,UAAU,UAAU,KAAK,MAAM,OAAO,SAAY,oBAAC,gBAAa,OAAc,QAAgB;AAAA,IAC9F;AAAA,EACF;AACF;AAgBO,SAAS,kBAAkB,EAAE,QAAQ,YAAY,GAAG,QAAQ,IAA8B,CAAC,GAAoB;AACpH,QAAM,SAAS,mBAAmB,UAAU;AAC5C,SAAO,eAAe,EAAE,GAAG,SAAS,OAAO,CAAC;AAC9C;AAqBO,SAAS,aAAa,EAAE,OAAO,UAAU,OAAO,YAAY,SAAS,QAAQ,WAAW,GAAsB;AAEnH,QAAM,SAAS,mBAAmB,UAAU;AAC5C,SACE,oBAAC,QACC;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA,YAAY,CAAC,EAAE,MAAM,IAAI,GAAG,EAAE,MAAM,oBAAC,QAAK,IAAS,GAAG,GAAG;AAAA,MACzD,SAAS,aAAa,MAAM,WAAW,IAAI;AAAA,MAC3C,SAAS,oBAAC,eAAY,WAAU,UAAS,eAAW,MAAC;AAAA,MACrD,UAAU,UAAU,KAAK,MAAM,OAAO,SAAY,oBAAC,gBAAa,OAAc,QAAgB;AAAA,MAC9F;AAAA,MAEC,iBAAO;AAAA;AAAA,EACV,GACF;AAEJ;","names":[]}
+{"version":3,"sources":["../../src/shell/admin-menu.tsx"],"sourcesContent":["import { Link } from \"react-router\";\nimport { ShieldCheck } from \"lucide-react\";\nimport { Chip } from \"../components/chip\";\nimport { MenuItem } from \"../components/menu-item\";\nimport type { LabelOverride } from \"../i18n/kit-labels\";\nimport { DEFAULT_ADMIN_AREA_LABELS, useAdminAreaLabels } from \"../admin/admin-area-labels\";\nimport type { AdminAreaLabels } from \"../admin/admin-area-labels\";\nimport type { TopBarMenuEntry } from \"./topbar-action-menu\";\n\n/**\n * The account menu's \"Administration\" row (0.42.0, docs/admin-harmonization.md §2.1, §6.6,\n * §7): the way into the admin area everyone finds, in every app, for an admin only. Two\n * forms of one row — {@link adminMenuEntry} for `TopBarActionMenu`'s `entries`, and\n * {@link AdminMenuRow} for a menu built from `HoverMenu` children (Kurvenschmiede's).\n */\n\n/** The badge's text: nothing for none or 0, \"99+\" past 99. */\nfunction badgeText(badge: number | null | undefined): string | null {\n  if (typeof badge !== \"number\" || !(badge > 0)) return null;\n  return badge > 99 ? \"99+\" : String(Math.floor(badge));\n}\n\n/**\n * The waiting count at the row's end: the `solid` count pill of {@link Chip}, in the\n * pending count's tone, with the number for the eye and `adminArea.waiting` for a reader\n * (\"Administration, 3 waiting\"). `null` for no count.\n */\nfunction WaitingBadge({\n  badge,\n  labels,\n  className,\n}: {\n  badge: number | null | undefined;\n  labels: AdminAreaLabels;\n  className?: string;\n}) {\n  const text = badgeText(badge);\n  if (text === null) return null;\n  return (\n    <Chip size=\"sm\" variant=\"solid\" tone=\"warning\" data-slot=\"admin-badge\" className={className}>\n      <span aria-hidden>{text}</span>\n      {/* The comma parts it from the row's label in the name: \"Administration, 3 waiting\". */}\n      <span className=\"sr-only-fixed\">, {labels.waiting(badge as number)}</span>\n    </Chip>\n  );\n}\n\nexport interface AdminWaitingBadgeProps {\n  /** The waiting count: only work that waits on this admin. `0`, `null` or none draws\n   *  nothing; past 99 it reads \"99+\". */\n  count: number | null | undefined;\n  /** Prop > `<UiKitProvider labels={{ adminArea }}>` > English. */\n  labels?: LabelOverride<AdminAreaLabels>;\n  className?: string;\n}\n\n/**\n * The waiting pill of {@link AdminMenuRow} on its own (0.45, docs/admin-harmonization.md\n * §9.3.4): the `solid` warning count, \"99+\" past 99, nothing for 0. Fit for `IconButton`'s\n * `badge` — kastlan's top-bar platform button. There the badge is DECORATIVE (`aria-hidden`\n * by IconButton), so the button's name carries the count: `adminArea.waitingLabel`.\n *\n *     const area = useAdminAreaLabels();\n *     <IconButton\n *       label={waiting > 0 ? area.waitingLabel(\"Platform\", waiting) : \"Platform\"}\n *       badge={<AdminWaitingBadge count={waiting} />}\n *       …\n *     />\n *\n * Read on its own (outside an IconButton), the pill still says \", 3 waiting\" to a reader.\n */\nexport function AdminWaitingBadge({ count, labels: labelsProp, className }: AdminWaitingBadgeProps) {\n  const labels = useAdminAreaLabels(labelsProp);\n  return <WaitingBadge badge={count} labels={labels} className={className} />;\n}\n\nexport interface AdminMenuEntryOptions {\n  /** The admin area. Default `/admin`. */\n  href?: string;\n  /**\n   * The waiting count (§2.4 decision 15, §6.3): only work that waits on this admin —\n   * `adminWaitingCount(attention, […])`. `0`, `null` or none shows no badge.\n   */\n  badge?: number | null;\n  /**\n   * The resolved `adminArea` words — pass `useAdminAreaLabels()`, or the row is ENGLISH\n   * in every language: a plain function reads no provider (kastlan, 0.42 adoption). Builds\n   * no hook, so the entry can be made in the list of entries. {@link useAdminMenuEntry}\n   * (0.43) is the same entry with the provider's words read for you.\n   */\n  labels?: AdminAreaLabels;\n  /** The entry's `key`. Default `\"administration\"`. */\n  key?: string;\n  /** The page already open: `aria-current` and a check mark. */\n  current?: boolean;\n}\n\n/**\n * The \"Administration\" {@link TopBarMenuEntry}: a link row with the `ShieldCheck` icon,\n * the kit's word and the waiting count as its badge. Put it in the entries for an admin\n * only — the menu closes on the way, as any link row:\n *\n *     const labels = useAdminAreaLabels();\n *     entries={[…, ...(isAdmin ? [adminMenuEntry({ badge: waiting, labels })] : []), …]}\n *\n * A function, not a hook: it reads NO provider, so pass `labels` (`useAdminAreaLabels()`)\n * or the row says \"Administration\" in every language — or call {@link useAdminMenuEntry}\n * at the component's top.\n */\nexport function adminMenuEntry({\n  href = \"/admin\",\n  badge,\n  labels = DEFAULT_ADMIN_AREA_LABELS,\n  key = \"administration\",\n  current,\n}: AdminMenuEntryOptions = {}): TopBarMenuEntry {\n  return {\n    kind: \"link\",\n    key,\n    to: href,\n    icon: <ShieldCheck className=\"size-4\" aria-hidden />,\n    label: labels.title,\n    trailing: badgeText(badge) === null ? undefined : <WaitingBadge badge={badge} labels={labels} />,\n    current,\n  };\n}\n\nexport interface UseAdminMenuEntryOptions extends Omit<AdminMenuEntryOptions, \"labels\"> {\n  /** Over the provider's `adminArea` words: prop > `<UiKitProvider labels={{ adminArea }}>`\n   *  > English. */\n  labels?: LabelOverride<AdminAreaLabels>;\n}\n\n/**\n * {@link adminMenuEntry} with the provider's words (0.43, kastlan): the hook reads\n * `useAdminAreaLabels()` itself, so the row is in the app's language without a `labels`\n * to remember. Call it at the component's top, then put it in the entries:\n *\n *     const admin = useAdminMenuEntry({ badge: waiting });\n *     entries={[…, ...(isAdmin ? [admin] : []), …]}\n */\nexport function useAdminMenuEntry({ labels: labelsProp, ...options }: UseAdminMenuEntryOptions = {}): TopBarMenuEntry {\n  const labels = useAdminAreaLabels(labelsProp);\n  return adminMenuEntry({ ...options, labels });\n}\n\nexport interface AdminMenuRowProps {\n  /** The admin area. Default `/admin`. */\n  href?: string;\n  /** As {@link AdminMenuEntryOptions.badge}. */\n  badge?: number | null;\n  /** Runs on the way — `HoverMenu`'s `close`. */\n  onNavigate?: () => void;\n  current?: boolean;\n  /** Prop > `<UiKitProvider labels={{ adminArea }}>` > English. */\n  labels?: LabelOverride<AdminAreaLabels>;\n}\n\n/**\n * The same row as {@link adminMenuEntry} for a menu drawn from `HoverMenu` children: the\n * `<li>` holding the router-link {@link MenuItem} `TopBarActionMenu` draws for a link\n * entry, so the two menus look alike.\n *\n *     {(close) => <ul>… {isAdmin && <AdminMenuRow badge={waiting} onNavigate={close} />} …</ul>}\n */\nexport function AdminMenuRow({ href = \"/admin\", badge, onNavigate, current, labels: labelsProp }: AdminMenuRowProps) {\n  // The provider's words, as every kit part (0.43: through the namespace's own hook).\n  const labels = useAdminAreaLabels(labelsProp);\n  return (\n    <li>\n      <MenuItem\n        href={href}\n        renderLink={({ href: to, ...p }) => <Link to={to} {...p} />}\n        onClick={onNavigate ? () => onNavigate() : undefined}\n        leading={<ShieldCheck className=\"size-4\" aria-hidden />}\n        trailing={badgeText(badge) === null ? undefined : <AdminWaitingBadge count={badge} labels={labels} />}\n        current={current}\n      >\n        {labels.title}\n      </MenuItem>\n    </li>\n  );\n}\n"],"mappings":";AAwCM,cAEA,YAFA;AAxCN,SAAS,YAAY;AACrB,SAAS,mBAAmB;AAC5B,SAAS,YAAY;AACrB,SAAS,gBAAgB;AAEzB,SAAS,2BAA2B,0BAA0B;AAY9D,SAAS,UAAU,OAAiD;AAClE,MAAI,OAAO,UAAU,YAAY,EAAE,QAAQ,GAAI,QAAO;AACtD,SAAO,QAAQ,KAAK,QAAQ,OAAO,KAAK,MAAM,KAAK,CAAC;AACtD;AAOA,SAAS,aAAa;AAAA,EACpB;AAAA,EACA;AAAA,EACA;AACF,GAIG;AACD,QAAM,OAAO,UAAU,KAAK;AAC5B,MAAI,SAAS,KAAM,QAAO;AAC1B,SACE,qBAAC,QAAK,MAAK,MAAK,SAAQ,SAAQ,MAAK,WAAU,aAAU,eAAc,WACrE;AAAA,wBAAC,UAAK,eAAW,MAAE,gBAAK;AAAA,IAExB,qBAAC,UAAK,WAAU,iBAAgB;AAAA;AAAA,MAAG,OAAO,QAAQ,KAAe;AAAA,OAAE;AAAA,KACrE;AAEJ;AA0BO,SAAS,kBAAkB,EAAE,OAAO,QAAQ,YAAY,UAAU,GAA2B;AAClG,QAAM,SAAS,mBAAmB,UAAU;AAC5C,SAAO,oBAAC,gBAAa,OAAO,OAAO,QAAgB,WAAsB;AAC3E;AAmCO,SAAS,eAAe;AAAA,EAC7B,OAAO;AAAA,EACP;AAAA,EACA,SAAS;AAAA,EACT,MAAM;AAAA,EACN;AACF,IAA2B,CAAC,GAAoB;AAC9C,SAAO;AAAA,IACL,MAAM;AAAA,IACN;AAAA,IACA,IAAI;AAAA,IACJ,MAAM,oBAAC,eAAY,WAAU,UAAS,eAAW,MAAC;AAAA,IAClD,OAAO,OAAO;AAAA,IACd,UAAU,UAAU,KAAK,MAAM,OAAO,SAAY,oBAAC,gBAAa,OAAc,QAAgB;AAAA,IAC9F;AAAA,EACF;AACF;AAgBO,SAAS,kBAAkB,EAAE,QAAQ,YAAY,GAAG,QAAQ,IAA8B,CAAC,GAAoB;AACpH,QAAM,SAAS,mBAAmB,UAAU;AAC5C,SAAO,eAAe,EAAE,GAAG,SAAS,OAAO,CAAC;AAC9C;AAqBO,SAAS,aAAa,EAAE,OAAO,UAAU,OAAO,YAAY,SAAS,QAAQ,WAAW,GAAsB;AAEnH,QAAM,SAAS,mBAAmB,UAAU;AAC5C,SACE,oBAAC,QACC;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA,YAAY,CAAC,EAAE,MAAM,IAAI,GAAG,EAAE,MAAM,oBAAC,QAAK,IAAS,GAAG,GAAG;AAAA,MACzD,SAAS,aAAa,MAAM,WAAW,IAAI;AAAA,MAC3C,SAAS,oBAAC,eAAY,WAAU,UAAS,eAAW,MAAC;AAAA,MACrD,UAAU,UAAU,KAAK,MAAM,OAAO,SAAY,oBAAC,qBAAkB,OAAO,OAAO,QAAgB;AAAA,MACnG;AAAA,MAEC,iBAAO;AAAA;AAAA,EACV,GACF;AAEJ;","names":[]}

package/dist/shell/top-bar-actions.d.ts

@@ -22,6 +22,10 @@ export interface TopBarActionsProps {
     dev?: ReactNode;
     /** kastlan's platform button. */
     platform?: ReactNode;
+    /** 0.46 (docs/notifications-harmonization.md §10.1): `NotificationBell`, right before the
+     *  account menu. Optional per app: an app shows the bell or an unread dot on the avatar,
+     *  never both (keksdose keeps its dot and leaves this empty). */
+    notifications?: ReactNode;
     /** The account menu. When it is set the signed-out slots are not drawn. */
     account?: ReactNode;
     /** Signed out (§6.6): the bar's `LanguageMenu`, since there is no account menu to hold
@@ -32,11 +36,11 @@ export interface TopBarActionsProps {
     signIn?: ReactNode;
 }
 /** §2.1's order, then the signed-out pair in the account menu's place. */
-export declare const TOP_BAR_ACTION_ORDER: readonly ["companySwitcher", "search", "theme", "feedback", "tours", "assistant", "sync", "dev", "platform", "account", "language", "signIn"];
+export declare const TOP_BAR_ACTION_ORDER: readonly ["companySwitcher", "search", "theme", "feedback", "tours", "assistant", "sync", "dev", "platform", "notifications", "account", "language", "signIn"];
 /**
  * The top bar's actions in the one order every app shares (§2.1): company switcher ·
  * Search · Theme · Feedback · Tours (· Assistant) · Sync · dev role · dev plan · platform ·
- * account menu — and, signed out, Language · Sign in where the account menu goes (§6.6).
+ * notifications (the bell, 0.46) · account menu — and, signed out, Language · Sign in where the account menu goes (§6.6).
  * The app fills the slots it has; an empty slot is skipped, so it leaves no gap.
  *
  * It draws a fragment, no box of its own: hand it to `TopBar`'s `actions`, whose row

package/dist/shell/top-bar-actions.js

@@ -11,6 +11,7 @@ const TOP_BAR_ACTION_ORDER = [
   "sync",
   "dev",
   "platform",
+  "notifications",
   "account",
   "language",
   "signIn"