@dylanpiercey/work 0.2.17 → 0.2.19

package/dist/public/sw.js

@@ -49,14 +49,21 @@ self.addEventListener("notificationclick", (e) => {
         const client = clients.find((c) =>
           APP_PATH.test(new URL(c.url).pathname),
         );
+        // An agent's notice may link one of the app's pages (`url`, a path
+        // here); otherwise the session's own page, or its workspace's.
         if (client) {
-          if (target) client.postMessage({ type: "open-session", ...target });
+          if (target?.url)
+            client.postMessage({ type: "open-url", url: target.url });
+          else if (target)
+            client.postMessage({ type: "open-session", ...target });
           return client.focus();
         }
         // The session's own page: `/` would land on the last workspace.
-        const url = target
-          ? `/w/${encodeURIComponent(target.workspaceId)}?s=${encodeURIComponent(target.sessionId)}`
-          : "/";
+        const url = target?.url?.startsWith("/")
+          ? target.url
+          : target
+            ? `/w/${encodeURIComponent(target.workspaceId)}${target.sessionId ? `?s=${encodeURIComponent(target.sessionId)}` : ""}`
+            : "/";
         return self.clients.openWindow(url);
       }),
   );

package/lib/ports/url.d.mts

@@ -0,0 +1,20 @@
+export interface PageLoc {
+  hostname: string;
+  host: string;
+  port: string;
+  protocol: string;
+}
+export type PortHosts = "sub" | "dash";
+export function isLoopbackHost(hostname: string): boolean;
+export function isDirectLoc(loc: PageLoc): boolean;
+export function portUrlAt(
+  port: number,
+  loc: PageLoc,
+  style: PortHosts | string | null | undefined,
+): string;
+export function portBlockedAt(
+  port: number,
+  local: boolean | undefined,
+  loc: PageLoc,
+): string | null;
+export function locOf(origin: string): PageLoc;

package/lib/ports/url.mjs

@@ -0,0 +1,80 @@
+// Where a workspace's listening port opens from a browser, given where that
+// browser reaches work: one reading for the page's port chips (its own
+// location, client/port-url) and the CLI (`work procs`, `work workspace`:
+// the address the user's browser last reached the server by). Plain ESM, no
+// dependencies, so the CLI imports it as the browser does.
+
+/**
+ * @typedef {{ hostname: string, host: string, port: string, protocol: string }} PageLoc
+ * @typedef {"sub" | "dash"} PortHosts
+ */
+
+/** @param {string} hostname */
+export function isLoopbackHost(hostname) {
+  return (
+    hostname === "localhost" || hostname === "127.0.0.1" || hostname === "[::1]"
+  );
+}
+
+/** A page that reaches work at a name a port can follow directly: an
+ * explicit port, loopback, an address, a LAN or tailnet name.
+ * @param {PageLoc} loc */
+export function isDirectLoc(loc) {
+  return (
+    loc.port !== "" ||
+    isLoopbackHost(loc.hostname) ||
+    /^\d+\.\d+\.\d+\.\d+$/.test(loc.hostname) ||
+    loc.hostname.endsWith(".local") ||
+    loc.hostname.endsWith(".ts.net")
+  );
+}
+
+/**
+ * Where `port` opens from a page at `loc`.
+ *
+ * On a LAN/tailnet address that names the port explicitly the port is
+ * reachable directly. Through a tunnel it is not: only work's hostname is
+ * routed, so the link goes to `<port>.<host>` or `<port>-<host>`
+ * (`WORK_PORT_HOSTS`), which the server proxies to the port
+ * (server/port-proxy.ts) when that wildcard hostname is routed to it. A
+ * page at `localhost` may be the machine itself or a forwarded port (an ssh
+ * or editor tunnel), which look the same from there; `<port>.localhost`
+ * resolves to loopback in every browser, so it reaches the proxy through
+ * whichever of the two it is. A tailnet's MagicDNS name (`*.ts.net`, where
+ * `tailscale serve` puts work) is direct: serve has no wildcard names or
+ * certificates for `<port>.<name>`, but the name's own port reaches a dev
+ * server that listens beyond loopback, and `portBlockedAt` says why one on
+ * loopback cannot be reached.
+ * @param {number} port
+ * @param {PageLoc} loc
+ * @param {PortHosts | string | null | undefined} style
+ */
+export function portUrlAt(port, loc, style) {
+  if (loc.hostname === "localhost") return `http://${port}.${loc.host}`;
+  if (isDirectLoc(loc)) return `http://${loc.hostname}:${port}`;
+  return `${loc.protocol}//${port}${style === "dash" ? "-" : "."}${loc.host}`;
+}
+
+/** Why a port's link cannot work from a page at `loc`, or null when it
+ * may: the port is bound to loopback on the host while the page came in
+ * over the network, so no direct link reaches it.
+ * @param {number} port
+ * @param {boolean | undefined} local
+ * @param {PageLoc} loc */
+export function portBlockedAt(port, local, loc) {
+  if (!local || isLoopbackHost(loc.hostname) || !isDirectLoc(loc)) return null;
+  return `Port ${port} is localhost-only on the host: unreachable from this device`;
+}
+
+/** An origin (`https://work.example.com`) as the location a page there has.
+ * @param {string} origin
+ * @returns {PageLoc} */
+export function locOf(origin) {
+  const u = new URL(origin);
+  return {
+    hostname: u.hostname,
+    host: u.host,
+    port: u.port,
+    protocol: u.protocol,
+  };
+}

