@firstpick/pi-package-webui 0.5.0 → 0.5.2

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.
package/README.md CHANGED
@@ -2,7 +2,7 @@
2
2
 
3
3
  Local browser UI for [Pi coding agent](https://www.npmjs.com/package/@earendil-works/pi-coding-agent).
4
4
 
5
- ![Pi Web UI workspace dashboard showing the active project, model, session state, and quick actions](https://unpkg.com/@firstpick/pi-package-webui/images/Webui_Workspace_v0.4.8.png)
5
+ ![Pi Web UI main window showing multi-tab chat, streaming output, footer status, composer, and side controls](https://raw.githubusercontent.com/Firstp1ck/npm-packages/main/pi-package-webui/images/Webui_MainWindow_v0.4.8.png)
6
6
 
7
7
  Pi Web UI gives you a local browser companion for Pi: multi-tab chat, streaming output, model controls, uploads, slash-command helpers, workspace navigation, and optional extension widgets.
8
8
 
@@ -148,114 +148,121 @@ Environment variables:
148
148
 
149
149
  These screenshots show the v0.4.8 Web UI surfaces. Unless noted otherwise, actions apply to the active tab and its current working directory.
150
150
 
151
+ ### Main window
152
+
153
+ ![Pi Web UI main window showing multi-tab chat, streaming output, footer status, composer, and side controls](https://raw.githubusercontent.com/Firstp1ck/npm-packages/main/pi-package-webui/images/Webui_MainWindow_v0.4.8.png)
154
+
155
+ - **What it is:** The primary Web UI workspace for Pi, with terminal tabs, chat transcript, live assistant output, footer metrics, prompt composer, attachments, and side-panel controls in one browser view.
156
+ - **What you can do:** Run multiple Pi sessions, send prompts or follow-ups, monitor tokens/cache/cost/context/git/model state, attach files, launch quick actions, and control the active session without returning to the terminal.
157
+
151
158
  ### Workspace dashboard
152
159
 
153
- ![Pi Web UI workspace dashboard showing the active project, model, session cards, and quick actions](https://unpkg.com/@firstpick/pi-package-webui/images/Webui_Workspace_v0.4.8.png)
160
+ ![Pi Web UI workspace dashboard showing the active project, model, session cards, and quick actions](https://raw.githubusercontent.com/Firstp1ck/npm-packages/main/pi-package-webui/images/Webui_Workspace_v0.4.8.png)
154
161
 
155
162
  - **What it is:** The project home base for an active Web UI tab, combining cwd, model, context, git, queue, session, and activity status.
156
163
  - **What you can do:** Start or resume work, verify the tab is pointed at the right project, jump into common session/workspace actions, and spot queued or active work before prompting.
157
164
 
158
165
  ### Control panel
159
166
 
160
- ![Pi Web UI side control panel with model, session, workspace, theme, update, optional feature, and usage controls](https://unpkg.com/@firstpick/pi-package-webui/images/Webui_ControlPanel_v0.4.8.png)
167
+ ![Pi Web UI side control panel with model, session, workspace, theme, update, optional feature, and usage controls](https://raw.githubusercontent.com/Firstp1ck/npm-packages/main/pi-package-webui/images/Webui_ControlPanel_v0.4.8.png)
161
168
 
162
169
  - **What it is:** The side rail for Web UI state and settings, including model, thinking effort, session/workspace controls, theme, optional companions, Remote WebUI, updates, notifications, and usage widgets.
163
170
  - **What you can do:** Change model or effort, compact/manage sessions, toggle notifications, check or install optional packages, run confirmed updates/restarts, and manage remote/PIN controls when the remote companion is loaded.
164
171
 
165
172
  ### Working-directory picker
166
173
 
167
- ![Pi Web UI working-directory picker with recent paths, saved directories, and create-directory action](https://unpkg.com/@firstpick/pi-package-webui/images/Webui_CWDpicker_v0.4.8.png)
174
+ ![Pi Web UI working-directory picker with recent paths, saved directories, and create-directory action](https://raw.githubusercontent.com/Firstp1ck/npm-packages/main/pi-package-webui/images/Webui_CWDpicker_v0.4.8.png)
168
175
 
169
176
  - **What it is:** A browser-native cwd chooser used at first launch and for per-tab working-directory changes.
170
177
  - **What you can do:** Search and browse project paths, choose recent or saved directories, create a new directory, and start or move a Pi tab into the selected workspace.
171
178
 
172
179
  ### App runners
173
180
 
174
- ![Pi Web UI app runner selector showing detected project runners and custom runner creation](https://unpkg.com/@firstpick/pi-package-webui/images/Webui_AppRunner_v0.4.8.png)
181
+ ![Pi Web UI app runner selector showing detected project runners and custom runner creation](https://raw.githubusercontent.com/Firstp1ck/npm-packages/main/pi-package-webui/images/Webui_AppRunner_v0.4.8.png)
175
182
 
176
183
  - **What it is:** A project runner detector for common stacks plus browseable custom runners from `.pi-webui-runners.json`.
177
184
  - **What you can do:** Launch dev servers, tests, builds, scripts, and custom commands from the active cwd, pass arguments, watch pinned live output, and send line-oriented stdin to interactive runners.
178
185
 
179
186
  ### Queue manager
180
187
 
181
- ![Pi Web UI queue panel with prompt-list controls and queued-message status](https://unpkg.com/@firstpick/pi-package-webui/images/Webui_Queues_v0.4.8.png)
188
+ ![Pi Web UI queue panel with prompt-list controls and queued-message status](https://raw.githubusercontent.com/Firstp1ck/npm-packages/main/pi-package-webui/images/Webui_Queues_v0.4.8.png)
182
189
 
183
190
  - **What it is:** The queue surface for follow-up prompts, steering messages, user bash work, and loaded prompt lists while a tab is busy or ready.
184
191
  - **What you can do:** Create or load prompt lists, run batches when supported, see pending queued messages, and decide whether prompts sent during an active run should steer the current agent or wait as follow-ups.
185
192
 
186
193
  ### Thinking effort picker
187
194
 
188
- ![Pi Web UI thinking effort picker showing off, minimal, low, medium, high, and xhigh choices](https://unpkg.com/@firstpick/pi-package-webui/images/Webui_Effort_v0.4.8.png)
195
+ ![Pi Web UI thinking effort picker showing off, minimal, low, medium, high, and xhigh choices](https://raw.githubusercontent.com/Firstp1ck/npm-packages/main/pi-package-webui/images/Webui_Effort_v0.4.8.png)
189
196
 
190
197
  - **What it is:** A browser picker for Pi's model thinking/reasoning effort setting.
191
198
  - **What you can do:** Switch between `off`, `minimal`, `low`, `medium`, `high`, and `xhigh`, confirm the effective effort in the footer, and tune speed/cost/quality before sending a prompt.
192
199
 
193
200
  ### Scoped models
194
201
 
195
- ![Pi Web UI scoped models picker listing provider models and the current effective model](https://unpkg.com/@firstpick/pi-package-webui/images/Webui_ScopedModels_v0.4.8.png)
202
+ ![Pi Web UI scoped models picker listing provider models and the current effective model](https://raw.githubusercontent.com/Firstp1ck/npm-packages/main/pi-package-webui/images/Webui_ScopedModels_v0.4.8.png)
196
203
 
197
204
  - **What it is:** A Web UI editor for `/scoped-models`, project/global model scope rules, and model cycling order.
198
205
  - **What you can do:** Search available models, enable or disable scoped entries, inspect the effective model source, and save model choices so future prompts and tabs use the intended provider/model.
199
206
 
200
207
  ### Tools setup
201
208
 
202
- ![Pi Web UI tools setup dialog listing available tools with enable and disable controls](https://unpkg.com/@firstpick/pi-package-webui/images/Webui_ToolsSetup_v0.4.8.png)
209
+ ![Pi Web UI tools setup dialog listing available tools with enable and disable controls](https://raw.githubusercontent.com/Firstp1ck/npm-packages/main/pi-package-webui/images/Webui_ToolsSetup_v0.4.8.png)
203
210
 
204
211
  - **What it is:** A browser-native `/tools` setup dialog for active and available Pi tools.
205
212
  - **What you can do:** Search tools, inspect descriptions and availability, enable or disable tool access for the active session, and adjust capability exposure without leaving the browser.
206
213
 
207
214
  ### Skills setup
208
215
 
209
- ![Pi Web UI skills setup dialog listing installed skills and activation controls](https://unpkg.com/@firstpick/pi-package-webui/images/Webui_SkillSetup_v0.4.8.png)
216
+ ![Pi Web UI skills setup dialog listing installed skills and activation controls](https://raw.githubusercontent.com/Firstp1ck/npm-packages/main/pi-package-webui/images/Webui_SkillSetup_v0.4.8.png)
210
217
 
211
218
  - **What it is:** A browser-native `/skills` setup dialog for installed Pi skills.
212
219
  - **What you can do:** Find skills by name or description, review what each skill is for, enable or disable skills for the active session, and make skill activation more transparent before asking Pi to work.
213
220
 
214
221
  ### Optional features
215
222
 
216
- ![Pi Web UI optional features list showing companion packages and install or update states](https://unpkg.com/@firstpick/pi-package-webui/images/Webui_OptionalFeatures_v0.4.8.png)
223
+ ![Pi Web UI optional features list showing companion packages and install or update states](https://raw.githubusercontent.com/Firstp1ck/npm-packages/main/pi-package-webui/images/Webui_OptionalFeatures_v0.4.8.png)
217
224
 
218
225
  - **What it is:** A companion-package manager for Web UI-aware extensions, prompts, themes, and optional dashboards.
219
226
  - **What you can do:** See whether each companion is enabled, disabled, installed-but-not-loaded, missing, or updateable; install/update known packages from localhost; and reload affected tabs when a feature becomes available.
220
227
 
221
228
  ### `/btw` side questions
222
229
 
223
- ![Pi Web UI BTW widget showing a side-question input and live side-thread output](https://unpkg.com/@firstpick/pi-package-webui/images/Webui_BTW_v0.4.8.png)
230
+ ![Pi Web UI BTW widget showing a side-question input and live side-thread output](https://raw.githubusercontent.com/Firstp1ck/npm-packages/main/pi-package-webui/images/Webui_BTW_v0.4.8.png)
224
231
 
225
232
  - **What it is:** A Web UI widget for the optional `/btw` side-question extension, keeping quick questions separate from the main agent flow.
226
233
  - **What you can do:** Ask short side questions without derailing the main chat, inspect live output, steer or stop the side thread, and transfer useful context back into the main prompt when needed.
227
234
 
228
235
  ### Guided Git workflow
229
236
 
230
- ![Pi Web UI guided Git workflow showing staged changes, generated commit messages, and PR controls](https://unpkg.com/@firstpick/pi-package-webui/images/Webui_GitWorkflow_v0.4.8.png)
237
+ ![Pi Web UI guided Git workflow showing staged changes, generated commit messages, and PR controls](https://raw.githubusercontent.com/Firstp1ck/npm-packages/main/pi-package-webui/images/Webui_GitWorkflow_v0.4.8.png)
231
238
 
232
239
  - **What it is:** A guided browser workflow for staging changes, generating commit messages, committing, pushing, and optionally creating a pull request.
233
240
  - **What you can do:** Run the stage/message/commit/push steps, choose generated short or long commit messages, type a manual message, create or confirm PR branch names, review generated PR text, and push only after confirmation.
234
241
 
235
242
  ### Git branch picker
236
243
 
237
- ![Pi Web UI git branch picker showing the current branch and create-branch action](https://unpkg.com/@firstpick/pi-package-webui/images/Webui_GitBranches_v0.4.8.png)
244
+ ![Pi Web UI git branch picker showing the current branch and create-branch action](https://raw.githubusercontent.com/Firstp1ck/npm-packages/main/pi-package-webui/images/Webui_GitBranches_v0.4.8.png)
238
245
 
239
246
  - **What it is:** A footer branch picker backed by the active tab's current Git repository.
240
247
  - **What you can do:** View the current branch/repo, switch local branches, create and switch to a new branch, and get warnings when a branch change could affect active agent work.
241
248
 
242
249
  ### Git diff viewer
243
250
 
244
- ![Pi Web UI Git Changes dialog showing repository status, file list, and side-by-side diff rows](https://unpkg.com/@firstpick/pi-package-webui/images/Webui_GitDiff_v0.4.8.png)
251
+ ![Pi Web UI Git Changes dialog showing repository status, file list, and side-by-side diff rows](https://raw.githubusercontent.com/Firstp1ck/npm-packages/main/pi-package-webui/images/Webui_GitDiff_v0.4.8.png)
245
252
 
246
253
  - **What it is:** A browser diff dialog for current Git changes in the active workspace.
247
254
  - **What you can do:** Review staged, unstaged, untracked, and incoming changes; jump between files; see additions/deletions with line numbers; and inspect text previews before asking Pi to edit, commit, or create a PR.
248
255
 
249
256
  ### Codex usage
250
257
 
251
- ![Pi Web UI Codex usage widget showing subscription usage windows and reset timers](https://unpkg.com/@firstpick/pi-package-webui/images/Webui_CodexUsage_v0.4.8.png)
258
+ ![Pi Web UI Codex usage widget showing subscription usage windows and reset timers](https://raw.githubusercontent.com/Firstp1ck/npm-packages/main/pi-package-webui/images/Webui_CodexUsage_v0.4.8.png)
252
259
 
253
260
  - **What it is:** A side-panel usage widget for Codex-family subscription-backed models.
254
261
  - **What you can do:** Refresh usage, monitor short-window and weekly limits, see reset timing, and decide whether to switch models or delay large prompts.
255
262
 
256
263
  ### Pi stats dashboard
257
264
 
258
- ![Pi Web UI stats dashboard showing token, cost, cache, model, and daily usage analytics](https://unpkg.com/@firstpick/pi-package-webui/images/Webui_Pistats_v0.4.8.png)
265
+ ![Pi Web UI stats dashboard showing token, cost, cache, model, and daily usage analytics](https://raw.githubusercontent.com/Firstp1ck/npm-packages/main/pi-package-webui/images/Webui_Pistats_v0.4.8.png)
259
266
 
260
267
  - **What it is:** The browser overlay from the optional stats companion, summarizing token, cost, cache, prompt/context, model, session, and command usage.
261
268
  - **What you can do:** Filter by time range, refresh analytics, review daily/model/session breakdowns, inspect cost and cache behavior, and calibrate prompt estimates for more accurate local usage visibility.
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@firstpick/pi-package-webui",
3
- "version": "0.5.0",
3
+ "version": "0.5.2",
4
4
  "description": "Pi Web UI companion package with a local browser UI CLI plus /webui-start and /webui-status commands.",
5
5
  "license": "MIT",
6
6
  "homepage": "https://github.com/Firstp1ck/npm-packages/tree/main/pi-package-webui#readme",
@@ -20,7 +20,7 @@
20
20
  "extension"
21
21
  ],
22
22
  "pi": {
23
- "image": "https://unpkg.com/@firstpick/pi-package-webui/images/WebUI_v0.3.7.png",
23
+ "image": "https://raw.githubusercontent.com/Firstp1ck/npm-packages/main/pi-package-webui/images/Webui_MainWindow_v0.4.8.png",
24
24
  "extensions": [
25
25
  "./index.ts",
26
26
  "node_modules/@firstpick/pi-extension-btw/index.ts",