@ai-matrx/vault 0.1.2 → 0.1.4

package/dist/index.js

@@ -101,7 +101,7 @@ var init_keepass_xml_worker_client = __esm({
 });
 
 // src/VaultApp.tsx
-import { useCallback as useCallback5, useEffect as useEffect22, useMemo as useMemo6, useRef as useRef19, useState as useState39 } from "react";
+import { useCallback as useCallback5, useEffect as useEffect23, useMemo as useMemo6, useRef as useRef19, useState as useState40 } from "react";
 import { DropdownMenu as DropdownMenu6, DropdownMenuContent as DropdownMenuContent6, DropdownMenuItem as DropdownMenuItem5, DropdownMenuTrigger as DropdownMenuTrigger6 } from "@ai-matrx/design-system";
 import { Button as Button33, SearchField as SearchField4, Select as Select11 } from "@ai-matrx/design-system/controls";
 import { confirm as confirm13 } from "@ai-matrx/kit/confirm-opener";
@@ -135,7 +135,7 @@ function NoticeProvider({ notify, children }) {
 }
 
 // src/activity/HistoryPanel.tsx
-import { useCallback as useCallback3, useEffect as useEffect6, useRef as useRef5, useState as useState6 } from "react";
+import { useCallback as useCallback3, useEffect as useEffect7, useRef as useRef5, useState as useState7 } from "react";
 import { Button as Button4, Badge as Badge2 } from "@ai-matrx/design-system/controls";
 import { confirm } from "@ai-matrx/kit/confirm-opener";
 
