agentic-drive 0.4.0 → 0.6.0

package/dist/embed.js

@@ -0,0 +1,412 @@
+import {
+  DriveApiError,
+  createClient
+} from "./chunk-S4AGCKXW.js";
+
+// ui/embed.tsx
+import { useEffect as useEffect2, useState as useState2 } from "react";
+import { createRoot } from "react-dom/client";
+import { FolderIcon as FolderIcon2, SidebarNav as SidebarNav2, ToastProvider, TooltipProvider } from "agentic-design/react";
+
+// ui/App.tsx
+import { useEffect, useMemo, useRef, useState } from "react";
+import {
+  AppShell,
+  Button,
+  Dialog,
+  DialogClose,
+  EmptyState,
+  FileIcon,
+  FileList,
+  FileRow,
+  FolderIcon,
+  IconButton,
+  Input,
+  Menu,
+  MoreIcon,
+  PlusIcon,
+  PresenceChip,
+  Select,
+  ShareDialog,
+  SidebarNav,
+  Toolbar,
+  ToolbarButton,
+  useTheme,
+  useToast
+} from "agentic-design/react";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+var errorText = (e) => e instanceof DriveApiError ? `${e.message} (${e.code})` : e instanceof Error ? e.message : "Something went wrong";
+var byName = (a, b) => (a.kind === "folder" ? 0 : 1) - (b.kind === "folder" ? 0 : 1) || a.name.localeCompare(b.name);
+var who = (a, owner) => a.kind === "human" ? { id: a.id, name: a.id, kind: "person" } : { id: a.id, name: a.id, kind: "agent", actingFor: owner };
+var MachineLabel = ({ item }) => item.machineMade ? /* @__PURE__ */ jsx("span", { className: "ad-pill", children: "Created by agent" }) : null;
+function useLoad(fn) {
+  const [state, set] = useState({ status: "loading" });
+  const [tick, setTick] = useState(0);
+  useEffect(() => {
+    let live = true;
+    fn().then((data) => live && set({ status: "ok", data }), (e) => live && set({ status: "error", error: errorText(e) }));
+    return () => {
+      live = false;
+    };
+  }, [tick]);
+  return [state, () => setTick((n) => n + 1)];
+}
+function Status({ state, retry, children }) {
+  if (state.status === "loading") return /* @__PURE__ */ jsxs("p", { role: "status", className: "drive-status", children: [
+    /* @__PURE__ */ jsx("span", { className: "ad-spinner", "aria-hidden": "true" }),
+    " Loading\u2026"
+  ] });
+  if (state.status === "error") return /* @__PURE__ */ jsx("div", { role: "alert", children: /* @__PURE__ */ jsx(EmptyState, { title: "Could not load this page", description: state.error, action: /* @__PURE__ */ jsx(Button, { onClick: retry, children: "Try again" }) }) });
+  return /* @__PURE__ */ jsx(Fragment, { children });
+}
+var routeParts = (hash) => hash.replace(/^#\/?/, "").split("/");
+function Routes({ hash, client, origin, go }) {
+  const parts = routeParts(hash);
+  if (parts[0] === "trash") return /* @__PURE__ */ jsx(TrashView, { client }, "trash");
+  if (parts[0] === "f" && parts[1]) return /* @__PURE__ */ jsx(Download, { client, id: parts[1], origin, go }, hash);
+  return /* @__PURE__ */ jsx(Browser, { client, loc: parts[0] || "/", origin }, hash);
+}
+function Browser({ client, loc, origin }) {
+  const toast = useToast();
+  const [view, setView] = useState(() => localStorage.getItem("agentic-drive-view") === "grid" ? "grid" : "list");
+  const [dlg, setDlg] = useState(null);
+  const [drag, setDrag] = useState(false);
+  const [busy, setBusy] = useState(false);
+  const input = useRef(null);
+  const [state, reload] = useLoad(async () => {
+    const root = await client.stat("/");
+    const folder = loc === "/" ? root : await client.stat(loc);
+    const crumbs = [];
+    try {
+      for (let n = folder; n.id !== root.id; n = await client.stat(n.parentId)) crumbs.unshift(n);
+    } catch (e) {
+      if (!(e instanceof DriveApiError && (e.code === "NOT_FOUND" || e.code === "FORBIDDEN"))) throw e;
+    }
+    const children = async (f2) => (await client.list(f2.id === root.id ? "/" : f2.id)).sort(byName);
+    const items = await children(folder);
+    const tree = /* @__PURE__ */ new Map([[root.id, f(await children(root))]]);
+    for (const c of crumbs) tree.set(c.id, c.id === folder.id ? f(items) : f(await children(c)));
+    return { root, folder, crumbs, items, tree };
+  });
+  function f(items) {
+    return items.filter((i) => i.kind === "folder");
+  }
+  const act = async (work, done) => {
+    try {
+      await work();
+      toast({ title: done, tone: "success" });
+      setDlg(null);
+    } catch (e) {
+      toast({ title: "That did not work", description: errorText(e), tone: "danger" });
+    }
+    reload();
+  };
+  const upload = async (files) => {
+    if (state.status !== "ok") return;
+    if (busy) return void toast({ title: "An upload is running", description: "Wait for it to finish, then add more files.", tone: "info" });
+    const { folder, root } = state.data;
+    setBusy(true);
+    for (const file of Array.from(files)) {
+      await act(() => client.upload(folder.id === root.id ? `/${file.name}` : `${folder.id}/${file.name}`, file, { mime: file.type || void 0, onConflict: "rename" }), `Uploaded ${file.name}`);
+    }
+    setBusy(false);
+  };
+  const onDrop = (e) => {
+    e.preventDefault();
+    setDrag(false);
+    if (e.dataTransfer.files.length) void upload(e.dataTransfer.files);
+  };
+  const setViewMode = (v) => {
+    localStorage.setItem("agentic-drive-view", v);
+    setView(v);
+  };
+  return /* @__PURE__ */ jsx("section", { onDragOver: (e) => {
+    e.preventDefault();
+    setDrag(true);
+  }, onDragLeave: (e) => {
+    if (!e.currentTarget.contains(e.relatedTarget)) setDrag(false);
+  }, onDrop, className: drag ? "drive-drop drive-drop--over" : "drive-drop", "aria-label": "Files", children: /* @__PURE__ */ jsx(Status, { state, retry: reload, children: state.status === "ok" && (() => {
+    const { folder, root, crumbs, items, tree } = state.data;
+    const actions = (item) => /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx(MachineLabel, { item }),
+      /* @__PURE__ */ jsx(Menu, { align: "end", trigger: /* @__PURE__ */ jsx(IconButton, { label: `Actions for ${item.name}`, icon: /* @__PURE__ */ jsx(MoreIcon, {}), variant: "ghost" }), items: [
+        { label: "Rename", onSelect: () => setDlg({ kind: "rename", item }) },
+        { label: "Move", onSelect: () => setDlg({ kind: "move", item }) },
+        { label: "Share", onSelect: () => setDlg({ kind: "share", item }) },
+        "separator",
+        { label: "Move to trash", danger: true, onSelect: () => void act(() => client.trash(item.id), `Moved ${item.name} to trash`) }
+      ] })
+    ] });
+    const href = (i) => i.kind === "folder" ? `#/${i.id}` : `#/f/${i.id}`;
+    const level = (id) => /* @__PURE__ */ jsx("ul", { className: "drive-tree", children: (tree.get(id) ?? []).map((n) => /* @__PURE__ */ jsxs("li", { children: [
+      /* @__PURE__ */ jsxs("a", { href: `#/${n.id}`, "aria-current": n.id === folder.id ? "page" : void 0, children: [
+        /* @__PURE__ */ jsx(FolderIcon, { "aria-hidden": "true" }),
+        " ",
+        n.name
+      ] }),
+      tree.has(n.id) && level(n.id)
+    ] }, n.id)) });
+    return /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx("nav", { "aria-label": "Breadcrumb", className: "drive-crumbs", children: /* @__PURE__ */ jsxs("ol", { children: [
+        /* @__PURE__ */ jsx("li", { children: crumbs.length ? /* @__PURE__ */ jsx("a", { href: "#/", children: "My files" }) : /* @__PURE__ */ jsx("span", { "aria-current": "page", children: "My files" }) }),
+        crumbs.map((c, i) => /* @__PURE__ */ jsx("li", { children: i === crumbs.length - 1 ? /* @__PURE__ */ jsx("span", { "aria-current": "page", children: c.name }) : /* @__PURE__ */ jsx("a", { href: `#/${c.id}`, children: c.name }) }, c.id))
+      ] }) }),
+      /* @__PURE__ */ jsxs("div", { className: "drive-bar", children: [
+        /* @__PURE__ */ jsx("h1", { children: folder.id === root.id ? "My files" : folder.name }),
+        /* @__PURE__ */ jsxs(Toolbar, { label: "Folder actions", children: [
+          /* @__PURE__ */ jsx(ToolbarButton, { label: "New folder", icon: /* @__PURE__ */ jsx(PlusIcon, {}), onClick: () => setDlg({ kind: "mkdir" }) }),
+          /* @__PURE__ */ jsx(ToolbarButton, { label: "Upload files", icon: /* @__PURE__ */ jsx(FileIcon, {}), onClick: () => input.current?.click(), disabled: busy }),
+          /* @__PURE__ */ jsx(ToolbarButton, { label: "List view", icon: /* @__PURE__ */ jsx("span", { "aria-hidden": "true", children: "\u2630" }), pressed: view === "list", onClick: () => setViewMode("list") }),
+          /* @__PURE__ */ jsx(ToolbarButton, { label: "Grid view", icon: /* @__PURE__ */ jsx("span", { "aria-hidden": "true", children: "\u25A6" }), pressed: view === "grid", onClick: () => setViewMode("grid") })
+        ] }),
+        /* @__PURE__ */ jsx("input", { ref: input, type: "file", multiple: true, hidden: true, "aria-label": "Choose files to upload", onChange: (e) => {
+          if (e.target.files) void upload(e.target.files);
+          e.target.value = "";
+        } })
+      ] }),
+      /* @__PURE__ */ jsxs("div", { className: "drive-split", children: [
+        /* @__PURE__ */ jsx("nav", { "aria-label": "Folders", className: "drive-folders", children: level(root.id) }),
+        /* @__PURE__ */ jsx("div", { children: items.length === 0 ? /* @__PURE__ */ jsx(EmptyState, { title: "This folder is empty", description: "Drop files here, or use Upload files.", action: /* @__PURE__ */ jsx(Button, { onClick: () => input.current?.click(), disabled: busy, children: "Upload files" }) }) : view === "list" ? /* @__PURE__ */ jsx(FileList, { label: `Items in ${folder.name || "My files"}`, children: items.map((i) => /* @__PURE__ */ jsx(FileRow, { name: i.name, href: href(i), kind: i.kind === "folder" ? "folder" : "file", modified: new Date(i.updatedAt), editedBy: who(i.updatedBy, i.owner), actions: actions(i) }, i.id)) }) : /* @__PURE__ */ jsx("ul", { className: "drive-grid", "aria-label": `Items in ${folder.name || "My files"}`, children: items.map((i) => /* @__PURE__ */ jsxs("li", { className: "drive-card", children: [
+          /* @__PURE__ */ jsx("span", { className: "drive-card__icon", "aria-hidden": "true", children: i.kind === "folder" ? /* @__PURE__ */ jsx(FolderIcon, {}) : /* @__PURE__ */ jsx(FileIcon, {}) }),
+          /* @__PURE__ */ jsx("a", { href: href(i), className: "drive-card__name", children: i.name }),
+          /* @__PURE__ */ jsxs("span", { className: "drive-card__meta", children: [
+            "Edited by ",
+            /* @__PURE__ */ jsx(PresenceChip, { entry: who(i.updatedBy, i.owner) })
+          ] }),
+          /* @__PURE__ */ jsx("span", { className: "drive-card__actions", children: actions(i) })
+        ] }, i.id)) }) })
+      ] }),
+      dlg?.kind === "mkdir" && /* @__PURE__ */ jsx(Prompt, { open: true, title: "New folder", label: "Folder name", initial: "", submit: "Create", onClose: () => setDlg(null), onSubmit: (name) => act(() => client.mkdir(folder.id === root.id ? `/${name}` : `${folder.id}/${name}`), `Created ${name}`) }),
+      dlg?.kind === "rename" && /* @__PURE__ */ jsx(Prompt, { open: true, title: "Rename", label: "New name", initial: dlg.item.name, submit: "Rename", onClose: () => setDlg(null), onSubmit: (name) => act(() => client.move(dlg.item.id, dlg.item.parentId, { name }), `Renamed to ${name}`) }),
+      dlg?.kind === "move" && /* @__PURE__ */ jsx(MoveDialog, { client, item: dlg.item, onClose: () => setDlg(null), onMove: (to) => act(() => client.move(dlg.item.id, to), `Moved ${dlg.item.name}`) }),
+      dlg?.kind === "share" && /* @__PURE__ */ jsx(Sharing, { client, item: dlg.item, origin, onClose: () => setDlg(null) })
+    ] });
+  })() }) });
+}
+function Prompt({ open, title, label, initial, submit, onClose, onSubmit }) {
+  const [value, setValue] = useState(initial);
+  const sent = useRef(false);
+  const [problem, setProblem] = useState();
+  const send = (name) => {
+    if (!name) return;
+    if (name.includes("/")) return setProblem("A name cannot have a slash.");
+    setProblem(void 0);
+    sent.current = true;
+    void onSubmit(name).finally(() => {
+      sent.current = false;
+    });
+  };
+  return /* @__PURE__ */ jsx(Dialog, { open: !!open, onOpenChange: (o) => {
+    if (!o) onClose();
+  }, title, children: /* @__PURE__ */ jsxs("form", { onSubmit: (e) => {
+    e.preventDefault();
+    if (!sent.current) send(value.trim());
+  }, className: "drive-form", children: [
+    /* @__PURE__ */ jsx(Input, { label, value, onChange: (e) => setValue(e.target.value), error: problem, required: true }),
+    /* @__PURE__ */ jsxs("div", { className: "drive-form__actions", children: [
+      /* @__PURE__ */ jsx(DialogClose, { asChild: true, children: /* @__PURE__ */ jsx(Button, { variant: "ghost", type: "button", children: "Cancel" }) }),
+      /* @__PURE__ */ jsx(Button, { type: "submit", children: submit })
+    ] })
+  ] }) });
+}
+function MoveDialog({ client, item, onClose, onMove }) {
+  const [folders, retry] = useLoad(async () => {
+    const root = await client.stat("/");
+    const all = await client.search({ kind: "folder", limit: 1e3 });
+    const own = all.find((x) => x.id === item.id)?.path;
+    return [{ id: "/", path: "/", name: "My files" }, ...all.filter((x) => x.id !== root.id && !(own && (x.path === own || x.path.startsWith(`${own}/`))))];
+  });
+  const [to, setTo] = useState("/");
+  const sent = useRef(false);
+  return /* @__PURE__ */ jsx(Dialog, { open: true, onOpenChange: (o) => {
+    if (!o) onClose();
+  }, title: `Move ${item.name}`, children: /* @__PURE__ */ jsx(Status, { state: folders, retry, children: folders.status === "ok" && /* @__PURE__ */ jsxs("form", { onSubmit: (e) => {
+    e.preventDefault();
+    if (sent.current) return;
+    sent.current = true;
+    void onMove(to).finally(() => {
+      sent.current = false;
+    });
+  }, className: "drive-form", children: [
+    /* @__PURE__ */ jsx(Select, { label: "Move to", value: to, onChange: (e) => setTo(e.target.value), children: folders.data.map((x) => /* @__PURE__ */ jsx("option", { value: x.id, children: x.path === "/" ? "My files" : x.path }, x.id)) }),
+    /* @__PURE__ */ jsxs("div", { className: "drive-form__actions", children: [
+      /* @__PURE__ */ jsx(DialogClose, { asChild: true, children: /* @__PURE__ */ jsx(Button, { variant: "ghost", type: "button", children: "Cancel" }) }),
+      /* @__PURE__ */ jsx(Button, { type: "submit", children: "Move" })
+    ] })
+  ] }) }) });
+}
+var EXPIRY_MS = { never: void 0, "1d": 864e5, "7d": 7 * 864e5, "30d": 30 * 864e5 };
+function Sharing({ client, item, origin, onClose }) {
+  const toast = useToast();
+  const [state, reload] = useLoad(() => client.shares(item.id));
+  const [link, setLink] = useState({ role: "viewer", expiry: "never", signedInOnly: false });
+  const liveLinks = state.status === "ok" ? state.data.links.filter((l) => !l.revoked && (l.expiresAt === null || l.expiresAt > Date.now())) : [];
+  const live = liveLinks[0];
+  const current = link.id ? link : live ? { ...link, id: live.id, role: live.role === "owner" ? "editor" : live.role, signedInOnly: live.signedInOnly } : link;
+  const run = async (work) => {
+    try {
+      await work();
+    } catch (e) {
+      toast({ title: "That did not work", description: errorText(e), tone: "danger" });
+    }
+    reload();
+  };
+  const entries = state.status === "ok" ? state.data.grants.map((g) => ({ entry: { id: g.subjectId, name: g.subjectId, kind: g.subjectKind === "agent" ? "agent" : "person" }, role: g.role })) : [];
+  const kindOf = (id) => state.status === "ok" && state.data.grants.find((g) => g.subjectId === id)?.subjectKind || "human";
+  const revokeAll = async () => {
+    for (const id of /* @__PURE__ */ new Set([...liveLinks.map((l) => l.id), ...current.id ? [current.id] : []])) await client.revokeLink(id);
+  };
+  const change = (next) => run(async () => {
+    await revokeAll();
+    const made = await client.createLink(item.id, { role: next.role, signedInOnly: next.signedInOnly, ...EXPIRY_MS[next.expiry] ? { expiresInMs: EXPIRY_MS[next.expiry] } : {} });
+    setLink({ ...next, id: made.id, token: made.token });
+    toast({ title: "New link made", description: current.id ? "The old link no longer works." : void 0, tone: "info" });
+  });
+  const shareLink = {
+    enabled: !!current.id,
+    role: current.role,
+    expiry: current.expiry,
+    signedInOnly: current.signedInOnly,
+    url: current.token ? `${origin}/#/s/${item.id}/${current.token}` : "Turn the link off and on to make a new one. The address shows once.",
+    expiresAt: live?.expiresAt ? new Date(live.expiresAt) : null
+  };
+  return /* @__PURE__ */ jsx(
+    ShareDialog,
+    {
+      open: true,
+      onOpenChange: (o) => {
+        if (!o) onClose();
+      },
+      resourceName: item.name,
+      people: entries,
+      onInvite: (inv) => void run(async () => {
+        await client.invite(item.id, { role: inv.role, ...inv.kind === "person" ? { email: inv.to } : { handle: inv.to.replace(/^@/, "") } });
+        toast({ title: "Invite created", tone: "success" });
+      }),
+      onChangeRole: (id, role) => void run(() => client.share(item.id, { kind: kindOf(id), id }, role)),
+      onRemove: (id) => void run(() => client.unshare(item.id, { kind: kindOf(id), id })),
+      link: shareLink,
+      onChangeLink: (next) => {
+        if (!next.enabled) return void run(async () => {
+          await revokeAll();
+          setLink({ ...current, id: void 0, token: void 0 });
+        });
+        void change({ role: next.role, expiry: next.expiry, signedInOnly: next.signedInOnly });
+      },
+      snapshot: { onCreate: () => toast({ title: "Snapshot links are not available in Drive yet", tone: "info" }) },
+      onCopy: (url) => current.token && void navigator.clipboard?.writeText(url).then(() => toast({ title: "Link copied", tone: "success" }), () => toast({ title: "Could not copy", tone: "warning" }))
+    }
+  );
+}
+function TrashView({ client }) {
+  const toast = useToast();
+  const [state, reload] = useLoad(() => client.listTrash());
+  const restore = async (i) => {
+    try {
+      await client.restore(i.id, { onConflict: "rename" });
+      toast({ title: `Restored ${i.name}`, tone: "success" });
+    } catch (e) {
+      toast({ title: "Could not restore", description: errorText(e), tone: "danger" });
+    }
+    reload();
+  };
+  return /* @__PURE__ */ jsxs("section", { "aria-label": "Trash", children: [
+    /* @__PURE__ */ jsx("h1", { children: "Trash" }),
+    /* @__PURE__ */ jsx(Status, { state, retry: reload, children: state.status === "ok" && (state.data.length === 0 ? /* @__PURE__ */ jsx(EmptyState, { title: "The trash is empty", description: "Items you move to the trash show up here." }) : /* @__PURE__ */ jsx(FileList, { label: "Items in the trash", children: [...state.data].sort(byName).map((i) => /* @__PURE__ */ jsx(FileRow, { name: i.name, href: "#/trash", kind: i.kind === "folder" ? "folder" : "file", modified: new Date(i.trashedAt ?? i.updatedAt), editedBy: who(i.updatedBy, i.owner), actions: /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx(MachineLabel, { item: i }),
+      /* @__PURE__ */ jsx(Button, { size: "sm", onClick: () => void restore(i), children: `Restore ${i.name}` })
+    ] }) }, i.id)) })) })
+  ] });
+}
+function Download({ client, id, origin, go }) {
+  const [state, retry] = useLoad(async () => {
+    const item = await client.stat(id);
+    const { url } = await client.url(id);
+    if (new URL(url, origin).origin !== origin) throw new Error("The download link points to another site.");
+    const a = document.createElement("a");
+    a.href = url;
+    a.download = item.name;
+    a.click();
+    go(item.parentId);
+    return item;
+  });
+  return /* @__PURE__ */ jsx(Status, { state, retry, children: null });
+}
+
+// ui/embed.tsx
+import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
+var PLACEHOLDER = "from-get-token";
+function makeClient({ baseUrl, getToken }) {
+  if (typeof getToken !== "function") throw new TypeError("getToken must be a function");
+  const closed = new AbortController();
+  const fetchWithToken = async (input, init) => {
+    closed.signal.throwIfAborted();
+    const token = await getToken();
+    closed.signal.throwIfAborted();
+    if (token !== void 0 && (typeof token !== "string" || !/^[A-Za-z0-9_-]{1,512}$/.test(token))) throw new TypeError("getToken must return 1 to 512 letters, digits, - or _");
+    const headers = new Headers(init?.headers);
+    if (token === void 0) headers.delete("authorization");
+    else headers.set("authorization", `Bearer ${token}`);
+    const signal = init?.signal ? AbortSignal.any([init.signal, closed.signal]) : closed.signal;
+    return globalThis.fetch(input, { ...init, headers, signal });
+  };
+  return { client: createClient({ baseUrl, token: PLACEHOLDER, fetch: fetchWithToken }), close: () => closed.abort() };
+}
+var clients = 0;
+function DriveBrowser({ baseUrl, getToken }) {
+  const [made, setMade] = useState2();
+  useEffect2(() => {
+    const next = makeClient({ baseUrl, getToken });
+    setMade({ id: ++clients, client: next.client, origin: new URL(baseUrl).origin });
+    return () => next.close();
+  }, [baseUrl, getToken]);
+  return made ? /* @__PURE__ */ jsx2(DriveView, { client: made.client, origin: made.origin }, made.id) : null;
+}
+function DriveView({ client, origin }) {
+  const [hash, setHash] = useState2("#/");
+  const go = (loc) => setHash(`#/${loc === "/" ? "" : loc}`);
+  const follow = (e) => {
+    if (e.defaultPrevented || e.button !== 0 || e.metaKey || e.ctrlKey || e.shiftKey || e.altKey) return;
+    const link = e.target.closest?.("a[href^='#/']");
+    if (!link || !e.currentTarget.contains(link)) return;
+    e.preventDefault();
+    setHash(link.getAttribute("href"));
+  };
+  const place = hash.startsWith("#/trash") ? "trash" : "files";
+  return /* @__PURE__ */ jsxs2("div", { className: "drive-root", onClick: follow, children: [
+    /* @__PURE__ */ jsx2(SidebarNav2, { label: "Places", items: [
+      { href: "#/", label: "My files", icon: /* @__PURE__ */ jsx2(FolderIcon2, { "aria-hidden": "true" }), current: place === "files" },
+      { href: "#/trash", label: "Trash", current: place === "trash" }
+    ] }),
+    /* @__PURE__ */ jsx2("div", { className: "drive-main", children: /* @__PURE__ */ jsx2(Routes, { hash, client, origin, go }) })
+  ] });
+}
+function mount(element, options) {
+  let current = makeClient(options);
+  const root = createRoot(element);
+  let open = true;
+  let version = 0;
+  const render = (next, client) => root.render(
+    /* @__PURE__ */ jsx2(TooltipProvider, { children: /* @__PURE__ */ jsx2(ToastProvider, { children: /* @__PURE__ */ jsx2(DriveView, { client, origin: new URL(next.baseUrl).origin }, version++) }) })
+  );
+  render(options, current.client);
+  return {
+    update: (next) => {
+      if (!open) return;
+      const made = makeClient(next);
+      current.close();
+      current = made;
+      render(next, made.client);
+    },
+    unmount: () => {
+      if (!open) return;
+      open = false;
+      current.close();
+      root.unmount();
+    }
+  };
+}
+export {
+  DriveBrowser,
+  mount
+};

