npm - pi-tau-web-server - Versions diffs - 1.0.8 - Mend

pi-tau-web-server 1.0.8

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 (98) hide show

package/README.md +303 -0
package/bin/auth.js +96 -0
package/bin/config.js +99 -0
package/bin/model-utils.js +134 -0
package/bin/server-main.js +1189 -0
package/bin/sessions.js +492 -0
package/bin/tau.js +8 -0
package/bin/tree.js +248 -0
package/bin/types.js +2 -0
package/package.json +74 -0
package/public/app-main.js +2025 -0
package/public/app-types.js +1 -0
package/public/app.js +1 -0
package/public/command-palette.js +42 -0
package/public/dialogs.js +199 -0
package/public/file-browser.js +196 -0
package/public/icons/apple-touch-icon.png +0 -0
package/public/icons/favicon-16.png +0 -0
package/public/icons/favicon-32.png +0 -0
package/public/icons/tau-192.png +0 -0
package/public/icons/tau-512.png +0 -0
package/public/icons/tau-logo.png +0 -0
package/public/icons/tau-logo.svg +13 -0
package/public/icons/tau-maskable-512.png +0 -0
package/public/icons/tau-new.png +0 -0
package/public/index.html +264 -0
package/public/launcher-panel.js +54 -0
package/public/launcher.js +84 -0
package/public/manifest.json +28 -0
package/public/markdown.js +336 -0
package/public/message-renderer.js +268 -0
package/public/model-picker.js +478 -0
package/public/session-sidebar.js +460 -0
package/public/session-stats-card.js +123 -0
package/public/state.js +81 -0
package/public/style.css +3864 -0
package/public/sw.js +66 -0
package/public/themes.js +72 -0
package/public/tool-card.js +317 -0
package/public/tree-view.js +474 -0
package/public/vendor/katex/fonts/KaTeX_AMS-Regular.woff2 +0 -0
package/public/vendor/katex/fonts/KaTeX_Caligraphic-Bold.woff2 +0 -0
package/public/vendor/katex/fonts/KaTeX_Caligraphic-Regular.woff2 +0 -0
package/public/vendor/katex/fonts/KaTeX_Fraktur-Bold.woff2 +0 -0
package/public/vendor/katex/fonts/KaTeX_Fraktur-Regular.woff2 +0 -0
package/public/vendor/katex/fonts/KaTeX_Main-Bold.woff2 +0 -0
package/public/vendor/katex/fonts/KaTeX_Main-BoldItalic.woff2 +0 -0
package/public/vendor/katex/fonts/KaTeX_Main-Italic.woff2 +0 -0
package/public/vendor/katex/fonts/KaTeX_Main-Regular.woff2 +0 -0
package/public/vendor/katex/fonts/KaTeX_Math-BoldItalic.woff2 +0 -0
package/public/vendor/katex/fonts/KaTeX_Math-Italic.woff2 +0 -0
package/public/vendor/katex/fonts/KaTeX_SansSerif-Bold.woff2 +0 -0
package/public/vendor/katex/fonts/KaTeX_SansSerif-Italic.woff2 +0 -0
package/public/vendor/katex/fonts/KaTeX_SansSerif-Regular.woff2 +0 -0
package/public/vendor/katex/fonts/KaTeX_Script-Regular.woff2 +0 -0
package/public/vendor/katex/fonts/KaTeX_Size1-Regular.woff2 +0 -0
package/public/vendor/katex/fonts/KaTeX_Size2-Regular.woff2 +0 -0
package/public/vendor/katex/fonts/KaTeX_Size3-Regular.woff2 +0 -0
package/public/vendor/katex/fonts/KaTeX_Size4-Regular.woff2 +0 -0
package/public/vendor/katex/fonts/KaTeX_Typewriter-Regular.woff2 +0 -0
package/public/vendor/katex/katex.min.css +1 -0
package/public/vendor/katex/katex.min.js +1 -0
package/public/voice-input.js +74 -0
package/public/websocket-client.js +156 -0
package/scripts/copy-katex.mjs +32 -0
package/src/pi-extension/tau-tree.ts +71 -0
package/src/public/app-main.ts +2190 -0
package/src/public/app-types.ts +96 -0
package/src/public/app.ts +1 -0
package/src/public/command-palette.ts +53 -0
package/src/public/dialogs.ts +251 -0
package/src/public/file-browser.ts +224 -0
package/src/public/launcher-panel.ts +68 -0
package/src/public/launcher.ts +101 -0
package/src/public/legacy-dom.d.ts +29 -0
package/src/public/markdown.ts +372 -0
package/src/public/message-renderer.ts +311 -0
package/src/public/model-picker.ts +500 -0
package/src/public/session-sidebar.ts +522 -0
package/src/public/session-stats-card.ts +176 -0
package/src/public/state.ts +96 -0
package/src/public/sw.ts +79 -0
package/src/public/themes.ts +73 -0
package/src/public/tool-card.ts +375 -0
package/src/public/tree-view.ts +527 -0
package/src/public/voice-input.ts +98 -0
package/src/public/websocket-client.ts +165 -0
package/src/server/auth.ts +88 -0
package/src/server/config.ts +88 -0
package/src/server/model-utils.ts +122 -0
package/src/server/server-main.ts +1004 -0
package/src/server/sessions.ts +481 -0
package/src/server/tau.ts +9 -0
package/src/server/tree.ts +288 -0
package/src/server/types.ts +68 -0
package/tsconfig.json +3 -0
package/tsconfig.public.json +15 -0
package/tsconfig.server.json +16 -0

