npm - @timqi/pier - Versions diffs - 0.0.1 - Mend

@timqi/pier 0.0.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (79) hide show

package/LICENSE +661 -0
package/README.md +97 -0
package/dist/agent/config.js +133 -0
package/dist/agent/credentials.js +179 -0
package/dist/agent/events.js +253 -0
package/dist/agent/models.js +15 -0
package/dist/agent/pi.js +296 -0
package/dist/boards/boards.js +200 -0
package/dist/boards/pier.css +445 -0
package/dist/channels/chains.js +67 -0
package/dist/channels/chunk.js +28 -0
package/dist/channels/commands.js +28 -0
package/dist/channels/config.js +172 -0
package/dist/channels/control.js +71 -0
package/dist/channels/conversations.js +65 -0
package/dist/channels/gatekeeper.js +63 -0
package/dist/channels/panel.js +233 -0
package/dist/channels/receipts.js +104 -0
package/dist/channels/routes.js +110 -0
package/dist/channels/runtime.js +76 -0
package/dist/channels/slack-api.js +296 -0
package/dist/channels/slack-directory.js +77 -0
package/dist/channels/slack-outbound.js +121 -0
package/dist/channels/slack-panel.js +122 -0
package/dist/channels/slack-render.js +214 -0
package/dist/channels/slack-tool.js +334 -0
package/dist/channels/slack.js +510 -0
package/dist/channels/telegram-api.js +78 -0
package/dist/channels/telegram-panel.js +113 -0
package/dist/channels/telegram-render.js +96 -0
package/dist/channels/telegram.js +473 -0
package/dist/channels/types.js +27 -0
package/dist/cli.js +101 -0
package/dist/core/hub.js +53 -0
package/dist/core/identity.js +66 -0
package/dist/core/queue.js +11 -0
package/dist/core/reply.js +202 -0
package/dist/core/router.js +189 -0
package/dist/core/types.js +7 -0
package/dist/db.js +268 -0
package/dist/log.js +55 -0
package/dist/main.js +183 -0
package/dist/paths.js +17 -0
package/dist/secrets.js +191 -0
package/dist/service.js +134 -0
package/dist/settings.js +57 -0
package/dist/tasks/agent.js +197 -0
package/dist/tasks/callbacks.js +140 -0
package/dist/tasks/command.js +74 -0
package/dist/tasks/definitions.js +316 -0
package/dist/tasks/execution.js +141 -0
package/dist/tasks/groups.js +187 -0
package/dist/tasks/messages.js +248 -0
package/dist/tasks/routes.js +219 -0
package/dist/tasks/runs.js +104 -0
package/dist/tasks/service.js +282 -0
package/dist/tasks/store.js +168 -0
package/dist/tasks/tool.js +281 -0
package/dist/tasks/types.js +5 -0
package/dist/web/auth.js +280 -0
package/dist/web/files.js +167 -0
package/dist/web/public/assets/index-8CinH1uR.css +2 -0
package/dist/web/public/assets/index-DAgP1Gq8.js +78 -0
package/dist/web/public/icon-192.png +0 -0
package/dist/web/public/icon-32.png +0 -0
package/dist/web/public/icon-512.png +0 -0
package/dist/web/public/icon-maskable-512.png +0 -0
package/dist/web/public/icon-touch-192.png +0 -0
package/dist/web/public/icon.svg +19 -0
package/dist/web/public/index.html +251 -0
package/dist/web/public/manifest.webmanifest +16 -0
package/dist/web/public/sw.js +21 -0
package/dist/web/server.js +366 -0
package/dist/web/session-state.js +39 -0
package/docs/deploy.md +307 -0
package/package.json +55 -0
package/skills/pier-boards/SKILL.md +210 -0
package/skills/pier-slack/SKILL.md +135 -0
package/skills/pier-tasks/SKILL.md +120 -0

package/dist/web/public/icon-192.png ADDED Viewed

Binary file

package/dist/web/public/icon-32.png ADDED Viewed

Binary file

package/dist/web/public/icon-512.png ADDED Viewed

Binary file

package/dist/web/public/icon-maskable-512.png ADDED Viewed

Binary file

package/dist/web/public/icon-touch-192.png ADDED Viewed

