@ai-matrx/vault 0.1.6 → 0.1.8

package/CHANGELOG.md

@@ -1,6 +1,6 @@
 # Changelog
 
-## 0.1.6
+## 0.1.8
 ### Unreleased
 
 - Host-held lock: `host.lock` (`VaultLock`: `locked`, `subscribe`, `unlock`, optional `lock` and

package/dist/index.cjs

@@ -150,10 +150,10 @@ __export(src_exports, {
   inferFromUrl: () => inferFromUrl,
   locationFromParams: () => locationFromParams,
   locationToParams: () => locationToParams,
+  loginSiteOf: () => loginSiteOf,
   matchesQuery: () => matchesQuery,
   needsRecentSignIn: () => needsRecentSignIn,
   parseDefinitions: () => parseDefinitions,
-  siteOf: () => siteOf,
   sortItems: () => sortItems
 });
 module.exports = __toCommonJS(src_exports);
@@ -678,12 +678,7 @@ function formatBytes(n) {
   if (n < 1024 * 1024) return `${(n / 1024).toFixed(n < 10 * 1024 ? 1 : 0)} KB`;
   return `${(n / 1024 / 1024).toFixed(1)} MB`;
 }
-function formatDate(iso, withTime = false) {
-  if (!iso) return "";
-  const d = new Date(iso);
-  if (Number.isNaN(d.getTime())) return iso;
-  return d.toLocaleString(void 0, withTime ? { year: "numeric", month: "short", day: "numeric", hour: "numeric", minute: "2-digit" } : { year: "numeric", month: "short", day: "numeric" });
-}
+var DAY_FORMAT = { year: "numeric", month: "short", day: "numeric" };
 
 // src/FieldRows.tsx
 var import_jsx_runtime5 = require("react/jsx-runtime");
@@ -823,6 +818,9 @@ function CustomEditRow({ label, value, onLabel, onValue, secret, onRemove }) {
   );
 }
 
+// src/activity/HistoryPanel.tsx
+var import_format3 = require("@ai-matrx/kit/format");
+
 // src/activity/logic.ts
 var import_format = require("@ai-matrx/kit/format");
 
@@ -874,7 +872,7 @@ function matchesQuery(item, query) {
   return [item.name, item.definitionLabel, ...item.tags, ...item.loginUrls, ...item.custom.map((c) => `${c.label} ${c.value}`)].some((h) => h.toLowerCase().includes(q));
 }
 var isAuthenticatorStorage = (key) => key === "totp_seed" || key.startsWith("totp_") || key === "authenticator_last_time_step";
