@ai-matrx/media 0.1.0 → 0.2.0

package/dist/share.cjs

@@ -0,0 +1,606 @@
+"use client";
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/share.ts
+var share_exports = {};
+__export(share_exports, {
+  MediaSharePopover: () => MediaSharePopover,
+  createMediaSharePopover: () => createMediaSharePopover
+});
+module.exports = __toCommonJS(share_exports);
+
+// src/share/media-share-popover.tsx
+var import_react2 = require("react");
+var import_react3 = require("@ai-matrx/associations/react");
+
+// src/core/context.ts
+var import_react = require("react");
+var CLIENT_SLOT = /* @__PURE__ */ Symbol.for("ai-matrx.media.client-context");
+function clientContext() {
+  const host = globalThis;
+  host[CLIENT_SLOT] ??= (0, import_react.createContext)(null);
+  return host[CLIENT_SLOT];
+}
+function useMediaClient() {
+  const client = (0, import_react.useContext)(clientContext());
+  if (!client) {
+    throw new Error(
+      "@ai-matrx/media: no MediaClient. Mount <MediaProvider client={...}> above every media surface (canonically wired to @ai-matrx/data/files)."
+    );
+  }
+  return client;
+}
+
+// src/react/cn.ts
+var import_tailwind_merge = require("tailwind-merge");
+function cn(...inputs) {
+  return (0, import_tailwind_merge.twMerge)(inputs.filter(Boolean).join(" "));
+}
+
+// src/react/icons.tsx
+var import_jsx_runtime = require("react/jsx-runtime");
+function svgProps(props) {
+  return {
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 24 24",
+    width: 24,
+    height: 24,
+    fill: "none",
+    stroke: "currentColor",
+    strokeWidth: 2,
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    "aria-hidden": true,
+    ...props
+  };
+}
+function CheckIcon(props) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("svg", { ...svgProps(props), children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "M20 6 9 17l-5-5" }) });
+}
+function XIcon(props) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("svg", { ...svgProps(props), children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "M18 6 6 18" }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "m6 6 12 12" })
+  ] });
+}
+function GlobeIcon(props) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("svg", { ...svgProps(props), children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("circle", { cx: "12", cy: "12", r: "10" }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "M12 2a14.5 14.5 0 0 0 0 20 14.5 14.5 0 0 0 0-20" }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "M2 12h20" })
+  ] });
+}
+function Link2Icon(props) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("svg", { ...svgProps(props), children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "M9 17H7A5 5 0 0 1 7 7h2" }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "M15 7h2a5 5 0 1 1 0 10h-2" }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("line", { x1: "8", x2: "16", y1: "12", y2: "12" })
+  ] });
+}
+function Settings2Icon(props) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("svg", { ...svgProps(props), children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "M20 7h-9" }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "M14 17H5" }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("circle", { cx: "17", cy: "17", r: "3" }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("circle", { cx: "7", cy: "7", r: "3" })
+  ] });
+}
+function SpinnerIcon(props) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("svg", { ...svgProps(props), children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "M21 12a9 9 0 1 1-6.219-8.56" }) });
+}
+function PlusIcon(props) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("svg", { ...svgProps(props), children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "M5 12h14" }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "M12 5v14" })
+  ] });
+}
+function SearchIcon(props) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("svg", { ...svgProps(props), children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("circle", { cx: "11", cy: "11", r: "8" }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "m21 21-4.3-4.3" })
+  ] });
+}
+
+// src/share/media-share-popover.tsx
+var import_jsx_runtime2 = require("react/jsx-runtime");
+var DEFAULT_ATTACH_TOKENS = [
+  "organization",
+  "project",
+  "task",
+  "conversation",
+  "scope"
+];
+var KIND_LABEL = {
+  image: "image",
+  video: "video",
+  audio: "audio",
+  file: "file"
+};
+function fileIdOf(ref) {
+  if (!ref || typeof ref === "string") return null;
+  return ref.file_id ?? null;
+}
+async function copyToClipboard(text) {
+  try {
+    if (typeof navigator === "undefined" || !navigator.clipboard) return false;
+    await navigator.clipboard.writeText(text);
+    return true;
+  } catch {
+    return false;
+  }
+}
+function MediaSharePopover({
+  context,
+  onClose,
+  manageLinks,
+  AccessSummary,
+  notify,
+  entityToken = "file",
+  attachTokens = DEFAULT_ATTACH_TOKENS,
+  associations = true,
+  className
+}) {
+  const fileId = fileIdOf(context.ref);
+  const kind = context.resolution?.kind ?? "file";
+  const associationsStore = useOptionalAssociationsStore();
+  const AccessSummarySlot = AccessSummary ?? null;
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(
+    "div",
+    {
+      className: cn(
+        "w-80 overflow-hidden rounded-md border bg-popover text-popover-foreground shadow-md",
+        className
+      ),
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: "border-b px-3 py-2", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: "text-xs font-semibold", children: [
+            "Share ",
+            KIND_LABEL[kind]
+          ] }),
+          /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("div", { className: "text-[11px] text-muted-foreground", children: "Public links use Matrx sharing \xB7 playback URLs stay private" })
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: "flex flex-col gap-1 p-2", children: [
+          fileId ? /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+            MatrxQuickActions,
+            {
+              context,
+              notify,
+              onActionComplete: onClose
+            }
+          ) : /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+            ExternalQuickActions,
+            {
+              context,
+              kind,
+              notify,
+              onActionComplete: onClose
+            }
+          ),
+          fileId && manageLinks ? /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(import_jsx_runtime2.Fragment, { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("div", { className: "my-1 h-px bg-border" }),
+            /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+              QuickActionRow,
+              {
+                icon: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(Settings2Icon, { className: "h-4 w-4 text-muted-foreground", width: 16, height: 16 }),
+                label: "Manage all links",
+                sublabel: "Custom expiry \xB7 permissions \xB7 revoke",
+                onClick: () => {
+                  manageLinks(context);
+                  onClose();
+                },
+                muted: true
+              }
+            )
+          ] }) : null,
+          fileId && AccessSummarySlot ? /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(ShareSection, { title: "Who can see this", children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+            AccessSummarySlot,
+            {
+              entityType: entityToken,
+              entityId: fileId,
+              context
+            }
+          ) }) : null,
+          fileId && associations && associationsStore ? /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+            AssociationsSection,
+            {
+              entityToken,
+              entityId: fileId,
+              attachTokens,
+              notify
+            }
+          ) : null
+        ] })
+      ]
+    }
+  );
+}
+function createMediaSharePopover(options = {}) {
+  return function ConfiguredMediaSharePopover(props) {
+    return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(MediaSharePopover, { ...props, ...options });
+  };
+}
+function useOptionalAssociationsStore() {
+  try {
+    return (0, import_react3.useAssociationsStore)();
+  } catch {
+    return null;
+  }
+}
+function MatrxQuickActions({
+  context,
+  notify,
+  onActionComplete
+}) {
+  const client = useMediaClient();
+  const [publicBusy, setPublicBusy] = (0, import_react2.useState)(false);
+  const [copied, setCopied] = (0, import_react2.useState)(false);
+  const [error, setError] = (0, import_react2.useState)(null);
+  const handleCopyPublic = (0, import_react2.useCallback)(async () => {
+    if (publicBusy) return;
+    setPublicBusy(true);
+    setError(null);
+    try {
+      const url = await client.shareableUrl(context.ref);
+      if (!url) {
+        setError("This file cannot be shared publicly");
+        notify?.error("Could not create public link", {
+          description: "This file cannot be shared publicly."
+        });
+        return;
+      }
+      const wrote = await copyToClipboard(url);
+      if (!wrote) {
+        setError("Could not copy link");
+        notify?.error("Could not copy link");
+        return;
+      }
+      notify?.success("Public link copied", {
+        description: "This link will never expire."
+      });
+      setCopied(true);
+      onActionComplete();
+    } catch (err) {
+      const message = err instanceof Error ? err.message : String(err);
+      setError(message);
+      notify?.error("Could not create public link", { description: message });
+    } finally {
+      setPublicBusy(false);
+    }
+  }, [publicBusy, client, context.ref, notify, onActionComplete]);
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: "flex flex-col gap-1", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+      QuickActionRow,
+      {
+        icon: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(GlobeIcon, { className: "h-4 w-4 text-emerald-500", width: 16, height: 16 }),
+        label: "Copy public link",
+        sublabel: "Never expires \xB7 anyone with the link",
+        onClick: () => void handleCopyPublic(),
+        busy: publicBusy,
+        copied
+      }
+    ),
+    error ? /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("p", { role: "alert", className: "px-3 text-[11px] text-destructive", children: error }) : null
+  ] });
+}
+function ExternalQuickActions({
+  context,
+  kind,
+  notify,
+  onActionComplete
+}) {
+  const client = useMediaClient();
+  const [externalUrl, setExternalUrl] = (0, import_react2.useState)(null);
+  const [checked, setChecked] = (0, import_react2.useState)(false);
+  const [error, setError] = (0, import_react2.useState)(null);
+  (0, import_react2.useEffect)(() => {
+    let cancelled = false;
+    setChecked(false);
+    void client.shareableUrl(context.ref).then((url) => {
+      if (cancelled) return;
+      setExternalUrl(url);
+      setChecked(true);
+    }).catch(() => {
+      if (cancelled) return;
+      setExternalUrl(null);
+      setChecked(true);
+    });
+    return () => {
+      cancelled = true;
+    };
+  }, [client, context.ref]);
+  const handleCopy = (0, import_react2.useCallback)(async () => {
+    if (!externalUrl) {
+      setError("This private playback URL cannot be shared");
+      notify?.error("This private playback URL cannot be shared");
+      return;
+    }
+    const wrote = await copyToClipboard(externalUrl);
+    if (!wrote) {
+      setError("Could not copy link");
+      notify?.error("Could not copy link");
+      return;
+    }
+    notify?.success("Link copied");
+    onActionComplete();
+  }, [externalUrl, notify, onActionComplete]);
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: "flex flex-col gap-1", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+      QuickActionRow,
+      {
+        icon: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(Link2Icon, { className: "h-4 w-4", width: 16, height: 16 }),
+        label: "Copy external link",
+        sublabel: externalUrl ?? "No safe external URL available",
+        onClick: () => void handleCopy(),
+        busy: !checked,
+        disabled: checked && !externalUrl
+      }
+    ),
+    error ? /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("p", { role: "alert", className: "px-3 text-[11px] text-destructive", children: error }) : null,
+    /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("p", { className: "px-3 pt-2 text-[11px] text-muted-foreground", children: [
+      "This ",
+      KIND_LABEL[kind],
+      " is hosted externally \u2014 we can't create a permanent Matrx share link for it."
+    ] })
+  ] });
+}
+function AssociationsSection({
+  entityToken,
+  entityId,
+  attachTokens,
+  notify
+}) {
+  const { edges, status, error, add, remove } = (0, import_react3.useAssociations)({
+    type: entityToken,
+    id: entityId
+  });
+  const [attachOpen, setAttachOpen] = (0, import_react2.useState)(false);
+  const [query, setQuery] = (0, import_react2.useState)("");
+  const [busyKey, setBusyKey] = (0, import_react2.useState)(null);
+  const [writeError, setWriteError] = (0, import_react2.useState)(null);
+  const outgoing = (0, import_react2.useMemo)(
+    () => edges.filter((edge) => edge.direction === "outgoing"),
+    [edges]
+  );
+  const titles = (0, import_react3.useEntityTitles)(
+    outgoing.map((edge) => ({
+      token: edge.otherType,
+      id: edge.otherId,
+      label: edge.label
+    }))
+  );
+  const attachedKeys = (0, import_react2.useMemo)(
+    () => new Set(outgoing.map((edge) => `${edge.otherType}:${edge.otherId}`)),
+    [outgoing]
+  );
+  const search = (0, import_react3.useUniversalEntitySearch)({
+    query,
+    tokens: [...attachTokens],
+    enabled: attachOpen
+  });
+  const runWrite = (0, import_react2.useCallback)(
+    async (key, verb, op) => {
+      if (busyKey) return;
+      setBusyKey(key);
+      setWriteError(null);
+      try {
+        const res = await op();
+        if (!res.ok) {
+          const message = `Couldn't ${verb}${res.error ? `: ${res.error}` : ""}`;
+          setWriteError(message);
+          notify?.error(message);
+        }
+      } finally {
+        setBusyKey(null);
+      }
+    },
+    [busyKey, notify]
+  );
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(
+    ShareSection,
+    {
+      title: "Linked to",
+      action: /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(
+        "button",
+        {
+          type: "button",
+          onClick: () => setAttachOpen((open) => !open),
+          className: "inline-flex items-center gap-1 rounded px-1.5 py-0.5 text-[11px] text-muted-foreground hover:bg-accent hover:text-foreground",
+          children: [
+            /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(PlusIcon, { className: "h-3 w-3", width: 12, height: 12 }),
+            "Attach to\u2026"
+          ]
+        }
+      ),
+      children: [
+        status === "loading" && outgoing.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: "flex items-center gap-2 px-3 py-1.5 text-[11px] text-muted-foreground", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(SpinnerIcon, { className: "h-3.5 w-3.5 animate-spin", width: 14, height: 14 }),
+          "Loading links\u2026"
+        ] }) : null,
+        error ? /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("p", { role: "alert", className: "px-3 text-[11px] text-destructive", children: error }) : null,
+        status !== "loading" && !error && outgoing.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("p", { className: "px-3 py-1 text-[11px] text-muted-foreground", children: "Not linked to anything yet." }) : null,
+        outgoing.map((edge) => {
+          const ref = { token: edge.otherType, id: edge.otherId, label: edge.label };
+          const unresolved = titles.isUnresolved(ref);
+          const key = `edge:${edge.id}`;
+          return /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(
+            "div",
+            {
+              className: "flex items-center gap-2 rounded-md px-3 py-1.5 hover:bg-accent/50",
+              children: [
+                /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+                  Link2Icon,
+                  {
+                    className: "h-3.5 w-3.5 shrink-0 text-muted-foreground",
+                    width: 14,
+                    height: 14
+                  }
+                ),
+                /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("span", { className: "flex min-w-0 flex-1 flex-col", children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+                    "span",
+                    {
+                      className: cn(
+                        "truncate text-xs",
+                        unresolved && "text-destructive"
+                      ),
+                      children: unresolved ? "Unavailable" : titles.titleFor(ref)
+                    }
+                  ),
+                  /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("span", { className: "text-[10px] uppercase tracking-wide text-muted-foreground", children: [
+                    edge.otherType,
+                    edge.role ? ` \xB7 ${edge.role}` : ""
+                  ] })
+                ] }),
+                /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+                  "button",
+                  {
+                    type: "button",
+                    "aria-label": `Detach ${unresolved ? edge.otherType : titles.titleFor(ref)}`,
+                    disabled: busyKey === key,
+                    onClick: () => void runWrite(
+                      key,
+                      "detach",
+                      () => remove({
+                        targetType: edge.otherType,
+                        targetId: edge.otherId,
+                        ...edge.role != null ? { role: edge.role } : {}
+                      })
+                    ),
+                    className: "flex h-6 w-6 shrink-0 items-center justify-center rounded text-muted-foreground hover:bg-accent hover:text-destructive",
+                    children: busyKey === key ? /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(SpinnerIcon, { className: "h-3 w-3 animate-spin", width: 12, height: 12 }) : /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(XIcon, { className: "h-3 w-3", width: 12, height: 12 })
+                  }
+                )
+              ]
+            },
+            edge.id
+          );
+        }),
+        attachOpen ? /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: "flex flex-col gap-1 border-t pt-2", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: "relative px-3", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+              SearchIcon,
+              {
+                className: "pointer-events-none absolute left-5 top-1/2 h-3.5 w-3.5 -translate-y-1/2 text-muted-foreground",
+                width: 14,
+                height: 14
+              }
+            ),
+            /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+              "input",
+              {
+                type: "text",
+                value: query,
+                onChange: (event) => setQuery(event.target.value),
+                placeholder: "Search to attach\u2026",
+                "aria-label": "Search to attach",
+                className: "w-full rounded-md border bg-background py-1 pl-7 pr-2 text-xs"
+              }
+            )
+          ] }),
+          search.loading ? /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: "flex items-center gap-2 px-3 py-1.5 text-[11px] text-muted-foreground", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(SpinnerIcon, { className: "h-3.5 w-3.5 animate-spin", width: 14, height: 14 }),
+            "Searching\u2026"
+          ] }) : null,
+          search.results.map((candidate) => {
+            const candidateKey = `${candidate.token}:${candidate.id}`;
+            const attached = attachedKeys.has(candidateKey);
+            return /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(
+              "button",
+              {
+                type: "button",
+                disabled: busyKey === candidateKey,
+                onClick: () => void runWrite(
+                  candidateKey,
+                  attached ? `detach "${candidate.title}"` : `attach "${candidate.title}"`,
+                  () => attached ? remove({
+                    targetType: candidate.token,
+                    targetId: candidate.id
+                  }) : add({
+                    targetType: candidate.token,
+                    targetId: candidate.id,
+                    label: candidate.title
+                  })
+                ),
+                className: "flex w-full items-center gap-2 rounded-md px-3 py-1.5 text-left hover:bg-accent",
+                children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("span", { className: "flex min-w-0 flex-1 flex-col", children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { className: "truncate text-xs", children: candidate.title }),
+                    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { className: "text-[10px] uppercase tracking-wide text-muted-foreground", children: candidate.token })
+                  ] }),
+                  busyKey === candidateKey ? /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(SpinnerIcon, { className: "h-3.5 w-3.5 shrink-0 animate-spin", width: 14, height: 14 }) : attached ? /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(CheckIcon, { className: "h-3.5 w-3.5 shrink-0 text-emerald-500", width: 14, height: 14 }) : /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(PlusIcon, { className: "h-3.5 w-3.5 shrink-0 text-muted-foreground", width: 14, height: 14 })
+                ]
+              },
+              candidateKey
+            );
+          }),
+          !search.loading && query.trim() && search.results.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("p", { className: "px-3 py-1 text-[11px] text-muted-foreground", children: "No matches." }) : null
+        ] }) : null,
+        writeError ? /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("p", { role: "alert", className: "px-3 text-[11px] text-destructive", children: writeError }) : null
+      ]
+    }
+  );
+}
+function ShareSection({
+  title,
+  action,
+  children
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: "mt-1 flex flex-col gap-1 border-t pt-2", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: "flex items-center justify-between px-3", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { className: "text-[10px] font-medium uppercase tracking-wide text-muted-foreground", children: title }),
+      action
+    ] }),
+    children
+  ] });
+}
+function QuickActionRow({
+  icon,
+  label,
+  sublabel,
+  onClick,
+  busy,
+  disabled,
+  copied,
+  muted
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(
+    "button",
+    {
+      type: "button",
+      onClick,
+      disabled: busy || disabled,
+      className: cn(
+        "flex w-full items-center gap-3 rounded-md px-3 py-2 text-left transition-colors",
+        "hover:bg-accent focus-visible:bg-accent focus-visible:outline-none",
+        (busy || disabled) && "opacity-50 cursor-not-allowed",
+        muted && "text-muted-foreground"
+      ),
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { className: "flex h-7 w-7 shrink-0 items-center justify-center rounded-md bg-muted", children: busy ? /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(SpinnerIcon, { className: "h-4 w-4 animate-spin", width: 16, height: 16 }) : icon }),
+        /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("span", { className: "flex min-w-0 flex-1 flex-col", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { className: "text-sm font-medium leading-tight", children: label }),
+          sublabel ? /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { className: "truncate text-[11px] text-muted-foreground", children: sublabel }) : null
+        ] }),
+        copied ? /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(CheckIcon, { className: "h-4 w-4 shrink-0 text-emerald-500", width: 16, height: 16 }) : null
+      ]
+    }
+  );
+}
+//# sourceMappingURL=share.cjs.map