package/public/index.html ADDED Viewed

@@ -0,0 +1,264 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <title>Tau</title>
+  <link rel="icon" type="image/png" href="icons/tau-192.png">
+  <link rel="manifest" href="manifest.json">
+  <link rel="apple-touch-icon" href="icons/apple-touch-icon.png">
+  <meta name="apple-mobile-web-app-capable" content="yes">
+  <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
+  <meta name="apple-mobile-web-app-title" content="Tau">
+  <meta name="theme-color" content="#f5f3ef">
+  <link rel="stylesheet" href="style.css">
+  <link rel="stylesheet" href="vendor/katex/katex.min.css">
+</head>
+<body>
+  <div class="app-layout">
+    <!-- Left Sidebar -->
+    <div class="sidebar" id="sidebar">
+      <div class="sidebar-header">
+        <div class="mode-toggle" id="mode-toggle">
+          <span class="mode-link active" title="Chat"><img src="icons/tau-192.png" alt="τ" class="tau-icon"></span>
+        </div>
+        <input type="text" id="session-search-input" class="sidebar-search-input" placeholder="Search..." autocomplete="off" />
+        <div class="sidebar-actions">
+          <button class="icon-btn" id="new-session-btn" title="New session" aria-label="New session"><svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><line x1="12" y1="5" x2="12" y2="19"/><line x1="5" y1="12" x2="19" y2="12"/></svg></button>
+          <button class="icon-btn" id="refresh-sessions-btn" title="Refresh sessions" aria-label="Refresh sessions"><svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M21 12a9 9 0 1 1-9-9c2.52 0 4.93 1 6.74 2.74L21 8"/><path d="M21 3v5h-5"/></svg></button>
+        </div>
+      </div>
+      <div class="session-list" id="session-list">
+        <div class="session-loading">Loading sessions...</div>
+      </div>
+    </div>
+    <!-- Sidebar overlay for mobile -->
+    <div class="sidebar-overlay" id="sidebar-overlay"></div>
+    <!-- Main Chat Area -->
+    <div class="main">
+      <!-- Header -->
+      <div class="header">
+        <div class="header-left">
+          <button class="sidebar-toggle" id="sidebar-toggle" title="Toggle sidebar" aria-label="Toggle sidebar"><svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><line x1="3" y1="6" x2="21" y2="6"/><line x1="3" y1="12" x2="21" y2="12"/><line x1="3" y1="18" x2="21" y2="18"/></svg></button>
+          <button class="model-input" id="model-input" type="button"
+                  title="Choose model and (optionally) thinking level for this session"
+                  aria-label="Choose model and thinking level"><span class="model-input-label" id="model-input-label">Model</span></button>
+        </div>
+        <div class="header-right">
+          <button class="icon-btn hidden" id="tree-btn" title="Session tree" aria-label="Session tree">
+            <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><line x1="6" y1="3" x2="6" y2="15"/><circle cx="18" cy="6" r="3"/><circle cx="6" cy="18" r="3"/><path d="M18 9a9 9 0 0 1-9 9"/></svg>
+          </button>
+          <div class="stats-anchor">
+            <button class="pill context-pill" id="context-pill" type="button" title="Context usage — click for session stats" aria-haspopup="true" aria-expanded="false"></button>
+            <div class="stats-card hidden" id="session-stats-card"></div>
+          </div>
+          <div class="status">
+            <span class="status-indicator" id="status-indicator"></span>
+            <span class="status-text" id="status-text">Connecting...</span>
+          </div>
+          <button class="icon-btn" id="file-sidebar-toggle" title="Files" aria-label="Toggle file browser">
+            <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M20 20a2 2 0 0 0 2-2V8a2 2 0 0 0-2-2h-7.9a2 2 0 0 1-1.69-.9L9.6 3.9A2 2 0 0 0 7.93 3H4a2 2 0 0 0-2 2v13a2 2 0 0 0 2 2Z"/></svg>
+          </button>
+          <button class="settings-btn" id="settings-btn" title="Settings" aria-label="Settings">
+            <svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M12.22 2h-.44a2 2 0 0 0-2 2v.18a2 2 0 0 1-1 1.73l-.43.25a2 2 0 0 1-2 0l-.15-.08a2 2 0 0 0-2.73.73l-.22.38a2 2 0 0 0 .73 2.73l.15.1a2 2 0 0 1 1 1.72v.51a2 2 0 0 1-1 1.74l-.15.09a2 2 0 0 0-.73 2.73l.22.38a2 2 0 0 0 2.73.73l.15-.08a2 2 0 0 1 2 0l.43.25a2 2 0 0 1 1 1.73V20a2 2 0 0 0 2 2h.44a2 2 0 0 0 2-2v-.18a2 2 0 0 1 1-1.73l.43-.25a2 2 0 0 1 2 0l.15.08a2 2 0 0 0 2.73-.73l.22-.39a2 2 0 0 0-.73-2.73l-.15-.08a2 2 0 0 1-1-1.74v-.5a2 2 0 0 1 1-1.74l.15-.09a2 2 0 0 0 .73-2.73l-.22-.38a2 2 0 0 0-2.73-.73l-.15.08a2 2 0 0 1-2 0l-.43-.25a2 2 0 0 1-1-1.73V4a2 2 0 0 0-2-2z"/><circle cx="12" cy="12" r="3"/></svg>
+          </button>
+        </div>
+      </div>
+      <!-- In-page Tau live-session tabs -->
+      <div class="live-tabs" id="live-tabs">
+        <div class="live-tabs-list" id="live-tabs-list"></div>
+        <button class="live-tab-add" id="live-tab-add" title="New Tau tab" aria-label="New Tau tab">+</button>
+      </div>
+      <!-- Launcher (project picker) -->
+      <div class="launcher hidden" id="launcher"></div>
+      <!-- Messages Container -->
+      <div class="messages" id="messages">
+        <div class="welcome">
+          <div class="welcome-icon"><img src="icons/tau-192.png" alt="τ" class="tau-icon-welcome"></div>
+          <p>Welcome to Tau</p>
+          <p class="hint">Type a message below to start chatting with Pi, or select a session from the sidebar.</p>
+          <div class="shortcuts-hint">
+            <span>/ Focus input</span>
+            <span>Esc Abort</span>
+          </div>
+        </div>
+      </div>
+      <!-- Scroll to bottom + new message indicator -->
+      <button class="scroll-bottom-btn hidden" id="scroll-bottom-btn">
+        <span class="scroll-bottom-badge hidden" id="scroll-bottom-badge">New <svg width="10" height="10" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"><line x1="12" y1="5" x2="12" y2="19"/><polyline points="19 12 12 19 5 12"/></svg></span>
+        <span class="scroll-bottom-icon"><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"><line x1="12" y1="5" x2="12" y2="19"/><polyline points="19 12 12 19 5 12"/></svg></span>
+      </button>
+      <!-- Typing indicator (hidden, kept for JS reference) -->
+      <div class="typing-indicator hidden" id="typing-indicator"></div>
+      <!-- Input Area -->
+      <div class="input-area">
+        <div class="queued-messages hidden" id="queued-messages"></div>
+        <div class="image-previews hidden" id="image-previews"></div>
+        <form id="chat-form">
+          <div class="input-left-actions">
+            <button type="button" class="input-icon-btn" id="command-btn" title="Commands" aria-label="Open commands" tabindex="-1">
+              <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M12 22v-5"/><path d="M9 8V2"/><path d="M15 8V2"/><path d="M18 8v5a4 4 0 0 1-4 4h-4a4 4 0 0 1-4-4V8Z"/></svg>
+            </button>
+            <button type="button" class="input-icon-btn" id="attach-btn" title="Attach image — images are uploaded as binary data. Only image files are supported. To reference local files, use the file browser sidebar." aria-label="Attach image" tabindex="-1">
+              <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect x="3" y="3" width="18" height="18" rx="2"/><circle cx="8.5" cy="8.5" r="1.5"/><path d="m21 15-5-5L5 21"/></svg>
+            </button>
+            <input type="file" id="image-input" accept="image/*" multiple style="display:none" />
+          </div>
+          <div class="input-bubble">
+            <textarea
+              id="message-input"
+              placeholder="Type a message... (Enter to send, Shift+Enter for newline)"
+              autocomplete="off"
+              rows="2"
+            ></textarea>
+            <button type="button" class="input-mic-btn" id="mic-btn" title="Voice input" tabindex="-1">
+              <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M12 2a3 3 0 0 0-3 3v7a3 3 0 0 0 6 0V5a3 3 0 0 0-3-3Z"/><path d="M19 10v2a7 7 0 0 1-14 0v-2"/><line x1="12" x2="12" y1="19" y2="22"/></svg>
+            </button>
+          </div>
+          <div class="input-actions">
+            <button type="submit" id="send-btn" title="Send message" tabindex="-1">
+              <span class="send-icon"><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"><line x1="12" y1="19" x2="12" y2="5"/><polyline points="5 12 12 5 19 12"/></svg></span>
+            </button>
+            <button type="button" id="abort-btn" class="hidden" title="Abort (Esc)" tabindex="-1"><svg width="14" height="14" viewBox="0 0 24 24" fill="currentColor"><rect x="4" y="4" width="16" height="16" rx="2"/></svg></button>
+          </div>
+        </form>
+      </div>
+    </div>
+    <!-- File Browser (right sidebar) -->
+    <div class="file-sidebar collapsed" id="file-sidebar">
+      <div class="file-sidebar-header">
+        <span class="file-sidebar-title" id="file-sidebar-title">Files</span>
+        <button class="icon-btn" id="file-sidebar-up" title="Parent directory">
+          <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="m5 12 7-7 7 7"/><path d="M12 19V5"/></svg>
+        </button>
+        <button class="icon-btn" id="file-sidebar-finder" title="Open in file manager">
+          <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="m6 14 1.5-2.9A2 2 0 0 1 9.24 10H20a2 2 0 0 1 1.94 2.5l-1.54 6a2 2 0 0 1-1.95 1.5H4a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h3.9a2 2 0 0 1 1.69.9l.81 1.2a2 2 0 0 0 1.67.9H18a2 2 0 0 1 2 2v2"/></svg>
+        </button>
+        <button class="icon-btn" id="file-sidebar-close" title="Close" aria-label="Close file browser"><svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><line x1="18" y1="6" x2="6" y2="18"/><line x1="6" y1="6" x2="18" y2="18"/></svg></button>
+      </div>
+      <div class="file-sidebar-path" id="file-sidebar-path" title=""></div>
+      <div class="file-list" id="file-list"></div>
+    </div>
+  </div>
+  <!-- Settings Overlay -->
+  <div class="settings-overlay hidden" id="settings-overlay"></div>
+  <!-- Settings Panel -->
+  <div class="settings-panel hidden" id="settings-panel">
+    <div class="settings-header">
+      <h3>Settings</h3>
+      <button class="settings-close" id="settings-close"><svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><line x1="18" y1="6" x2="6" y2="18"/><line x1="6" y1="6" x2="18" y2="18"/></svg></button>
+    </div>
+    <div class="settings-body">
+      <div class="settings-section">
+        <div class="settings-section-title">Appearance</div>
+        <div class="theme-grid" id="theme-grid"></div>
+      </div>
+      <div class="settings-section">
+        <div class="settings-section-title">Agent</div>
+        <div class="settings-row" id="setting-auto-compact">
+          <span class="settings-label">Auto-compaction</span>
+          <button class="settings-toggle" id="toggle-auto-compact"></button>
+        </div>
+        <div class="settings-row" id="setting-thinking">
+          <span class="settings-label">Thinking level</span>
+          <button class="settings-value-btn" id="btn-thinking-level"></button>
+        </div>
+      </div>
+      <div class="settings-section">
+        <div class="settings-section-title">Display</div>
+        <div class="settings-row">
+          <span class="settings-label">Show thinking</span>
+          <button class="settings-toggle on" id="toggle-show-thinking"></button>
+        </div>
+      </div>
+      <div class="settings-section" id="settings-auth-section" style="display:none">
+        <div class="settings-section-title">Authentication</div>
+        <div class="settings-row">
+          <span class="settings-label">Require login</span>
+          <button class="settings-toggle" id="toggle-auth"></button>
+        </div>
+      </div>
+    </div>
+  </div>
+  <!-- Command Palette -->
+  <div class="command-palette-overlay hidden" id="command-palette-overlay"></div>
+  <div class="command-palette hidden" id="command-palette">
+    <div class="command-palette-header">Commands</div>
+    <div class="command-list" id="command-list"></div>
+  </div>
+  <!-- Model Picker -->
+  <div class="model-picker-overlay hidden" id="model-picker-overlay"></div>
+  <div class="model-picker hidden" id="model-picker" role="dialog" aria-modal="true" aria-labelledby="model-picker-title">
+    <div class="model-picker-header">
+      <h3 id="model-picker-title">Model</h3>
+      <button class="model-picker-close" id="model-picker-close" type="button" aria-label="Close"><svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><line x1="18" y1="6" x2="6" y2="18"/><line x1="6" y1="6" x2="18" y2="18"/></svg></button>
+    </div>
+    <div class="model-picker-body">
+      <input class="model-picker-input" id="model-picker-input" type="text" placeholder="provider/model:thinking" autocomplete="off" spellcheck="false">
+      <div class="model-picker-message" id="model-picker-message">Type provider or model name; optional :off|minimal|low|medium|high|xhigh|max</div>
+      <div class="model-list" id="model-picker-list" role="listbox" aria-label="Available models"></div>
+    </div>
+    <div class="model-picker-actions">
+      <button type="button" class="secondary-btn" id="model-picker-cancel">Cancel</button>
+      <button type="button" class="primary-btn" id="model-picker-save">Save</button>
+    </div>
+  </div>
+  <!-- Session Tree -->
+  <div class="tree-view-overlay hidden" id="tree-view-overlay"></div>
+  <div class="tree-view hidden" id="tree-view" role="dialog" aria-modal="true" aria-labelledby="tree-view-title">
+    <div class="tree-view-header">
+      <h3 id="tree-view-title">Session tree</h3>
+      <button class="tree-view-filter" id="tree-view-filter" type="button" aria-pressed="false" title="Toggle tool results and housekeeping entries">Messages only</button>
+      <button class="model-picker-close" id="tree-view-close" type="button" aria-label="Close"><svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><line x1="18" y1="6" x2="6" y2="18"/><line x1="6" y1="6" x2="18" y2="18"/></svg></button>
+    </div>
+    <div class="tree-view-message" id="tree-view-message"></div>
+    <div class="tree-view-list" id="tree-view-list" role="listbox" aria-label="Session entries"></div>
+  </div>
+  <!-- New live session modal -->
+  <div class="new-live-session-overlay hidden" id="new-live-session-overlay"></div>
+  <div class="new-live-session-modal hidden" id="new-live-session-modal">
+    <div class="new-live-session-header">
+      <h3>New Tau Tab</h3>
+      <button class="settings-close" id="new-live-session-close" aria-label="Close"><svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><line x1="18" y1="6" x2="6" y2="18"/><line x1="6" y1="6" x2="18" y2="18"/></svg></button>
+    </div>
+    <form class="new-live-session-body" id="new-live-session-form">
+      <label class="new-live-session-label" for="new-live-session-cwd">Project directory</label>
+      <input class="new-live-session-input" id="new-live-session-cwd" type="text" placeholder="/path/to/project" autocomplete="off" required>
+      <div class="project-chips" id="new-live-session-projects"></div>
+      <label class="new-live-session-label" for="new-live-session-model">Model</label>
+      <input class="new-live-session-input" id="new-live-session-model" type="text" placeholder="openai/gpt-5.5:high" autocomplete="off">
+      <p class="new-live-session-help">Uses the same syntax as Pi <code>/model</code>; applies only to this tab. Leave blank for Pi default.</p>
+      <div class="new-live-session-actions">
+        <button type="button" class="secondary-btn" id="new-live-session-cancel">Cancel</button>
+        <button type="submit" class="primary-btn" id="new-live-session-submit">Create tab</button>
+      </div>
+    </form>
+  </div>
+  <!-- Dialog Container -->
+  <div id="dialog-container" class="hidden"></div>
+  <!-- Scripts -->
+  <!-- Deferred classic scripts run before module scripts in document order,
+       so window.katex is available by the time app.js executes. -->
+  <script defer src="vendor/katex/katex.min.js"></script>
+  <script type="module" src="app.js"></script>
+</body>
+</html>

