agentic-drive 0.8.0 → 0.9.1

package/dist/embed.js

@@ -1,31 +1,31 @@
 import {
   DriveApiError,
   createClient
-} from "./chunk-LELTSSZF.js";
+} from "./chunk-SEHT5Q5L.js";
 
 // ui/embed.tsx
-import { useEffect as useEffect2, useState as useState2 } from "react";
+import { useEffect as useEffect3, useState as useState3 } from "react";
 import { createRoot } from "react-dom/client";
-import { FolderIcon as FolderIcon2, SidebarNav as SidebarNav2, ToastProvider, TooltipProvider } from "agentic-design/react";
+import { FolderIcon as FolderIcon3, SidebarNav as SidebarNav2, ToastProvider, TooltipProvider } from "agentic-design/react";
 
 // ui/App.tsx
-import { useEffect, useMemo, useRef, useState } from "react";
+import { useEffect as useEffect2, useMemo, useRef as useRef2, useState as useState2 } from "react";
 import {
   AppShell,
-  Button,
+  Button as Button2,
   Dialog,
   DialogClose,
   EmptyState,
-  FileIcon,
+  FileIcon as FileIcon2,
   FileList,
   FileRow,
-  FolderIcon,
+  FolderIcon as FolderIcon2,
   IconButton,
   Input,
   Menu,
   MoreIcon,
   PlusIcon,
-  PresenceChip,
+  PresenceChip as PresenceChip2,
   Select,
   ShareDialog,
   SidebarNav,
@@ -34,15 +34,155 @@ import {
   useTheme,
   useToast
 } from "agentic-design/react";
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+
+// ui/Activity.tsx
+import { jsx, jsxs } from "react/jsx-runtime";
+var VERBS = {
+  create: "created this item",
+  rename: "renamed it",
+  move: "moved it",
+  update: "replaced its content",
+  share: "shared it",
+  unshare: "stopped sharing it",
+  delete: "moved it to the trash",
+  restore: "restored it"
+};
+function detailText(e) {
+  const d = e.detail ?? {};
+  if (e.action === "rename") return d.from === void 0 ? "" : `from "${d.from}" to "${d.to}"`;
+  if (e.action === "share") return d.subjectId ? `with ${d.subjectId} as ${d.role}` : "";
+  if (e.action === "unshare") return d.subjectId ? `from ${d.subjectId}` : "";
+  return "";
+}
+var describe = (e) => e.action === "share" && e.detail?.via === "invite" ? e.detail.role === void 0 ? "accepted an invite" : `accepted an invite and now has the role ${e.detail.role}` : `${VERBS[e.action]} ${detailText(e)}`.trim();
+var AgentLabel = ({ entry }) => entry.actor.kind === "agent" ? /* @__PURE__ */ jsx("span", { className: "agd-pill", children: "AI agent" }) : null;
+function ActivityList({ entries }) {
+  if (entries.length === 0) return /* @__PURE__ */ jsx("p", { className: "drive-muted", children: "No activity yet." });
+  return /* @__PURE__ */ jsx("ol", { className: "drive-activity", "aria-label": "Activity", children: entries.map((e) => /* @__PURE__ */ jsxs("li", { children: [
+    /* @__PURE__ */ jsx("strong", { children: e.actor.id }),
+    " ",
+    /* @__PURE__ */ jsx(AgentLabel, { entry: e }),
+    " ",
+    describe(e),
+    " ",
+    /* @__PURE__ */ jsx("time", { dateTime: new Date(e.at).toISOString(), children: new Date(e.at).toLocaleString() })
+  ] }, e.id)) });
+}
+
+// ui/browse.tsx
+import { useEffect, useRef, useState } from "react";
+import { Button, FileIcon, FolderIcon, PresenceChip } from "agentic-design/react";
+import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
+function sortItems(items, { key, dir }, dateOf = (i) => i.updatedAt) {
+  const sign = dir === "asc" ? 1 : -1;
+  const by = key === "name" ? (a, b) => a.name.localeCompare(b.name, void 0, { numeric: true }) : (a, b) => dateOf(a) - dateOf(b);
+  return [...items].sort((a, b) => (a.kind === "folder" ? 0 : 1) - (b.kind === "folder" ? 0 : 1) || sign * by(a, b) || a.name.localeCompare(b.name));
+}
+function Stamp({ at }) {
+  const d = new Date(at);
+  return Number.isFinite(d.getTime()) ? /* @__PURE__ */ jsx2("time", { dateTime: d.toISOString(), children: dateFormat.format(d) }) : /* @__PURE__ */ jsx2("span", { children: "\u2014" });
+}
+var dateFormat = new Intl.DateTimeFormat(void 0, { dateStyle: "medium", timeStyle: "short" });
+function ExpandableSearch({ value, onChange }) {
+  const [open, setOpen] = useState(false);
+  const input = useRef(null);
+  const trigger = useRef(null);
+  const restore = useRef(false);
+  const shown = open || !!value;
+  useEffect(() => {
+    if (shown) input.current?.focus();
+    else if (restore.current) {
+      restore.current = false;
+      trigger.current?.focus();
+    }
+  }, [shown]);
+  const close = () => {
+    restore.current = true;
+    onChange("");
+    setOpen(false);
+  };
+  if (!shown) {
+    return /* @__PURE__ */ jsx2(Button, { ref: trigger, variant: "ghost", size: "sm", onClick: () => setOpen(true), children: "Search" });
+  }
+  return /* @__PURE__ */ jsxs2("div", { className: "drive-search", role: "search", children: [
+    /* @__PURE__ */ jsx2(
+      "input",
+      {
+        ref: input,
+        type: "search",
+        className: "drive-search__input",
+        "aria-label": "Search this folder",
+        placeholder: "Search this folder",
+        value,
+        onChange: (e) => onChange(e.target.value),
+        onKeyDown: (e) => {
+          if (e.key === "Escape") close();
+        }
+      }
+    ),
+    /* @__PURE__ */ jsx2(Button, { variant: "ghost", size: "sm", onClick: close, children: "Close search" })
+  ] });
+}
+function ItemTable({ label, items, sort, onSort, selected = /* @__PURE__ */ new Set(), onSelect, href, who: who2, actions, dateOf = (i) => i.updatedAt }) {
+  const all = items.length > 0 && items.every((i) => selected.has(i.id));
+  const some = !all && items.some((i) => selected.has(i.id));
+  const head = useRef(null);
+  useEffect(() => {
+    if (head.current) head.current.indeterminate = some;
+  }, [some]);
+  const toggle = (id, on) => {
+    if (!onSelect) return;
+    const next = new Set(selected);
+    if (on) next.add(id);
+    else next.delete(id);
+    onSelect(next);
+  };
+  const th = (key, text, cls) => /* @__PURE__ */ jsx2("th", { scope: "col", className: cls, "aria-sort": sort.key === key ? sort.dir === "asc" ? "ascending" : "descending" : "none", children: /* @__PURE__ */ jsxs2("button", { type: "button", className: "drive-sort", onClick: () => onSort(key), children: [
+    text,
+    /* @__PURE__ */ jsx2("span", { "aria-hidden": "true", children: sort.key === key ? sort.dir === "asc" ? " \u2191" : " \u2193" : "" })
+  ] }) });
+  return /* @__PURE__ */ jsxs2("table", { className: "drive-table", "aria-label": label, children: [
+    /* @__PURE__ */ jsx2("thead", { children: /* @__PURE__ */ jsxs2("tr", { children: [
+      onSelect && /* @__PURE__ */ jsx2("th", { scope: "col", className: "drive-table__check", children: /* @__PURE__ */ jsx2("input", { ref: head, type: "checkbox", className: "agd-checkbox", "aria-label": "Select all items", checked: all, onChange: (e) => onSelect(e.target.checked ? new Set(items.map((i) => i.id)) : /* @__PURE__ */ new Set()) }) }),
+      th("name", "Name"),
+      /* @__PURE__ */ jsx2("th", { scope: "col", className: "drive-table__who", children: "Edited by" }),
+      th("modified", "Modified", "drive-table__date"),
+      /* @__PURE__ */ jsx2("th", { scope: "col", children: /* @__PURE__ */ jsx2("span", { className: "drive-sr", children: "Actions" }) })
+    ] }) }),
+    /* @__PURE__ */ jsx2("tbody", { children: items.map((i) => /* @__PURE__ */ jsxs2("tr", { className: "drive-row", "data-selected": selected.has(i.id) || void 0, children: [
+      onSelect && /* @__PURE__ */ jsx2("td", { className: "drive-table__check", children: /* @__PURE__ */ jsx2("input", { type: "checkbox", className: "agd-checkbox", "aria-label": `Select ${i.name}`, checked: selected.has(i.id), onChange: (e) => toggle(i.id, e.target.checked) }) }),
+      /* @__PURE__ */ jsx2("td", { children: /* @__PURE__ */ jsxs2("div", { className: "drive-table__name", children: [
+        /* @__PURE__ */ jsx2("span", { className: "drive-table__icon", "aria-hidden": "true", children: i.kind === "folder" ? /* @__PURE__ */ jsx2(FolderIcon, {}) : /* @__PURE__ */ jsx2(FileIcon, {}) }),
+        /* @__PURE__ */ jsx2("a", { href: href(i), children: i.name })
+      ] }) }),
+      /* @__PURE__ */ jsx2("td", { className: "drive-table__who", children: /* @__PURE__ */ jsx2(PresenceChip, { entry: who2(i.updatedBy, i.owner) }) }),
+      /* @__PURE__ */ jsx2("td", { className: "drive-table__date", children: /* @__PURE__ */ jsx2(Stamp, { at: dateOf(i) }) }),
+      /* @__PURE__ */ jsx2("td", { className: "drive-table__actions", children: actions(i) })
+    ] }, i.id)) })
+  ] });
+}
+function BulkBar({ count, busy, onTrash, onClear }) {
+  if (count === 0) return null;
+  return /* @__PURE__ */ jsxs2("div", { role: "region", "aria-label": "Selected items", className: "drive-bulk", children: [
+    /* @__PURE__ */ jsxs2("span", { role: "status", children: [
+      count,
+      " selected"
+    ] }),
+    /* @__PURE__ */ jsx2(Button, { variant: "danger", size: "sm", onClick: onTrash, disabled: busy, children: "Move to trash" }),
+    /* @__PURE__ */ jsx2(Button, { variant: "ghost", size: "sm", onClick: onClear, children: "Clear selection" })
+  ] });
+}
+
+// ui/App.tsx
+import { Fragment, jsx as jsx3, jsxs as jsxs3 } 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: "agd-pill", children: "Created by agent" }) : null;
+var MachineLabel = ({ item }) => item.machineMade ? /* @__PURE__ */ jsx3("span", { className: "agd-pill", children: "Created by agent" }) : null;
 function useLoad(fn) {
-  const [state, set] = useState({ status: "loading" });
-  const [tick, setTick] = useState(0);
-  useEffect(() => {
+  const [state, set] = useState2({ status: "loading" });
+  const [tick, setTick] = useState2(0);
+  useEffect2(() => {
     let live = true;
     fn().then((data) => live && set({ status: "ok", data }), (e) => live && set({ status: "error", error: errorText(e) }));
     return () => {
@@ -52,27 +192,35 @@ function useLoad(fn) {
   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: "agd-spinner", "aria-hidden": "true" }),
+  if (state.status === "loading") return /* @__PURE__ */ jsxs3("p", { role: "status", className: "drive-status", children: [
+    /* @__PURE__ */ jsx3("span", { className: "agd-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 });
+  if (state.status === "error") return /* @__PURE__ */ jsx3("div", { role: "alert", children: /* @__PURE__ */ jsx3(EmptyState, { title: "Could not load this page", description: state.error, action: /* @__PURE__ */ jsx3(Button2, { onClick: retry, children: "Try again" }) }) });
+  return /* @__PURE__ */ jsx3(Fragment, { children });
 }
 var routeParts = (hash) => hash.replace(/^#\/?/, "").split("/");
+var goHash = (loc) => {
+  history.replaceState(null, "", `#/${loc}`);
+  dispatchEvent(new HashChangeEvent("hashchange"));
+};
 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);
+  if (parts[0] === "trash") return /* @__PURE__ */ jsx3(TrashView, { client }, "trash");
+  if (parts[0] === "a" && parts[1]) return /* @__PURE__ */ jsx3(ActivityView, { client, id: parts[1] }, hash);
+  if (parts[0] === "f" && parts[1]) return /* @__PURE__ */ jsx3(Download, { client, id: parts[1], origin, go }, hash);
+  return /* @__PURE__ */ jsx3(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 [view, setView] = useState2(() => localStorage.getItem("agentic-drive-view") === "grid" ? "grid" : "list");
+  const [dlg, setDlg] = useState2(null);
+  const [drag, setDrag] = useState2(false);
+  const [busy, setBusy] = useState2(false);
+  const [query, setQuery] = useState2("");
+  const [sort, setSort] = useState2({ key: "name", dir: "asc" });
+  const [selected, setSelected] = useState2(/* @__PURE__ */ new Set());
+  const input = useRef2(null);
   const [state, reload] = useLoad(async () => {
     const root = await client.stat("/");
     const folder = loc === "/" ? root : await client.stat(loc);
@@ -116,77 +264,101 @@ function Browser({ client, loc, origin }) {
     setDrag(false);
     if (e.dataTransfer.files.length) void upload(e.dataTransfer.files);
   };
+  const onSort = (key) => setSort((s) => ({ key, dir: s.key === key && s.dir === "asc" ? "desc" : "asc" }));
+  const trashSelected = async (ids) => {
+    setBusy(true);
+    const results = await Promise.allSettled(ids.map((id) => client.trash(id)));
+    const failed = results.filter((r) => r.status === "rejected");
+    if (failed.length) toast({ title: `${failed.length} of ${ids.length} items did not move`, description: errorText(failed[0].reason), tone: "danger" });
+    else toast({ title: `Moved ${ids.length} ${ids.length === 1 ? "item" : "items"} to trash`, tone: "success" });
+    setSelected(/* @__PURE__ */ new Set());
+    setBusy(false);
+    reload();
+  };
   const setViewMode = (v) => {
+    setSelected(/* @__PURE__ */ new Set());
     localStorage.setItem("agentic-drive-view", v);
     setView(v);
   };
-  return /* @__PURE__ */ jsx("section", { onDragOver: (e) => {
+  return /* @__PURE__ */ jsx3("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: [
+  }, onDrop, className: `drive-drop${drag ? " drive-drop--over" : ""}${view === "list" && selected.size ? " drive-drop--bulk" : ""}`, "aria-label": "Files", children: /* @__PURE__ */ jsx3(Status, { state, retry: reload, children: state.status === "ok" && (() => {
+    const { folder, root, crumbs, tree } = state.data;
+    const needle = query.trim().toLowerCase();
+    const items = sortItems(state.data.items.filter((i) => i.name.toLowerCase().includes(needle)), sort);
+    const picked = items.filter((i) => selected.has(i.id)).map((i) => i.id);
+    const actions = (item) => /* @__PURE__ */ jsxs3(Fragment, { children: [
+      /* @__PURE__ */ jsx3(MachineLabel, { item }),
+      /* @__PURE__ */ jsx3(Menu, { align: "end", trigger: /* @__PURE__ */ jsx3(IconButton, { label: `Actions for ${item.name}`, icon: /* @__PURE__ */ jsx3(MoreIcon, {}), variant: "ghost" }), items: [
         { label: "Rename", onSelect: () => setDlg({ kind: "rename", item }) },
         { label: "Move", onSelect: () => setDlg({ kind: "move", item }) },
+        { label: "Activity", onSelect: () => goHash(`a/${item.id}`) },
         { 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" }),
+    const level = (id) => /* @__PURE__ */ jsx3("ul", { className: "drive-tree", children: (tree.get(id) ?? []).map((n) => /* @__PURE__ */ jsxs3("li", { children: [
+      /* @__PURE__ */ jsxs3("a", { href: `#/${n.id}`, "aria-current": n.id === folder.id ? "page" : void 0, children: [
+        /* @__PURE__ */ jsx3(FolderIcon2, { "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))
+    return /* @__PURE__ */ jsxs3(Fragment, { children: [
+      /* @__PURE__ */ jsx3("nav", { "aria-label": "Breadcrumb", className: "drive-crumbs", children: /* @__PURE__ */ jsxs3("ol", { children: [
+        /* @__PURE__ */ jsx3("li", { children: crumbs.length ? /* @__PURE__ */ jsx3("a", { href: "#/", children: "My files" }) : /* @__PURE__ */ jsx3("span", { "aria-current": "page", children: "My files" }) }),
+        crumbs.map((c, i) => /* @__PURE__ */ jsx3("li", { children: i === crumbs.length - 1 ? /* @__PURE__ */ jsx3("span", { "aria-current": "page", children: c.name }) : /* @__PURE__ */ jsx3("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__ */ jsxs3("div", { className: "drive-bar", children: [
+        /* @__PURE__ */ jsxs3("div", { className: "drive-title", children: [
+          /* @__PURE__ */ jsx3("h1", { children: folder.id === root.id ? "My files" : folder.name }),
+          folder.id !== root.id && /* @__PURE__ */ jsx3(Button2, { variant: "secondary", size: "sm", onClick: () => setDlg({ kind: "share", item: folder }), children: "Share" })
+        ] }),
+        /* @__PURE__ */ jsxs3(Toolbar, { label: "Folder actions", children: [
+          /* @__PURE__ */ jsx3(ToolbarButton, { label: "New folder", icon: /* @__PURE__ */ jsx3(PlusIcon, {}), onClick: () => setDlg({ kind: "mkdir" }) }),
+          /* @__PURE__ */ jsx3(ToolbarButton, { label: "Upload files", icon: /* @__PURE__ */ jsx3(FileIcon2, {}), onClick: () => input.current?.click(), disabled: busy }),
+          /* @__PURE__ */ jsx3(ToolbarButton, { label: "List view", icon: /* @__PURE__ */ jsx3("span", { "aria-hidden": "true", children: "\u2630" }), pressed: view === "list", onClick: () => setViewMode("list") }),
+          /* @__PURE__ */ jsx3(ToolbarButton, { label: "Grid view", icon: /* @__PURE__ */ jsx3("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) => {
+        /* @__PURE__ */ jsx3("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)) }) })
+      /* @__PURE__ */ jsxs3("div", { className: "drive-split", children: [
+        /* @__PURE__ */ jsx3("nav", { "aria-label": "Folders", className: "drive-folders", children: level(root.id) }),
+        /* @__PURE__ */ jsxs3("div", { children: [
+          /* @__PURE__ */ jsx3("div", { className: "drive-tools", children: /* @__PURE__ */ jsx3(ExpandableSearch, { value: query, onChange: setQuery }) }),
+          /* @__PURE__ */ jsx3("p", { role: "status", className: "drive-sr", children: needle ? `${items.length} of ${state.data.items.length} items match` : "" }),
+          state.data.items.length === 0 ? /* @__PURE__ */ jsx3(EmptyState, { title: "This folder is empty", description: "Drop files here, or use Upload files.", action: /* @__PURE__ */ jsx3(Button2, { onClick: () => input.current?.click(), disabled: busy, children: "Upload files" }) }) : items.length === 0 ? /* @__PURE__ */ jsx3(EmptyState, { title: "Nothing matches", description: `No item in this folder has \u201C${query.trim()}\u201D in its name.`, action: /* @__PURE__ */ jsx3(Button2, { onClick: () => setQuery(""), children: "Clear search" }) }) : view === "list" ? /* @__PURE__ */ jsx3(ItemTable, { label: `Items in ${folder.name || "My files"}`, items, sort, onSort, selected, onSelect: setSelected, href, who, actions }) : /* @__PURE__ */ jsx3("ul", { className: "drive-grid", "aria-label": `Items in ${folder.name || "My files"}`, children: items.map((i) => /* @__PURE__ */ jsxs3("li", { className: "drive-card", children: [
+            /* @__PURE__ */ jsx3("span", { className: "drive-card__icon", "aria-hidden": "true", children: i.kind === "folder" ? /* @__PURE__ */ jsx3(FolderIcon2, {}) : /* @__PURE__ */ jsx3(FileIcon2, {}) }),
+            /* @__PURE__ */ jsx3("a", { href: href(i), className: "drive-card__name", children: i.name }),
+            /* @__PURE__ */ jsxs3("span", { className: "drive-card__meta", children: [
+              "Edited by ",
+              /* @__PURE__ */ jsx3(PresenceChip2, { entry: who(i.updatedBy, i.owner) })
+            ] }),
+            /* @__PURE__ */ jsx3("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) })
+      view === "list" && /* @__PURE__ */ jsx3(BulkBar, { count: picked.length, busy, onTrash: () => void trashSelected(picked), onClear: () => setSelected(/* @__PURE__ */ new Set()) }),
+      dlg?.kind === "mkdir" && /* @__PURE__ */ jsx3(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__ */ jsx3(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__ */ jsx3(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__ */ jsx3(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 [value, setValue] = useState2(initial);
+  const sent = useRef2(false);
+  const [problem, setProblem] = useState2();
   const send = (name) => {
     if (!name) return;
     if (name.includes("/")) return setProblem("A name cannot have a slash.");
@@ -196,16 +368,16 @@ function Prompt({ open, title, label, initial, submit, onClose, onSubmit }) {
       sent.current = false;
     });
   };
-  return /* @__PURE__ */ jsx(Dialog, { open: !!open, onOpenChange: (o) => {
+  return /* @__PURE__ */ jsx3(Dialog, { open: !!open, onOpenChange: (o) => {
     if (!o) onClose();
-  }, title, children: /* @__PURE__ */ jsxs("form", { onSubmit: (e) => {
+  }, title, children: /* @__PURE__ */ jsxs3("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 })
+    /* @__PURE__ */ jsx3(Input, { label, value, onChange: (e) => setValue(e.target.value), error: problem, required: true }),
+    /* @__PURE__ */ jsxs3("div", { className: "drive-form__actions", children: [
+      /* @__PURE__ */ jsx3(DialogClose, { asChild: true, children: /* @__PURE__ */ jsx3(Button2, { variant: "ghost", type: "button", children: "Cancel" }) }),
+      /* @__PURE__ */ jsx3(Button2, { type: "submit", children: submit })
     ] })
   ] }) });
 }
@@ -216,11 +388,11 @@ function MoveDialog({ client, item, onClose, onMove }) {
     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) => {
+  const [to, setTo] = useState2("/");
+  const sent = useRef2(false);
+  return /* @__PURE__ */ jsx3(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) => {
+  }, title: `Move ${item.name}`, children: /* @__PURE__ */ jsx3(Status, { state: folders, retry, children: folders.status === "ok" && /* @__PURE__ */ jsxs3("form", { onSubmit: (e) => {
     e.preventDefault();
     if (sent.current) return;
     sent.current = true;
@@ -228,10 +400,10 @@ function MoveDialog({ client, item, onClose, onMove }) {
       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" })
+    /* @__PURE__ */ jsx3(Select, { label: "Move to", value: to, onChange: (e) => setTo(e.target.value), children: folders.data.map((x) => /* @__PURE__ */ jsx3("option", { value: x.id, children: x.path === "/" ? "My files" : x.path }, x.id)) }),
+    /* @__PURE__ */ jsxs3("div", { className: "drive-form__actions", children: [
+      /* @__PURE__ */ jsx3(DialogClose, { asChild: true, children: /* @__PURE__ */ jsx3(Button2, { variant: "ghost", type: "button", children: "Cancel" }) }),
+      /* @__PURE__ */ jsx3(Button2, { type: "submit", children: "Move" })
     ] })
   ] }) }) });
 }
@@ -239,7 +411,7 @@ 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 [link, setLink] = useState2({ 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;
@@ -270,7 +442,7 @@ function Sharing({ client, item, origin, onClose }) {
     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(
+  return /* @__PURE__ */ jsx3(
     ShareDialog,
     {
       open: true,
@@ -298,9 +470,12 @@ function Sharing({ client, item, origin, onClose }) {
     }
   );
 }
+var trashedAt = (i) => i.trashedAt ?? i.updatedAt;
 function TrashView({ client }) {
   const toast = useToast();
   const [state, reload] = useLoad(() => client.listTrash());
+  const [sort, setSort] = useState2({ key: "name", dir: "asc" });
+  const onSort = (key) => setSort((s) => ({ key, dir: s.key === key && s.dir === "asc" ? "desc" : "asc" }));
   const restore = async (i) => {
     try {
       await client.restore(i.id, { onConflict: "rename" });
@@ -310,14 +485,25 @@ function TrashView({ client }) {
     }
     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)) })) })
+  return /* @__PURE__ */ jsxs3("section", { "aria-label": "Trash", children: [
+    /* @__PURE__ */ jsx3("h1", { children: "Trash" }),
+    /* @__PURE__ */ jsx3(Status, { state, retry: reload, children: state.status === "ok" && (state.data.length === 0 ? /* @__PURE__ */ jsx3(EmptyState, { title: "The trash is empty", description: "Items you move to the trash show up here." }) : /* @__PURE__ */ jsx3(ItemTable, { label: "Items in the trash", items: sortItems(state.data, sort, trashedAt), dateOf: trashedAt, sort, onSort, href: () => "#/trash", who, actions: (i) => /* @__PURE__ */ jsxs3(Fragment, { children: [
+      /* @__PURE__ */ jsx3(MachineLabel, { item: i }),
+      /* @__PURE__ */ jsx3(Button2, { size: "sm", onClick: () => void restore(i), children: `Restore ${i.name}` })
+    ] }) })) })
   ] });
 }
+function ActivityView({ client, id }) {
+  const [state, retry] = useLoad(async () => ({ item: await client.stat(id), entries: await client.listActivity(id) }));
+  return /* @__PURE__ */ jsx3("section", { "aria-label": "Item activity", children: /* @__PURE__ */ jsx3(Status, { state, retry, children: state.status === "ok" && /* @__PURE__ */ jsxs3(Fragment, { children: [
+    /* @__PURE__ */ jsxs3("h1", { children: [
+      "Activity: ",
+      state.data.item.name
+    ] }),
+    /* @__PURE__ */ jsx3("p", { children: /* @__PURE__ */ jsx3("a", { href: state.data.item.kind === "folder" ? `#/${id}` : `#/${state.data.item.parentId === "root" ? "" : state.data.item.parentId}`, children: "Back to files" }) }),
+    /* @__PURE__ */ jsx3(ActivityList, { entries: state.data.entries })
+  ] }) }) });
+}
 function Download({ client, id, origin, go }) {
   const [state, retry] = useLoad(async () => {
     const item = await client.stat(id);
@@ -330,11 +516,11 @@ function Download({ client, id, origin, go }) {
     go(item.parentId);
     return item;
   });
-  return /* @__PURE__ */ jsx(Status, { state, retry, children: null });
+  return /* @__PURE__ */ jsx3(Status, { state, retry, children: null });
 }
 
 // ui/embed.tsx
-import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
+import { jsx as jsx4, jsxs as jsxs4 } 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");
@@ -354,16 +540,16 @@ function makeClient({ baseUrl, getToken }) {
 }
 var clients = 0;
 function DriveBrowser({ baseUrl, getToken }) {
-  const [made, setMade] = useState2();
-  useEffect2(() => {
+  const [made, setMade] = useState3();
+  useEffect3(() => {
     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;
+  return made ? /* @__PURE__ */ jsx4(DriveView, { client: made.client, origin: made.origin }, made.id) : null;
 }
 function DriveView({ client, origin }) {
-  const [hash, setHash] = useState2("#/");
+  const [hash, setHash] = useState3("#/");
   const go = (loc) => setHash(`#/${loc === "/" ? "" : loc}`);
   const follow = (e) => {
     if (e.defaultPrevented || e.button !== 0 || e.metaKey || e.ctrlKey || e.shiftKey || e.altKey) return;
@@ -373,12 +559,12 @@ function DriveView({ client, origin }) {
     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" },
+  return /* @__PURE__ */ jsxs4("div", { className: "drive-root", onClick: follow, children: [
+    /* @__PURE__ */ jsx4(SidebarNav2, { label: "Places", items: [
+      { href: "#/", label: "My files", icon: /* @__PURE__ */ jsx4(FolderIcon3, { "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 }) })
+    /* @__PURE__ */ jsx4("div", { className: "drive-main", children: /* @__PURE__ */ jsx4(Routes, { hash, client, origin, go }) })
   ] });
 }
 function mount(element, options) {
@@ -387,7 +573,7 @@ function mount(element, options) {
   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++) }) })
+    /* @__PURE__ */ jsx4(TooltipProvider, { children: /* @__PURE__ */ jsx4(ToastProvider, { children: /* @__PURE__ */ jsx4(DriveView, { client, origin: new URL(next.baseUrl).origin }, version++) }) })
   );
   render(options, current.client);
   return {

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-Dxy0gL0_.js';
-export { a as ACTOR_KINDS, b as Action, c as ActorKind, d as Can, e as DriveDeps, f as DriveError, g as ERROR_STATUS, E as ErrorCode, R as ROOT_ID, S as SearchQuery, h as createDrive, p as parseName, i as parseSubject, s as subjectKindOf } from './drive-Dxy0gL0_.js';
+import { O as OnConflict, D as Drive, C as Ctx, N as Node, b as Actor } from './drive-BRg1Uj_3.js';
+export { c as ACTOR_KINDS, d as Action, a as ActivityAction, A as ActivityEntry, e as ActorKind, f as Can, g as DriveDeps, h as DriveError, i as ERROR_STATUS, E as ErrorCode, R as ROOT_ID, S as SearchQuery, j as createDrive, p as parseName, k as parseSubject, s as subjectKindOf } from './drive-BRg1Uj_3.js';
 import { Store, Blobs, Doc } from 'agentic-identity';
 export { B as BackfillOptions, a as BackfillResult, b as backfillAuthorIds, c as backfillResources } from './migrate-B79gRPMu.js';
 
@@ -22,7 +22,7 @@ declare function upload(drive: Drive, ctx: Ctx, path: string, source: AsyncItera
 /**
  * Everything one owner has, as a zip. `manifest.json` names the person (id and kind), lists each item with its
  * metadata and, for a file, the entry that holds its bytes, and adds what the person made in other drives, the
- * shares they hold, the invites they sent, and the audit entries of what they did. Only the person in person gets
+ * shares they hold, the invites they sent, and the audit entries of what they did. It also adds the activity log entries of their changes to items. Each has the actor kind, `human` or `agent`. An entry in the drive of another person has no names. Only the person in person gets
  * those parts, and the items of their agents that have an identity of their own (no bytes). For an agent the
  * manifest says `partial: true`. Trashed items are included and flagged.
  * Entries are named by item id, never by file name. A file whose bytes are gone is marked `missing`.

package/dist/index.js

@@ -3,7 +3,7 @@ import {
 } from "./chunk-AB2RTTHJ.js";
 import {
   VERSION
-} from "./chunk-6UQ6CDLJ.js";
+} from "./chunk-D6KW6NVM.js";
 import {
   ACTOR_KINDS,
   AuthError,
@@ -29,7 +29,7 @@ import {
   subjectKindOf,
   upload,
   writeZip
-} from "./chunk-R2DUVOJT.js";
+} from "./chunk-622NAJ6K.js";
 export {
   ACTOR_KINDS,
   AuthError,