@@ -146,89 +146,90 @@ import { Button, Field } from "@ai-matrx/design-system/controls";
 
 // src/glyphs.tsx
 import { Fragment, jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
-function glyph(paths) {
+function glyph(paths, air = [1, 1]) {
+  const style = { "--matrx-glyph-air-l": air[0], "--matrx-glyph-air-r": air[1] };
   return function VaultGlyph({ className }) {
-    return /* @__PURE__ */ jsx2("svg", { className, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: 2, strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": true, children: paths });
+    return /* @__PURE__ */ jsx2("svg", { className, style, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: 2, strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": true, children: paths });
   };
 }
 var KeyGlyph = glyph(/* @__PURE__ */ jsxs2(Fragment, { children: [
   /* @__PURE__ */ jsx2("circle", { cx: "7.5", cy: "15.5", r: "5.5" }),
   /* @__PURE__ */ jsx2("path", { d: "m21 2-9.6 9.6M15.5 7.5l3 3" })
-] }));
+] }), [1, 2]);
 var GlobeGlyph = glyph(/* @__PURE__ */ jsxs2(Fragment, { children: [
   /* @__PURE__ */ jsx2("circle", { cx: "12", cy: "12", r: "10" }),
   /* @__PURE__ */ jsx2("path", { d: "M2 12h20M12 2a15.3 15.3 0 0 1 4 10 15.3 15.3 0 0 1-4 10 15.3 15.3 0 0 1-4-10 15.3 15.3 0 0 1 4-10z" })
-] }));
+] }), [1, 1]);
 var NoteGlyph = glyph(/* @__PURE__ */ jsxs2(Fragment, { children: [
   /* @__PURE__ */ jsx2("path", { d: "M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7Z" }),
   /* @__PURE__ */ jsx2("path", { d: "M14 2v4a2 2 0 0 0 2 2h4M16 13H8M16 17H8" })
-] }));
+] }), [3, 3]);
 var CardGlyph = glyph(/* @__PURE__ */ jsxs2(Fragment, { children: [
   /* @__PURE__ */ jsx2("rect", { x: "2", y: "5", width: "20", height: "14", rx: "2" }),
   /* @__PURE__ */ jsx2("path", { d: "M2 10h20" })
-] }));
+] }), [1, 1]);
 var PersonGlyph = glyph(/* @__PURE__ */ jsxs2(Fragment, { children: [
   /* @__PURE__ */ jsx2("circle", { cx: "12", cy: "8", r: "5" }),
   /* @__PURE__ */ jsx2("path", { d: "M20 21a8 8 0 0 0-16 0" })
-] }));
+] }), [3, 3]);
 var DatabaseGlyph = glyph(/* @__PURE__ */ jsxs2(Fragment, { children: [
   /* @__PURE__ */ jsx2("ellipse", { cx: "12", cy: "5", rx: "9", ry: "3" }),
   /* @__PURE__ */ jsx2("path", { d: "M3 5v14a9 3 0 0 0 18 0V5M3 12a9 3 0 0 0 18 0" })
-] }));
+] }), [2, 2]);
 var ServerGlyph = glyph(/* @__PURE__ */ jsxs2(Fragment, { children: [
   /* @__PURE__ */ jsx2("rect", { x: "2", y: "2", width: "20", height: "8", rx: "2" }),
   /* @__PURE__ */ jsx2("rect", { x: "2", y: "14", width: "20", height: "8", rx: "2" }),
   /* @__PURE__ */ jsx2("path", { d: "M6 6h.01M6 18h.01" })
-] }));
-var TerminalGlyph = glyph(/* @__PURE__ */ jsx2(Fragment, { children: /* @__PURE__ */ jsx2("path", { d: "m4 17 6-6-6-6M12 19h8" }) }));
+] }), [1, 1]);
+var TerminalGlyph = glyph(/* @__PURE__ */ jsx2(Fragment, { children: /* @__PURE__ */ jsx2("path", { d: "m4 17 6-6-6-6M12 19h8" }) }), [3, 3]);
 var FileGlyph = glyph(/* @__PURE__ */ jsxs2(Fragment, { children: [
   /* @__PURE__ */ jsx2("path", { d: "M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7Z" }),
   /* @__PURE__ */ jsx2("path", { d: "M14 2v4a2 2 0 0 0 2 2h4" })
-] }));
-var CodeGlyph = glyph(/* @__PURE__ */ jsx2(Fragment, { children: /* @__PURE__ */ jsx2("path", { d: "m16 18 6-6-6-6M8 6l-6 6 6 6" }) }));
-var StarGlyph = glyph(/* @__PURE__ */ jsx2("path", { d: "M12 2l3.1 6.3 6.9 1-5 4.9 1.2 6.8L12 17.8 5.8 21l1.2-6.8-5-4.9 6.9-1z" }));
-var PlusGlyph = glyph(/* @__PURE__ */ jsx2("path", { d: "M12 5v14M5 12h14" }));
+] }), [3, 3]);
+var CodeGlyph = glyph(/* @__PURE__ */ jsx2(Fragment, { children: /* @__PURE__ */ jsx2("path", { d: "m16 18 6-6-6-6M8 6l-6 6 6 6" }) }), [1, 1]);
+var StarGlyph = glyph(/* @__PURE__ */ jsx2("path", { d: "M12 2l3.1 6.3 6.9 1-5 4.9 1.2 6.8L12 17.8 5.8 21l1.2-6.8-5-4.9 6.9-1z" }), [1, 1]);
+var PlusGlyph = glyph(/* @__PURE__ */ jsx2("path", { d: "M12 5v14M5 12h14" }), [4, 4]);
 var CopyGlyph = glyph(/* @__PURE__ */ jsxs2(Fragment, { children: [
   /* @__PURE__ */ jsx2("rect", { x: "9", y: "9", width: "13", height: "13", rx: "2" }),
   /* @__PURE__ */ jsx2("path", { d: "M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1" })
-] }));
+] }), [1, 1]);
 var EyeGlyph = glyph(/* @__PURE__ */ jsxs2(Fragment, { children: [
   /* @__PURE__ */ jsx2("path", { d: "M2 12s3.6-7 10-7 10 7 10 7-3.6 7-10 7-10-7-10-7z" }),
   /* @__PURE__ */ jsx2("circle", { cx: "12", cy: "12", r: "3" })
-] }));
-var EyeOffGlyph = glyph(/* @__PURE__ */ jsx2(Fragment, { children: /* @__PURE__ */ jsx2("path", { d: "M10.7 5.1A10.4 10.4 0 0 1 12 5c6.4 0 10 7 10 7a17 17 0 0 1-2.2 3.2M6.6 6.6A17 17 0 0 0 2 12s3.6 7 10 7a9.7 9.7 0 0 0 5.4-1.6M2 2l20 20" }) }));
+] }), [1, 1]);
+var EyeOffGlyph = glyph(/* @__PURE__ */ jsx2(Fragment, { children: /* @__PURE__ */ jsx2("path", { d: "M10.7 5.1A10.4 10.4 0 0 1 12 5c6.4 0 10 7 10 7a17 17 0 0 1-2.2 3.2M6.6 6.6A17 17 0 0 0 2 12s3.6 7 10 7a9.7 9.7 0 0 0 5.4-1.6M2 2l20 20" }) }), [1, 1]);
 var LockGlyph = glyph(/* @__PURE__ */ jsxs2(Fragment, { children: [
   /* @__PURE__ */ jsx2("rect", { x: "3", y: "11", width: "18", height: "11", rx: "2" }),
   /* @__PURE__ */ jsx2("path", { d: "M7 11V7a5 5 0 0 1 10 0v4" })
-] }));
-var ExternalGlyph = glyph(/* @__PURE__ */ jsx2(Fragment, { children: /* @__PURE__ */ jsx2("path", { d: "M15 3h6v6M10 14 21 3M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6" }) }));
-var TrashGlyph = glyph(/* @__PURE__ */ jsx2(Fragment, { children: /* @__PURE__ */ jsx2("path", { d: "M3 6h18M8 6V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2M19 6l-1 14a2 2 0 0 1-2 2H8a2 2 0 0 1-2-2L5 6" }) }));
+] }), [2, 2]);
+var ExternalGlyph = glyph(/* @__PURE__ */ jsx2(Fragment, { children: /* @__PURE__ */ jsx2("path", { d: "M15 3h6v6M10 14 21 3M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6" }) }), [2, 2]);
+var TrashGlyph = glyph(/* @__PURE__ */ jsx2(Fragment, { children: /* @__PURE__ */ jsx2("path", { d: "M3 6h18M8 6V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2M19 6l-1 14a2 2 0 0 1-2 2H8a2 2 0 0 1-2-2L5 6" }) }), [2, 2]);
 var ArchiveGlyph = glyph(/* @__PURE__ */ jsxs2(Fragment, { children: [
   /* @__PURE__ */ jsx2("rect", { x: "2", y: "3", width: "20", height: "5", rx: "1" }),
   /* @__PURE__ */ jsx2("path", { d: "M4 8v11a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8M10 12h4" })
-] }));
+] }), [1, 1]);
 var TagGlyph = glyph(/* @__PURE__ */ jsxs2(Fragment, { children: [
   /* @__PURE__ */ jsx2("path", { d: "M12.6 2.6A2 2 0 0 0 11.2 2H4a2 2 0 0 0-2 2v7.2a2 2 0 0 0 .6 1.4l8.7 8.7a2.4 2.4 0 0 0 3.4 0l6.6-6.6a2.4 2.4 0 0 0 0-3.4z" }),
   /* @__PURE__ */ jsx2("circle", { cx: "7.5", cy: "7.5", r: ".5" })
-] }));
-var ShieldGlyph = glyph(/* @__PURE__ */ jsx2(Fragment, { children: /* @__PURE__ */ jsx2("path", { d: "M20 13c0 5-3.5 7.5-7.7 8.9a1 1 0 0 1-.6 0C7.5 20.5 4 18 4 13V6a1 1 0 0 1 1-1c2 0 4.5-1.2 6.2-2.7a1.2 1.2 0 0 1 1.6 0C14.5 3.8 17 5 19 5a1 1 0 0 1 1 1z" }) }));
+] }), [1, 1]);
+var ShieldGlyph = glyph(/* @__PURE__ */ jsx2(Fragment, { children: /* @__PURE__ */ jsx2("path", { d: "M20 13c0 5-3.5 7.5-7.7 8.9a1 1 0 0 1-.6 0C7.5 20.5 4 18 4 13V6a1 1 0 0 1 1-1c2 0 4.5-1.2 6.2-2.7a1.2 1.2 0 0 1 1.6 0C14.5 3.8 17 5 19 5a1 1 0 0 1 1 1z" }) }), [3, 3]);
 var BuildingGlyph = glyph(/* @__PURE__ */ jsxs2(Fragment, { children: [
   /* @__PURE__ */ jsx2("rect", { x: "4", y: "2", width: "16", height: "20", rx: "2" }),
   /* @__PURE__ */ jsx2("path", { d: "M9 22v-4h6v4M8 6h.01M16 6h.01M12 6h.01M12 10h.01M12 14h.01M16 10h.01M16 14h.01M8 10h.01M8 14h.01" })
-] }));
+] }), [3, 3]);
 var UsersGlyph = glyph(/* @__PURE__ */ jsxs2(Fragment, { children: [
   /* @__PURE__ */ jsx2("path", { d: "M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2" }),
   /* @__PURE__ */ jsx2("circle", { cx: "9", cy: "7", r: "4" }),
   /* @__PURE__ */ jsx2("path", { d: "M22 21v-2a4 4 0 0 0-3-3.9M16 3.1a4 4 0 0 1 0 7.8" })
-] }));
-var ChevronLeftGlyph = glyph(/* @__PURE__ */ jsx2("path", { d: "m15 18-6-6 6-6" }));
+] }), [1, 1]);
+var ChevronLeftGlyph = glyph(/* @__PURE__ */ jsx2("path", { d: "m15 18-6-6 6-6" }), [8, 8]);
 var GridGlyph = glyph(/* @__PURE__ */ jsxs2(Fragment, { children: [
   /* @__PURE__ */ jsx2("rect", { x: "3", y: "3", width: "7", height: "7", rx: "1" }),
   /* @__PURE__ */ jsx2("rect", { x: "14", y: "3", width: "7", height: "7", rx: "1" }),
   /* @__PURE__ */ jsx2("rect", { x: "3", y: "14", width: "7", height: "7", rx: "1" }),
   /* @__PURE__ */ jsx2("rect", { x: "14", y: "14", width: "7", height: "7", rx: "1" })
-] }));
-var PlugGlyph = glyph(/* @__PURE__ */ jsx2(Fragment, { children: /* @__PURE__ */ jsx2("path", { d: "M12 22v-5M9 8V2M15 8V2M18 8v5a4 4 0 0 1-4 4h-4a4 4 0 0 1-4-4V8z" }) }));
+] }), [2, 2]);
+var PlugGlyph = glyph(/* @__PURE__ */ jsx2(Fragment, { children: /* @__PURE__ */ jsx2("path", { d: "M12 22v-5M9 8V2M15 8V2M18 8v5a4 4 0 0 1-4 4h-4a4 4 0 0 1-4-4V8z" }) }), [5, 5]);
 var FAMILY_GLYPHS = {
   databases: DatabaseGlyph,
   server_network: ServerGlyph,
@@ -242,78 +243,78 @@ function definitionGlyph(key, family) {
   if (key === "username_password" || key === "website_login") return GlobeGlyph;
   return FAMILY_GLYPHS[family] ?? KeyGlyph;
 }
-var XGlyph = glyph(/* @__PURE__ */ jsx2("path", { d: "M18 6 6 18M6 6l12 12" }));
+var XGlyph = glyph(/* @__PURE__ */ jsx2("path", { d: "M18 6 6 18M6 6l12 12" }), [5, 5]);
 var PencilGlyph = glyph(/* @__PURE__ */ jsxs2(Fragment, { children: [
   /* @__PURE__ */ jsx2("path", { d: "M12 20h9" }),
   /* @__PURE__ */ jsx2("path", { d: "M16.5 3.5a2.1 2.1 0 0 1 3 3L7 19l-4 1 1-4z" })
-] }));
+] }), [2, 2]);
 var ClockGlyph = glyph(/* @__PURE__ */ jsxs2(Fragment, { children: [
   /* @__PURE__ */ jsx2("circle", { cx: "12", cy: "12", r: "10" }),
   /* @__PURE__ */ jsx2("path", { d: "M12 6v6l4 2" })
-] }));
+] }), [1, 1]);
 var MoreGlyph = glyph(/* @__PURE__ */ jsxs2(Fragment, { children: [
   /* @__PURE__ */ jsx2("circle", { cx: "12", cy: "12", r: "1" }),
   /* @__PURE__ */ jsx2("circle", { cx: "19", cy: "12", r: "1" }),
   /* @__PURE__ */ jsx2("circle", { cx: "5", cy: "12", r: "1" })
-] }));
-var ShareGlyph = glyph(/* @__PURE__ */ jsx2(Fragment, { children: /* @__PURE__ */ jsx2("path", { d: "M4 12v8a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2v-8M16 6l-4-4-4 4M12 2v13" }) }));
+] }), [3, 3]);
+var ShareGlyph = glyph(/* @__PURE__ */ jsx2(Fragment, { children: /* @__PURE__ */ jsx2("path", { d: "M4 12v8a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2v-8M16 6l-4-4-4 4M12 2v13" }) }), [3, 3]);
 var HistoryGlyph = glyph(/* @__PURE__ */ jsxs2(Fragment, { children: [
   /* @__PURE__ */ jsx2("path", { d: "M3 12a9 9 0 1 0 9-9 9.75 9.75 0 0 0-6.74 2.74L3 8" }),
   /* @__PURE__ */ jsx2("path", { d: "M3 3v5h5M12 7v5l4 2" })
-] }));
-var ListGlyph = glyph(/* @__PURE__ */ jsx2("path", { d: "M8 6h13M8 12h13M8 18h13M3 6h.01M3 12h.01M3 18h.01" }));
+] }), [2, 2]);
+var ListGlyph = glyph(/* @__PURE__ */ jsx2("path", { d: "M8 6h13M8 12h13M8 18h13M3 6h.01M3 12h.01M3 18h.01" }), [2, 2]);
 var SettingsGlyph = glyph(/* @__PURE__ */ jsxs2(Fragment, { children: [
   /* @__PURE__ */ jsx2("path", { d: "M12.22 2h-.44a2 2 0 0 0-2 2v.18a2 2 0 0 1-1 1.73l-.43.25a2 2 0 0 1-2 0l-.15-.08a2 2 0 0 0-2.73.73l-.22.38a2 2 0 0 0 .73 2.73l.15.1a2 2 0 0 1 1 1.72v.51a2 2 0 0 1-1 1.74l-.15.09a2 2 0 0 0-.73 2.73l.22.38a2 2 0 0 0 2.73.73l.15-.08a2 2 0 0 1 2 0l.43.25a2 2 0 0 1 1 1.73V20a2 2 0 0 0 2 2h.44a2 2 0 0 0 2-2v-.18a2 2 0 0 1 1-1.73l.43-.25a2 2 0 0 1 2 0l.15.08a2 2 0 0 0 2.73-.73l.22-.39a2 2 0 0 0-.73-2.73l-.15-.08a2 2 0 0 1-1-1.74v-.5a2 2 0 0 1 1-1.74l.15-.09a2 2 0 0 0 .73-2.73l-.22-.38a2 2 0 0 0-2.73-.73l-.15.08a2 2 0 0 1-2 0l-.43-.25a2 2 0 0 1-1-1.73V4a2 2 0 0 0-2-2z" }),
   /* @__PURE__ */ jsx2("circle", { cx: "12", cy: "12", r: "3" })
-] }));
-var ImportGlyph = glyph(/* @__PURE__ */ jsx2("path", { d: "M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4M7 10l5 5 5-5M12 15V3" }));
-var ExportGlyph = glyph(/* @__PURE__ */ jsx2("path", { d: "M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4M17 8l-5-5-5 5M12 3v12" }));
-var ChevronDownGlyph = glyph(/* @__PURE__ */ jsx2("path", { d: "m6 9 6 6 6-6" }));
-var ChevronRightGlyph = glyph(/* @__PURE__ */ jsx2("path", { d: "m9 18 6-6-6-6" }));
-var SortGlyph = glyph(/* @__PURE__ */ jsx2("path", { d: "m3 16 4 4 4-4M7 20V4M21 8l-4-4-4 4M17 4v16" }));
+] }), [2, 2]);
+var ImportGlyph = glyph(/* @__PURE__ */ jsx2("path", { d: "M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4M7 10l5 5 5-5M12 15V3" }), [2, 2]);
+var ExportGlyph = glyph(/* @__PURE__ */ jsx2("path", { d: "M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4M17 8l-5-5-5 5M12 3v12" }), [2, 2]);
+var ChevronDownGlyph = glyph(/* @__PURE__ */ jsx2("path", { d: "m6 9 6 6 6-6" }), [5, 5]);
+var ChevronRightGlyph = glyph(/* @__PURE__ */ jsx2("path", { d: "m9 18 6-6-6-6" }), [8, 8]);
+var SortGlyph = glyph(/* @__PURE__ */ jsx2("path", { d: "m3 16 4 4 4-4M7 20V4M21 8l-4-4-4 4M17 4v16" }), [2, 2]);
 var UserGlyph = glyph(/* @__PURE__ */ jsxs2(Fragment, { children: [
   /* @__PURE__ */ jsx2("circle", { cx: "12", cy: "8", r: "4" }),
   /* @__PURE__ */ jsx2("path", { d: "M6 21v-2a4 4 0 0 1 4-4h4a4 4 0 0 1 4 4v2" })
-] }));
-var MoveGlyph = glyph(/* @__PURE__ */ jsx2("path", { d: "M5 9 2 12l3 3M9 5l3-3 3 3M15 19l-3 3-3-3M19 9l3 3-3 3M2 12h20M12 2v20" }));
+] }), [5, 5]);
+var MoveGlyph = glyph(/* @__PURE__ */ jsx2("path", { d: "M5 9 2 12l3 3M9 5l3-3 3 3M15 19l-3 3-3-3M19 9l3 3-3 3M2 12h20M12 2v20" }), [1, 1]);
 var SafeGlyph = glyph(/* @__PURE__ */ jsxs2(Fragment, { children: [
   /* @__PURE__ */ jsx2("rect", { x: "3", y: "3", width: "18", height: "18", rx: "2" }),
   /* @__PURE__ */ jsx2("circle", { cx: "12", cy: "12", r: "4" }),
   /* @__PURE__ */ jsx2("path", { d: "M12 8v1M12 15v1M8 12h1M15 12h1" })
-] }));
+] }), [2, 2]);
 var RestoreGlyph = glyph(/* @__PURE__ */ jsxs2(Fragment, { children: [
   /* @__PURE__ */ jsx2("path", { d: "M3 12a9 9 0 1 0 3-6.7L3 8" }),
   /* @__PURE__ */ jsx2("path", { d: "M3 3v5h5" })
-] }));
+] }), [2, 2]);
 var QrGlyph = glyph(/* @__PURE__ */ jsxs2(Fragment, { children: [
   /* @__PURE__ */ jsx2("rect", { x: "3", y: "3", width: "7", height: "7", rx: "1" }),
   /* @__PURE__ */ jsx2("rect", { x: "14", y: "3", width: "7", height: "7", rx: "1" }),
   /* @__PURE__ */ jsx2("rect", { x: "3", y: "14", width: "7", height: "7", rx: "1" }),
   /* @__PURE__ */ jsx2("path", { d: "M14 14h3v3h-3zM20 14v.01M14 20h.01M17 20h4v-3" })
-] }));
+] }), [2, 2]);
 var CameraGlyph = glyph(/* @__PURE__ */ jsxs2(Fragment, { children: [
   /* @__PURE__ */ jsx2("path", { d: "M14.5 4h-5L7 7H4a2 2 0 0 0-2 2v9a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2V9a2 2 0 0 0-2-2h-3z" }),
   /* @__PURE__ */ jsx2("circle", { cx: "12", cy: "13", r: "3" })
-] }));
-var CheckGlyph = glyph(/* @__PURE__ */ jsx2("path", { d: "M20 6 9 17l-5-5" }));
+] }), [1, 1]);
+var CheckGlyph = glyph(/* @__PURE__ */ jsx2("path", { d: "M20 6 9 17l-5-5" }), [3, 3]);
 var PowerGlyph = glyph(/* @__PURE__ */ jsxs2(Fragment, { children: [
   /* @__PURE__ */ jsx2("path", { d: "M12 2v10" }),
   /* @__PURE__ */ jsx2("path", { d: "M18.4 6.6a9 9 0 1 1-12.77.04" })
-] }));
+] }), [2, 2]);
 var RefreshGlyph = glyph(/* @__PURE__ */ jsxs2(Fragment, { children: [
   /* @__PURE__ */ jsx2("path", { d: "M21 12a9 9 0 0 1-15.5 6.2L3 16" }),
   /* @__PURE__ */ jsx2("path", { d: "M3 12a9 9 0 0 1 15.5-6.2L21 8" }),
   /* @__PURE__ */ jsx2("path", { d: "M21 3v5h-5M3 21v-5h5" })
-] }));
-var SlidersGlyph = glyph(/* @__PURE__ */ jsx2(Fragment, { children: /* @__PURE__ */ jsx2("path", { d: "M4 21v-7M4 10V3M12 21v-9M12 8V3M20 21v-5M20 12V3M1 14h6M9 8h6M17 16h6" }) }));
+] }), [2, 2]);
+var SlidersGlyph = glyph(/* @__PURE__ */ jsx2(Fragment, { children: /* @__PURE__ */ jsx2("path", { d: "M4 21v-7M4 10V3M12 21v-9M12 8V3M20 21v-5M20 12V3M1 14h6M9 8h6M17 16h6" }) }), [0, 0]);
 var DownloadGlyph = glyph(/* @__PURE__ */ jsxs2(Fragment, { children: [
   /* @__PURE__ */ jsx2("path", { d: "M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4" }),
   /* @__PURE__ */ jsx2("path", { d: "m7 10 5 5 5-5M12 15V3" })
-] }));
+] }), [2, 2]);
 var UploadGlyph = glyph(/* @__PURE__ */ jsxs2(Fragment, { children: [
   /* @__PURE__ */ jsx2("path", { d: "M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4" }),
   /* @__PURE__ */ jsx2("path", { d: "m17 8-5-5-5 5M12 3v12" })
-] }));
+] }), [2, 2]);
 var FingerprintGlyph = glyph(/* @__PURE__ */ jsxs2(Fragment, { children: [
   /* @__PURE__ */ jsx2("path", { d: "M12 10a2 2 0 0 0-2 2c0 1.02-.1 2.51-.26 4" }),
   /* @__PURE__ */ jsx2("path", { d: "M14 13.12c0 2.38 0 6.38-1 8.88" }),
@@ -324,8 +325,8 @@ var FingerprintGlyph = glyph(/* @__PURE__ */ jsxs2(Fragment, { children: [
   /* @__PURE__ */ jsx2("path", { d: "M5 19.5C5.5 18 6 15 6 12a6 6 0 0 1 .34-2" }),
   /* @__PURE__ */ jsx2("path", { d: "M8.65 22c.21-.66.45-1.32.57-2" }),
   /* @__PURE__ */ jsx2("path", { d: "M9 6.8a6 6 0 0 1 9 5.2v2" })
-] }));
-var SendGlyph = glyph(/* @__PURE__ */ jsx2("path", { d: "M14.5 21.7a.5.5 0 0 0 .9 0L22 3a.5.5 0 0 0-.6-.6L2.3 9.1a.5.5 0 0 0 0 .9l7.9 3.2a2 2 0 0 1 1.1 1.1zM21.9 2.1 10.9 13.1" }));
+] }), [1, 1]);
+var SendGlyph = glyph(/* @__PURE__ */ jsx2("path", { d: "M14.5 21.7a.5.5 0 0 0 .9 0L22 3a.5.5 0 0 0-.6-.6L2.3 9.1a.5.5 0 0 0 0 .9l7.9 3.2a2 2 0 0 1 1.1 1.1zM21.9 2.1 10.9 13.1" }), [1, 1]);
 
 // src/auth/identity.ts
 var SAME_PERSON = "That signed in a different account. Use the account this vault belongs to.";