package/public/launcher-panel.js ADDED Viewed

@@ -0,0 +1,54 @@
+import { Launcher } from './launcher.js';
+export function setupLauncherPanel({ launcherEl, messagesContainer, createSession }) {
+    const launcher = new Launcher(launcherEl, createSession);
+    async function init() {
+        try {
+            const res = await fetch('/api/projects');
+            const data = await res.json();
+            if (data.projects && data.projects.length > 0) {
+                launcher.projects = data.projects;
+                launcher.render();
+                addLauncherNav();
+            }
+        }
+        catch { }
+    }
+    function addLauncherNav() {
+        const modeToggle = document.getElementById('mode-toggle');
+        if (!modeToggle || modeToggle.querySelector('.mode-link-launcher'))
+            return;
+        const launcherLink = document.createElement('span');
+        launcherLink.className = 'mode-link mode-link-launcher';
+        launcherLink.title = 'Projects';
+        launcherLink.innerHTML = '<svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect x="3" y="3" width="7" height="7" rx="1"/><rect x="14" y="3" width="7" height="7" rx="1"/><rect x="3" y="14" width="7" height="7" rx="1"/><rect x="14" y="14" width="7" height="7" rx="1"/></svg>';
+        launcherLink.addEventListener('click', () => show());
+        modeToggle.appendChild(launcherLink);
+    }
+    function isVisible() {
+        return !!launcherEl && !launcherEl.classList.contains('hidden');
+    }
+    function show() {
+        launcherEl.classList.remove('hidden');
+        messagesContainer.style.display = 'none';
+        const inputArea = document.querySelector('.input-area');
+        if (inputArea)
+            inputArea.style.display = 'none';
+        document.querySelector('.welcome')?.remove();
+        document.querySelectorAll('.mode-link').forEach(l => l.classList.remove('active'));
+        document.querySelector('.mode-link-launcher')?.classList.add('active');
+        launcher.load();
+    }
+    function hide() {
+        launcherEl.classList.add('hidden');
+        messagesContainer.style.display = '';
+        const inputArea = document.querySelector('.input-area');
+        if (inputArea)
+            inputArea.style.display = '';
+        document.querySelectorAll('.mode-link').forEach(l => l.classList.remove('active'));
+        document.querySelector('.mode-link:first-child')?.classList.add('active');
+    }
+    document.querySelector('.mode-link:first-child')?.addEventListener('click', () => {
+        hide();
+    });
+    return { init, isVisible, show, hide };
+}

