@ai-matrx/vault 0.1.35 → 0.1.36

package/dist/index.js

@@ -1293,14 +1293,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__ */ jsxs5("span", { className: cn5("inline-flex shrink-0 items-center", size === "lg" ? "gap-4" : "gap-3"), children: [
-        /* @__PURE__ */ jsx6("span", { className: cn5("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__ */ jsx6("span", { className: "inline-flex size-6 items-center justify-center text-success", role: "status", "aria-label": "Copied", children: /* @__PURE__ */ jsx6(CheckGlyph, { className: "size-4" }) }) : /* @__PURE__ */ jsx6(CountdownRing, { remaining: live.remaining, period: live.period, loading: !live.code })
-      ] }),
-      className: "max-w-full shrink-0"
+      fit: true,
+      title: /* @__PURE__ */ jsx6("span", { className: cn5("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__ */ jsx6("span", { className: "inline-flex size-6 items-center justify-center text-success", role: "status", "aria-label": "Copied", children: /* @__PURE__ */ jsx6(CheckGlyph, { className: "size-4" }) }) : /* @__PURE__ */ jsx6(CountdownRing, { remaining: live.remaining, period: live.period, loading: !live.code })
     }
   );
 }
@@ -2102,7 +2100,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__ */ jsxs9("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__ */ jsxs9("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__ */ jsx10(
       Button8,
       {
@@ -2123,6 +2121,7 @@ function OtpListRow({ port, item, family, entry, onOpen, onOpenInNewTab, onRenam
         onClick: onOpen,
         title: /* @__PURE__ */ jsx10("span", { className: a.enabled ? "text-foreground" : "text-muted-foreground", children: item.name }),
         line: sub ? /* @__PURE__ */ jsx10("span", { className: a.error ? "text-destructive" : "text-muted-foreground", title: sub, children: sub }) : void 0,
+        oneLine: true,
         className: "min-w-0"
       }
     ),
@@ -3084,7 +3083,7 @@ function BackupPanel({ port, host, items, onClose, onChanged }) {
         /* @__PURE__ */ jsx14(Summary, { value: backup }),
         /* @__PURE__ */ jsx14(Omissions, { omissions: backup.omissions, accepted, onAccepted: setAccepted, verb: "Back up" }),
         /* @__PURE__ */ jsxs13(VaultSection, { children: [
-          /* @__PURE__ */ jsx14(VaultRow, { label: "Passphrase", hint: minLength ? `At least ${minLength} characters. Not saved.` : "Not saved. It can't be recovered.", children: /* @__PURE__ */ jsx14(Field5, { type: "password", value: passphrase, autoComplete: "new-password", "aria-label": "Backup passphrase", "aria-invalid": short || void 0, onChange: (e) => setPassphrase(e.target.value) }) }),
+          /* @__PURE__ */ jsx14(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__ */ jsx14(Field5, { type: "password", value: passphrase, autoComplete: "new-password", "aria-label": "Backup passphrase", "aria-invalid": short || void 0, onChange: (e) => setPassphrase(e.target.value) }) }),
           short ? /* @__PURE__ */ jsxs13("p", { role: "alert", className: "px-1 text-xs text-destructive", "data-passphrase-too-short": "", children: [
             "Use at least ",
             minLength,
@@ -6285,14 +6284,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__ */ jsx25(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__ */ jsxs23("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: [
@@ -7780,8 +7782,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());
@@ -7814,10 +7816,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
     )) });
@@ -7884,8 +7886,8 @@ function MatchRow({ itemId, item, tag, family, port, busy, running, onOpen, onFi
         className: "min-w-0 flex-1"
       }
     ),
-    onFill ? /* @__PURE__ */ jsx35(Button32, { 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__ */ jsx35(Button32, { variant: onFill ? "outline" : "primary", icon: /* @__PURE__ */ jsx35(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__ */ jsx35(Button32, { 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__ */ jsx35(Button32, { variant: onFill ? "outline" : "primary", icon: /* @__PURE__ */ jsx35(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__ */ jsx35(Button32, { variant: "quiet", icon: /* @__PURE__ */ jsx35(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__ */ jsx35(Button32, { variant: "quiet", icon: /* @__PURE__ */ jsx35(KeyGlyph, {}), "aria-label": "Copy password", title: "Copy password", disabled: reading, onClick: () => void read("Password", () => port.reveal(item, secret.key)) }) : null,
     otp ? /* @__PURE__ */ jsx35(Button32, { variant: "quiet", icon: /* @__PURE__ */ jsx35(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
@@ -7894,7 +7896,7 @@ function MatchRow({ itemId, item, tag, family, port, busy, running, onOpen, onFi
 
 // src/Sidebar.tsx
 import { useState as useState38 } from "react";
-import { cn as cn12 } from "@ai-matrx/design-system";
+import { cn as cn12, useLook as useLook2 } from "@ai-matrx/design-system";
 import { DisclosureHeader as DisclosureHeader4, Select as Select11, Tile as Tile6 } from "@ai-matrx/design-system/controls";
 import { GlobeIcon as GlobeIcon4 } from "@ai-matrx/design-system/icons";
 import { jsx as jsx36, jsxs as jsxs34 } from "react/jsx-runtime";
@@ -7977,12 +7979,14 @@ function viewOptions(views, allCount, deletedCount, hasFavorites, hasRecents, ha
   ];
 }
 function Entry({ on, glyph: Icon, label, count: count2, onClick, nested = false }) {
+  const desktop = useLook2() === "desktop";
   return /* @__PURE__ */ jsx36(
     Tile6,
     {
       type: "button",
       "aria-current": on ? "page" : void 0,
       selected: on,
+      ...desktop ? { selectedStyle: "fill" } : {},
       onClick,
       layout: "row",
       variant: "quiet",
@@ -7990,8 +7994,9 @@ function Entry({ on, glyph: Icon, label, count: count2, onClick, nested = false
       icon: nested ? void 0 : /* @__PURE__ */ jsx36(Icon, { className: "size-4 shrink-0" }),
       title: label,
       ...count2 !== void 0 ? { end: /* @__PURE__ */ jsx36("span", { className: "text-xs tabular-nums text-muted-foreground", children: count2 }) } : {},
+      ...nested ? { level: 1 } : {},
       "data-nested": nested ? "" : void 0,
-      className: cn12("w-full", nested && "pl-9")
+      className: "w-full"
     }
   );
 }