@ai-matrx/vault 0.1.18 → 0.1.19

package/dist/index.d.cts

@@ -116,6 +116,8 @@ interface VaultLocation {
     /** New-item flow: the chosen definition, and the URL pasted at the start (kept across steps). */
     kind: string | null;
     url: string;
+    /** New-item flow: a name the opener chose ("Instagram login"); beats the one guessed from the address. */
+    name?: string;
     /** A panel open over the workspace: `share`, `history`, `activity`, `files`, `move`, `import`, … */
     panel: string | null;
 }
@@ -1202,6 +1204,23 @@ interface VaultHostCapabilities {
     clipboard?: VaultClipboard;
     /** How long a shown value stays shown, in seconds (an organization knob the host reads); default 20. */
     revealSeconds?: number;
+    /**
+     * How often the list re-reads itself while the vault is on screen, in seconds (the desktop's
+     * refresh knob). Without it the organization's `vault.list.refresh_seconds` knob decides; with
+     * neither, the list still re-reads whenever the window or panel comes back into focus.
+     */
+    refreshSeconds?: number;
+    /**
+     * Who answers a right-click on a list row. `package` (default): the row's own menu (copy any
+     * field, open, copy name, plus `rowMenuItems`). `host`: the host wraps the vault in its own
+     * right-click menu (the website's agents menu) and the row leaves the event alone.
+     */
+    rowContextMenu?: "package" | "host";
+    /** Extra entries a host adds to every row's menu (the More button and the right-click menu). */
+    rowMenuItems?: (item: VaultItem) => readonly {
+        label: string;
+        onSelect: () => void;
+    }[];
     nativeProvider?: {
         status: "ready" | "needs_setup" | "unavailable";
         openSetup: () => void;

package/dist/index.d.ts

@@ -116,6 +116,8 @@ interface VaultLocation {
     /** New-item flow: the chosen definition, and the URL pasted at the start (kept across steps). */
     kind: string | null;
     url: string;
+    /** New-item flow: a name the opener chose ("Instagram login"); beats the one guessed from the address. */
+    name?: string;
     /** A panel open over the workspace: `share`, `history`, `activity`, `files`, `move`, `import`, … */
     panel: string | null;
 }
@@ -1202,6 +1204,23 @@ interface VaultHostCapabilities {
     clipboard?: VaultClipboard;
     /** How long a shown value stays shown, in seconds (an organization knob the host reads); default 20. */
     revealSeconds?: number;
+    /**
+     * How often the list re-reads itself while the vault is on screen, in seconds (the desktop's
+     * refresh knob). Without it the organization's `vault.list.refresh_seconds` knob decides; with
+     * neither, the list still re-reads whenever the window or panel comes back into focus.
+     */
+    refreshSeconds?: number;
+    /**
+     * Who answers a right-click on a list row. `package` (default): the row's own menu (copy any
+     * field, open, copy name, plus `rowMenuItems`). `host`: the host wraps the vault in its own
+     * right-click menu (the website's agents menu) and the row leaves the event alone.
+     */
+    rowContextMenu?: "package" | "host";
+    /** Extra entries a host adds to every row's menu (the More button and the right-click menu). */
+    rowMenuItems?: (item: VaultItem) => readonly {
+        label: string;
+        onSelect: () => void;
+    }[];
     nativeProvider?: {
         status: "ready" | "needs_setup" | "unavailable";
         openSetup: () => void;

package/dist/index.js

@@ -860,6 +860,7 @@ function locationFromParams(params, itemId = params.get("item")) {
     mode: mode === "edit" || mode === "new" ? mode : "view",
     kind: params.get("kind"),
     url: params.get("url") ?? "",
+    ...params.get("name") ? { name: params.get("name") ?? "" } : {},
     panel: params.get("panel")
   };
 }
@@ -872,6 +873,7 @@ function locationToParams(loc) {
   if (loc.mode !== "view") q.set("mode", loc.mode);
   if (loc.kind) q.set("kind", loc.kind);
   if (loc.url) q.set("url", loc.url);
+  if (loc.name) q.set("name", loc.name);
   if (loc.panel) q.set("panel", loc.panel);
   return q;
 }
@@ -1912,10 +1914,16 @@ function QrScanPanel({ open, onResult, onClose }) {
     /* @__PURE__ */ jsx10("p", { className: "text-center text-xs text-muted-foreground", children: "Point at the site's QR code" })
   ] });
 }
