pi-cc-extensions 0.9.1 → 0.9.3

package/extensions/feature/shell/footer.ts

@@ -1,8 +1,9 @@
 /**
  * 自定义底栏：chips + zentui 图标/句子
  *
- * 第一行：model  thinking · ██████░░░░ 45%/200k · 󰆼 42% · $0.01 · 用量
- * 第二行：cwd in session on  branch (+16 −1) · 其他扩展状态
+ * 第一行：model  thinking · ██████░░░░ 45%/200k · 󰆼 42% · $0.01 · 用户排到 line1 的插件芯片
+ * 第二行：cwd in session on  branch (+16 −1) · 用户排到 line2 的插件芯片
+ * 第三行：仅当 line3 有可见插件芯片时出现
  *
  *  - line1 短芯片，· 分隔；缓存用 zentui 󰆼，费用 success
  *  - line2 用 zentui 句式 in / on + 
@@ -20,13 +21,26 @@ import { join } from "node:path";
 import { pathToFileURL } from "node:url";
 import { config } from "../../config/config.ts";
 import { stripAnsi } from "../../utils/ansi-text.ts";
+import {
+	PI_USAGE_KEY,
+	isSkippedFooterStatusKey,
+	resolveFooterChipLayout,
+	visibleFooterPluginTexts,
+	type FooterChipLayout,
+} from "./footer-layout.ts";
 
 const GIT_REFRESH_INTERVAL_MS = 10_000;
 const USAGE_REFRESH_INTERVAL_MS = 5 * 60 * 1000;
 const USAGE_TIMEOUT_MS = 15_000;
-// zentui NERD_DEFAULT_ICONS：git / cacheHit
-const ICON_GIT = "";
-const ICON_CACHE = "󰆼";
+// zentui NERD_DEFAULT_ICONS：git / cacheHit。无 Nerd Font 时留空，只保留文字。
+export const FOOTER_NERD_ICON_GIT = "";
+export const FOOTER_NERD_ICON_CACHE = "󰆼";
+
+export function footerGlyphs(nerdIcons: boolean): { git: string; cache: string } {
+	return nerdIcons
+		? { git: FOOTER_NERD_ICON_GIT, cache: FOOTER_NERD_ICON_CACHE }
+		: { git: "", cache: "" };
+}
 
 type GitStats = { add: number; del: number };
 
@@ -54,12 +68,6 @@ export function parseGitStats(stdout: string): GitStats {
 	return { add, del };
 }
 
-export function classifyStatus(key: string): "usage" | "skip" | "other" {
-	if (key === "model") return "skip"; // line1 已有供应商/模型
-	if (/usage|quota|balance/i.test(key)) return "usage";
-	return "other";
-}
-
 export function formatXaiFooterChip(report: XaiFooterReport): string | undefined {
 	const included = report.buckets?.find((b) => b.id === "included-allowance");
 	if (included?.unit === "percent" && typeof included.used === "number") {
@@ -87,14 +95,44 @@ export function formatXaiFooterChip(report: XaiFooterReport): string | undefined
 	return undefined;
 }
 
-export function pickFooterUsageText(
-	pluginUsage: string | undefined,
-	localChip: string | undefined,
-): string | undefined {
-	const plugin = pluginUsage?.trim();
-	if (plugin && !/^checking$/i.test(plugin)) return plugin;
-	const local = localChip?.trim();
-	return local || undefined;
+const cachedExtensionStatuses = new Map<string, string>();
+let cachedLocalUsageText = "";
+
+/** 面板用：当前 setStatus 文案 + 本包 pi-usage（无文案时为空字符串）。 */
+export function getFooterStatusSnapshot(): Map<string, string> {
+	const out = new Map<string, string>();
+	for (const [key, text] of cachedExtensionStatuses) {
+		if (isSkippedFooterStatusKey(key)) continue;
+		out.set(key, text);
+	}
+	out.set(PI_USAGE_KEY, cachedLocalUsageText);
+	return out;
+}
+
+function rememberExtensionStatuses(entries: Iterable<[string, string]>): void {
+	cachedExtensionStatuses.clear();
+	for (const [key, raw] of entries) {
+		if (isSkippedFooterStatusKey(key)) continue;
+		const text = stripAnsi(raw.replace(/[\r\n\t]+/g, " ").trim());
+		if (text) cachedExtensionStatuses.set(key, text);
+	}
+}
+
+function pluginTextsForRender(localUsageChip: string): Map<string, string> {
+	cachedLocalUsageText = stripAnsi(localUsageChip.replace(/[\r\n\t]+/g, " ").trim());
+	const texts = new Map<string, string>(cachedExtensionStatuses);
+	if (cachedLocalUsageText) texts.set(PI_USAGE_KEY, cachedLocalUsageText);
+	else texts.delete(PI_USAGE_KEY);
+	return texts;
+}
+
+function layoutFromConfig(): FooterChipLayout {
+	return {
+		footerHiddenKeys: config.footerHiddenKeys,
+		footerLine1Keys: config.footerLine1Keys,
+		footerLine2Keys: config.footerLine2Keys,
+		footerLine3Keys: config.footerLine3Keys,
+	};
 }
 
 let piUsageMod: any | null | undefined;
