agentic-drive 0.8.0 → 0.9.0

package/dist/embed.js

@@ -4,28 +4,28 @@ import {
 } from "./chunk-LELTSSZF.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,121 @@ import {
   useTheme,
   useToast
 } from "agentic-design/react";
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+
+// ui/browse.tsx
+import { useEffect, useRef, useState } from "react";
+import { Button, FileIcon, FolderIcon, PresenceChip } from "agentic-design/react";
+import { jsx, jsxs } 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__ */ jsx("time", { dateTime: d.toISOString(), children: dateFormat.format(d) }) : /* @__PURE__ */ jsx("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__ */ jsx(Button, { ref: trigger, variant: "ghost", size: "sm", onClick: () => setOpen(true), children: "Search" });
+  }
+  return /* @__PURE__ */ jsxs("div", { className: "drive-search", role: "search", children: [
+    /* @__PURE__ */ jsx(
+      "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__ */ jsx(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__ */ jsx("th", { scope: "col", className: cls, "aria-sort": sort.key === key ? sort.dir === "asc" ? "ascending" : "descending" : "none", children: /* @__PURE__ */ jsxs("button", { type: "button", className: "drive-sort", onClick: () => onSort(key), children: [
+    text,
+    /* @__PURE__ */ jsx("span", { "aria-hidden": "true", children: sort.key === key ? sort.dir === "asc" ? " \u2191" : " \u2193" : "" })
+  ] }) });
+  return /* @__PURE__ */ jsxs("table", { className: "drive-table", "aria-label": label, children: [
+    /* @__PURE__ */ jsx("thead", { children: /* @__PURE__ */ jsxs("tr", { children: [
+      onSelect && /* @__PURE__ */ jsx("th", { scope: "col", className: "drive-table__check", children: /* @__PURE__ */ jsx("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__ */ jsx("th", { scope: "col", className: "drive-table__who", children: "Edited by" }),
+      th("modified", "Modified", "drive-table__date"),
+      /* @__PURE__ */ jsx("th", { scope: "col", children: /* @__PURE__ */ jsx("span", { className: "drive-sr", children: "Actions" }) })
+    ] }) }),
+    /* @__PURE__ */ jsx("tbody", { children: items.map((i) => /* @__PURE__ */ jsxs("tr", { className: "drive-row", "data-selected": selected.has(i.id) || void 0, children: [
+      onSelect && /* @__PURE__ */ jsx("td", { className: "drive-table__check", children: /* @__PURE__ */ jsx("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__ */ jsx("td", { children: /* @__PURE__ */ jsxs("div", { className: "drive-table__name", children: [
+        /* @__PURE__ */ jsx("span", { className: "drive-table__icon", "aria-hidden": "true", children: i.kind === "folder" ? /* @__PURE__ */ jsx(FolderIcon, {}) : /* @__PURE__ */ jsx(FileIcon, {}) }),
+        /* @__PURE__ */ jsx("a", { href: href(i), children: i.name })
+      ] }) }),
+      /* @__PURE__ */ jsx("td", { className: "drive-table__who", children: /* @__PURE__ */ jsx(PresenceChip, { entry: who2(i.updatedBy, i.owner) }) }),
+      /* @__PURE__ */ jsx("td", { className: "drive-table__date", children: /* @__PURE__ */ jsx(Stamp, { at: dateOf(i) }) }),
+      /* @__PURE__ */ jsx("td", { className: "drive-table__actions", children: actions(i) })
+    ] }, i.id)) })
+  ] });
+}
+function BulkBar({ count, busy, onTrash, onClear }) {
+  if (count === 0) return null;
+  return /* @__PURE__ */ jsxs("div", { role: "region", "aria-label": "Selected items", className: "drive-bulk", children: [
+    /* @__PURE__ */ jsxs("span", { role: "status", children: [
+      count,
+      " selected"
+    ] }),
+    /* @__PURE__ */ jsx(Button, { variant: "danger", size: "sm", onClick: onTrash, disabled: busy, children: "Move to trash" }),
+    /* @__PURE__ */ jsx(Button, { variant: "ghost", size: "sm", onClick: onClear, children: "Clear selection" })
+  ] });
+}
+
+// ui/App.tsx
+import { Fragment, jsx as jsx2, jsxs as jsxs2 } 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__ */ jsx2("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 +158,30 @@ 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__ */ jsxs2("p", { role: "status", className: "drive-status", children: [
+    /* @__PURE__ */ jsx2("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__ */ jsx2("div", { role: "alert", children: /* @__PURE__ */ jsx2(EmptyState, { title: "Could not load this page", description: state.error, action: /* @__PURE__ */ jsx2(Button2, { onClick: retry, children: "Try again" }) }) });
+  return /* @__PURE__ */ jsx2(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);
+  if (parts[0] === "trash") return /* @__PURE__ */ jsx2(TrashView, { client }, "trash");
+  if (parts[0] === "f" && parts[1]) return /* @__PURE__ */ jsx2(Download, { client, id: parts[1], origin, go }, hash);
+  return /* @__PURE__ */ jsx2(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,20 +225,35 @@ 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__ */ jsx2("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__ */ jsx2(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__ */ jsxs2(Fragment, { children: [
+      /* @__PURE__ */ jsx2(MachineLabel, { item }),
+      /* @__PURE__ */ jsx2(Menu, { align: "end", trigger: /* @__PURE__ */ jsx2(IconButton, { label: `Actions for ${item.name}`, icon: /* @__PURE__ */ jsx2(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 }) },
@@ -138,55 +262,63 @@ function Browser({ client, loc, origin }) {
       ] })
     ] });
     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__ */ jsx2("ul", { className: "drive-tree", children: (tree.get(id) ?? []).map((n) => /* @__PURE__ */ jsxs2("li", { children: [
+      /* @__PURE__ */ jsxs2("a", { href: `#/${n.id}`, "aria-current": n.id === folder.id ? "page" : void 0, children: [
+        /* @__PURE__ */ jsx2(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__ */ jsxs2(Fragment, { children: [
+      /* @__PURE__ */ jsx2("nav", { "aria-label": "Breadcrumb", className: "drive-crumbs", children: /* @__PURE__ */ jsxs2("ol", { children: [
+        /* @__PURE__ */ jsx2("li", { children: crumbs.length ? /* @__PURE__ */ jsx2("a", { href: "#/", children: "My files" }) : /* @__PURE__ */ jsx2("span", { "aria-current": "page", children: "My files" }) }),
+        crumbs.map((c, i) => /* @__PURE__ */ jsx2("li", { children: i === crumbs.length - 1 ? /* @__PURE__ */ jsx2("span", { "aria-current": "page", children: c.name }) : /* @__PURE__ */ jsx2("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__ */ jsxs2("div", { className: "drive-bar", children: [
+        /* @__PURE__ */ jsxs2("div", { className: "drive-title", children: [
+          /* @__PURE__ */ jsx2("h1", { children: folder.id === root.id ? "My files" : folder.name }),
+          folder.id !== root.id && /* @__PURE__ */ jsx2(Button2, { variant: "secondary", size: "sm", onClick: () => setDlg({ kind: "share", item: folder }), children: "Share" })
+        ] }),
+        /* @__PURE__ */ jsxs2(Toolbar, { label: "Folder actions", children: [
+          /* @__PURE__ */ jsx2(ToolbarButton, { label: "New folder", icon: /* @__PURE__ */ jsx2(PlusIcon, {}), onClick: () => setDlg({ kind: "mkdir" }) }),
+          /* @__PURE__ */ jsx2(ToolbarButton, { label: "Upload files", icon: /* @__PURE__ */ jsx2(FileIcon2, {}), onClick: () => input.current?.click(), disabled: busy }),
+          /* @__PURE__ */ jsx2(ToolbarButton, { label: "List view", icon: /* @__PURE__ */ jsx2("span", { "aria-hidden": "true", children: "\u2630" }), pressed: view === "list", onClick: () => setViewMode("list") }),
+          /* @__PURE__ */ jsx2(ToolbarButton, { label: "Grid view", icon: /* @__PURE__ */ jsx2("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__ */ jsx2("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__ */ jsxs2("div", { className: "drive-split", children: [
+        /* @__PURE__ */ jsx2("nav", { "aria-label": "Folders", className: "drive-folders", children: level(root.id) }),
+        /* @__PURE__ */ jsxs2("div", { children: [
+          /* @__PURE__ */ jsx2("div", { className: "drive-tools", children: /* @__PURE__ */ jsx2(ExpandableSearch, { value: query, onChange: setQuery }) }),
+          /* @__PURE__ */ jsx2("p", { role: "status", className: "drive-sr", children: needle ? `${items.length} of ${state.data.items.length} items match` : "" }),
+          state.data.items.length === 0 ? /* @__PURE__ */ jsx2(EmptyState, { title: "This folder is empty", description: "Drop files here, or use Upload files.", action: /* @__PURE__ */ jsx2(Button2, { onClick: () => input.current?.click(), disabled: busy, children: "Upload files" }) }) : items.length === 0 ? /* @__PURE__ */ jsx2(EmptyState, { title: "Nothing matches", description: `No item in this folder has \u201C${query.trim()}\u201D in its name.`, action: /* @__PURE__ */ jsx2(Button2, { onClick: () => setQuery(""), children: "Clear search" }) }) : view === "list" ? /* @__PURE__ */ jsx2(ItemTable, { label: `Items in ${folder.name || "My files"}`, items, sort, onSort, selected, onSelect: setSelected, href, who, actions }) : /* @__PURE__ */ jsx2("ul", { className: "drive-grid", "aria-label": `Items in ${folder.name || "My files"}`, children: items.map((i) => /* @__PURE__ */ jsxs2("li", { className: "drive-card", children: [
+            /* @__PURE__ */ jsx2("span", { className: "drive-card__icon", "aria-hidden": "true", children: i.kind === "folder" ? /* @__PURE__ */ jsx2(FolderIcon2, {}) : /* @__PURE__ */ jsx2(FileIcon2, {}) }),
+            /* @__PURE__ */ jsx2("a", { href: href(i), className: "drive-card__name", children: i.name }),
+            /* @__PURE__ */ jsxs2("span", { className: "drive-card__meta", children: [
+              "Edited by ",
+              /* @__PURE__ */ jsx2(PresenceChip2, { entry: who(i.updatedBy, i.owner) })
+            ] }),
+            /* @__PURE__ */ jsx2("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__ */ jsx2(BulkBar, { count: picked.length, busy, onTrash: () => void trashSelected(picked), onClear: () => setSelected(/* @__PURE__ */ new Set()) }),
+      dlg?.kind === "mkdir" && /* @__PURE__ */ jsx2(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__ */ jsx2(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__ */ jsx2(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__ */ jsx2(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 +328,16 @@ function Prompt({ open, title, label, initial, submit, onClose, onSubmit }) {
       sent.current = false;
     });
   };
-  return /* @__PURE__ */ jsx(Dialog, { open: !!open, onOpenChange: (o) => {
+  return /* @__PURE__ */ jsx2(Dialog, { open: !!open, onOpenChange: (o) => {
     if (!o) onClose();
-  }, title, children: /* @__PURE__ */ jsxs("form", { onSubmit: (e) => {
+  }, title, children: /* @__PURE__ */ jsxs2("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__ */ jsx2(Input, { label, value, onChange: (e) => setValue(e.target.value), error: problem, required: true }),
+    /* @__PURE__ */ jsxs2("div", { className: "drive-form__actions", children: [
+      /* @__PURE__ */ jsx2(DialogClose, { asChild: true, children: /* @__PURE__ */ jsx2(Button2, { variant: "ghost", type: "button", children: "Cancel" }) }),
+      /* @__PURE__ */ jsx2(Button2, { type: "submit", children: submit })
     ] })
   ] }) });
 }
@@ -216,11 +348,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__ */ jsx2(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__ */ jsx2(Status, { state: folders, retry, children: folders.status === "ok" && /* @__PURE__ */ jsxs2("form", { onSubmit: (e) => {
     e.preventDefault();
     if (sent.current) return;
     sent.current = true;
@@ -228,10 +360,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__ */ jsx2(Select, { label: "Move to", value: to, onChange: (e) => setTo(e.target.value), children: folders.data.map((x) => /* @__PURE__ */ jsx2("option", { value: x.id, children: x.path === "/" ? "My files" : x.path }, x.id)) }),
+    /* @__PURE__ */ jsxs2("div", { className: "drive-form__actions", children: [
+      /* @__PURE__ */ jsx2(DialogClose, { asChild: true, children: /* @__PURE__ */ jsx2(Button2, { variant: "ghost", type: "button", children: "Cancel" }) }),
+      /* @__PURE__ */ jsx2(Button2, { type: "submit", children: "Move" })
     ] })
   ] }) }) });
 }
@@ -239,7 +371,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 +402,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__ */ jsx2(
     ShareDialog,
     {
       open: true,
@@ -298,9 +430,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,12 +445,12 @@ 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__ */ jsxs2("section", { "aria-label": "Trash", children: [
+    /* @__PURE__ */ jsx2("h1", { children: "Trash" }),
+    /* @__PURE__ */ jsx2(Status, { state, retry: reload, children: state.status === "ok" && (state.data.length === 0 ? /* @__PURE__ */ jsx2(EmptyState, { title: "The trash is empty", description: "Items you move to the trash show up here." }) : /* @__PURE__ */ jsx2(ItemTable, { label: "Items in the trash", items: sortItems(state.data, sort, trashedAt), dateOf: trashedAt, sort, onSort, href: () => "#/trash", who, actions: (i) => /* @__PURE__ */ jsxs2(Fragment, { children: [
+      /* @__PURE__ */ jsx2(MachineLabel, { item: i }),
+      /* @__PURE__ */ jsx2(Button2, { size: "sm", onClick: () => void restore(i), children: `Restore ${i.name}` })
+    ] }) })) })
   ] });
 }
 function Download({ client, id, origin, go }) {
@@ -330,11 +465,11 @@ function Download({ client, id, origin, go }) {
     go(item.parentId);
     return item;
   });
-  return /* @__PURE__ */ jsx(Status, { state, retry, children: null });
+  return /* @__PURE__ */ jsx2(Status, { state, retry, children: null });
 }
 
 // ui/embed.tsx
-import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
+import { jsx as jsx3, jsxs as jsxs3 } 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 +489,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__ */ jsx3(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 +508,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__ */ jsxs3("div", { className: "drive-root", onClick: follow, children: [
+    /* @__PURE__ */ jsx3(SidebarNav2, { label: "Places", items: [
+      { href: "#/", label: "My files", icon: /* @__PURE__ */ jsx3(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__ */ jsx3("div", { className: "drive-main", children: /* @__PURE__ */ jsx3(Routes, { hash, client, origin, go }) })
   ] });
 }
 function mount(element, options) {
@@ -387,7 +522,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__ */ jsx3(TooltipProvider, { children: /* @__PURE__ */ jsx3(ToastProvider, { children: /* @__PURE__ */ jsx3(DriveView, { client, origin: new URL(next.baseUrl).origin }, version++) }) })
   );
   render(options, current.client);
   return {

package/dist/index.js

@@ -3,7 +3,7 @@ import {
 } from "./chunk-AB2RTTHJ.js";
 import {
   VERSION
-} from "./chunk-6UQ6CDLJ.js";
+} from "./chunk-IMWV5QEH.js";
 import {
   ACTOR_KINDS,
   AuthError,

package/dist/mcp.js

@@ -1,6 +1,6 @@
 import {
   VERSION
-} from "./chunk-6UQ6CDLJ.js";
+} from "./chunk-IMWV5QEH.js";
 import {
   ACTOR_KINDS,
   DriveError,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "agentic-drive",
-  "version": "0.8.0",
+  "version": "0.9.0",
   "description": "Store, sort, and share files and folders.",
   "keywords": [
     "drive",