agentic-drive 0.8.0 → 0.9.0

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # Changelog
 
+## 0.9.0
+
+### Changed
+
+- **The web UI has a calm list view.** Files show in a table with sortable Name and Modified columns, a search that opens from a button, and a Share button next to the title of a folder. Select rows with the check boxes to see a bar at the bottom of the page that moves them all to the trash. A search with no match has its own empty state. The design classes in the list view are now `drive-*` classes of the app, not `agd-file-*` classes.
+
 ## 0.8.0
 
 Read the breaking changes before you upgrade.

package/README.md

@@ -7,7 +7,7 @@
 
 Store, sort, and share files and folders.
 
-> Status: 0.8.0, early. The library, CLI, MCP server, and HTTP API work, with sharing in the SDK, the HTTP API, the CLI, and the MCP server.
+> Status: 0.9.0, early. The library, CLI, MCP server, and HTTP API work, with sharing in the SDK, the HTTP API, the CLI, and the MCP server.
 > A small web UI works. See [UI](#ui).
 
 ## Live demo

package/dist/{chunk-6UQ6CDLJ.js → chunk-IMWV5QEH.js}

@@ -1,6 +1,6 @@
 // src/version.ts
 import { createRequire } from "module";
-var VERSION = true ? "0.8.0" : readPackageVersion();
+var VERSION = true ? "0.9.0" : readPackageVersion();
 
 export {
   VERSION

package/dist/cli.js

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

package/dist/embed.css

@@ -152,3 +152,140 @@
     grid-template-columns: 1fr;
   }
 }
+.drive-sr {
+  position: absolute;
+  width: 1px;
+  height: 1px;
+  overflow: hidden;
+  clip-path: inset(50%);
+  white-space: nowrap;
+}
+.drive-tools {
+  display: flex;
+  justify-content: flex-end;
+  margin-bottom: var(--agd-space-2);
+}
+.drive-search {
+  display: flex;
+  align-items: center;
+  gap: var(--agd-space-2);
+}
+.drive-search__input {
+  min-width: 14rem;
+  min-height: 2.25rem;
+  padding: 0 var(--agd-space-3);
+  border: 1px solid var(--agd-color-border);
+  border-radius: var(--agd-radius-md);
+  background: var(--agd-color-surface);
+  color: var(--agd-color-text);
+  font: inherit;
+}
+.drive-search__input:focus-visible,
+.drive-sort:focus-visible {
+  outline: 2px solid var(--agd-color-accent);
+  outline-offset: 2px;
+}
+.drive-table {
+  width: 100%;
+  border-collapse: collapse;
+}
+.drive-table th {
+  padding: var(--agd-space-2) var(--agd-space-3);
+  text-align: left;
+  font-size: var(--agd-font-size-sm);
+  font-weight: var(--agd-font-weight-medium);
+  color: var(--agd-color-text-muted);
+  border-bottom: 1px solid var(--agd-color-border);
+}
+.drive-table td {
+  padding: var(--agd-space-2) var(--agd-space-3);
+  border-bottom: 1px solid var(--agd-color-border);
+  vertical-align: middle;
+}
+.drive-table .drive-table__date {
+  color: var(--agd-color-text-muted);
+  white-space: nowrap;
+}
+.drive-table__check {
+  width: 2.5rem;
+}
+.drive-table__name {
+  display: flex;
+  align-items: center;
+  gap: var(--agd-space-2);
+  overflow-wrap: anywhere;
+}
+.drive-table__name a {
+  color: var(--agd-color-text);
+  font-weight: var(--agd-font-weight-medium);
+  text-decoration: none;
+}
+.drive-table__name a:hover {
+  text-decoration: underline;
+}
+.drive-table__icon svg {
+  width: 1.25rem;
+  height: 1.25rem;
+  color: var(--agd-color-text-muted);
+}
+.drive-table__actions > * {
+  vertical-align: middle;
+}
+.drive-table__actions {
+  text-align: right;
+  white-space: nowrap;
+}
+.drive-row:hover,
+.drive-row[data-selected] {
+  background: var(--agd-color-surface-sunken);
+}
+.drive-sort {
+  all: unset;
+  cursor: pointer;
+  border-radius: var(--agd-radius-sm);
+}
+.drive-bulk {
+  position: fixed;
+  inset: auto 0 var(--agd-space-4);
+  margin-inline: auto;
+  width: max-content;
+  max-width: calc(100vw - 2rem);
+  display: flex;
+  align-items: center;
+  gap: var(--agd-space-3);
+  padding: var(--agd-space-2) var(--agd-space-4);
+  border: 1px solid var(--agd-color-border);
+  border-radius: var(--agd-radius-md);
+  background: var(--agd-color-surface);
+  box-shadow: 0 4px 16px rgb(0 0 0 / 0.16);
+  z-index: 20;
+}
+@media (max-width: 40rem) {
+  .drive-table .drive-table__who {
+    display: none;
+  }
+}
+.drive-title {
+  display: flex;
+  align-items: center;
+  gap: var(--agd-space-3);
+  flex-wrap: wrap;
+  min-width: 0;
+}
+.drive-title h1 {
+  margin: 0;
+}
+.drive-drop--bulk {
+  padding-bottom: 6rem;
+}
+html:has(.drive-bulk) {
+  scroll-padding-bottom: 6rem;
+}
+.agd-checkbox:indeterminate {
+  background-color: var(--agd-color-accent);
+  border-color: var(--agd-color-accent);
+  background-image: linear-gradient(var(--agd-color-surface), var(--agd-color-surface));
+  background-size: 60% 2px;
+  background-repeat: no-repeat;
+  background-position: center;
+}