package/dist/index.d.ts

@@ -1,5 +1,5 @@
-import { O as OnConflict, D as Drive, C as Ctx, N as Node, A as Actor } from './drive-Cn3mpuDW.js';
-export { a as ACTOR_KINDS, b as Action, c as ActorKind, d as Can, e as DriveDeps, f as DriveError, E as ErrorCode, R as ROOT_ID, S as SearchQuery, g as createDrive, p as parseName, h as parseSubject, s as subjectKindOf } from './drive-Cn3mpuDW.js';
+import { O as OnConflict, D as Drive, C as Ctx, N as Node, A as Actor } from './drive-BtRyexUP.js';
+export { a as ACTOR_KINDS, b as Action, c as ActorKind, d as Can, e as DriveDeps, f as DriveError, E as ErrorCode, R as ROOT_ID, S as SearchQuery, g as createDrive, p as parseName, h as parseSubject, s as subjectKindOf } from './drive-BtRyexUP.js';
 import { AdapterOptions, Blobs, Store, Doc } from 'agentic-identity';
 export { B as BackfillOptions, a as BackfillResult, b as backfillAuthorIds, c as backfillResources } from './migrate-B79gRPMu.js';
 
@@ -75,8 +75,9 @@ declare function revokePrincipal(store: Store, id: string): Promise<void>;
 /** Issue an API key for a principal. The token is shown once. */
 declare function issueKey(store: Store, principalId: string, label?: string): Promise<string>;
 declare function revokeKey(store: Store, token: string): Promise<void>;
