@timqi/pier 0.1.0 → 0.1.1

package/dist/web/fs.js

@@ -1,14 +1,8 @@
-// Every path the Console reaches on disk resolves here: the browse/read/mkdir
-// routes and the session attachments server.ts serves all ask the same
-// question, and asked it several different ways until this file existed.
-//
-// The boundary is the Console password, not a path: an owner past it picks a
-// session's cwd from anywhere under `$HOME`, so anything this process can read
-// is already reachable — which is why the session attachments route (server.ts)
-// takes any absolute file. What `root` confines is a *listing*, so a browse
-// cannot widen itself past the tree the view asked for: `path` resolves under
-// the `root` it was asked with, realpath on both ends, so neither `..` nor a
-// symlink steps outside. Only mkdir writes, and only a name.
+// Every path the Console reaches on disk resolves here. The boundary is the
+// Console password, not a path: an owner past it picks any cwd, so anything
+// this process can read is already reachable. `root` confines a *listing*, with
+// realpath on both ends so neither `..` nor a symlink steps outside. Only mkdir
+// writes, and only a name.
 import { mkdir, open, readdir, realpath, stat } from "node:fs/promises";
 import { homedir } from "node:os";
 import { basename, dirname, extname, isAbsolute, resolve, sep } from "node:path";
@@ -16,12 +10,10 @@ import { Readable } from "node:stream";
 import { logger } from "../log.js";
 import { guarded } from "./route.js";
 const log = logger("web");
-/** What a browser is asked to hold at once — the same ceiling for a preview
- *  and for an attachment, because it is the reader's patience, not the route's. */
+/** The reader's patience, so one ceiling for a preview and an attachment. */
 export const MAX_FILE_BYTES = 32 * 1024 * 1024;
