@tidegap/cli 0.18.0 → 0.19.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tidegap/cli",
-  "version": "0.18.0",
+  "version": "0.19.0",
   "description": "The tidegap command: runs queued Tidegap LLM tasks at the cleanest grid hour before their deadline.",
   "license": "Apache-2.0",
   "author": "Vitalii Borovyk",
@@ -10,8 +10,7 @@
   },
   "main": "./dist/index.js",
   "bin": {
-    "tidegap": "./dist/index.js",
-    "ebb": "./dist/index.js"
+    "tidegap": "./dist/index.js"
   },
   "files": [
     "dist",
@@ -21,7 +20,7 @@
   ],
   "dependencies": {
     "commander": "^12.1.0",
-    "@tidegap/core": "0.18.0"
+    "@tidegap/core": "0.19.0"
   },
   "peerDependencies": {
     "@anthropic-ai/sdk": ">=0.32.0",
@@ -38,7 +37,7 @@
   "devDependencies": {
     "typescript": "^5.6.3",
     "vitest": "^4.1.11",
-    "@types/node": "^22.20.4"
+    "@types/node": "^22.20.5"
   },
   "repository": {
     "type": "git",

package/ui/api.js

@@ -108,4 +108,7 @@ export const api = {
   read: (id) => post(tasksPath(id, "read")),
   unread: (id) => post(tasksPath(id, "unread")),
   startDispatcher: () => post("/api/dispatcher/start"),
+  clients: () => get("/api/clients"),
+  addClient: (client) => post("/api/clients", client),
+  revokeClient: (id) => post(`/api/clients/${enc(id)}/revoke`),
 };

package/ui/app.css

@@ -62,9 +62,9 @@ kbd {
   font-size: var(--fs-lg); font-weight: var(--w-bold); letter-spacing: -0.01em;
 }
 .brand-mark {
-  width: 18px; height: 18px; border-radius: 50%;
-  background: var(--accent);
-  box-shadow: inset -5px -5px 0 0 var(--band-very-clean-bg);
+  flex: none;
+  width: 32px; height: 11px;
+  color: var(--brand-ink);
 }
 .tabs {
   display: flex; gap: 2px; padding: 3px;
@@ -578,6 +578,12 @@ body.dragging .day-head[data-drop-day] { outline: 1px dashed var(--fg-muted); ou
 .radio-label { font-weight: var(--w-medium); }
 .radio-hint { color: var(--fg-muted); font-size: var(--fs-sm); line-height: var(--lh-sm); }
 .field-row { display: flex; gap: var(--sp-3); }
+.app-list { list-style: none; margin: 0 0 var(--sp-4); padding: 0; }
+.app-row { display: flex; flex-wrap: wrap; align-items: center; gap: var(--sp-1) var(--sp-3); padding: var(--sp-2) 0; border-bottom: 1px solid var(--line); }
+.app-name { flex: 1 1 auto; font-weight: var(--w-medium); overflow-wrap: anywhere; }
+.app-meta { color: var(--fg-muted); font-size: var(--fs-sm); }
+.token-box { margin: 0 0 var(--sp-4); }
+.token-field { flex: 1; min-width: 0; font-family: var(--mono); }
 .field { display: flex; flex: 1; flex-direction: column; gap: var(--sp-1); }
 .field-label { color: var(--fg-muted); font-size: var(--fs-xs); font-weight: var(--w-medium); text-transform: uppercase; letter-spacing: 0.04em; }
 .form-error { margin: var(--sp-3) 0 0; color: var(--danger); font-size: var(--fs-sm); }

package/ui/app.js

@@ -29,6 +29,7 @@ import {
   sendReply,
   trapFocus,
 } from "./detail.js";
+import { initClients } from "./clients.js";
 import { ago, h, isUnread, parse, relDay, swapChildren, taskHref, title } from "./dom.js";
 import { invalidateJournal, renderJournal, toggleExpand } from "./journal.js";
 import { initKeys } from "./keys.js";
@@ -567,6 +568,7 @@ function boot() {
   });
   document.getElementById("scrim").addEventListener("click", closeDrawer);
   document.getElementById("help-btn").addEventListener("click", helpDialog);
+  void initClients();
   document.getElementById("dispatcher-pill").addEventListener("click", dispatcherDialog);
   document.getElementById("view").addEventListener("keydown", (e) => {
     if (e.key === "Enter" || e.key === " ") {

package/ui/clients.js

@@ -0,0 +1,104 @@
+// "Connected apps": list the browser extension and Mac app clients, mint a
+// token for a new one (shown once), and revoke one. Page token only: with a
+// client token `/api/clients` answers 403 and the button stays hidden.
+// Client names are user text and render as text nodes only.
+
+import { api, ApiError } from "./api.js";
+import { closeDialog, confirmDialog, openDialog } from "./dialog.js";
+import { ago, h, parse } from "./dom.js";
+import { errorToast, toast } from "./toast.js";
+
+const KIND_LABEL = { extension: "Browser extension", macos: "Mac app" };
+
+/** Show the Apps button when this token may manage clients. */
+export async function initClients() {
+  const btn = document.getElementById("apps-btn");
+  if (!btn) return;
+  try {
+    await api.clients();
+  } catch (err) {
+    if (err instanceof ApiError && err.status === 403) return;
+  }
+  btn.hidden = false;
+  btn.addEventListener("click", () => void openApps());
+}
+
+function tokenBox(minted) {
+  const field = h("input", { class: "input token-field", readonly: true, value: minted.token, "aria-label": "Client token" });
+  const copy = async () => {
+    try {
+      await navigator.clipboard.writeText(minted.token);
+      toast("Token copied");
+    } catch {
+      field.select();
+    }
+  };
+  return h("section", { class: "token-box", role: "status" },
+    h("p", { class: "dialog-body" }, `Token for "${minted.client.name}". Paste it into the extension's options. It is shown only now.`),
+    h("div", { class: "field-row" },
+      field,
+      h("button", { type: "button", class: "btn btn-primary", onclick: () => void copy() }, "Copy")));
+}
+
+function clientRow(c) {
+  const created = parse(c.created_at);
+  return h("li", { class: "app-row" },
+    h("span", { class: "app-name" }, c.name),
+    h("span", { class: "app-meta" }, `${KIND_LABEL[c.kind] || c.kind} · added ${Number.isFinite(created) ? ago(created) : "?"}`),
+    h("button", { type: "button", class: "btn btn-sm", onclick: () => void revoke(c) }, "Revoke"));
+}
+
+async function openApps(minted) {
+  let clients = [];
+  let failed = "";
+  try {
+    clients = (await api.clients()).clients;
+  } catch (err) {
+    failed = err.message;
+  }
+  const name = h("input", { class: "input", id: "app-name", name: "name", maxlength: "64", required: true, placeholder: "Chrome on this Mac", autofocus: !minted });
+  const submit = h("button", { type: "submit", class: "btn btn-primary" }, "Connect an app");
+  const form = h("form", { class: "dialog-form" },
+    h("header", { class: "dialog-head" }, h("h2", { id: "dialog-title", class: "dialog-title" }, "Connected apps"),
+      h("p", { class: "dialog-sub" }, "Apps with a token can see and queue tasks on this Mac. Revoke one to lock it out at once.")),
+    minted ? tokenBox(minted) : null,
+    failed ? h("p", { class: "dialog-body" }, failed)
+      : clients.length ? h("ul", { class: "app-list" }, clients.map(clientRow))
+        : h("p", { class: "dialog-body" }, "No apps connected."),
+    h("label", { class: "field", for: "app-name" }, h("span", { class: "field-label" }, "New app name"), name),
+    h("footer", { class: "dialog-foot" },
+      h("button", { type: "button", class: "btn btn-ghost", onclick: closeDialog }, "Close"),
+      submit));
+  // One press, one token: a second submit while the first is in flight is ignored.
+  form.addEventListener("submit", async (e) => {
+    e.preventDefault();
+    if (submit.disabled) return;
+    submit.disabled = true;
+    try {
+      const out = await api.addClient({ name: name.value, kind: "extension" });
+      await openApps(out);
+    } catch (err) {
+      errorToast(err.message);
+    } finally {
+      submit.disabled = false;
+    }
+  });
+  openDialog([form], { label: "Connected apps", wide: true });
+}
+
+async function revoke(c) {
+  const ok = await confirmDialog({
+    heading: `Revoke ${c.name}?`,
+    body: "Its token stops working on the next request. Connect it again to get a new one.",
+    confirm: "Revoke",
+    danger: true,
+  });
+  if (!ok) return void openApps();
+  try {
+    await api.revokeClient(c.id);
+    toast(`Revoked ${c.name}`);
+  } catch (err) {
+    errorToast(err.message);
+  }
+  await openApps();
+}

package/ui/dialog.js

@@ -30,6 +30,11 @@ export function dialogOpen() {
   return dlg().open;
 }
 
+/** Open the shared dialog with `content` (used by other panels). */
+export function openDialog(content, opts) {
+  open(content, opts);
+}
+
 function open(content, { label, wide = false, close } = {}) {
   const d = dlg();
   if (d.open) d.close();

package/ui/index.html

@@ -14,7 +14,7 @@
 <body>
   <a class="skip" href="#view">Skip to tasks</a>
   <header class="top">
-    <a class="brand" href="#/agenda" aria-label="Tidegap, Agenda"><span class="brand-mark" aria-hidden="true"></span>Tidegap</a>
+    <a class="brand" href="#/agenda" aria-label="Tidegap, Agenda"><!-- brand-mark:start --><svg class="brand-mark" viewBox="0 0 32 11" aria-hidden="true" focusable="false"><defs><clipPath id="tg-ui-ink"><rect x="-0.07" y="-0.07" width="32.15" height="5.48"/></clipPath><clipPath id="tg-ui-teal"><rect x="6.68" y="4.91" width="18.65" height="5.98"/></clipPath></defs><path class="ink" d="M-2.65 9.14A4.03 4.03 0 0 0 0.69 7.37L3.34 3.44A4.03 4.03 0 0 1 6.68 1.67A4.03 4.03 0 0 1 10.01 3.44L12.66 7.37A4.03 4.03 0 0 0 16 9.14A4.03 4.03 0 0 0 19.34 7.37L21.99 3.44A4.03 4.03 0 0 1 25.32 1.67A4.03 4.03 0 0 1 28.66 3.44L31.31 7.37A4.03 4.03 0 0 0 34.65 9.14" fill="none" stroke="currentColor" stroke-width="3.34" clip-path="url(#tg-ui-ink)"/><path d="M-2.65 9.14A4.03 4.03 0 0 0 0.69 7.37L3.34 3.44A4.03 4.03 0 0 1 6.68 1.67A4.03 4.03 0 0 1 10.01 3.44L12.66 7.37A4.03 4.03 0 0 0 16 9.14A4.03 4.03 0 0 0 19.34 7.37L21.99 3.44A4.03 4.03 0 0 1 25.32 1.67A4.03 4.03 0 0 1 28.66 3.44L31.31 7.37A4.03 4.03 0 0 0 34.65 9.14" fill="none" stroke="#5FC6C4" stroke-width="3.34" clip-path="url(#tg-ui-teal)"/></svg><!-- brand-mark:end -->Tidegap</a>
     <nav class="tabs" aria-label="Views">
       <a href="#/agenda" id="nav-agenda" class="tab"><span class="tab-glyph" aria-hidden="true">&#9776;</span><span class="tab-label">Agenda</span></a>
       <a href="#/timeline" id="nav-timeline" class="tab"><span class="tab-glyph" aria-hidden="true">&#8767;</span><span class="tab-label">Timeline</span></a>
@@ -22,6 +22,7 @@
     </nav>
     <div class="top-end">
       <button type="button" class="pill dispatcher" id="dispatcher-pill" data-state="unknown"><span class="pill-dot" aria-hidden="true"></span><span id="dispatcher-text">Dispatcher</span></button>
+      <button type="button" class="pill" id="apps-btn" hidden>Apps</button>
       <button type="button" class="icon-btn" id="help-btn" aria-label="Keyboard shortcuts" title="Keyboard shortcuts (?)">?</button>
     </div>
   </header>

package/ui/tokens.css

@@ -14,6 +14,7 @@
   --accent: #1d6b4d;
   --accent-fg: #ffffff;
   --accent-soft: #e1efe7;
+  --brand-ink: #0c1017;
   --danger: #a8361f;
   --danger-soft: #f8e4de;
   --warn: #8a6200;
@@ -78,6 +79,7 @@
     --accent: #5cc796;
     --accent-fg: #0b1410;
     --accent-soft: #163024;
+    --brand-ink: #ffffff;
     --danger: #f08a74;
     --danger-soft: #3a1d17;
     --warn: #e3b341;