@firstpick/pi-package-webui 0.1.2 → 0.1.3

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">
@@ -126,6 +132,10 @@
               </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>

package/public/service-worker.js

@@ -1,4 +1,4 @@
-const CACHE_NAME = "pi-webui-pwa-v1";
+const CACHE_NAME = "pi-webui-pwa-v6";
 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;