@ai-matrx/vault 0.1.35 → 0.1.36

package/CHANGELOG.md

@@ -1,9 +1,18 @@
 # Changelog
 
+## 0.1.36
+
+- **0.1.33 migration regressions fixed** (2026-10-23): the selected list row is readable again (primary fill, `selectedStyle="primary"`, no `data-surface` on a quiet Tile) and keeps room for its More button with a one-line subtitle; every Authenticator code shows the code as its label with "Copy code" as the tooltip and never squeezes (`fit`), and the list row's name keeps its width; type families nested under a sidebar category are indented again (`level`); the desktop look's selected sidebar row is the soft fill; "Sign me in" no longer makes Fill say "Filling…" (it says "Signing in…" itself); with a passphrase minimum the backup hint keeps "It can't be recovered." Proof: `src/review-0-1-36.test.tsx`. Consumer action: needs `@ai-matrx/design-system` with the Tile options above (the release train publishes both); nothing else.
+
 ## 0.1.35
 
-UNVERIFIED: this release has no Unreleased entry and the source comparison could not be made (the caller supplied no source comparison). Whether source changed is unknown; consumer action is unknown.
-Check the package's gitHead on npm against this version's gitHead: `git diff <previous gitHead> <this gitHead> -- apps/shared/vault/src`.
+SOURCE CHANGED WITH NO RELEASE NOTE. This release shipped source changes that nobody described in an Unreleased entry,
+so they may include breaking API changes. Consumer action is UNKNOWN: read the diff before upgrading.
+Diff: `git diff aea0aaaeaf 0a2b8c9356 -- apps/shared/vault/src`
+
+Changed shipped source files (2):
+- `apps/shared/vault/src/identity.ts`
+- `apps/shared/vault/src/index.ts`
 
 ## 0.1.34
 

package/dist/index.cjs

@@ -1774,14 +1774,12 @@ function CodeButton({ live, digits, size = "md", label }) {
       disabled: !live.code,
       onClick: () => live.code && void copy(live.code),
       "aria-label": live.code ? `Copy ${label} code` : `Getting ${label} code`,
+      ...live.code ? { tooltip: "Copy code" } : {},
       variant: "quiet",
       layout: "row",
-      title: "Copy code",
-      end: /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("span", { className: (0, import_design_system8.cn)("inline-flex shrink-0 items-center", size === "lg" ? "gap-4" : "gap-3"), children: [
-        /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("span", { className: (0, import_design_system8.cn)("whitespace-nowrap font-mono font-medium tabular-nums tracking-[0.08em]", size === "lg" ? "text-2xl" : "text-[1.0625rem]", live.code ? "text-foreground" : "text-disabled-foreground"), children: shown }),
-        copied ? /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("span", { className: "inline-flex size-6 items-center justify-center text-success", role: "status", "aria-label": "Copied", children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(CheckGlyph, { className: "size-4" }) }) : /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(CountdownRing, { remaining: live.remaining, period: live.period, loading: !live.code })
-      ] }),
-      className: "max-w-full shrink-0"
+      fit: true,
+      title: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("span", { className: (0, import_design_system8.cn)("whitespace-nowrap font-mono font-medium tabular-nums tracking-[0.08em]", size === "lg" ? "text-2xl" : "text-[1.0625rem]", live.code ? "text-foreground" : "text-disabled-foreground"), children: shown }),
+      end: copied ? /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("span", { className: "inline-flex size-6 items-center justify-center text-success", role: "status", "aria-label": "Copied", children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(CheckGlyph, { className: "size-4" }) }) : /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(CountdownRing, { remaining: live.remaining, period: live.period, loading: !live.code })
     }
   );
 }
