@firstpick/pi-package-webui 0.3.2 → 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 +1482 -44
  5. package/public/index.html +71 -3
  6. package/public/service-worker.js +1 -1
  7. package/public/styles.css +592 -27
  8. package/tests/mobile-static.test.mjs +91 -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=25" />
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>
@@ -193,6 +193,30 @@
193
193
  </button>
194
194
  </div>
195
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>
196
220
  </div>
197
221
  <div class="spacer"></div>
198
222
  <button
@@ -407,6 +431,26 @@
407
431
  </form>
408
432
  </dialog>
409
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
+
410
454
  <dialog id="pathPickerDialog" class="extension-dialog path-picker-dialog">
411
455
  <form method="dialog">
412
456
  <h2 id="pathPickerTitle">Choose working directory</h2>
@@ -445,6 +489,17 @@
445
489
  </form>
446
490
  </dialog>
447
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
+
448
503
  <dialog id="promptListDialog" class="extension-dialog prompt-list-dialog">
449
504
  <form method="dialog">
450
505
  <h2 id="promptListDialogTitle">Create prompt list</h2>
@@ -473,6 +528,19 @@
473
528
  </form>
474
529
  </dialog>
475
530
 
476
- <script type="module" src="/app.js?v=25"></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>
477
545
  </body>
478
546
  </html>
package/public/service-worker.js CHANGED
@@ -1,4 +1,4 @@
1
- const CACHE_NAME = "pi-webui-pwa-v24";
1
+ const CACHE_NAME = "pi-webui-pwa-v25";
2
2
  const APP_SHELL = [
3
3
  "/",
4
4
  "/index.html",