-/** A node as the CLI and MCP print it: no storage keys. */
+/** A node as the CLI and MCP print it: no storage keys. `machineMade` is true when the creator is not a human principal. */
 declare function publicNode(node: Node, path?: string): {
+    machineMade: boolean;
     id: string;
     owner: string;
     parentId: string;
@@ -95,6 +96,7 @@ declare function publicNode(node: Node, path?: string): {
     trashed: boolean;
     trashedAt: number | null;
 } | {
+    machineMade: boolean;
     id: string;
     owner: string;
     parentId: string;

package/dist/index.js

@@ -1,10 +1,10 @@
 import {
   VERSION
-} from "./chunk-DRACF66Y.js";
+} from "./chunk-ES3NZ7SX.js";
 import {
   backfillAuthorIds,
   backfillResources
-} from "./chunk-L7GASKBQ.js";
+} from "./chunk-BXFK3QXK.js";
 import {
   ACTOR_KINDS,
   AuthError,
@@ -29,7 +29,7 @@ import {
   subjectKindOf,
   upload,
   writeZip
-} from "./chunk-ATJDMCRV.js";
+} from "./chunk-WJZNXLTR.js";
 export {
   ACTOR_KINDS,
   AuthError,

package/dist/mcp.d.ts

@@ -1,5 +1,5 @@
 import { McpServer } from '@modelcontextprotocol/sdk/server/mcp.js';
-import { D as Drive, C as Ctx } from './drive-Cn3mpuDW.js';
+import { D as Drive, C as Ctx } from './drive-BtRyexUP.js';
 import 'agentic-identity';
 
 declare function createMcpServer(drive: Drive, ctx: Ctx, exportDir: string): McpServer;

package/dist/mcp.js

@@ -1,13 +1,13 @@
 import {
   VERSION
-} from "./chunk-DRACF66Y.js";
+} from "./chunk-ES3NZ7SX.js";
 import {
   ACTOR_KINDS,
   DriveError,
   buildExport,
   publicNode,
   upload
-} from "./chunk-ATJDMCRV.js";
+} from "./chunk-WJZNXLTR.js";
 
 // src/mcp.ts
 import { McpServer } from "@modelcontextprotocol/sdk/server/mcp.js";

