@firstpick/pi-package-webui 0.3.1 → 0.3.3

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 (8) hide show
  1. package/README.md +12 -3
  2. package/bin/pi-webui.mjs +1261 -16
  3. package/package.json +2 -1
  4. package/public/app.js +1580 -44
  5. package/public/index.html +78 -4
  6. package/public/service-worker.js +1 -1
  7. package/public/styles.css +655 -31
  8. package/tests/mobile-static.test.mjs +98 -9
package/public/index.html CHANGED
@@ -12,7 +12,7 @@
12
12
  <link rel="manifest" href="/manifest.webmanifest" />
13
13
  <link rel="icon" type="image/svg+xml" href="/favicon.svg" />
14
14
  <link rel="apple-touch-icon" href="/apple-touch-icon.png" />
15
- <link rel="stylesheet" href="/styles.css?v=24" />
15
+ <link rel="stylesheet" href="/styles.css?v=35" />
16
16
  </head>
17
17
  <body>
18
18
  <button id="sidePanelExpandButton" class="side-panel-expand-button" type="button" aria-controls="sidePanel" aria-expanded="false" aria-label="Expand side panel" title="Expand side panel">
@@ -27,7 +27,7 @@
27
27
  <span class="server-offline-kicker">Backend unavailable</span>
28
28
  <h1>Pi Web UI server is offline</h1>
29
29
  <p>Run this on the machine that hosts Pi Web UI, then retry the connection.</p>
30
- <code id="serverOfflineCommand" class="server-offline-command">pi-webui --cwd .</code>
30
+ <code id="serverOfflineCommand" class="server-offline-command">pi-webui</code>
31
31
  <div class="server-offline-actions">
32
32
  <button id="copyServerCommandButton" class="primary" type="button">Copy start command</button>
33
33
  <button id="retryServerConnectionButton" type="button">Retry connection</button>
@@ -50,7 +50,13 @@
50
50
  <header class="terminal-tabs-shell">
51
51
  <button id="terminalTabsToggleButton" class="terminal-tabs-toggle-button" type="button" aria-controls="tabBar" aria-expanded="false">Tabs</button>
52
52
  <div id="tabBar" class="terminal-tabs" role="tablist" aria-label="Pi terminal tabs">
53
- <button id="newTabButton" class="terminal-new-tab-button" type="button" title="Start a separate isolated Pi terminal">+ Tab</button>
53
+ <div id="newTabMenu" class="terminal-new-tab-menu composer-publish-menu">
54
+ <button id="newTabButton" class="terminal-new-tab-button" type="button" title="Start a separate isolated Pi terminal" aria-haspopup="menu" aria-expanded="false" aria-controls="newTabMenuPanel">+ Tab ▾</button>
55
+ <div id="newTabMenuPanel" class="terminal-new-tab-menu-panel composer-publish-menu-panel" role="menu" aria-labelledby="newTabButton">
56
+ <button id="newTabCurrentDirectoryButton" class="terminal-new-tab-menu-item composer-publish-menu-item" type="button" role="menuitem"><span>Current Directory</span></button>
57
+ <button id="newTabChooseDirectoryButton" class="terminal-new-tab-menu-item composer-publish-menu-item" type="button" role="menuitem"><span>Choose Directory</span></button>
58
+ </div>
59
+ </div>
54
60
  </div>
55
61
  <button id="closeAllTabsButton" class="terminal-close-all-button" type="button" title="Close all terminal tabs">Close all Tabs</button>
56
62
  </header>
@@ -187,6 +193,30 @@
187
193
  </button>
188
194
  </div>
189
195
  </div>
196
+ <div id="appRunnerMenu" class="composer-publish-menu composer-app-runner-menu" hidden>
197
+ <button
198
+ id="appRunnerInfoButton"
199
+ class="composer-icon-button composer-app-runner-info-button"
200
+ type="button"
201
+ title="Explain app runners"
202
+ aria-label="Explain app runners"
203
+ aria-controls="appRunnerInfoDialog"
204
+ data-tooltip="App runner help: supported runners, detection, and process controls."
205
+ hidden
206
+ ><svg class="composer-icon" viewBox="0 0 24 24" aria-hidden="true" focusable="false"><circle cx="12" cy="12" r="9" fill="none" stroke="currentColor" stroke-width="2"/><path d="M9.75 9.2a2.4 2.4 0 1 1 4.1 1.7c-.95.9-1.85 1.28-1.85 2.6" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"/><circle cx="12" cy="17" r="1" fill="currentColor"/></svg></button>
207
+ <button
208
+ id="appRunnerMenuButton"
209
+ class="composer-icon-button composer-publish-button composer-app-runner-button"
210
+ type="button"
211
+ title="Run a detected app runner"
212
+ aria-label="Open detected app runners"
213
+ aria-haspopup="menu"
214
+ aria-expanded="false"
215
+ aria-controls="appRunnerMenuPanel"
216
+ data-tooltip="App runners: run detected project commands in this tab's working directory."
217
+ ><svg class="composer-icon" viewBox="0 0 24 24" aria-hidden="true" focusable="false"><path d="M8 5v14l11-7z" fill="currentColor"/></svg></button>
218
+ <div id="appRunnerMenuPanel" class="composer-publish-menu-panel composer-app-runner-menu-panel" role="menu" aria-label="Detected app runners"></div>
219
+ </div>
190
220
  </div>
