@chainingintention/pi-web-cn 2.202610.5 → 2.202611.1

package/dist/pi-packages/workflows/server-plugin.js

@@ -1,3 +1,23 @@
+// src/shared/thinkingLevels.ts
+/**
+* Known levels in increasing intensity, derived from pi's `ThinkingLevel` union.
+* The `satisfies` clause makes this fail to compile if pi removes or renames a
+* level; thinkingLevels.test.ts adds a compile-time check for additions too. When
+* either breaks, update this list and give the new level a label/description
+* where thinking levels are presented.
+*/
+var KNOWN_THINKING_LEVELS = [
+	"off",
+	"minimal",
+	"low",
+	"medium",
+	"high",
+	"xhigh",
+	"max"
+];
+function isKnownThinkingLevel(value) {
+	return KNOWN_THINKING_LEVELS.some((level) => level === value);
+}
 // src/shared/pluginCatalogTypes.ts
 var PI_WEB_HOST_CATALOG_CAPABILITY = Object.freeze({
 	pluginId: "pi-web.host",
@@ -7,7 +27,7 @@ var PI_WEB_HOST_CATALOG_CAPABILITY = Object.freeze({
 });
 function snapshotCatalog(value) {
 	const catalog = record(value);
-	if (catalog["version"] !== 1) throw invalid();
+	if (catalog["version"] !== 1) throw invalid$1();
 	const projects = methods(catalog["projects"]);
 	const workspaces = methods(catalog["workspaces"]);
 	const sessions = methods(catalog["sessions"]);
@@ -18,7 +38,7 @@ function snapshotCatalog(value) {
 			get: async (projectId, options) => {
 				const id = text(projectId);
 				const result = snapshotProject(await projects.get(id, options));
-				if (result.id !== id) throw invalid();
+				if (result.id !== id) throw invalid$1();
 				return result;
 			}
 		}),
@@ -28,18 +48,18 @@ function snapshotCatalog(value) {
 				return array(await workspaces.list(id, options), (row) => workspaceFor(row, id));
 			},
 			get: async (selection, options) => {
-				const requested = snapshotSelection(selection);
+				const requested = snapshotSelection$1(selection);
 				const result = workspaceFor(await workspaces.get(requested, options), requested.projectId);
-				if (result.id !== requested.workspaceId) throw invalid();
+				if (result.id !== requested.workspaceId) throw invalid$1();
 				return result;
 			}
 		}),
 		sessions: Object.freeze({
-			list: async (selection, options) => array(await sessions.list(snapshotSelection(selection), options), snapshotSession),
+			list: async (selection, options) => array(await sessions.list(snapshotSelection$1(selection), options), snapshotSession),
 			get: async (selection, options) => {
-				const requested = snapshotSelection(selection, true);
+				const requested = snapshotSelection$1(selection, true);
 				const result = snapshotSession(await sessions.get(requested, options));
-				if (result.id !== requested.sessionId) throw invalid();
+				if (result.id !== requested.sessionId) throw invalid$1();
 				return result;
 			}
 		})
