@pi-outpost/embed 0.17.0 → 0.17.1

package/dist/pi-outpost-embed.js

@@ -47200,36 +47200,36 @@ function PM({ usage: e }) {
 		})]
 	});
 }
-function FM({ thinkingLevel: e, isStreaming: t, onSetThinking: n }) {
-	let [r, i] = w(!1), a = C(null), o = e !== "off", s = Math.max(0, Nj.indexOf(e));
+function FM({ thinkingLevel: e, thinkingLevels: t, isStreaming: n, onSetThinking: r }) {
+	let [i, a] = w(!1), o = C(null), s = e !== "off", c = t && t.length > 0 ? t : Nj, l = Math.max(0, c.indexOf(e));
 	return v(() => {
-		if (!r) return;
+		if (!i) return;
 		function e(e) {
-			a.current && !KA(e, a.current) && i(!1);
+			o.current && !KA(e, o.current) && a(!1);
 		}
 		function t(e) {
-			e.key === "Escape" && i(!1);
+			e.key === "Escape" && a(!1);
 		}
 		return document.addEventListener("mousedown", e), document.addEventListener("keydown", t), () => {
 			document.removeEventListener("mousedown", e), document.removeEventListener("keydown", t);
 		};
-	}, [r]), /* @__PURE__ */ D("div", {
+	}, [i]), /* @__PURE__ */ D("div", {
 		className: "relative",
-		ref: a,
+		ref: o,
 		children: [/* @__PURE__ */ D("button", {
 			type: "button",
-			onClick: () => i(!r),
-			disabled: t,
+			onClick: () => a(!i),
+			disabled: n,
 			title: "thinking level",
 			"aria-haspopup": "true",
-			"aria-expanded": r,
-			className: `flex items-center gap-1.5 rounded-md border px-2 py-1 font-mono text-xs disabled:opacity-50 ${o ? "border-amber-300 text-amber-700 hover:border-amber-400 dark:border-amber-900 dark:text-amber-400 dark:hover:border-amber-700" : "border-zinc-300 text-zinc-500 hover:border-zinc-400 dark:border-zinc-800 dark:text-zinc-400 dark:hover:border-zinc-600"}`,
+			"aria-expanded": i,
+			className: `flex items-center gap-1.5 rounded-md border px-2 py-1 font-mono text-xs disabled:opacity-50 ${s ? "border-amber-300 text-amber-700 hover:border-amber-400 dark:border-amber-900 dark:text-amber-400 dark:hover:border-amber-700" : "border-zinc-300 text-zinc-500 hover:border-zinc-400 dark:border-zinc-800 dark:text-zinc-400 dark:hover:border-zinc-600"}`,
 			children: [/* @__PURE__ */ E("span", {
 				"aria-hidden": !0,
-				className: `text-sm leading-none ${o ? "" : "opacity-40 grayscale"}`,
+				className: `text-sm leading-none ${s ? "" : "opacity-40 grayscale"}`,
 				children: "🧠"
 			}), e]
-		}), r && /* @__PURE__ */ D("div", {
+		}), i && /* @__PURE__ */ D("div", {
 			className: "absolute bottom-full left-0 z-20 mb-1 w-48 rounded-lg border border-zinc-200 bg-white p-3 shadow-xl dark:border-zinc-700 dark:bg-zinc-900",
 			children: [
 				/* @__PURE__ */ D("div", {
@@ -47245,17 +47245,17 @@ function FM({ thinkingLevel: e, isStreaming: t, onSetThinking: n }) {
 				/* @__PURE__ */ E("input", {
 					type: "range",
 					min: 0,
-					max: Nj.length - 1,
+					max: c.length - 1,
 					step: 1,
-					value: s,
-					onChange: (e) => n(Nj[Number(e.target.value)]),
+					value: l,
+					onChange: (e) => r(c[Number(e.target.value)]),
 					"aria-label": "Thinking level",
 					"aria-valuetext": e,
 					className: "w-full accent-amber-500"
 				}),
 				/* @__PURE__ */ D("div", {
 					className: "mt-0.5 flex justify-between font-mono text-[9px] text-zinc-400 dark:text-zinc-600",
-					children: [/* @__PURE__ */ E("span", { children: Nj[0] }), /* @__PURE__ */ E("span", { children: Nj[Nj.length - 1] })]
+					children: [/* @__PURE__ */ E("span", { children: c[0] }), /* @__PURE__ */ E("span", { children: c[c.length - 1] })]
 				})
 			]
 		})]
@@ -47288,6 +47288,7 @@ function IM(e) {
 			}),
 			i && /* @__PURE__ */ E(FM, {
 				thinkingLevel: r,
+				thinkingLevels: e.thinkingLevels,
 				isStreaming: a,
 				onSetThinking: e.onSetThinking
 			}),
@@ -48323,6 +48324,7 @@ function gN(e, t) {
 		sessionId: t.sessionId,
 		model: t.model,
 		thinkingLevel: t.thinkingLevel,
+		thinkingLevels: t.thinkingLevels,
 		modelSupportsReasoning: n?.reasoning ?? !1,
 		models: t.models,
 		commands: t.commands,
@@ -48618,7 +48620,8 @@ function _N(e, t) {
 		case "model_changed": return {
 			...e,
 			model: n.model,
-			modelSupportsReasoning: n.reasoning
+			modelSupportsReasoning: n.reasoning,
+			thinkingLevels: n.thinkingLevels
 		};
 		case "credentials_changed": {
 			let t = n.models.find((e) => `${e.provider}/${e.id}` === n.model);
@@ -48627,6 +48630,7 @@ function _N(e, t) {
 				models: n.models,
 				model: n.model,
 				modelSupportsReasoning: t?.reasoning ?? !1,
+				thinkingLevels: void 0,
 				credentials: n.credentials
 			};
 		}
@@ -49078,40 +49082,48 @@ function xN(e = "", t, n = !1, r) {
 	v(() => {
 		_.current = a.writableRoot;
 	}, [a.writableRoot]);
-	let y = g((e) => {
+	let y = C(!1), b = g((e) => {
 		let t = c.current;
 		t && t.readyState === WebSocket.OPEN && t.send(JSON.stringify(e));
-	}, []), b = g((e, t = !1) => {
+	}, []), x = g((e, t = !1) => {
+		e === "" && (y.current = !0);
 		let n = `dir:${crypto.randomUUID()}`;
 		o({
 			type: "dir_list_started",
 			path: e,
 			requestId: n,
 			preserveEntries: t
-		}), y({
+		}), b({
 			type: "list_directory",
 			path: e,
 			requestId: n
 		});
-	}, [y]), x = C(!1), S = C(!1), te = C(!1), T = g(() => {
-		if (x.current) {
-			if (S.current) {
-				te.current = !0;
+	}, [b]), S = C(!1), te = C(!1), T = C(!1), E = g(() => {
+		if (S.current) {
+			if (te.current) {
+				T.current = !0;
 				return;
 			}
-			S.current = !0, y({
+			te.current = !0, b({
 				type: "git_status",
 				requestId: `git:${crypto.randomUUID()}`
 			});
 		}
-	}, [y]), E = g(() => {
-		S.current = !1, te.current && (te.current = !1, T());
-	}, [T]), D = g((e) => {
-		f.current[e] !== void 0 && b(e, !0);
-	}, [b]), ne = g(() => {
-		for (let e of Object.keys(f.current)) D(e);
-	}, [D]);
+	}, [b]), D = g(() => {
+		te.current = !1, T.current && (T.current = !1, E());
+	}, [E]), ne = g((e) => {
+		f.current[e] !== void 0 && x(e, !0);
+	}, [x]), re = g(() => {
+		x("", !0);
+		for (let e of Object.keys(f.current)) e !== "" && ne(e);
+	}, [ne, x]);
 	return v(() => {
+		!a.connected || !y.current || f.current[""] === void 0 && x("");
+	}, [
+		a.connected,
+		a.fileTree,
+		x
+	]), v(() => {
 		let t = !1;
 		return fetch(`${e}/branding`, { headers: d.current ? { Authorization: `Bearer ${d.current}` } : {} }).then((e) => e.ok ? e.json() : null).then((e) => {
 			t || o(e ? {
@@ -49148,7 +49160,7 @@ function xN(e = "", t, n = !1, r) {
 					return;
 				}
 				if (t.type === "file_changed") {
-					D(dN(t.path));
+					ne(dN(t.path));
 					let e = p.current;
 					if (e?.status === "loaded" && e.path === t.path) {
 						let e = `file:${crypto.randomUUID()}`;
@@ -49157,21 +49169,21 @@ function xN(e = "", t, n = !1, r) {
 							path: t.path,
 							requestId: e,
 							preserveContent: !0
-						}), y({
+						}), b({
 							type: "read_file",
 							path: t.path,
 							requestId: e
 						});
 					}
-					m.current === t.path && y({
+					m.current === t.path && b({
 						type: "git_diff",
 						path: t.path,
 						requestId: `gitdiff:${crypto.randomUUID()}`
-					}), T();
+					}), E();
 					return;
 				}
 				if (t.type === "directory_changed") {
-					D(t.path);
+					ne(t.path);
 					let e = p.current;
 					if (e !== null && dN(e.path) === t.path) {
 						if (s(e.path) || i(e.path)) o({
@@ -49185,7 +49197,7 @@ function xN(e = "", t, n = !1, r) {
 								path: e.path,
 								requestId: t,
 								preserveContent: !0
-							}), y({
+							}), b({
 								type: "read_file",
 								path: e.path,
 								requestId: t
@@ -49193,14 +49205,14 @@ function xN(e = "", t, n = !1, r) {
 						}
 					}
 					let n = m.current;
-					n !== null && dN(n) === t.path && y({
+					n !== null && dN(n) === t.path && b({
 						type: "git_diff",
 						path: n,
 						requestId: `gitdiff:${crypto.randomUUID()}`
-					}), T();
+					}), E();
 					return;
 				}
-				if ((t.type === "hello" || t.type === "session_replaced") && (x.current = t.gitAvailable === !0, t.type === "hello" && T()), t.type === "agent_end" && T(), (t.type === "git_status" || t.type === "git_error" && t.requestId.startsWith("git:")) && E(), t.type === "file_operation_result") {
+				if ((t.type === "hello" || t.type === "session_replaced") && (S.current = t.gitAvailable === !0, t.type === "hello" && E()), t.type === "agent_end" && E(), (t.type === "git_status" || t.type === "git_error" && t.requestId.startsWith("git:")) && D(), t.type === "file_operation_result") {
 					let e = t.previousPath ?? t.path, n = p.current;
 					t.operation === "delete_file" && n?.path === t.path ? p.current = null : n?.path === e && (p.current = {
 						...n,
@@ -49210,10 +49222,10 @@ function xN(e = "", t, n = !1, r) {
 				o({
 					type: "server",
 					message: t
-				}), t.type === "session_replaced" && b("");
+				}), t.type === "session_replaced" && x("");
 			}, l.onclose = (e) => {
 				if (c.current === l) {
-					S.current = !1, te.current = !1;
+					te.current = !1, T.current = !1;
 					for (let e of h.current.values()) e.reject(new CA("The connection dropped before the upload finished"));
 					if (h.current.clear(), e.code === bN) {
 						o({ type: "auth_required" });
@@ -49229,30 +49241,30 @@ function xN(e = "", t, n = !1, r) {
 			c.current = null, e?.close();
 		};
 	}, [
-		y,
+		b,
 		e,
-		T,
 		E,
 		D,
-		b,
+		ne,
+		x,
 		l,
 		r
 	]), {
 		state: a,
 		authToken: d.current,
 		switchWorkspace: (e) => {
-			e !== a.workspace?.root && (o({ type: "workspace_switching" }), y({
+			e !== a.workspace?.root && (o({ type: "workspace_switching" }), b({
 				type: "switch_workspace",
 				root: e
 			}));
 		},
 		openProject: (e) => {
-			o({ type: "workspace_switching" }), y({
+			o({ type: "workspace_switching" }), b({
 				type: "open_project",
 				root: e
 			});
 		},
-		closeProject: (e) => y({
+		closeProject: (e) => b({
 			type: "close_project",
 			root: e
 		}),
@@ -49264,33 +49276,33 @@ function xN(e = "", t, n = !1, r) {
 				type: "prompt_sent",
 				text: e,
 				...t?.length ? { images: t } : {}
-			}), y({
+			}), b({
 				type: "prompt",
 				text: e,
 				...t?.length ? { images: t } : {}
 			});
 		},
-		abort: () => y({ type: "abort" }),
-		setModel: (e, t) => y({
+		abort: () => b({ type: "abort" }),
+		setModel: (e, t) => b({
 			type: "set_model",
 			provider: e,
 			id: t
 		}),
-		setThinking: (e) => y({
+		setThinking: (e) => b({
 			type: "set_thinking",
 			level: e
 		}),
-		newSession: () => y({ type: "new_session" }),
-		switchSession: (e) => y({
+		newSession: () => b({ type: "new_session" }),
+		switchSession: (e) => b({
 			type: "switch_session",
 			path: e
 		}),
-		deleteSession: (e) => y({
+		deleteSession: (e) => b({
 			type: "delete_session",
 			path: e
 		}),
-		listSessions: () => y({ type: "list_sessions" }),
-		renameSession: (e, t) => y({
+		listSessions: () => b({ type: "list_sessions" }),
+		renameSession: (e, t) => b({
 			type: "rename_session",
 			path: e,
 			name: t
@@ -49301,31 +49313,31 @@ function xN(e = "", t, n = !1, r) {
 				type: "session_search_started",
 				query: e,
 				requestId: t
-			}), y({
+			}), b({
 				type: "search_sessions",
 				query: e,
 				requestId: t
 			});
 		},
 		clearSessionSearch: () => o({ type: "session_search_cleared" }),
-		listTree: () => y({ type: "list_tree" }),
-		navigateTree: (e) => y({
+		listTree: () => b({ type: "list_tree" }),
+		navigateTree: (e) => b({
 			type: "navigate_tree",
 			entryId: e
 		}),
-		forkSession: (e) => y({
+		forkSession: (e) => b({
 			type: "fork_session",
 			entryId: e
 		}),
-		editPrompt: (e, t, n) => y({
+		editPrompt: (e, t, n) => b({
 			type: "edit_prompt",
 			entryId: e,
 			text: t,
 			...n?.length ? { images: n } : {}
 		}),
-		compact: () => y({ type: "compact" }),
+		compact: () => b({ type: "compact" }),
 		respondToDialog: (e) => {
-			y({
+			b({
 				type: "extension_ui_response",
 				...e
 			}), o({ type: "dialog_answered" });
@@ -49334,15 +49346,15 @@ function xN(e = "", t, n = !1, r) {
 			type: "dismiss_notification",
 			id: e
 		}),
-		listDirectory: (e) => b(e),
-		refreshFileTree: ne,
+		listDirectory: (e) => x(e),
+		refreshFileTree: re,
 		readFile: (e) => {
 			let t = `file:${crypto.randomUUID()}`;
 			o({
 				type: "file_read_started",
 				path: e,
 				requestId: t
-			}), y({
+			}), b({
 				type: "read_file",
 				path: e,
 				requestId: t
@@ -49356,7 +49368,7 @@ function xN(e = "", t, n = !1, r) {
 				path: e,
 				requestId: i,
 				content: t
-			}), y({
+			}), b({
 				type: "write_file",
 				path: e,
 				content: t,
@@ -49366,7 +49378,7 @@ function xN(e = "", t, n = !1, r) {
 			});
 		},
 		createFile: (e) => {
-			o({ type: "file_create_started" }), y({
+			o({ type: "file_create_started" }), b({
 				type: "create_file",
 				path: e,
 				requestId: `create:${crypto.randomUUID()}`
@@ -49387,7 +49399,7 @@ function xN(e = "", t, n = !1, r) {
 				h.current.set(a, {
 					resolve: s(n),
 					reject: s(r)
-				}), y({
+				}), b({
 					type: "upload_file",
 					destinationDirectory: i,
 					name: e,
@@ -49397,7 +49409,7 @@ function xN(e = "", t, n = !1, r) {
 			});
 		},
 		createDirectory: (e) => {
-			o({ type: "file_create_started" }), y({
+			o({ type: "file_create_started" }), b({
 				type: "create_directory",
 				path: e,
 				requestId: `create:${crypto.randomUUID()}`
@@ -49410,7 +49422,7 @@ function xN(e = "", t, n = !1, r) {
 				operation: "open_native",
 				path: e,
 				requestId: t
-			}), y({
+			}), b({
 				type: "open_native",
 				path: e,
 				requestId: t
@@ -49423,7 +49435,7 @@ function xN(e = "", t, n = !1, r) {
 				operation: "rename_file",
 				path: e,
 				requestId: n
-			}), y({
+			}), b({
 				type: "rename_file",
 				path: e,
 				name: t,
@@ -49437,7 +49449,7 @@ function xN(e = "", t, n = !1, r) {
 				operation: "delete_file",
 				path: e,
 				requestId: t
-			}), y({
+			}), b({
 				type: "delete_file",
 				path: e,
 				requestId: t
@@ -49450,7 +49462,7 @@ function xN(e = "", t, n = !1, r) {
 				operation: "move_file",
 				path: e,
 				requestId: n
-			}), y({
+			}), b({
 				type: "move_file",
 				path: e,
 				destinationDirectory: t,
@@ -49464,7 +49476,7 @@ function xN(e = "", t, n = !1, r) {
 				operation: "copy_file",
 				path: e,
 				requestId: n
-			}), y({
+			}), b({
 				type: "copy_file",
 				path: e,
 				destinationDirectory: t,
@@ -49477,33 +49489,33 @@ function xN(e = "", t, n = !1, r) {
 				type: "file_search_started",
 				query: e,
 				requestId: t
-			}), y({
+			}), b({
 				type: "search_files",
 				query: e,
 				requestId: t
 			});
 		},
 		clearFileSearch: () => o({ type: "file_search_cleared" }),
-		fetchGitStatus: T,
+		fetchGitStatus: E,
 		fetchGitDiff: (e) => {
 			let t = `gitdiff:${crypto.randomUUID()}`;
 			o({
 				type: "git_diff_started",
 				path: e,
 				requestId: t
-			}), y({
+			}), b({
 				type: "git_diff",
 				path: e,
 				requestId: t
 			});
 		},
 		clearGitDiff: () => o({ type: "git_diff_cleared" }),
-		fetchGitLog: (e) => y({
+		fetchGitLog: (e) => b({
 			type: "git_log",
 			...e ? { limit: e } : {},
 			requestId: `gitlog:${crypto.randomUUID()}`
 		}),
-		fetchGitShow: (e) => y({
+		fetchGitShow: (e) => b({
 			type: "git_show",
 			sha: e,
 			requestId: `gitshow:${crypto.randomUUID()}`
@@ -49515,7 +49527,7 @@ function xN(e = "", t, n = !1, r) {
 				type: "git_file_history_started",
 				path: e,
 				requestId: n
-			}), y({
+			}), b({
 				type: "git_file_log",
 				path: e,
 				...t ? { limit: t } : {},
@@ -49530,7 +49542,7 @@ function xN(e = "", t, n = !1, r) {
 				base: e,
 				target: t,
 				requestId: n
-			}), y({
+			}), b({
 				type: "git_file_diff",
 				base: e,
 				target: t,
@@ -49538,12 +49550,12 @@ function xN(e = "", t, n = !1, r) {
 			});
 		},
 		clearGitFileDiff: () => o({ type: "git_file_diff_cleared" }),
-		setCredential: (e, t) => y({
+		setCredential: (e, t) => b({
 			type: "set_credential",
 			provider: e,
 			apiKey: t
 		}),
-		declareProvider: (e) => y({
+		declareProvider: (e) => b({
 			type: "declare_provider",
 			...e
 		}),
@@ -49553,7 +49565,7 @@ function xN(e = "", t, n = !1, r) {
 				type: "server_browse_started",
 				path: e,
 				requestId: t
-			}), y({
+			}), b({
 				type: "browse_server_directory",
 				path: e,
 				requestId: t
@@ -49561,7 +49573,7 @@ function xN(e = "", t, n = !1, r) {
 		},
 		closeServerBrowser: () => o({ type: "server_browse_closed" }),
 		updateConfig: (e) => {
-			o({ type: "settings_apply_started" }), y({
+			o({ type: "settings_apply_started" }), b({
 				type: "update_config",
 				...e
 			});
@@ -50118,6 +50130,7 @@ var SN = 120, CN = m(function({ serverUrl: e = "", rootElement: t, initialTheme:
 											model: f.model,
 											models: f.models,
 											thinkingLevel: f.thinkingLevel,
+											thinkingLevels: f.thinkingLevels,
 											modelSupportsReasoning: f.modelSupportsReasoning,
 											isStreaming: f.isStreaming,
 											contextUsage: f.contextUsage,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pi-outpost/embed",
-  "version": "0.17.0",
+  "version": "0.17.1",
   "type": "module",
   "description": "Mount pi-outpost as a Shadow-DOM-isolated widget inside another web app.",
   "license": "MIT",