@@ -317,26 +355,33 @@ const createCustomFooterFactory =
 			const thinkingLevelStr = ctx.thinkingLevel || "off";
 			const thinkingColor = theme.getThinkingBorderColor(thinkingLevelStr);
 
-			const otherStatuses: string[] = [];
-			const usageStatuses: string[] = [];
-			for (const [key, raw] of Array.from(
+			rememberExtensionStatuses(
 				footerData.getExtensionStatuses().entries() as Iterable<[string, string]>,
-			).sort(([a], [b]) => a.localeCompare(b))) {
-				const t = raw.replace(/[\r\n\t]+/g, " ").trim();
-				if (!t) continue;
-				const kind = classifyStatus(key);
-				if (kind === "skip") continue;
-				if (kind === "usage") {
-					usageStatuses.push(stripAnsi(t));
-				} else {
-					otherStatuses.push(theme.fg("dim", stripAnsi(t)));
-				}
-			}
-
-			const usageText = pickFooterUsageText(usageStatuses[0], localUsageChip);
+			);
+			const pluginTexts = pluginTextsForRender(localUsageChip);
+			const layout = resolveFooterChipLayout(layoutFromConfig(), [...pluginTexts.keys()]);
+			const dimPlugin = (text: string) => colorUsageChip(theme, text);
+			const line1Plugins = visibleFooterPluginTexts(
+				layout.footerLine1Keys,
+				layout.footerHiddenKeys,
+				pluginTexts,
+			).map(dimPlugin);
+			const line2Plugins = visibleFooterPluginTexts(
+				layout.footerLine2Keys,
+				layout.footerHiddenKeys,
+				pluginTexts,
+			).map(dimPlugin);
+			const line3Plugins = visibleFooterPluginTexts(
+				layout.footerLine3Keys,
+				layout.footerHiddenKeys,
+				pluginTexts,
+			).map(dimPlugin);
 
 			const pctLabel = percent === null || percent === undefined ? "?" : `${Math.floor(percent)}%`;
 			const cachePct = getCachePct();
+			const glyphs = footerGlyphs(config.footerNerdIcons);
+			const cacheLabel =
+				cachePct > 0 ? `${glyphs.cache ? `${glyphs.cache} ` : ""}${Math.floor(cachePct)}%` : "";
 			const costChip =
 				cost || usingSubscription
 					? theme.fg("dim", `$${cost.toFixed(2)}`) +
@@ -346,9 +391,9 @@ const createCustomFooterFactory =
 				theme.fg("accent", modelLabel),
 				model?.reasoning ? thinkingColor(thinkingLevelStr) : "",
 				barGauge(percent ?? 0) + theme.fg("dim", ` ${pctLabel}/${fmt(contextWindow)}`),
-				cachePct > 0 ? theme.fg("dim", `${ICON_CACHE} ${Math.floor(cachePct)}%`) : "",
+				cacheLabel ? theme.fg("dim", cacheLabel) : "",
 				costChip,
-				usageText ? colorUsageChip(theme, usageText) : "",
+				...line1Plugins,
 			]);
 
 			const gitColor = theme.getThinkingBorderColor("medium");
@@ -367,11 +412,17 @@ const createCustomFooterFactory =
 							theme.fg("error", `−${gitStats.del}`) +
 							theme.fg("dim", ")")
 						: "";