@@ -49,7 +69,7 @@ function methods(value) {
 	const owner = record(value);
 	const list = owner["list"];
 	const get = owner["get"];
-	if (typeof list !== "function" || typeof get !== "function") throw invalid();
+	if (typeof list !== "function" || typeof get !== "function") throw invalid$1();
 	return {
 		list: (...args) => Promise.resolve(Reflect.apply(list, owner, args)),
 		get: (...args) => Promise.resolve(Reflect.apply(get, owner, args))
@@ -65,12 +85,12 @@ function snapshotProject(value) {
 }
 function workspaceFor(value, projectId) {
 	const row = record(value);
-	if (row["projectId"] !== projectId || typeof row["isMain"] !== "boolean") throw invalid();
+	if (row["projectId"] !== projectId || typeof row["isMain"] !== "boolean") throw invalid$1();
 	let provider;
 	if (row["provider"] !== void 0) {
 		const source = record(row["provider"]);
 		const capabilities = record(source["capabilities"]);
-		if (typeof capabilities["remove"] !== "boolean") throw invalid();
+		if (typeof capabilities["remove"] !== "boolean") throw invalid$1();
 		provider = Object.freeze({
 			pluginId: text(source["pluginId"]),
 			capabilities: Object.freeze({ remove: capabilities["remove"] }),
@@ -94,27 +114,41 @@ function workspaceFor(value, projectId) {
 function snapshotSession(value) {
 	const row = record(value);
 	const runtime = row["runtime"];
-	if (typeof row["archived"] !== "boolean" || runtime !== "not-hosted" && runtime !== "idle" && runtime !== "busy") throw invalid();
+	if (typeof row["archived"] !== "boolean" || runtime !== "not-hosted" && runtime !== "idle" && runtime !== "busy") throw invalid$1();
 	let metadata;
 	if (row["metadata"] !== void 0) metadata = Object.freeze(Object.fromEntries(Object.entries(record(row["metadata"])).map(([key, data]) => [key, jsonObject(data)])));
-	if (row["name"] !== void 0 && typeof row["name"] !== "string") throw invalid();
+	if (row["name"] !== void 0 && typeof row["name"] !== "string") throw invalid$1();
+	if (typeof row["pinned"] !== "boolean") throw invalid$1();
+	const created = nullableTimestamp(row["created"]);
+	const modified = nullableTimestamp(row["modified"]);
+	const archivedAt = nullableTimestamp(row["archivedAt"]);
+	if (archivedAt !== null && !row["archived"]) throw invalid$1();
 	return Object.freeze({
 		id: text(row["id"]),
 		cwd: text(row["cwd"]),
 		archived: row["archived"],
 		runtime,
+		created,
+		modified,
+		archivedAt,
+		pinned: row["pinned"],
 		...row["name"] === void 0 ? {} : { name: row["name"] },
 		...metadata === void 0 ? {} : { metadata }
 	});
 }
-function snapshotSelection(value, session = false) {
+function nullableTimestamp(value) {
+	if (value === null) return null;
+	if (typeof value !== "string" || !Number.isFinite(Date.parse(value))) throw invalid$1();
+	return value;
+}
+function snapshotSelection$1(value, session = false) {
 	const row = record(value);
 	const keys = session ? [
 		"projectId",
 		"workspaceId",
 		"sessionId"
 	] : ["projectId", "workspaceId"];
-	if (Reflect.ownKeys(row).some((key) => typeof key !== "string" || !keys.includes(key))) throw invalid();
+	if (Reflect.ownKeys(row).some((key) => typeof key !== "string" || !keys.includes(key))) throw invalid$1();
 	return Object.freeze({
 		projectId: text(row["projectId"]),
 		workspaceId: text(row["workspaceId"]),
@@ -122,11 +156,11 @@ function snapshotSelection(value, session = false) {
 	});
 }
 function array(value, snapshot) {
-	if (!Array.isArray(value)) throw invalid();
+	if (!Array.isArray(value)) throw invalid$1();
 	return Object.freeze(value.map(snapshot));
 }
 function record(value) {
-	if (!isRecord(value)) throw invalid();
+	if (!isRecord(value)) throw invalid$1();
 	return value;
 }
 function isRecord(value) {
@@ -135,12 +169,12 @@ function isRecord(value) {
 	return prototype === Object.prototype || prototype === null;
 }
 function text(value) {
-	if (typeof value !== "string" || value.trim() === "") throw invalid();
+	if (typeof value !== "string" || value.trim() === "") throw invalid$1();
 	return value;
 }
 function jsonObject(value, ancestors = /* @__PURE__ */ new Set()) {
 	const source = record(value);
-	if (ancestors.has(source)) throw invalid();
+	if (ancestors.has(source)) throw invalid$1();
 	ancestors.add(source);
 	const result = Object.freeze(Object.fromEntries(Object.entries(source).map(([key, data]) => [key, json(data, ancestors)])));
 	ancestors.delete(source);
@@ -149,7 +183,7 @@ function jsonObject(value, ancestors = /* @__PURE__ */ new Set()) {
 function json(value, ancestors) {
 	if (value === null || typeof value === "string" || typeof value === "boolean" || typeof value === "number" && Number.isFinite(value)) return value;
 	if (Array.isArray(value)) {
-		if (ancestors.has(value)) throw invalid();
+		if (ancestors.has(value)) throw invalid$1();
 		ancestors.add(value);
 		const result = Object.freeze(value.map((item) => json(item, ancestors)));
 		ancestors.delete(value);
@@ -157,9 +191,74 @@ function json(value, ancestors) {
 	}
 	return jsonObject(value, ancestors);
 }
-function invalid() {
+function invalid$1() {
 	return /* @__PURE__ */ new Error("Invalid PI WEB host catalog capability v1 data");
 }
+Object.freeze({
+	pluginId: "pi-web.host",
+	id: "session-lifecycle",
+	version: 1,
+	parse: snapshotLifecycle
+});
+function snapshotLifecycle(value) {
+	if (typeof value !== "object" || value === null || !("version" in value) || value.version !== 1) throw invalid();
+	const owner = value;
+	const method = (name) => {
+		const fn = Reflect.get(owner, name);
+		if (typeof fn !== "function") throw invalid();
+		return async (selection, options) => {
+			const result = Reflect.apply(fn, owner, [snapshotSelection(selection), options]);
+			return await Promise.resolve(result);
+		};
+	};
+	const get = method("get");
+	const mutation = (name) => {
+		const invoke = method(name);
+		return async (selection, options) => {
+			await invoke(selection, options);
+		};
+	};
+	return Object.freeze({
+		version: 1,
+		get: async (selection, options) => {
+			const requested = snapshotSelection(selection);
+			const result = await get(requested, options);
+			if (typeof result !== "object" || result === null || !("sessionId" in result) || result.sessionId !== requested.sessionId || !("pinned" in result) || typeof result.pinned !== "boolean" || !("archived" in result) || typeof result.archived !== "boolean") throw invalid();
+			return Object.freeze({
+				sessionId: requested.sessionId,
+				pinned: result.pinned,
+				archived: result.archived
+			});
+		},
+		pin: mutation("pin"),
+		unpin: mutation("unpin"),
+		archive: mutation("archive"),
+		restore: mutation("restore"),
+		delete: mutation("delete")
+	});
+}
+function snapshotSelection(value) {
+	if (typeof value !== "object" || value === null || Array.isArray(value)) throw invalid();
+	const keys = [
+		"projectId",
+		"workspaceId",
+		"sessionId"
+	];
+	if (Reflect.ownKeys(value).some((key) => typeof key !== "string" || !keys.some((allowed) => key === allowed))) throw invalid();
+	const text = (key) => {
+		const field = Reflect.get(value, key);
+		if (typeof field !== "string" || field.trim() === "" || field.length > 512) throw invalid();
+		return field;
+	};
+	return Object.freeze({
+		projectId: text("projectId"),
+		workspaceId: text("workspaceId"),
+		sessionId: text("sessionId")
+	});
+}
+function invalid() {
+	return /* @__PURE__ */ new Error("Invalid PI WEB host session lifecycle capability v1 data");
+}
 Object.freeze({
 	pluginId: "pi-web.host",
 	id: "workspaces",
@@ -260,17 +359,21 @@ function snapshotPiWebHostPiSessionRunInput(value) {
 	const supportedKeys = /* @__PURE__ */ new Set([
 		"projectId",
 		"workspaceId",
-		"prompt"
+		"prompt",
+		"model",
+		"thinkingLevel"
 	]);
 	for (const key of Reflect.ownKeys(value)) if (typeof key !== "string" || !supportedKeys.has(key)) throw new Error(`Unsupported PI WEB host PI sessions capability v1 run input field: ${String(key)}`);
 	if (!Object.hasOwn(value, "projectId") || !Object.hasOwn(value, "workspaceId") || !Object.hasOwn(value, "prompt")) throw new Error("PI WEB host PI sessions capability v1 run input must contain projectId, workspaceId, and prompt");
 	const projectId = requiredBoundedPiSessionString(Reflect.get(value, "projectId"), "projectId", 512);
 	const workspaceId = requiredBoundedPiSessionString(Reflect.get(value, "workspaceId"), "workspaceId", 512);
 	const prompt = requiredBoundedPiSessionUtf8String(Reflect.get(value, "prompt"), "prompt", 65536);
+	const settings = snapshotPiSessionSettings(value);
 	return Object.freeze({
 		projectId,
 		workspaceId,
-		prompt
+		prompt,
+		...settings
 	});
 }
 function snapshotPiWebHostPiSessionRun(value) {
@@ -281,9 +384,20 @@ function snapshotPiWebHostPiSessionRun(value) {
 	const completion = Promise.resolve(completionValue).then(snapshotPiWebHostPiSessionRunCompletion);
 	return Object.freeze({
 		sessionId,
-		completion
+		completion,
+		...snapshotPiSessionSettings(value)
 	});
 }
+function snapshotPiSessionSettings(value) {
+	const modelValue = Reflect.get(value, "model");
+	const thinkingValue = Reflect.get(value, "thinkingLevel");
+	const model = modelValue === void 0 ? void 0 : requiredBoundedPiSessionString(modelValue, "model", 512);
+	if (thinkingValue !== void 0 && (typeof thinkingValue !== "string" || !isKnownThinkingLevel(thinkingValue))) throw new Error("Invalid PI WEB host PI sessions thinkingLevel");
+	return {
+		...model === void 0 ? {} : { model },
+		...thinkingValue === void 0 ? {} : { thinkingLevel: thinkingValue }
+	};
+}
 function snapshotPiWebHostPiSessionRunCompletion(value) {
 	if (!isPublicJsonObject(value)) throw new Error("PI WEB host PI sessions capability v1 completion must be an object");
 	const status = Reflect.get(value, "status");

package/dist/pi-web-plugins/audio/audioElement.js

@@ -0,0 +1,61 @@
+// Generated from pi-web-plugins/audio/audioElement.ts. Do not edit directly.
+/** Native media owns decoding and accessible playback controls, never autoplay. */
+export class AudioPreviewElement extends HTMLElement {
+    #model;
+    #cleanup;
+    set model(value) {
+        if (this.#model === value)
+            return;
+        this.#cleanup?.();
+        this.#model = value;
+        if (this.isConnected)
+            this.#mount();
+    }
+    connectedCallback() {
+        Object.assign(this.style, {
+            display: "flex", flex: "1 1 auto", minHeight: "0", minWidth: "0",
+            alignItems: "center", justifyContent: "center", boxSizing: "border-box", padding: "24px",
+        });
+        this.#mount();
+    }
+    disconnectedCallback() { this.#cleanup?.(); }
+    #mount() {
+        this.#cleanup?.();
+        const model = this.#model;
+        if (model === undefined || model.signal.aborted)
+            return;
+        const audio = document.createElement("audio");
+        audio.controls = true;
+        audio.autoplay = false;
+        audio.preload = "metadata";
+        audio.setAttribute("aria-label", model.label);
+        audio.style.maxWidth = "100%";
+        let active = true;
+        const onError = () => {
+            // MEDIA_ERR_ABORTED is deliberate cancellation, not a codec/network failure.
+            if (active && !model.signal.aborted && audio.error?.code !== 1)
+                model.fail(new Error(model.errorMessage));
+        };
+        const cleanup = () => {
+            if (!active)
+                return;
+            active = false;
+            model.signal.removeEventListener("abort", cleanup);
+            audio.removeEventListener("error", onError);
+            audio.pause();
+            audio.removeAttribute("src");
+            audio.load();
+            audio.remove();
+            this.#cleanup = undefined;
+        };
+        this.#cleanup = cleanup;
+        audio.addEventListener("error", onError);
+        model.signal.addEventListener("abort", cleanup, { once: true });
+        audio.src = model.url;
+        this.replaceChildren(audio);
+    }
+}
+export function registerAudioPreviewElement() {
+    if (customElements.get("pi-web-audio-preview") === undefined)
+        customElements.define("pi-web-audio-preview", AudioPreviewElement);
+}

package/dist/pi-web-plugins/audio/audioFormats.js

@@ -0,0 +1,18 @@
+// Generated from pi-web-plugins/audio/audioFormats.ts. Do not edit directly.
+export const audioMimeTypes = {
+    mp3: "audio/mpeg",
+    wav: "audio/wav",
+    ogg: "audio/ogg",
+    m4a: "audio/mp4",
+    aac: "audio/aac",
+    flac: "audio/flac",
+    opus: "audio/ogg",
+};
+export function audioContentType(path) {
+    const name = path.split(/[\\/]/).at(-1) ?? "";
+    const dot = name.lastIndexOf(".");
+    const extension = dot < 0 ? undefined : name.slice(dot + 1).toLowerCase();
+    return extension !== undefined && Object.hasOwn(audioMimeTypes, extension)
+        ? audioMimeTypes[extension]
+        : undefined;
+}

package/dist/pi-web-plugins/audio/byteRange.js

@@ -0,0 +1,21 @@
+// Generated from pi-web-plugins/audio/byteRange.ts. Do not edit directly.
+/** Invalid, multipart and unsatisfiable ranges all produce a bounded 416 response. */
+export function parseByteRange(header, size) {
+    if (!Number.isSafeInteger(size) || size <= 0)
+        return undefined;
+    const match = /^bytes=(\d*)-(\d*)$/.exec(header);
+    if (match?.[0] !== header || (match[1] === "" && match[2] === ""))
+        return undefined;
+    const first = match[1] === "" ? undefined : Number(match[1]);
+    const last = match[2] === "" ? undefined : Number(match[2]);
+    if ((first !== undefined && !Number.isSafeInteger(first)) || (last !== undefined && !Number.isSafeInteger(last)))
+        return undefined;
+    if (first === undefined) {
+        if (last === undefined || last === 0)
+            return undefined;
+        return { start: Math.max(0, size - last), end: size - 1 };
+    }
+    if (first >= size || (last !== undefined && last < first))
+        return undefined;
+    return { start: first, end: Math.min(last ?? size - 1, size - 1) };
+}

package/dist/pi-web-plugins/audio/package.json

@@ -0,0 +1,10 @@
+{
+  "name": "@pi-web/audio-plugin",
+  "private": true,
+  "type": "module",
+  "piWeb": {
+    "plugins": [
+      { "id": "pi-web.audio", "browserRoot": ".", "module": "pi-web-plugin.js", "serverModule": "server.js", "machineSpecific": true }
+    ]
+  }
+}

package/dist/pi-web-plugins/audio/pi-web-plugin.js

@@ -0,0 +1,39 @@
+// Generated from pi-web-plugins/audio/pi-web-plugin.ts. Do not edit directly.
+import { audioMimeTypes } from "./audioFormats.js";
+import { registerAudioPreviewElement } from "./audioElement.js";
+const plugin = {
+    apiVersion: 5,
+    name: "Audio",
+    activate: ({ html, localization }) => {
+        if (localization === undefined)
+            throw new Error("Audio requires localization support");
+        const messages = localization.registerMessages("preview", {
+            audio: localization.message("Audio", "Audio file preview title and player accessible name"),
+            failed: localization.message("Audio could not play. Download the file or open it externally.", "Audio decoding or network failure with fallback actions in the Files toolbar"),
+        });
+        registerAudioPreviewElement();
+        return { contributions: { filePreviewers: [{
+                        id: "audio",
+                        get title() { return messages.t("audio"); },
+                        fileExtensions: Object.keys(audioMimeTypes),
+                        renderMode: "automatic",
+                        render: ({ backend, projectId, workspaceId, file, signal, fail }) => {
+                            try {
+                                const peer = backend?.forScope({ kind: "workspace", projectId, workspaceId });
+                                if (peer?.resourceUrl === undefined)
+                                    throw new Error(messages.t("failed"));
+                                const model = {
+                                    url: peer.resourceUrl("audio.read", { path: file.path }),
+                                    signal, fail, label: messages.t("audio"), errorMessage: messages.t("failed"),
+                                };
+                                return html `<pi-web-audio-preview .model=${model}></pi-web-audio-preview>`;
+                            }
+                            catch {
+                                fail(new Error(messages.t("failed")));
+                                return html `<p role="alert">${messages.t("failed")}</p>`;
+                            }
+                        },
+                    }] } };
+    },
+};
+export default plugin;

package/dist/pi-web-plugins/audio/server.js

@@ -0,0 +1,71 @@
+// Generated from pi-web-plugins/audio/server.ts. Do not edit directly.
+import { constants } from "node:fs";
+import { open, realpath } from "node:fs/promises";
+import { isAbsolute, relative, resolve, sep } from "node:path";
+import { audioContentType } from "./audioFormats.js";
+import { parseByteRange } from "./byteRange.js";
+function within(root, path) {
+    const child = relative(root, path);
+    return child !== ".." && !child.startsWith(`..${sep}`) && !isAbsolute(child);
+}
+/** Reads only the host-resolved workspace; browser selectors never supply authority. */
+export async function readAudioResource(context) {
+    const { scope, operation, input, signal, range } = context;
+    signal.throwIfAborted();
+    if (operation !== "audio.read" || scope.kind !== "workspace")
+        throw new Error("Audio requires a workspace resource");
+    if (typeof input !== "object" || input === null || Array.isArray(input)
+        || Object.keys(input).length !== 1 || !("path" in input)
+        || typeof input["path"] !== "string")
+        throw new Error("Invalid audio path");
+    const inputPath = input["path"];
+    if (inputPath.length === 0 || inputPath.length > 4096 || inputPath.includes("\0")
+        || inputPath.split(/[\\/]/).includes(".."))
+        throw new Error("Invalid audio path");
+    const contentType = audioContentType(inputPath);
+    if (contentType === undefined)
+        throw new Error("Unsupported audio file");
+    const root = await realpath(scope.workspace.path);
+    const path = await realpath(resolve(root, inputPath));
+    if (!within(root, path))
+        throw new Error("Audio path is outside the workspace");
+    signal.throwIfAborted();
+    // O_NONBLOCK prevents a FIFO named *.mp3 from hanging before fstat rejects it.
+    // O_NOFOLLOW prevents swapping the validated final component for a symlink.
+    const handle = await open(path, constants.O_RDONLY | constants.O_NONBLOCK | constants.O_NOFOLLOW);
+    let transferred = false;
+    try {
+        signal.throwIfAborted();
+        const stat = await handle.stat();
+        signal.throwIfAborted();
+        if (!stat.isFile() || !Number.isSafeInteger(stat.size))
+            throw new Error("Audio must be a regular file with a supported size");
+        const selected = range === undefined ? { start: 0, end: stat.size - 1 } : parseByteRange(range, stat.size);
+        if (selected === undefined)
+            return { body: new Uint8Array(), contentType, statusCode: 416, contentLength: 0, contentRange: `bytes */${String(stat.size)}`, acceptRanges: "bytes" };
+        const contentLength = selected.end - selected.start + 1;
+        const metadata = {
+            contentType, contentLength, acceptRanges: "bytes",
+            statusCode: range === undefined ? 200 : 206,
+            ...(range === undefined ? {} : { contentRange: `bytes ${String(selected.start)}-${String(selected.end)}/${String(stat.size)}` }),
+        };
+        signal.throwIfAborted();
+        if (contentLength === 0)
+            return { ...metadata, body: new Uint8Array() };
+        const stream = handle.createReadStream({ start: selected.start, end: selected.end, autoClose: true, signal });
+        // Cancellation may precede transport consumption; always observe stream errors.
+        stream.on("error", () => { });
+        transferred = true;
+        return { ...metadata, body: stream };
+    }
+    finally {
+        if (!transferred)
+            await handle.close();
+    }
+}
+const plugin = {
+    apiVersion: 5,
+    name: "Audio",
+    activate: () => ({ peer: { resource: readAudioResource } }),
+};
+export default plugin;

package/dist/pi-web-plugins/code-highlight/browser/pi-web-plugin.js

@@ -15,8 +15,8 @@ https://github.com/highlightjs/highlight.js/issues/2277`),i=e,r=t),n===void 0&&(
     .hljs-meta, .hljs-deletion { color: var(--pi-syntax-deletion, var(--pi-error, var(--pi-danger, #e07b7b))); }
     .hljs-emphasis { font-style: italic; }
     .hljs-strong { font-weight: bold; }
-  `}};mt([st({attribute:!1})],ht.prototype,`stylesheetIntegration`,null),mt([st({attribute:!1})],ht.prototype,`markup`,void 0);var gt=class extends rt{constructor(...e){super(...e),this.tokens=[]}get stylesheetIntegration(){return this.integration}set stylesheetIntegration(e){e!==this.integration&&(this.releaseStyles?.(),this.releaseStyles=void 0,this.integration=e,this.isConnected&&this.renderRoot instanceof ShadowRoot&&(this.releaseStyles=e?.registerRoot(this.renderRoot)))}connectedCallback(){super.connectedCallback(),this.renderRoot instanceof ShadowRoot&&(this.releaseStyles??=this.integration?.registerRoot(this.renderRoot)),this.requestUpdate(`input`)}disconnectedCallback(){this.controller?.abort(),this.releaseStyles?.(),this.releaseStyles=void 0,super.disconnectedCallback()}willUpdate(e){if(!e.has(`input`)&&!e.has(`highlight`))return;this.controller?.abort(),this.tokens=[];let t=this.input,n=this.highlight;if(!this.isConnected||t===void 0||n===void 0)return;let r=new AbortController;this.controller=r;let i=AbortSignal.any([t.signal,r.signal]);Promise.resolve().then(()=>(i.throwIfAborted(),n(t.text,i))).then(e=>{if(!i.aborted){if(e===void 0)throw Error(`Syntax highlighter is no longer available`);this.tokens=e}}).catch(e=>{i.aborted||t.fail(e)})}render(){let e=this.input?.text??``,t=0;return Ve`<pre><code>${this.tokens.map(({from:n,to:r,kind:i})=>{let a=e.slice(t,n);return t=r,Ve`${a}<span class=${`hljs-${i===`function`||i===`property`?`title`:i===`operator`?`keyword`:i}`}>${e.slice(n,r)}</span>`})}${e.slice(t)}</code></pre>`}static{this.styles=ht.styles}};mt([st({attribute:!1})],gt.prototype,`stylesheetIntegration`,null),mt([st({attribute:!1})],gt.prototype,`input`,void 0),mt([st({attribute:!1})],gt.prototype,`highlight`,void 0),mt([ct()],gt.prototype,`tokens`,void 0);var _t={pluginId:`pi-web`,id:`stylesheet-integration`,version:1,parse(e){if(!vt(e))throw Error(`Stylesheet integration capability v1 requires registerRoot and createController`);return e}};function vt(e){return typeof e==`object`&&!!e&&`registerRoot`in e&&typeof e.registerRoot==`function`&&`createController`in e&&typeof e.createController==`function`&&`subscribe`in e&&typeof e.subscribe==`function`}var yt={pluginId:`pi-web`,id:`syntax-highlighting`,version:1,parse(e){if(!bt(e))throw Error(`Code highlighting requires syntax highlighting capability v1`);return e}};function bt(e){return typeof e==`object`&&!!e&&`supports`in e&&typeof e.supports==`function`&&`highlight`in e&&typeof e.highlight==`function`}function xt(e){let t=e.language?.trim().split(/\s/u)[0]?.toLowerCase();if(t!==void 0&&V.getLanguage(t)!==void 0)return t;let n=e.filePath?.split(/[\\/]/u).at(-1),r=n?.includes(`.`)===!0?n.split(`.`).at(-1)?.toLowerCase():void 0;return r!==void 0&&V.getLanguage(r)!==void 0?r:void 0}var St={apiVersion:5,name:`Code highlighting`,requires:[_t,yt,{pluginId:`pi-web`,id:`content-rendering`,version:1,parse:()=>void 0}],activate:({html:e,translate:t})=>{customElements.get(`pi-web-highlighted-code`)===void 0&&customElements.define(`pi-web-highlighted-code`,ht),customElements.get(`pi-web-token-highlighted-code`)===void 0&&customElements.define(`pi-web-token-highlighted-code`,gt);let n,r;return{start:({capabilities:e})=>{n=e.resolve(_t),r=e.resolve(yt)},contributions:{contentRenderers:[{id:`highlighted`,title:t?.(`ui.codeHighlight.highlighted`,`Highlighted`)??`Highlighted`,renderMode:`automatic`,supports:e=>r?.supports(e)===!0||xt(e)!==void 0,render:t=>{let i={machineId:t.machineId??`local`,...t.language===void 0?{}:{language:t.language},...t.filePath===void 0?{}:{filePath:t.filePath}},a=r;if(a?.supports(i)===!0)return e`<pi-web-token-highlighted-code .stylesheetIntegration=${n} .input=${t}
-                .highlight=${(e,t)=>a.highlight({...i,text:e,signal:t})}
-              ></pi-web-token-highlighted-code>`;let o=xt(i);if(o===void 0)throw Error(`No syntax highlighter supports this source`);return e`<pi-web-highlighted-code .stylesheetIntegration=${n}
+  `}};mt([st({attribute:!1})],ht.prototype,`stylesheetIntegration`,null),mt([st({attribute:!1})],ht.prototype,`markup`,void 0);var gt=class extends rt{constructor(...e){super(...e),this.tokens=[]}get stylesheetIntegration(){return this.integration}set stylesheetIntegration(e){e!==this.integration&&(this.releaseStyles?.(),this.releaseStyles=void 0,this.integration=e,this.isConnected&&this.renderRoot instanceof ShadowRoot&&(this.releaseStyles=e?.registerRoot(this.renderRoot)))}connectedCallback(){super.connectedCallback(),this.renderRoot instanceof ShadowRoot&&(this.releaseStyles??=this.integration?.registerRoot(this.renderRoot)),this.requestUpdate(`input`)}disconnectedCallback(){this.controller?.abort(),this.releaseStyles?.(),this.releaseStyles=void 0,super.disconnectedCallback()}willUpdate(e){if(!e.has(`input`)&&!e.has(`highlight`))return;this.controller?.abort(),this.tokens=[];let t=this.input,n=this.highlight;if(!this.isConnected||t===void 0||n===void 0)return;let r=new AbortController;this.controller=r;let i=AbortSignal.any([t.signal,r.signal]);Promise.resolve().then(()=>(i.throwIfAborted(),n(t.text,i))).then(e=>{if(!i.aborted){if(e===void 0)throw Error(`Syntax highlighter is no longer available`);this.tokens=e}}).catch(e=>{i.aborted||t.fail(e)})}render(){let e=this.input?.text??``,t=0;return Ve`<pre><code>${this.tokens.map(({from:n,to:r,kind:i})=>{let a=e.slice(t,n);return t=r,Ve`${a}<span class=${`hljs-${i===`function`||i===`property`?`title`:i===`operator`?`keyword`:i}`}>${e.slice(n,r)}</span>`})}${e.slice(t)}</code></pre>`}static{this.styles=ht.styles}};mt([st({attribute:!1})],gt.prototype,`stylesheetIntegration`,null),mt([st({attribute:!1})],gt.prototype,`input`,void 0),mt([st({attribute:!1})],gt.prototype,`highlight`,void 0),mt([ct()],gt.prototype,`tokens`,void 0);var _t={highlighted:{message:`Highlighted`,description:`Renderer view button for syntax-highlighted source code`}},vt={pluginId:`pi-web`,id:`stylesheet-integration`,version:1,parse(e){if(!yt(e))throw Error(`Stylesheet integration capability v1 requires registerRoot and createController`);return e}};function yt(e){return typeof e==`object`&&!!e&&`registerRoot`in e&&typeof e.registerRoot==`function`&&`createController`in e&&typeof e.createController==`function`&&`subscribe`in e&&typeof e.subscribe==`function`}var bt={pluginId:`pi-web`,id:`syntax-highlighting`,version:1,parse(e){if(!xt(e))throw Error(`Code highlighting requires syntax highlighting capability v1`);return e}};function xt(e){return typeof e==`object`&&!!e&&`supports`in e&&typeof e.supports==`function`&&`highlight`in e&&typeof e.highlight==`function`}function St(e){let t=e.language?.trim().split(/\s/u)[0]?.toLowerCase(),n=e.filePath?.split(/[\\/]/u).at(-1),r=n?.includes(`.`)===!0?n.split(`.`).at(-1)?.toLowerCase():void 0,i=t!==void 0&&V.getLanguage(t)!==void 0?t:r,a=i===void 0?void 0:V.getLanguage(i);return a!==void 0&&a!==V.getLanguage(`plaintext`)?i:void 0}var Ct={apiVersion:5,name:`Code highlighting`,requires:[vt,bt,{pluginId:`pi-web`,id:`content-rendering`,version:1,parse:()=>void 0}],activate:({html:e,localization:t})=>{if(t===void 0)throw Error(`The Code highlighting plugin requires a localization-capable PI WEB host`);let n=t.registerMessages(`renderer`,_t);customElements.get(`pi-web-highlighted-code`)===void 0&&customElements.define(`pi-web-highlighted-code`,ht),customElements.get(`pi-web-token-highlighted-code`)===void 0&&customElements.define(`pi-web-token-highlighted-code`,gt);let r,i;return{start:({capabilities:e})=>{r=e.resolve(vt),i=e.resolve(bt)},contributions:{contentRenderers:[{id:`highlighted`,get title(){return n.t(`highlighted`)},renderMode:`automatic`,supports:e=>i?.supports(e)===!0||St(e)!==void 0,render:t=>{let n={machineId:t.machineId??`local`,...t.language===void 0?{}:{language:t.language},...t.filePath===void 0?{}:{filePath:t.filePath}},a=i;if(a?.supports(n)===!0)return e`<pi-web-token-highlighted-code .stylesheetIntegration=${r} .input=${t}
+                .highlight=${(e,t)=>a.highlight({...n,text:e,signal:t})}
+              ></pi-web-token-highlighted-code>`;let o=St(n);if(o===void 0)throw Error(`No syntax highlighter supports this source`);return e`<pi-web-highlighted-code .stylesheetIntegration=${r}
               .markup=${V.highlight(t.text,{language:o,ignoreIllegals:!0}).value}
-            ></pi-web-highlighted-code>`}}]}}}};export{St as default};
+            ></pi-web-highlighted-code>`}}]}}}};export{Ct as default};

package/dist/pi-web-plugins/custom-ui-codex/codex.css

@@ -4,6 +4,12 @@
 :host(pi-web-ui-presentation) .codex-commands { display: grid; gap: 2px; padding: 12px 8px 16px; }
 :host(pi-web-ui-presentation) .codex-command { display: flex; align-items: center; gap: 10px; width: 100%; min-height: 36px; justify-content: flex-start; border: 0; padding: 6px 8px; text-align: start; border-radius: 6px; font-size: 14px; font-weight: 400; background: transparent; }
 :host(pi-web-ui-presentation) .codex-command svg { flex: 0 0 auto; width: 16px; height: 16px; }
+:host(pi-web-ui-presentation) .codex-command[data-action-id="search"] { min-height: 48px; padding: 10px 12px; gap: 12px; font-size: 16px; }
+:host(pi-web-ui-presentation) .codex-command[data-action-id="search"] svg { width: 22px; height: 22px; }
+:host(session-search-dialog) { --session-search-width: min(1040px, 100%); --session-search-max-height: min(860px, 100%); --session-search-font-size: 16px; --session-search-input-height: 52px; --session-search-control-size: 44px; }
+:host(session-search-dialog) .ui-dialog-title { font-size: 18px; font-weight: 600; }
+:host(session-search-dialog) .ui-selection-option { border-color: transparent; border-radius: 4px; background: transparent; padding: 14px 38px 14px 14px; }
+:host(session-search-dialog) .ui-selection-option:hover, :host(session-search-dialog) .ui-selection-option:focus-visible { background: var(--pi-surface-hover); border-color: var(--pi-border); }
 :host(pi-web-ui-presentation) .codex-command:hover:not(:disabled) { background: var(--codex-sidebar-hover, var(--pi-surface-hover)); }
 :host(pi-web-ui-presentation) .codex-machines { flex: 0 0 auto; }
 :host(pi-web-ui-presentation) .codex-project-tree { display: flex; flex: 1 1 0; flex-direction: column; min-width: 0; min-height: 0; overflow: auto; padding: 0 8px 16px; }
@@ -75,3 +81,5 @@
   :host(project-list) .action-main, :host(workspace-list) .action-main, :host(session-list) .action-main,
   :host(project-list) .action-menu-toggle, :host(workspace-list) .action-menu-toggle, :host(session-list) .action-menu-toggle { min-height: 44px; }
 }
+:host(pi-web-files-panel) .toolbar, :host(pi-web-files-panel) .toolbar-actions, .codex-files-toolbar { flex-wrap: wrap; }
+.codex-files-toolbar .file-action-icon { width: 16px; height: 16px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }

package/dist/pi-web-plugins/custom-ui-codex/fileIcons.js

@@ -0,0 +1,30 @@
+// Generated from pi-web-plugins/custom-ui-codex/fileIcons.ts. Do not edit directly.
+import { svg } from "lit";
+function icon(paths) {
+    return svg `
+    <svg class="file-action-icon" viewBox="0 0 24 24" aria-hidden="true" focusable="false">
+      ${paths}
+    </svg>
+  `;
+}
+export function renderNewFileIcon() {
+    return icon(svg `<path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8Z"></path><path d="M14 2v6h6"></path><path d="M12 12v6"></path><path d="M9 15h6"></path>`);
+}
+export function renderNewFolderIcon() {
+    return icon(svg `<path d="M3 6a2 2 0 0 1 2-2h5l2 2h7a2 2 0 0 1 2 2v10a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2Z"></path><path d="M12 10v6"></path><path d="M9 13h6"></path>`);
+}
+export function renderUploadIcon() {
+    return icon(svg `<path d="M12 16V4"></path><path d="m7 9 5-5 5 5"></path><path d="M5 20h14"></path>`);
+}
+export function renderDownloadIcon() {
+    return icon(svg `<path d="M12 4v12"></path><path d="m7 11 5 5 5-5"></path><path d="M5 20h14"></path>`);
+}
+export function renderRenameIcon() {
+    return icon(svg `<path d="M12 20h9"></path><path d="M16.5 3.5a2.1 2.1 0 0 1 3 3L8 18l-4 1 1-4Z"></path>`);
+}
+export function renderDeleteIcon() {
+    return icon(svg `<path d="M3 6h18"></path><path d="M8 6V4h8v2"></path><path d="m19 6-1 14H6L5 6"></path><path d="M10 11v5"></path><path d="M14 11v5"></path>`);
+}
+export function renderRefreshIcon() {
+    return icon(svg `<path d="M20 6v5h-5"></path><path d="M20 11a8 8 0 1 0-2.34 5.66"></path>`);
+}

package/dist/pi-web-plugins/custom-ui-codex/package.json

@@ -4,7 +4,14 @@
   "type": "module",
   "piWeb": {
     "plugins": [
-      { "id": "pi-web.custom-ui-codex", "browserRoot": ".", "module": "pi-web-plugin.js", "defaultEnabled": true }
+      {
+        "id": "pi-web.custom-ui-codex", "browserRoot": ".", "module": "pi-web-plugin.js", "defaultEnabled": true,
+        "themes": [
+          { "id": "paper", "name": "Paper", "description": "White and neutral grays with restrained status colors.", "order": 40, "colorScheme": "light", "stylesheets": [{ "id": "palette", "path": "paper.css" }] },
+          { "id": "graphite", "name": "Graphite", "description": "Charcoal and neutral grays with restrained status colors.", "order": 50, "colorScheme": "dark", "stylesheets": [{ "id": "palette", "path": "graphite.css" }] }
+        ],
+        "themePairs": [{ "id": "paper-graphite", "name": "Paper / Graphite", "description": "Follow the system light/dark preference with neutral gray themes.", "order": 20, "light": "paper", "dark": "graphite" }]
+      }
     ]
   }
 }