@oharness/server 0.10.0 → 0.12.0

package/dist/page/client/account.js

@@ -215,6 +215,21 @@ async function showModels() {
       return go;
     };
 
+    // What this vendor has cost lately, from this machine's own records — the
+    // question a pasted key leaves open, answered where the key is.
+    if (provider.spend30d >= 0.01) {
+      const spent = el("div", "muted small");
+      spent.appendChild(document.createTextNode(t("models.spend30d", { amount: moneyOf(Math.round(provider.spend30d * 100), "usd") }) + " "));
+      const more = el("button", "cn-inline", t("models.spendDetail"));
+      more.type = "button";
+      more.addEventListener("click", (e) => {
+        e.stopPropagation();
+        document.getElementById("nav-usage").click();
+      });
+      spent.appendChild(more);
+      cardBody.appendChild(spent);
+    }
+
     if (provider.readiness === "no-account-system") {
       cardBody.appendChild(el("div", "muted small", t("models.noAccounts")));
       cardBody.appendChild(el("div", "muted small", t("models.noAccountsHow")));
@@ -229,6 +244,8 @@ async function showModels() {
       cardBody.appendChild(signInButton());
     } else if (provider.signIn && (!provider.configured || String(provider.source || "").startsWith("env:"))) {
       cardBody.appendChild(signInButton());
+    } else if (provider.vendorSignIn && !provider.configured) {
+      cardBody.appendChild(vendorSignIn(provider, null, null));
     }
 
     // The key field, for every vendor that takes one — the account plans
@@ -236,7 +253,7 @@ async function showModels() {
     // and spends the same balance, and CI needs one because it does not
     // expire. This is where it belongs, next to every other vendor's key
     // field, rather than inside the sign-in dialog.
-    if (!provider.configured || String(provider.source || "").startsWith("env:")) {
+    if (!keyless(provider) && (!provider.configured || String(provider.source || "").startsWith("env:"))) {
       const row = el("div", "keyrow");
       const field = document.createElement("input");
       // type=password so the key is not left legible on a screen, and
@@ -467,6 +484,12 @@ function openConnect(providerId, thenModel) {
   document.getElementById("cn-title").textContent = provider.signIn && provider.readiness !== "no-account-system"
     ? t("models.signIn")
     : provider.label || provider.id;
+  // A vendor's own sign-in is that vendor's page the user is about to visit,
+  // so the dialog carries its mark: recognising the logo is most of what
+  // makes "sign in with" feel safe to click.
+  if (!provider.signIn && provider.vendorSignIn) {
+    document.getElementById("cn-title").prepend(providerMark(provider.id, provider.label || provider.id, "cn-title-mark"));
+  }
   // What this dialog is answering. A credential that ran out and one that was
   // never created both arrive here, and telling someone to "sign in" when what
   // happened is "your session ended" leaves them wondering whether the first
@@ -594,6 +617,54 @@ function openConnect(providerId, thenModel) {
   const siteButton = site.querySelector("button");
   const orCode = el("div", "cn-note", ts("models.orCode"));
 
+  // A vendor's own sign-in, above the key field it makes optional — or, for a
+  // vendor with no key at all, in place of it.
+  const vendor = mode === "key" && provider.vendorSignIn
+    ? vendorSignIn(
+        provider,
+        () => {
+          if (dialog.open) void done("signed in to " + provider.id + " — discovering its models…");
+        },
+        (reason) => {
+          hint.textContent = reason;
+          hint.hidden = false;
+        },
+      )
+    : null;
+  const noKey = keyless(provider);
+  const orKey = vendor && !noKey ? el("div", "cn-note", t("models.orPasteKey")) : null;
+  // What signing in hands over, said where the hesitation is: right under the
+  // button. Only when the sign-in is the whole dialog — beside a key field the
+  // key's own note says the same, and two padlocks in a row read as clutter.
+  let vendorLocal = null;
+  if (vendor && noKey) {
+    vendorLocal = el("div", "cn-note cn-local");
+    vendorLocal.appendChild(svgIcon("lock"));
+    const words = el("span");
+    words.appendChild(el("strong", null, t("models.vendorLocalLead", { provider: provider.label || provider.id })));
+    words.appendChild(document.createTextNode(t("models.vendorLocalRest")));
+    vendorLocal.appendChild(words);
+  }
+  // Someone with a Claude plan arrives here looking for a way to use it, and
+  // a key field alone says nothing to them. The plan works in Claude Code and
+  // not in other apps, so the honest answer is a door to Claude Code — their
+  // own install, in this project's terminal — rather than a login of ours.
+  let claudePlan = null;
+  if (provider.id === "anthropic" && currentCwd) {
+    claudePlan = el("div", "cn-note");
+    claudePlan.appendChild(document.createTextNode(t("models.claudePlan") + " "));
+    const open = el("button", "cn-inline", t("models.claudePlanOpen"));
+    open.type = "button";
+    open.onclick = () => {
+      dialog.close();
+      void openClaudeCode(currentCwd);
+    };
+    claudePlan.appendChild(open);
+  }
+  // The sign-in is the whole dialog then, and the × already closes it: a
+  // Cancel alone in the actions row only read as a button left behind.
+  dialog.classList.toggle("cn-keyless", noKey);
+
   /**
    * What the dialog opens focused.
    *
@@ -606,7 +677,13 @@ function openConnect(providerId, thenModel) {
     // no account system it is the one that fetches a key, which is the same
     // shape of thing and deserves the same treatment. The field is where the
     // cursor goes only when pasting is what is left.
-    const opener = mode === "account" && !flow ? siteButton : noAccounts ? keyButton : undefined;
+    const opener = mode === "account" && !flow
+      ? siteButton
+      : noAccounts
+        ? keyButton
+        : vendor
+          ? vendor.querySelector("button")
+          : undefined;
     if (opener) opener.focus();
     else field.focus();
   };
@@ -665,7 +742,16 @@ function openConnect(providerId, thenModel) {
     // button above the field: whichever control is the way in carries the
     // colour, and the actions row holds the fallback. Two filled buttons make
     // the reader choose by position, and position would pick the wrong one.
-    save.classList.toggle("approve", mode === "key" && !noAccounts);
+    save.classList.toggle("approve", mode === "key" && !noAccounts && !vendor);
+    // Nothing to paste for a vendor that takes no key: the sign-in above is
+    // the whole dialog, and a field beside it could only ever be refused.
+    field.hidden = noKey;
+    save.hidden = noKey;
+    if (noKey) {
+      why.hidden = true;
+      keptLocal.hidden = true;
+      docs.hidden = true;
+    }
     field.value = "";
     focusPrimary();
   };
@@ -818,10 +904,14 @@ function openConnect(providerId, thenModel) {
     // somebody expecting a sign-in would ask — and they are exactly who opens
     // the mark.
     ...(noAccounts ? [keyLink(), el("div", "cn-note", t("models.orPasteKey"))] : []),
+    ...(vendor ? [vendor] : []),
+    ...(vendorLocal ? [vendorLocal] : []),
+    ...(orKey ? [orKey] : []),
     site,
     orCode,
     field,
     keptLocal,
+    ...(claudePlan ? [claudePlan] : []),
   );
   // Re-attached on every open: the actions row is markup, so a link left from
   // the last vendor would otherwise point at their key page. The link is built
@@ -982,7 +1072,7 @@ async function loadAccount() {
   const name = body.name || body.email || t("account.signedIn");
   row.appendChild(avatarFor(name, body.avatar));
   row.appendChild(el("span", "who-name", name));
-  row.appendChild(svgIcon("chevronsVertical", "acct-caret"));
+  row.appendChild(svgIcon("caret", "acct-caret"));
 
   // The balance, once it can be read. Running out mid-turn is the failure this
   // prevents: a number that appears only in a paywall is a number nobody sees
@@ -1245,6 +1335,7 @@ async function loadAccount() {
         cls: "accent",
       }),
       themeRow(),
+      ...customThemeRows(),
       menuItem(t("account.signOut"), {
         run: () => {
           closeRowMenu();
@@ -1314,6 +1405,51 @@ function websiteSignIn(provider, onSignedIn, onUnavailable) {
   return row;
 }
 
+/**
+ * A vendor whose only way in is its browser sign-in — ChatGPT, whose plan has
+ * no key to paste. Offering a key field for it would be a dead end.
+ */
+function keyless(provider) {
+  return Boolean(provider.vendorSignIn) && !(provider.envVars || []).length;
+}
+
+/**
+ * A vendor's own browser sign-in: Sign in with ChatGPT, OpenRouter.
+ *
+ * Like the website sign-in, the answer does not come back to the click. The
+ * vendor redirects to a listener on this machine, the server finishes the
+ * login there, and models_changed is what tells this page — so the waiter is
+ * registered only once the tab has actually been opened.
+ */
+function vendorSignIn(provider, onSignedIn, onError) {
+  const row = el("div", "keyrow");
+  const go = el("button", "signin-site", provider.vendorSignIn);
+  go.type = "button";
+  go.addEventListener("click", (e) => {
+    e.preventDefault();
+    e.stopPropagation();
+    go.disabled = true;
+    void api("/signin/vendor", { provider: provider.id })
+      .then((result) => {
+        if (!result || result.error) {
+          const message = (result && result.error) || "could not start the sign-in";
+          if (onError) return void onError(message);
+          return void addNotice(message, "err");
+        }
+        signedInWaiters.set(provider.id, onSignedIn || (() => {
+          if (document.getElementById("nav-models").classList.contains("active")) void showModels();
+        }));
+        window.open(result.url, "_blank", "noopener");
+        addNotice(t("models.signInOpened", { site: provider.label || provider.id }));
+      })
+      .finally(() => {
+        go.disabled = false;
+      });
+  });
+  row.appendChild(go);
+  return row;
+}
+
 /**
  * The sign-in itself, without a button attached to it.
  *

package/dist/page/client/account.js.map

@@ -1 +1 @@
-{"version":3,"file":"account.js","sourceRoot":"","sources":["../../../src/page/client/account.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AACH,MAAM,CAAC,MAAM,OAAO,GAAG,MAAM,CAAC,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAqvEhC,CAAC"}
+{"version":3,"file":"account.js","sourceRoot":"","sources":["../../../src/page/client/account.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AACH,MAAM,CAAC,MAAM,OAAO,GAAG,MAAM,CAAC,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA63EhC,CAAC"}

package/dist/page/client/base.js

@@ -117,23 +117,35 @@ const ICON_PATHS = {
   themeDark: ["M13.2 9.6A5.6 5.6 0 0 1 6.4 2.8a5.6 5.6 0 1 0 6.8 6.8Z"],
   themeSystemRects: [[1.8, 2.6, 12.4, 8.6, 1.6]],
   themeLightCircles: [[8, 8, 3.1]],
+  // The add menu's marks all sit on one keyline, 2–14, the box the folder was
+  // redrawn onto: anything that runs out to 1.33 is the heaviest mark in the
+  // column, and anything drawn in 4.5–11.5 is the faintest.
+  //
   // A page with its corner turned back, which is the one mark that reads as
   // "file" at thirteen pixels without any lines of text inside it.
   file: [
-    "M9.33 1.33H4a1.33 1.33 0 0 0-1.33 1.34v10.66A1.33 1.33 0 0 0 4 14.67h8" +
-      "a1.33 1.33 0 0 0 1.33-1.34V5.33Z",
-    "M9.33 1.33v4h4",
+    "M9.5 2H4.33A1.33 1.33 0 0 0 3 3.33v9.34A1.33 1.33 0 0 0 4.33 14h7.34" +
+      "A1.33 1.33 0 0 0 13 12.67V5.5Z",
+    "M9.5 2v3.5H13",
+  ],
+  // A paperclip, for the menu row that attaches files or photos: the mark that
+  // row carries everywhere else, and one that covers a photo as well as a
+  // document. The chip an attachment becomes keeps the page above, since by
+  // then it is a file rather than the act of attaching one.
+  attach: [
+    "M10.4 4.4 5.35 9.55a1.2 1.2 0 0 0 1.7 1.7l5.05-5.15a2.4 2.4 0 1 0-3.4-3.4" +
+      "L3.67 7.83a3.6 3.6 0 1 0 5.1 5.1l5.03-5.13",
   ],
   // Two pins and a body: a connector is the thing something else plugs into.
-  plug: ["M6 1.33v3.34", "M10 1.33v3.34", "M4 4.67h8v3.33a4 4 0 0 1-8 0Z", "M8 12v2.67"],
+  plug: ["M6 2v3", "M10 2v3", "M3.5 5h9v2.5a4.5 4.5 0 0 1-9 0Z", "M8 12v2"],
   // Stacked plates, because a plugin arrives as a bundle of contributions
   // rather than as one thing.
-  plugin: ["M8 1.33 1.33 4.67 8 8l6.67-3.33Z", "M1.33 11.33 8 14.67l6.67-3.34", "M1.33 8 8 11.33 14.67 8"],
+  plugin: ["M8 2 2 5l6 3 6-3Z", "M2 11l6 3 6-3", "M2 8l6 3 6-3"],
   /* A bookmark: one path, and the only shape in this menu that is neither a
      sheet nor a folder. The open book it replaced was two mirrored paths
      meeting at a spine, which at the 13px these rows use closed into a blob —
      two strokes a pixel apart read as one thick one. */
-  skill: ["M4.5 2.5h7v11l-3.5-2.6-3.5 2.6Z"],
+  skill: ["M5.33 2h5.34A1.33 1.33 0 0 1 12 3.33V14l-4-3-4 3V3.33A1.33 1.33 0 0 1 5.33 2Z"],
   /* A prompt caret: what a command line looks like anywhere else. */
   command: ["M4 5.5 6.5 8 4 10.5", "M8.5 10.5H12"],
   /* A bare chevron. The other back arrow has a shaft, which is right on a
@@ -144,6 +156,7 @@ const ICON_PATHS = {
   close: ["M4.5 4.5l7 7", "M11.5 4.5l-7 7"],
   /* Its counterpart, for adding one. */
   plus: ["M8 3.5v9", "M3.5 8h9"],
+  check: ["M3.5 8.5l3 3 6-7"],
   /* A picture: a frame, a hill and a sun — what "attach an image" looks like
      everywhere else. */
   image: ["M2.5 11.5 6 8l3 3 1.5-1.5 3 3"],
@@ -157,12 +170,17 @@ const ICON_PATHS = {
   back: ["M12.67 8H3.33", "M7.33 12 3.33 8l4-4"],
   // An arrow leaving a tray, for the upload that still goes to this machine.
   upload: ["M8 10.67V2", "M4.67 5.33 8 2l3.33 3.33", "M2 10.67v2A1.33 1.33 0 0 0 3.33 14h9.34A1.33 1.33 0 0 0 14 12.67v-2"],
+  // The same tray with the arrow coming in: bringing in what another tool has.
+  import: ["M8 2v8.67", "M4.67 7.33 8 10.67l3.33-3.34", "M2 10.67v2A1.33 1.33 0 0 0 3.33 14h9.34A1.33 1.33 0 0 0 14 12.67v-2"],
   // A trunk with a branch leaving it, which is what forking a turn does to the
   // transcript: the arc lands on the new node rather than crossing it.
   fork: ["M5 2.6v7.7", "M11 6a5.7 5.7 0 0 1-4.3 6"],
   forkCircles: [[11, 4.3], [5, 12]],
-  // A trunk and the branch that leaves it for a tree of its own.
-  worktree: ["M4.5 2v12", "M4.5 10.5c0-3.5 7-2.5 7-6", "M11.5 2.5a1 1 0 1 1 0 2 1 1 0 1 1 0-2"],
+  // A trunk and the branch that leaves it for a tree of its own. Three nodes
+  // where the fork has two: the trunk carries on past the point the branch
+  // left it, because a worktree is a second checkout, not a turn that moved.
+  worktree: ["M4.5 5.1v5.8", "M11.5 6.1a6.4 6.4 0 0 1-5.4 6.4"],
+  worktreeCircles: [[4.5, 3.5, 1.6], [4.5, 12.5, 1.6], [11.5, 4.5, 1.6]],
   copy: [
     "M6.67 5.33h6.66a1.33 1.33 0 0 1 1.34 1.34v6.66a1.33 1.33 0 0 1-1.34 1.34" +
       "H6.67a1.33 1.33 0 0 1-1.34-1.34V6.67a1.33 1.33 0 0 1 1.34-1.34Z",
@@ -204,8 +222,8 @@ const ICON_PATHS = {
   // Accept edits lets the pencil through.
   modeEdits: ["M11.3 2.7 13.3 4.7 5.3 12.7H3.3v-2Z", "M9.8 4.2l2 2"],
   // Plan is read-only: an eye, which looks and does not touch.
-  modePlan: ["M1.6 8s2.4-4.4 6.4-4.4S14.4 8 14.4 8s-2.4 4.4-6.4 4.4S1.6 8 1.6 8Z"],
-  modePlanCircles: [[8, 8, 2.1]],
+  modePlan: ["M2 8s2.3-4.8 6-4.8S14 8 14 8s-2.3 4.8-6 4.8S2 8 2 8Z"],
+  modePlanCircles: [[8, 8, 2.2]],
   // Auto waves the routine through: a bolt.
   modeAuto: ["M8.8 1.6 3.6 9h4l-.7 5.4L12.4 7h-4Z"],
   // Bypass leaves the gate open: a padlock with its shackle swung clear.
@@ -218,9 +236,16 @@ const ICON_PATHS = {
   // Goal mode: a target, rings closing on the point being aimed at.
   goal: ["M8 8h.01"],
   goalCircles: [[8, 8, 6], [8, 8, 3]],
-  // Computer use: a screen on its stand, with the pointer that drives it.
-  computer: ["M5.5 14h5M8 11.5V14", "M7.2 4.6l3.6 1.5-1.6.5-.5 1.6Z"],
-  computerRects: [[1.5, 2, 13, 9.5, 1.6]],
+  // Computer use: a screen on its stand, and the pointer that drives it. The
+  // pointer used to sit inside the screen at three and a half units, where it
+  // closed into a triangle and the whole mark read as a video's play button.
+  // Now it is full size and breaks out over the screen's corner, and the frame
+  // stops short of it so the two outlines never cross.
+  computer: [
+    "M8.5 10.5h-5A1.5 1.5 0 0 1 2 9V4A1.5 1.5 0 0 1 3.5 2.5h7A1.5 1.5 0 0 1 12 4v3",
+    "M7 10.5V13M5 13h4",
+    "M9.5 8.5l4.5 1.9-2 .6-.6 2Z",
+  ],
   chevronLeft: ["M10 3.5 5.5 8l4.5 4.5"],
   chevronRight: ["M6 3.5 10.5 8 6 12.5"],
 };
@@ -387,9 +412,10 @@ const api = (path, body, timeoutMs) =>
 /**
  * Record that a feature was used. Does nothing unless analytics are on.
  *
- * window.__TRACK exists only when the server was started with a PostHog key —
- * see analytics.ts — so the calls below read the same either way and nobody
- * has to remember which branch they are writing in.
+ * window.__TRACK forwards to this server's /track once it has said analytics
+ * are on, and drops everything otherwise — see analytics.ts — so the calls
+ * below read the same either way and nobody has to remember which branch they
+ * are writing in. The server checks what arrives before anything leaves.
  *
  * There is deliberately no way to send text through here: every caller passes
  * an event name and a handful of enumerable properties — which panel, whether

package/dist/page/client/base.js.map

@@ -1 +1 @@
-{"version":3,"file":"base.js","sourceRoot":"","sources":["../../../src/page/client/base.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AACH,MAAM,CAAC,MAAM,IAAI,GAAG,MAAM,CAAC,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA8Z7B,CAAC"}
+{"version":3,"file":"base.js","sourceRoot":"","sources":["../../../src/page/client/base.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AACH,MAAM,CAAC,MAAM,IAAI,GAAG,MAAM,CAAC,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAwb7B,CAAC"}

package/dist/page/client/browser.js

@@ -578,7 +578,7 @@ async function browserReload() {
 
 async function browserStop() {
   if (!activeId || !browserView(activeId).running) return;
-  if (!confirm(t("browser.stopConfirm"))) return;
+  if (!(await askConfirm({ body: t("browser.stopConfirm"), ok: t("dialog.stop"), danger: true }))) return;
   browserStopBtn.disabled = true;
   const result = await api("/browser/close", { session: activeId });
   if (result.error) {