Binary file

package/dist/web/public/icon.svg ADDED Viewed

@@ -0,0 +1,19 @@
+<!-- Pier's mark: a dock in profile over water. Kept to four solid shapes so it
+     still reads at 16px in a browser tab. Source of truth for the PNG icons
+     next to it (favicon fallback, apple-touch, manifest).
+     The plate is a squircle, not a rect: a superellipse outline (the iOS /
+     Android app-icon silhouette) reads as an app rather than as a coloured
+     tile. Platforms that apply their own mask get the square PNGs instead. -->
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" width="64" height="64">
+  <path fill="#4f46e5"
+    d="M32 0c16 0 24 0 28 4s4 12 4 28-0 24-4 28-12 4-28 4-24 0-28-4-4-12-4-28 0-24 4-28 12-4 28-4Z" />
+  <g fill="#fff">
+    <rect x="11" y="23" width="42" height="6.5" rx="1.5" />
+    <rect x="15" y="29.5" width="5.5" height="16" rx="1" />
+    <rect x="29.25" y="29.5" width="5.5" height="16" rx="1" />
+    <rect x="43.5" y="29.5" width="5.5" height="16" rx="1" />
+  </g>
+  <path d="M11 51q7-4 14 0t14 0 14 0" fill="none" stroke="#fff" stroke-width="4"
+    stroke-linecap="round" opacity=".85" />
+</svg>

package/dist/web/public/index.html ADDED Viewed