@@ -488,7 +489,7 @@ function ConfirmIdentityDialog({ open, identity, onDone, onCancel }) {
 }
 
 // src/FieldRows.tsx
-import { useEffect as useEffect4, useState as useState4 } from "react";
+import { useEffect as useEffect5, useState as useState5 } from "react";
 import { Badge, Button as Button2, Field as Field2, Textarea } from "@ai-matrx/design-system/controls";
 import { cn as cn3 } from "@ai-matrx/design-system";
 
@@ -530,11 +531,27 @@ function useElementWidth(ref) {
 }
 
 // src/ui.tsx
-import { createContext as createContext3, useContext as useContext3 } from "react";
+import { createContext as createContext3, useContext as useContext3, useEffect as useEffect4, useState as useState4 } from "react";
 import { Dialog as Dialog2, DialogContent as DialogContent2, DialogFooter, DialogHeader as DialogHeader2, DialogTitle as DialogTitle2 } from "@ai-matrx/design-system";
 import { cn as cn2 } from "@ai-matrx/design-system";
 import { jsx as jsx4, jsxs as jsxs4 } from "react/jsx-runtime";
 var InPanel = createContext3(false);
+var Room = createContext3(null);
+var ROOMY_AT = 560;
+function useRoomOf(ref) {
+  const [room, setRoom] = useState4(null);
+  useEffect4(() => {
+    const el = ref.current;
+    if (!el || typeof ResizeObserver === "undefined") return;
+    const read = () => setRoom(el.getBoundingClientRect().width >= ROOMY_AT ? "roomy" : "compact");
+    read();
+    const ro = new ResizeObserver(read);
+    ro.observe(el);
+    return () => ro.disconnect();
+  }, [ref]);
+  return room;
+}
+var RoomProvider = Room.Provider;
 function Section({ title, actions, children, className }) {
   const flat = useContext3(InPanel);
   return /* @__PURE__ */ jsxs4("section", { className: cn2("flex flex-col gap-1.5", className), children: [
@@ -545,10 +562,16 @@ function Section({ title, actions, children, className }) {
     /* @__PURE__ */ jsx4("div", { className: flat ? "-mx-3 flex flex-col sm:-mx-4" : "flex flex-col rounded-xl border border-border bg-card py-1", children })
   ] });
 }
+var ROW_GRID = {
+  compact: "grid-cols-[5.75rem_minmax(0,1fr)_auto] gap-x-2 px-3",
+  roomy: "grid-cols-[9rem_minmax(0,1fr)_auto] gap-x-3 px-4",
+  viewport: "grid-cols-[5.75rem_minmax(0,1fr)_auto] gap-x-2 px-3 sm:grid-cols-[9rem_minmax(0,1fr)_auto] sm:gap-x-3 sm:px-4"
+};
 function Row({ label, hint, children, actions, top = false, className }) {
-  return /* @__PURE__ */ jsxs4("div", { className: cn2("grid min-h-11 grid-cols-[5.75rem_minmax(0,1fr)_auto] gap-x-2 px-3 py-1 sm:grid-cols-[9rem_minmax(0,1fr)_auto] sm:gap-x-3 sm:px-4", top ? "items-start" : "items-center", className), children: [
+  const room = useContext3(Room);
+  return /* @__PURE__ */ jsxs4("div", { className: cn2("grid min-h-11 py-1", ROW_GRID[room ?? "viewport"], top ? "items-start" : "items-center", className), children: [
     /* @__PURE__ */ jsxs4("div", { className: cn2("flex min-w-0 flex-col text-xs leading-tight text-muted-foreground", top && "pt-2.5"), children: [
-      /* @__PURE__ */ jsx4("span", { className: "line-clamp-2 break-words sm:truncate", children: label }),
+      /* @__PURE__ */ jsx4("span", { className: room === "roomy" ? "truncate" : room === "compact" ? "line-clamp-2 break-words" : "line-clamp-2 break-words sm:truncate", children: label }),
       hint ? /* @__PURE__ */ jsx4("span", { className: "line-clamp-2 break-words text-xs text-disabled-foreground", children: hint }) : null
     ] }),
     /* @__PURE__ */ jsx4("div", { className: cn2("min-w-0 text-sm", top && "py-1.5"), children }),
@@ -589,14 +612,14 @@ function SecretRow({ port, item, field, extra }) {
   const confirmed = useConfirmed();
   const copyValue = useCopy();
   const secret = useTransientSecret();
-  const [plain, setPlain] = useState4(null);
-  const [busy, setBusy] = useState4(false);
-  const [error, setError] = useState4(null);
+  const [plain, setPlain] = useState5(null);
+  const [busy, setBusy] = useState5(false);
+  const [error, setError] = useState5(null);
   const sealed = field.handling === "sealed";
   const visible = field.handling === "visible";
   const off = field.active === false;
   const canSee = !sealed && !off && (visible ? item.capabilities.canUse : item.capabilities.canReveal);
-  useEffect4(() => {
+  useEffect5(() => {
     if (!visible || !canSee) return;
     let live = true;
     port.reveal(item, field.key).then(
@@ -684,7 +707,7 @@ function AddRow({ label, onAdd, children = "Add" }) {
   return /* @__PURE__ */ jsx5(Row, { label, children: onAdd ? /* @__PURE__ */ jsx5("button", { type: "button", className: "text-sm text-muted-foreground hover:text-primary", onClick: onAdd, children }) : /* @__PURE__ */ jsx5("span", { className: "text-disabled-foreground", children: "\u2014" }) });
 }
 function EditRow({ label, hint, value, onChange, placeholder, secret = false, multiline = false, onRemove, removeLabel, actions, autoFocus, onBlur, inputMode }) {
-  const [shown, setShown] = useState4(false);
+  const [shown, setShown] = useState5(false);
   return /* @__PURE__ */ jsx5(
     Row,
     {
@@ -701,7 +724,7 @@ function EditRow({ label, hint, value, onChange, placeholder, secret = false, mu
   );
 }
 function CustomEditRow({ label, value, onLabel, onValue, secret, onRemove }) {
-  const [shown, setShown] = useState4(false);
+  const [shown, setShown] = useState5(false);
   return /* @__PURE__ */ jsx5(
     Row,
     {
@@ -839,6 +862,10 @@ function rebaseDraft(oldBase, newBase, draft) {
     authenticator: draft.authenticator
   };
 }
+function panesShown(mode, specialView, showingDetail) {
+  if (mode === "stack") return { list: !showingDetail, detail: showingDetail };
+  return { list: true, detail: !specialView };
+}
 
 // src/definitions.ts
 var FAMILY_LABELS = {
@@ -925,9 +952,10 @@ function inferFromUrl(raw, definitions) {
   } catch {
     return null;
   }
-  if (!url.hostname.includes(".")) return null;
+  const bare = url.hostname === "localhost" || /^\d{1,3}(\.\d{1,3}){3}$/.test(url.hostname) || url.hostname.startsWith("[");
+  if (!bare && !url.hostname.includes(".")) return null;
   const labels = url.hostname.replace(/^www\./, "").split(".");
-  const brand = labels.length > 1 ? labels[labels.length - 2] ?? labels[0] ?? "" : labels[0] ?? "";
+  const brand = bare ? url.host : labels.length > 1 ? labels[labels.length - 2] ?? labels[0] ?? "" : labels[0] ?? "";
   const login = definitions.find((d) => d.key === "website_login") ?? definitions.find((d) => d.key === "username_password");
   const alternatives = definitions.filter((d) => d.providerKey !== null && d.providerKey.toLowerCase() === brand.toLowerCase()).map((d) => d.key);
   return {
@@ -1164,19 +1192,19 @@ var HistoryChangedError = class extends Error {
 };
 
 // src/activity/ActivityPanel.tsx
-import { useEffect as useEffect5, useRef as useRef4, useState as useState5 } from "react";
+import { useEffect as useEffect6, useRef as useRef4, useState as useState6 } from "react";
 import { Button as Button3 } from "@ai-matrx/design-system/controls";
 import { cn as cn4 } from "@ai-matrx/design-system";
 import { jsx as jsx6, jsxs as jsxs6 } from "react/jsx-runtime";
 var PAGE = 50;
 var MAX = 500;
 function ActivityPanel({ item, port, onClose }) {
-  const [limit, setLimit] = useState5(PAGE);
-  const [entries, setEntries] = useState5(null);
-  const [loading, setLoading] = useState5(true);
-  const [error, setError] = useState5(null);
+  const [limit, setLimit] = useState6(PAGE);
+  const [entries, setEntries] = useState6(null);
+  const [loading, setLoading] = useState6(true);
+  const [error, setError] = useState6(null);
   const generation = useRef4(0);
-  useEffect5(() => {
+  useEffect6(() => {
     const g = ++generation.current;
     setLoading(true);
     setError(null);
@@ -1224,11 +1252,11 @@ var MASK2 = "\u2022\u2022\u2022\u2022\u2022\u2022\u2022\u2022\u2022\u2022\u2022\
 var messageOf = (e, fallback) => wasCancelled(e) ? null : e instanceof Error ? e.message : fallback;
 function HistoryPanel({ item, port, arg, onClose, onChanged }) {
   const eligible = historyEligible(item);
-  const [page, setPage] = useState6(null);
-  const [loading, setLoading] = useState6(eligible);
-  const [more, setMore] = useState6(false);
-  const [error, setError] = useState6(null);
-  const [notice, setNotice] = useState6(null);
+  const [page, setPage] = useState7(null);
+  const [loading, setLoading] = useState7(eligible);
+  const [more, setMore] = useState7(false);
+  const [error, setError] = useState7(null);
+  const [notice, setNotice] = useState7(null);
   const generation = useRef5(0);
   const load = useCallback3(async () => {
     const g = ++generation.current;
@@ -1243,7 +1271,7 @@ function HistoryPanel({ item, port, arg, onClose, onChanged }) {
       if (generation.current === g) setLoading(false);
     }
   }, [port, item]);
-  useEffect6(() => {
+  useEffect7(() => {
     if (!eligible) return;
     void load();
     return () => {
@@ -1300,7 +1328,7 @@ function HistoryRow({ item, port, page, entry, label, onRestored, onConflict, on
   const confirmed = useConfirmed();
   const secret = useTransientSecret();
   const copyValue = useCopy();
-  const [busy, setBusy] = useState6(false);
+  const [busy, setBusy] = useState7(false);
   const when = formatDate(entry.recordedAt, true);
   async function read() {
     if (secret.value !== null) return secret.value;
@@ -1359,16 +1387,16 @@ function HistoryRow({ item, port, page, entry, label, onRestored, onConflict, on
 }
 
 // src/authenticator/AuthenticatorView.tsx
-import { useEffect as useEffect10, useState as useState12 } from "react";
+import { useEffect as useEffect11, useState as useState13 } from "react";
 import { Button as Button9 } from "@ai-matrx/design-system/controls";
 import { cn as cn6, DropdownMenu as DropdownMenu2, DropdownMenuContent as DropdownMenuContent2, DropdownMenuItem as DropdownMenuItem2, DropdownMenuSeparator as DropdownMenuSeparator2, DropdownMenuTrigger as DropdownMenuTrigger2, TextInputDialog } from "@ai-matrx/design-system";
 
 // src/authenticator/AddOtpPanel.tsx
-import { useState as useState11 } from "react";
+import { useState as useState12 } from "react";
 import { Button as Button8, Field as Field4, Select as Select2 } from "@ai-matrx/design-system/controls";
 
 // src/authenticator/CodeParts.tsx
-import { useEffect as useEffect7, useRef as useRef6, useState as useState7 } from "react";
+import { useEffect as useEffect8, useRef as useRef6, useState as useState8 } from "react";
 import { Button as Button5 } from "@ai-matrx/design-system/controls";
 import { cn as cn5 } from "@ai-matrx/design-system";
 
@@ -1506,10 +1534,10 @@ function CountdownRing({ remaining, period, loading = false, className }) {
   ] });
 }
 function useCopied() {
-  const [copied, setCopied] = useState7(false);
+  const [copied, setCopied] = useState8(false);
   const copyValue = useCopy();
   const t = useRef6(null);
-  useEffect7(() => () => void (t.current && clearTimeout(t.current)), []);
+  useEffect8(() => () => void (t.current && clearTimeout(t.current)), []);
   return {
     copied,
     copy: async (code) => {
@@ -1546,7 +1574,7 @@ function CopyCodeButton({ live, label }) {
 }
 
 // src/authenticator/live-code.ts
-import { useEffect as useEffect8, useRef as useRef7, useState as useState8, useSyncExternalStore } from "react";
+import { useEffect as useEffect9, useRef as useRef7, useState as useState9, useSyncExternalStore } from "react";
 var listeners = /* @__PURE__ */ new Set();
 var second = Math.floor(Date.now() / 1e3);
 var timer = null;
@@ -1583,13 +1611,13 @@ function useLiveCode(port, item, enabled) {
   const confirmed = useConfirmed();
   const now = useSecond();
   const period = item.authenticator?.period && item.authenticator.period > 0 ? item.authenticator.period : 30;
-  const [state, setState] = useState8(null);
-  const [error, setError] = useState8(null);
-  const [round, setRound] = useState8(0);
+  const [state, setState] = useState9(null);
+  const [error, setError] = useState9(null);
+  const [round, setRound] = useState9(0);
   const inflight = useRef7(false);
   const latest = useRef7({ port, item, confirmed });
   latest.current = { port, item, confirmed };
-  useEffect8(() => {
+  useEffect9(() => {
     if (!enabled) {
       setState(null);
       setError(null);
@@ -1613,7 +1641,7 @@ function useLiveCode(port, item, enabled) {
     };
   }, [enabled, item.id, round]);
   const remaining = state ? Math.max(0, state.expiresAt - now) : 0;
-  useEffect8(() => {
+  useEffect9(() => {
     if (enabled && state && remaining <= 0 && !inflight.current && !error) setRound((n) => n + 1);
   }, [enabled, state, remaining, error]);
   return {
@@ -1630,7 +1658,7 @@ function useLiveCode(port, item, enabled) {
 }
 
 // src/authenticator/Setup.tsx
-import { useEffect as useEffect9, useRef as useRef8, useState as useState9 } from "react";
+import { useEffect as useEffect10, useRef as useRef8, useState as useState10 } from "react";
 import { Button as Button6, Field as Field3 } from "@ai-matrx/design-system/controls";
 
 // src/authenticator/qr.ts
@@ -1686,8 +1714,8 @@ function imageFrom(data) {
 // src/authenticator/Setup.tsx
 import { Fragment as Fragment4, jsx as jsx9, jsxs as jsxs9 } from "react/jsx-runtime";
 function useCanScan() {
-  const [ok, setOk] = useState9(false);
-  useEffect9(() => {
+  const [ok, setOk] = useState10(false);
+  useEffect10(() => {
     let live = true;
     void canDecodeQrLocally().then((d) => live && setOk(d && hasCamera()));
     return () => {
@@ -1698,10 +1726,10 @@ function useCanScan() {
 }
 function QrScanPanel({ open, onResult, onClose }) {
   const video = useRef8(null);
-  const [error, setError] = useState9(null);
+  const [error, setError] = useState10(null);
   const done = useRef8(onResult);
   done.current = onResult;
-  useEffect9(() => {
+  useEffect10(() => {
     if (!open) return;
     let stream = null;
     let live = true;
@@ -1761,15 +1789,15 @@ function QrScanPanel({ open, onResult, onClose }) {
 function OtpSetupRow({ value, onChange, label = "One-time password", placeholder = "Setup key or otpauth link", disabled = false, autoFocus = false, onImage, onRecognized, status }) {
   const file = useRef8(null);
   const canScan = useCanScan();
-  const [scanning, setScanning] = useState9(false);
-  const [reading, setReading] = useState9(false);
-  const [imageError, setImageError] = useState9(null);
-  const [dragging, setDragging] = useState9(false);
+  const [scanning, setScanning] = useState10(false);
+  const [reading, setReading] = useState10(false);
+  const [imageError, setImageError] = useState10(null);
+  const [dragging, setDragging] = useState10(false);
   const { parsed, error } = tryParseEnrollment(value);
   const recognised = useRef8(onRecognized);
   recognised.current = onRecognized;
   const parsedKey = parsed ? `${parsed.issuer ?? ""}|${parsed.account ?? ""}|${parsed.raw.length}` : "";
-  useEffect9(() => {
+  useEffect10(() => {
     if (parsed) recognised.current?.(parsed);
   }, [parsedKey]);
   const takeText = (text) => {
@@ -1879,7 +1907,7 @@ function OtpSetupRow({ value, onChange, label = "One-time password", placeholder
 }
 
 // src/authenticator/TotpRows.tsx
-import { useState as useState10 } from "react";
+import { useState as useState11 } from "react";
 import { Button as Button7, Select } from "@ai-matrx/design-system/controls";
 import { DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuSeparator, DropdownMenuTrigger } from "@ai-matrx/design-system";
 import { confirm as confirm2 } from "@ai-matrx/kit/confirm-opener";
@@ -1901,10 +1929,10 @@ function otpActionError(e, what) {
 }
 function useOtpActions(port, item, onChanged) {
   const confirmed = useConfirmed();
-  const [busy, setBusy] = useState10(false);
-  const [error, setError] = useState10(null);
-  const [enabledNow, setEnabledNow] = useState10(null);
-  const [removed, setRemoved] = useState10(false);
+  const [busy, setBusy] = useState11(false);
+  const [error, setError] = useState11(null);
+  const [enabledNow, setEnabledNow] = useState11(null);
+  const [removed, setRemoved] = useState11(false);
   const enabled = enabledNow ?? item.authenticator?.enabled ?? false;
   const run = async (what, op) => {
     setBusy(true);
@@ -1986,7 +2014,7 @@ function TotpRow({ port, item, onChanged }) {
 }
 function TotpEditRow({ value, onChange, hasExisting, item, port, onEnrolled, onRecognized }) {
   const confirmed = useConfirmed();
-  const [status, setStatus] = useState10(null);
+  const [status, setStatus] = useState11(null);
   const uploadImage = item && port ? async (file) => {
     setStatus("Adding from image\u2026");
     try {
@@ -2019,9 +2047,9 @@ var MFA_OPTIONS = [
   { value: "push_or_other", label: "Other method" }
 ];
 function TwoFactorMethodRow({ port, item, onChanged }) {
-  const [value, setValue] = useState10(mfaMethodOf(item));
-  const [busy, setBusy] = useState10(false);
-  const [error, setError] = useState10(null);
+  const [value, setValue] = useState11(mfaMethodOf(item));
+  const [busy, setBusy] = useState11(false);
+  const [error, setError] = useState11(null);
   const canEdit = item.capabilities.canEdit || item.capabilities.canManage;
   return /* @__PURE__ */ jsx10(Row, { label: "Two-factor", hint: error ? /* @__PURE__ */ jsx10("span", { className: "text-destructive", children: error }) : void 0, children: /* @__PURE__ */ jsx10(
     Select,
@@ -2069,17 +2097,17 @@ function normalizeWebsite(raw) {
 function AddOtpPanel({ port, items, definitions, itemId = null, onClose, onChanged, onDone }) {
   const confirmed = useConfirmed();
   const candidates = items.filter((i) => !i.authenticator && !i.deletion && (i.capabilities.canEdit || i.capabilities.canManage)).sort((a, b) => a.name.localeCompare(b.name, void 0, { sensitivity: "base" }));
-  const [input, setInput] = useState11("");
-  const [image, setImage] = useState11(null);
-  const [target, setTarget] = useState11(itemId && candidates.some((c) => c.id === itemId) ? itemId : NEW);
-  const [targetChosen, setTargetChosen] = useState11(Boolean(itemId));
-  const [name, setName] = useState11("");
-  const [nameTouched, setNameTouched] = useState11(false);
-  const [website, setWebsite] = useState11("");
-  const [busy, setBusy] = useState11(false);
-  const [error, setError] = useState11(null);
-  const [created, setCreated] = useState11(null);
-  const [saved, setSaved] = useState11(null);
+  const [input, setInput] = useState12("");
+  const [image, setImage] = useState12(null);
+  const [target, setTarget] = useState12(itemId && candidates.some((c) => c.id === itemId) ? itemId : NEW);
+  const [targetChosen, setTargetChosen] = useState12(Boolean(itemId));
+  const [name, setName] = useState12("");
+  const [nameTouched, setNameTouched] = useState12(false);
+  const [website, setWebsite] = useState12("");
+  const [busy, setBusy] = useState12(false);
+  const [error, setError] = useState12(null);
+  const [created, setCreated] = useState12(null);
+  const [saved, setSaved] = useState12(null);
   const { parsed } = tryParseEnrollment(input);
   const isNew = target === NEW;
   const websiteUrl = normalizeWebsite(website);
@@ -2224,13 +2252,13 @@ function otpGroups(items, entries, query, hidden = /* @__PURE__ */ new Set()) {
   return [...groups.entries()].sort(([a, x], [b, y]) => rank(a) - rank(b) || x.label.localeCompare(y.label)).map(([key, g]) => ({ key, ...g }));
 }
 function AuthenticatorView({ port, items, definitions, query, onOpen, onChanged, header }) {
-  const [entries, setEntries] = useState12(/* @__PURE__ */ new Map());
-  const [hidden, setHidden] = useState12(/* @__PURE__ */ new Set());
-  const [adding, setAdding] = useState12(false);
-  const [renaming, setRenaming] = useState12(null);
-  const [renameError, setRenameError] = useState12(null);
-  const [renameBusy, setRenameBusy] = useState12(false);
-  useEffect10(() => {
+  const [entries, setEntries] = useState13(/* @__PURE__ */ new Map());
+  const [hidden, setHidden] = useState13(/* @__PURE__ */ new Set());
+  const [adding, setAdding] = useState13(false);
+  const [renaming, setRenaming] = useState13(null);
+  const [renameError, setRenameError] = useState13(null);
+  const [renameBusy, setRenameBusy] = useState13(false);
+  useEffect11(() => {
     let live = true;
     port.authenticator.list().then(
       (list) => live && setEntries(new Map(list.map((e) => [e.itemId, e]))),
@@ -2374,7 +2402,7 @@ function OtpListRow({ port, item, family, entry, onOpen, onRename, onChanged, on
 }
 
 // src/fields/SettingsPanels.tsx
-import { useRef as useRef9, useState as useState13 } from "react";
+import { useRef as useRef9, useState as useState14 } from "react";
 import { Badge as Badge3, Button as Button10, DisclosureHeader, Field as Field5, SegmentedControl, Select as Select3, Switch } from "@ai-matrx/design-system/controls";
 import { confirm as confirm3 } from "@ai-matrx/kit/confirm-opener";
 
@@ -2459,8 +2487,8 @@ function withoutCode(codes, index) {
 import { jsx as jsx13, jsxs as jsxs13 } from "react/jsx-runtime";
 var say = (e, fallback) => e instanceof Error && e.message ? e.message : fallback;
 function useSaver(onChanged) {
-  const [busy, setBusy] = useState13(null);
-  const [error, setError] = useState13(null);
+  const [busy, setBusy] = useState14(null);
+  const [error, setError] = useState14(null);
   const save = async (what, step) => {
     setBusy(what);
     setError(null);
@@ -2489,8 +2517,8 @@ function FieldSettingsPanel(props) {
 }
 function FieldSettings({ item, port, field, onClose, onChanged }) {
   const { busy, error, setError, save } = useSaver((next) => onChanged(next));
-  const [envDraft, setEnvDraft] = useState13(field.envKey ?? "");
-  const [descDraft, setDescDraft] = useState13(field.description);
+  const [envDraft, setEnvDraft] = useState14(field.envKey ?? "");
+  const [descDraft, setDescDraft] = useState14(field.description);
   const envRef = useRef9(null);
   const canEdit = item.capabilities.canEdit;
   const envProblem = envKeyProblem(envDraft);
@@ -2584,7 +2612,7 @@ function FieldSettings({ item, port, field, onClose, onChanged }) {
 function ItemSettingsPanel({ item, port, onClose, onChanged, onPanel }) {
   const { busy, error, save } = useSaver((next) => onChanged(next));
   const confirmed = useConfirmed();
-  const [advanced, setAdvanced] = useState13(false);
+  const [advanced, setAdvanced] = useState14(false);
   const canEdit = item.capabilities.canEdit;
   const hasWebsite = item.loginUrls.length > 0;
   const promotable = canEdit ? promotableUrlFields(item) : [];
@@ -2655,7 +2683,7 @@ function ItemSettingsPanel({ item, port, onClose, onChanged, onPanel }) {
 }
 
 // src/generator/PasswordGenerator.tsx
-import { createContext as createContext4, useContext as useContext4, useEffect as useEffect11, useRef as useRef10, useState as useState14 } from "react";
+import { createContext as createContext4, useContext as useContext4, useEffect as useEffect12, useRef as useRef10, useState as useState15 } from "react";
 import { Popover, PopoverContent, PopoverTrigger, cn as cn7 } from "@ai-matrx/design-system";
 import { Button as Button11, NumberStepper, SegmentedControl as SegmentedControl2, Select as Select4, Switch as Switch2 } from "@ai-matrx/design-system/controls";
 
@@ -2725,12 +2753,12 @@ function useGeneratorLimitsSource() {
 }
 var MASK3 = "\u2022\u2022\u2022\u2022\u2022\u2022\u2022\u2022\u2022\u2022\u2022\u2022\u2022\u2022\u2022\u2022\u2022\u2022\u2022\u2022";
 function PasswordGenerator({ limits: source, onUse, useLabel = "Use" }) {
-  const [settings, setSettings] = useState14(DEFAULT_SETTINGS);
-  const [limits, setLimits] = useState14({ state: "loading" });
-  const [round, setRound] = useState14(0);
-  const [candidate, setCandidate] = useState14(null);
-  const [revealed, setRevealed] = useState14(false);
-  const [note, setNote] = useState14(null);
+  const [settings, setSettings] = useState15(DEFAULT_SETTINGS);
+  const [limits, setLimits] = useState15({ state: "loading" });
+  const [round, setRound] = useState15(0);
+  const [candidate, setCandidate] = useState15(null);
+  const [revealed, setRevealed] = useState15(false);
+  const [note, setNote] = useState15(null);
   const copyValue = useCopy();
   const expiry = useRef10(null);
   const drop = () => {
@@ -2757,7 +2785,7 @@ function PasswordGenerator({ limits: source, onUse, useLabel = "Use" }) {
       setNote({ tone: "muted", text: "Expired. Generate a new one." });
     }, GENERATED_VALUE_TTL_MS);
   };
-  useEffect11(() => {
+  useEffect12(() => {
     let live = true;
     setLimits({ state: "loading" });
     source().then((raw) => {
@@ -2776,7 +2804,7 @@ function PasswordGenerator({ limits: source, onUse, useLabel = "Use" }) {
       live = false;
     };
   }, [source, round]);
-  useEffect11(() => () => {
+  useEffect12(() => () => {
     if (expiry.current) clearTimeout(expiry.current);
   }, []);
   if (limits.state === "loading") return /* @__PURE__ */ jsx14("p", { className: "px-1 py-3 text-sm text-muted-foreground", "aria-live": "polite", children: "Reading limits\u2026" });
@@ -2862,7 +2890,7 @@ function OptionLine({ label, hint, children }) {
 function GenerateButton({ onUse, label, limits, disabled }) {
   const fromHost = useGeneratorLimitsSource();
   const source = limits ?? fromHost;
-  const [open, setOpen] = useState14(false);
+  const [open, setOpen] = useState15(false);
   if (!source) return null;
   const name = label ?? "Generate password";
   return /* @__PURE__ */ jsxs14(Popover, { open, onOpenChange: setOpen, children: [
@@ -2903,7 +2931,7 @@ function importLimitsFrom(resolved) {
 }
 
 // src/io/BackupPanel.tsx
-import { useEffect as useEffect12, useRef as useRef11, useState as useState16 } from "react";
+import { useEffect as useEffect13, useRef as useRef11, useState as useState17 } from "react";
 import { Button as Button13, Field as Field6, SegmentedControl as SegmentedControl3, Switch as Switch3 } from "@ai-matrx/design-system/controls";
 import { downloadFile } from "@ai-matrx/kit/download";
 import { confirm as confirm4 } from "@ai-matrx/kit/confirm-opener";
@@ -2996,7 +3024,7 @@ function startNewRestoreRun(preview) {
 }
 
 // src/io/lines.tsx
-import { useState as useState15 } from "react";
+import { useState as useState16 } from "react";
 import { Checkbox } from "@ai-matrx/design-system";
 import { Badge as Badge4, Button as Button12, DisclosureHeader as DisclosureHeader2 } from "@ai-matrx/design-system/controls";
 import { Fragment as Fragment8, jsx as jsx15, jsxs as jsxs15 } from "react/jsx-runtime";
@@ -3009,7 +3037,7 @@ function PickLine({ checked, onChange, disabled = false, title, detail, badge, t
   ] });
 }
 function Windowed({ items, size = 150, render }) {
-  const [all, setAll] = useState15(false);
+  const [all, setAll] = useState16(false);
   const shown = all ? items : items.slice(0, size);
   return /* @__PURE__ */ jsxs15(Fragment8, { children: [
     shown.map(render),
@@ -3020,7 +3048,7 @@ function Windowed({ items, size = 150, render }) {
   ] });
 }
 function More({ title = "More", children }) {
-  const [open, setOpen] = useState15(false);
+  const [open, setOpen] = useState16(false);
   return /* @__PURE__ */ jsxs15("div", { className: "flex flex-col gap-2", children: [
     /* @__PURE__ */ jsx15(DisclosureHeader2, { open, title, onClick: () => setOpen((o) => !o) }),
     open ? children : null
@@ -3061,19 +3089,19 @@ function BackupPanel({ port, items, onClose, onChanged }) {
   const confirmed = useConfirmed();
   const fileInput = useRef11(null);
   const abort = useRef11(null);
-  const [mode, setMode] = useState16("backup");
-  const [busy, setBusy] = useState16(false);
-  const [error, setError] = useState16(null);
-  const [passphrase, setPassphrase] = useState16("");
-  const [repeat, setRepeat] = useState16("");
-  const [accepted, setAccepted] = useState16(false);
-  const [selected, setSelected] = useState16(/* @__PURE__ */ new Set());
-  const [backup, setBackup] = useState16(null);
-  const [file, setFile] = useState16(null);
-  const [restorePreview, setRestorePreview] = useState16(null);
-  const [runId, setRunId] = useState16(null);
-  const [result, setResult] = useState16(null);
-  useEffect12(() => () => abort.current?.abort(), []);
+  const [mode, setMode] = useState17("backup");
+  const [busy, setBusy] = useState17(false);
+  const [error, setError] = useState17(null);
+  const [passphrase, setPassphrase] = useState17("");
+  const [repeat, setRepeat] = useState17("");
+  const [accepted, setAccepted] = useState17(false);
+  const [selected, setSelected] = useState17(/* @__PURE__ */ new Set());
+  const [backup, setBackup] = useState17(null);
+  const [file, setFile] = useState17(null);
+  const [restorePreview, setRestorePreview] = useState17(null);
+  const [runId, setRunId] = useState17(null);
+  const [result, setResult] = useState17(null);
+  useEffect13(() => () => abort.current?.abort(), []);
   const switchMode = (next) => {
     abort.current?.abort();
     setMode(next);
@@ -3244,7 +3272,7 @@ function BackupPanel({ port, items, onClose, onChanged }) {
 }
 
 // src/io/ExportPanel.tsx
-import { useMemo, useState as useState17 } from "react";
+import { useMemo, useState as useState18 } from "react";
 import { Button as Button14, Select as Select5 } from "@ai-matrx/design-system/controls";
 import { downloadFile as downloadFile2 } from "@ai-matrx/kit/download";
 import { confirm as confirm5 } from "@ai-matrx/kit/confirm-opener";
@@ -3269,11 +3297,11 @@ function omissionText2(omissions) {
 function ExportPanel({ port, items, onClose }) {
   const confirmed = useConfirmed();
   const logins = useMemo(() => items.filter((i) => i.definitionKey === WEBSITE_LOGIN), [items]);
-  const [profile, setProfile] = useState17("matrx_login_csv_v1");
-  const [selected, setSelected] = useState17(/* @__PURE__ */ new Set());
-  const [preview, setPreview] = useState17(null);
-  const [busy, setBusy] = useState17(false);
-  const [error, setError] = useState17(null);
+  const [profile, setProfile] = useState18("matrx_login_csv_v1");
+  const [selected, setSelected] = useState18(/* @__PURE__ */ new Set());
+  const [preview, setPreview] = useState18(null);
+  const [busy, setBusy] = useState18(false);
+  const [error, setError] = useState18(null);
   const format = FORMATS.find((f) => f.value === profile);
   const reasons = new Map(preview?.items.map((p) => [p.item_id, p]) ?? []);
   const eligible = preview?.items.filter((p) => p.eligible).length ?? 0;
@@ -3398,7 +3426,7 @@ function ExportPanel({ port, items, onClose }) {
 }
 
 // src/io/ImportPanel.tsx
-import { useEffect as useEffect13, useMemo as useMemo2, useRef as useRef12, useState as useState18 } from "react";
+import { useEffect as useEffect14, useMemo as useMemo2, useRef as useRef12, useState as useState19 } from "react";
 import { Button as Button15, Select as Select6, Switch as Switch4, Textarea as Textarea2 } from "@ai-matrx/design-system/controls";
 
 // src/io/csv-import.ts
@@ -4261,20 +4289,20 @@ function ImportPanel({ port, host, items, organizations, onClose, onChanged, lim
   const abort = useRef12(null);
   const stop = useRef12(false);
   const keys = useRef12(/* @__PURE__ */ new Map());
-  const [source, setSource] = useState18("auto");
-  const [envText, setEnvText] = useState18("");
-  const [injectSandbox, setInjectSandbox] = useState18(false);
-  const [fileName, setFileName] = useState18(null);
-  const [reading, setReading] = useState18(false);
-  const [draft, setDraft] = useState18(null);
-  const [destination, setDestination] = useState18(ME);
-  const [browserFill, setBrowserFill] = useState18(false);
-  const [approvedVisible, setApprovedVisible] = useState18(false);
-  const [selected, setSelected] = useState18(/* @__PURE__ */ new Set());
-  const [running, setRunning] = useState18(null);
-  const [done, setDone] = useState18(null);
-  const [error, setError] = useState18(null);
-  useEffect13(
+  const [source, setSource] = useState19("auto");
+  const [envText, setEnvText] = useState19("");
+  const [injectSandbox, setInjectSandbox] = useState19(false);
+  const [fileName, setFileName] = useState19(null);
+  const [reading, setReading] = useState19(false);
+  const [draft, setDraft] = useState19(null);
+  const [destination, setDestination] = useState19(ME);
+  const [browserFill, setBrowserFill] = useState19(false);
+  const [approvedVisible, setApprovedVisible] = useState19(false);
+  const [selected, setSelected] = useState19(/* @__PURE__ */ new Set());
+  const [running, setRunning] = useState19(null);
+  const [done, setDone] = useState19(null);
+  const [error, setError] = useState19(null);
+  useEffect14(
     () => () => {
       abort.current?.abort();
       stop.current = true;
@@ -4537,7 +4565,7 @@ function Notices({ draft }) {
 }
 
 // src/ItemList.tsx
-import { useEffect as useEffect16, useRef as useRef15, useState as useState26 } from "react";
+import { useEffect as useEffect17, useRef as useRef15, useState as useState27 } from "react";
 import { DropdownMenu as DropdownMenu4, DropdownMenuContent as DropdownMenuContent4, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuTrigger as DropdownMenuTrigger4 } from "@ai-matrx/design-system";
 import { cn as cn13 } from "@ai-matrx/design-system";
 import { Button as Button22, SearchField } from "@ai-matrx/design-system/controls";
@@ -4557,14 +4585,14 @@ function ItemIcon({ definitionKey, family, site, size = "md", inverted = false }
 }
 
 // src/ItemPane.tsx
-import { useEffect as useEffect15, useMemo as useMemo3, useRef as useRef14, useState as useState25 } from "react";
+import { useEffect as useEffect16, useMemo as useMemo3, useRef as useRef14, useState as useState26 } from "react";
 import { DropdownMenu as DropdownMenu3, DropdownMenuContent as DropdownMenuContent3, DropdownMenuItem as DropdownMenuItem3, DropdownMenuSeparator as DropdownMenuSeparator3, DropdownMenuTrigger as DropdownMenuTrigger3 } from "@ai-matrx/design-system";
 import { cn as cn12 } from "@ai-matrx/design-system";
 import { Badge as Badge7, Button as Button21, CONTROLS_CONTAINER_CLASS, OptionCombobox, Switch as Switch5 } from "@ai-matrx/design-system/controls";
 import { confirm as confirm9 } from "@ai-matrx/kit/confirm-opener";
 
 // src/activity/FilesSection.tsx
-import { useRef as useRef13, useState as useState19 } from "react";
+import { useRef as useRef13, useState as useState20 } from "react";
 import { Badge as Badge5, Button as Button16, Field as Field7, SegmentedControl as SegmentedControl4 } from "@ai-matrx/design-system/controls";
 import { cn as cn9 } from "@ai-matrx/design-system";
 import { confirm as confirm6 } from "@ai-matrx/kit/confirm-opener";
@@ -4580,10 +4608,10 @@ var PROTECTION = [
 function FilesSection({ item, port, editing, onChanged }) {
   const confirmed = useConfirmed();
   const canEdit = editing && item.capabilities.canEdit;
-  const [busy, setBusy] = useState19(null);
-  const [error, setError] = useState19(null);
-  const [pending, setPending] = useState19(null);
-  const [dragging, setDragging] = useState19(false);
+  const [busy, setBusy] = useState20(null);
+  const [error, setError] = useState20(null);
+  const [pending, setPending] = useState20(null);
+  const [dragging, setDragging] = useState20(false);
   const picker = useRef13(null);
   if (!canEdit && item.attachments.length === 0) return null;
   async function run(key, work, fallback) {
@@ -4660,7 +4688,7 @@ function FilesSection({ item, port, editing, onChanged }) {
   );
 }
 function EditableFile({ port, item: it, file: a, busy: b, run: go, onDownload, onTooBig }) {
-  const [open, setOpen] = useState19(false);
+  const [open, setOpen] = useState20(false);
   const replacer = useRef13(null);
   async function remove() {
     const yes = await confirm6({ title: `Delete ${a.label}?`, description: "The encrypted file is removed from this item.", confirmLabel: "Delete", variant: "destructive" });
@@ -4719,9 +4747,9 @@ function Protection({ value, locked, onChange }) {
   );
 }
 function NewFile({ file, busy, onAdd, onCancel }) {
-  const [label, setLabel] = useState19(file.name);
-  const [description, setDescription] = useState19("");
-  const [handling, setHandling] = useState19("revealable");
+  const [label, setLabel] = useState20(file.name);
+  const [description, setDescription] = useState20("");
+  const [handling, setHandling] = useState20("revealable");
   async function add() {
     if (handling === "sealed" && !await confirmSeal(label)) return;
     await onAdd({ label: label.trim(), description: description.trim() || null, handling });
@@ -4741,10 +4769,10 @@ function NewFile({ file, busy, onAdd, onCancel }) {
   ] });
 }
 function FileDetailsRows({ file, busy, onSave, onCancel }) {
-  const [label, setLabel] = useState19(file.label);
-  const [description, setDescription] = useState19(file.description);
-  const [fileName, setFileName] = useState19(file.fileName);
-  const [handling, setHandling] = useState19(file.handling);
+  const [label, setLabel] = useState20(file.label);
+  const [description, setDescription] = useState20(file.description);
+  const [fileName, setFileName] = useState20(file.fileName);
+  const [handling, setHandling] = useState20(file.handling);
   const changed = label !== file.label || description !== file.description || fileName !== file.fileName || handling !== file.handling;
   async function save() {
     if (handling === "sealed" && file.handling !== "sealed" && !await confirmSeal(label)) return;
@@ -4771,7 +4799,7 @@ function confirmSeal(label) {
 }
 
 // src/fields/RecoveryCodesRow.tsx
-import { useState as useState20 } from "react";
+import { useState as useState21 } from "react";
 import { Badge as Badge6, Button as Button17, Textarea as Textarea3 } from "@ai-matrx/design-system/controls";
 import { Fragment as Fragment13, jsx as jsx21, jsxs as jsxs20 } from "react/jsx-runtime";
 var MASK4 = "\u2022\u2022\u2022\u2022\u2022\u2022\u2022\u2022\u2022\u2022\u2022\u2022";
@@ -4780,9 +4808,9 @@ function RecoveryCodesRow({ item, field, port, onChanged }) {
   const confirmed = useConfirmed();
   const copyValue = useCopy();
   const secret = useTransientSecret();
-  const [busy, setBusy] = useState20(false);
-  const [error, setError] = useState20(null);
-  const [draft, setDraft] = useState20(null);
+  const [busy, setBusy] = useState21(false);
+  const [error, setError] = useState21(null);
+  const [draft, setDraft] = useState21(null);
   const canEdit = item.capabilities.canEdit;
   const run = async (step) => {
     setBusy(true);
@@ -5017,7 +5045,7 @@ function targetLabel(t) {
 }
 
 // src/extension/UseOnSiteButton.tsx
-import { useState as useState21 } from "react";
+import { useState as useState22 } from "react";
 import { Button as Button18 } from "@ai-matrx/design-system/controls";
 import { jsx as jsx22 } from "react/jsx-runtime";
 function canUseOnSite(item, pageUrl) {
@@ -5025,7 +5053,7 @@ function canUseOnSite(item, pageUrl) {
 }
 function UseOnSiteButton({ port, item, pageUrl, onChanged }) {
   const notify = useNotify();
-  const [busy, setBusy] = useState21(false);
+  const [busy, setBusy] = useState22(false);
   if (!canUseOnSite(item, pageUrl)) return null;
   const site = pageSite(pageUrl);
   const run = async () => {
@@ -5044,7 +5072,7 @@ function UseOnSiteButton({ port, item, pageUrl, onChanged }) {
 }
 
 // src/sharing/SharePanel.tsx
-import { useEffect as useEffect14, useState as useState24 } from "react";
+import { useEffect as useEffect15, useState as useState25 } from "react";
 import { confirm as confirm8 } from "@ai-matrx/kit/confirm-opener";
 import { Button as Button20, DisclosureHeader as DisclosureHeader3, Field as Field9, RegionSkeleton, Select as Select8 } from "@ai-matrx/design-system/controls";
 import { cn as cn11 } from "@ai-matrx/design-system";
@@ -5101,7 +5129,7 @@ function shareSummary(grants) {
 var MEMBER_CHOICE_DEFAULT = "default";
 
 // src/sharing/parts.tsx
-import { useState as useState22 } from "react";
+import { useState as useState23 } from "react";
 import { cn as cn10 } from "@ai-matrx/design-system";
 import { jsx as jsx23, jsxs as jsxs21 } from "react/jsx-runtime";
 var message = (e, fallback) => {
@@ -5110,9 +5138,9 @@ var message = (e, fallback) => {
 };
 function useAction() {
   const confirmed = useConfirmed();
-  const [busy, setBusy] = useState22(null);
-  const [error, setError] = useState22(null);
-  const [notice, setNotice] = useState22(null);
+  const [busy, setBusy] = useState23(null);
+  const [error, setError] = useState23(null);
+  const [notice, setNotice] = useState23(null);
   async function run(key, fn, done) {
     setBusy(key);
     setError(null);
@@ -5146,7 +5174,7 @@ function StatusLine({ error, notice }) {
 }
 
 // src/sharing/MovePanel.tsx
-import { useState as useState23 } from "react";
+import { useState as useState24 } from "react";
 import { confirm as confirm7 } from "@ai-matrx/kit/confirm-opener";
 import { Button as Button19, Field as Field8, Select as Select7 } from "@ai-matrx/design-system/controls";
 import { jsx as jsx24, jsxs as jsxs22 } from "react/jsx-runtime";
@@ -5155,9 +5183,9 @@ function MovePanel({ item, port, organizations, onClose, onChanged }) {
   const { busy, error, notice, run, setNotice } = useAction();
   const moves = moveDestinations(item, organizations);
   const copies = copyDestinations(organizations, item);
-  const [moveTo, setMoveTo] = useState23("");
-  const [copyTo, setCopyTo] = useState23("");
-  const [email, setEmail] = useState23("");
+  const [moveTo, setMoveTo] = useState24("");
+  const [copyTo, setCopyTo] = useState24("");
+  const [email, setEmail] = useState24("");
   const passkey = isPasskey(item);
   const canMove = item.capabilities.canManage && !passkey && moves.length > 0;
   const canGive = item.capabilities.canManage && item.owner.kind === "me" && !passkey;
@@ -5238,11 +5266,11 @@ function MovePanel({ item, port, organizations, onClose, onChanged }) {
 // src/sharing/SharePanel.tsx
 import { Fragment as Fragment14, jsx as jsx25, jsxs as jsxs23 } from "react/jsx-runtime";
 function useGrants(port, item) {
-  const [grants, setGrants] = useState24(null);
-  const [loadError, setLoadError] = useState24(null);
-  const [nonce, setNonce] = useState24(0);
+  const [grants, setGrants] = useState25(null);
+  const [loadError, setLoadError] = useState25(null);
+  const [nonce, setNonce] = useState25(0);
   const allowed = item.capabilities.canManage;
-  useEffect14(() => {
+  useEffect15(() => {
     if (!allowed) return;
     let live = true;
     setLoadError(null);
@@ -5259,9 +5287,9 @@ function useGrants(port, item) {
 function SharePanel({ item, port, organizations, onClose, onChanged }) {
   const { grants, setGrants, loadError, reload } = useGrants(port, item);
   const { busy, error, notice, run } = useAction();
-  const [email, setEmail] = useState24("");
-  const [level, setLevel] = useState24("use");
-  const [more, setMore] = useState24(false);
+  const [email, setEmail] = useState25("");
+  const [level, setLevel] = useState25("use");
+  const [more, setMore] = useState25(false);
   const isOrg = item.owner.kind === "organization" && item.owner.organizationId !== null;
   const orgName = item.owner.label;
   const people = (grants ?? []).filter((g) => g.kind === "person");
@@ -5383,8 +5411,8 @@ function SharePanel({ item, port, organizations, onClose, onChanged }) {
 function IntoOrganization({ item, port, organizations, grants, onShared }) {
   const { busy, error, notice, run } = useAction();
   const open = organizations.filter((o) => !grants.some((g) => g.organizationId === o.id));
-  const [target, setTarget] = useState24("");
-  const [level, setLevel] = useState24("use");
+  const [target, setTarget] = useState25("");
+  const [level, setLevel] = useState25("use");
   const chosen = open.find((o) => o.id === target);
   if (item.owner.kind !== "me") return null;
   return /* @__PURE__ */ jsx25(Section, { title: "Share into organization", children: open.length > 0 ? /* @__PURE__ */ jsxs23(Fragment14, { children: [
@@ -5419,10 +5447,10 @@ var CHOICES = [
   { value: "editor", label: "Can edit", meta: "See and change" }
 ];
 function MemberAccess({ port, organizationId, organizationName }) {
-  const [list, setList] = useState24(null);
-  const [loadError, setLoadError] = useState24(null);
+  const [list, setList] = useState25(null);
+  const [loadError, setLoadError] = useState25(null);
   const { busy, error, run } = useAction();
-  useEffect14(() => {
+  useEffect15(() => {
     let live = true;
     port.sharing.memberAccess(organizationId).then(
       (l) => live && setList(l),
@@ -5454,9 +5482,9 @@ function MemberAccess({ port, organizationId, organizationName }) {
   ] });
 }
 function SharingSummary({ item, port, className }) {
-  const [text, setText] = useState24("");
+  const [text, setText] = useState25("");
   const allowed = item.capabilities.canManage;
-  useEffect14(() => {
+  useEffect15(() => {
     if (!allowed) return;
     let live = true;
     port.sharing.grants(item).then(
@@ -5481,7 +5509,7 @@ function ItemPane(props) {
   const editing = mode !== "view";
   const seedName = seed?.name ?? "";
   const seedUrl = seed?.url ?? "";
-  const [loaded, setLoaded] = useState25({});
+  const [loaded, setLoaded] = useState26({});
   const base = useMemo3(() => {
     const b = draftOf(item);
     if (!item) {
@@ -5491,20 +5519,22 @@ function ItemPane(props) {
     b.values = { ...loaded };
     return b;
   }, [item, seedName, seedUrl, loaded]);
-  const [draft, setDraft] = useState25(base);
-  const [tagsText, setTagsText] = useState25(base.tags.join(", "));
-  const [showTags, setShowTags] = useState25(false);
-  const [showDescription, setShowDescription] = useState25(false);
-  const [owner, setOwner] = useState25(defaultOwner ?? "me");
-  const [recipient, setRecipient] = useState25("");
-  const [generatePrivately, setGeneratePrivately] = useState25(false);
-  const [busy, setBusy] = useState25(false);
-  const [error, setError] = useState25(null);
-  const [destinations, setDestinations] = useState25({});
+  const [draft, setDraft] = useState26(base);
+  const [tagsText, setTagsText] = useState26(base.tags.join(", "));
+  const [showTags, setShowTags] = useState26(false);
+  const [showDescription, setShowDescription] = useState26(false);
+  const [owner, setOwner] = useState26(defaultOwner ?? "me");
+  const [recipient, setRecipient] = useState26("");
+  const [generatePrivately, setGeneratePrivately] = useState26(false);
+  const [busy, setBusy] = useState26(false);
+  const [error, setError] = useState26(null);
+  const [destinations, setDestinations] = useState26({});
   const dirty = editing && isDirty(base, draft);
   const declared = definition?.fields ?? [];
   const prev = useRef14(null);
-  useEffect15(() => {
+  const paneRef = useRef14(null);
+  const room = useRoomOf(paneRef);
+  useEffect16(() => {
     const was = prev.current;
     const id = item?.id ?? null;
     if (was && was.id === id && was.mode === mode && editing) {
@@ -5517,18 +5547,18 @@ function ItemPane(props) {
     }
     prev.current = { base, id, mode };
   }, [base, mode, item?.id, editing]);
-  useEffect15(() => {
+  useEffect16(() => {
     setLoaded({});
     setShowTags(false);
     setShowDescription(false);
   }, [item?.id, mode]);
-  useEffect15(() => onDirty(dirty), [dirty, onDirty]);
+  useEffect16(() => onDirty(dirty), [dirty, onDirty]);
   const keepKey = draftKey(item?.id ?? null, definition?.key ?? item?.definitionKey ?? null);
-  useEffect15(() => {
+  useEffect16(() => {
     if (editing && dirty) keepDraft(keepKey, item?.updatedAt ?? "new", draft);
     else if (!editing) dropKeptDraft(keepKey);
   }, [editing, dirty, draft, keepKey, item?.updatedAt]);
-  useEffect15(() => {
+  useEffect16(() => {
     if (!editing || !item) return;
     let live = true;
     for (const f of item.fields) {
@@ -5692,7 +5722,7 @@ function ItemPane(props) {
     ] }) : null
   ] });
   const filesProps = item ? { item, port, host, definition, organizations, arg: null, onClose: () => void 0, onChanged, onPanel } : null;
-  return /* @__PURE__ */ jsxs24("article", { "aria-label": item?.name ?? "New item", className: cn12(CONTROLS_CONTAINER_CLASS, "flex h-full min-h-0 flex-col bg-background"), children: [
+  return /* @__PURE__ */ jsx26(RoomProvider, { value: room, children: /* @__PURE__ */ jsxs24("article", { ref: paneRef, "aria-label": item?.name ?? "New item", className: cn12(CONTROLS_CONTAINER_CLASS, "flex h-full min-h-0 flex-col bg-background"), children: [
     header,
     error ? /* @__PURE__ */ jsx26("div", { role: "alert", className: "border-b border-border bg-muted px-5 py-2 text-sm text-destructive", children: error }) : null,
     notice && !editing ? /* @__PURE__ */ jsx26("div", { role: "status", className: "border-b border-border bg-muted px-5 py-2 text-sm text-warning", children: notice }) : null,
@@ -5855,7 +5885,7 @@ function ItemPane(props) {
         formatDate(item.createdAt)
       ] })
     ] }) : null }) })
-  ] });
+  ] }) });
 }
 
 // src/ItemList.tsx
@@ -5875,7 +5905,7 @@ function ItemList({ title, items, definitions, port, selectedId, onSelect, query
   const rest = matchingIds ? items.filter((i) => !matchingIds.has(i.id)) : items;
   const ordered = [...pinned, ...rest];
   const listRef = useRef15(null);
-  useEffect16(() => {
+  useEffect17(() => {
     if (selectedId) listRef.current?.querySelector(`[data-item="${selectedId}"]`)?.scrollIntoView({ block: "nearest" });
   }, [selectedId, items.length]);
   const familyOf2 = (key) => definitions.find((d) => d.key === key)?.family ?? "generic";
@@ -5926,7 +5956,7 @@ function ListRow({ item, family, port, on, onSelect, withOwner }) {
   const confirmed = useConfirmed();
   const copy = useCopy();
   const notify = useNotify();
-  const [busy, setBusy] = useState26(false);
+  const [busy, setBusy] = useState27(false);
   const user = item.fields.find((f) => USERNAME_KEYS.test(f.key) && f.handling !== "sealed");
   const secret = item.fields.find((f) => f.key === "password" && f.handling === "revealable");
   const quick = async (key, label) => {
@@ -5966,7 +5996,7 @@ function ListRow({ item, family, port, on, onSelect, withOwner }) {
 }
 
 // src/lists/TrashView.tsx
-import { useState as useState28 } from "react";
+import { useState as useState29 } from "react";
 import { Button as Button24 } from "@ai-matrx/design-system/controls";
 
 // src/lists/logic.ts
@@ -6039,16 +6069,16 @@ function refusalText(reason) {
 }
 
 // src/lists/RestorePanel.tsx
-import { useEffect as useEffect17, useState as useState27 } from "react";
+import { useEffect as useEffect18, useState as useState28 } from "react";
 import { Button as Button23 } from "@ai-matrx/design-system/controls";
 import { Fragment as Fragment16, jsx as jsx28, jsxs as jsxs26 } from "react/jsx-runtime";
 var count = (n, one) => `${n} ${one}${n === 1 ? "" : "s"}`;
 function RestorePanel({ lists, item, restore, onClose }) {
-  const [preview, setPreview] = useState27(null);
-  const [error, setError] = useState27(null);
-  const [busy, setBusy] = useState27(false);
-  const [loading, setLoading] = useState27(Boolean(lists.preview));
-  useEffect17(() => {
+  const [preview, setPreview] = useState28(null);
+  const [error, setError] = useState28(null);
+  const [busy, setBusy] = useState28(false);
+  const [loading, setLoading] = useState28(Boolean(lists.preview));
+  useEffect18(() => {
     if (!lists.preview) return;
     let live = true;
     lists.preview(item).then(
@@ -6108,10 +6138,10 @@ function RestorePanel({ lists, item, restore, onClose }) {
 import { jsx as jsx29, jsxs as jsxs27 } from "react/jsx-runtime";
 function TrashView({ port, deleted, query, header, onChanged }) {
   const confirmed = useConfirmed();
-  const [busyId, setBusyId] = useState28(null);
-  const [message2, setMessage] = useState28(null);
+  const [busyId, setBusyId] = useState29(null);
+  const [message2, setMessage] = useState29(null);
   const shown = deleted.filter((i) => matchesQuery2(i, query));
-  const [restoring, setRestoring] = useState28(null);
+  const [restoring, setRestoring] = useState29(null);
   const restore = async (item, deletionId) => {
     setBusyId(item.id);
     setMessage(null);
@@ -6146,12 +6176,12 @@ function TrashView({ port, deleted, query, header, onChanged }) {
 }
 
 // src/NewItemFlow.tsx
-import { useMemo as useMemo4, useState as useState29 } from "react";
+import { useMemo as useMemo4, useState as useState30 } from "react";
 import { cn as cn14 } from "@ai-matrx/design-system";
 import { Button as Button25, Field as Field10, SearchField as SearchField2 } from "@ai-matrx/design-system/controls";
 import { jsx as jsx30, jsxs as jsxs28 } from "react/jsx-runtime";
 function NewItemFlow({ definitions, url, onUrl, onChoose, onCancel }) {
-  const [search, setSearch] = useState29("");
+  const [search, setSearch] = useState30("");
   const guess = useMemo4(() => inferFromUrl(url, definitions), [url, definitions]);
   const common = COMMON_DEFINITION_KEYS.map((k) => definitions.find((d) => d.key === k)).filter((d) => d !== void 0);
   const matches = useMemo4(() => {
@@ -6218,7 +6248,7 @@ function NewItemFlow({ definitions, url, onUrl, onChoose, onCancel }) {
 }
 
 // src/sharing/SecureLinkPanel.tsx
-import { useEffect as useEffect18, useRef as useRef16, useState as useState30 } from "react";
+import { useEffect as useEffect19, useRef as useRef16, useState as useState31 } from "react";
 import { confirm as confirm10 } from "@ai-matrx/kit/confirm-opener";
 import { Checkbox as Checkbox2 } from "@ai-matrx/design-system";
 import { Badge as Badge8, Button as Button26, Field as Field11, RegionSkeleton as RegionSkeleton2, SegmentedControl as SegmentedControl5, Textarea as Textarea4 } from "@ai-matrx/design-system/controls";
@@ -6300,20 +6330,20 @@ import { jsx as jsx31, jsxs as jsxs29 } from "react/jsx-runtime";
 function SecureLinkPanel({ item, port, onClose }) {
   const sharing = port.sharing;
   const { busy, error, notice, run, setNotice } = useAction();
-  const [remedy, setRemedy] = useState30(null);
-  const [options, setOptions] = useState30(null);
-  const [optionsError, setOptionsError] = useState30(null);
-  const [sent, setSent] = useState30(null);
-  const [sentError, setSentError] = useState30(null);
-  const [nonce, setNonce] = useState30(0);
-  const [email, setEmail] = useState30("");
-  const [phone, setPhone] = useState30("");
-  const [name, setName] = useState30("");
-  const [linkBy, setLinkBy] = useState30("email");
-  const [fields, setFields] = useState30([]);
-  const [note, setNote] = useState30("");
-  const [sameChannelSent, setSameChannelSent] = useState30(false);
-  useEffect18(() => {
+  const [remedy, setRemedy] = useState31(null);
+  const [options, setOptions] = useState31(null);
+  const [optionsError, setOptionsError] = useState31(null);
+  const [sent, setSent] = useState31(null);
+  const [sentError, setSentError] = useState31(null);
+  const [nonce, setNonce] = useState31(0);
+  const [email, setEmail] = useState31("");
+  const [phone, setPhone] = useState31("");
+  const [name, setName] = useState31("");
+  const [linkBy, setLinkBy] = useState31("email");
+  const [fields, setFields] = useState31([]);
+  const [note, setNote] = useState31("");
+  const [sameChannelSent, setSameChannelSent] = useState31(false);
+  useEffect19(() => {
     let live = true;
     setOptionsError(null);
     sharing.secureLinkOptions(item).then(
@@ -6328,7 +6358,7 @@ function SecureLinkPanel({ item, port, onClose }) {
       live = false;
     };
   }, [sharing, item]);
-  useEffect18(() => {
+  useEffect19(() => {
     const list = sharing.sentSecureLinks;
     if (!list) return;
     let live = true;
@@ -6341,9 +6371,9 @@ function SecureLinkPanel({ item, port, onClose }) {
       live = false;
     };
   }, [sharing, item, nonce]);
-  const [phoneTyped, setPhoneTyped] = useState30(false);
+  const [phoneTyped, setPhoneTyped] = useState31(false);
   const prefilled = useRef16(false);
-  useEffect18(() => {
+  useEffect19(() => {
     const lookup = sharing.phoneOnFile;
     if (!lookup || phoneTyped) return;
     const clear = () => {
@@ -6497,7 +6527,7 @@ function sentMeta(row, options) {
 }
 
 // src/devices/DevicesPanel.tsx
-import { useCallback as useCallback4, useEffect as useEffect19, useState as useState31 } from "react";
+import { useCallback as useCallback4, useEffect as useEffect20, useState as useState32 } from "react";
 import { confirm as confirm11 } from "@ai-matrx/kit/confirm-opener";
 import { Button as Button27, RegionSkeleton as RegionSkeleton3 } from "@ai-matrx/design-system/controls";
 
@@ -6587,9 +6617,9 @@ function ErrorLine2({ text }) {
 function DevicesPanel({ port, onClose }) {
   const confirmed = useConfirmed();
   const notify = useNotify();
-  const [devices, setDevices] = useState31(null);
-  const [error, setError] = useState31(null);
-  const [busyId, setBusyId] = useState31(null);
+  const [devices, setDevices] = useState32(null);
+  const [error, setError] = useState32(null);
+  const [busyId, setBusyId] = useState32(null);
   const load = useCallback4(async () => {
     setError(null);
     try {
@@ -6598,7 +6628,7 @@ function DevicesPanel({ port, onClose }) {
       setError(messageOf3(e, "Your browsers could not be read."));
     }
   }, [port]);
-  useEffect19(() => {
+  useEffect20(() => {
     void load();
   }, [load]);
   const revoke = async (device) => {
@@ -6656,10 +6686,10 @@ function ApprovePanel({ port, host, onClose, approvalKey, label, kind = "browser
   const where = isMac ? "the Mac app" : "the extension";
   const passkeys = port.devices.passkeys;
   const here = passkeys?.available() ?? false;
-  const [methods, setMethods] = useState31(null);
-  const [busy, setBusy] = useState31(null);
-  const [error, setError] = useState31(null);
-  const [approvedUntil, setApprovedUntil] = useState31(null);
+  const [methods, setMethods] = useState32(null);
+  const [busy, setBusy] = useState32(null);
+  const [error, setError] = useState32(null);
+  const [approvedUntil, setApprovedUntil] = useState32(null);
   const load = useCallback4(async () => {
     setError(null);
     try {
@@ -6668,7 +6698,7 @@ function ApprovePanel({ port, host, onClose, approvalKey, label, kind = "browser
       setError(messageOf3(e, "Your account could not be checked."));
     }
   }, [port]);
-  useEffect19(() => {
+  useEffect20(() => {
     if (key && here) void load();
   }, [key, here, load]);
   const approve = async () => {
@@ -6756,7 +6786,7 @@ function ApprovePanel({ port, host, onClose, approvalKey, label, kind = "browser
 }
 
 // src/native/NativeImportPanel.tsx
-import { useEffect as useEffect21, useMemo as useMemo5, useState as useState33 } from "react";
+import { useEffect as useEffect22, useMemo as useMemo5, useState as useState34 } from "react";
 import { confirm as confirm12 } from "@ai-matrx/kit/confirm-opener";
 import { Badge as Badge9, Button as Button28, Select as Select9 } from "@ai-matrx/design-system/controls";
 
@@ -6819,12 +6849,12 @@ async function loadFullPreview(bridge, operationId, current) {
 }
 
 // src/native/use-native-import.ts
-import { useEffect as useEffect20, useRef as useRef17, useState as useState32 } from "react";
+import { useEffect as useEffect21, useRef as useRef17, useState as useState33 } from "react";
 var fail = (e, fallback) => e instanceof Error && e.message ? e.message : fallback;
 var RESTART = "Your account changed. The import was stopped; start it again.";
 function useNativeImport(bridge, stillAllowed, onImported) {
-  const [screen, setScreen] = useState32({ kind: "idle", message: null });
-  const [busy, setBusy] = useState32(false);
+  const [screen, setScreen] = useState33({ kind: "idle", message: null });
+  const [busy, setBusy] = useState33(false);
   const generation = useRef17(0);
   const mounted = useRef17(false);
   const op = useRef17(null);
@@ -7002,7 +7032,7 @@ function useNativeImport(bridge, stillAllowed, onImported) {
   };
   const invalidateRef = useRef17(invalidate);
   invalidateRef.current = invalidate;
-  useEffect20(() => {
+  useEffect21(() => {
     mounted.current = true;
     const off = bridge.subscribe?.(() => {
       if (op.current) invalidateRef.current(RESTART);
@@ -7035,13 +7065,13 @@ function NativeImportPanel({ bridge, readLimits, activeOrganizationId, organizat
 }
 function Importer({ bridge, readLimits, activeOrganizationId, organizations, onClose, onChanged }) {
   const options = useMemo5(() => organizations.map((o) => ({ value: o.id, label: o.name })), [organizations]);
-  const [organizationId, setOrganizationId] = useState33(() => organizations.some((o) => o.id === activeOrganizationId) ? activeOrganizationId : organizations[0]?.id ?? "");
-  const [limits, setLimits] = useState33(null);
-  const [limitError, setLimitError] = useState33(null);
+  const [organizationId, setOrganizationId] = useState34(() => organizations.some((o) => o.id === activeOrganizationId) ? activeOrganizationId : organizations[0]?.id ?? "");
+  const [limits, setLimits] = useState34(null);
+  const [limitError, setLimitError] = useState34(null);
   const flow = useNativeImport(bridge, (id) => organizations.some((o) => o.id === id), onChanged);
   const { screen, busy } = flow;
   const orgName = organizations.find((o) => o.id === organizationId)?.name ?? "this organization";
-  useEffect21(() => {
+  useEffect22(() => {
     if (!readLimits || !organizationId) return;
     let live = true;
     setLimits(null);
@@ -7102,20 +7132,20 @@ function Importer({ bridge, readLimits, activeOrganizationId, organizations, onC
 }
 
 // src/extension/PageView.tsx
-import { useState as useState37 } from "react";
+import { useState as useState38 } from "react";
 import { DropdownMenu as DropdownMenu5, DropdownMenuContent as DropdownMenuContent5, DropdownMenuItem as DropdownMenuItem4, DropdownMenuTrigger as DropdownMenuTrigger5 } from "@ai-matrx/design-system";
 import { Button as Button32 } from "@ai-matrx/design-system/controls";
 
 // src/extension/CaptureCard.tsx
-import { useState as useState34, useSyncExternalStore as useSyncExternalStore2 } from "react";
+import { useState as useState35, useSyncExternalStore as useSyncExternalStore2 } from "react";
 import { Button as Button29, SearchField as SearchField3 } from "@ai-matrx/design-system/controls";
 import { Fragment as Fragment19, jsx as jsx34, jsxs as jsxs32 } from "react/jsx-runtime";
 var SEARCH_FROM = 4;
 function CaptureCard({ capture, onChanged }) {
   const prompt = useSyncExternalStore2(capture.subscribe, capture.get, capture.get);
   const notify = useNotify();
-  const [busy, setBusy] = useState34(false);
-  const [q, setQ] = useState34("");
+  const [busy, setBusy] = useState35(false);
+  const [q, setQ] = useState35("");
   if (!prompt) return null;
   const decide = async (d) => {
     setBusy(true);
@@ -7171,15 +7201,15 @@ function CaptureCard({ capture, onChanged }) {
 }
 
 // src/extension/FillSetupCard.tsx
-import { useRef as useRef18, useState as useState35, useSyncExternalStore as useSyncExternalStore3 } from "react";
+import { useRef as useRef18, useState as useState36, useSyncExternalStore as useSyncExternalStore3 } from "react";
 import { Button as Button30, Field as Field12 } from "@ai-matrx/design-system/controls";
 import { jsx as jsx35, jsxs as jsxs33 } from "react/jsx-runtime";
 function FillSetupCard({ fillSetup }) {
   const notify = useNotify();
   const state = useSyncExternalStore3(fillSetup.subscribe, fillSetup.get, fillSetup.get);
   const box = useRef18(null);
-  const [busy, setBusy] = useState35(false);
-  const [error, setError] = useState35(null);
+  const [busy, setBusy] = useState36(false);
+  const [error, setError] = useState36(null);
   if (state.status !== "off") return null;
   const finish = async (run) => {
     setBusy(true);
@@ -7244,7 +7274,7 @@ function FillSetupCard({ fillSetup }) {
 }
 
 // src/extension/PageGenerator.tsx
-import { useState as useState36 } from "react";
+import { useState as useState37 } from "react";
 import { Popover as Popover2, PopoverContent as PopoverContent2, PopoverTrigger as PopoverTrigger2 } from "@ai-matrx/design-system";
 import { Button as Button31 } from "@ai-matrx/design-system/controls";
 import { Fragment as Fragment20, jsx as jsx36, jsxs as jsxs34 } from "react/jsx-runtime";
@@ -7253,10 +7283,10 @@ function PageGenerator({ fields }) {
   const limits = useGeneratorLimitsSource();
   const copy = useCopy();
   const held = useTransientSecret(HOLD_MS);
-  const [open, setOpen] = useState36(false);
-  const [busy, setBusy] = useState36(false);
-  const [targets, setTargets] = useState36([]);
-  const [said, setSaid] = useState36(null);
+  const [open, setOpen] = useState37(false);
+  const [busy, setBusy] = useState37(false);
+  const [targets, setTargets] = useState37([]);
+  const [said, setSaid] = useState37(null);
   if (!limits) return null;
   const say3 = setSaid;
   const put = async (targetId, value2) => {
@@ -7320,8 +7350,8 @@ function PageGenerator({ fields }) {
 // src/extension/PageView.tsx
 import { jsx as jsx37, jsxs as jsxs35 } from "react/jsx-runtime";
 function PageView({ port, page, fill, capture, fillSetup, newPasswordFields, items, definitions, onOpen, onNewForPage, onBrowse, onChanged, header }) {
-  const [running, setRunning] = useState37(null);
-  const [said, setSaid] = useState37(null);
+  const [running, setRunning] = useState38(null);
+  const [said, setSaid] = useState38(null);
   const site = pageSite(page.url);
   const state = page.matchState ?? { status: "ready" };
   const fillable = new Set(page.fillableItemIds ?? page.matchingItemIds);
@@ -7405,7 +7435,7 @@ function MatchRow({ itemId, item, tag, family, port, busy, running, onOpen, onFi
   const confirmed = useConfirmed();
   const copy = useCopy();
   const notify = useNotify();
-  const [reading, setReading] = useState37(false);
+  const [reading, setReading] = useState38(false);
   const usable = item?.capabilities.canUse ?? false;
   const user = usable ? item?.fields.find((f) => USERNAME_KEYS.test(f.key) && f.handling !== "sealed" && f.active) : void 0;
   const secret = usable && item?.capabilities.canReveal ? item?.fields.find((f) => f.key === "password" && f.handling === "revealable" && f.active) : void 0;
@@ -7450,7 +7480,7 @@ function MatchRow({ itemId, item, tag, family, port, busy, running, onOpen, onFi
 }
 
 // src/Sidebar.tsx
-import { useState as useState38 } from "react";
+import { useState as useState39 } from "react";
 import { cn as cn15 } from "@ai-matrx/design-system";
 import { Select as Select10 } from "@ai-matrx/design-system/controls";
 import { jsx as jsx38, jsxs as jsxs36 } from "react/jsx-runtime";
@@ -7533,7 +7563,7 @@ function Group({ title, children }) {
   ] });
 }
 function Sidebar({ vault, choices, onVault, view, allCount, deletedCount, views, hasFavorites, hasRecents, onView, onPanel, nativeProvider, hasNativeImport = false, hasPage = false }) {
-  const [tagsOpen, setTagsOpen] = useState38(view.startsWith("tag:"));
+  const [tagsOpen, setTagsOpen] = useState39(view.startsWith("tag:"));
   return /* @__PURE__ */ jsxs36("nav", { "aria-label": "Vault", className: "flex h-full min-h-0 flex-col border-r border-sidebar-border bg-sidebar-background text-sidebar-foreground", children: [
     /* @__PURE__ */ jsxs36("div", { className: "flex items-center gap-2 px-3 pb-2 pt-3", children: [
       /* @__PURE__ */ jsx38(SafeGlyph, { className: "size-5 shrink-0 text-primary" }),
@@ -7575,7 +7605,7 @@ function Sidebar({ vault, choices, onVault, view, allCount, deletedCount, views,
 
 // src/VaultApp.tsx
 import { jsx as jsx39, jsxs as jsxs37 } from "react/jsx-runtime";
-var FULL_AT = 960;
+var FULL_AT = 1120;
 var SPLIT_AT = 640;
 var NO_HOST = {};
 var ITEM_PANELS = {
@@ -7593,8 +7623,8 @@ var generatorLimitsFrom = (knobs) => knobs ? async () => {
 } : void 0;
 function ImportWithLimits(props) {
   const { knobs, ...rest } = props;
-  const [state, setState] = useState39(null);
-  useEffect22(() => {
+  const [state, setState] = useState40(null);
+  useEffect23(() => {
     if (!knobs) return setState({ error: "Import is not set up for this organization yet." });
     knobs().then(
       (r) => {
@@ -7618,16 +7648,16 @@ function Workspace({ port, host = NO_HOST, layout = "auto", location, onLocation
   const width = useElementWidth(rootRef);
   const mode = layout !== "auto" ? layout : width >= FULL_AT ? "full" : width >= SPLIT_AT ? "split" : "stack";
   const notify = useNotify();
-  const [snap, setSnap] = useState39(null);
-  const [items, setItems] = useState39([]);
-  const [deleted, setDeleted] = useState39([]);
-  const [favorites, setFavorites] = useState39(null);
-  const [recents, setRecents] = useState39(null);
-  const [error, setError] = useState39(null);
-  const [inner, setInner] = useState39(DEFAULT_LOCATION);
+  const [snap, setSnap] = useState40(null);
+  const [items, setItems] = useState40([]);
+  const [deleted, setDeleted] = useState40([]);
+  const [favorites, setFavorites] = useState40(null);
+  const [recents, setRecents] = useState40(null);
+  const [error, setError] = useState40(null);
+  const [inner, setInner] = useState40(DEFAULT_LOCATION);
   const loc = location ?? inner;
   const dirty = useRef19(false);
-  const [notice, setNotice] = useState39(null);
+  const [notice, setNotice] = useState40(null);
   const move = useCallback5(
     (next, how) => {
       if (!location) setInner(next);
@@ -7671,8 +7701,8 @@ function Workspace({ port, host = NO_HOST, layout = "auto", location, onLocation
     knobsRef.current?.().catch(() => void 0);
     port.lists.recents?.list().then(setRecents, () => void 0);
   }, [port]);
-  useEffect22(load, [load]);
-  useEffect22(() => {
+  useEffect23(load, [load]);
+  useEffect23(() => {
     if (!loc.itemId || !port.lists.recents) return;
     const id = loc.itemId;
     port.lists.recents.record(id).then(() => setRecents((r) => [id, ...(r ?? []).filter((x) => x !== id)]), () => void 0);
@@ -7932,7 +7962,7 @@ 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 detailHere = specialView ? false : true;
+  const shown = panesShown(mode, specialView !== null, showingDetail);
   return /* @__PURE__ */ jsxs37("div", { ref: rootRef, className: "flex h-full min-h-0 w-full flex-col bg-background text-foreground", children: [
     snap.unavailable.length > 0 ? /* @__PURE__ */ jsxs37("div", { role: "status", className: "flex items-center gap-3 border-b border-border bg-muted px-4 py-2 text-sm", children: [
       /* @__PURE__ */ jsxs37("span", { className: "min-w-0 flex-1 truncate text-warning", children: [
@@ -7962,8 +7992,8 @@ function Workspace({ port, host = NO_HOST, layout = "auto", location, onLocation
           hasPage: host.page !== void 0
         }
       ) : null,
-      mode === "stack" && showingDetail ? null : /* @__PURE__ */ jsx39("div", { className: specialView && mode !== "stack" ? "col-span-2 min-h-0" : "min-h-0", children: list }),
-      detailHere ? mode === "stack" ? showingDetail ? detail : null : detail : null,
+      shown.list ? /* @__PURE__ */ jsx39("div", { className: specialView && mode !== "stack" ? "col-span-2 min-h-0" : "min-h-0", children: list }) : null,
+      shown.detail ? detail : null,
       panel
     ] })
   ] });
@@ -8720,6 +8750,9 @@ function createApiVaultPort(api, options = {}) {
           provider_key: definition.providerKey,
           tags: draft.tags,
           login_urls: draft.loginUrls,
+          // A login a person saves with its website is offered on that website (the server's own
+          // default is off, which made "Save a login" on a page answer "No saved login" there).
+          ...draft.loginUrls.length > 0 ? { browser_fill_enabled: true } : {},
           notes: draft.notes || null,
           principal: organizationId ? { type: "organization", organization_id: organizationId } : { type: "user" },
           initiation: "user",