@danypops/pi-packed 0.9.0 → 0.11.0

package/README.md

@@ -10,13 +10,13 @@ The extension connects to Packed's authenticated user daemon and starts the pack
 
 ## Commands
 
-- `/packed` -- opens on the packages panel: every installed Pi package, with update availability. Mnemonics follow lazy.nvim's own convention (uppercase acts on every row, lowercase on the one under the cursor):
-  - `u` / `U` -- update the selected package / update every outdated package, one combined confirmation and one reload.
+- `/packed` -- a floating overlay panel: every installed Pi package, with update availability. Mnemonics follow lazy.nvim's own convention (uppercase acts on every row, lowercase on the one under the cursor):
+  - `u` / `U` -- update the selected package / update every outdated package, one combined confirmation and one reload. `U`'s progress bar renders inline on this same panel, not a separate popup.
   - `x` -- remove the selected package.
   - `d` -- disable (or re-enable) the selected package's own extensions.
   - `c` -- jump to resource config for the selected package (skills, prompts, themes).
   - `f` -- find: search the npm registry for new Pi packages and install one.
-  - `s` -- settings. `Enter` opens a floating action menu with all of the above. `r` refreshes, `/` filters, `Tab` cycles view modes.
+  - `s` -- settings. `Enter` opens a smaller floating action menu with all of the above. `r` refreshes, `/` filters, `Tab` cycles view modes.
 - `/packed config` -- enable or disable individual extensions, skills, prompt templates, and themes declared by installed packages, per package, at global or project scope.
 - `/packed setup plan [path] [--prune]` / `/packed setup apply [path] [--prune]` -- preview or apply a reproducible-environment manifest (`pi-setup.json`) against installed packages and profiles.
 - `/profile [name]` -- switch to a named Pi profile (provider, model, tools, instructions, theme), reading `~/.pi/agent/profiles.json` and a trusted project's own `.pi/profiles.json`. `pi --profile <name>` activates one at startup; `Ctrl+Shift+U` cycles through them.

package/extension/src/discover.ts

@@ -149,15 +149,16 @@ function renderDiscoverPanel(ctx: ExtensionCommandContext, natives: Natives): Pr
 			},
 		};
 
+		const border = () => new DynamicBorder((s) => theme.fg("border", s));
 		const container = new Container();
 		container.addChild(new Spacer(1));
-		container.addChild(new DynamicBorder());
+		container.addChild(border());
 		container.addChild(new Spacer(1));
 		container.addChild(header);
 		container.addChild(new Spacer(1));
 		container.addChild(list);
 		container.addChild(new Spacer(1));