@@ -0,0 +1,251 @@
+<!doctype html>
+<html lang="en">
+<head>
+  <meta charset="utf-8" />
+  <!-- viewport-fit=cover lets the safe-area insets in style.css do their job
+       under an iPhone's home indicator. -->
+  <meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover" />
+  <meta name="theme-color" content="#fafafa" />
+  <!-- Installed as a home-screen app, this is also what makes Web Push
+       possible on iOS — notifications there require a standalone web app. -->
+  <link rel="manifest" href="/manifest.webmanifest" />
+  <!-- SVG first (scales to any tab/bookmark size), 32px PNG for the engines
+       that still ignore it. iOS wants an opaque square and rounds it itself. -->
+  <link rel="icon" type="image/svg+xml" href="/icon.svg" />
+  <link rel="icon" type="image/png" sizes="32x32" href="/icon-32.png" />
+  <link rel="apple-touch-icon" href="/icon-touch-192.png" />
+  <meta name="apple-mobile-web-app-capable" content="yes" />
+  <meta name="apple-mobile-web-app-title" content="Pier" />
+  <title>Pier</title>
+  <script type="module" crossorigin src="/assets/index-DAgP1Gq8.js"></script>
+  <link rel="stylesheet" crossorigin href="/assets/index-8CinH1uR.css">
+</head>
+<!-- The document never scrolls: this is a fixed-viewport workbench, and every
+     scrollable region is an inner pane. h-dvh, not h-screen, because 100vh can
+     exceed the visible viewport (mobile chrome, short windows) — that gap is
+     what lets the whole app slide up and take the sidebar with it. -->
+<body class="grid h-dvh grid-cols-1 overflow-hidden text-[16px] leading-[1.45] text-neutral-800 antialiased md:grid-cols-[14.5rem_minmax(0,1fr)]">
+  <!-- Below md the aside leaves the grid and slides in as a drawer (style.css);
+       the scrim is its dismiss target and never paints on desktop. -->
+  <div id="drawer-scrim" class="fixed inset-0 z-30 hidden bg-black/25 md:hidden"></div>
+  <aside id="sidebar" class="flex flex-col overflow-hidden border-r border-neutral-200 bg-neutral-50">
+    <header class="flex items-center justify-between gap-2 px-3 py-2">
+      <h1 class="text-[15px] font-semibold tracking-tight">Pier</h1>
+    </header>
+    <details id="console-section" open class="flex-none border-b border-neutral-200/70">
+      <summary class="flex cursor-pointer select-none items-center gap-1 px-3 pb-1 pt-2 text-[11px] font-semibold uppercase tracking-wide text-neutral-500 hover:bg-neutral-100">
+        <span class="chev">▶</span>Console
+      </summary>
+      <ul class="pb-1 text-[13.5px]">
+        <li><button type="button" id="open-activity"
+          class="block w-full cursor-pointer py-1.5 pl-6 pr-3 text-left hover:bg-neutral-100">Activity</button></li>
+        <li><button type="button" id="open-config"
+          class="block w-full cursor-pointer py-1.5 pl-6 pr-3 text-left hover:bg-neutral-100">Configuration</button></li>
+        <li><button type="button" id="open-channels"
+          class="block w-full cursor-pointer py-1.5 pl-6 pr-3 text-left hover:bg-neutral-100">Channels</button></li>
+        <li><button type="button" id="open-boards"
+          class="block w-full cursor-pointer py-1.5 pl-6 pr-3 text-left hover:bg-neutral-100">Boards</button></li>
+        <li><button type="button" id="open-settings"
+          class="block w-full cursor-pointer py-1.5 pl-6 pr-3 text-left hover:bg-neutral-100">Settings</button></li>
+      </ul>
+    </details>
+    <div class="flex items-center gap-1 px-3 pb-1 pt-2 text-[11px] font-semibold uppercase tracking-wide text-neutral-500">
+      Projects
+      <button type="button" id="open-archive" title="Search all sessions"
+        class="icon-btn ml-auto" aria-label="Search all sessions">
+        <svg viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="1.5" class="h-3.5 w-3.5">
+          <circle cx="7" cy="7" r="4.25" /><path d="M10.2 10.2 14 14" stroke-linecap="round" />
+        </svg>
+      </button>
+      <button type="button" id="new-session" title="New session"
+        class="icon-btn" aria-label="New session">
+        <svg viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="1.5" class="h-3.5 w-3.5">
+          <rect x="2.25" y="2.25" width="11.5" height="11.5" rx="2.5" />
+          <path d="M8 5.5v5M5.5 8h5" stroke-linecap="round" />
+        </svg>
+      </button>
+    </div>
+    <div id="project-tree" class="flex-1 overflow-y-auto text-[13.5px]"></div>
+    <footer class="flex flex-none items-center gap-2 border-t border-neutral-200 px-3 py-1.5 text-[11px] text-neutral-400">
+      <button type="button" id="notify-toggle" title="Notify me when a turn finishes"
+        class="cursor-pointer rounded px-1 hover:bg-neutral-200 hover:text-neutral-700">Notify</button>
+      <!-- A link, not a label: AGPL-3.0 section 13 asks a network service to
+           point its users at the source it is running. -->
+      <a id="version" href="https://github.com/timqi/pier" target="_blank" rel="noreferrer"
+        title="Pier is free software (AGPL-3.0) — the source of what you are using"
+        class="ml-auto font-mono hover:text-neutral-700 hover:underline"></a>
+    </footer>
+  </aside>
+  <main class="flex min-w-0 flex-col overflow-hidden">
+    <!-- Mobile top bar: replaces the chat header below md (which hides), so a
+         Console view keeps the same way back to the drawer as a chat does. -->
+    <header id="mobile-bar" class="flex h-12 flex-none items-center gap-1 border-b border-neutral-200 px-1.5 md:hidden">
+      <button type="button" id="drawer-toggle" aria-label="Open sidebar"
+        class="flex h-10 w-10 flex-none cursor-pointer items-center justify-center rounded-md text-neutral-500 active:bg-neutral-200">
+        <svg viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" class="h-5 w-5">
+          <path d="M2.5 4h11M2.5 8h11M2.5 12h11" />
+        </svg>
+      </button>
+      <span id="mobile-title" class="min-w-0 flex-1 truncate text-[16px] font-medium"></span>
+      <button type="button" id="mobile-menu" aria-label="Session actions"
+        class="hidden h-10 w-10 flex-none cursor-pointer items-center justify-center rounded-md text-[20px] leading-none text-neutral-500 active:bg-neutral-200">⋯</button>
+    </header>
+    <section id="activity-view" class="hidden min-h-0 flex-1 flex-col"></section>
+    <section id="tasks-view" class="hidden min-h-0 flex-1 flex-col"></section>
+    <section id="config-view" class="hidden min-h-0 flex-1 flex-col"></section>
+    <section id="channels-view" class="hidden min-h-0 flex-1 flex-col"></section>
+    <section id="boards-view" class="hidden min-h-0 flex-1 flex-col"></section>
+    <section id="settings-view" class="hidden min-h-0 flex-1 flex-col"></section>
+    <header id="chat-header" class="flex h-10 flex-none items-center gap-2 border-b border-neutral-200 px-4 max-md:hidden">
+      <span id="chat-title" class="truncate font-medium"></span>
+      <!-- Right cluster: meta chips sit flush against the ⋯ button. Two
+           ml-autos would split the free space, so one wrapper owns it. -->
+      <div class="ml-auto flex flex-none items-center gap-1.5">
+        <!-- Inline session meta: a resident token chip; model + reasoning
+             unfold to its left on hover. Costs the header no extra height. -->
+        <div id="session-meta" class="group hidden flex-none items-center gap-1.5 text-[11px]"></div>
+        <button type="button" id="chat-menu" title="Session actions" aria-label="Session actions"
+          class="icon-btn">⋯</button>
+      </div>
+    </header>
+    <!-- The transcript's own type scale, inherited by rows, chips and markdown. -->
+    <div id="turns" class="flex-1 overflow-y-auto pb-4 text-[15px] leading-[1.35]"></div>
+    <!-- Pi's queue primitives are whole-queue (steer / clear), so the actions
+         live on the header row and read as "the queue", never per message. -->
+    <div id="queue-panel" class="hidden flex-col border-t border-neutral-200 px-3 py-1.5">
+      <div class="flex h-7 items-center gap-2">
+        <span id="queue-label" class="text-[11px] font-semibold uppercase tracking-wide text-amber-700">Queued</span>
+        <div class="ml-auto flex items-center gap-0.5 text-amber-700">
+          <button type="button" id="queue-steer" title="Send the whole queue now into the running turn" aria-label="Send queue now"
+            class="flex h-7 w-7 cursor-pointer items-center justify-center rounded-md hover:bg-amber-100 active:bg-amber-200">
+            <svg viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="1.5"
+              stroke-linecap="round" stroke-linejoin="round" class="h-3.5 w-3.5">
+              <path d="M14.5 1.5 7 9m7.5-7.5-4.2 12.6L7 9 1.7 6.7l12.8-5.2z" />
+            </svg>
+          </button>
+          <button type="button" id="queue-restart" title="Stop the running turn and send the whole queue as a new prompt" aria-label="Stop and send queue"
+            class="flex h-7 w-7 cursor-pointer items-center justify-center rounded-md hover:bg-amber-100 active:bg-amber-200">
+            <svg viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="1.5"
+              stroke-linecap="round" stroke-linejoin="round" class="h-3.5 w-3.5">
+              <!-- The arc's ink sits high-right of the box; centre it so the
+                   three icons share one baseline. -->
+              <g transform="translate(-0.8 1.9)">
+                <path d="M13 5.2V1.8m0 0H9.6M13 1.8A6 6 0 1 0 14 9" />
+                <path d="M6.2 8h4M8.5 5.7 10.8 8l-2.3 2.3" />
+              </g>
+            </svg>
+          </button>
+          <button type="button" id="queue-recall" title="Return queued messages to the composer" aria-label="Recall queued messages"
+            class="flex h-7 w-7 cursor-pointer items-center justify-center rounded-md hover:bg-amber-100 active:bg-amber-200">
+            <svg viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="1.5"
+              stroke-linecap="round" stroke-linejoin="round" class="h-3.5 w-3.5">
+              <!-- Ink centred on the 16×16 box, or the glyph sits low next to its neighbours. -->
+              <path d="M5 3 2 6l3 3M2.5 6H10a3.5 3.5 0 0 1 0 7H8" />
+            </svg>
+          </button>
+        </div>
+      </div>
+      <!-- Rows wrap, so the list grows with the queue and scrolls past ~5 lines
+           (18px leading) rather than shrinking the turns pane any further. -->
+      <ul id="queue-rows" class="flex max-h-[6rem] flex-col gap-1 overflow-y-auto overscroll-contain"></ul>
+    </div>
+    <form id="composer" class="border-t border-neutral-200 px-4 py-2">
+      <div class="rounded-xl border border-neutral-300 bg-white px-2 py-1.5 transition-shadow focus-within:border-indigo-400 focus-within:ring-2 focus-within:ring-indigo-100">
+        <div id="image-strip" class="hidden flex-wrap gap-2 px-1 pb-1.5 pt-1"></div>
+        <!-- items-end keeps the icons on the bottom row while the textarea grows upward -->
+        <div class="flex items-end gap-1.5">
+          <button type="button" id="attach" title="Attach image (or paste / drop)"
+            class="flex h-7 w-7 flex-none cursor-pointer items-center justify-center rounded-lg text-[17px] leading-none text-neutral-400 hover:bg-neutral-100 hover:text-neutral-600">+</button>
+          <input id="attach-input" type="file" accept="image/*" multiple class="hidden" />
+          <textarea id="input" rows="1"
+            class="block max-h-48 min-w-0 flex-1 resize-none bg-transparent px-1 py-0.5 focus:outline-none"
+            placeholder="Message…"></textarea>
+          <button type="button" id="stop" title="Stop the running turn"
+            class="hidden h-7 w-7 flex-none cursor-pointer items-center justify-center rounded-lg bg-red-50 text-red-600 hover:bg-red-100">
+            <svg viewBox="0 0 16 16" fill="currentColor" class="h-3.5 w-3.5">
+              <rect x="3.5" y="3.5" width="9" height="9" rx="1.5" />
+            </svg>
+          </button>
+          <!-- Style + icon double as the state display: indigo plane = send, amber clock = queue -->
+          <button type="submit" id="send" title="Send">
+            <svg id="send-plane" viewBox="0 0 16 16" fill="none" stroke="currentColor"
+              stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" class="h-3.5 w-3.5">
+              <path d="M14.5 1.5 7 9m7.5-7.5-4.2 12.6L7 9 1.7 6.7l12.8-5.2z" />
+            </svg>
+            <svg id="send-queue" viewBox="0 0 16 16" fill="none" stroke="currentColor"
+              stroke-width="1.5" stroke-linecap="round" class="hidden h-3.5 w-3.5">
+              <circle cx="8" cy="8" r="6" />
+              <path d="M8 4.75V8l2.4 1.5" />
+            </svg>
+          </button>
+        </div>
+      </div>
+    </form>
+  </main>
+  <dialog id="new-dialog" class="m-auto w-[min(24rem,92vw)] rounded-xl border border-neutral-200 p-4 shadow-xl backdrop:bg-black/20">
+    <form id="new-form" method="dialog" class="flex flex-col gap-3">
+      <h3 class="font-semibold">New session</h3>
+      <label class="flex flex-col gap-1 text-[13px] text-neutral-600">
+        Working directory
+        <span id="new-cwd-row" class="flex items-center gap-1.5">
+          <input id="new-cwd" type="text" required placeholder="/path/to/project" list="known-projects"
+            class="min-w-0 flex-1 rounded-md border border-neutral-300 px-2 py-1.5 font-mono text-[13px] focus:border-indigo-400 focus:outline-none" />
+        </span>
+        <datalist id="known-projects"></datalist>
+      </label>
+      <div class="flex justify-end gap-2">
+        <button type="button" id="new-cancel" class="btn text-[13px]">Cancel</button>
+        <button type="submit" class="btn btn-primary text-[13px]">Create</button>
+      </div>
+    </form>
+  </dialog>
+  <dialog id="archive-dialog" class="m-auto w-[35rem] max-w-[90vw] rounded-xl border border-neutral-200 p-0 shadow-xl backdrop:bg-black/20">
+    <div class="flex items-center gap-2 border-b border-neutral-200 px-3 py-2">
+      <input id="archive-search" type="text" placeholder="Search all sessions…"
+        class="w-full bg-transparent text-[14px] focus:outline-none" />
+      <span id="archive-count" class="flex-none rounded bg-neutral-100 px-1.5 text-[11px] text-neutral-500"></span>
+      <button type="button" id="archive-close" class="btn flex-none text-[12px]">Close</button>
+    </div>
+    <ul id="archive-list" class="max-h-[60vh] overflow-y-auto py-1 text-[13.5px]"></ul>
+  </dialog>
+  <!-- Full-size view of a transcript image; click anywhere (or Esc) closes.
+       The arrows page through every thumbnail in the transcript, as do ← / →;
+       they hide when there is only one image to look at. -->
+  <dialog id="image-dialog" class="m-auto max-h-[92vh] max-w-[92vw] rounded-xl bg-transparent p-0 backdrop:bg-black/70">
+    <div class="relative">
+      <img id="image-full" alt="" class="max-h-[92vh] max-w-[92vw] cursor-zoom-out rounded-xl object-contain" />
+      <button type="button" id="image-prev" aria-label="Previous image" class="lightbox-nav left-2">‹</button>
+      <button type="button" id="image-next" aria-label="Next image" class="lightbox-nav right-2">›</button>
+    </div>
+  </dialog>
+  <!-- Text preview of an agent attachment; download stays one click away. -->
+  <dialog id="file-dialog" class="m-auto w-[45rem] max-w-[92vw] rounded-xl border border-neutral-200 p-0 shadow-xl backdrop:bg-black/40">
+    <div class="flex items-center gap-2 border-b border-neutral-200 px-3 py-2">
+      <span id="file-name" class="min-w-0 flex-1 truncate font-mono text-[12.5px] text-neutral-700"></span>
+      <a id="file-download" download class="btn flex-none text-[12px] no-underline">Download</a>
+      <button type="button" id="file-close" class="btn flex-none text-[12px]">Close</button>
+    </div>
+    <pre id="file-text" class="max-h-[70vh] overflow-auto whitespace-pre-wrap break-words px-3 py-2 text-[12.5px] leading-relaxed"></pre>
+  </dialog>
+  <!-- Before the bundle, and only until it loads: a module that throws while
+       evaluating leaves a blank page, no handler installed and nothing in the
+       server's log. ui/report.ts takes over by setting the flag below.
+       Signed-in only, like every other /api route: this page is not served to
+       anyone else, and a stranger who could write the journal would own it. -->
+  <script>
+    addEventListener("error", function (e) {
+      // A throw inside an error handler is reported as another error: anything
+      // missing here has to be a silent return, not an exception.
+      if (window.__pierReporting || !navigator.sendBeacon) return;
+      var body = JSON.stringify({ message: "boot error: " + e.message, view: location.hash });
+      navigator.sendBeacon("/api/client-log", new Blob([body], { type: "application/json" }));
+    });
+  </script>
+</body>
+</html>