@@ -2583,7 +2581,7 @@ function OtpListRow({ port, item, family, entry, onOpen, onOpenInNewTab, onRenam
   const canManage = item.capabilities.canManage || item.capabilities.canEdit;
   if (a.removed) return null;
   const sub = a.error ?? [entry?.account, loginSiteOf(item) || entry?.issuer].filter((v, i, all) => Boolean(v) && all.indexOf(v) === i).join(" \xB7 ");
-  return /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("div", { className: "grid min-h-14 grid-cols-[2rem_minmax(0,1fr)_auto_auto] items-center gap-x-3 rounded-lg px-2 py-1.5 transition-colors hover:bg-accent/50", children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("div", { className: "grid min-h-14 grid-cols-[2rem_minmax(0,1fr)_auto_auto] items-center gap-x-1 rounded-lg px-2 py-1.5 transition-colors hover:bg-accent/50", children: [
     /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
       import_controls9.Button,
       {
@@ -2604,6 +2602,7 @@ function OtpListRow({ port, item, family, entry, onOpen, onOpenInNewTab, onRenam
         onClick: onOpen,
         title: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("span", { className: a.enabled ? "text-foreground" : "text-muted-foreground", children: item.name }),
         line: sub ? /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("span", { className: a.error ? "text-destructive" : "text-muted-foreground", title: sub, children: sub }) : void 0,
+        oneLine: true,
         className: "min-w-0"
       }
     ),
@@ -3562,7 +3561,7 @@ function BackupPanel({ port, host, items, onClose, onChanged }) {
         /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(Summary, { value: backup }),
         /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(Omissions, { omissions: backup.omissions, accepted, onAccepted: setAccepted, verb: "Back up" }),
         /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(VaultSection, { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(VaultRow, { label: "Passphrase", hint: minLength ? `At least ${minLength} characters. Not saved.` : "Not saved. It can't be recovered.", children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_controls13.Field, { type: "password", value: passphrase, autoComplete: "new-password", "aria-label": "Backup passphrase", "aria-invalid": short || void 0, onChange: (e) => setPassphrase(e.target.value) }) }),
+          /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(VaultRow, { label: "Passphrase", hint: minLength ? `At least ${minLength} characters. Not saved. It can't be recovered.` : "Not saved. It can't be recovered.", children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_controls13.Field, { type: "password", value: passphrase, autoComplete: "new-password", "aria-label": "Backup passphrase", "aria-invalid": short || void 0, onChange: (e) => setPassphrase(e.target.value) }) }),
           short ? /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("p", { role: "alert", className: "px-1 text-xs text-destructive", "data-passphrase-too-short": "", children: [
             "Use at least ",
             minLength,
@@ -6763,14 +6762,17 @@ function ListRow({ item, family, port, on, onSelect, withOwner, ownContextMenu,
           {
             type: "button",
             "aria-current": on ? "true" : void 0,
-            "data-surface": on ? "primary" : void 0,
+            selected: on,
+            selectedStyle: "primary",
             onClick: () => onSelect(item.id),
             layout: "row",
             variant: "quiet",
+            endInset: "control",
+            oneLine: true,
             icon: /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(ItemIcon, { definitionKey: item.definitionKey, family, site: loginSiteOf(item), inverted: on }),
             title: item.name,
             line: subtitleOf(item, withOwner),
-            className: "w-full pr-10"
+            className: "w-full"
           }
         ),
         /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)("div", { className: "absolute right-1.5 top-1/2 flex -translate-y-1/2 items-center gap-0.5", "data-surface": on ? "primary" : void 0, children: [
@@ -8258,8 +8260,8 @@ function PageView({ port, page, fill, capture, fillSetup, newPasswordFields, ite
   const familyOf2 = (key) => definitions.find((d) => d.key === key)?.family ?? "generic";
   const canSave = isFillablePage(page.url);
   const signIn = page.signIn;
-  const act = async (itemId, run, failed) => {
-    setRunning(itemId);
+  const act = async (itemId, action, run, failed) => {
+    setRunning({ itemId, action });
     setSaid(null);
     try {
       setSaid(await run());
@@ -8292,10 +8294,10 @@ function PageView({ port, page, fill, capture, fillSetup, newPasswordFields, ite
         family: item ? familyOf2(item.definitionKey) : "generic",
         port,
         busy: running !== null,
-        running: running === itemId,
+        running: running?.itemId === itemId ? running.action : null,
         onOpen,
-        onFill: fill && !page.blocked && fillable.has(itemId) && item?.capabilities.canUse !== false ? () => void act(itemId, async () => FILL_WORDS[await fill(itemId)], FILL_WORDS.unavailable) : null,
-        onSignIn: signIn ? () => void act(itemId, async () => SIGN_IN_WORDS[await signIn(itemId)], SIGN_IN_WORDS.unknown) : null
+        onFill: fill && !page.blocked && fillable.has(itemId) && item?.capabilities.canUse !== false ? () => void act(itemId, "fill", async () => FILL_WORDS[await fill(itemId)], FILL_WORDS.unavailable) : null,
+        onSignIn: signIn ? () => void act(itemId, "signIn", async () => SIGN_IN_WORDS[await signIn(itemId)], SIGN_IN_WORDS.unknown) : null
       },
       itemId
     )) });
@@ -8362,8 +8364,8 @@ function MatchRow({ itemId, item, tag, family, port, busy, running, onOpen, onFi
         className: "min-w-0 flex-1"
       }
     ),
-    onFill ? /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(import_controls33.Button, { variant: "primary", disabled: busy, "aria-busy": running || void 0, onClick: onFill, "aria-label": `Fill ${item?.name ?? "this login"}`, children: running ? "Filling\u2026" : "Fill" }) : null,
-    onSignIn ? /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(import_controls33.Button, { variant: onFill ? "outline" : "primary", icon: /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(ShieldGlyph, {}), disabled: busy, onClick: onSignIn, "aria-label": `Sign me in with ${item?.name ?? "this login"}`, title: "Sign me in", children: "Sign me in" }) : null,
+    onFill ? /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(import_controls33.Button, { variant: "primary", disabled: busy, "aria-busy": running === "fill" || void 0, onClick: onFill, "aria-label": `Fill ${item?.name ?? "this login"}`, children: running === "fill" ? "Filling\u2026" : "Fill" }) : null,
+    onSignIn ? /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(import_controls33.Button, { variant: onFill ? "outline" : "primary", icon: /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(ShieldGlyph, {}), disabled: busy, "aria-busy": running === "signIn" || void 0, onClick: onSignIn, "aria-label": `Sign me in with ${item?.name ?? "this login"}`, title: "Sign me in", children: running === "signIn" ? "Signing in\u2026" : "Sign me in" }) : null,
     user && item ? /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(import_controls33.Button, { variant: "quiet", icon: /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(UserGlyph, {}), "aria-label": `Copy ${user.label}`, title: `Copy ${user.label}`, disabled: reading, onClick: () => void read(user.label, () => port.reveal(item, user.key)) }) : null,
     secret && item ? /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(import_controls33.Button, { variant: "quiet", icon: /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(KeyGlyph, {}), "aria-label": "Copy password", title: "Copy password", disabled: reading, onClick: () => void read("Password", () => port.reveal(item, secret.key)) }) : null,
     otp ? /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(import_controls33.Button, { variant: "quiet", icon: /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(ClockGlyph, {}), "aria-label": "Copy one-time code", title: "Copy one-time code", disabled: reading, onClick: () => void read("One-time code", async () => (await port.authenticator.code(otp)).code) }) : null
@@ -8455,12 +8457,14 @@ function viewOptions(views, allCount, deletedCount, hasFavorites, hasRecents, ha
   ];
 }
 function Entry({ on, glyph: Icon, label, count: count2, onClick, nested = false }) {
+  const desktop = (0, import_design_system24.useLook)() === "desktop";
   return /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
     import_controls34.Tile,
     {
       type: "button",
       "aria-current": on ? "page" : void 0,
       selected: on,
+      ...desktop ? { selectedStyle: "fill" } : {},
       onClick,
       layout: "row",
       variant: "quiet",
@@ -8468,8 +8472,9 @@ function Entry({ on, glyph: Icon, label, count: count2, onClick, nested = false
       icon: nested ? void 0 : /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(Icon, { className: "size-4 shrink-0" }),
       title: label,
       ...count2 !== void 0 ? { end: /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("span", { className: "text-xs tabular-nums text-muted-foreground", children: count2 }) } : {},
+      ...nested ? { level: 1 } : {},
       "data-nested": nested ? "" : void 0,
-      className: (0, import_design_system24.cn)("w-full", nested && "pl-9")
+      className: "w-full"
     }
   );
 }