-function siteOf(item) {
+function loginSiteOf(item) {
   const raw = item.loginUrls[0];
   if (!raw) return "";
   try {
@@ -888,7 +886,7 @@ function sortItems(items, sort) {
   const byName = (a, b) => a.name.localeCompare(b.name, void 0, { sensitivity: "base" });
   if (sort === "name") return out.sort(byName);
   if (sort === "website") return out.sort((a, b) => {
-    const x = siteOf(a), y = siteOf(b);
+    const x = loginSiteOf(a), y = loginSiteOf(b);
     return x && y ? x.localeCompare(y) || byName(a, b) : x ? -1 : y ? 1 : byName(a, b);
   });
   if (sort === "updated") return out.sort((a, b) => b.updatedAt.localeCompare(a.updatedAt));
@@ -1280,6 +1278,7 @@ var HistoryChangedError = class extends Error {
 var import_react6 = require("react");
 var import_controls3 = require("@ai-matrx/design-system/controls");
 var import_design_system6 = require("@ai-matrx/design-system");
+var import_format2 = require("@ai-matrx/kit/format");
 var import_jsx_runtime6 = require("react/jsx-runtime");
 var PAGE = 50;
 var MAX = 500;
@@ -1316,7 +1315,7 @@ function ActivityPanel({ item, port, onClose }) {
           day.entries.map((entry) => ({ entry, s: auditSentence(entry, item, me) })),
           (r) => `${r.s.what}|${r.s.who ?? ""}`
         ).map(({ row: { entry, s }, times }) => {
-          return /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: "flex min-h-9 items-center gap-1.5 px-3 text-sm sm:px-4", title: formatDate(entry.at, true), children: [
+          return /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: "flex min-h-9 items-center gap-1.5 px-3 text-sm sm:px-4", title: (0, import_format2.formatAbsoluteDate)(entry.at, void 0, ""), children: [
             /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { className: (0, import_design_system6.cn)("truncate", s.refused ? "text-destructive" : "text-foreground"), children: s.what }),
             /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("span", { className: "shrink-0 text-muted-foreground", children: [
               times > 1 ? ` \xB7 ${times} times` : "",
@@ -1401,7 +1400,7 @@ function HistoryPanel({ item, port, arg, onClose, onChanged }) {
         page && (page.captureStartedAt || page.incomplete) ? /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { className: "flex flex-wrap gap-x-3 gap-y-1 px-1 text-xs", children: [
           page.captureStartedAt ? /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("span", { className: "text-muted-foreground", children: [
             "Kept since ",
-            formatDate(page.captureStartedAt, true)
+            (0, import_format3.formatAbsoluteDate)(page.captureStartedAt, void 0, "")
           ] }) : null,
           page.incomplete ? /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("span", { className: "text-warning", children: "Some changes could not be read" }) : null
         ] }) : null
@@ -1414,7 +1413,7 @@ function HistoryRow({ item, port, page, entry, label, onRestored, onConflict, on
   const secret = useTransientSecret();
   const copyValue2 = useCopy();
   const [busy, setBusy] = (0, import_react7.useState)(false);
-  const when = formatDate(entry.recordedAt, true);
+  const when = (0, import_format3.formatAbsoluteDate)(entry.recordedAt, void 0, "");
   async function read() {
     if (secret.value !== null) return secret.value;
     setBusy(true);
@@ -1576,11 +1575,11 @@ function authenticatorName(current, parsed) {
   if (name && !PLACEHOLDER_NAMES.includes(name.toLowerCase())) return name;
   return parsed.issuer || parsed.account || name || "One-time password";
 }
-function matchIssuerToSite(issuer, candidates, siteOf2) {
+function matchIssuerToSite(issuer, candidates, siteOf) {
   const key = (issuer ?? "").toLowerCase().replace(/[^a-z0-9]/g, "");
   if (key.length < 2) return null;
   for (const c of candidates) {
-    const host = siteOf2(c).toLowerCase();
+    const host = siteOf(c).toLowerCase();
     if (!host) continue;
     const labels = host.split(".");
     if (labels.some((l) => l.replace(/[^a-z0-9]/g, "") === key)) return c;
@@ -2201,7 +2200,7 @@ function AddOtpPanel({ port, items, definitions, itemId = null, onClose, onChang
   const recognise = (p) => {
     if (!nameTouched) setName((n) => authenticatorName(n, p));
     if (!targetChosen) {
-      const match = matchIssuerToSite(p.issuer, candidates, siteOf);
+      const match = matchIssuerToSite(p.issuer, candidates, loginSiteOf);
       setTarget(match ? match.id : NEW);
     }
   };
@@ -2279,7 +2278,7 @@ function AddOtpPanel({ port, items, definitions, itemId = null, onClose, onChang
               value: target,
               disabled: busy || created !== null,
               "aria-label": "Add to",
-              options: [{ value: NEW, label: "New login" }, ...candidates.map((c) => ({ value: c.id, label: siteOf(c) ? `${c.name} \xB7 ${siteOf(c)}` : c.name }))],
+              options: [{ value: NEW, label: "New login" }, ...candidates.map((c) => ({ value: c.id, label: loginSiteOf(c) ? `${c.name} \xB7 ${loginSiteOf(c)}` : c.name }))],
               onValueChange: (v) => {
                 setTarget(v);
                 setTargetChosen(true);
@@ -2441,7 +2440,7 @@ function OtpListRow({ port, item, family, entry, onOpen, onRename, onChanged, on
   const Icon = definitionGlyph(item.definitionKey, family);
   const canManage = item.capabilities.canManage || item.capabilities.canEdit;
   if (a.removed) return null;
-  const sub = a.error ?? [entry?.account, siteOf(item) || entry?.issuer].filter((v, i, all) => Boolean(v) && all.indexOf(v) === i).join(" \xB7 ");
+  const sub = a.error ?? [entry?.account, loginSiteOf(item) || entry?.issuer].filter((v, i, all) => Boolean(v) && all.indexOf(v) === i).join(" \xB7 ");
   return /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("div", { className: "grid min-h-14 grid-cols-[2rem_minmax(0,1fr)_auto_auto] items-center gap-x-3 rounded-lg px-2 py-1.5 transition-colors hover:bg-accent/50", children: [
     /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("button", { type: "button", onClick: onOpen, "aria-label": `Open ${item.name}`, tabIndex: -1, className: (0, import_design_system9.cn)("flex size-8 items-center justify-center rounded-lg bg-muted", a.enabled ? "text-foreground" : "text-disabled-foreground"), children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(Icon, { className: "size-4" }) }),
     /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("button", { type: "button", onClick: onOpen, className: "flex min-w-0 flex-col items-start rounded-md text-left focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring", children: [
@@ -5207,7 +5206,7 @@ var MEMBER_ACCESS_LABEL = { none: "No access", use: "Can use", editor: "Can edit
 function levelOf(flags) {
   return flags.can_manage ? "edit" : "use";
 }
-function flagsOf(level) {
+function shareFlagsOf(level) {
   return { can_use: true, can_manage: level === "edit" };
 }
 function isEmail(value) {
@@ -5257,7 +5256,7 @@ var message = (e, fallback) => {
   const m = e instanceof Error && e.message ? e.message : fallback;
   return copyRefusal(m) ?? m;
 };
-function useAction() {
+function useConfirmedChange() {
   const confirmed = useConfirmed();
   const [busy, setBusy] = (0, import_react24.useState)(null);
   const [error, setError] = (0, import_react24.useState)(null);
@@ -5301,7 +5300,7 @@ var import_controls19 = require("@ai-matrx/design-system/controls");
 var import_jsx_runtime24 = require("react/jsx-runtime");
 var NONE = "__none__";
 function MovePanel({ item, port, organizations, onClose, onChanged }) {
-  const { busy, error, notice, run, setNotice } = useAction();
+  const { busy, error, notice, run, setNotice } = useConfirmedChange();
   const moves = moveDestinations(item, organizations);
   const copies = copyDestinations(organizations, item);
   const [moveTo, setMoveTo] = (0, import_react25.useState)("");
@@ -5407,7 +5406,7 @@ 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 { busy, error, notice, run } = useConfirmedChange();
   const [email, setEmail] = (0, import_react26.useState)("");
   const [level, setLevel] = (0, import_react26.useState)("use");
   const [more, setMore] = (0, import_react26.useState)(false);
@@ -5530,7 +5529,7 @@ function SharePanel({ item, port, organizations, onClose, onChanged }) {
   );
 }
 function IntoOrganization({ item, port, organizations, grants, onShared }) {
-  const { busy, error, notice, run } = useAction();
+  const { busy, error, notice, run } = useConfirmedChange();
   const open = organizations.filter((o) => !grants.some((g) => g.organizationId === o.id));
   const [target, setTarget] = (0, import_react26.useState)("");
   const [level, setLevel] = (0, import_react26.useState)("use");
@@ -5570,7 +5569,7 @@ var CHOICES = [
 function MemberAccess({ port, organizationId, organizationName }) {
   const [list, setList] = (0, import_react26.useState)(null);
   const [loadError, setLoadError] = (0, import_react26.useState)(null);
-  const { busy, error, run } = useAction();
+  const { busy, error, run } = useConfirmedChange();
   (0, import_react26.useEffect)(() => {
     let live = true;
     port.sharing.memberAccess(organizationId).then(
@@ -5621,6 +5620,7 @@ function SharingSummary({ item, port, className }) {
 }
 
 // src/ItemPane.tsx
+var import_format4 = require("@ai-matrx/kit/format");
 var import_jsx_runtime26 = require("react/jsx-runtime");
 var USERNAME_KEYS = /^(username|user_name|email|login|username_or_email|account_email)$/;
 function ItemPane(props) {
@@ -5768,7 +5768,7 @@ function ItemPane(props) {
   const descriptionVisible = showDescription || draft.description !== "";
   const header = /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)("header", { className: "flex min-h-14 items-center gap-2 border-b border-border px-3 py-2 sm:gap-3 sm:px-5", children: [
     onBack ? /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(import_controls21.Button, { variant: "quiet", icon: /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(ChevronLeftGlyph, {}), "aria-label": "Back", onClick: mode === "new" ? onCancelNew : onBack }) : null,
-    /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(ItemIcon, { definitionKey: definition?.key ?? item?.definitionKey ?? "custom", family: definition?.family ?? "generic", site: item ? siteOf(item) : siteOf({ loginUrls: draft.loginUrls }), size: "lg" }),
+    /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(ItemIcon, { definitionKey: definition?.key ?? item?.definitionKey ?? "custom", family: definition?.family ?? "generic", site: item ? loginSiteOf(item) : loginSiteOf({ loginUrls: draft.loginUrls }), size: "lg" }),
     /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)("div", { className: "flex min-w-0 flex-1 flex-col", children: [
       /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("h2", { className: "truncate text-base font-semibold leading-tight", children: editing ? draft.name || (mode === "new" ? `New ${typeLabel.toLowerCase()}` : item?.name) : item?.name }),
       /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)("span", { className: "flex min-w-0 items-center gap-1 text-xs text-muted-foreground", children: [
@@ -6001,9 +6001,9 @@ function ItemPane(props) {
       filesProps ? /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(FilesSection, { ...filesProps, editing: false }) : null,
       /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)("p", { className: (0, import_design_system17.cn)("px-1 text-xs text-muted-foreground"), children: [
         "Modified ",
-        formatDate(item.updatedAt),
+        (0, import_format4.formatAbsoluteDate)(item.updatedAt, DAY_FORMAT, ""),
         " \xB7 Created ",
-        formatDate(item.createdAt)
+        (0, import_format4.formatAbsoluteDate)(item.createdAt, DAY_FORMAT, "")
       ] })
     ] }) : null }) })
   ] }) });
@@ -6018,7 +6018,7 @@ var SORTS2 = [
   { value: "created", label: "Recently added" }
 ];
 function subtitleOf(item, withOwner) {
-  const what = siteOf(item) || item.definitionLabel;
+  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 }) {
@@ -6101,7 +6101,7 @@ function ListRow({ item, family, port, on, onSelect, withOwner }) {
         onClick: () => onSelect(item.id),
         className: (0, import_design_system19.cn)("flex h-12 w-full items-center gap-3 rounded-lg px-2 text-left", on ? "bg-primary text-primary-foreground" : "hover:bg-accent"),
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(ItemIcon, { definitionKey: item.definitionKey, family, site: siteOf(item), inverted: on }),
+          /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(ItemIcon, { definitionKey: item.definitionKey, family, site: loginSiteOf(item), inverted: on }),
           /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)("span", { className: "flex min-w-0 flex-1 flex-col leading-tight", children: [
             /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("span", { className: "truncate text-sm font-medium", children: item.name }),
             /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("span", { className: "truncate text-xs text-muted-foreground", children: subtitleOf(item, withOwner) })
@@ -6119,6 +6119,7 @@ function ListRow({ item, family, port, on, onSelect, withOwner }) {
 // src/lists/TrashView.tsx
 var import_react30 = require("react");
 var import_controls24 = require("@ai-matrx/design-system/controls");
+var import_format5 = require("@ai-matrx/kit/format");
 
 // src/lists/logic.ts
 var ENTITY_TYPE = "credential_item";
@@ -6129,7 +6130,7 @@ function favoriteIds(data) {
 function recentIds(data, limit = 50) {
   return rowsOf(data).filter((r) => typeof r.last_viewed_at === "string" && r.last_viewed_at !== "").sort((a, b) => Date.parse(b.last_viewed_at) - Date.parse(a.last_viewed_at)).slice(0, limit).map((r) => r.entity_id);
 }
-function matchesQuery2(item, query) {
+function trashItemMatchesQuery(item, query) {
   const q = query.trim().toLowerCase();
   if (!q) return true;
   return [item.name, item.definitionLabel, item.owner.label, ...item.tags].some((s) => s.toLowerCase().includes(q));
@@ -6261,7 +6262,7 @@ function TrashView({ port, deleted, query, header, onChanged }) {
   const confirmed = useConfirmed();
   const [busyId, setBusyId] = (0, import_react30.useState)(null);
   const [message2, setMessage] = (0, import_react30.useState)(null);
-  const shown = deleted.filter((i) => matchesQuery2(i, query));
+  const shown = deleted.filter((i) => trashItemMatchesQuery(i, query));
   const [restoring, setRestoring] = (0, import_react30.useState)(null);
   const restore = async (item, deletionId) => {
     setBusyId(item.id);
@@ -6286,7 +6287,7 @@ function TrashView({ port, deleted, query, header, onChanged }) {
       /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)("div", { className: "flex min-h-12 items-center gap-3 px-3 py-1.5 sm:px-4", children: [
         /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)("span", { className: "flex min-w-0 flex-1 flex-col leading-tight", children: [
           /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("span", { className: "truncate text-sm text-foreground", children: item.name }),
-          /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("span", { className: "truncate text-xs text-muted-foreground", children: [item.deletion?.deletedAt ? `Deleted ${formatDate(item.deletion.deletedAt)}` : null, item.owner.kind !== "me" ? item.owner.label : null].filter(Boolean).join(" \xB7 ") })
+          /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("span", { className: "truncate text-xs text-muted-foreground", children: [item.deletion?.deletedAt ? `Deleted ${(0, import_format5.formatAbsoluteDate)(item.deletion.deletedAt, DAY_FORMAT, "")}` : null, item.owner.kind !== "me" ? item.owner.label : null].filter(Boolean).join(" \xB7 ") })
         ] }),
         /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(import_controls24.Button, { variant: "outline", icon: /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(RestoreGlyph, {}), disabled: busyId !== null || !item.deletion, onClick: () => setRestoring(item), children: "Restore" })
       ] }, item.id)
@@ -6373,9 +6374,10 @@ var import_react32 = require("react");
 var import_confirm_opener10 = require("@ai-matrx/kit/confirm-opener");
 var import_design_system21 = require("@ai-matrx/design-system");
 var import_controls26 = require("@ai-matrx/design-system/controls");
+var import_format7 = require("@ai-matrx/kit/format");
 
 // src/sharing/secure-link-logic.ts
-var import_format2 = require("@ai-matrx/kit/format");
+var import_format6 = require("@ai-matrx/kit/format");
 var SECURE_RESOURCE_TYPE = "credential_item";
 var NOTE_MAX = 1e3;
 var CHANNEL_WORD = { email: "email", sms: "text" };
@@ -6413,7 +6415,7 @@ function carriedWords(keys, fields) {
   const known = new Map(fields.map((f) => [f.key, f.label]));
   return keys.map((k) => known.get(k) ?? fieldNames([k])).join(", ");
 }
-var lifetimeWords = (minutes) => (0, import_format2.formatDurationMinutes)(minutes, { style: "long" });
+var lifetimeWords = (minutes) => (0, import_format6.formatDurationMinutes)(minutes, { style: "long" });
 function remedyOf(e) {
   const body = e?.serverDetail;
   if (!body || typeof body !== "object") return null;
@@ -6450,7 +6452,7 @@ function sortSent(rows) {
 var import_jsx_runtime31 = require("react/jsx-runtime");
 function SecureLinkPanel({ item, port, onClose }) {
   const sharing = port.sharing;
-  const { busy, error, notice, run, setNotice } = useAction();
+  const { busy, error, notice, run, setNotice } = useConfirmedChange();
   const [remedy, setRemedy] = (0, import_react32.useState)(null);
   const [options, setOptions] = (0, import_react32.useState)(null);
   const [optionsError, setOptionsError] = (0, import_react32.useState)(null);
@@ -6642,7 +6644,7 @@ function SecureLinkPanel({ item, port, onClose }) {
   );
 }
 function sentMeta(row, options) {
-  const when = row.status === "pending" ? `Until ${formatDate(row.expiresAt, true)}` : row.status === "viewed" && row.viewedAt ? formatDate(row.viewedAt, true) : formatDate(row.createdAt);
+  const when = row.status === "pending" ? `Until ${(0, import_format7.formatAbsoluteDate)(row.expiresAt, void 0, "")}` : row.status === "viewed" && row.viewedAt ? (0, import_format7.formatAbsoluteDate)(row.viewedAt, void 0, "") : (0, import_format7.formatAbsoluteDate)(row.createdAt, DAY_FORMAT, "");
   const carried = row.fieldKeys.length ? carriedWords(row.fieldKeys, options?.fields ?? []) : "";
   return [when, carried].filter(Boolean).join(" \xB7 ");
 }
@@ -6651,6 +6653,7 @@ function sentMeta(row, options) {
 var import_react33 = require("react");
 var import_confirm_opener11 = require("@ai-matrx/kit/confirm-opener");
 var import_controls27 = require("@ai-matrx/design-system/controls");
+var import_format8 = require("@ai-matrx/kit/format");
 
 // src/devices/logic.ts
 var PASSKEY_RP_ID = "aimatrx.com";
@@ -6780,13 +6783,13 @@ function DevicesPanel({ port, onClose }) {
         Row,
         {
           label: off ? "Turned off" : "Can fill",
-          hint: off ? formatDate(device.revokedAt) : void 0,
+          hint: off ? (0, import_format8.formatAbsoluteDate)(device.revokedAt, DAY_FORMAT, "") : void 0,
           actions: off ? null : /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(import_controls27.Button, { variant: "outline", icon: /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(PowerGlyph, {}), disabled: busyId !== null, onClick: () => void revoke(device), children: "Revoke" }),
           children: /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)("span", { className: "flex min-w-0 flex-col", children: [
             /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("span", { className: off ? "truncate text-muted-foreground" : "truncate text-foreground", children: device.label }),
             /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)("span", { className: "truncate text-xs text-muted-foreground", children: [
-              device.lastUsedAt ? `Last used ${formatDate(device.lastUsedAt, true)}` : "Never used",
-              device.addedAt ? ` \xB7 added ${formatDate(device.addedAt)}` : ""
+              device.lastUsedAt ? `Last used ${(0, import_format8.formatAbsoluteDate)(device.lastUsedAt, void 0, "")}` : "Never used",
+              device.addedAt ? ` \xB7 added ${(0, import_format8.formatAbsoluteDate)(device.addedAt, DAY_FORMAT, "")}` : ""
             ] })
           ] })
         },
@@ -6880,7 +6883,7 @@ function ApprovePanel({ port, host, onClose, approvalKey, label, kind = "browser
       "Return to ",
       where,
       " by ",
-      formatDate(approvedUntil, true),
+      (0, import_format8.formatAbsoluteDate)(approvedUntil, void 0, ""),
       "."
     ] }) }) : !passkeys ? /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)(Empty, { children: [
       "Approve with your password in ",
@@ -7571,10 +7574,10 @@ function MatchRow({ itemId, item, tag, family, port, busy, running, onOpen, onFi
       setReading(false);
     }
   };
-  const subtitle = [item ? siteOf(item) || item.definitionLabel : "", tag].filter(Boolean).join(" \xB7 ");
+  const subtitle = [item ? loginSiteOf(item) || item.definitionLabel : "", tag].filter(Boolean).join(" \xB7 ");
   return /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)("li", { className: "flex h-12 items-center gap-1 pl-1 pr-2", "data-item": itemId, children: [
     /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)("button", { type: "button", onClick: () => onOpen(itemId), className: "flex h-11 min-w-0 flex-1 items-center gap-3 rounded-lg px-2 text-left hover:bg-accent", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(ItemIcon, { definitionKey: item?.definitionKey ?? "website_login", family, site: item ? siteOf(item) : "" }),
+      /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(ItemIcon, { definitionKey: item?.definitionKey ?? "website_login", family, site: item ? loginSiteOf(item) : "" }),
       /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)("span", { className: "flex min-w-0 flex-1 flex-col leading-tight", children: [
         /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("span", { className: "truncate text-sm font-medium", children: item?.name ?? "Saved login" }),
         subtitle ? /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("span", { className: "truncate text-xs text-muted-foreground", children: subtitle }) : null
@@ -8557,7 +8560,7 @@ function createSharingPort(ctx, options = {}) {
       return r.grants.map(grantOf);
     },
     async addPerson(item, email, level) {
-      const w = await account6.addGrant(api, { path: { item_id: item.id }, body: { recipient_email: email.trim(), ...flagsOf(level), initiation: "user" } }, ctx.optsFor(item));
+      const w = await account6.addGrant(api, { path: { item_id: item.id }, body: { recipient_email: email.trim(), ...shareFlagsOf(level), initiation: "user" } }, ctx.optsFor(item));
       return grantOf(w);
     },
     async addOrganization(item, organizationId, level) {
@@ -8565,14 +8568,14 @@ function createSharingPort(ctx, options = {}) {
       return grantOf(w);
     },
     async setLevel(item, grant, level) {
-      const w = await account6.updateGrant(api, { path: { item_id: item.id, grant_id: grant.id }, body: { ...flagsOf(level), initiation: "user" } }, ctx.optsFor(item));
+      const w = await account6.updateGrant(api, { path: { item_id: item.id, grant_id: grant.id }, body: { ...shareFlagsOf(level), initiation: "user" } }, ctx.optsFor(item));
       return grantOf(w);
     },
     async revoke(item, grant) {
       await account6.removeGrant(api, { path: { item_id: item.id, grant_id: grant.id } }, ctx.optsFor(item));
     },
     async setAccessMode(item, mode, people) {
-      const grantees = mode === "restricted" ? people.filter((g) => g.kind === "person" && g.userId).map((g) => ({ user_id: g.userId, ...flagsOf(g.level) })) : [];
+      const grantees = mode === "restricted" ? people.filter((g) => g.kind === "person" && g.userId).map((g) => ({ user_id: g.userId, ...shareFlagsOf(g.level) })) : [];
       await account6.share(api, { path: { item_id: item.id }, body: { access_mode: mode, grantees, initiation: "user" } }, ctx.optsFor(item));
       return ctx.refetch(item.id, item.owner);
     },