package/dist/web/public/manifest.webmanifest ADDED Viewed

@@ -0,0 +1,16 @@
+{
+  "name": "Pier",
+  "short_name": "Pier",
+  "start_url": "/",
+  "scope": "/",
+  "display": "standalone",
+  "orientation": "portrait-primary",
+  "background_color": "#fafafa",
+  "theme_color": "#fafafa",
+  "icons": [
+    { "src": "/icon.svg", "sizes": "any", "type": "image/svg+xml" },
+    { "src": "/icon-192.png", "sizes": "192x192", "type": "image/png" },
+    { "src": "/icon-512.png", "sizes": "512x512", "type": "image/png" },
+    { "src": "/icon-maskable-512.png", "sizes": "512x512", "type": "image/png", "purpose": "maskable" }
+  ]
+}

package/dist/web/public/sw.js ADDED Viewed

@@ -0,0 +1,21 @@
+// Notification transport, nothing else. Pier is useless offline, so there is
+// no cache and no fetch handler here — the only reason this file exists is that
+// an installed iOS web app can post notifications solely through a service
+// worker registration. A `push` handler joins it when the server can send one.
+self.addEventListener("notificationclick", (event) => {
+  event.notification.close();
+  const url = event.notification.data?.url ?? "/";
+  event.waitUntil(
+    (async () => {
+      const clients = await self.clients.matchAll({ type: "window", includeUncontrolled: true });
+      // Reuse the open workbench — a second window would fork the session view.
+      for (const client of clients) {
+        if (new URL(client.url).origin !== self.location.origin) continue;
+        await client.navigate(url);
+        return client.focus();
+      }
+      return self.clients.openWindow(url);
+    })(),
+  );
+});