-/** Types a browser may render as themselves. Everything else is sniffed for
- *  text, and bytes we can't vouch for download instead of rendering — that is
- *  how a file starts executing. */
+/** Everything else is sniffed for text; bytes we can't vouch for download
+ *  instead of rendering, which is how a file starts executing. */
 const RENDERABLE = {
     ".png": "image/png",
     ".jpg": "image/jpeg",
@@ -33,9 +25,7 @@ const RENDERABLE = {
     ".svg": "image/svg+xml",
     ".pdf": "application/pdf",
 };
-/** The containment check, and the only way a path becomes a path this reads:
- *  `root` must be an absolute directory, and the returned target is `path`
- *  resolved inside it. Throws — the route wrapper turns that into the answer. */
+/** The containment check, and the only way a path becomes one this reads. */
 export async function scoped(root, path = "") {
     if (!root || !isAbsolute(root))
         throw new Error("not a directory this can read");
@@ -47,16 +37,13 @@ export async function scoped(root, path = "") {
         throw new Error("path escapes root");
     return target;
 }
-/** How bytes leave: the type they may be served as, and whether a browser may
- *  render them in place. `download` forces the attachment disposition — the
- *  chat's Download button, on a file it would otherwise show inline. */
+/** `download` forces the attachment disposition on a file otherwise shown inline. */
 export function fileHeaders(file, bytes, download = false) {
     const ext = extname(file).toLowerCase();
     const known = RENDERABLE[ext];
     const text = !known && !bytes.subarray(0, 8192).includes(0);
-    // An <img> renders its source whatever the disposition says, but a tab
-    // navigated straight at an SVG runs the script inside it — same origin, past
-    // the password. So an SVG keeps its type and loses only its own tab.
+    // A tab navigated straight at an SVG runs the script inside it, same
+    // origin, past the password; an <img> ignores the disposition anyway.
     const inline = !download && (text || (known !== undefined && ext !== ".svg"));
     return {
         "content-type": known ?? (text ? "text/plain; charset=utf-8" : "application/octet-stream"),
@@ -64,12 +51,8 @@ export function fileHeaders(file, bytes, download = false) {
     };
 }
 export function registerFsRoutes(app) {
-    // One listing behind both trees: the Files view walks a project (`root`,
-    // which confines it and is the floor `parent` stops at), the cwd pickers
-    // walk from anywhere (no root, starting at home). Names and which are
-    // directories — never contents, and never `.git`, which is plumbing. What to
-    // leave out of the answer is the caller's business: one tree shows folders
-    // only, the other shows files too.
+    // The Files view walks a project (`root` confines it); the cwd pickers walk
+    // from anywhere. Never contents, and never `.git`.
     guarded(app, "GET", "/api/fs/ls", 404, async (c) => {
         c.header("cache-control", "no-store");
         const asked = c.req.query("path");
@@ -83,7 +66,6 @@ export function registerFsRoutes(app) {
             .sort((a, b) => Number(b.dir) - Number(a.dir) || a.name.localeCompare(b.name));
         return c.json({ path: dir, parent: dir === top || up === dir ? null : up, entries });
     });
-    // File bytes, read-only: the Files view's previews and whole-file reads.
     guarded(app, "GET", "/api/fs/file", 404, async (c) => {
         const file = await scoped(c.req.query("root"), c.req.query("path"));
         const handle = await open(file);
@@ -94,10 +76,8 @@ export function registerFsRoutes(app) {
                 throw new Error("not a file");
             if (info.size > MAX_FILE_BYTES)
                 return c.json({ error: "file too large" }, 413);
-            // Size and mtime, not a digest: the view re-reads a file every time it is
-            // clicked again, and a validator the stat above already knows costs
-            // nothing to offer. `no-cache` keeps the answer conditional, so an edited
-            // file is never shown from a browser cache.
+            // `no-cache` keeps the answer conditional, so an edited file is never
+            // shown from a browser cache.
             const tag = `"${info.size.toString(16)}-${info.mtime.getTime().toString(16)}"`;
             const validators = {
                 etag: tag,
@@ -106,14 +86,13 @@ export function registerFsRoutes(app) {
             };
             if (c.req.header("if-none-match") === tag)
                 return c.body(null, 304, validators);
-            // Sniff and stream the same open file, so a replacement cannot bypass
-            // the size check or make the headers describe different bytes.
+            // The same open file, so a replacement cannot make the headers describe
+            // different bytes.
             const head = Buffer.alloc(Math.min(8192, info.size));
             await handle.read(head, 0, head.length, 0);
             const bytes = handle.createReadStream({ start: 0 });
             streaming = true;
-            // Past the headers a failure can only truncate the body, so this is the
-            // one place it can still be said at all (§5b).
+            // Past the headers a failure can only truncate the body (§5).
             bytes.on("error", (err) => log.warn(`serving ${file} stopped mid-stream`, err));
             return c.body(Readable.toWeb(bytes), 200, {
                 ...fileHeaders(file, head),
@@ -125,8 +104,7 @@ export function registerFsRoutes(app) {
                 await handle.close();
         }
     });
-    // Create a folder while picking one — a new project usually needs a new
-    // directory. A name, never a path: traversal is rejected, not normalized.
+    // A name, never a path: traversal is rejected, not normalized.
     guarded(app, "POST", "/api/fs/mkdir", 400, async (c) => {
         const body = await c.req.json().catch(() => null);
         const parent = typeof body?.path === "string" ? body.path : "";

package/dist/web/instance.js

@@ -1,11 +1,9 @@
-// Routes about the Pier instance itself — settings, update availability,
-// layer-1 secrets control, the browser's error reports. Nothing here touches
-// a session; server.ts stays the session/event surface.
+// Routes about the Pier instance itself: settings, updates, secrets control,
+// the browser's error reports. Nothing here touches a session.
 import { logger } from "../log.js";
 import { normalizeModelMenu, normalizeModelRef, normalizePublicUrl, } from "../settings.js";
-/** A rule that failed inside the transaction — its own class so the route can
- *  tell it from a real fault. 400 when the request named something this Pier
- *  does not have, 409 when it collided with the state as it stands. */
+/** A rule that failed inside the transaction, distinct from a real fault: 400
+ *  for a name this Pier does not have, 409 for a collision with current state. */
 class Refusal extends Error {
     status;
     constructor(message, status) {
@@ -13,21 +11,16 @@ class Refusal extends Error {
         this.status = status;
     }
 }
-/** One name added to or removed from a stored set, order preserved. */
 const withName = (current, { name, on }) => on ? [...new Set([...current, name])] : current.filter((each) => each !== name);
-/** Client reports per minute, for the whole server: a browser bug can fire in
- *  a loop, and the journal is shared with everything else Pier says. */
+/** A browser bug can fire in a loop, and the journal is shared. */
 const CLIENT_LOG_PER_MINUTE = 60;
 export function registerInstanceRoutes(app, deps) {
     const { settings, updates, updater = null, secrets, catalog, names = { extensions: [], tools: [] }, onUnlocked, onSettingsChanged, onToolsChanged, validateCustomTools, } = deps;
     const updateLog = logger("update");
-    // How long POST /api/update may hold its response open. A busy Pier drains
-    // first, which can take minutes, and a response held that long dies at every
-    // proxy on the way (principle 7): past this cap the answer is "draining".
+    // A busy Pier drains first, which can take minutes, and a response held that
+    // long dies at every proxy: past this cap the answer is "draining".
     const APPLY_REPLY_CAP_MS = 10_000;
-    // The browser's half of the log. A workbench that threw after the response
-    // left the server is otherwise invisible here (ui/report.ts) — this is the
-    // one route whose entire purpose is to make it visible.
+    // A workbench that threw after the response left is otherwise invisible here.
     const clientLog = logger("client");
     let reports = [];
     app.post("/api/client-log", async (c) => {
@@ -43,44 +36,33 @@ export function registerInstanceRoutes(app, deps) {
         const cap = (value, max) => typeof value === "string" ? value.slice(0, max) : "";
         const where = cap(body.view, 120);
         const stack = cap(body.stack, 2000);
-        // One line, ua included: "only on iOS" is the answer half these questions
-        // have, and the report is the only place it exists.
+        // ua included: "only on iOS" is the answer half these questions have.
         clientLog.warn(`${cap(body.message, 500)} [${where || "/"}] ${cap(c.req.header("user-agent"), 160)}` +
             (stack ? `\n${stack}` : ""));
         return c.body(null, 204);
     });
-    // Instance settings. The password lives behind its own route (web/auth.ts):
-    // it is a credential, and changing it takes the old one.
-    // The catalog rides along: one round trip for the whole page, and the
-    // switches cannot disagree with the setting they are drawn from. One shape
-    // for both the read and the write, or the page reconciles two answers.
+    // The catalog rides along so the switches cannot disagree with the setting
+    // they are drawn from. One shape for read and write.
     const instanceSettings = async () => {
         const shown = await catalog?.();
         return {
             ...settings.get(),
             catalog: shown?.entries ?? [],
-            /** Where the runs are: the install and every daily update is one task's
-             *  history, not a second status surface this route invented. */
+            /** The install and every daily update is one task's history. */
             toolsTaskId: shown?.toolsTaskId ?? null,
         };
     };
     app.get("/api/settings", async (c) => c.json(await instanceSettings()));
-    // What the version badge reads: the two versions, whether this instance can
-    // do anything about the gap, and whether it is allowed to do it unattended.
-    // `statusNow` so a browser opened seconds after a restart is told the truth
-    // rather than "no idea yet".
+    // `statusNow` so a browser opened seconds after a restart is told the truth.
     app.get("/api/update", async (c) => c.json({
         ...(await updates.statusNow()),
         canApply: updater !== null,
         autoUpdate: settings.get().autoUpdate,
-        // Reported whether or not an update is pending: the repair is the same,
-        // and finding out at the next restart is finding out too late.
+        // Whether or not an update is pending: the next restart is too late.
         problem: updater?.problem() ?? null,
     }));
-    // Applying. Nothing is installed here: the work is handed to the service
-    // manager's own oneshot unit, which backs the database up and installs while
-    // Pier still runs, then stops it and starts the new version — an npm child of
-    // this process would be killed by the very restart it is performing.
+    // Handed to the service manager's oneshot unit: an npm child of this
+    // process would be killed by the very restart it is performing.
     app.post("/api/update", async (c) => {
         if (!updater) {
             return c.json({ error: "no service manager owns this Pier — update it with: pier update" }, 409);
@@ -103,8 +85,7 @@ export function registerInstanceRoutes(app, deps) {
             new Promise((resolve) => setTimeout(resolve, APPLY_REPLY_CAP_MS, "draining").unref()),
         ]);
         if (started === "draining") {
-            // The handover keeps running behind this response; if it fails later,
-            // main.ts's takeWorkAgain reports it and reopens the gate (§5b).
+            // If the handover fails later, main.ts reports it and reopens the gate (§5).
             updateLog.info(`updating to ${latest} on the Console's request — waiting for running work to finish`);
             return c.json({ started: true, draining: true, latest }, 202);
         }
@@ -122,12 +103,8 @@ export function registerInstanceRoutes(app, deps) {
         updateLog.info(`updating to ${latest} on the Console's request — Pier stops and starts again`);
         return c.json({ started: true, latest });
     });
-    // Partial on purpose: each surface sends only the setting it edits, and a
-    // malformed field is rejected before anything is written.
-    //
-    // A switch sends a *delta* (`tool`/`extension`), not the list it computed:
-    // two quick clicks each carry a list built from what the page knew a moment
-    // ago, so the second silently drops the first.
+    // Partial: each surface sends only what it edits. A switch sends a delta,
+    // not a list: two quick clicks each carrying a list would drop one.
     app.put("/api/settings", async (c) => {
         const body = await c.req.json().catch(() => null);
         const fields = body
@@ -138,9 +115,8 @@ export function registerInstanceRoutes(app, deps) {
                 error: "publicUrl, modelMenu, titleModel, autoUpdate, customTools, extension or tool required",
             }, 400);
         }
-        // Everything is validated before anything is written, and everything is
-        // written in one transaction: a request carrying a new custom tool *and*
-        // the switch that turns it on must not leave one of the two stored.
+        // One transaction: a new custom tool and the switch that turns it on must
+        // not leave one of the two stored.
         const writes = [];
         const refuse = (error) => c.json({ error }, 400);
         if (body?.publicUrl !== undefined) {
@@ -170,9 +146,8 @@ export function registerInstanceRoutes(app, deps) {
                 return refuse("autoUpdate must be a boolean");
             writes.push(() => settings.setAutoUpdate(autoUpdate));
         }
-        /** The blocks this request declares, or null when it does not touch them.
-         *  Adding a tool is declaring it *and* switching it on, so a name declared
-         *  here is switchable in the same write. */
+        /** Null when the request does not touch them; a name declared here is
+         *  switchable in the same write. */
         let declared = null;
         if (body?.customTools !== undefined) {
             const validated = validateCustomTools?.(body.customTools) ??
@@ -183,8 +158,7 @@ export function registerInstanceRoutes(app, deps) {
             const custom = validated.tools;
             writes.push(() => settings.setCustomTools(custom));
         }
-        /** A single switch, applied to the set as it is *now* rather than to the
-         *  list the browser had. Returns the name, or the refusal. */
+        /** Applied to the set as it is now, not the list the browser had. */
         const delta = (raw) => {
             const given = typeof raw === "object" && raw !== null ? raw : null;
             const name = typeof given?.name === "string" ? given.name.trim() : "";
@@ -200,8 +174,6 @@ export function registerInstanceRoutes(app, deps) {
             extensionOne = one;
             writes.push(() => settings.setExtensions(withName(settings.get().extensions, one)));
         }
-        // Whether the enabled set moved, for the install below. The delta itself
-        // is resolved inside the transaction, against the set as it was stored.
         let toolsChanged = false;
         let toolOne = null;
         if (body?.tool !== undefined) {
@@ -212,10 +184,7 @@ export function registerInstanceRoutes(app, deps) {
             toolsChanged = true;
             writes.push(() => settings.setTools(withName(settings.get().tools, one)));
         }
-        // What ubix says about the blocks this request would undeclare. Asked out
-        // here because answering it spawns a subprocess, and a transaction may not
-        // wait on one; the *sets* below are read inside the transaction, where
-        // nothing can move them.
+        // Asked outside the transaction: it spawns a subprocess.
         const dropping = declared !== null &&
             settings.get().customTools.some((tool) => !declared?.some((kept) => kept.name === tool.name));
         const shown = dropping ? await catalog?.() : undefined;
@@ -223,20 +192,10 @@ export function registerInstanceRoutes(app, deps) {
             const entry = shown?.entries.find((row) => row.source === "binary" && row.name === name);
             return entry?.source === "binary" ? entry.binary : null;
         };
-        /**
-         * The rules that are about *sets*, applied inside the transaction against
-         * the settings as they are at that instant. Outside it they are a
-         * time-of-check: a request dropping a declaration and another switching
-         * that tool on both passed, and left an enabled tool nothing declares.
-         *
-         * What may be switched on comes from `names`, which is code and cannot
-         * change while this runs, plus what this request declares. What may be
-         * undeclared is the second rule: a block is the only thing that can
-         * uninstall its binary, so it may not go while the tool is on, installed,
-         * broken, or while ubix's answer about it could not be read. Switching a
-         * name *off* is never refused — that is the repair, and it is the first
-         * half of removing one.
-         */
+        /** Inside the transaction, or two requests both pass and leave an enabled
+         *  tool nothing declares. A block is the only thing that can uninstall its
+         *  binary, so it may not go while the tool is on, installed or broken;
+         *  switching off is never refused, being the first half of removing one. */
         const check = () => {
             const current = settings.get();
             const after = (declared ?? current.customTools).map((tool) => tool.name);
@@ -269,24 +228,20 @@ export function registerInstanceRoutes(app, deps) {
             });
         }
         catch (err) {
-            // Nothing was written: the transaction rolled back with it.
             if (err instanceof Refusal)
                 return c.json({ error: err.message }, err.status);
             throw err;
         }
-        // Stored first, then acted on: the switch shows what was written even when
-        // the install cannot start — and then says why, here, rather than leaving
-        // "saved" as the last thing anyone was told.
+        // Stored first: the switch shows what was written even when the install
+        // cannot start, and then says why.
         const note = toolsChanged ? await onToolsChanged?.() : null;
-        // The URL and the extension set are both read when a session opens; the
-        // model menu is read per picker call, so it needs no recycle.
+        // Read when a session opens; the model menu is read per picker call.
         if (body?.publicUrl !== undefined || body?.extension !== undefined)
             onSettingsChanged?.();
         return c.json({ ...(await instanceSettings()), ...(note ? { toolsSync: note } : {}) });
     });
-    // Layer-1 key status and control (Console → Settings → Security). The GET
-    // is what a locked instance shows; unlock is how it recovers without a
-    // restart, and rotate is the only way to change how the KEK is protected.
+    // Layer-1 key status and control; unlock is how a locked instance recovers
+    // without a restart.
     const secretsStatus = () => ({
         state: secrets.state,
         mode: secrets.mode ?? null,
@@ -303,9 +258,7 @@ export function registerInstanceRoutes(app, deps) {
         onUnlocked?.();
         return c.json(secretsStatus());
     });
-    // Why vt cannot hand the key over is vt's answer, not Pier's: config
-    // sources, routing, whether an agent is listening. Read-only and safe while
-    // locked — without it "locked" is one error string and no way to repair it.
+    // Safe while locked; without it "locked" is one error string and no way to repair.
     app.get("/api/secrets/doctor", async (c) => {
         try {
             return c.json({ report: await secrets.doctor() });

package/dist/web/providers.js

@@ -1,10 +1,8 @@
 // HTTP boundary for provider configuration.
 import { isProviderApi, MODEL_EFFORTS, validateProviderSetup } from "../core/types.js";
 import { ProviderFlows } from "./provider-flows.js";
-/** Unknown JSON into a trimmed, validated ProviderSetup. Shape lives here;
- *  the rules (id charset, endpoint safety, model limits) are the shared
- *  validateProviderSetup in core — web/ cannot import agent/ to reuse its
- *  copy, and must not re-implement them. */
+/** Shape here; the rules are core's validateProviderSetup, since web/ cannot
+ *  import agent/ and must not re-implement them. */
 function setupFrom(raw) {
     if (typeof raw !== "object" || raw === null)
         return null;
@@ -45,9 +43,7 @@ function setupFrom(raw) {
     };
 }
 export function registerProviderRoutes(app, providers, 
-/** A session picks its providers up when it opens, so one that is already
- *  live cannot use what was just configured: server.ts recycles the idle
- *  ones after every change of credentials or structure. */
+/** A session picks its providers up when it opens; idle ones are recycled. */
 onProvidersChanged = () => { }) {
     const flows = new ProviderFlows(providers);
     const configure = async (setup) => {
@@ -135,10 +131,8 @@ onProvidersChanged = () => { }) {
             return c.json({ error: String(err) }, 404);
         }
     });
-    // A probe, so nothing is written and nothing is recycled. 200 either way:
-    // "the key is revoked" is a successful answer to "does this work", and only
-    // a request that could not be made at all is a 400 — including one that
-    // names no model, because nothing here picks one for you.
+    // 200 either way: "the key is revoked" is a successful answer to "does this
+    // work". Only a request that could not be made is a 400.
     app.post("/api/providers/:provider/check", async (c) => {
         const body = await c.req.json().catch(() => null);
         const model = typeof body?.model === "string" ? body.model.trim() : "";

package/dist/web/public/assets/{activity-Bl3vZukb.js → activity-B89_hH7q.js}

@@ -1,4 +1,4 @@
-import{G as e,H as t,O as n,P as r,R as i,S as a,V as o,W as s,Z as c,q as l,v as u}from"./index-Dqdb-Eqt.js";var d=(e,t={})=>{let n=document.createElementNS(`http://www.w3.org/2000/svg`,e);for(let[e,r]of Object.entries(t))n.setAttribute(e,r);return n},f=e=>e===null?`-`:o(Date.now()-e),p={light:{edge:`#a3a3a3`,callback:`#0891b2`,message:`#d97706`,scheduler:{fill:`#f5f3ff`,stroke:`#a78bfa`,text:`#5b21b6`},console:{fill:`#eff6ff`,stroke:`#93c5fd`,text:`#1d4ed8`},task:{fill:`#fffbeb`,stroke:`#fbbf24`,text:`#92400e`},process:{fill:`#f5f5f5`,stroke:`#a3a3a3`,text:`#525252`,dash:`4 3`},streaming:{fill:`#ffffff`,stroke:`#10b981`,text:`#262626`},idle:{fill:`#fafafa`,stroke:`#d4d4d4`,text:`#737373`}},dark:{edge:`#7a7a7a`,callback:`#3fc3dd`,message:`#e0a13a`,scheduler:{fill:`#2b2440`,stroke:`#7d63c9`,text:`#c9b8f5`},console:{fill:`#1f2a3d`,stroke:`#4a7fbf`,text:`#a8c8f0`},task:{fill:`#3a2f1c`,stroke:`#b8862a`,text:`#f0d49a`},process:{fill:`#262626`,stroke:`#5c5c5c`,text:`#a3a3a3`,dash:`4 3`},streaming:{fill:`#22302a`,stroke:`#10b981`,text:`#e5e5e5`},idle:{fill:`#212121`,stroke:`#4a4a4a`,text:`#9a9a9a`}}},m=()=>p[document.documentElement.dataset.theme===`dark`?`dark`:`light`];function h(o,p,h){let g=`sessions`,_=`active`,v={sessions:[],runs:[],messages:[]},y=``,b=e(async()=>{let e=_,n=await l(`/api/activity?scope=${e}`,`Failed to load activity`);if(!n.ok){y=``,o.replaceChildren(t(`p`,`p-4 text-[13px] text-red-600`,n.error));return}if(e!==_)return;let r=JSON.stringify(n.value);if(`${e}:${r}`===y)return;y=`${e}:${r}`;let i=n.value;v={...i,sessions:i.sessions.map(e=>({...e,title:c(e.title)}))},x()});function x(){let e=r(n([[`Sessions`,`sessions`],[`Relationships`,`dependencies`]],g,e=>{g=e,x()}),t(`span`,`ml-auto text-[11.5px] text-neutral-400`,`${v.sessions.length} sessions · ${v.runs.length} runs`),n([[`Current`,`active`],[`Last 24h`,`recent`]],_,e=>{_=e,x(),b()})),i=t(`div`,`automation-list min-h-0 flex-1 overflow-auto`);g===`sessions`?S(i):w(i),o.replaceChildren(e,i)}function S(e){let n=document.createElement(`table`);n.className=`w-full table-fixed text-left text-[12.5px]`,n.innerHTML=`<thead class="sticky top-0 bg-neutral-50 text-[10.5px] uppercase tracking-wide text-neutral-400 shadow-[inset_0_-1px_0_var(--color-neutral-200)]"><tr>
+import{G as e,H as t,O as n,P as r,R as i,S as a,V as o,W as s,Z as c,q as l,v as u}from"./index-DzXDXra_.js";var d=(e,t={})=>{let n=document.createElementNS(`http://www.w3.org/2000/svg`,e);for(let[e,r]of Object.entries(t))n.setAttribute(e,r);return n},f=e=>e===null?`-`:o(Date.now()-e),p={light:{edge:`#a3a3a3`,callback:`#0891b2`,message:`#d97706`,scheduler:{fill:`#f5f3ff`,stroke:`#a78bfa`,text:`#5b21b6`},console:{fill:`#eff6ff`,stroke:`#93c5fd`,text:`#1d4ed8`},task:{fill:`#fffbeb`,stroke:`#fbbf24`,text:`#92400e`},process:{fill:`#f5f5f5`,stroke:`#a3a3a3`,text:`#525252`,dash:`4 3`},streaming:{fill:`#ffffff`,stroke:`#10b981`,text:`#262626`},idle:{fill:`#fafafa`,stroke:`#d4d4d4`,text:`#737373`}},dark:{edge:`#7a7a7a`,callback:`#3fc3dd`,message:`#e0a13a`,scheduler:{fill:`#2b2440`,stroke:`#7d63c9`,text:`#c9b8f5`},console:{fill:`#1f2a3d`,stroke:`#4a7fbf`,text:`#a8c8f0`},task:{fill:`#3a2f1c`,stroke:`#b8862a`,text:`#f0d49a`},process:{fill:`#262626`,stroke:`#5c5c5c`,text:`#a3a3a3`,dash:`4 3`},streaming:{fill:`#22302a`,stroke:`#10b981`,text:`#e5e5e5`},idle:{fill:`#212121`,stroke:`#4a4a4a`,text:`#9a9a9a`}}},m=()=>p[document.documentElement.dataset.theme===`dark`?`dark`:`light`];function h(o,p,h){let g=`sessions`,_=`active`,v={sessions:[],runs:[],messages:[]},y=``,b=e(async()=>{let e=_,n=await l(`/api/activity?scope=${e}`,`Failed to load activity`);if(!n.ok){y=``,o.replaceChildren(t(`p`,`p-4 text-[13px] text-red-600`,n.error));return}if(e!==_)return;let r=JSON.stringify(n.value);if(`${e}:${r}`===y)return;y=`${e}:${r}`;let i=n.value;v={...i,sessions:i.sessions.map(e=>({...e,title:c(e.title)}))},x()});function x(){let e=r(n([[`Sessions`,`sessions`],[`Relationships`,`dependencies`]],g,e=>{g=e,x()}),t(`span`,`ml-auto text-[11.5px] text-neutral-400`,`${v.sessions.length} sessions · ${v.runs.length} runs`),n([[`Current`,`active`],[`Last 24h`,`recent`]],_,e=>{_=e,x(),b()})),i=t(`div`,`automation-list min-h-0 flex-1 overflow-auto`);g===`sessions`?S(i):w(i),o.replaceChildren(e,i)}function S(e){let n=document.createElement(`table`);n.className=`w-full table-fixed text-left text-[12.5px]`,n.innerHTML=`<thead class="sticky top-0 bg-neutral-50 text-[10.5px] uppercase tracking-wide text-neutral-400 shadow-[inset_0_-1px_0_var(--color-neutral-200)]"><tr>
       <th class="w-[50%] px-4 py-2 font-semibold md:w-[34%]">Session</th>
       <th class="hidden w-[38%] px-2 py-2 font-semibold md:table-cell">Project</th>
       <th class="px-2 py-2 font-semibold md:w-[14%]">State</th>

package/dist/web/public/assets/{boards-DYuf4Mlj.js → boards-BeKW0ZXK.js}

@@ -1 +1 @@
-import{E as e,H as t,K as n,N as r,R as i,S as a,U as o,X as s,Y as c,q as l,x as u,y as d,z as f}from"./index-Dqdb-Eqt.js";var p=e=>e.public&&e.token?`/p/${e.slug}-${e.token}/`:`/boards/${e.slug}/`;function m(m,h){let g=[],_=``,v=t(`header`,`pagehead sticky top-[-8px] z-30 max-md:hidden`,e(`Boards`)),y=t(`div`,`px-4 pb-5 pt-1`);m.append(t(`div`,`min-h-0 flex-1 overflow-y-auto`,v,y));async function b(e,t){let r=await s(`/api/boards/${e.slug}`,{public:t},`PATCH`);if(r.ok)return e.token=(await r.json().catch(()=>({}))).token??``,w();_=await n(r,`Could not change ${e.slug}`),await T()}async function x(e){_=await c(`/api/boards/${e}`,`DELETE`,`Could not delete ${e}`)??``,await T()}function S(e){let n=t(`div`,`group flex flex-col gap-1 py-2.5`),i=document.createElement(`a`);i.className=`min-w-0 flex-1 truncate text-[13px] font-medium text-neutral-800 hover:text-indigo-700 max-md:basis-full`,i.href=p(e),i.target=`_blank`,i.rel=`noreferrer`,i.textContent=e.title;let a=t(`div`,`flex flex-wrap items-center gap-x-2 gap-y-1`,i),s=r(``,``,e.public,t=>{e.public=t,b(e,t)});s.className=`flex flex-none cursor-pointer items-center gap-1.5 text-[11.5px] text-neutral-500`,s.append(t(`span`,``,`Public`));let c=d(`Delete`,`flex-none cursor-pointer text-[11.5px] text-neutral-400 opacity-0 transition-opacity hover:text-red-600 group-hover:opacity-100 pointer-coarse:opacity-100`);c.title=`Renames the folder on disk; nothing is erased`,c.onclick=()=>void x(e.slug);let l=f(`flex-none cursor-pointer text-[11.5px] text-neutral-400 opacity-0 transition-opacity hover:text-indigo-600 group-hover:opacity-100 pointer-coarse:opacity-100`,()=>`${location.origin}${p(e)}`);l.title=`Copy the board's link`,a.append(t(`div`,`ml-auto flex flex-none items-center gap-2`,s,l,c)),n.append(a);let u=t(`div`,`flex flex-wrap items-center gap-x-3 gap-y-1 text-[11.5px] text-neutral-500`);u.append(t(`span`,`min-w-0 break-all font-mono text-neutral-400`,e.slug)),e.description&&u.append(t(`span`,`min-w-0 truncate`,e.description)),u.append(t(`span`,`flex-none text-neutral-400`,o(Date.parse(e.updatedAt))));for(let t of e.sessions){let e=d(t.slice(0,8),`flex-none cursor-pointer font-mono text-indigo-600 hover:underline`);e.title=`Open session ${t}`,e.onclick=()=>h(t),u.append(e)}if(e.public&&e.token){let n=t(`span`,`min-w-0 break-all font-mono text-neutral-400`,p(e));n.title=`Public URL — anyone holding this link can read the board, no password`,u.append(n)}return n.append(u),n}let C=[{title:`Public`,hint:`Readable at /p/<slug>-<token>/ by anyone holding the link.`,wanted:!0},{title:`Private`,hint:`Reachable from the Console only.`,wanted:!1}];function w(){let e=t(`div`,`mx-auto flex w-full max-w-3xl flex-col gap-4`);g.length===0&&e.append(a(`No boards yet. Ask an agent to build one — it writes a folder under ~/.pier/boards.`));for(let{title:n,hint:r,wanted:i}of C){let a=g.filter(e=>e.public===i);a.length!==0&&e.append(u(n,r,t(`div`,`flex flex-col divide-y divide-neutral-200/70`,...a.map(S))))}y.replaceChildren(..._?[t(`p`,`mb-3 text-[13px] text-red-600`,_)]:[],e)}async function T(){let e=await l(`/api/boards`,`Could not load boards`);if(!e.ok)return _=e.error,w();g=e.value,w(),_=``}let E=i(m,()=>void T());return window.addEventListener(`focus`,()=>{E.visible&&T()}),E}export{m as createBoardsView};
+import{E as e,H as t,K as n,N as r,R as i,S as a,U as o,X as s,Y as c,q as l,x as u,y as d,z as f}from"./index-DzXDXra_.js";var p=e=>e.public&&e.token?`/p/${e.slug}-${e.token}/`:`/boards/${e.slug}/`;function m(m,h){let g=[],_=``,v=t(`header`,`pagehead sticky top-[-8px] z-30 max-md:hidden`,e(`Boards`)),y=t(`div`,`px-4 pb-5 pt-1`);m.append(t(`div`,`min-h-0 flex-1 overflow-y-auto`,v,y));async function b(e,t){let r=await s(`/api/boards/${e.slug}`,{public:t},`PATCH`);if(r.ok)return e.token=(await r.json().catch(()=>({}))).token??``,w();_=await n(r,`Could not change ${e.slug}`),await T()}async function x(e){_=await c(`/api/boards/${e}`,`DELETE`,`Could not delete ${e}`)??``,await T()}function S(e){let n=t(`div`,`group flex flex-col gap-1 py-2.5`),i=document.createElement(`a`);i.className=`min-w-0 flex-1 truncate text-[13px] font-medium text-neutral-800 hover:text-indigo-700 max-md:basis-full`,i.href=p(e),i.target=`_blank`,i.rel=`noreferrer`,i.textContent=e.title;let a=t(`div`,`flex flex-wrap items-center gap-x-2 gap-y-1`,i),s=r(``,``,e.public,t=>{e.public=t,b(e,t)});s.className=`flex flex-none cursor-pointer items-center gap-1.5 text-[11.5px] text-neutral-500`,s.append(t(`span`,``,`Public`));let c=d(`Delete`,`flex-none cursor-pointer text-[11.5px] text-neutral-400 opacity-0 transition-opacity hover:text-red-600 group-hover:opacity-100 pointer-coarse:opacity-100`);c.title=`Renames the folder on disk; nothing is erased`,c.onclick=()=>void x(e.slug);let l=f(`flex-none cursor-pointer text-[11.5px] text-neutral-400 opacity-0 transition-opacity hover:text-indigo-600 group-hover:opacity-100 pointer-coarse:opacity-100`,()=>`${location.origin}${p(e)}`);l.title=`Copy the board's link`,a.append(t(`div`,`ml-auto flex flex-none items-center gap-2`,s,l,c)),n.append(a);let u=t(`div`,`flex flex-wrap items-center gap-x-3 gap-y-1 text-[11.5px] text-neutral-500`);u.append(t(`span`,`min-w-0 break-all font-mono text-neutral-400`,e.slug)),e.description&&u.append(t(`span`,`min-w-0 truncate`,e.description)),u.append(t(`span`,`flex-none text-neutral-400`,o(Date.parse(e.updatedAt))));for(let t of e.sessions){let e=d(t.slice(0,8),`flex-none cursor-pointer font-mono text-indigo-600 hover:underline`);e.title=`Open session ${t}`,e.onclick=()=>h(t),u.append(e)}if(e.public&&e.token){let n=t(`span`,`min-w-0 break-all font-mono text-neutral-400`,p(e));n.title=`Public URL — anyone holding this link can read the board, no password`,u.append(n)}return n.append(u),n}let C=[{title:`Public`,hint:`Readable at /p/<slug>-<token>/ by anyone holding the link.`,wanted:!0},{title:`Private`,hint:`Reachable from the Console only.`,wanted:!1}];function w(){let e=t(`div`,`mx-auto flex w-full max-w-3xl flex-col gap-4`);g.length===0&&e.append(a(`No boards yet. Ask an agent to build one — it writes a folder under ~/.pier/boards.`));for(let{title:n,hint:r,wanted:i}of C){let a=g.filter(e=>e.public===i);a.length!==0&&e.append(u(n,r,t(`div`,`flex flex-col divide-y divide-neutral-200/70`,...a.map(S))))}y.replaceChildren(..._?[t(`p`,`mb-3 text-[13px] text-red-600`,_)]:[],e)}async function T(){let e=await l(`/api/boards`,`Could not load boards`);if(!e.ok)return _=e.error,w();g=e.value,w(),_=``}let E=i(m,()=>void T());return window.addEventListener(`focus`,()=>{E.visible&&T()}),E}export{m as createBoardsView};

package/dist/web/public/assets/explorer-DIuMlaV3.js

@@ -0,0 +1,4 @@
+import{$ as e,B as t,H as n,J as r,L as i,R as a,U as o,a as s,at as c,c as l,d as u,et as d,f,i as p,it as m,o as h,p as g}from"./index-DzXDXra_.js";var ee=[[`path`,{d:`M12 5v14`}],[`path`,{d:`m19 12-7 7-7-7`}]],te=[[`path`,{d:`M12 22v-6`}],[`path`,{d:`M12 8V2`}],[`path`,{d:`M4 12H2`}],[`path`,{d:`M10 12H8`}],[`path`,{d:`M16 12h-2`}],[`path`,{d:`M22 12h-2`}],[`path`,{d:`m15 19-3-3-3 3`}],[`path`,{d:`m15 5-3 3-3-3`}]],ne=[[`path`,{d:`M10 20a1 1 0 0 0 .553.895l2 1A1 1 0 0 0 14 21v-7a2 2 0 0 1 .517-1.341L21.74 4.67A1 1 0 0 0 21 3H3a1 1 0 0 0-.742 1.67l7.225 7.989A2 2 0 0 1 10 14z`}]],re=[[`path`,{d:`M15 6a9 9 0 0 0-9 9V3`}],[`circle`,{cx:`18`,cy:`6`,r:`3`}],[`circle`,{cx:`6`,cy:`18`,r:`3`}]],_=[[`path`,{d:`M3 12a9 9 0 1 0 9-9 9.75 9.75 0 0 0-6.74 2.74L3 8`}],[`path`,{d:`M3 3v5h5`}]],v=e=>{let t=new Date(e),n=e=>String(e).padStart(2,`0`);return`${t.getFullYear()}-${n(t.getMonth()+1)}-${n(t.getDate())} ${n(t.getHours())}:${n(t.getMinutes())}:${n(t.getSeconds())}`},ie=e=>[e.subject,e.body,[[e.author,e.email?`<${e.email}>`:``].filter(Boolean).join(` `),e.at?v(e.at):``].filter(Boolean).join(` · `)].filter(Boolean).join(`
+
+`),y=null;function b(){y&&(y.remove(),y=null,document.removeEventListener(`pointerdown`,b,!0),window.removeEventListener(`scroll`,b,!0))}function x(e,t){e.onmouseenter=()=>{b();let r=t();if(!r)return;y=n(`div`,`pointer-events-none fixed z-50 max-w-96 whitespace-pre-wrap rounded-lg bg-neutral-800/95 px-3 py-2 font-sans text-[11.5px] leading-snug text-neutral-100 shadow-lg`),y.textContent=r,document.body.append(y),document.addEventListener(`pointerdown`,b,!0),window.addEventListener(`scroll`,b,!0);let i=e.getBoundingClientRect();y.style.left=`${Math.max(8,Math.min(i.left,window.innerWidth-y.offsetWidth-8))}px`,y.style.top=i.bottom+6+y.offsetHeight>window.innerHeight?`${i.top-y.offsetHeight-6}px`:`${i.bottom+6}px`},e.onmouseleave=b}function S(t,r,i){let a=n(`button`,`flex w-full cursor-pointer items-center gap-1.5 px-2 py-1 text-left hover:bg-neutral-100`,e(m,`h-3 w-3 text-indigo-600 ${t.value===r?``:`invisible`}`),n(`span`,`inline-flex flex-none items-center gap-1.5 font-mono text-[11.5px] text-neutral-800`,t.label??t.value));return t.subject&&a.append(n(`span`,`min-w-0 truncate text-[11px] text-neutral-400`,t.subject)),t.author&&a.append(n(`span`,`ml-auto flex-none pl-1.5 text-[10.5px] text-neutral-400`,`${t.author} · ${t.at?o(t.at):``}`)),x(a,()=>ie(t)),a.onclick=()=>i(t.value),a}function ae(t,r,i,a,o){let{base:c,head:l}=i,u=()=>l&&c===`${l}~1`?l:``,d=u()?`commit`:`compare`,f=r.commits[0],p=e=>[...e?[{value:``,label:`Working tree`,subject:`the files on disk, uncommitted changes included`}]:[],{...f,value:`HEAD`},...r.refs.map(e=>({value:e.name,subject:e.subject})),...r.commits.map(e=>({...e,value:e.hash}))],m=n(`div`,`flex w-[38rem] max-w-full flex-col`);function g(){let t=(e,t)=>{let r=n(`button`,`cursor-pointer rounded-full px-2.5 py-0.5 text-[11.5px] ${d===t?`bg-indigo-50 font-medium text-indigo-700`:`text-neutral-500 hover:bg-neutral-100`}`,e);return r.onclick=()=>{d=t,g()},r},i=(e,t,r,i)=>n(`div`,`flex min-w-0 flex-1 flex-col`,n(`div`,`flex-none px-2 pb-0.5 text-[10.5px] font-semibold uppercase tracking-wide text-neutral-400`,e),n(`div`,`min-h-0 flex-1 overflow-y-auto`,...t.map(e=>S(e,r,i)))),f=d===`compare`?n(`div`,`flex h-72 min-h-0 divide-x divide-neutral-200 pb-1`,i(`base`,p(!1),c,e=>{c=e,g(),a(c,l)}),i(`to`,p(!0),l,e=>{l=e,g(),a(c,l)})):n(`div`,`flex h-72 min-h-0 flex-col overflow-y-auto pb-1`,...r.commits.map(e=>S({value:e.hash,...e},u(),e=>{c=`${e}~1`,l=e,s(),a(c,l)}))),h=n(`div`,`flex-none border-t border-neutral-200`,S({value:o,label:`${o} ↔ Working tree`,subject:`back to the default: the main line's tip vs the files on disk`},c===o&&l===``?o:``,()=>{c=o,l=``,g(),a(c,l)}));h.querySelector(`button > span`).prepend(e(_)),m.replaceChildren(n(`div`,`flex flex-none items-center gap-1 border-b border-neutral-200 px-2 py-1.5`,t(`Compare two points`,`compare`),t(`One commit`,`commit`)),f,...d===`compare`?[h]:[])}g(),h(t,m)}var oe=/\.(png|jpe?g|gif|webp|avif|bmp|svg)$/i,se={A:`text-emerald-600`,M:`text-amber-600`,D:`text-red-600`},ce=30,C=`pier.filesPrefs`,w=50,T=()=>{try{let e=JSON.parse(localStorage.getItem(C)??`{}`);return e&&typeof e==`object`?e:{}}catch{return{}}},E=e=>{let t=e?T()[e]:void 0;return typeof t?.cwd==`string`&&typeof t.base==`string`&&typeof t.head==`string`?{cwd:t.cwd,base:t.base,head:t.head}:null},le=(e,t)=>{let n=T();delete n[e],n[e]=t;let r=Object.keys(n);for(let e of r.slice(0,Math.max(0,r.length-w)))delete n[e];try{localStorage.setItem(C,JSON.stringify(n))}catch(e){console.warn(`Files: could not remember this folder`,e)}},D=(e,t=`indigo`)=>{let r=n(`button`,`min-w-0 cursor-pointer truncate rounded-md px-2 py-0.5 text-left font-mono text-[11.5px] ${t===`indigo`?`bg-indigo-50 font-medium text-indigo-700 hover:bg-indigo-100`:`bg-neutral-100 text-neutral-600 hover:bg-neutral-200`}`,e);return r.type=`button`,r};function O(o,s,m,h){let _=``,v=``,y={branch:null,refs:[],commits:[],worktrees:[]},b=`HEAD`,S=``,C=new Map,w=!0,T=!1,O=[],k=new Set,A=null,j=null,ue=n(`header`,`pagehead`),M=n(`div`,`flex-none border-b border-neutral-200`),N=n(`div`,`min-h-0 flex-1 overflow-y-auto py-1`),de=n(`aside`,`flex w-64 flex-none flex-col border-r border-neutral-200 text-[12.5px] max-md:h-2/5 max-md:w-full max-md:border-b max-md:border-r-0`,M,N),P=n(`div`,`h-full min-w-0 overflow-auto`),F=n(`div`,`pointer-events-none absolute inset-y-0 right-0 z-20 hidden w-2`),fe=n(`section`,`relative min-h-0 min-w-0 flex-1`,P,F);o.append(ue,n(`div`,`flex min-h-0 flex-1 max-md:flex-col`,de,fe));let I=(e,t)=>`/api/explorer/${e}?${new URLSearchParams({root:_,...t})}`,L=(e,t)=>`/api/fs/${e}?${new URLSearchParams({root:_,...t})}`,R=(e,t=`text-neutral-400`)=>n(`p`,`px-4 py-3 text-[12.5px] ${t}`,e),z=e=>{let t=0;for(let n of C.keys())n.startsWith(`${e}/`)&&t++;return t};function B(e,t){let n=new Set(t.map(e=>e.name)),r=e?`${e}/`:``;for(let[e,i]of C){if(i.status!==`D`||!e.startsWith(r))continue;let a=e.slice(r.length).split(`/`)[0];n.has(a)||(n.add(a),t.push({name:a,dir:e.slice(r.length).includes(`/`)}))}let i=t;return w&&y.branch&&(i=t.filter(e=>e.dir?z(`${r}${e.name}`)>0:C.has(`${r}${e.name}`))),i.sort((e,t)=>Number(t.dir)-Number(e.dir)||e.name.localeCompare(t.name)),i.map(e=>e.dir?pe(`${r}${e.name}`,e.name):me(`${r}${e.name}`,e.name))}async function V(e,t){try{let{entries:n}=await r(L(`ls`,{path:t}),`could not list this folder`);e.replaceChildren(...B(t,n)),e.childElementCount||e.append(R(w?`No changes.`:`Empty.`))}catch(n){let r=B(t,[]);r.length?e.replaceChildren(...r):e.replaceChildren(R(String(n),`text-red-600`))}}function pe(e,r){let i=z(e),a=[n(`span`,`truncate`,r)];i&&a.push(n(`span`,`ml-auto flex-none rounded bg-amber-100/80 px-1 font-mono text-[10px] text-amber-700`,String(i)));let{el:o,summary:s}=t(``,a);s.className+=` px-2 py-0.5 hover:bg-neutral-100`;let c=n(`div`,`pl-3`);o.append(c);let l=!1,u=()=>{l||(l=!0,c.append(R(`…`)),V(c,e))};return o.ontoggle=()=>{k[o.open?`add`:`delete`](e),o.open&&u()},(w&&y.branch&&!T||k.has(e))&&(o.open=!0,u()),o}function H(e){j?.classList.remove(`bg-indigo-50`,`text-indigo-700`),j=e,e.classList.add(`bg-indigo-50`,`text-indigo-700`)}function me(e,t){let r=C.get(e)?.status,i=n(`button`,`flex w-full cursor-pointer items-center gap-1.5 px-2 py-0.5 pl-6 text-left hover:bg-neutral-100`,n(`span`,`truncate`,t));return r&&i.append(n(`span`,`ml-auto flex-none font-mono text-[10.5px] font-semibold ${se[r]??`text-neutral-500`}`,r)),i.title=e,e===A&&H(i),i.onclick=()=>{H(i),A=e,_e(e)},i}let U=()=>void V(N,``),W=(e,t)=>[...e?[n(`span`,`flex-none font-mono text-[10.5px] font-semibold text-emerald-600`,`+${e}`)]:[],...t?[n(`span`,`flex-none font-mono text-[10.5px] font-semibold text-red-600`,`−${t}`)]:[]];function G(e,t,r){let a=C.get(e),o=n(`div`,`sticky top-0 z-10 flex items-center gap-2 border-b border-neutral-200 bg-white px-4 py-1.5 font-mono text-[11.5px] text-neutral-500`,n(`span`,`truncate`,e));a&&(o.append(n(`span`,`flex-none font-semibold ${se[a.status]??``}`,a.status)),o.append(...W(a.add,a.del)));let s=n(`div`,`ml-auto flex flex-none items-center gap-2`);if(r&&s.append(r),t){let t=document.createElement(`a`);t.className=`flex-none text-neutral-400 hover:text-indigo-700 hover:underline`,t.href=L(`file`,{path:e}),t.download=i(e),t.textContent=`Download`,s.append(t)}return o.append(s),o}function he(e){let t=0;for(;t<e.length;){if(e[t].tone!==`del`){t++;continue}let n=t;for(;t<e.length&&e[t].tone===`del`;)t++;let r=t;for(;t<e.length&&e[t].tone===`add`;)t++;let i=Math.min(r-n,t-r);for(let t=0;t<i;t++){let i=e[n+t],a=e[r+t],o=Math.min(i.text.length,a.text.length),s=0;for(;s<o&&i.text[s]===a.text[s];)s++;let c=0;for(;c<o-s&&i.text[i.text.length-1-c]===a.text[a.text.length-1-c];)c++;s+c!==0&&(i.mark=[s,i.text.length-c],a.mark=[s,a.text.length-c])}}}let K=we();function q(){F.classList.add(`hidden`),F.replaceChildren(),K.set([],[])}let ge=0,J=e=>e===ge;function _e(e){let t=++ge;return C.has(e)?Te(e,t):ve(e,t)}async function ve(e,t){if(!J(t))return;q();let r=L(`file`,{path:e}),i=n(`div`,`min-w-0`);if(P.classList.remove(`flex`,`flex-col`),P.replaceChildren(G(e,!0),i),oe.test(e)){let e=n(`img`,`max-w-full p-4`);e.src=r,e.onerror=()=>i.replaceChildren(R(`Could not load image.`,`text-red-600`)),i.append(e);return}if(e.toLowerCase().endsWith(`.pdf`)){let t=document.createElement(`iframe`);t.className=`h-full w-full`,t.src=r,P.replaceChildren(G(e,!0),t),P.classList.add(`flex`,`flex-col`);return}i.append(R(`…`));let a=await fetch(r);if(!J(t))return;if(!a.ok){let{error:e}=await a.json().catch(()=>({}));i.replaceChildren(R(e??`HTTP ${a.status}`,`text-red-600`));return}if(!(a.headers.get(`content-type`)??``).startsWith(`text/plain`)){i.replaceChildren(R(`Binary file — use Download.`));return}let o=f(await a.text());if(!J(t))return;let s=await g(e);J(t)&&i.replaceChildren(u(o,s))}function ye(e){let t=[],n=0,r=0,i=!1,a=e.split(`
+`);a.at(-1)===``&&a.pop();for(let e of a){let a=/^@@ -(\d+)(?:,\d+)? \+(\d+)(?:,\d+)? @@/.exec(e);if(a){i&&t.push({nums:[``,``],text:`⋯`,tone:``}),[n,r]=[Number(a[1]),Number(a[2])],i=!0;continue}!i||e.startsWith(`\\`)||(e.startsWith(`+`)?t.push({nums:[``,r++],text:e.slice(1),tone:`add`}):e.startsWith(`-`)?t.push({nums:[n++,``],text:e.slice(1),tone:`del`}):t.push({nums:[n++,r++],text:e.slice(1),tone:``}))}return t}function be(e){let t=[];for(let n=0;n<e.length;n++){let r=e[n].tone;if(!r)continue;let i=t.at(-1);i&&i.end===n-1?(i.end=n,(r===`add`&&i.tone===`del`||r===`del`&&i.tone===`add`)&&(i.tone=`mixed`)):t.push({start:n,end:n,tone:r})}return t}let xe={add:`bg-emerald-400`,del:`bg-red-400`,mixed:`bg-amber-400`};function Se(e,t,r){F.replaceChildren(...e.map(e=>{let i=n(`button`,`pointer-events-auto absolute w-full cursor-pointer ${xe[e.tone]}`);return i.style.top=`${e.start/t*100}%`,i.style.height=`${Math.max(.4,(e.end-e.start+1)/t*100)}%`,i.title=`line ${Ce(r,e.start)}`,i.onclick=()=>r[e.start].scrollIntoView({block:`center`}),i})),F.classList.remove(`hidden`)}let Ce=(e,t)=>e[t]?.querySelector(`span`)?.textContent?.trim()||String(t+1);function we(){let t=[],r=[],i=-1,a=n(`span`,`flex-none text-[10.5px] text-neutral-400`),s=e=>{t.length&&(i=(i+e+t.length)%t.length,r[t[i].start].scrollIntoView({block:`center`}),a.textContent=`${i+1}/${t.length}`)},u=()=>t.length>0&&!o.classList.contains(`hidden`),d=(t,r,i,a)=>{let o=n(`button`,`icon-btn flex-none`,e(t));return o.onclick=()=>s(r),l(o,a,i,()=>s(r),u),o};return{el:n(`div`,`flex flex-none items-center gap-1`,a,d(c,-1,`Previous change`,[`p`,`k`]),d(ee,1,`Next change`,[`n`,`j`])),set(e,n){t=e,r=n,i=-1,a.textContent=`${e.length} change${e.length===1?``:`s`}`}}}async function Te(e,t){q(),P.classList.remove(`flex`,`flex-col`);let n=C.get(e)?.status!==`D`;P.replaceChildren(G(e,n),R(`…`));try{let{diff:i}=await r(I(`diff`,{base:b,head:S,file:e,context:`99999`}),`could not read this diff`);if(!J(t))return;if(!i||/^Binary files /m.test(i))return ve(e,t);let a=ye(i);he(a);let o=await g(e);if(!J(t))return;let s=u(a,o),c=[...s.children],l=be(a);K.set(l,c),P.replaceChildren(G(e,n,K.el),s),Se(l,a.length,c)}catch(n){J(t)&&P.replaceChildren(G(e,!1),R(String(n),`text-red-600`))}}let Y=()=>S&&b===`${S}~1`?S:``,Ee=()=>y.commits.find(e=>e.hash===Y())?.subject??``,De=()=>Y()?`${Y()} — ${Ee()||`commit`}`:`${b} ↔ ${S||`working tree`}`,Oe=(t,r,i,a)=>{let o=n(`button`,`flex h-6 w-6 flex-none cursor-pointer items-center justify-center rounded-md ${i?`bg-indigo-50 text-indigo-700`:`text-neutral-400 hover:bg-neutral-100 hover:text-neutral-700`}`);return o.append(e(t)),o.title=r,o.setAttribute(`aria-label`,r),o.setAttribute(`aria-pressed`,String(i)),o.onclick=a,o};function X(){let e=Oe(ne,`Show only files that differ`,w,()=>{w=!w,X(),U()}),t=Oe(te,T?`Restore folders`:`Collapse all folders`,T,()=>{if(T=!T,T)O=[...k],k.clear();else for(let e of O)k.add(e);X(),U()});if(!y.branch){M.replaceChildren(n(`div`,`flex items-center justify-end gap-1 p-1.5`,t));return}let r=D(De());if(Y()){let e=y.commits.find(e=>e.hash===Y());x(r,()=>e?ie(e):``)}else r.title=`Choose what to diff`;r.onclick=async()=>{await Me(),ae(r,y,{base:b,head:S},(e,t)=>{b=e,S=t,Z()},$())};let[i,a]=[0,0];for(let e of C.values())i+=e.add,a+=e.del;M.replaceChildren(n(`div`,`flex flex-col gap-1 p-2`,r,n(`div`,`flex items-center gap-1.5 pl-1`,n(`span`,`text-[11px] text-neutral-400`,`${C.size} changed file${C.size===1?``:`s`}`),...W(i,a),n(`span`,`ml-auto`),e,t)))}let ke=()=>{v&&_&&le(v,{cwd:_,base:b,head:S})},Ae=e=>{let t=e.replace(/~\d+$/,``);return!t||t===`HEAD`||y.refs.some(e=>e.name===t)||y.commits.some(e=>e.hash===t)};async function je(){if(C=new Map,!y.branch)return;let{files:e}=await r(I(`diff`,{base:b,head:S}),`could not read what changed`);for(let t of e)C.set(t.path,{status:t.status,add:t.add,del:t.del});if(C.size<=ce)for(let e of C.keys()){let t=e.split(`/`);for(let e=1;e<t.length;e++)k.add(t.slice(0,e).join(`/`))}}async function Z(){ke();try{await je()}catch(e){X(),N.replaceChildren(R(String(e),`text-red-600`));return}X(),U(),A&&_e(A)}function Q(){let t=D(_||`Choose a folder…`,`neutral`);t.className+=` max-w-72`,t.title=`Switch folder`,t.onclick=()=>p(t,y.worktrees.map(e=>({path:e.path,...e.branch?{hint:e.branch}:{}})),_||void 0,m);let r=n(`button`,`icon-btn`,e(d));r.type=`button`,r.title=`Close Files`,r.setAttribute(`aria-label`,`Close Files`),r.onclick=h,r.classList.add(`ml-auto`),ue.replaceChildren(t,n(`span`,`flex min-w-0 items-center gap-1 truncate font-mono text-[11.5px] text-neutral-400`,...y.branch?[e(re),n(`span`,`truncate`,y.branch)]:[`no git`]),r)}async function Me(){if(_)try{y=await r(I(`git`,{}),`could not read this repository`),Q()}catch(e){P.replaceChildren(R(String(e),`text-red-600`))}}let $=()=>y.refs.some(e=>e.name===`main`)?`main`:y.refs.some(e=>e.name===`master`)?`master`:`HEAD`;async function Ne(){if(Q(),A=null,j=null,k.clear(),q(),P.classList.remove(`flex`,`flex-col`),P.replaceChildren(R(`Select a file.`)),!_){M.replaceChildren(),N.replaceChildren(),P.replaceChildren(R(`No folder yet — pick one from the chip above.`));return}try{y=await r(I(`git`,{}),`could not read this repository`)}catch(e){y={branch:null,refs:[],commits:[],worktrees:[]},P.replaceChildren(R(String(e),`text-red-600`))}let e=E(v),t=e&&e.cwd===_&&Ae(e.base)&&Ae(e.head)?e:null;b=t?.base??$(),S=t?.head??``,Q(),await Z()}return a(o,e=>{let t=s(),n=t?.id??``,r=e?.startsWith(`/`)?e:(n===v?_:``)||E(n)?.cwd||t?.cwd||``;if(r===_&&n===v&&N.childElementCount){Q(),Me().then(Z);return}v=n,_=r,Ne()},()=>{q(),P.classList.remove(`flex`,`flex-col`),P.replaceChildren(R(`Select a file.`))})}export{O as createExplorerView};