-		container.addChild(new DynamicBorder());
+		container.addChild(border());
 
 		return {
 			render: (width: number) => container.render(width),

package/extension/src/resource-config.ts

@@ -190,15 +190,16 @@ function renderConfig(ctx: ExtensionCommandContext, data: { global: PackageResou
 			},
 		};
 
+		const border = () => new DynamicBorder((s) => theme.fg("border", s));
 		const container = new Container();
 		container.addChild(new Spacer(1));
-		container.addChild(new DynamicBorder());
+		container.addChild(border());
 		container.addChild(new Spacer(1));
 		container.addChild(header);
 		container.addChild(new Spacer(1));
 		container.addChild(list);
 		container.addChild(new Spacer(1));
-		container.addChild(new DynamicBorder());
+		container.addChild(border());
 
 		return {
 			render: (width: number) => container.render(width),

package/extension/src/tui.ts

@@ -6,15 +6,18 @@
  * only (x remove -- there is no safe "remove every installed package"
  * bulk analog, so no X is bound). Adds d disable/enable this package's
  * extensions, c jump to full resource config, f find/install new
- * packages, s settings. Enter opens a floating (`ctx.ui.custom` with
- * overlay:true) action menu instead of a full-screen prompt, so the list
- * underneath never disappears. All data flows through the packed CLI
+ * packages, s settings. The panel itself is a floating overlay
+ * (`ctx.ui.custom` with overlay:true), and Enter opens a second, smaller
+ * overlay action menu on top of it. U's batch update renders its progress
+ * bar inline on this same overlay instead of opening a separate one --
+ * the list flips to a progress view, then back (or closes, if a reload
+ * already replaced the session). All data flows through the packed CLI
  * (thin seam).
  */
 import type { ExtensionCommandContext } from "@earendil-works/pi-coding-agent";
 import { DynamicBorder, rawKeyHint } from "@earendil-works/pi-coding-agent";
 import { Container, Input, Spacer, truncateToWidth, visibleWidth } from "@earendil-works/pi-tui";
-import { Menu, type MenuItem } from "malevich-tui-components";
+import { Menu, ProgressBar, type MenuItem } from "malevich-tui-components";
 import { filterRows, mergeRows, nextMode, visibleRows } from "./model.js";
 import type { Row, ViewMode } from "./model.js";
 import type { Natives, PackageResources } from "./packed.js";
@@ -25,7 +28,7 @@ import { showDiscoverPanel } from "./discover.js";
 import { menuTheme } from "./menu-theme.js";
 
 interface PanelAction {
-	type: "update" | "updateAll" | "remove" | "disable" | "config" | "find" | "refresh" | "settings";
+	type: "update" | "remove" | "disable" | "config" | "find" | "refresh" | "settings";
 	row?: Row;
 }
 
@@ -86,11 +89,45 @@ export async function applyPackageChoice(
 	return "cancelled";
 }
 
-/** U -- update every outdated row with one combined approval and one
- * reload, instead of applyPackageChoice's own per-call reload (which
- * would end the session after the first successful update). */
-export async function applyUpdateAll(rows: Row[], natives: Natives, ctx: ExtensionCommandContext): Promise<PackageChoiceOutcome> {
-	const outdated = rows.filter((row) => row.hasUpdate);
+interface UpdateAllResult { changed: number; failedNames: string[]; }
+
+interface UpdateProgressEvent { row: Row; index: number; total: number; phase: "start" | "done"; }
+
+/** The core sequential-update loop, with no UI of its own -- reports each
+ * step via onProgress so any host surface (a floating overlay, or the
+ * packages panel's own body) can render it however fits. */
+async function performUpdateAll(
+	outdated: Row[],
+	natives: Natives,
+	approved: boolean | undefined,
+	onProgress?: (event: UpdateProgressEvent) => void,
+): Promise<UpdateAllResult> {
+	let changed = 0;
+	const failedNames: string[] = [];
+	for (let i = 0; i < outdated.length; i++) {
+		const row = outdated[i]!;
+		onProgress?.({ row, index: i, total: outdated.length, phase: "start" });
+		try {
+			const outcome = await natives.update(`npm:${row.name}`, approved);
+			if (outcome.reloadRequired) changed += 1;
+		} catch (e) {
+			failedNames.push(`${row.name}: ${e instanceof Error ? e.message : e}`);
+		}
+		onProgress?.({ row, index: i, total: outdated.length, phase: "done" });
+	}
+	return { changed, failedNames };
+}
+
+/** Approves once for the whole batch, runs it via whatever runBatch does
+ * (a floating overlay for applyUpdateAll's own public API, or renderPanel's
+ * embedded progress bar), then reports the combined result -- shared so
+ * both surfaces stay behaviorally identical. */
+async function approveAndRunUpdateAll(
+	outdated: Row[],
+	natives: Natives,
+	ctx: ExtensionCommandContext,
+	runBatch: (outdated: Row[], approved: boolean | undefined) => Promise<UpdateAllResult>,
+): Promise<PackageChoiceOutcome> {
 	if (outdated.length === 0) {
 		ctx.ui.notify("Nothing to update.", "info");
 		return "unchanged";
@@ -105,27 +142,63 @@ export async function applyUpdateAll(rows: Row[], natives: Natives, ctx: Extensi
 		ctx.ui.notify(approval.message ?? "update denied", "warning");
 		return "cancelled";
 	}
-	ctx.ui.notify(`Updating ${outdated.length} package(s)…`, "info");
-	let changed = 0;
-	let failed = 0;
-	for (const row of outdated) {
-		try {
-			const outcome = await natives.update(`npm:${row.name}`, approval.approved);
-			if (outcome.reloadRequired) changed += 1;
-		} catch (e) {
-			failed += 1;
-			ctx.ui.notify(`${row.name} update failed: ${e instanceof Error ? e.message : e}`, "error");
-		}
-	}
+	const { changed, failedNames } = await runBatch(outdated, approval.approved);
+	for (const failure of failedNames) ctx.ui.notify(`update failed: ${failure}`, "error");
 	if (changed === 0) {
-		ctx.ui.notify(failed > 0 ? `No packages updated; ${failed} failed.` : "All packages already up to date.", failed > 0 ? "warning" : "info");
-		return failed > 0 ? "cancelled" : "unchanged";
+		ctx.ui.notify(failedNames.length > 0 ? `No packages updated; ${failedNames.length} failed.` : "All packages already up to date.", failedNames.length > 0 ? "warning" : "info");
+		return failedNames.length > 0 ? "cancelled" : "unchanged";
 	}
-	ctx.ui.notify(`Updated ${changed} package(s)${failed > 0 ? `, ${failed} failed` : ""}; reloading Pi resources.`, "info");
+	ctx.ui.notify(`Updated ${changed} package(s)${failedNames.length > 0 ? `, ${failedNames.length} failed` : ""}; reloading Pi resources.`, "info");
 	await ctx.reload();
 	return "changed";
 }
 
+/** Floats its own progress-bar overlay over the still-open panel -- kept
+ * for applyUpdateAll's own public API (and anything calling it directly,
+ * outside the packages panel). renderPanel's own U key does not use this;
+ * it renders the same progress bar inline on its own already-open overlay
+ * instead of stacking a second one. */
+async function runUpdatesWithProgress(
+	outdated: Row[],
+	natives: Natives,
+	approved: boolean | undefined,
+	ctx: ExtensionCommandContext,
+): Promise<UpdateAllResult> {
+	return ctx.ui.custom<UpdateAllResult>(
+		(tui, theme, _kb, done) => {
+			const bar = new ProgressBar({ value: 0, max: outdated.length, label: `${outdated[0]?.name ?? ""} (1/${outdated.length})`, style: (s) => theme.fg("accent", s) });
+			const border = () => new DynamicBorder((s) => theme.fg("border", s));
+			const container = new Container();
+			container.addChild(new Spacer(1));
+			container.addChild(border());
+			container.addChild({ invalidate() {}, render: (_width: number) => [theme.bold("Updating packages")] });
+			container.addChild(new Spacer(1));
+			container.addChild(bar);
+			container.addChild(new Spacer(1));
+			container.addChild(border());
+
+			performUpdateAll(outdated, natives, approved, (event) => {
+				bar.setLabel(`${event.row.name} (${event.index + 1}/${event.total})`);
+				if (event.phase === "done") bar.setValue(event.index + 1);
+				tui.requestRender();
+			}).then(done);
+
+			return { render: (width: number) => container.render(width), invalidate: () => container.invalidate(), handleInput() {} };
+		},
+		{ overlay: true, overlayOptions: { width: 50, anchor: "center" } },
+	);
+}
+
+/** U -- update every outdated row with one combined approval and one
+ * reload, instead of applyPackageChoice's own per-call reload (which
+ * would end the session after the first successful update). Public API:
+ * opens its own progress overlay. renderPanel's own U key instead renders
+ * progress inline via approveAndRunUpdateAll + performUpdateAll directly. */
+export async function applyUpdateAll(rows: Row[], natives: Natives, ctx: ExtensionCommandContext): Promise<PackageChoiceOutcome> {
+	const outdated = rows.filter((row) => row.hasUpdate);
+	return approveAndRunUpdateAll(outdated, natives, ctx, (batch, approved) => runUpdatesWithProgress(batch, natives, approved, ctx));
+}
+
 /** d -- toggles every declared extension of this package on or off in one
  * step (disables if any are enabled, otherwise re-enables all). Reuses
  * applyResourceToggle per item for its own tested approval/mutation path
@@ -207,8 +280,10 @@ export async function showPackedPanel(ctx: ExtensionCommandContext, natives: Nat
 	}
 
 	// Panel loop: actions resolve the component, run outside it, then reopen.
+	// U/updateAll is handled entirely inside renderPanel itself (progress
+	// rendered on the same already-open overlay) and never reaches here.
 	for (;;) {
-		const action = await renderPanel(ctx, rows);
+		const action = await renderPanel(ctx, natives, rows);
 		if (!action) return; // closed
 
 		if (action.type === "refresh") {
@@ -227,12 +302,6 @@ export async function showPackedPanel(ctx: ExtensionCommandContext, natives: Nat
 			continue; // a successful install already reloaded; a no-op returns here
 		}
 
-		if (action.type === "updateAll") {
-			const outcome = await applyUpdateAll(rows, natives, ctx);
-			if (outcome === "changed") return; // ctx.reload() already replaced the session
-			continue;
-		}
-
 		if (action.type === "config") {
 			await showResourceConfig(ctx, natives, action.row?.name);
 			continue; // showResourceConfig already handles its own reload prompt
@@ -252,13 +321,17 @@ export async function showPackedPanel(ctx: ExtensionCommandContext, natives: Nat
 	}
 }
 
-function renderPanel(ctx: ExtensionCommandContext, rows: Row[]): Promise<PanelAction | undefined> {
+function renderPanel(ctx: ExtensionCommandContext, natives: Natives, initialRows: Row[]): Promise<PanelAction | undefined> {
 	return ctx.ui.custom<PanelAction | undefined>((tui, theme, _kb, done) => {
+		let rows = initialRows;
 		let mode: ViewMode = "all";
 		const searchInput = new Input();
 		let searchActive = false;
 		let filtered = visibleRows(rows, mode);
 		let selectedIndex = 0;
+		// Set only while U's batch update is running -- the installer, rendered
+		// inline on this same still-open overlay instead of a second one.
+		let installing: ProgressBar | undefined;
 
 		const maxVisible = 20;
 
@@ -267,6 +340,34 @@ function renderPanel(ctx: ExtensionCommandContext, rows: Row[]): Promise<PanelAc
 			selectedIndex = 0;
 		}
 
+		/** U -- runs the whole approve+update+notify+reload flow without ever
+		 * closing this panel: progress renders on the same overlay via
+		 * `installing`, and rows refresh in place afterward unless a reload
+		 * already ended the session. */
+		async function runUpdateAllInline(): Promise<void> {
+			const outdated = rows.filter((row) => row.hasUpdate);
+			const outcome = await approveAndRunUpdateAll(outdated, natives, ctx, (batch, approved) => {
+				const bar = new ProgressBar({ value: 0, max: batch.length, label: `${batch[0]?.name ?? ""} (1/${batch.length})`, style: (s) => theme.fg("accent", s) });
+				installing = bar;
+				tui.requestRender();
+				return performUpdateAll(batch, natives, approved, (event) => {
+					bar.setLabel(`${event.row.name} (${event.index + 1}/${event.total})`);
+					if (event.phase === "done") bar.setValue(event.index + 1);
+					tui.requestRender();
+				});
+			});
+			installing = undefined;
+			if (outcome === "changed") {
+				done(undefined); // ctx.reload() already replaced the session
+				return;
+			}
+			const reloaded = await loadRows(natives);
+			if (reloaded.error) ctx.ui.notify(`refresh failed: ${reloaded.error}`, "error");
+			else rows = reloaded.rows;
+			applyFilter();
+			tui.requestRender();
+		}
+
 		const header = {
 			invalidate() {},
 			render(width: number): string[] {
@@ -329,20 +430,39 @@ function renderPanel(ctx: ExtensionCommandContext, rows: Row[]): Promise<PanelAc
 			},
 		};
 
-		const container = new Container();
-		container.addChild(new Spacer(1));
-		container.addChild(new DynamicBorder());
-		container.addChild(new Spacer(1));
-		container.addChild(header);
-		container.addChild(new Spacer(1));
-		container.addChild(list);
-		container.addChild(new Spacer(1));
-		container.addChild(new DynamicBorder());
+		const border = () => new DynamicBorder((s) => theme.fg("border", s));
+
+		function buildListContainer(): Container {
+			const container = new Container();
+			container.addChild(new Spacer(1));
+			container.addChild(border());
+			container.addChild(new Spacer(1));
+			container.addChild(header);
+			container.addChild(new Spacer(1));
+			container.addChild(list);
+			container.addChild(new Spacer(1));
+			container.addChild(border());
+			return container;
+		}
+
+		function buildInstallingContainer(bar: ProgressBar): Container {
+			const container = new Container();
+			container.addChild(new Spacer(1));
+			container.addChild(border());
+			container.addChild({ invalidate() {}, render: (_width: number) => [theme.bold("Updating packages")] });
+			container.addChild(new Spacer(1));
+			container.addChild(bar);
+			container.addChild(new Spacer(1));
+			container.addChild(border());
+			return container;
+		}
 
 		return {
-			render: (width: number) => container.render(width),
-			invalidate: () => container.invalidate(),
+			render: (width: number) => (installing ? buildInstallingContainer(installing) : buildListContainer()).render(width),
+			invalidate: () => (installing ? buildInstallingContainer(installing) : buildListContainer()).invalidate(),
 			handleInput(data: string) {
+				if (installing) return; // the installer owns the panel until it finishes
+
 				if (searchActive) {
 					if (data === "\x1b") {
 						searchActive = false;
@@ -382,7 +502,7 @@ function renderPanel(ctx: ExtensionCommandContext, rows: Row[]): Promise<PanelAc
 						done({ type: "find" });
 						return;
 					case "U":
-						done({ type: "updateAll" });
+						void runUpdateAllInline();
 						return;
 					case "u": {
 						const row = filtered[selectedIndex];
@@ -425,5 +545,5 @@ function renderPanel(ctx: ExtensionCommandContext, rows: Row[]): Promise<PanelAc
 				tui.requestRender();
 			},
 		};
-	});
+	}, { overlay: true, overlayOptions: { width: "70%", maxHeight: "70%", anchor: "center" } });
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@danypops/pi-packed",
-  "version": "0.9.0",
+  "version": "0.11.0",
   "description": "Pi package tools, commands, profiles, and TUI for the Packed daemon",
   "type": "module",
   "keywords": ["pi-package"],