package/lib/preview/media.d.mts

@@ -1,4 +1,4 @@
-export type PreviewKind = "image" | "pdf" | "video";
+export type PreviewKind = "image" | "pdf" | "video" | "audio";
 
 export interface Preview {
   kind: PreviewKind;

package/lib/preview/media.mjs

@@ -10,7 +10,7 @@
 // inline (a `.share/` file of another type goes only as an attachment),
 // and the served response denies scripts on top of that.
 
-/** @typedef {"image" | "pdf" | "video"} PreviewKind */
+/** @typedef {"image" | "pdf" | "video" | "audio"} PreviewKind */
 /** @typedef {{ kind: PreviewKind, type: string }} Preview */
 
 /** @type {Record<string, string>} */
@@ -32,6 +32,17 @@ const TYPES = {
   m4v: "video/mp4",
   mov: "video/quicktime",
   webm: "video/webm",
+  // Sound an agent makes or a repo ships (a voice-over, a test fixture):
+  // an <audio> element, never a document.
+  aac: "audio/aac",
+  flac: "audio/flac",
+  m4a: "audio/mp4",
+  mp3: "audio/mpeg",
+  oga: "audio/ogg",
+  ogg: "audio/ogg",
+  opus: "audio/ogg",
+  wav: "audio/wav",
+  weba: "audio/webm",
 };
 
 /**
@@ -50,7 +61,9 @@ export function previewFor(filePath) {
         ? "pdf"
         : type.startsWith("video/")
           ? "video"
-          : "image",
+          : type.startsWith("audio/")
+            ? "audio"
+            : "image",
     type,
   };
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dylanpiercey/work",
-  "version": "0.2.17",
+  "version": "0.2.19",
   "type": "module",
   "description": "Web GUI for agentic dev workspaces",
   "license": "MIT",

package/dist/_CLoLdV87.js

@@ -1,2 +0,0 @@
-import { _ as notifySessionsChanged } from "./_Bj-WwfnW.js";
-export { notifySessionsChanged };

package/dist/_DPpY3UqO.js

@@ -1,167 +0,0 @@
-var glyphBadgeNum = "_y _x";
-var usageInk = {
-	ok: "_z",
-	mid: "_A",
-	warm: "_B",
-	hot: "_C"
-};
-var usageFill = {
-	ok: "_D",
-	mid: "_E",
-	warm: "_F",
-	hot: "_G"
-};
-var prTone = {
-	open: "_H",
-	draft: "_I",
-	merged: "_J",
-	closed: "_K"
-};
-var phaseIcon = {
-	working: "_X _W",
-	waiting: "_Y _W",
-	idle: "_Z _W",
-	off: "_0 _W"
-};
-var btnSm = "_7 _r";
-var btnLg = "_8 _r";
-var tone = {
-	accent: "_bb",
-	ok: "_bc",
-	warn: "_bd",
-	danger: "_be",
-	merged: "_bf",
-	closed: "_bg"
-};
-var inputLg = "_bk _bj";
-var iconBtnXs = "_bo _m";
-var iconBtnRow = "_bp _m";
-var iconBtnLg = "_bq _m";
-var chipBtn = "_br _m";
-var tocDot = "_cK _U";
-//#endregion
-//#region src/styles/tokens.css.ts
-var color = {
-	ok: "light-dark(#1a7f37, #57d364)",
-	okStrong: "light-dark(#116329, #7ee787)",
-	warn: "light-dark(#bf8700, #d4a72c)",
-	warnStrong: "light-dark(#8a5a00, #f0b84a)",
-	merged: "light-dark(#8250df, #a371f7)",
-	closed: "light-dark(#cf222e, #f85149)",
-	onAccent: "#fff",
-	onDanger: "#fff",
-	accentDefault: "light-dark(#4f5bd5, #6470e6)",
-	bg: "var(--bg)",
-	panel: "var(--panel)",
-	border: "var(--border)",
-	text: "var(--text)",
-	dim: "var(--dim)",
-	accent: "var(--accent)",
-	accentFill: "var(--accent-fill)",
-	accentText: "var(--accent-text)",
-	danger: "var(--danger)",
-	fieldBorder: "var(--field-border)",
-	raised: "color-mix(in srgb, var(--panel) 94%, var(--text))",
-	raisedHover: "color-mix(in srgb, var(--panel) 90%, var(--text))",
-	onScrim: "#fff"
-};
-var sans = "Inter, ui-sans-serif, system-ui, -apple-system, \"Segoe UI\", sans-serif";
-var iconSize = {
-	sm: 12,
-	md: 14,
-	lg: 16,
-	xl: 18
-};
-var toastKind = {
-	error: "_bJ",
-	warn: "_bK",
-	info: "_bL"
-};
-var toastTitle = {
-	error: "_bM",
-	warn: "_bN",
-	info: "_bO"
-};
-//#endregion
-//#region src/tags/settings-agents.css.ts
-var agentRow = "_hN _d5";
-var list$3 = "_d9 _dH _d4 _d7";
-var metaChip = "_em _bi _bh";
-var sectionCount = "_dE _9 __";
-var usageNote = "_j0 _bh";
-var pop$2 = "_gj _bw";
-var spinner = "_gm _bm _2";
-var toolLead = "_fA _eh";
-var name$4 = "_fK _eh";
-var desc$1 = "_fL _ei";
-//#endregion
-//#region src/tags/lsp-add-dialog.css.ts
-var addDlg = "_ki _bV";
-var key$1 = "_lx _lv";
-var addTile = "_lz _lv";
-var field$2 = "_lK _bj";
-var keyField = "_lL _lK _bj";
-var labelField = "_lM _lK _bj";
-var detailsToggle = "_f2 _P";
-var themeSeg = "_eL _bA";
-var checkList = "_gC _dF";
-//#endregion
-//#region src/tags/prompt-dialog.css.ts
-var promptDlg = "_bZ _bV";
-var item$1 = "_b4 _m";
-var glance = "_dR _m";
-//#endregion
-//#region src/tags/side-nav.css.ts
-var iconBtn = "_b9 _m";
-var settingsDot = "_b_ _bz";
-var notifyBtn = "_ce _m";
-//#endregion
-//#region src/styles/session-pop.css.ts
-var sessionPop = "_b7 _bw";
-var sessionPopBtn = "_b8 _4";
-var wsBtn = "_fi _4";
-var rowIcon = "_fk _bo _m";
-var prChip = "_le _v _k9";
-//#endregion
-//#region src/tags/port-chip.css.ts
-var port = "_n9 _v _k9";
-var open = "_kb _4";
-var action = "_kf _br _m";
-var toggle = "_er _P";
-var fold = "_es _d6";
-var item = "_kq _4";
-var menu = "_ml _b7 _bw";
-var menuItem = "_mn _4";
-var findBtn$1 = "_jl _im _bp _m";
-var tool = "_im _bp _m";
-var heldRefresh = "_iu _v";
-var pop$1 = "_lU _b7 _bw";
-var fileFilter = "_nS _o";
-var findInput = "_hx _o";
-var keybarIconBtn = "_hG _br _m";
-var input = "_c2 _o";
-var group = "_c5 _P";
-var hint$1 = "_mG _9 _M";
-var sheetDir = "_m9 _by";
-var upBtn = "_iG _bp _m";
-var findBtn = "_iK _im _bp _m";
-var goBtn = "_iL _im _bp _m";
-var note = "_lX _bh";
-//#endregion
-//#region src/tags/manage-workspace.css.ts
-var procCmd = "_ia _eh";
-var factCopy = "_ih _br _m";
-var resultRow = "_kU _4";
-var resultBranch = "_kV _em _bi _bh _bo _m";
-var urlAction = "_kW _em _bi _bh _en";
-var curRow = "_hZ _eb";
-//#endregion
-//#region src/tags/join-dialog.css.ts
-var dlg = "_lY _bV";
-var hint = "_lZ _bh";
-var kbtn = "_dn _bq _m";
-var repeat = "_dq _dp";
-var dpadUser = "_dt _dp";
-var dpadEsc = "_du _dp";
-//#endregion
-export { keyField as $, item as A, usageInk as At, sessionPopBtn as B, fileFilter as C, iconBtnRow as Ct, findBtn$1 as D, prTone as Dt, tool as E, phaseIcon as Et, port as F, item$1 as G, notifyBtn as H, prChip as I, themeSeg as J, promptDlg as K, rowIcon as L, toggle as M, action as N, menu as O, tone as Ot, open as P, key$1 as Q, wsBtn as R, keybarIconBtn as S, iconBtnLg as St, heldRefresh as T, inputLg as Tt, settingsDot as U, iconBtn as V, glance as W, addTile as X, detailsToggle as Y, field$2 as Z, sheetDir as _, tocDot as _t, dlg as a, pop$2 as at, input as b, chipBtn as bt, resultBranch as c, sectionCount as ct, factCopy as d, agentRow as dt, labelField as et, procCmd as f, toastKind as ft, upBtn as g, sans as gt, goBtn as h, iconSize as ht, repeat as i, toolLead as it, fold as j, menuItem as k, usageFill as kt, resultRow as l, list$3 as lt, findBtn as m, color as mt, dpadUser as n, desc$1 as nt, hint as o, spinner as ot, note as p, toastTitle as pt, checkList as q, kbtn as r, name$4 as rt, curRow as s, usageNote as st, dpadEsc as t, addDlg as tt, urlAction as u, metaChip as ut, hint$1 as v, btnLg as vt, pop$1 as w, iconBtnXs as wt, findInput as x, glyphBadgeNum as xt, group as y, btnSm as yt, sessionPop as z };

package/dist/public/assets/_0NH5yJMx.js

@@ -1 +0,0 @@
-import{$input_filesAtChange as e}from"./_BIpUDgQH.js";export{e as _};

package/dist/public/assets/_1CAp-NbR.js

@@ -1 +0,0 @@
-import{$input_findTickChange as e}from"./_BIpUDgQH.js";export{e as _};

package/dist/public/assets/_4Dkmi0BI.js

@@ -1 +0,0 @@
-import{$input_changesHref as e}from"./_BIpUDgQH.js";export{e as _};

package/dist/public/assets/_7_64OpLh.js

@@ -1 +0,0 @@
-import{$input_workspaceChange as e}from"./_zwPrEKxN.js";export{e as _};

package/dist/public/assets/_7p-zxUs0.js

@@ -1 +0,0 @@
-import{$input_setup as e}from"./_C_A97h_2.js";export{e as _};

package/dist/public/assets/_8RAv3gFP.js

@@ -1 +0,0 @@
-import{$input_treeOpen as e}from"./_BIpUDgQH.js";export{e as _};

package/dist/public/assets/_9PDxaMA9.js

@@ -1 +0,0 @@
-import{ut as e}from"./_WrxtT1Ok.js";import{F as t,G as n,H as r,I as i,L as a,V as o,W as s,a as c,b as l,i as u,x as d}from"./_ahCaQNeo.js";import{A as f,C as p,D as m,E as h,Fn as ee,O as te,S as ne,T as re,j as ie,k as ae,vt as oe,w as se}from"./_DF0n9xzn.js";import{a as ce,c as le,d as ue,f as de,h as fe,i as g,l as _,m as v,n as y,o as b,p as x,r as S,s as C,t as w,u as T}from"./_BPNSknLT.js";var E=f,D=(e=>`/${e}&`)(ie);function O(e){te(e.a,oe)}var k=(e,t)=>ae(e.a,t),A=(e,t)=>m(e.a,t);function j(e){return ee(`/api/procs/${e}`,{method:`DELETE`})}function M(e,t=location){if(t.hostname===`localhost`)return`http://${e}.${t.host}`;if(R(t))return`http://${t.hostname}:${e}`;let n=document.querySelector(`meta[name="work-port-hosts"]`)?.getAttribute(`content`);return`${t.protocol}//${e}${n===`dash`?`-`:`.`}${t.host}`}function N(e,t=location){let n;try{n=new URL(e)}catch{return null}if(n.protocol!==`http:`&&n.protocol!==`https:`||!/^(localhost|127\.0\.0\.1|\[::1\]|0\.0\.0\.0)$/.test(n.hostname)&&!P(n.hostname)||L(t))return null;let r=F(n),i=`${n.pathname}${n.search}${n.hash}`;return r===I()?`${t.origin}${i}`:`${M(r,t)}${i}`}function P(e){let t=document.querySelector(`meta[name="work-host-addrs"]`)?.getAttribute(`content`);if(!t)return!1;let n=e.replace(/^\[(.*)\]$/,`$1`);return t.split(` `).includes(n)}function F(e){return Number(e.port||(e.protocol===`https:`?443:80))}function I(){let e=document.querySelector(`meta[name="work-app-port"]`)?.getAttribute(`content`);return e?Number(e):null}var L=e=>e.hostname===`localhost`||e.hostname===`127.0.0.1`||e.hostname===`[::1]`,R=e=>e.port!==``||L(e)||/^\d+\.\d+\.\d+\.\d+$/.test(e.hostname)||e.hostname.endsWith(`.local`)||e.hostname.endsWith(`.ts.net`);function z(e,t,n=location){return!t||L(n)||!R(n)?null:`Port ${e} is localhost-only on the host: unreachable from this device`}var pe=`<span><!><!></span>`,B=` D%b%l`,me=d(`K1`,re,(e=>`/${e}&`)(h),e=>{se(e.a),p(e.a,12),ne(e.a)}),V=i(2,0,e=>w(e.a,`Kill process on port ${e._.f}`)),he=e=>{V._(e),U._(e),W._(e),x(e.a),_(e.a,me(e)),le(e.a,[`_k_`,`_la`,`_lb`]),b(e.a,`Kill?`),ue(e.a,$(e)),y(e.a),S(e.a),g(e.a),T(e.a),C(e.a),ce(e.a)},H=o(1,e=>de(e.a,`Kill ${e._.i||`process`}${e._.k?` (pid ${e._.k})`:``}`)),U=i(2,0,H),W=i(2,0,H),G=i(1,1,e=>{u(e.a,`title`,`Open port ${e._.f}`),n(e.b,e._.f)}),ge=e=>{G._(e),K._(e),c(e.a,[`_k_`,`_oa`])},K=i(1,1,e=>u(e.a,`href`,e._.l)),q=i(1,0,e=>n(e.b,e._.f)),_e=e=>{q._(e),J._(e),c(e.a,[`_k_`,`_n_`])},J=i(1,0,e=>u(e.a,`title`,e._.m)),Y=a(11,K),ve=t(1,`<span aria-disabled=true>:<!></span>`,` Db%`,_e,`<a target=_blank rel=noopener>:<!></a>`,` Db%`,ge),X=a(12,e=>{ve(e,+!e.m),J(e)});function ye(t){c(t.a,e),Y(t,void 0),X(t,null)}var be=s(`K2`,e=>{Y(e,M(e.f)),X(e,z(e.f,e.g))}),Z=o(7,be),xe=l(5,e=>{Z(e),q(e),G(e),V(e)}),Q=l(6,Z),Se=l(8,e=>{u(e.a,`title`,e.i),U(e)}),Ce=t(2,v,(e=>`/${e}&`)(fe),he),we=l(9,e=>Ce(e,+!e.j)),Te=l(10,W),$=e=>function(){e._.j?.()};r.K0=$;export{E as _,xe as a,B as c,N as d,F as f,O as g,k as h,Te as i,I as l,A as m,Q as n,ye as o,j as p,we as r,pe as s,Se as t,P as u,D as v};

package/dist/public/assets/_9mbDrbe7.js

@@ -1 +0,0 @@
-import{$input_sectionChange as e}from"./_C_A97h_2.js";export{e as _};

package/dist/public/assets/_B0JwTeu6.js

@@ -1 +0,0 @@
-import{$input_active as e}from"./_BIpUDgQH.js";export{e as _};

package/dist/public/assets/_B1Sfrnda.js

@@ -1 +0,0 @@
-import{$input_active as e}from"./_zwPrEKxN.js";export{e as _};

package/dist/public/assets/_B3i0wS_I.js

@@ -1 +0,0 @@
-import{$input_findTick as e}from"./_BIpUDgQH.js";export{e as _};

package/dist/public/assets/_B9RLcC8I.js

@@ -1 +0,0 @@
-import{$input_active as e}from"./_Dt_P7K1V.js";export{e as _};

package/dist/public/assets/_BE7UYyYb.js

@@ -1 +0,0 @@
-import{$input_focusNonce as e}from"./_BIpUDgQH.js";export{e as _};