package/public/launcher.js ADDED Viewed

@@ -0,0 +1,84 @@
+/**
+ * Launcher — project directory picker with visual bubbles
+ */
+export class Launcher {
+    container;
+    onLaunch;
+    projects;
+    constructor(container, onLaunch) {
+        this.container = container;
+        this.onLaunch = onLaunch;
+        this.projects = [];
+    }
+    async load() {
+        this.container.innerHTML = '<div class="launcher-loading">Loading projects…</div>';
+        try {
+            const res = await fetch('/api/projects');
+            const data = await res.json();
+            this.projects = data.projects || [];
+            this.render();
+        }
+        catch (e) {
+            this.container.innerHTML = '<div class="launcher-loading">Failed to load projects</div>';
+        }
+    }
+    render() {
+        if (!this.projects.length) {
+            this.container.innerHTML = `
+        <div class="launcher-empty">
+          <p>No projects directory configured.</p>
+          <p class="hint">Add <code>"tau": { "projectsDir": "~/Projects" }</code> to <code>~/.pi/agent/settings.json</code></p>
+        </div>`;
+            return;
+        }
+        // Find max session count for relative sizing
+        const maxSessions = Math.max(1, ...this.projects.map(p => p.sessionCount || 0));
+        const now = Date.now();
+        // Sort: active first, then by recency
+        const sorted = [...this.projects].sort((a, b) => {
+            if (a.active && !b.active)
+                return -1;
+            if (!a.active && b.active)
+                return 1;
+            return (b.lastActive || 0) - (a.lastActive || 0);
+        });
+        const bubbles = sorted.map(p => {
+            // Size: scale between 0.7 and 1.3 based on session count
+            const sizeRatio = 0.7 + ((p.sessionCount || 0) / maxSessions) * 0.6;
+            // Recency: how fresh is this project (0 = ancient, 1 = today)
+            let freshness = 0;
+            if (p.lastActive) {
+                const ageMs = now - p.lastActive;
+                const ageDays = ageMs / (1000 * 60 * 60 * 24);
+                freshness = Math.max(0, 1 - (ageDays / 30)); // fades over 30 days
+            }
+            return `
+        <button class="launcher-bubble${p.active ? ' active' : ''}"
+                data-path="${this.escAttr(p.path)}"
+                style="--size: ${sizeRatio}; --freshness: ${freshness.toFixed(2)}"
+                title="${this.escAttr(p.path)}${p.active ? ' (running)' : ''}${p.sessionCount ? ` • ${p.sessionCount} session${p.sessionCount !== 1 ? 's' : ''}` : ''}">
+          <span class="launcher-bubble-name">${this.escHtml(p.name)}</span>
+          ${p.active ? '<span class="launcher-bubble-dot"></span>' : ''}
+        </button>`;
+        }).join('');
+        this.container.innerHTML = `
+      <div class="launcher-content">
+        <div class="launcher-title">Projects</div>
+        <div class="launcher-grid">${bubbles}</div>
+      </div>`;
+        // Bind click handlers
+        this.container.querySelectorAll('.launcher-bubble').forEach(btn => {
+            btn.addEventListener('click', () => {
+                const projectPath = btn.dataset.path;
+                if (projectPath)
+                    this.onLaunch(projectPath);
+            });
+        });
+    }
+    escHtml(s) {
+        return s.replace(/&/g, '&amp;').replace(/</g, '&lt;').replace(/>/g, '&gt;');
+    }
+    escAttr(s) {
+        return s.replace(/&/g, '&amp;').replace(/"/g, '&quot;');
+    }
+}

package/public/manifest.json ADDED Viewed

@@ -0,0 +1,28 @@
+{
+  "name": "Pi Tau Web Server",
+  "short_name": "Pi Tau",
+  "description": "Standalone web server for managing multiple Pi RPC sessions in the browser",
+  "start_url": "/",
+  "display": "standalone",
+  "background_color": "#f5f3ef",
+  "theme_color": "#f5f3ef",
+  "orientation": "any",
+  "icons": [
+    {
+      "src": "icons/tau-192.png",
+      "sizes": "192x192",
+      "type": "image/png"
+    },
+    {
+      "src": "icons/tau-512.png",
+      "sizes": "512x512",
+      "type": "image/png"
+    },
+    {
+      "src": "icons/tau-maskable-512.png",
+      "sizes": "512x512",
+      "type": "image/png",
+      "purpose": "maskable"
+    }
+  ]
+}