@firstpick/pi-package-webui 0.1.2 → 0.1.4

package/public/index.html

@@ -31,7 +31,13 @@
           </div>
         </header>
         <div id="widgetArea" class="widget-area"></div>
-        <div id="chat" class="chat" aria-live="polite"></div>
+        <div id="chat" class="chat" aria-live="polite">
+          <button id="stickyUserPromptButton" class="sticky-user-prompt-button" type="button" aria-controls="chat" hidden></button>
+        </div>
+        <div id="feedbackTray" class="feedback-tray" aria-live="polite" hidden>
+          <span id="feedbackTraySummary">No action feedback queued.</span>
+          <button id="sendFeedbackButton" type="button">Send &amp; create LEARNING</button>
+        </div>
         <button id="jumpToLatestButton" class="jump-to-latest-button" type="button" hidden>Latest ↓</button>
         <div id="statusBar" class="statusbar" aria-live="polite"></div>
         <section id="gitWorkflowPanel" class="git-workflow-panel" aria-live="polite" hidden>
@@ -48,8 +54,8 @@
           <div id="gitWorkflowActions" class="git-workflow-actions"></div>
         </section>
         <form id="composer" class="composer">
-          <textarea id="promptInput" rows="1" enterkeyhint="enter" placeholder="Ask Pi…"></textarea>
-          <div id="commandSuggest" class="command-suggest" role="listbox" aria-label="Command suggestions" hidden></div>
+          <textarea id="promptInput" rows="1" enterkeyhint="enter" placeholder="Ask Pi…" autofocus></textarea>
+          <div id="commandSuggest" class="command-suggest" role="listbox" aria-label="Command and path suggestions" hidden></div>
           <div class="composer-row">
             <button id="composerActionsButton" class="composer-actions-button" type="button" aria-controls="composerActionsPanel" aria-expanded="false">Actions</button>
             <div id="composerActionsPanel" class="composer-actions-panel" aria-label="Composer actions">
@@ -70,6 +76,26 @@
                 aria-label="Start guided Git workflow: git add dot, run git-staged-msg, preview messages, commit short or long, then git push. Cancel is available at each step."
                 data-tooltip="Guided Git workflow:&#10;1. Run git add .&#10;2. Run /git-staged-msg&#10;3. Preview short + long messages&#10;4. Commit with short or long message&#10;5. Run git push&#10;Cancel is available at each step."
               >Git workflow</button>
+              <div class="composer-publish-menu">
+                <button
+                  id="publishButton"
+                  class="composer-publish-button"
+                  type="button"
+                  title="Choose a publish workflow"
+                  aria-label="Open publish workflows"
+                  aria-haspopup="menu"
+                  aria-expanded="false"
+                  aria-controls="publishMenu"
+                >Publish</button>
+                <div id="publishMenu" class="composer-publish-menu-panel" role="menu" aria-label="Publish workflows">
+                  <button id="releaseNpmButton" class="composer-publish-menu-item" type="button" role="menuitem" data-command="/release-npm">
+                    <span>NPM Release</span>
+                  </button>
+                  <button id="releaseAurButton" class="composer-publish-menu-item" type="button" role="menuitem" data-command="/release-aur">
+                    <span>AUR Release</span>
+                  </button>
+                </div>
+              </div>
             </div>
             <div class="spacer"></div>
             <button
@@ -126,11 +152,25 @@
               </select>
               <button id="setThinkingButton" type="button">Set thinking</button>
             </div>
+            <div class="control-field">
+              <label for="themeSelect">Theme</label>
+              <select id="themeSelect" title="Theme"></select>
+            </div>
             <div class="control-field network-control-field">
               <label>Network</label>
               <div id="networkStatus" class="network-status closed">Local only</div>
               <button id="openNetworkButton" type="button">Open to network</button>
             </div>
+            <div class="control-field notification-control-field">
+              <span class="control-label">Notifications</span>
+              <label class="toggle-control" for="agentDoneNotificationsToggle">
+                <input id="agentDoneNotificationsToggle" type="checkbox" />
+                <span>
+                  <span class="toggle-control-label">Agent done notifications</span>
+                  <span id="agentDoneNotificationsStatus" class="toggle-control-hint">Off</span>
+                </span>
+              </label>
+            </div>
             <button id="abortButton" type="button" class="danger">Abort</button>
           </div>
           <h2>Session</h2>

package/public/service-worker.js

@@ -1,4 +1,4 @@
-const CACHE_NAME = "pi-webui-pwa-v1";
+const CACHE_NAME = "pi-webui-pwa-v10";
 const APP_SHELL = [
   "/",
   "/index.html",
@@ -23,6 +23,18 @@ self.addEventListener("activate", (event) => {
   );
 });
 
+self.addEventListener("notificationclick", (event) => {
+  event.notification.close();
+  const targetUrl = event.notification.data?.url || `${self.location.origin}/`;
+  event.waitUntil(
+    self.clients.matchAll({ type: "window", includeUncontrolled: true }).then((clients) => {
+      const webuiClient = clients.find((client) => client.url.startsWith(self.location.origin));
+      if (webuiClient) return webuiClient.focus();
+      return self.clients.openWindow?.(targetUrl);
+    }),
+  );
+});
+
 self.addEventListener("fetch", (event) => {
   const { request } = event;
   if (request.method !== "GET") return;