191
221
  <div class="spacer"></div>
192
222
  <button
@@ -401,6 +431,26 @@
401
431
  </form>
402
432
  </dialog>
403
433
 
434
+ <dialog id="gitPrDialog" class="extension-dialog git-pr-dialog">
435
+ <form method="dialog">
436
+ <h2>Review pull request</h2>
437
+ <p class="muted">Confirm or edit the generated /pr description before Web UI runs <code>gh pr create</code>.</p>
438
+ <label class="git-pr-field" for="gitPrTitleInput">
439
+ <span>Title</span>
440
+ <input id="gitPrTitleInput" class="dialog-input" type="text" autocomplete="off" placeholder="Pull request title" />
441
+ </label>
442
+ <label class="git-pr-field" for="gitPrBodyEditor">
443
+ <span>Description</span>
444
+ <textarea id="gitPrBodyEditor" class="dialog-editor git-pr-body-editor" spellcheck="true" aria-label="Pull request description"></textarea>
445
+ </label>
446
+ <p id="gitPrStatus" class="git-pr-status muted" role="status" aria-live="polite"></p>
447
+ <menu>
448
+ <button id="gitPrCancelButton" type="button">Cancel</button>
449
+ <button id="gitPrCreateButton" class="primary" type="button">Create PR</button>
450
+ </menu>
451
+ </form>
452
+ </dialog>
453
+
404
454
  <dialog id="pathPickerDialog" class="extension-dialog path-picker-dialog">
405
455
  <form method="dialog">
406
456
  <h2 id="pathPickerTitle">Choose working directory</h2>
@@ -439,6 +489,17 @@
439
489
  </form>
440
490
  </dialog>
441
491
 
492
+ <dialog id="appRunnerInfoDialog" class="extension-dialog app-runner-info-dialog">
493
+ <form method="dialog">
494
+ <h2>App runners</h2>
495
+ <p class="muted">Run detected project entrypoints directly from the active tab’s working directory, with live output pinned above the chat.</p>
496
+ <div id="appRunnerInfoBody" class="app-runner-info-body"></div>
497
+ <menu>
498
+ <button id="appRunnerInfoCloseButton" type="submit" value="close">Close</button>
499
+ </menu>
500
+ </form>
501
+ </dialog>
502
+
442
503
  <dialog id="promptListDialog" class="extension-dialog prompt-list-dialog">
443
504
  <form method="dialog">
444
505
  <h2 id="promptListDialogTitle">Create prompt list</h2>
@@ -467,6 +528,19 @@
467
528
  </form>
468
529
  </dialog>
469
530
 
470
- <script type="module" src="/app.js?v=24"></script>
531
+ <dialog id="attachmentTextDialog" class="extension-dialog attachment-text-dialog">
532
+ <form method="dialog">
533
+ <h2 id="attachmentTextTitle">Edit text attachment</h2>
534
+ <p id="attachmentTextMeta" class="attachment-text-meta muted"></p>
535
+ <textarea id="attachmentTextEditor" class="dialog-editor attachment-text-editor" spellcheck="false" aria-label="Text attachment contents"></textarea>
536
+ <p id="attachmentTextStatus" class="attachment-text-status muted" role="status" aria-live="polite"></p>
537
+ <menu>
538
+ <button id="attachmentTextCancelButton" type="button">Cancel</button>
539
+ <button id="attachmentTextSaveButton" class="primary" type="button">Save changes</button>
540
+ </menu>
541
+ </form>
542
+ </dialog>
543
+
544
+ <script type="module" src="/app.js?v=36"></script>
471
545
  </body>
472
546
  </html>
package/public/service-worker.js CHANGED
@@ -1,4 +1,4 @@
1
- const CACHE_NAME = "pi-webui-pwa-v23";
1
+ const CACHE_NAME = "pi-webui-pwa-v25";
2
2
  const APP_SHELL = [
3
3
  "/",
4
4
  "/index.html",