-				place += theme.fg("muted", " on ") + gitColor(`${ICON_GIT} ${branch}`) + stats;
+				const gitLabel = glyphs.git ? `${glyphs.git} ${branch}` : branch;
+				place += theme.fg("muted", " on ") + gitColor(gitLabel) + stats;
 			}
-			const line2 = joinChips([place, ...otherStatuses]);
-
-			return [truncateToWidth(line1, width), ...(line2 ? [truncateToWidth(line2, width)] : [])];
+			const line2 = joinChips([place, ...line2Plugins]);
+			const line3 = joinChips(line3Plugins);
+
+			return [
+				truncateToWidth(line1, width),
+				...(line2 ? [truncateToWidth(line2, width)] : []),
+				...(line3 ? [truncateToWidth(line3, width)] : []),
+			];
 		};
 
 		return {

package/extensions/renderer/default-mode.ts

@@ -241,12 +241,16 @@ function createCcstyleTool(
 			const isPending =
 				visualState === "pending" ||
 				(!visualState && (context?.isPartial || context?.executionStarted));
-			if (isPending && context?.executionStarted) scheduleAnimation(context);
-			const rawIcon = isPending ? pendingIcon(toolName) : settledIcon(toolName, visualState);
-			const icon =
+			const animating = isPending && Boolean(context?.executionStarted);
+			if (animating) scheduleAnimation(context, { light: true });
+			const settledRawIcon = isPending ? "" : settledIcon(toolName, visualState);
+			const settledIconStyled =
 				visualState === "success"
-					? `${BRIGHT_GREEN}${rawIcon}${ANSI_FG_RESET}`
-					: theme.fg(toolIconColor(context), rawIcon);
+					? `${BRIGHT_GREEN}${settledRawIcon}${ANSI_FG_RESET}`
+					: theme.fg(toolIconColor(context), settledRawIcon);
+			// 逐帧 spinner：帧在 render() 内取，动画定时器只需 requestRender，
+			// 不再每次 tick 走 updateDisplay 把整张卡重建一遍。
+			const pendingIconStyled = () => theme.fg(toolIconColor(context), pendingIcon(toolName));
 			const summary = toolCallSummary(toolName, args, {
 				title: label === toolName ? humanizeToolLabel(label) : label,
 				variant: "default",
@@ -270,10 +274,16 @@ function createCcstyleTool(
 			const extraStyled = writeStatsStyled || theme.fg("dim", summary.detail);
 			let cachedWidth: number | undefined;
 			let cachedLine: string | undefined;
+			let cachedIcon: string | undefined;
 			const expanded = Boolean(context?.expanded);
 			return {
 				render(width: number) {
-					if (cachedLine !== undefined && cachedWidth === width) return [cachedLine];
+					// 轻量 tick 只会 requestRender，靠这里续期，动画才能自维持。
+					if (animating) scheduleAnimation(context, { light: true });
+					const icon = isPending ? pendingIconStyled() : settledIconStyled;
+					if (cachedLine !== undefined && cachedWidth === width && cachedIcon === icon) {
+						return [cachedLine];
+					}
 					const viewportWidth = toolViewportWidth(width);
 					// 展开态贴左（外层 Box 已 pad 1）；折叠 self-shell 保留 1 格前导空格
 					const lead = expanded ? "" : " ";
@@ -283,11 +293,15 @@ function createCcstyleTool(
 					);
 					const mainWidth = Math.max(0, callWidth - visibleWidth(extraText));
 					cachedWidth = width;
+					cachedIcon = icon;
 					// 路径按最终可用宽度中间截断，避免整行二次截断隐藏文件名。
 					cachedLine = `${lead}${icon} ${theme.fg("toolTitle", fitToolCallSummary(summary, mainWidth))}${extraStyled}`;
 					return [truncateToWidth(cachedLine, viewportWidth, "")];
 				},
-				invalidate() {},
+				invalidate() {
+					cachedLine = undefined;
+					cachedIcon = undefined;
+				},
 			};
 		},
 		renderResult(result: any, options: any, theme: any, context: any) {

package/extensions/renderer/tool/grouping.ts

@@ -7,6 +7,7 @@ import {
 	type Component,
 } from "@earendil-works/pi-tui";
 import { TOOL_LOADING_INTERVAL_MS, toolLoadingIcon } from "../../utils/tool-loading-icon.ts";
+import { getToolMouseTui } from "../mouse/scroll.ts";
 import { isToolTuiFullscreen, showMoreHintText } from "./show-more-hint.ts";
 import { stripAnsi, stripBackgroundAnsi, stripLeadingStatusIcon } from "../../utils/ansi-text.ts";
 import { walkComponentTree } from "../../utils/component-tree.ts";
@@ -89,18 +90,38 @@ function scheduleGroupAnimation(patch: Patch): void {
 	patch.animationTimer = setTimeout(() => {
 		patch.animationTimer = null;
 		if (!patch.active) return;
+		let needsRender = false;
 		for (const group of patch.groups) {
 			if (
 				(group.children as any[]).some(
 					(tool) => tool?.executionStarted && status(tool) === "pending",
 				)
-			)
+			) {
 				group.invalidate();
+				// 分组卡不是 ToolExecutionComponent：它的 invalidate() 不会请求渲染，
+				// 不补这一步 spinner 只在别人渲染时才跳帧（并行工具下表现为卡顿/冻结）。
+				needsRender = true;
+			}
 		}
+		if (needsRender) requestAnimationRender(patch);
 	}, TOOL_LOADING_INTERVAL_MS);
 	patch.animationTimer.unref?.();
 }
 
+/** 借用子工具卡的 ui 请求一帧；子卡缺失时回退到扩展持有的 TUI 槽。 */
+function requestAnimationRender(patch: Patch): void {
+	for (const group of patch.groups) {
+		const ui = (group.children as any[]).find(
+			(tool) => typeof tool?.ui?.requestRender === "function",
+		)?.ui;
+		if (ui) {
+			ui.requestRender();
+			return;
+		}
+	}
+	getToolMouseTui()?.requestRender?.();
+}
+
 function visibleLines(lines: string[]): string[] {
 	return lines.filter((line) => stripAnsi(line).trim());
 }

package/extensions/renderer/tool/names.ts

@@ -7,11 +7,18 @@ function clip(value: unknown): string {
 	return oneLine(value, config.inputClip);
 }
 
+/** 品牌大小写固定写法；humanize 推导不出来的工具名写在这里。 */
+const TOOL_LABEL_OVERRIDES: Readonly<Record<string, string>> = {
+	powershell: "PowerShell",
+};
+
 /**
  * 工具名/标签人性化：与 default-mode 的 humanizeToolLabel、grouping 的 humanizeToolName
  * 逐字相同，收敛为一个共享实现。
  */
 export function humanizeToolLabel(label: string): string {
+	const brand = TOOL_LABEL_OVERRIDES[label.toLowerCase()];
+	if (brand) return brand;
 	return label
 		.replace(/([a-z0-9])([A-Z])/g, "$1 $2")
 		.replace(/[_-]+/g, " ")
@@ -134,11 +141,84 @@ function pathSummary(
 	};
 }
 
+/** 入参是 shell 命令的工具。 */
+const SHELL_TOOL_NAMES = new Set(["bash", "powershell", "pwsh", "sh", "zsh", "cmd"]);
+
+/** 内置检索工具：pattern 缺失（无效调用）时保留 "…" 占位。 */
+const SEARCH_TOOL_NAMES = new Set(["grep", "find"]);
+
+/**
+ * 通用摘要字段优先级：default 与 grouping 共用同一份取值链。
+ * 两处曾各自维护，grouping 因此漏掉 command（powershell）和数组型入参；
+ * 路径不在链上，由 pathSummary 兜底，以便按 cwd 相对化并中间截断。
+ */
+const GENERIC_SUMMARY_FIELDS = [
+	"agent_id",
+	"command",
+	"query",
+	"queries",
+	"claim",
+	"question",
+	"questions",
+	"url",
+	"urls",
+	"responseId",
+	"findText",
+	"name",
+	"tool_use_id",
+	"toolCallId",
+	"id",
+	"subject",
+	"taskId",
+	"task_id",
+	"message",
+	"description",
+	"prompt",
+] as const;
+
+/** 通用字段链取值：字符串直接用；数组取首个可展示项并标注剩余条数。 */
+type SummaryValue = { text: string; more: number };
+
+function arrayItemText(item: unknown): string | undefined {
+	if (typeof item === "string" && item) return item;
+	if (!item || typeof item !== "object") return undefined;
+	for (const key of ["query", "url", "question", "header", "name"] as const) {
+		const text = (item as Record<string, unknown>)[key];
+		if (typeof text === "string" && text) return text;
+	}
+	return undefined;
+}
+
+function summaryFieldValue(value: unknown): SummaryValue | undefined {
+	if (typeof value === "string" && value) return { text: value, more: 0 };
+	if (!Array.isArray(value)) return undefined;
+	let first: string | undefined;
+	let count = 0;
+	for (const item of value) {
+		const text = arrayItemText(item);
+		if (!text) continue;
+		count += 1;
+		first ??= text;
+	}
+	return first === undefined ? undefined : { text: first, more: count - 1 };
+}
+
+/** 通用字段链取值；无可用字段时返回 undefined，交给调用方继续降级。 */
+function genericSummary(title: string, args: any): ToolCallSummary | undefined {
+	for (const key of GENERIC_SUMMARY_FIELDS) {
+		const found = summaryFieldValue(args[key]);
+		if (!found) continue;
+		// (+N) 追加在截断之后，避免首个元素过长时把条数挤没
+		const more = found.more > 0 ? ` (+${found.more})` : "";
+		return { main: `${title} ${clip(found.text)}${more}`, detail: "" };
+	}
+	return undefined;
+}
+
 /**
  * 单工具调用摘要（{ main, detail }）。
  *
- * default-mode 与 grouping 共用；opts.variant 保留两处各自逐字一致的输出，
- * 不改动任何现有渲染字符串。
+ * 两个变体共用同一份取值链，只有 read/agent/skill/task 等具名分支存在必要差异。
  */
 export function toolCallSummary(
 	toolName: string,
@@ -216,58 +296,24 @@ export function toolCallSummary(
 			detail,
 		};
 	}
-	if (variant === "grouping") {
-		if (toolName === "bash") return { main: `Bash ${clip(args.command || "...")}`, detail: "" };
-		if (toolName === "grep") {
-			const pattern = clip(args.pattern || "...");
-			return {
-				main: `Grep ${JSON.stringify(pattern)}${args.path ? ` in ${clip(args.path)}` : ""}`,
-				detail: "",
-			};
-		}
-		if (toolName === "find") {
-			const pattern = clip(args.pattern || "...");
-			return {
-				main: `Find ${JSON.stringify(pattern)}${args.path ? ` in ${clip(args.path)}` : ""}`,
-				detail: "",
-			};
-		}
+	if (variant === "grouping" && SHELL_TOOL_NAMES.has(name)) {
+		// 分组行缺 command 时保留占位，避免与单工具卡一样只剩标题
+		return { main: value("...", "command"), detail: "" };
 	}
-	if (variant === "default") {
-		const preferredPath = args.path ?? args.file_path;
-		if (typeof preferredPath === "string" && preferredPath) {
-			return pathSummary(title, preferredPath, opts.cwd);
-		}
-		const preferred =
-			args.command ??
-			args.query ??
-			args.question ??
-			args.pattern ??
-			args.url ??
-			args.name ??
-			args.tool_use_id ??
-			args.toolCallId ??
-			args.id ??
-			args.message;
-		return {
-			main:
-				preferred !== undefined && preferred !== null && typeof preferred !== "object"
-					? `${title} ${clip(preferred)}`
-					: title,
-			detail: "",
-		};
+
+	// 检索类：pattern 是正文，path 只是范围；两个变体同格式
+	if (typeof args.pattern === "string" || SEARCH_TOOL_NAMES.has(name)) {
+		const pattern = clip(args.pattern || "...");
+		const scope = typeof args.path === "string" && args.path ? ` in ${clip(args.path)}` : "";
+		return { main: `${title} ${JSON.stringify(pattern)}${scope}`, detail: "" };
 	}
-	const preferred =
-		args.agent_id ??
-		args.path ??
-		args.file_path ??
-		args.url ??
-		args.description ??
-		args.query ??
-		args.name ??
-		args.prompt;
-	return {
-		main: `${title}${preferred === undefined ? "" : ` ${clip(preferred)}`}`,
-		detail: "",
-	};
+
+	const generic = genericSummary(title, args);
+	if (generic) return generic;
+
+	const preferredPath = args.path ?? args.file_path;
+	if (typeof preferredPath === "string" && preferredPath) {
+		return pathSummary(title, preferredPath, opts.cwd);
+	}
+	return { main: title, detail: "" };
 }

package/extensions/renderer/tool/result.ts

@@ -3,6 +3,7 @@ import { inspect } from "node:util";
 import { config } from "../../config/config.ts";
 import { showMoreHintText } from "./show-more-hint.ts";
 import { TOOL_LOADING_INTERVAL_MS, toolLoadingIcon } from "../../utils/tool-loading-icon.ts";
+import { getToolMouseTui } from "../mouse/scroll.ts";
 import { sanitizeToolResultText } from "../../utils/tool-result-sanitize.ts";
 
 const TOOL_VIEWPORT_WIDTH_RATIO = 0.8;
@@ -70,6 +71,7 @@ const activeAnimationContexts = new Set<any>();
 let sharedAnimationTimer: ReturnType<typeof setTimeout> | null = null;
 
 function clearAnimation(context: any) {
+	if (context?.state) context.state.ccstyleAnimationLight = false;
 	if (!context?.state?.ccstyleAnimationScheduled) return;
 	context.state.ccstyleAnimationScheduled = false;
 	activeAnimationContexts.delete(context);
@@ -82,6 +84,7 @@ function clearAnimation(context: any) {
 export function clearAllAnimations() {
 	for (const ctx of activeAnimationContexts) {
 		ctx.state.ccstyleAnimationScheduled = false;
+		ctx.state.ccstyleAnimationLight = false;
 	}
 	activeAnimationContexts.clear();
 	if (sharedAnimationTimer) {
@@ -90,8 +93,15 @@ export function clearAllAnimations() {
 	}
 }
 
-export function scheduleAnimation(context: any, intervalMs = TOOL_LOADING_INTERVAL_MS) {
+export function scheduleAnimation(
+	context: any,
+	options: { light?: boolean; intervalMs?: number } = {},
+) {
 	const state = (context.state ??= {});
+	// light：调用方自己在 render() 内重取 loading 帧，定时器只需请求重绘；
+	// 否则定时器走 context.invalidate()（compact 摘要等靠它重建）。
+	// 每次调用都按本次 options 写入，避免上次 light 残留后非 light 调用仍跳过 invalidate。
+	state.ccstyleAnimationLight = Boolean(options.light);
 	if (state.ccstyleAnimationScheduled) return;
 	state.ccstyleAnimationScheduled = true;
 	activeAnimationContexts.add(context);
@@ -100,11 +110,16 @@ export function scheduleAnimation(context: any, intervalMs = TOOL_LOADING_INTERV
 			sharedAnimationTimer = null;
 			const contexts = Array.from(activeAnimationContexts);
 			activeAnimationContexts.clear();
+			const tui = getToolMouseTui();
+			const canRequestRender = typeof tui?.requestRender === "function";
+			let lightFrames = false;
 			for (const ctx of contexts) {
 				ctx.state.ccstyleAnimationScheduled = false;
-				ctx.invalidate?.();
+				if (ctx.state.ccstyleAnimationLight && canRequestRender) lightFrames = true;
+				else ctx.invalidate?.();
 			}
-		}, intervalMs);
+			if (lightFrames) tui.requestRender();
+		}, options.intervalMs ?? TOOL_LOADING_INTERVAL_MS);
 	}
 }
 

package/package.json

@@ -1,8 +1,8 @@
 {
 	"name": "pi-cc-extensions",
-	"version": "0.9.1",
+	"version": "0.9.3",
 	"license": "MIT",
-	"description": "A Pi productivity suite with Claude Code-style UI, context inspection, and agent/session references",
+	"description": "Claude Code-style TUI output with some personal touches and handy utilities.",
 	"type": "module",
 	"keywords": [
 		"pi-package",
@@ -21,7 +21,6 @@
 	"files": [
 		"extensions",
 		"assets/readme",
-		"assets/video",
 		"themes",
 		"README.md",
 		"README.en.md"
@@ -34,7 +33,7 @@
 			"./themes/cc-dark.json",
 			"./themes/cc-light.json"
 		],
-		"image": "https://raw.githubusercontent.com/minuque/pi-cc-extensions/main/assets/readme/preview.png",
+		"image": "https://raw.githubusercontent.com/minuque/pi-cc-extensions/main/assets/readme/preview.webp",
 		"video": "https://github.com/user-attachments/assets/6c858000-fdad-43f9-957f-4d0278648498"
 	},
 	"scripts": {