-function OtpSetupRow({ value, onChange, label = "Authenticator", placeholder = "Paste setup key or otpauth link", disabled = false, autoFocus = false, onImage, onRecognized, status }) {
+function OtpSetupRow({ value, onChange, label = "Authenticator", placeholder = "Paste setup key or otpauth link", disabled = false, autoFocus = false, onImage, onRecognized, status, autoStartCamera = false }) {
   const file = useRef8(null);
   const canScan = useCanScan();
   const [scanning, setScanning] = useState10(false);
+  const autoStarted = useRef8(false);
+  useEffect10(() => {
+    if (!autoStartCamera || !canScan || disabled || autoStarted.current || value) return;
+    autoStarted.current = true;
+    setScanning(true);
+  }, [autoStartCamera, canScan, disabled, value]);
   const [reading, setReading] = useState10(false);
   const [imageError, setImageError] = useState10(null);
   const [dragging, setDragging] = useState10(false);
@@ -2300,6 +2308,7 @@ function AddOtpPanel({ port, items, definitions, itemId = null, onClose, onChang
               label: "Setup key",
               value: input,
               autoFocus: true,
+              autoStartCamera: true,
               disabled: busy,
               onChange: (v) => {
                 setImage(null);
@@ -3852,7 +3861,7 @@ var MAX_FAILURES_IN_A_ROW = 5;
 var failureText = (cause) => cause instanceof Error && cause.message ? cause.message : "The server refused this one.";
 async function runImport(input) {
   const { io, organizationId, lines, keys, confirmed } = input;
-  const result = { created: [], failed: [], withOtp: 0, stoppedEarly: false, untried: [] };
+  const result = { created: [], failed: [], withOtp: 0, needOtp: [], stoppedEarly: false, untried: [] };
   let streak = 0;
   for (let i = 0; i < lines.length; i += 1) {
     const line = lines[i];
@@ -3871,7 +3880,10 @@ async function runImport(input) {
     try {
       const made = await confirmed(() => io.createImported(command.body, organizationId, key));
       result.created.push(made);
-      if (command.hasOtp) result.withOtp += 1;
+      if (command.hasOtp) {
+        result.withOtp += 1;
+        result.needOtp.push(made);
+      }
       streak = 0;
     } catch (cause) {
       const reason = failureText(cause);
@@ -4471,8 +4483,9 @@ var STATE_BADGE = {
   unsupported: { text: "Not supported", tone: "neutral" }
 };
 var ME = "me";
-function ImportPanel({ port, host, items, organizations, onClose, onChanged, limits }) {
+function ImportPanel({ port, host, items, definitions, organizations, onClose, onChanged, limits }) {
   const confirmed = useConfirmed();
+  const [otpFor, setOtpFor] = useState19(null);
   const fileInput = useRef12(null);
   const abort = useRef12(null);
   const stop = useRef12(false);
@@ -4580,6 +4593,7 @@ function ImportPanel({ port, host, items, organizations, onClose, onChanged, lim
       failed: result.failed,
       skipped,
       withOtp: (previous?.withOtp ?? 0) + result.withOtp,
+      needOtp: [...previous?.needOtp ?? [], ...result.needOtp],
       untried: result.untried
     };
     setDone(merged);
@@ -4605,7 +4619,7 @@ function ImportPanel({ port, host, items, organizations, onClose, onChanged, lim
     setRunning({ done: 0, total: chosen });
     try {
       const made = await confirmed(() => port.io.importEnv(text, organizationId, injectSandbox));
-      setDone({ created: made, failed: [], skipped: draft.entries.length - chosen, withOtp: 0, untried: [] });
+      setDone({ created: made, failed: [], skipped: draft.entries.length - chosen, withOtp: 0, needOtp: [], untried: [] });
       if (made.length > 0) onChanged();
     } catch (cause) {
       setError(cause instanceof Error ? cause.message : "The import could not finish.");
@@ -4720,9 +4734,32 @@ function ImportPanel({ port, host, items, organizations, onClose, onChanged, lim
         plural(done.withOtp, "login"),
         " still need the one-time password added."
       ] }) }) : null,
+      done.needOtp.map((made) => {
+        const now = items.find((i) => i.id === made.id);
+        if (now?.authenticator) return null;
+        return /* @__PURE__ */ jsx19(VaultRow, { label: "Authenticator", children: /* @__PURE__ */ jsxs18("button", { type: "button", className: "truncate text-left text-primary hover:underline", onClick: () => setOtpFor(made.id), children: [
+          "Set up authenticator for ",
+          made.name
+        ] }) }, `otp:${made.id}`);
+      }),
       done.failed.map((f) => /* @__PURE__ */ jsx19(VaultRow, { label: f.title, children: /* @__PURE__ */ jsx19("span", { className: "block truncate text-destructive", title: f.reason, children: f.reason }) }, f.key))
     ] }) : null,
-    /* @__PURE__ */ jsx19(ErrorLine, { message: error })
+    /* @__PURE__ */ jsx19(ErrorLine, { message: error }),
+    otpFor ? /* @__PURE__ */ jsx19(
+      AddOtpPanel,
+      {
+        port,
+        items,
+        definitions,
+        itemId: otpFor,
+        onClose: () => setOtpFor(null),
+        onChanged,
+        onDone: () => {
+          setOtpFor(null);
+          onChanged();
+        }
+      }
+    ) : null
   ] });
 }
 function toggle(set, key, on) {
@@ -6344,6 +6381,13 @@ function ItemPane(props) {
 
 // src/ItemList.tsx
 import { jsx as jsx28, jsxs as jsxs26 } from "react/jsx-runtime";
+var RECOVERY_KEYS = /^recovery_codes?$/;
+function otherCopyFields(item, user, secret) {
+  if (!item.capabilities.canUse) return [];
+  return item.fields.filter(
+    (f) => f !== user && f !== secret && f.active !== false && f.handling !== "sealed" && (f.handling === "visible" || item.capabilities.canReveal) && !isAuthenticatorStorage(f.key) && !RECOVERY_KEYS.test(f.key)
+  );
+}
 var SORTS2 = [
   { value: "name", label: "Name A\u2013Z" },
   { value: "name-desc", label: "Name Z\u2013A" },
@@ -6356,7 +6400,7 @@ function subtitleOf(item, withOwner) {
   const what = loginSiteOf(item) || item.definitionLabel;
   return withOwner ? `${what} \xB7 ${item.owner.label}` : what;
 }
-function ItemList({ title, items, definitions, port, selectedId, onSelect, query, onQuery, sort, onSort, onNew, matchingIds, header, showOwner, canSortViewed = false }) {
+function ItemList({ title, items, definitions, port, selectedId, onSelect, query, onQuery, sort, onSort, onNew, matchingIds, header, showOwner, canSortViewed = false, onRefresh, refreshing = false, rowContextMenu = "package", rowMenuItems }) {
   const sorts = SORTS2.filter((s) => canSortViewed || s.value !== "viewed");
   const pinned = matchingIds ? items.filter((i) => matchingIds.has(i.id)) : [];
   const rest = matchingIds ? items.filter((i) => !matchingIds.has(i.id)) : items;
@@ -6377,7 +6421,7 @@ function ItemList({ title, items, definitions, port, selectedId, onSelect, query
     }
   };
   const mixedOwners = showOwner ?? new Set(items.map((i) => i.owner.organizationId ?? i.owner.kind)).size > 1;
-  const row = (i) => /* @__PURE__ */ jsx28(ListRow, { item: i, family: familyOf2(i.definitionKey), port, on: i.id === selectedId, onSelect, withOwner: mixedOwners }, i.id);
+  const row = (i) => /* @__PURE__ */ jsx28(ListRow, { item: i, family: familyOf2(i.definitionKey), port, on: i.id === selectedId, onSelect, withOwner: mixedOwners, ownContextMenu: rowContextMenu === "package", extra: rowMenuItems }, i.id);
   const sortLabel = sorts.find((s) => s.value === sort)?.label ?? "Name A\u2013Z";
   return /* @__PURE__ */ jsxs26("section", { "aria-label": title, className: "flex h-full min-h-0 flex-col border-r border-border bg-background", children: [
     /* @__PURE__ */ jsxs26("div", { className: "flex flex-col gap-2 px-3 pb-2 pt-3", children: [
@@ -6392,9 +6436,12 @@ function ItemList({ title, items, definitions, port, selectedId, onSelect, query
           " ",
           items.length === 1 ? "item" : "items"
         ] }),
-        /* @__PURE__ */ jsxs26(DropdownMenu4, { children: [
-          /* @__PURE__ */ jsx28(DropdownMenuTrigger4, { asChild: true, children: /* @__PURE__ */ jsx28(Button23, { variant: "quiet", icon: /* @__PURE__ */ jsx28(SortGlyph, {}), "aria-label": `Sort: ${sortLabel}`, children: sortLabel }) }),
-          /* @__PURE__ */ jsx28(DropdownMenuContent4, { align: "end", children: /* @__PURE__ */ jsx28(DropdownMenuRadioGroup, { value: sort, onValueChange: (v) => onSort(sorts.find((s) => s.value === v)?.value ?? "name"), children: sorts.map((s) => /* @__PURE__ */ jsx28(DropdownMenuRadioItem, { value: s.value, children: s.label }, s.value)) }) })
+        /* @__PURE__ */ jsxs26("span", { className: "flex shrink-0 items-center gap-0.5", children: [
+          onRefresh ? /* @__PURE__ */ jsx28(Button23, { variant: "quiet", icon: /* @__PURE__ */ jsx28(RefreshGlyph, { className: refreshing ? "animate-spin" : "" }), "aria-label": "Refresh", title: "Refresh the list", disabled: refreshing, onClick: onRefresh }) : null,
+          /* @__PURE__ */ jsxs26(DropdownMenu4, { children: [
+            /* @__PURE__ */ jsx28(DropdownMenuTrigger4, { asChild: true, children: /* @__PURE__ */ jsx28(Button23, { variant: "quiet", icon: /* @__PURE__ */ jsx28(SortGlyph, {}), "aria-label": `Sort: ${sortLabel}`, children: sortLabel }) }),
+            /* @__PURE__ */ jsx28(DropdownMenuContent4, { align: "end", children: /* @__PURE__ */ jsx28(DropdownMenuRadioGroup, { value: sort, onValueChange: (v) => onSort(sorts.find((s) => s.value === v)?.value ?? "name"), children: sorts.map((s) => /* @__PURE__ */ jsx28(DropdownMenuRadioItem, { value: s.value, children: s.label }, s.value)) }) })
+          ] })
         ] })
       ] })
     ] }),
@@ -6409,7 +6456,7 @@ function ItemList({ title, items, definitions, port, selectedId, onSelect, query
     ] }) })
   ] });
 }
-function ListRow({ item, family, port, on, onSelect, withOwner }) {
+function ListRow({ item, family, port, on, onSelect, withOwner, ownContextMenu, extra }) {
   const confirmed = useConfirmed();
   const copy = useCopy();
   const notify = useNotify();
@@ -6434,67 +6481,93 @@ function ListRow({ item, family, port, on, onSelect, withOwner }) {
   const copyPassword = () => secret && void run("Password", () => port.reveal(item, secret.key), true);
   const copyCode = () => code && void run("One-time code", async () => (await port.authenticator.code(item)).code, true);
   const copyName = () => void copy(item.name, "Name", { secret: false });
-  return /* @__PURE__ */ jsxs26("li", { className: "group relative", "data-item": item.id, children: [
-    /* @__PURE__ */ jsxs26(
-      "button",
-      {
-        type: "button",
-        "aria-current": on ? "true" : void 0,
-        "data-surface": on ? "primary" : void 0,
-        onClick: () => onSelect(item.id),
-        className: cn13("flex h-12 w-full items-center gap-3 rounded-lg px-2 pr-10 text-left", on ? "bg-primary text-primary-foreground" : "hover:bg-accent"),
-        children: [
-          /* @__PURE__ */ jsx28(ItemIcon, { definitionKey: item.definitionKey, family, site: loginSiteOf(item), inverted: on }),
-          /* @__PURE__ */ jsxs26("span", { className: "flex min-w-0 flex-1 flex-col leading-tight", children: [
-            /* @__PURE__ */ jsx28("span", { className: "truncate text-sm font-medium", children: item.name }),
-            /* @__PURE__ */ jsx28("span", { className: "truncate text-xs text-muted-foreground", children: subtitleOf(item, withOwner) })
-          ] })
-        ]
-      }
-    ),
-    /* @__PURE__ */ jsxs26("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: [
-      user || secret ? /* @__PURE__ */ jsxs26("div", { className: cn13("hidden items-center gap-0.5 rounded-md pl-2 [@media(hover:hover)]:group-hover:flex [@media(hover:hover)]:group-focus-within:flex", on ? "bg-primary" : "bg-accent"), "data-row-quick": "", children: [
-        user ? /* @__PURE__ */ jsx28(Button23, { variant: "quiet", icon: /* @__PURE__ */ jsx28(UserGlyph, {}), "aria-label": `Copy ${user.label}`, disabled: busy, onClick: copyUser }) : null,
-        secret ? /* @__PURE__ */ jsx28(Button23, { variant: "quiet", icon: /* @__PURE__ */ jsx28(KeyGlyph, {}), "aria-label": "Copy password", disabled: busy, onClick: copyPassword }) : null
-      ] }) : null,
-      /* @__PURE__ */ jsxs26(DropdownMenu4, { open: menuOpen, onOpenChange: setMenuOpen, children: [
-        /* @__PURE__ */ jsx28(DropdownMenuTrigger4, { asChild: true, children: /* @__PURE__ */ jsx28(
-          Button23,
+  const others = otherCopyFields(item, user, secret);
+  const custom = canUse ? item.custom.filter((c) => c.value) : [];
+  const hostEntries = extra?.(item) ?? [];
+  return /* @__PURE__ */ jsxs26(
+    "li",
+    {
+      className: "group relative",
+      "data-item": item.id,
+      onContextMenu: ownContextMenu ? (e) => {
+        e.preventDefault();
+        setMenuOpen(true);
+      } : void 0,
+      children: [
+        /* @__PURE__ */ jsxs26(
+          "button",
           {
-            variant: "quiet",
-            icon: /* @__PURE__ */ jsx28(MoreGlyph, {}),
-            "aria-label": `Actions for ${item.name}`,
-            disabled: busy,
-            className: cn13("[@media(hover:hover)]:invisible [@media(hover:hover)]:group-hover:visible [@media(hover:hover)]:group-focus-within:visible", menuOpen && "[@media(hover:hover)]:visible")
+            type: "button",
+            "aria-current": on ? "true" : void 0,
+            "data-surface": on ? "primary" : void 0,
+            onClick: () => onSelect(item.id),
+            className: cn13("flex h-12 w-full items-center gap-3 rounded-lg px-2 pr-10 text-left", on ? "bg-primary text-primary-foreground" : "hover:bg-accent"),
+            children: [
+              /* @__PURE__ */ jsx28(ItemIcon, { definitionKey: item.definitionKey, family, site: loginSiteOf(item), inverted: on }),
+              /* @__PURE__ */ jsxs26("span", { className: "flex min-w-0 flex-1 flex-col leading-tight", children: [
+                /* @__PURE__ */ jsx28("span", { className: "truncate text-sm font-medium", children: item.name }),
+                /* @__PURE__ */ jsx28("span", { className: "truncate text-xs text-muted-foreground", children: subtitleOf(item, withOwner) })
+              ] })
+            ]
           }
-        ) }),
-        /* @__PURE__ */ jsxs26(DropdownMenuContent4, { align: "end", children: [
-          user ? /* @__PURE__ */ jsxs26(DropdownMenuItem4, { onSelect: copyUser, children: [
-            /* @__PURE__ */ jsx28(UserGlyph, { className: "size-4" }),
-            "Copy ",
-            user.label.toLowerCase()
-          ] }) : null,
-          secret ? /* @__PURE__ */ jsxs26(DropdownMenuItem4, { onSelect: copyPassword, children: [
-            /* @__PURE__ */ jsx28(KeyGlyph, { className: "size-4" }),
-            "Copy password"
-          ] }) : null,
-          code ? /* @__PURE__ */ jsxs26(DropdownMenuItem4, { onSelect: copyCode, children: [
-            /* @__PURE__ */ jsx28(ClockGlyph, { className: "size-4" }),
-            "Copy one-time code"
+        ),
+        /* @__PURE__ */ jsxs26("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: [
+          user || secret ? /* @__PURE__ */ jsxs26("div", { className: cn13("hidden items-center gap-0.5 rounded-md pl-2 [@media(hover:hover)]:group-hover:flex [@media(hover:hover)]:group-focus-within:flex", on ? "bg-primary" : "bg-accent"), "data-row-quick": "", children: [
+            user ? /* @__PURE__ */ jsx28(Button23, { variant: "quiet", icon: /* @__PURE__ */ jsx28(UserGlyph, {}), "aria-label": `Copy ${user.label}`, disabled: busy, onClick: copyUser }) : null,
+            secret ? /* @__PURE__ */ jsx28(Button23, { variant: "quiet", icon: /* @__PURE__ */ jsx28(KeyGlyph, {}), "aria-label": "Copy password", disabled: busy, onClick: copyPassword }) : null
           ] }) : null,
-          user || secret || code ? /* @__PURE__ */ jsx28(DropdownMenuSeparator4, {}) : null,
-          /* @__PURE__ */ jsxs26(DropdownMenuItem4, { onSelect: () => onSelect(item.id), children: [
-            /* @__PURE__ */ jsx28(ChevronRightGlyph, { className: "size-4" }),
-            "Open"
-          ] }),
-          /* @__PURE__ */ jsxs26(DropdownMenuItem4, { onSelect: copyName, children: [
-            /* @__PURE__ */ jsx28(CopyIcon7, { className: "size-4" }),
-            "Copy name"
+          /* @__PURE__ */ jsxs26(DropdownMenu4, { open: menuOpen, onOpenChange: setMenuOpen, children: [
+            /* @__PURE__ */ jsx28(DropdownMenuTrigger4, { asChild: true, children: /* @__PURE__ */ jsx28(
+              Button23,
+              {
+                variant: "quiet",
+                icon: /* @__PURE__ */ jsx28(MoreGlyph, {}),
+                "aria-label": `Actions for ${item.name}`,
+                disabled: busy,
+                className: cn13("[@media(hover:hover)]:invisible [@media(hover:hover)]:group-hover:visible [@media(hover:hover)]:group-focus-within:visible", menuOpen && "[@media(hover:hover)]:visible")
+              }
+            ) }),
+            /* @__PURE__ */ jsxs26(DropdownMenuContent4, { align: "end", children: [
+              user ? /* @__PURE__ */ jsxs26(DropdownMenuItem4, { onSelect: copyUser, children: [
+                /* @__PURE__ */ jsx28(UserGlyph, { className: "size-4" }),
+                "Copy ",
+                user.label.toLowerCase()
+              ] }) : null,
+              secret ? /* @__PURE__ */ jsxs26(DropdownMenuItem4, { onSelect: copyPassword, children: [
+                /* @__PURE__ */ jsx28(KeyGlyph, { className: "size-4" }),
+                "Copy password"
+              ] }) : null,
+              code ? /* @__PURE__ */ jsxs26(DropdownMenuItem4, { onSelect: copyCode, children: [
+                /* @__PURE__ */ jsx28(ClockGlyph, { className: "size-4" }),
+                "Copy one-time code"
+              ] }) : null,
+              others.map((f) => /* @__PURE__ */ jsxs26(DropdownMenuItem4, { onSelect: () => void run(f.label, () => port.reveal(item, f.key), f.handling !== "visible"), children: [
+                /* @__PURE__ */ jsx28(CopyIcon7, { className: "size-4" }),
+                "Copy ",
+                f.label.toLowerCase()
+              ] }, f.key)),
+              custom.map((c) => /* @__PURE__ */ jsxs26(DropdownMenuItem4, { onSelect: () => void copy(c.value, c.label, { secret: false }), children: [
+                /* @__PURE__ */ jsx28(CopyIcon7, { className: "size-4" }),
+                "Copy ",
+                c.label.toLowerCase()
+              ] }, `custom:${c.key}`)),
+              user || secret || code || others.length > 0 || custom.length > 0 ? /* @__PURE__ */ jsx28(DropdownMenuSeparator4, {}) : null,
+              /* @__PURE__ */ jsxs26(DropdownMenuItem4, { onSelect: () => onSelect(item.id), children: [
+                /* @__PURE__ */ jsx28(ChevronRightGlyph, { className: "size-4" }),
+                "Open"
+              ] }),
+              /* @__PURE__ */ jsxs26(DropdownMenuItem4, { onSelect: copyName, children: [
+                /* @__PURE__ */ jsx28(CopyIcon7, { className: "size-4" }),
+                "Copy name"
+              ] }),
+              hostEntries.length > 0 ? /* @__PURE__ */ jsx28(DropdownMenuSeparator4, {}) : null,
+              hostEntries.map((h) => /* @__PURE__ */ jsx28(DropdownMenuItem4, { onSelect: h.onSelect, children: h.label }, h.label))
+            ] })
           ] })
         ] })
-      ] })
-    ] })
-  ] });
+      ]
+    }
+  );
 }
 
 // src/lists/TrashView.tsx
@@ -8121,6 +8194,7 @@ import { jsx as jsx40, jsxs as jsxs38 } from "react/jsx-runtime";
 var FULL_AT = 1120;
 var SPLIT_AT = 640;
 var NO_HOST = {};
+var FOCUS_GAP_MS = 2e3;
 var ITEM_PANELS = {
   share: SharePanel,
   move: MovePanel,
@@ -8249,9 +8323,13 @@ function Workspace({ port, host = NO_HOST, layout = "auto", location, onLocation
   const knobsRef = useRef19(host.knobs);
   knobsRef.current = host.knobs;
   const [signedOut, setSignedOut] = useState41(false);
-  const load = useCallback5(() => {
-    setError(null);
-    port.load().then((s) => {
+  const [refreshError, setRefreshError] = useState41(null);
+  const [refreshing, setRefreshing] = useState41(false);
+  const loadedAt = useRef19(0);
+  const inFlight = useRef19(false);
+  const apply = useCallback5(
+    (s) => {
+      loadedAt.current = Date.now();
       setSnap(s);
       setItems(s.items);
       setDeleted(s.deleted);
@@ -8259,15 +8337,71 @@ function Workspace({ port, host = NO_HOST, layout = "auto", location, onLocation
         (rows) => setDeleted([...s.deleted, ...rows.filter((r) => !s.deleted.some((d) => d.id === r.id))]),
         () => void 0
       );
-    }).catch((e) => {
+    },
+    [port]
+  );
+  const refresh = useCallback5(() => {
+    if (inFlight.current) return;
+    inFlight.current = true;
+    setRefreshing(true);
+    port.load().then((s) => {
+      setRefreshError(null);
+      apply(s);
+    }).catch((e) => setRefreshError(plainLoadError(e instanceof Error && e.message ? e.message : "The vault could not be read."))).finally(() => {
+      inFlight.current = false;
+      setRefreshing(false);
+    });
+    port.lists.favorites?.list().then((ids) => setFavorites(new Set(ids)), () => void 0);
+    port.lists.recents?.list().then(setRecents, () => void 0);
+  }, [port, apply]);
+  const load = useCallback5(() => {
+    setError(null);
+    setRefreshError(null);
+    port.load().then(apply).catch((e) => {
       setSignedOut(e?.status === 401);
       setError(e instanceof Error ? e.message : "The vault could not be loaded.");
     });
     port.lists.favorites?.list().then((ids) => setFavorites(new Set(ids)), () => void 0);
     knobsRef.current?.().catch(() => void 0);
     port.lists.recents?.list().then(setRecents, () => void 0);
-  }, [port]);
+  }, [port, apply]);
   useEffect23(load, [load]);
+  const quietRef = useRef19({ loc, ready: false });
+  quietRef.current = { loc, ready: snap !== null && !error };
+  const [knobSeconds, setKnobSeconds] = useState41(null);
+  useEffect23(() => {
+    if (host.refreshSeconds !== void 0 || !knobsRef.current) return;
+    let live = true;
+    knobsRef.current().then(
+      (r) => {
+        const v = r["vault.list.refresh_seconds"];
+        if (live && typeof v === "number" && v > 0) setKnobSeconds(v);
+      },
+      () => void 0
+    );
+    return () => {
+      live = false;
+    };
+  }, [host.refreshSeconds]);
+  const everySeconds = host.refreshSeconds ?? knobSeconds;
+  useEffect23(() => {
+    const quietly = (minGapMs) => {
+      const { loc: here, ready } = quietRef.current;
+      if (!ready || document.visibilityState === "hidden" || dirty.current || here.mode !== "view") return;
+      if (Date.now() - loadedAt.current < minGapMs) return;
+      refresh();
+    };
+    const onBack = () => quietly(FOCUS_GAP_MS);
+    const onVisible = () => document.visibilityState === "visible" && onBack();
+    window.addEventListener("focus", onBack);
+    document.addEventListener("visibilitychange", onVisible);
+    const timer2 = everySeconds && everySeconds > 0 ? setInterval(() => quietly(0), everySeconds * 1e3) : null;
+    return () => {
+      window.removeEventListener("focus", onBack);
+      document.removeEventListener("visibilitychange", onVisible);
+      if (timer2) clearInterval(timer2);
+    };
+  }, [refresh, everySeconds]);
   const inventoryRef = useRef19(onInventory);
   inventoryRef.current = onInventory;
   useEffect23(() => {
@@ -8433,6 +8567,10 @@ function Workspace({ port, host = NO_HOST, layout = "auto", location, onLocation
       onSort: (sort) => go({ sort }, "replace"),
       canSortViewed: port.lists.recents !== void 0,
       onNew: () => go({ itemId: null, mode: "new", kind: null, panel: null }),
+      onRefresh: refresh,
+      refreshing,
+      rowContextMenu: host.rowContextMenu ?? "package",
+      ...host.rowMenuItems ? { rowMenuItems: host.rowMenuItems } : {},
       ...matchingIds ? { matchingIds } : {},
       ...compactHeader ? { header: compactHeader } : {}
     }
@@ -8457,14 +8595,14 @@ function Workspace({ port, host = NO_HOST, layout = "auto", location, onLocation
         host,
         organizations: orgs,
         defaultOwner: ownerDefault,
-        seed: { name: guess?.name ?? "", url: guess?.url ?? loc.url.trim() },
+        seed: { name: loc.name?.trim() || guess?.name || "", url: guess?.url ?? loc.url.trim() },
         onBack: () => go({ kind: null }),
         onMode: () => void 0,
         onSaved: (item, _wasNew, n, enrolled) => {
           replaceItem(item);
           dirty.current = false;
           if (enrolled) setFirstCode(item);
-          move({ ...loc, itemId: item.id, mode: "view", kind: null, url: "", panel: null }, "replace");
+          move({ ...loc, itemId: item.id, mode: "view", kind: null, url: "", name: "", panel: null }, "replace");
           setNotice(n);
           notify("Saved");
         },
@@ -8472,7 +8610,7 @@ function Workspace({ port, host = NO_HOST, layout = "auto", location, onLocation
         onDirty: (d) => {
           dirty.current = d;
         },
-        onCancelNew: () => go({ mode: "view", kind: null, url: "", itemId: null }),
+        onCancelNew: () => go({ mode: "view", kind: null, url: "", name: "", itemId: null }),
         onPanel: () => void 0,
         onChanged: () => void 0
       },
@@ -8563,13 +8701,17 @@ function Workspace({ port, host = NO_HOST, layout = "auto", location, onLocation
   const grid = mode === "full" ? "grid-cols-[15rem_21rem_minmax(0,1fr)]" : mode === "split" ? "grid-cols-[19rem_minmax(0,1fr)]" : "grid-cols-1";
   const shown = panesShown(mode, specialView !== null, showingDetail);
   return /* @__PURE__ */ jsxs38("div", { ref: rootRef, className: "flex h-full min-h-0 w-full flex-col bg-background text-foreground", children: [
+    refreshError ? /* @__PURE__ */ jsxs38("div", { role: "status", className: "flex items-center gap-3 border-b border-border bg-muted px-4 py-2 text-sm", children: [
+      /* @__PURE__ */ jsx40("span", { className: "min-w-0 flex-1 truncate text-warning", title: refreshError, children: "Couldn\u2019t refresh. Showing what was loaded." }),
+      /* @__PURE__ */ jsx40("button", { type: "button", className: "shrink-0 text-primary hover:underline", onClick: refresh, children: "Try again" })
+    ] }) : null,
     snap.unavailable.length > 0 ? /* @__PURE__ */ jsxs38("div", { role: "status", className: "flex items-center gap-3 border-b border-border bg-muted px-4 py-2 text-sm", children: [
       /* @__PURE__ */ jsxs38("span", { className: "min-w-0 flex-1 truncate text-warning", children: [
         "Couldn\u2019t load ",
         snap.unavailable.join(", "),
         ". Showing the rest."
       ] }),
-      /* @__PURE__ */ jsx40("button", { type: "button", className: "shrink-0 text-primary hover:underline", onClick: load, children: "Try again" })
+      /* @__PURE__ */ jsx40("button", { type: "button", className: "shrink-0 text-primary hover:underline", onClick: refresh, children: "Try again" })
     ] }) : null,
     /* @__PURE__ */ jsxs38("div", { className: `grid min-h-0 w-full flex-1 ${grid} overflow-hidden`, children: [
       mode === "full" ? /* @__PURE__ */ jsx40(