package/dist/worker.d.ts

@@ -1,7 +1,7 @@
 import { Hono } from 'hono';
 import { D1Like, R2Like } from 'agentic-identity/cloudflare';
-import { Store } from 'agentic-identity';
-import { C as Ctx, D as Drive } from './drive-Cn3mpuDW.js';
+import { Store, Blobs } from 'agentic-identity';
+import { C as Ctx, D as Drive } from './drive-BtRyexUP.js';
 export { B as BackfillOptions, a as BackfillResult, b as backfillAuthorIds, c as backfillResources } from './migrate-B79gRPMu.js';
 
 /**
@@ -21,6 +21,22 @@ interface WorkerEnv {
     DRIVE_URL_SECRET?: string;
     DRIVE_REGION?: string;
 }
+/**
+ * What a host injects into `createApp`. Each part is optional, and the default is the D1 store, the R2 blobs,
+ * and the bearer-token check of agentic-identity. A part may be a function of the Worker env, which runs on every request.
+ */
+interface AppOptions<Env = WorkerEnv> {
+    /** The store that holds items, shares, and credentials. With it, no `DB` binding is read and the table is not created. */
+    store?: Store | ((env: Env) => Store | Promise<Store>);
+    /** The blob store. With it, no `FILES` binding is read. It signs download URLs, so it must serve them from this Worker's `/api/v1/drive/blob`. */
+    blobs?: Blobs | ((env: Env) => Blobs | Promise<Blobs>);
+    /**
+     * Resolves the caller. Return null for no valid caller (the answer is 401). Return a whole Ctx: a `principal`, and an
+     * `owner` and `actor` that match it, or the request gets 401. With it, bearer tokens are not read from the store.
+     * A callback that reads a session cookie must check the request origin itself, because every write route is open to a cross-site form.
+     */
+    auth?: (request: Request, store: Store, env: Env) => Ctx | null | Promise<Ctx | null>;
+}
 type App = {
     Bindings: WorkerEnv;
     Variables: {
@@ -29,9 +45,12 @@ type App = {
         ctx: Ctx;
     };
 };
-declare function createApp(): Hono<App>;
+declare function createApp<Env extends object = WorkerEnv>(options?: AppOptions<Env>): Hono<{
+    Bindings: Env;
+    Variables: App["Variables"];
+}>;
 declare const _default: {
     fetch: (request: Request, env: WorkerEnv, ctx: unknown) => Response | Promise<Response>;
 };
 
-export { type WorkerEnv, authenticate, createApp, _default as default };
+export { type AppOptions, type WorkerEnv, authenticate, createApp, _default as default };