@achasoft/dsh-advanced-sidebar 0.1.0 → 0.3.0

package/lib/client.js

@@ -115,8 +115,8 @@ function cached(getter) {
 		throw new Error("cached value already set");
 	} };
 }
-function nullish(input) {
-	return input === null || input === void 0;
+function nullish(input$1) {
+	return input$1 === null || input$1 === void 0;
 }
 function cleanRegex(source) {
 	const start = source.startsWith("^") ? 1 : 0;
@@ -167,8 +167,8 @@ function mergeDefs(...defs) {
 function esc(str) {
 	return JSON.stringify(str);
 }
-function slugify(input) {
-	return input.toLowerCase().trim().replace(/[^\w\s-]/g, "").replace(/[\s_-]+/g, "-").replace(/^-+|-+$/g, "");
+function slugify(input$1) {
+	return input$1.toLowerCase().trim().replace(/[^\w\s-]/g, "").replace(/[\s_-]+/g, "-").replace(/^-+|-+$/g, "");
 }
 const captureStackTrace = "captureStackTrace" in Error ? Error.captureStackTrace : (..._args) => {};
 function isObject(data) {
@@ -395,17 +395,17 @@ function finalizeIssue(iss, ctx, config$1) {
 	if (ctx?.reportInput) rest.input = _input;
 	return rest;
 }
-function getLengthableOrigin(input) {
-	if (Array.isArray(input)) return "array";
-	if (typeof input === "string") return "string";
+function getLengthableOrigin(input$1) {
+	if (Array.isArray(input$1)) return "array";
+	if (typeof input$1 === "string") return "string";
 	return "unknown";
 }
 function issue(...args) {
-	const [iss, input, inst] = args;
+	const [iss, input$1, inst] = args;
 	if (typeof iss === "string") return {
 		message: iss,
 		code: "custom",
-		input,
+		input: input$1,
 		inst
 	};
 	return { ...iss };
@@ -753,22 +753,22 @@ const $ZodCheckNumberFormat = /* @__PURE__ */ $constructor("$ZodCheckNumberForma
 		if (isInt) bag.pattern = integer;
 	});
 	inst._zod.check = (payload) => {
-		const input = payload.value;
+		const input$1 = payload.value;
 		if (isInt) {
-			if (!Number.isInteger(input)) {
+			if (!Number.isInteger(input$1)) {
 				payload.issues.push({
 					expected: origin,
 					format: def.format,
 					code: "invalid_type",
 					continue: false,
-					input,
+					input: input$1,
 					inst
 				});
 				return;
 			}
-			if (!Number.isSafeInteger(input)) {
-				if (input > 0) payload.issues.push({
-					input,
+			if (!Number.isSafeInteger(input$1)) {
+				if (input$1 > 0) payload.issues.push({
+					input: input$1,
 					code: "too_big",
 					maximum: Number.MAX_SAFE_INTEGER,
 					note: "Integers must be within the safe integer range.",
@@ -778,7 +778,7 @@ const $ZodCheckNumberFormat = /* @__PURE__ */ $constructor("$ZodCheckNumberForma
 					continue: !def.abort
 				});
 				else payload.issues.push({
-					input,
+					input: input$1,
 					code: "too_small",
 					minimum: Number.MIN_SAFE_INTEGER,
 					note: "Integers must be within the safe integer range.",
@@ -790,18 +790,18 @@ const $ZodCheckNumberFormat = /* @__PURE__ */ $constructor("$ZodCheckNumberForma
 				return;
 			}
 		}
-		if (input < minimum) payload.issues.push({
+		if (input$1 < minimum) payload.issues.push({
 			origin: "number",
-			input,
+			input: input$1,
 			code: "too_small",
 			minimum,
 			inclusive: true,
 			inst,
 			continue: !def.abort
 		});
-		if (input > maximum) payload.issues.push({
+		if (input$1 > maximum) payload.issues.push({
 			origin: "number",
-			input,
+			input: input$1,
 			code: "too_big",
 			maximum,
 			inclusive: true,
@@ -822,15 +822,15 @@ const $ZodCheckMaxLength = /* @__PURE__ */ $constructor("$ZodCheckMaxLength", (i
 		if (def.maximum < curr) inst$1._zod.bag.maximum = def.maximum;
 	});
 	inst._zod.check = (payload) => {
-		const input = payload.value;
-		if (input.length <= def.maximum) return;
-		const origin = getLengthableOrigin(input);
+		const input$1 = payload.value;
+		if (input$1.length <= def.maximum) return;
+		const origin = getLengthableOrigin(input$1);
 		payload.issues.push({
 			origin,
 			code: "too_big",
 			maximum: def.maximum,
 			inclusive: true,
-			input,
+			input: input$1,
 			inst,
 			continue: !def.abort
 		});
@@ -848,15 +848,15 @@ const $ZodCheckMinLength = /* @__PURE__ */ $constructor("$ZodCheckMinLength", (i
 		if (def.minimum > curr) inst$1._zod.bag.minimum = def.minimum;
 	});
 	inst._zod.check = (payload) => {
-		const input = payload.value;
-		if (input.length >= def.minimum) return;
-		const origin = getLengthableOrigin(input);
+		const input$1 = payload.value;
+		if (input$1.length >= def.minimum) return;
+		const origin = getLengthableOrigin(input$1);
 		payload.issues.push({
 			origin,
 			code: "too_small",
 			minimum: def.minimum,
 			inclusive: true,
-			input,
+			input: input$1,
 			inst,
 			continue: !def.abort
 		});
@@ -876,10 +876,10 @@ const $ZodCheckLengthEquals = /* @__PURE__ */ $constructor("$ZodCheckLengthEqual
 		bag.length = def.length;
 	});
 	inst._zod.check = (payload) => {
-		const input = payload.value;
-		const length = input.length;
+		const input$1 = payload.value;
+		const length = input$1.length;
 		if (length === def.length) return;
-		const origin = getLengthableOrigin(input);
+		const origin = getLengthableOrigin(input$1);
 		const tooBig = length > def.length;
 		payload.issues.push({
 			origin,
@@ -1441,13 +1441,13 @@ const $ZodNumber = /* @__PURE__ */ $constructor("$ZodNumber", (inst, def) => {
 		if (def.coerce) try {
 			payload.value = Number(payload.value);
 		} catch (_) {}
-		const input = payload.value;
-		if (typeof input === "number" && !Number.isNaN(input) && Number.isFinite(input)) return payload;
-		const received = typeof input === "number" ? Number.isNaN(input) ? "NaN" : !Number.isFinite(input) ? "Infinity" : void 0 : void 0;
+		const input$1 = payload.value;
+		if (typeof input$1 === "number" && !Number.isNaN(input$1) && Number.isFinite(input$1)) return payload;
+		const received = typeof input$1 === "number" ? Number.isNaN(input$1) ? "NaN" : !Number.isFinite(input$1) ? "Infinity" : void 0 : void 0;
 		payload.issues.push({
 			expected: "number",
 			code: "invalid_type",
-			input,
+			input: input$1,
 			inst,
 			...received ? { received } : {}
 		});
@@ -1465,12 +1465,12 @@ const $ZodBoolean = /* @__PURE__ */ $constructor("$ZodBoolean", (inst, def) => {
 		if (def.coerce) try {
 			payload.value = Boolean(payload.value);
 		} catch (_) {}
-		const input = payload.value;
-		if (typeof input === "boolean") return payload;
+		const input$1 = payload.value;
+		if (typeof input$1 === "boolean") return payload;
 		payload.issues.push({
 			expected: "boolean",
 			code: "invalid_type",
-			input,
+			input: input$1,
 			inst
 		});
 		return payload;
@@ -1481,12 +1481,12 @@ const $ZodNull = /* @__PURE__ */ $constructor("$ZodNull", (inst, def) => {
 	inst._zod.pattern = _null$2;
 	inst._zod.values = new Set([null]);
 	inst._zod.parse = (payload, _ctx) => {
-		const input = payload.value;
-		if (input === null) return payload;
+		const input$1 = payload.value;
+		if (input$1 === null) return payload;
 		payload.issues.push({
 			expected: "null",
 			code: "invalid_type",
-			input,
+			input: input$1,
 			inst
 		});
 		return payload;
@@ -1515,20 +1515,20 @@ function handleArrayResult(result, final, index) {
 const $ZodArray = /* @__PURE__ */ $constructor("$ZodArray", (inst, def) => {
 	$ZodType.init(inst, def);
 	inst._zod.parse = (payload, ctx) => {
-		const input = payload.value;
-		if (!Array.isArray(input)) {
+		const input$1 = payload.value;
+		if (!Array.isArray(input$1)) {
 			payload.issues.push({
 				expected: "array",
 				code: "invalid_type",
-				input,
+				input: input$1,
 				inst
 			});
 			return payload;
 		}
-		payload.value = Array(input.length);
+		payload.value = Array(input$1.length);
 		const proms = [];
-		for (let i = 0; i < input.length; i++) {
-			const item = input[i];
+		for (let i = 0; i < input$1.length; i++) {
+			const item = input$1[i];
 			const result = def.element._zod.run({
 				value: item,
 				issues: []
@@ -1540,8 +1540,8 @@ const $ZodArray = /* @__PURE__ */ $constructor("$ZodArray", (inst, def) => {
 		return payload;
 	};
 });
-function handlePropertyResult(result, final, key, input, isOptionalIn, isOptionalOut) {
-	const isPresent = key in input;
+function handlePropertyResult(result, final, key, input$1, isOptionalIn, isOptionalOut) {
+	const isPresent = key in input$1;
 	if (result.issues.length) {
 		if (isOptionalIn && isOptionalOut && !isPresent) return;
 		final.issues.push(...prefixIssues(key, result.issues));
@@ -1571,14 +1571,14 @@ function normalizeDef(def) {
 		optionalKeys: new Set(okeys)
 	};
 }
-function handleCatchall(proms, input, payload, ctx, def, inst) {
+function handleCatchall(proms, input$1, payload, ctx, def, inst) {
 	const unrecognized = [];
 	const keySet = def.keySet;
 	const _catchall = def.catchall._zod;
 	const t = _catchall.def.type;
 	const isOptionalIn = _catchall.optin === "optional";
 	const isOptionalOut = _catchall.optout === "optional";
-	for (const key in input) {
+	for (const key in input$1) {
 		if (key === "__proto__") continue;
 		if (keySet.has(key)) continue;
 		if (t === "never") {
@@ -1586,16 +1586,16 @@ function handleCatchall(proms, input, payload, ctx, def, inst) {
 			continue;
 		}
 		const r = _catchall.run({
-			value: input[key],
+			value: input$1[key],
 			issues: []
 		}, ctx);
-		if (r instanceof Promise) proms.push(r.then((r$1) => handlePropertyResult(r$1, payload, key, input, isOptionalIn, isOptionalOut)));
-		else handlePropertyResult(r, payload, key, input, isOptionalIn, isOptionalOut);
+		if (r instanceof Promise) proms.push(r.then((r$1) => handlePropertyResult(r$1, payload, key, input$1, isOptionalIn, isOptionalOut)));
+		else handlePropertyResult(r, payload, key, input$1, isOptionalIn, isOptionalOut);
 	}
 	if (unrecognized.length) payload.issues.push({
 		code: "unrecognized_keys",
 		keys: unrecognized,
-		input,
+		input: input$1,
 		inst
 	});
 	if (!proms.length) return payload;
@@ -1631,12 +1631,12 @@ const $ZodObject = /* @__PURE__ */ $constructor("$ZodObject", (inst, def) => {
 	let value;
 	inst._zod.parse = (payload, ctx) => {
 		value ?? (value = _normalized.value);
-		const input = payload.value;
-		if (!isObject$1(input)) {
+		const input$1 = payload.value;
+		if (!isObject$1(input$1)) {
 			payload.issues.push({
 				expected: "object",
 				code: "invalid_type",
-				input,
+				input: input$1,
 				inst
 			});
 			return payload;
@@ -1649,14 +1649,14 @@ const $ZodObject = /* @__PURE__ */ $constructor("$ZodObject", (inst, def) => {
 			const isOptionalIn = el._zod.optin === "optional";
 			const isOptionalOut = el._zod.optout === "optional";
 			const r = el._zod.run({
-				value: input[key],
+				value: input$1[key],
 				issues: []
 			}, ctx);
-			if (r instanceof Promise) proms.push(r.then((r$1) => handlePropertyResult(r$1, payload, key, input, isOptionalIn, isOptionalOut)));
-			else handlePropertyResult(r, payload, key, input, isOptionalIn, isOptionalOut);
+			if (r instanceof Promise) proms.push(r.then((r$1) => handlePropertyResult(r$1, payload, key, input$1, isOptionalIn, isOptionalOut)));
+			else handlePropertyResult(r, payload, key, input$1, isOptionalIn, isOptionalOut);
 		}
 		if (!catchall) return proms.length ? Promise.all(proms).then(() => payload) : payload;
-		return handleCatchall(proms, input, payload, ctx, _normalized.value, inst);
+		return handleCatchall(proms, input$1, payload, ctx, _normalized.value, inst);
 	};
 });
 const $ZodObjectJIT = /* @__PURE__ */ $constructor("$ZodObjectJIT", (inst, def) => {
@@ -1763,12 +1763,12 @@ const $ZodObjectJIT = /* @__PURE__ */ $constructor("$ZodObjectJIT", (inst, def)
 	let value;
 	inst._zod.parse = (payload, ctx) => {
 		value ?? (value = _normalized.value);
-		const input = payload.value;
-		if (!isObject$1(input)) {
+		const input$1 = payload.value;
+		if (!isObject$1(input$1)) {
 			payload.issues.push({
 				expected: "object",
 				code: "invalid_type",
-				input,
+				input: input$1,
 				inst
 			});
 			return payload;
@@ -1777,7 +1777,7 @@ const $ZodObjectJIT = /* @__PURE__ */ $constructor("$ZodObjectJIT", (inst, def)
 			if (!fastpass) fastpass = generateFastpass(def.shape);
 			payload = fastpass(payload, ctx);
 			if (!catchall) return payload;
-			return handleCatchall([], input, payload, ctx, value, inst);
+			return handleCatchall([], input$1, payload, ctx, value, inst);
 		}
 		return superParse(payload, ctx);
 	};
@@ -1840,13 +1840,13 @@ const $ZodUnion = /* @__PURE__ */ $constructor("$ZodUnion", (inst, def) => {
 const $ZodIntersection = /* @__PURE__ */ $constructor("$ZodIntersection", (inst, def) => {
 	$ZodType.init(inst, def);
 	inst._zod.parse = (payload, ctx) => {
-		const input = payload.value;
+		const input$1 = payload.value;
 		const left = def.left._zod.run({
-			value: input,
+			value: input$1,
 			issues: []
 		}, ctx);
 		const right = def.right._zod.run({
-			value: input,
+			value: input$1,
 			issues: []
 		}, ctx);
 		if (left instanceof Promise || right instanceof Promise) return Promise.all([left, right]).then(([left$1, right$1]) => {
@@ -1943,12 +1943,12 @@ const $ZodEnum = /* @__PURE__ */ $constructor("$ZodEnum", (inst, def) => {
 	inst._zod.values = valuesSet;
 	inst._zod.pattern = /* @__PURE__ */ new RegExp(`^(${values.filter((k) => propertyKeyTypes.has(typeof k)).map((o) => typeof o === "string" ? escapeRegex(o) : o.toString()).join("|")})$`);
 	inst._zod.parse = (payload, _ctx) => {
-		const input = payload.value;
-		if (valuesSet.has(input)) return payload;
+		const input$1 = payload.value;
+		if (valuesSet.has(input$1)) return payload;
 		payload.issues.push({
 			code: "invalid_value",
 			values,
-			input,
+			input: input$1,
 			inst
 		});
 		return payload;
@@ -1961,12 +1961,12 @@ const $ZodLiteral = /* @__PURE__ */ $constructor("$ZodLiteral", (inst, def) => {
 	inst._zod.values = values;
 	inst._zod.pattern = /* @__PURE__ */ new RegExp(`^(${def.values.map((o) => typeof o === "string" ? escapeRegex(o) : o ? escapeRegex(o.toString()) : String(o)).join("|")})$`);
 	inst._zod.parse = (payload, _ctx) => {
-		const input = payload.value;
-		if (values.has(input)) return payload;
+		const input$1 = payload.value;
+		if (values.has(input$1)) return payload;
 		payload.issues.push({
 			code: "invalid_value",
 			values: def.values,
-			input,
+			input: input$1,
 			inst
 		});
 		return payload;
@@ -1989,8 +1989,8 @@ const $ZodTransform = /* @__PURE__ */ $constructor("$ZodTransform", (inst, def)
 		return payload;
 	};
 });
-function handleOptionalResult(result, input) {
-	if (input === void 0 && (result.issues.length || result.fallback)) return {
+function handleOptionalResult(result, input$1) {
+	if (input$1 === void 0 && (result.issues.length || result.fallback)) return {
 		issues: [],
 		value: void 0
 	};
@@ -2009,10 +2009,10 @@ const $ZodOptional = /* @__PURE__ */ $constructor("$ZodOptional", (inst, def) =>
 	});
 	inst._zod.parse = (payload, ctx) => {
 		if (def.innerType._zod.optin === "optional") {
-			const input = payload.value;
+			const input$1 = payload.value;
 			const result = def.innerType._zod.run(payload, ctx);
-			if (result instanceof Promise) return result.then((r) => handleOptionalResult(r, input));
-			return handleOptionalResult(result, input);
+			if (result instanceof Promise) return result.then((r) => handleOptionalResult(r, input$1));
+			return handleOptionalResult(result, input$1);
 		}
 		if (payload.value === void 0) return payload;
 		return def.innerType._zod.run(payload, ctx);
@@ -2181,17 +2181,17 @@ const $ZodCustom = /* @__PURE__ */ $constructor("$ZodCustom", (inst, def) => {
 		return payload;
 	};
 	inst._zod.check = (payload) => {
-		const input = payload.value;
-		const r = def.fn(input);
-		if (r instanceof Promise) return r.then((r$1) => handleRefineResult(r$1, payload, input, inst));
-		handleRefineResult(r, payload, input, inst);
+		const input$1 = payload.value;
+		const r = def.fn(input$1);
+		if (r instanceof Promise) return r.then((r$1) => handleRefineResult(r$1, payload, input$1, inst));
+		handleRefineResult(r, payload, input$1, inst);
 	};
 });
-function handleRefineResult(result, payload, input, inst) {
+function handleRefineResult(result, payload, input$1, inst) {
 	if (!result) {
 		const _iss = {
 			code: "custom",
-			input,
+			input: input$1,
 			inst,
 			path: [...inst._zod.def.path ?? []],
 			continue: !inst._zod.def.abort
@@ -2700,23 +2700,23 @@ function _overwrite(tx) {
 }
 /* @__NO_SIDE_EFFECTS__ */
 function _normalize(form) {
-	return /* @__PURE__ */ _overwrite((input) => input.normalize(form));
+	return /* @__PURE__ */ _overwrite((input$1) => input$1.normalize(form));
 }
 /* @__NO_SIDE_EFFECTS__ */
 function _trim() {
-	return /* @__PURE__ */ _overwrite((input) => input.trim());
+	return /* @__PURE__ */ _overwrite((input$1) => input$1.trim());
 }
 /* @__NO_SIDE_EFFECTS__ */
 function _toLowerCase() {
-	return /* @__PURE__ */ _overwrite((input) => input.toLowerCase());
+	return /* @__PURE__ */ _overwrite((input$1) => input$1.toLowerCase());
 }
 /* @__NO_SIDE_EFFECTS__ */
 function _toUpperCase() {
-	return /* @__PURE__ */ _overwrite((input) => input.toUpperCase());
+	return /* @__PURE__ */ _overwrite((input$1) => input$1.toUpperCase());
 }
 /* @__NO_SIDE_EFFECTS__ */
 function _slugify() {
-	return /* @__PURE__ */ _overwrite((input) => slugify(input));
+	return /* @__PURE__ */ _overwrite((input$1) => slugify(input$1));
 }
 /* @__NO_SIDE_EFFECTS__ */
 function _array(Class, element, params) {
@@ -4214,7 +4214,13 @@ const _achasoft_dsh_advanced_sidebar_advancedSidebar_describe_result$schema = ob
 		"available": boolean().readonly(),
 		"reason": string().readonly().optional(),
 		"detail": string().readonly().optional(),
-		"running": number().readonly()
+		"running": number().readonly(),
+		"surface": object({
+			"fileRoute": string().readonly(),
+			"proxyRoute": string().readonly(),
+			"available": boolean().readonly(),
+			"reason": string().readonly().optional()
+		}).readonly().optional()
 	}).readonly(),
 	"tasks": object({
 		"available": boolean().readonly(),
@@ -4285,7 +4291,11 @@ const _achasoft_dsh_advanced_sidebar_advancedSidebar_describe_result$schema = ob
 		"maxPreviews": number().readonly(),
 		"previewReadyTimeoutMs": number().readonly(),
 		"previewScrollback": number().readonly(),
-		"previewGraceMs": number().readonly()
+		"previewGraceMs": number().readonly(),
+		"previewMaxFileBytes": number().readonly(),
+		"previewProxyTimeoutMs": number().readonly(),
+		"previewCommandTimeoutMs": number().readonly(),
+		"previewBindTtlMs": number().readonly()
 	}).readonly(),
 	"readAt": number().readonly()
 });
@@ -5367,6 +5377,192 @@ const _achasoft_dsh_advanced_sidebar_advancedSidebar_previewStop_result$schema =
 	]).readonly(),
 	"message": string().readonly()
 })]);
+const _achasoft_dsh_advanced_sidebar_advancedSidebar_previewFileInfo_parameter_0$schema = object({
+	"workspacePath": string().readonly(),
+	"path": string().readonly()
+});
+const _achasoft_dsh_advanced_sidebar_advancedSidebar_previewFileInfo_result$schema = union([object({
+	"ok": literal(true).readonly(),
+	"path": string().readonly(),
+	"name": string().readonly(),
+	"kind": union([
+		literal("iframe"),
+		literal("markdown"),
+		literal("image"),
+		literal("media"),
+		literal("pdf"),
+		literal("text"),
+		literal("other")
+	]).readonly(),
+	"contentType": string().readonly(),
+	"bytes": number().readonly(),
+	"withinLimit": boolean().readonly(),
+	"url": string().readonly().optional(),
+	"token": string().readonly(),
+	"regular": boolean().readonly()
+}), object({
+	"ok": literal(false).readonly(),
+	"code": union([
+		literal("no-filesystem"),
+		literal("path-denied"),
+		literal("not-a-file"),
+		literal("read-failed")
+	]).readonly(),
+	"message": string().readonly()
+})]);
+const _achasoft_dsh_advanced_sidebar_advancedSidebar_previewPoll_parameter_0$schema = object({
+	"clientId": string().readonly(),
+	"sessionId": string().readonly(),
+	"mounted": boolean().readonly(),
+	"bind": object({
+		"clientId": string().readonly(),
+		"sessionId": string().readonly(),
+		"mode": union([
+			literal("server"),
+			literal("file"),
+			literal("url"),
+			literal("scratchpad")
+		]).readonly(),
+		"filePath": string().readonly().optional(),
+		"workspacePath": string().readonly().optional(),
+		"url": string().readonly().optional(),
+		"inspectable": boolean().readonly(),
+		"width": number().readonly(),
+		"height": number().readonly()
+	}).readonly()
+});
+const _achasoft_dsh_advanced_sidebar_advancedSidebar_previewPoll_result$schema = union([object({
+	"ok": literal(true).readonly(),
+	"message": object({
+		"commands": array(object({
+			"id": string().readonly(),
+			"clientId": string().readonly(),
+			"kind": union([
+				literal("open"),
+				literal("dom"),
+				literal("eval"),
+				literal("console"),
+				literal("click"),
+				literal("input"),
+				literal("reload"),
+				literal("resize"),
+				literal("close")
+			]).readonly(),
+			"selector": string().readonly().optional(),
+			"expression": string().readonly().optional(),
+			"cursor": number().readonly().optional(),
+			"text": string().readonly().optional(),
+			"key": string().readonly().optional(),
+			"width": number().readonly().optional(),
+			"height": number().readonly().optional(),
+			"timeoutMs": number().readonly()
+		})).readonly(),
+		"controls": array(object({
+			"control": literal("open").readonly(),
+			"open": object({
+				"clientId": string().readonly(),
+				"mode": union([
+					literal("server"),
+					literal("file"),
+					literal("url"),
+					literal("scratchpad")
+				]).readonly(),
+				"filePath": string().readonly().optional(),
+				"url": string().readonly().optional(),
+				"workspacePath": string().readonly().optional()
+			}).readonly()
+		})).readonly()
+	}).readonly(),
+	"bindTtlMs": number().readonly()
+}), object({
+	"ok": literal(false).readonly(),
+	"code": union([literal("no-subprocess"), literal("closed")]).readonly(),
+	"message": string().readonly()
+})]);
+const _achasoft_dsh_advanced_sidebar_advancedSidebar_previewResult_parameter_0$schema = object({
+	"clientId": string().readonly(),
+	"id": string().readonly(),
+	"ok": boolean().readonly(),
+	"error": string().readonly().optional(),
+	"result": union([
+		object({
+			"kind": literal("dom").readonly(),
+			"selector": string().readonly(),
+			"viewport": object({
+				"width": number().readonly(),
+				"height": number().readonly()
+			}).readonly(),
+			"nodes": array(object({
+				"tag": string().readonly(),
+				"selector": string().readonly(),
+				"text": string().readonly(),
+				"display": string().readonly(),
+				"box": object({
+					"x": number().readonly(),
+					"y": number().readonly(),
+					"width": number().readonly(),
+					"height": number().readonly()
+				}).readonly(),
+				"depth": number().readonly()
+			})).readonly(),
+			"text": string().readonly(),
+			"truncated": boolean().readonly(),
+			"url": string().readonly()
+		}),
+		object({
+			"kind": literal("eval").readonly(),
+			"value": string().readonly(),
+			"note": string().readonly().optional(),
+			"truncated": boolean().readonly()
+		}),
+		object({
+			"kind": literal("console").readonly(),
+			"entries": array(object({
+				"level": union([
+					literal("log"),
+					literal("info"),
+					literal("warn"),
+					literal("error"),
+					literal("uncaught"),
+					literal("rejection")
+				]).readonly(),
+				"text": string().readonly(),
+				"at": number().readonly()
+			})).readonly(),
+			"cursor": number().readonly(),
+			"lossy": boolean().readonly()
+		}),
+		object({
+			"kind": literal("ack").readonly(),
+			"detail": string().readonly(),
+			"width": number().readonly().optional(),
+			"height": number().readonly().optional()
+		})
+	]).readonly().optional(),
+	"console": array(object({
+		"level": union([
+			literal("log"),
+			literal("info"),
+			literal("warn"),
+			literal("error"),
+			literal("uncaught"),
+			literal("rejection")
+		]).readonly(),
+		"text": string().readonly(),
+		"at": number().readonly()
+	})).readonly().optional()
+});
+const _achasoft_dsh_advanced_sidebar_advancedSidebar_previewResult_result$schema = union([object({ "ok": literal(true).readonly() }), object({
+	"ok": literal(false).readonly(),
+	"code": union([literal("no-subprocess"), literal("closed")]).readonly(),
+	"message": string().readonly()
+})]);
+const _achasoft_dsh_advanced_sidebar_advancedSidebar_previewRelease_parameter_0$schema = object({ "clientId": string().readonly() });
+const _achasoft_dsh_advanced_sidebar_advancedSidebar_previewRelease_result$schema = union([object({ "ok": literal(true).readonly() }), object({
+	"ok": literal(false).readonly(),
+	"code": union([literal("no-subprocess"), literal("closed")]).readonly(),
+	"message": string().readonly()
+})]);
 const _achasoft_dsh_advanced_sidebar_advancedSidebar_readFile_parameter_0$schema = object({
 	"path": string().readonly(),
 	"workspacePath": string().readonly()
@@ -5558,7 +5754,7 @@ const TYPERT_REMOTE = {
 			},
 			sourceLocation: {
 				"file": "src/host/index.ts",
-				"line": 464,
+				"line": 590,
 				"column": 3
 			}
 		},
@@ -5577,7 +5773,7 @@ const TYPERT_REMOTE = {
 			},
 			sourceLocation: {
 				"file": "src/host/index.ts",
-				"line": 234,
+				"line": 267,
 				"column": 3
 			}
 		},
@@ -5605,7 +5801,7 @@ const TYPERT_REMOTE = {
 			},
 			sourceLocation: {
 				"file": "src/host/index.ts",
-				"line": 274,
+				"line": 307,
 				"column": 3
 			}
 		},
@@ -5633,7 +5829,7 @@ const TYPERT_REMOTE = {
 			},
 			sourceLocation: {
 				"file": "src/host/index.ts",
-				"line": 263,
+				"line": 296,
 				"column": 3
 			}
 		},
@@ -5661,7 +5857,7 @@ const TYPERT_REMOTE = {
 			},
 			sourceLocation: {
 				"file": "src/host/index.ts",
-				"line": 285,
+				"line": 318,
 				"column": 3
 			}
 		},
@@ -5689,7 +5885,7 @@ const TYPERT_REMOTE = {
 			},
 			sourceLocation: {
 				"file": "src/host/index.ts",
-				"line": 296,
+				"line": 329,
 				"column": 3
 			}
 		},
@@ -5717,7 +5913,7 @@ const TYPERT_REMOTE = {
 			},
 			sourceLocation: {
 				"file": "src/host/index.ts",
-				"line": 307,
+				"line": 340,
 				"column": 3
 			}
 		},
@@ -5745,7 +5941,7 @@ const TYPERT_REMOTE = {
 			},
 			sourceLocation: {
 				"file": "src/host/index.ts",
-				"line": 320,
+				"line": 351,
 				"column": 3
 			}
 		},
@@ -5773,7 +5969,7 @@ const TYPERT_REMOTE = {
 			},
 			sourceLocation: {
 				"file": "src/host/index.ts",
-				"line": 333,
+				"line": 362,
 				"column": 3
 			}
 		},
@@ -5801,7 +5997,7 @@ const TYPERT_REMOTE = {
 			},
 			sourceLocation: {
 				"file": "src/host/index.ts",
-				"line": 369,
+				"line": 426,
 				"column": 3
 			}
 		},
@@ -5829,7 +6025,7 @@ const TYPERT_REMOTE = {
 			},
 			sourceLocation: {
 				"file": "src/host/index.ts",
-				"line": 433,
+				"line": 560,
 				"column": 3
 			}
 		},
@@ -5857,7 +6053,7 @@ const TYPERT_REMOTE = {
 			},
 			sourceLocation: {
 				"file": "src/host/index.ts",
-				"line": 380,
+				"line": 437,
 				"column": 3
 			}
 		},
@@ -5884,7 +6080,7 @@ const TYPERT_REMOTE = {
 			},
 			sourceLocation: {
 				"file": "src/host/index.ts",
-				"line": 411,
+				"line": 468,
 				"column": 3
 			}
 		},
@@ -5912,7 +6108,7 @@ const TYPERT_REMOTE = {
 			},
 			sourceLocation: {
 				"file": "src/host/index.ts",
-				"line": 391,
+				"line": 448,
 				"column": 3
 			}
 		},
@@ -5939,7 +6135,116 @@ const TYPERT_REMOTE = {
 			},
 			sourceLocation: {
 				"file": "src/host/index.ts",
-				"line": 401,
+				"line": 458,
+				"column": 3
+			}
+		},
+		{
+			id: "@achasoft/dsh-advanced-sidebar#advancedSidebar/previewFileInfo",
+			service: "advancedSidebar",
+			namespace: "advancedSidebar",
+			method: "previewFileInfo",
+			invocation: { kind: "direct" },
+			parameters: [{
+				name: "request",
+				wire: "request",
+				source: "json",
+				codec: {
+					mode: "strict",
+					typeSymbol: "../src/host/types.ts#PreviewFileInfoRequest",
+					schema: _achasoft_dsh_advanced_sidebar_advancedSidebar_previewFileInfo_parameter_0$schema
+				}
+			}],
+			cancellation: { parameter: "signal" },
+			result: {
+				mode: "strict",
+				typeSymbol: "../src/host/types.ts#PreviewFileInfoResult",
+				schema: _achasoft_dsh_advanced_sidebar_advancedSidebar_previewFileInfo_result$schema
+			},
+			sourceLocation: {
+				"file": "src/host/index.ts",
+				"line": 483,
+				"column": 3
+			}
+		},
+		{
+			id: "@achasoft/dsh-advanced-sidebar#advancedSidebar/previewPoll",
+			service: "advancedSidebar",
+			namespace: "advancedSidebar",
+			method: "previewPoll",
+			invocation: { kind: "direct" },
+			parameters: [{
+				name: "request",
+				wire: "request",
+				source: "json",
+				codec: {
+					mode: "strict",
+					typeSymbol: "../src/host/types.ts#PreviewPollRequest",
+					schema: _achasoft_dsh_advanced_sidebar_advancedSidebar_previewPoll_parameter_0$schema
+				}
+			}],
+			result: {
+				mode: "strict",
+				typeSymbol: "../src/host/types.ts#PreviewPollResult",
+				schema: _achasoft_dsh_advanced_sidebar_advancedSidebar_previewPoll_result$schema
+			},
+			sourceLocation: {
+				"file": "src/host/index.ts",
+				"line": 498,
+				"column": 3
+			}
+		},
+		{
+			id: "@achasoft/dsh-advanced-sidebar#advancedSidebar/previewResult",
+			service: "advancedSidebar",
+			namespace: "advancedSidebar",
+			method: "previewResult",
+			invocation: { kind: "direct" },
+			parameters: [{
+				name: "request",
+				wire: "request",
+				source: "json",
+				codec: {
+					mode: "strict",
+					typeSymbol: "../src/host/types.ts#PreviewResultRequest",
+					schema: _achasoft_dsh_advanced_sidebar_advancedSidebar_previewResult_parameter_0$schema
+				}
+			}],
+			result: {
+				mode: "strict",
+				typeSymbol: "../src/host/types.ts#PreviewResultAck",
+				schema: _achasoft_dsh_advanced_sidebar_advancedSidebar_previewResult_result$schema
+			},
+			sourceLocation: {
+				"file": "src/host/index.ts",
+				"line": 516,
+				"column": 3
+			}
+		},
+		{
+			id: "@achasoft/dsh-advanced-sidebar#advancedSidebar/previewRelease",
+			service: "advancedSidebar",
+			namespace: "advancedSidebar",
+			method: "previewRelease",
+			invocation: { kind: "direct" },
+			parameters: [{
+				name: "request",
+				wire: "request",
+				source: "json",
+				codec: {
+					mode: "strict",
+					typeSymbol: "../src/host/types.ts#PreviewReleaseRequest",
+					schema: _achasoft_dsh_advanced_sidebar_advancedSidebar_previewRelease_parameter_0$schema
+				}
+			}],
+			result: {
+				mode: "strict",
+				typeSymbol: "../src/host/types.ts#PreviewReleaseResult",
+				schema: _achasoft_dsh_advanced_sidebar_advancedSidebar_previewRelease_result$schema
+			},
+			sourceLocation: {
+				"file": "src/host/index.ts",
+				"line": 536,
 				"column": 3
 			}
 		},
@@ -5967,7 +6272,7 @@ const TYPERT_REMOTE = {
 			},
 			sourceLocation: {
 				"file": "src/host/index.ts",
-				"line": 422,
+				"line": 549,
 				"column": 3
 			}
 		},
@@ -5994,7 +6299,7 @@ const TYPERT_REMOTE = {
 			},
 			sourceLocation: {
 				"file": "src/host/index.ts",
-				"line": 443,
+				"line": 570,
 				"column": 3
 			}
 		},
@@ -6021,7 +6326,7 @@ const TYPERT_REMOTE = {
 			},
 			sourceLocation: {
 				"file": "src/host/index.ts",
-				"line": 453,
+				"line": 580,
 				"column": 3
 			}
 		},
@@ -6048,7 +6353,7 @@ const TYPERT_REMOTE = {
 			},
 			sourceLocation: {
 				"file": "src/host/index.ts",
-				"line": 358,
+				"line": 415,
 				"column": 3
 			}
 		},
@@ -6076,7 +6381,7 @@ const TYPERT_REMOTE = {
 			},
 			sourceLocation: {
 				"file": "src/host/index.ts",
-				"line": 318,
+				"line": 375,
 				"column": 3
 			}
 		},
@@ -6103,7 +6408,7 @@ const TYPERT_REMOTE = {
 			},
 			sourceLocation: {
 				"file": "src/host/index.ts",
-				"line": 328,
+				"line": 385,
 				"column": 3
 			}
 		},
@@ -6130,7 +6435,7 @@ const TYPERT_REMOTE = {
 			},
 			sourceLocation: {
 				"file": "src/host/index.ts",
-				"line": 348,
+				"line": 405,
 				"column": 3
 			}
 		},
@@ -6157,7 +6462,7 @@ const TYPERT_REMOTE = {
 			},
 			sourceLocation: {
 				"file": "src/host/index.ts",
-				"line": 338,
+				"line": 395,
 				"column": 3
 			}
 		}
@@ -6677,92 +6982,92 @@ function PushGlyph({ size = 16, className }) {
 
 //#endregion
 //#region \0dsh-css:/Users/aslan_nejad/Desktop/DEV/achasoft/dsh-plugins/dsh-advanced-sidebar/src/client/ui/Ui.module.css.mjs
-const css$5 = ".Txftaq_button{box-sizing:border-box;color:var(--dsw-alias-label-primary);font:inherit;white-space:nowrap;cursor:pointer;transition:background var(--ds-transition-duration-fast) var(--ds-ease-in-out), border-color var(--ds-transition-duration-fast) var(--ds-ease-in-out), color var(--ds-transition-duration-fast) var(--ds-ease-in-out);background:0 0;border:1px solid #0000;border-radius:6px;flex:none;justify-content:center;align-items:center;gap:6px;font-size:13px;font-weight:500;line-height:20px;display:inline-flex}.Txftaq_button:disabled{opacity:.5;cursor:not-allowed}.Txftaq_button:focus-visible,.Txftaq_input:focus-visible,.Txftaq_trigger:focus-visible,.Txftaq_tab:focus-visible,.Txftaq_switch:focus-visible,.Txftaq_checkbox:focus-visible,.Txftaq_day:focus-visible,.Txftaq_item:focus-visible{outline:2px solid var(--dsw-alias-brand-primary);outline-offset:2px}.Txftaq_sizeSm{height:28px;padding:0 10px;font-size:12px;line-height:18px}.Txftaq_sizeMd{height:32px;padding:0 12px}.Txftaq_sizeLg{height:36px;padding:0 16px}.Txftaq_sizeIcon{width:28px;height:28px;padding:0}.Txftaq_sizeIconLg{width:32px;height:32px;padding:0}.Txftaq_default{background:var(--dsw-alias-button-primary-fill);color:var(--dsw-alias-label-primary-foreground)}.Txftaq_default:hover:not(:disabled){background:var(--dsw-alias-button-primary-hover)}.Txftaq_secondary{background:var(--dsw-alias-button-elevated-fill);color:var(--dsw-alias-label-primary)}.Txftaq_secondary:hover:not(:disabled){background:var(--dsw-alias-interactive-bg-hover)}.Txftaq_outline{border-color:var(--dsw-alias-border-l2);color:var(--dsw-alias-label-primary)}.Txftaq_outline:hover:not(:disabled){background:var(--dsw-alias-interactive-bg-hover)}.Txftaq_ghost{color:var(--dsw-alias-label-secondary)}.Txftaq_ghost:hover:not(:disabled){background:var(--dsw-alias-interactive-bg-hover);color:var(--dsw-alias-label-primary)}.Txftaq_ghost:active:not(:disabled){background:var(--dsw-alias-interactive-bg-active)}.Txftaq_destructive{background:var(--dsw-alias-state-error-primary);color:var(--dsw-alias-label-primary-inverted)}.Txftaq_destructive:hover:not(:disabled){background:var(--dsw-alias-interactive-bg-hover-danger)}.Txftaq_buttonOn{background:var(--dsw-alias-interactive-bg-active);color:var(--dsw-alias-label-primary)}.Txftaq_badge{box-sizing:border-box;white-space:nowrap;border:1px solid #0000;border-radius:10px;flex:none;align-items:center;gap:4px;height:20px;padding:0 8px;font-size:11px;font-weight:500;line-height:18px;display:inline-flex}.Txftaq_badgeDefault{background:var(--dsw-alias-brand-primary);color:var(--dsw-alias-label-primary-foreground)}.Txftaq_badgeSecondary{background:var(--dsw-alias-bg-layer-3);color:var(--dsw-alias-label-secondary)}.Txftaq_badgeOutline{border-color:var(--dsw-alias-border-l2);color:var(--dsw-alias-label-tertiary)}.Txftaq_badgeSuccess{background:var(--dsw-alias-state-success-tertiary);color:var(--dsw-alias-state-success-primary)}.Txftaq_badgeWarning{background:var(--dsw-alias-state-warn-tertiary);color:var(--dsw-alias-state-warn-primary)}.Txftaq_badgeDestructive{background:var(--dsw-alias-state-error-secondary);color:var(--dsw-alias-state-error-primary)}.Txftaq_badgeCode{text-overflow:ellipsis;min-width:0;font-family:var(--ds-font-family-code);overflow:hidden}.Txftaq_input{box-sizing:border-box;border:1px solid var(--dsw-alias-border-l2);background:var(--dsw-alias-bg-layer-1);width:100%;min-width:0;height:32px;color:var(--dsw-alias-label-primary);font:inherit;border-radius:6px;padding:0 10px;font-size:13px;line-height:20px}.Txftaq_input::placeholder{color:var(--dsw-alias-label-dimmed)}.Txftaq_input:disabled{opacity:.5;cursor:not-allowed}.Txftaq_textarea{resize:vertical;height:auto;min-height:64px;padding:8px 10px}.Txftaq_inputCode{font-family:var(--ds-font-family-code)}.Txftaq_inputNumber{appearance:textfield;width:96px}.Txftaq_inputNumber::-webkit-outer-spin-button,.Txftaq_inputNumber::-webkit-inner-spin-button{appearance:none;margin:0}.Txftaq_switch{background:var(--dsw-alias-bg-layer-3);cursor:pointer;width:34px;height:20px;transition:background var(--ds-transition-duration-fast) var(--ds-ease-in-out);border:1px solid #0000;border-radius:10px;flex:none;padding:0;position:relative}.Txftaq_switch[aria-checked=true]{background:var(--dsw-alias-brand-primary)}.Txftaq_switch:disabled{opacity:.5;cursor:not-allowed}.Txftaq_switchThumb{background:var(--dsw-alias-label-primary-inverted);width:14px;height:14px;transition:transform var(--ds-transition-duration-fast) var(--ds-ease-in-out);border-radius:7px;position:absolute;top:2px;left:2px}.Txftaq_switch[aria-checked=true] .Txftaq_switchThumb{transform:translate(14px)}.Txftaq_checkbox{box-sizing:border-box;border:1px solid var(--dsw-alias-border-l3);width:16px;height:16px;color:var(--dsw-alias-label-primary-foreground);cursor:pointer;background:0 0;border-radius:4px;flex:none;justify-content:center;align-items:center;padding:0;display:inline-flex}.Txftaq_checkbox[aria-checked=true]{border-color:var(--dsw-alias-brand-primary);background:var(--dsw-alias-brand-primary)}.Txftaq_checkbox:disabled{opacity:.5;cursor:not-allowed}.Txftaq_checkRow{color:var(--dsw-alias-label-secondary);cursor:pointer;align-items:center;gap:8px;font-size:12px;line-height:18px;display:inline-flex}.Txftaq_layer{z-index:60;box-sizing:border-box;border:1px solid var(--dsw-alias-border-l2);background:var(--dsw-specific-menu);min-width:0;box-shadow:var(--dsw-shadow-lv3);color:var(--dsw-alias-label-primary);border-radius:8px;flex-direction:column;display:flex}.Txftaq_menu{overscroll-behavior:contain;min-width:200px;max-width:320px;padding:4px;overflow-y:auto}.Txftaq_item{box-sizing:border-box;width:100%;min-height:30px;color:var(--dsw-alias-label-primary);font:inherit;text-align:start;cursor:pointer;background:0 0;border:none;border-radius:4px;align-items:center;gap:8px;padding:4px 8px;font-size:13px;line-height:20px;display:flex}.Txftaq_item:hover:not(:disabled),.Txftaq_itemActive:not(:disabled){background:var(--dsw-alias-interactive-bg-hover)}.Txftaq_item:disabled{color:var(--dsw-alias-label-dimmed);cursor:not-allowed}.Txftaq_itemDanger{color:var(--dsw-alias-state-error-primary)}.Txftaq_itemDanger:hover:not(:disabled),.Txftaq_itemDanger.Txftaq_itemActive:not(:disabled){background:var(--dsw-alias-interactive-bg-hover-danger)}.Txftaq_itemIcon{width:16px;height:16px;color:var(--dsw-alias-label-tertiary);flex:none;justify-content:center;align-items:center;display:inline-flex}.Txftaq_itemDanger .Txftaq_itemIcon{color:var(--dsw-alias-state-error-primary)}.Txftaq_itemBody{flex:1;align-items:baseline;gap:8px;min-width:0;display:flex}.Txftaq_itemLabel{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.Txftaq_itemNote{text-overflow:ellipsis;white-space:nowrap;max-width:140px;color:var(--dsw-alias-label-dimmed);flex:none;font-size:11px;line-height:16px;overflow:hidden}.Txftaq_itemChevron{color:var(--dsw-alias-label-tertiary);flex:none;display:inline-flex}.Txftaq_itemCheck{color:var(--dsw-alias-brand-primary);flex:none;display:inline-flex}.Txftaq_menuLabel{letter-spacing:.04em;text-transform:uppercase;color:var(--dsw-alias-label-dimmed);padding:6px 8px 4px;font-size:11px;font-weight:600;line-height:16px}.Txftaq_separator{border:none;border-top:1px solid var(--dsw-alias-border-l1);flex:none;margin:4px 0}.Txftaq_separatorVertical{border:none;border-left:1px solid var(--dsw-alias-border-l1);align-self:stretch;width:0;margin:0 4px}.Txftaq_trigger{box-sizing:border-box;border:1px solid var(--dsw-alias-border-l2);background:var(--dsw-alias-bg-layer-1);min-width:0;height:32px;color:var(--dsw-alias-label-primary);font:inherit;cursor:pointer;border-radius:6px;align-items:center;gap:6px;padding:0 8px 0 10px;font-size:13px;line-height:20px;display:inline-flex}.Txftaq_triggerValue{text-overflow:ellipsis;white-space:nowrap;text-align:start;flex:1;min-width:0;overflow:hidden}.Txftaq_trigger:hover:not(:disabled){background:var(--dsw-alias-interactive-bg-hover)}.Txftaq_trigger:disabled{opacity:.5;cursor:not-allowed}.Txftaq_triggerPlaceholder{color:var(--dsw-alias-label-dimmed)}.Txftaq_tabs{background:var(--dsw-alias-bg-layer-1);border-radius:8px;align-items:center;gap:2px;min-width:0;padding:3px;display:flex}.Txftaq_tabsScroll{scrollbar-width:none;align-items:center;gap:2px;min-width:0;display:flex;overflow-x:auto}.Txftaq_tab{box-sizing:border-box;max-width:180px;height:24px;color:var(--dsw-alias-label-tertiary);font:inherit;cursor:pointer;background:0 0;border:none;border-radius:5px;flex:none;align-items:center;gap:6px;padding:0 8px;font-size:12px;font-weight:500;line-height:18px;display:inline-flex}.Txftaq_tab:hover:not(:disabled){color:var(--dsw-alias-label-primary)}.Txftaq_tabActive{background:var(--dsw-alias-bg-layer-3);color:var(--dsw-alias-label-primary);box-shadow:var(--dsw-shadow-lv1)}.Txftaq_tabLabel{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.Txftaq_tabClose{width:16px;height:16px;color:var(--dsw-alias-label-dimmed);border-radius:4px;flex:none;justify-content:center;align-items:center;margin-right:-4px;display:inline-flex}.Txftaq_tabClose:hover{background:var(--dsw-alias-interactive-bg-hover-solid);color:var(--dsw-alias-label-primary)}.Txftaq_dialogOverlay{z-index:80;background:var(--dsw-alias-bg-mask-1);justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.Txftaq_dialog{box-sizing:border-box;border:1px solid var(--dsw-alias-border-l2);background:var(--dsw-alias-bg-layer-2);width:100%;max-width:440px;max-height:100%;box-shadow:var(--dsw-shadow-lv3);color:var(--dsw-alias-label-primary);border-radius:12px;flex-direction:column;gap:16px;padding:20px;display:flex;overflow:auto}.Txftaq_dialogTitle{margin:0;font-size:15px;font-weight:600;line-height:22px}.Txftaq_dialogDescription{color:var(--dsw-alias-label-secondary);overflow-wrap:anywhere;margin:0;font-size:13px;line-height:20px}.Txftaq_dialogFooter{justify-content:flex-end;align-items:center;gap:8px;display:flex}.Txftaq_alert{box-sizing:border-box;border:1px solid var(--dsw-alias-border-l2);background:var(--dsw-alias-bg-layer-1);color:var(--dsw-alias-label-primary);border-radius:8px;align-items:flex-start;gap:10px;padding:10px 12px;font-size:12px;line-height:18px;display:flex}.Txftaq_alertIcon{color:var(--dsw-alias-label-tertiary);flex:none;margin-top:1px;display:inline-flex}.Txftaq_alertBody{overflow-wrap:anywhere;flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.Txftaq_alertTitle{font-weight:600}.Txftaq_alertDestructive{border-color:var(--dsw-alias-state-error-primary);background:var(--dsw-alias-state-error-secondary);color:var(--dsw-alias-state-error-primary)}.Txftaq_alertDestructive .Txftaq_alertIcon{color:var(--dsw-alias-state-error-primary)}.Txftaq_alertWarning{border-color:var(--dsw-alias-state-warn-primary);background:var(--dsw-alias-state-warn-tertiary);color:var(--dsw-alias-state-warn-label)}.Txftaq_alertWarning .Txftaq_alertIcon{color:var(--dsw-alias-state-warn-primary)}.Txftaq_alertSuccess{border-color:var(--dsw-alias-state-success-primary);background:var(--dsw-alias-state-success-tertiary);color:var(--dsw-alias-state-success-primary)}.Txftaq_alertSuccess .Txftaq_alertIcon{color:var(--dsw-alias-state-success-primary)}.Txftaq_tooltip{z-index:90;border:1px solid var(--dsw-alias-border-l2);background:var(--dsw-alias-tooltip-bg);max-width:260px;box-shadow:var(--dsw-shadow-lv2);color:var(--dsw-alias-label-primary);pointer-events:none;border-radius:6px;padding:5px 9px;font-size:12px;line-height:18px}.Txftaq_calendar{flex-direction:column;gap:8px;padding:10px;display:flex}.Txftaq_calendarHead{justify-content:space-between;align-items:center;gap:8px;display:flex}.Txftaq_calendarMonth{text-align:center;flex:1;font-size:13px;font-weight:600;line-height:20px}.Txftaq_calendarGrid{grid-template-columns:repeat(7,30px);gap:2px;display:grid}.Txftaq_calendarWeekday{height:24px;color:var(--dsw-alias-label-dimmed);justify-content:center;align-items:center;font-size:11px;font-weight:500;line-height:16px;display:flex}.Txftaq_day{box-sizing:border-box;width:30px;height:30px;color:var(--dsw-alias-label-primary);font:inherit;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:6px;justify-content:center;align-items:center;padding:0;font-size:12px;line-height:18px;display:inline-flex}.Txftaq_day:hover:not(:disabled){background:var(--dsw-alias-interactive-bg-hover)}.Txftaq_dayOutside{color:var(--dsw-alias-label-dimmed)}.Txftaq_dayToday{border-color:var(--dsw-alias-border-l3)}.Txftaq_daySelected,.Txftaq_daySelected:hover:not(:disabled){background:var(--dsw-alias-brand-primary);color:var(--dsw-alias-label-primary-foreground)}.Txftaq_day:disabled{opacity:.4;cursor:not-allowed}.Txftaq_calendarFoot{border-top:1px solid var(--dsw-alias-border-l1);justify-content:space-between;align-items:center;gap:8px;padding-top:2px;display:flex}.Txftaq_muted{color:var(--dsw-alias-label-tertiary);font-size:12px;line-height:18px}.Txftaq_srOnly{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}";
-const tagId$5 = "@achasoft/dsh-advanced-sidebar/Ui.module.css";
-if (typeof document !== "undefined" && document.querySelector("style[data-plugin-css=" + JSON.stringify(tagId$5) + "]") === null) {
+const css$6 = ".Txftaq_button{box-sizing:border-box;color:var(--dsw-alias-label-primary);font:inherit;white-space:nowrap;cursor:pointer;transition:background var(--ds-transition-duration-fast) var(--ds-ease-in-out), border-color var(--ds-transition-duration-fast) var(--ds-ease-in-out), color var(--ds-transition-duration-fast) var(--ds-ease-in-out);background:0 0;border:1px solid #0000;border-radius:6px;flex:none;justify-content:center;align-items:center;gap:6px;font-size:13px;font-weight:500;line-height:20px;display:inline-flex}.Txftaq_button:disabled{opacity:.5;cursor:not-allowed}.Txftaq_button:focus-visible,.Txftaq_input:focus-visible,.Txftaq_trigger:focus-visible,.Txftaq_tab:focus-visible,.Txftaq_switch:focus-visible,.Txftaq_checkbox:focus-visible,.Txftaq_day:focus-visible,.Txftaq_item:focus-visible{outline:2px solid var(--dsw-alias-brand-primary);outline-offset:2px}.Txftaq_sizeSm{height:28px;padding:0 10px;font-size:12px;line-height:18px}.Txftaq_sizeMd{height:32px;padding:0 12px}.Txftaq_sizeLg{height:36px;padding:0 16px}.Txftaq_sizeIcon{width:28px;height:28px;padding:0}.Txftaq_sizeIconLg{width:32px;height:32px;padding:0}.Txftaq_default{background:var(--dsw-alias-button-primary-fill);color:var(--dsw-alias-label-primary-foreground)}.Txftaq_default:hover:not(:disabled){background:var(--dsw-alias-button-primary-hover)}.Txftaq_secondary{background:var(--dsw-alias-button-elevated-fill);color:var(--dsw-alias-label-primary)}.Txftaq_secondary:hover:not(:disabled){background:var(--dsw-alias-interactive-bg-hover)}.Txftaq_outline{border-color:var(--dsw-alias-border-l2);color:var(--dsw-alias-label-primary)}.Txftaq_outline:hover:not(:disabled){background:var(--dsw-alias-interactive-bg-hover)}.Txftaq_ghost{color:var(--dsw-alias-label-secondary)}.Txftaq_ghost:hover:not(:disabled){background:var(--dsw-alias-interactive-bg-hover);color:var(--dsw-alias-label-primary)}.Txftaq_ghost:active:not(:disabled){background:var(--dsw-alias-interactive-bg-active)}.Txftaq_destructive{background:var(--dsw-alias-state-error-primary);color:var(--dsw-alias-label-primary-inverted)}.Txftaq_destructive:hover:not(:disabled){background:var(--dsw-alias-interactive-bg-hover-danger)}.Txftaq_buttonOn{background:var(--dsw-alias-interactive-bg-active);color:var(--dsw-alias-label-primary)}.Txftaq_badge{box-sizing:border-box;white-space:nowrap;border:1px solid #0000;border-radius:10px;flex:none;align-items:center;gap:4px;height:20px;padding:0 8px;font-size:11px;font-weight:500;line-height:18px;display:inline-flex}.Txftaq_badgeDefault{background:var(--dsw-alias-brand-primary);color:var(--dsw-alias-label-primary-foreground)}.Txftaq_badgeSecondary{background:var(--dsw-alias-bg-layer-3);color:var(--dsw-alias-label-secondary)}.Txftaq_badgeOutline{border-color:var(--dsw-alias-border-l2);color:var(--dsw-alias-label-tertiary)}.Txftaq_badgeSuccess{background:var(--dsw-alias-state-success-tertiary);color:var(--dsw-alias-state-success-primary)}.Txftaq_badgeWarning{background:var(--dsw-alias-state-warn-tertiary);color:var(--dsw-alias-state-warn-primary)}.Txftaq_badgeDestructive{background:var(--dsw-alias-state-error-secondary);color:var(--dsw-alias-state-error-primary)}.Txftaq_badgeCode{text-overflow:ellipsis;min-width:0;font-family:var(--ds-font-family-code);overflow:hidden}.Txftaq_input{box-sizing:border-box;border:1px solid var(--dsw-alias-border-l2);background:var(--dsw-alias-bg-layer-1);width:100%;min-width:0;height:32px;color:var(--dsw-alias-label-primary);font:inherit;border-radius:6px;padding:0 10px;font-size:13px;line-height:20px}.Txftaq_input::placeholder{color:var(--dsw-alias-label-dimmed)}.Txftaq_input:disabled{opacity:.5;cursor:not-allowed}.Txftaq_textarea{resize:vertical;height:auto;min-height:64px;padding:8px 10px}.Txftaq_inputCode{font-family:var(--ds-font-family-code)}.Txftaq_inputNumber{appearance:textfield;width:96px}.Txftaq_inputNumber::-webkit-outer-spin-button,.Txftaq_inputNumber::-webkit-inner-spin-button{appearance:none;margin:0}.Txftaq_switch{background:var(--dsw-alias-bg-layer-3);cursor:pointer;width:34px;height:20px;transition:background var(--ds-transition-duration-fast) var(--ds-ease-in-out);border:1px solid #0000;border-radius:10px;flex:none;padding:0;position:relative}.Txftaq_switch[aria-checked=true]{background:var(--dsw-alias-brand-primary)}.Txftaq_switch:disabled{opacity:.5;cursor:not-allowed}.Txftaq_switchThumb{background:var(--dsw-alias-label-primary-inverted);width:14px;height:14px;transition:transform var(--ds-transition-duration-fast) var(--ds-ease-in-out);border-radius:7px;position:absolute;top:2px;left:2px}.Txftaq_switch[aria-checked=true] .Txftaq_switchThumb{transform:translate(14px)}.Txftaq_checkbox{box-sizing:border-box;border:1px solid var(--dsw-alias-border-l3);width:16px;height:16px;color:var(--dsw-alias-label-primary-foreground);cursor:pointer;background:0 0;border-radius:4px;flex:none;justify-content:center;align-items:center;padding:0;display:inline-flex}.Txftaq_checkbox[aria-checked=true]{border-color:var(--dsw-alias-brand-primary);background:var(--dsw-alias-brand-primary)}.Txftaq_checkbox:disabled{opacity:.5;cursor:not-allowed}.Txftaq_checkRow{color:var(--dsw-alias-label-secondary);cursor:pointer;align-items:center;gap:8px;font-size:12px;line-height:18px;display:inline-flex}.Txftaq_layer{z-index:60;box-sizing:border-box;border:1px solid var(--dsw-alias-border-l2);background:var(--dsw-specific-menu);min-width:0;box-shadow:var(--dsw-shadow-lv3);color:var(--dsw-alias-label-primary);border-radius:8px;flex-direction:column;display:flex}.Txftaq_menu{overscroll-behavior:contain;min-width:200px;max-width:320px;padding:4px;overflow-y:auto}.Txftaq_item{box-sizing:border-box;width:100%;min-height:30px;color:var(--dsw-alias-label-primary);font:inherit;text-align:start;cursor:pointer;background:0 0;border:none;border-radius:4px;align-items:center;gap:8px;padding:4px 8px;font-size:13px;line-height:20px;display:flex}.Txftaq_item:hover:not(:disabled),.Txftaq_itemActive:not(:disabled){background:var(--dsw-alias-interactive-bg-hover)}.Txftaq_item:disabled{color:var(--dsw-alias-label-dimmed);cursor:not-allowed}.Txftaq_itemDanger{color:var(--dsw-alias-state-error-primary)}.Txftaq_itemDanger:hover:not(:disabled),.Txftaq_itemDanger.Txftaq_itemActive:not(:disabled){background:var(--dsw-alias-interactive-bg-hover-danger)}.Txftaq_itemIcon{width:16px;height:16px;color:var(--dsw-alias-label-tertiary);flex:none;justify-content:center;align-items:center;display:inline-flex}.Txftaq_itemDanger .Txftaq_itemIcon{color:var(--dsw-alias-state-error-primary)}.Txftaq_itemBody{flex:1;align-items:baseline;gap:8px;min-width:0;display:flex}.Txftaq_itemLabel{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.Txftaq_itemNote{text-overflow:ellipsis;white-space:nowrap;max-width:140px;color:var(--dsw-alias-label-dimmed);flex:none;font-size:11px;line-height:16px;overflow:hidden}.Txftaq_itemChevron{color:var(--dsw-alias-label-tertiary);flex:none;display:inline-flex}.Txftaq_itemCheck{color:var(--dsw-alias-brand-primary);flex:none;display:inline-flex}.Txftaq_menuLabel{letter-spacing:.04em;text-transform:uppercase;color:var(--dsw-alias-label-dimmed);padding:6px 8px 4px;font-size:11px;font-weight:600;line-height:16px}.Txftaq_separator{border:none;border-top:1px solid var(--dsw-alias-border-l1);flex:none;margin:4px 0}.Txftaq_separatorVertical{border:none;border-left:1px solid var(--dsw-alias-border-l1);align-self:stretch;width:0;margin:0 4px}.Txftaq_trigger{box-sizing:border-box;border:1px solid var(--dsw-alias-border-l2);background:var(--dsw-alias-bg-layer-1);min-width:0;height:32px;color:var(--dsw-alias-label-primary);font:inherit;cursor:pointer;border-radius:6px;align-items:center;gap:6px;padding:0 8px 0 10px;font-size:13px;line-height:20px;display:inline-flex}.Txftaq_triggerValue{text-overflow:ellipsis;white-space:nowrap;text-align:start;flex:1;min-width:0;overflow:hidden}.Txftaq_trigger:hover:not(:disabled){background:var(--dsw-alias-interactive-bg-hover)}.Txftaq_trigger:disabled{opacity:.5;cursor:not-allowed}.Txftaq_triggerPlaceholder{color:var(--dsw-alias-label-dimmed)}.Txftaq_tabs{background:var(--dsw-alias-bg-layer-1);border-radius:8px;align-items:center;gap:2px;min-width:0;padding:3px;display:flex}.Txftaq_tabsScroll{scrollbar-width:none;align-items:center;gap:2px;min-width:0;display:flex;overflow-x:auto}.Txftaq_tab{box-sizing:border-box;max-width:180px;height:24px;color:var(--dsw-alias-label-tertiary);font:inherit;cursor:pointer;background:0 0;border:none;border-radius:5px;flex:none;align-items:center;gap:6px;padding:0 8px;font-size:12px;font-weight:500;line-height:18px;display:inline-flex}.Txftaq_tab:hover:not(:disabled){color:var(--dsw-alias-label-primary)}.Txftaq_tabActive{background:var(--dsw-alias-bg-layer-3);color:var(--dsw-alias-label-primary);box-shadow:var(--dsw-shadow-lv1)}.Txftaq_tabLabel{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.Txftaq_tabClose{width:16px;height:16px;color:var(--dsw-alias-label-dimmed);border-radius:4px;flex:none;justify-content:center;align-items:center;margin-right:-4px;display:inline-flex}.Txftaq_tabClose:hover{background:var(--dsw-alias-interactive-bg-hover-solid);color:var(--dsw-alias-label-primary)}.Txftaq_dialogOverlay{z-index:80;background:var(--dsw-alias-bg-mask-1);justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.Txftaq_dialog{box-sizing:border-box;border:1px solid var(--dsw-alias-border-l2);background:var(--dsw-alias-bg-layer-2);width:100%;max-width:440px;max-height:100%;box-shadow:var(--dsw-shadow-lv3);color:var(--dsw-alias-label-primary);border-radius:12px;flex-direction:column;gap:16px;padding:20px;display:flex;overflow:auto}.Txftaq_dialogTitle{margin:0;font-size:15px;font-weight:600;line-height:22px}.Txftaq_dialogDescription{color:var(--dsw-alias-label-secondary);overflow-wrap:anywhere;margin:0;font-size:13px;line-height:20px}.Txftaq_dialogFooter{justify-content:flex-end;align-items:center;gap:8px;display:flex}.Txftaq_alert{box-sizing:border-box;border:1px solid var(--dsw-alias-border-l2);background:var(--dsw-alias-bg-layer-1);color:var(--dsw-alias-label-primary);border-radius:8px;align-items:flex-start;gap:10px;padding:10px 12px;font-size:12px;line-height:18px;display:flex}.Txftaq_alertIcon{color:var(--dsw-alias-label-tertiary);flex:none;margin-top:1px;display:inline-flex}.Txftaq_alertBody{overflow-wrap:anywhere;flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.Txftaq_alertTitle{font-weight:600}.Txftaq_alertDestructive{border-color:var(--dsw-alias-state-error-primary);background:var(--dsw-alias-state-error-secondary);color:var(--dsw-alias-state-error-primary)}.Txftaq_alertDestructive .Txftaq_alertIcon{color:var(--dsw-alias-state-error-primary)}.Txftaq_alertWarning{border-color:var(--dsw-alias-state-warn-primary);background:var(--dsw-alias-state-warn-tertiary);color:var(--dsw-alias-state-warn-label)}.Txftaq_alertWarning .Txftaq_alertIcon{color:var(--dsw-alias-state-warn-primary)}.Txftaq_alertSuccess{border-color:var(--dsw-alias-state-success-primary);background:var(--dsw-alias-state-success-tertiary);color:var(--dsw-alias-state-success-primary)}.Txftaq_alertSuccess .Txftaq_alertIcon{color:var(--dsw-alias-state-success-primary)}.Txftaq_tooltip{z-index:90;border:1px solid var(--dsw-alias-border-l2);background:var(--dsw-alias-tooltip-bg);max-width:260px;box-shadow:var(--dsw-shadow-lv2);color:var(--dsw-alias-label-primary);pointer-events:none;border-radius:6px;padding:5px 9px;font-size:12px;line-height:18px}.Txftaq_calendar{flex-direction:column;gap:8px;padding:10px;display:flex}.Txftaq_calendarHead{justify-content:space-between;align-items:center;gap:8px;display:flex}.Txftaq_calendarMonth{text-align:center;flex:1;font-size:13px;font-weight:600;line-height:20px}.Txftaq_calendarGrid{grid-template-columns:repeat(7,30px);gap:2px;display:grid}.Txftaq_calendarWeekday{height:24px;color:var(--dsw-alias-label-dimmed);justify-content:center;align-items:center;font-size:11px;font-weight:500;line-height:16px;display:flex}.Txftaq_day{box-sizing:border-box;width:30px;height:30px;color:var(--dsw-alias-label-primary);font:inherit;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:6px;justify-content:center;align-items:center;padding:0;font-size:12px;line-height:18px;display:inline-flex}.Txftaq_day:hover:not(:disabled){background:var(--dsw-alias-interactive-bg-hover)}.Txftaq_dayOutside{color:var(--dsw-alias-label-dimmed)}.Txftaq_dayToday{border-color:var(--dsw-alias-border-l3)}.Txftaq_daySelected,.Txftaq_daySelected:hover:not(:disabled){background:var(--dsw-alias-brand-primary);color:var(--dsw-alias-label-primary-foreground)}.Txftaq_day:disabled{opacity:.4;cursor:not-allowed}.Txftaq_calendarFoot{border-top:1px solid var(--dsw-alias-border-l1);justify-content:space-between;align-items:center;gap:8px;padding-top:2px;display:flex}.Txftaq_muted{color:var(--dsw-alias-label-tertiary);font-size:12px;line-height:18px}.Txftaq_srOnly{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}";
+const tagId$6 = "@achasoft/dsh-advanced-sidebar/Ui.module.css";
+if (typeof document !== "undefined" && document.querySelector("style[data-plugin-css=" + JSON.stringify(tagId$6) + "]") === null) {
 	const tag = document.createElement("style");
 	tag.dataset.plugin = "@achasoft/dsh-advanced-sidebar";
-	tag.dataset.pluginCss = tagId$5;
-	tag.textContent = css$5;
+	tag.dataset.pluginCss = tagId$6;
+	tag.textContent = css$6;
 	document.head.appendChild(tag);
 }
 var Ui_module_css_default = {
-	"dialogOverlay": "Txftaq_dialogOverlay",
-	"itemLabel": "Txftaq_itemLabel",
-	"badge": "Txftaq_badge",
-	"itemChevron": "Txftaq_itemChevron",
-	"default": "Txftaq_default",
-	"input": "Txftaq_input",
-	"badgeDestructive": "Txftaq_badgeDestructive",
-	"daySelected": "Txftaq_daySelected",
-	"srOnly": "Txftaq_srOnly",
-	"badgeWarning": "Txftaq_badgeWarning",
-	"sizeSm": "Txftaq_sizeSm",
+	"alertIcon": "Txftaq_alertIcon",
+	"menuLabel": "Txftaq_menuLabel",
+	"day": "Txftaq_day",
+	"dialogFooter": "Txftaq_dialogFooter",
+	"sizeLg": "Txftaq_sizeLg",
+	"destructive": "Txftaq_destructive",
 	"sizeIcon": "Txftaq_sizeIcon",
+	"alertBody": "Txftaq_alertBody",
+	"buttonOn": "Txftaq_buttonOn",
+	"inputCode": "Txftaq_inputCode",
+	"dialog": "Txftaq_dialog",
+	"daySelected": "Txftaq_daySelected",
+	"tabLabel": "Txftaq_tabLabel",
+	"input": "Txftaq_input",
+	"badgeSecondary": "Txftaq_badgeSecondary",
 	"badgeCode": "Txftaq_badgeCode",
-	"item": "Txftaq_item",
 	"triggerPlaceholder": "Txftaq_triggerPlaceholder",
-	"buttonOn": "Txftaq_buttonOn",
-	"sizeLg": "Txftaq_sizeLg",
-	"menu": "Txftaq_menu",
-	"itemNote": "Txftaq_itemNote",
+	"sizeMd": "Txftaq_sizeMd",
+	"itemActive": "Txftaq_itemActive",
+	"itemBody": "Txftaq_itemBody",
+	"alertTitle": "Txftaq_alertTitle",
+	"ghost": "Txftaq_ghost",
 	"alertWarning": "Txftaq_alertWarning",
+	"separator": "Txftaq_separator",
+	"button": "Txftaq_button",
 	"alertSuccess": "Txftaq_alertSuccess",
-	"textarea": "Txftaq_textarea",
-	"muted": "Txftaq_muted",
-	"inputNumber": "Txftaq_inputNumber",
 	"calendar": "Txftaq_calendar",
-	"dayToday": "Txftaq_dayToday",
-	"tabsScroll": "Txftaq_tabsScroll",
-	"badgeOutline": "Txftaq_badgeOutline",
-	"triggerValue": "Txftaq_triggerValue",
-	"alertIcon": "Txftaq_alertIcon",
-	"outline": "Txftaq_outline",
-	"ghost": "Txftaq_ghost",
-	"switch": "Txftaq_switch",
-	"alert": "Txftaq_alert",
-	"alertDestructive": "Txftaq_alertDestructive",
-	"dialogTitle": "Txftaq_dialogTitle",
-	"tabs": "Txftaq_tabs",
-	"tabLabel": "Txftaq_tabLabel",
-	"dialogFooter": "Txftaq_dialogFooter",
-	"tabClose": "Txftaq_tabClose",
-	"destructive": "Txftaq_destructive",
+	"itemCheck": "Txftaq_itemCheck",
 	"trigger": "Txftaq_trigger",
-	"tab": "Txftaq_tab",
-	"checkRow": "Txftaq_checkRow",
+	"checkbox": "Txftaq_checkbox",
+	"badgeDefault": "Txftaq_badgeDefault",
+	"switch": "Txftaq_switch",
+	"dayToday": "Txftaq_dayToday",
+	"item": "Txftaq_item",
 	"layer": "Txftaq_layer",
-	"dialog": "Txftaq_dialog",
-	"calendarGrid": "Txftaq_calendarGrid",
-	"sizeIconLg": "Txftaq_sizeIconLg",
-	"day": "Txftaq_day",
-	"secondary": "Txftaq_secondary",
-	"tooltip": "Txftaq_tooltip",
-	"dayOutside": "Txftaq_dayOutside",
-	"itemBody": "Txftaq_itemBody",
-	"separatorVertical": "Txftaq_separatorVertical",
+	"muted": "Txftaq_muted",
+	"tabClose": "Txftaq_tabClose",
+	"dialogOverlay": "Txftaq_dialogOverlay",
 	"badgeSuccess": "Txftaq_badgeSuccess",
-	"alertTitle": "Txftaq_alertTitle",
+	"badgeWarning": "Txftaq_badgeWarning",
+	"sizeIconLg": "Txftaq_sizeIconLg",
+	"tab": "Txftaq_tab",
 	"itemDanger": "Txftaq_itemDanger",
-	"badgeSecondary": "Txftaq_badgeSecondary",
-	"tabActive": "Txftaq_tabActive",
-	"itemActive": "Txftaq_itemActive",
-	"calendarHead": "Txftaq_calendarHead",
-	"calendarFoot": "Txftaq_calendarFoot",
-	"button": "Txftaq_button",
-	"switchThumb": "Txftaq_switchThumb",
+	"triggerValue": "Txftaq_triggerValue",
+	"tooltip": "Txftaq_tooltip",
+	"srOnly": "Txftaq_srOnly",
+	"itemLabel": "Txftaq_itemLabel",
 	"calendarWeekday": "Txftaq_calendarWeekday",
-	"checkbox": "Txftaq_checkbox",
-	"itemCheck": "Txftaq_itemCheck",
-	"sizeMd": "Txftaq_sizeMd",
-	"inputCode": "Txftaq_inputCode",
-	"separator": "Txftaq_separator",
+	"calendarFoot": "Txftaq_calendarFoot",
+	"badgeDestructive": "Txftaq_badgeDestructive",
+	"separatorVertical": "Txftaq_separatorVertical",
+	"badge": "Txftaq_badge",
+	"tabsScroll": "Txftaq_tabsScroll",
+	"itemChevron": "Txftaq_itemChevron",
+	"dayOutside": "Txftaq_dayOutside",
+	"sizeSm": "Txftaq_sizeSm",
 	"dialogDescription": "Txftaq_dialogDescription",
-	"badgeDefault": "Txftaq_badgeDefault",
-	"menuLabel": "Txftaq_menuLabel",
-	"alertBody": "Txftaq_alertBody",
+	"alertDestructive": "Txftaq_alertDestructive",
+	"secondary": "Txftaq_secondary",
+	"dialogTitle": "Txftaq_dialogTitle",
+	"switchThumb": "Txftaq_switchThumb",
+	"menu": "Txftaq_menu",
+	"textarea": "Txftaq_textarea",
+	"checkRow": "Txftaq_checkRow",
+	"itemNote": "Txftaq_itemNote",
+	"calendarHead": "Txftaq_calendarHead",
+	"itemIcon": "Txftaq_itemIcon",
+	"alert": "Txftaq_alert",
+	"outline": "Txftaq_outline",
+	"badgeOutline": "Txftaq_badgeOutline",
+	"tabs": "Txftaq_tabs",
+	"inputNumber": "Txftaq_inputNumber",
+	"tabActive": "Txftaq_tabActive",
+	"default": "Txftaq_default",
 	"calendarMonth": "Txftaq_calendarMonth",
-	"itemIcon": "Txftaq_itemIcon"
+	"calendarGrid": "Txftaq_calendarGrid"
 };
 
 //#endregion
@@ -6854,7 +7159,7 @@ const SIZES = {
 * @returns the button element.
 * @see {@link ButtonProps}
 */
-const Button = (0, react.forwardRef)(function Button$1(props, ref) {
+const Button$1 = (0, react.forwardRef)(function Button$2(props, ref) {
 	const { variant = "ghost", size = "md", icon, active, className, children, type,...rest } = props;
 	return (0, react_jsx_runtime.jsxs)("button", {
 		ref,
@@ -6936,7 +7241,7 @@ function Calendar(props) {
 			(0, react_jsx_runtime.jsxs)("div", {
 				className: Ui_module_css_default.calendarHead,
 				children: [
-					(0, react_jsx_runtime.jsx)(Button, {
+					(0, react_jsx_runtime.jsx)(Button$1, {
 						size: "icon",
 						"aria-label": previousLabel,
 						onClick: () => {
@@ -6948,7 +7253,7 @@ function Calendar(props) {
 						className: Ui_module_css_default.calendarMonth,
 						children: monthName
 					}),
-					(0, react_jsx_runtime.jsx)(Button, {
+					(0, react_jsx_runtime.jsx)(Button$1, {
 						size: "icon",
 						"aria-label": nextLabel,
 						onClick: () => {
@@ -6982,14 +7287,14 @@ function Calendar(props) {
 			}),
 			(0, react_jsx_runtime.jsxs)("div", {
 				className: Ui_module_css_default.calendarFoot,
-				children: [(0, react_jsx_runtime.jsx)(Button, {
+				children: [(0, react_jsx_runtime.jsx)(Button$1, {
 					size: "sm",
 					onClick: () => {
 						setMonth(today);
 						onValueChange(today);
 					},
 					children: todayLabel
-				}), clearLabel !== void 0 && onClear !== void 0 && (0, react_jsx_runtime.jsx)(Button, {
+				}), clearLabel !== void 0 && onClear !== void 0 && (0, react_jsx_runtime.jsx)(Button$1, {
 					size: "sm",
 					onClick: onClear,
 					children: clearLabel
@@ -7413,12 +7718,12 @@ function AlertDialog(props) {
 		title,
 		busy,
 		...description === void 0 ? {} : { description },
-		footer: (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [(0, react_jsx_runtime.jsx)(Button, {
+		footer: (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [(0, react_jsx_runtime.jsx)(Button$1, {
 			variant: "outline",
 			disabled: busy,
 			onClick: onClose,
 			children: cancelLabel
-		}), (0, react_jsx_runtime.jsx)(Button, {
+		}), (0, react_jsx_runtime.jsx)(Button$1, {
 			variant: destructive ? "destructive" : "default",
 			disabled: busy,
 			onClick: onConfirm,
@@ -7947,85 +8252,85 @@ function CheckboxRow(props) {
 
 //#endregion
 //#region \0dsh-css:/Users/aslan_nejad/Desktop/DEV/achasoft/dsh-plugins/dsh-advanced-sidebar/src/client/panels/Panels.module.css.mjs
-const css$4 = ".oiYQhW_toolbar{border-bottom:1px solid var(--dsw-alias-border-l2);min-height:38px;color:var(--dsw-alias-label-secondary);flex:none;align-items:center;gap:8px;padding:6px 10px;font-size:12px;line-height:18px;display:flex}.oiYQhW_spacer{flex:1;min-width:0}.oiYQhW_branch{text-overflow:ellipsis;white-space:nowrap;max-width:45%;color:var(--dsw-alias-label-primary);flex:none;font-weight:600;overflow:hidden}.oiYQhW_crumb{min-width:0;display:flex}.oiYQhW_scroll{flex:1;min-height:0;padding:8px 4px 12px;overflow:auto}.oiYQhW_split{flex-direction:column;flex:1;min-height:0;display:flex}.oiYQhW_split>.oiYQhW_scroll{border-bottom:1px solid var(--dsw-alias-border-l2);flex:45%}.oiYQhW_preview{flex:55%;min-height:0;padding:8px 12px 12px;overflow:auto}.oiYQhW_previewHead{align-items:center;gap:8px;margin-bottom:6px;display:flex}.oiYQhW_quiet{color:var(--dsw-alias-label-tertiary);overflow-wrap:anywhere;margin:8px 12px;font-size:12px;line-height:18px}.oiYQhW_quietInline{text-overflow:ellipsis;white-space:nowrap;min-width:0;color:var(--dsw-alias-label-tertiary);overflow:hidden}.oiYQhW_panelAlert{flex:none;margin:8px 12px}.oiYQhW_group{margin-bottom:10px}.oiYQhW_groupTitle{letter-spacing:.04em;text-transform:uppercase;color:var(--dsw-alias-label-tertiary);align-items:center;gap:8px;margin:6px 12px;font-size:11px;font-weight:600;line-height:16px;display:flex}.oiYQhW_groupCount{background:var(--dsw-alias-bg-module-platform);letter-spacing:0;border-radius:999px;padding:0 6px;font-weight:500}.oiYQhW_groupAction{border:1px solid var(--dsw-alias-border-l2);color:var(--dsw-alias-label-secondary);font:inherit;letter-spacing:0;text-transform:none;cursor:pointer;background:0 0;border-radius:6px;margin-left:auto;padding:1px 8px;font-size:11px;line-height:16px}.oiYQhW_groupAction:hover{background:var(--dsw-alias-interactive-bg-hover);color:var(--dsw-alias-label-primary)}.oiYQhW_groupAction:disabled{color:var(--dsw-alias-label-dimmed);cursor:default}.oiYQhW_fileBlock{flex-direction:column;display:flex}.oiYQhW_fileLine{align-items:center;min-width:0;display:flex}.oiYQhW_fileLine:hover{background:var(--dsw-alias-interactive-bg-hover)}.oiYQhW_fileLine:hover>.oiYQhW_fileRow:hover{background:0 0}.oiYQhW_fileBlockOpen>.oiYQhW_fileLine{background:var(--dsw-alias-interactive-bg-active)}.oiYQhW_rowAction{width:24px;height:24px;color:var(--dsw-alias-label-tertiary);cursor:pointer;opacity:0;background:0 0;border:none;border-radius:6px;flex:none;justify-content:center;align-items:center;margin-right:8px;display:inline-flex}.oiYQhW_fileLine:hover .oiYQhW_rowAction,.oiYQhW_rowAction:focus-visible{opacity:1}.oiYQhW_rowAction:hover{background:var(--dsw-alias-interactive-bg-hover-solid);color:var(--dsw-alias-label-primary)}.oiYQhW_rowAction:disabled{color:var(--dsw-alias-label-dimmed);cursor:default}.oiYQhW_fileRow{width:100%;color:var(--dsw-alias-label-primary);font:inherit;text-align:left;cursor:pointer;background:0 0;border:none;align-items:center;gap:8px;padding:5px 12px;font-size:13px;line-height:20px;display:flex}.oiYQhW_fileRow:hover{background:var(--dsw-alias-interactive-bg-hover)}.oiYQhW_fileRow:focus-visible{outline:2px solid var(--dsw-alias-brand-primary);outline-offset:-2px}.oiYQhW_fileRow:disabled{color:var(--dsw-alias-label-dimmed);cursor:default}.oiYQhW_fileRow:disabled:hover{background:0 0}.oiYQhW_fileRowOpen{background:var(--dsw-alias-interactive-bg-active)}.oiYQhW_filePath{flex:1;min-width:0;display:flex}.oiYQhW_pathHead{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.oiYQhW_pathTail{white-space:pre;flex:none}.oiYQhW_fileSize{color:var(--dsw-alias-label-tertiary);font-variant-numeric:tabular-nums;flex:none;font-size:11px}.oiYQhW_letter{text-align:center;width:16px;font-family:var(--ds-font-family-code);color:var(--dsw-alias-label-secondary);flex:none;font-size:11px;font-weight:600}.oiYQhW_letterA{color:var(--dsw-alias-state-success-primary)}.oiYQhW_letterD{color:var(--dsw-alias-state-error-primary)}.oiYQhW_letterU{color:var(--dsw-alias-state-warn-primary)}.oiYQhW_commitBox{border-bottom:1px solid var(--dsw-alias-border-l2);flex-direction:column;flex:none;gap:6px;padding:10px 12px;display:flex}.oiYQhW_commitMessage{box-sizing:border-box;border:1px solid var(--dsw-alias-border-l2);background:var(--dsw-alias-bg-layer-3);width:100%;color:var(--dsw-alias-label-primary);font:inherit;resize:vertical;border-radius:8px;min-height:52px;padding:8px 10px;font-size:13px;line-height:20px}.oiYQhW_commitMessage:focus-visible{border-color:var(--dsw-alias-brand-primary);outline:none}.oiYQhW_commitMessage:disabled{color:var(--dsw-alias-label-tertiary)}.oiYQhW_commitRow{align-items:center;gap:8px;display:flex}.oiYQhW_commitHint{color:var(--dsw-alias-label-tertiary);overflow-wrap:anywhere;margin:0;font-size:11px;line-height:16px}.oiYQhW_diffBlock{padding:0 12px 10px 34px}.oiYQhW_copyButton{border:1px solid var(--dsw-alias-border-l2);color:var(--dsw-alias-label-secondary);font:inherit;cursor:pointer;background:0 0;border-radius:6px;align-items:center;gap:6px;margin-bottom:6px;padding:2px 8px;font-size:11px;line-height:18px;display:inline-flex}.oiYQhW_copyButton:hover{background:var(--dsw-alias-interactive-bg-hover);color:var(--dsw-alias-label-primary)}.oiYQhW_diff{background:var(--dsw-alias-markdown-code-block);font-family:var(--ds-font-family-code);white-space:pre;border-radius:8px;margin:0;padding:8px;font-size:12px;line-height:18px;overflow-x:auto}.oiYQhW_diffLine{display:inline}.oiYQhW_diffAdd{color:var(--dsw-alias-state-success-primary)}.oiYQhW_diffRemove{color:var(--dsw-alias-state-error-primary)}.oiYQhW_diffHunk{color:var(--dsw-alias-state-business-primary)}.oiYQhW_diffMeta{color:var(--dsw-alias-label-tertiary)}.oiYQhW_filterBar{border-bottom:1px solid var(--dsw-alias-border-l2);flex-wrap:wrap;flex:none;align-items:center;gap:8px;padding:8px 10px;display:flex}.oiYQhW_filterText{flex:140px;min-width:0}.oiYQhW_filterControl{flex:120px;min-width:0;max-width:180px}.oiYQhW_terminalTabs{border-bottom:1px solid var(--dsw-alias-border-l2);flex:none;align-items:center;padding:6px 8px;display:flex}.oiYQhW_terminalStack{flex:1;min-height:0;position:relative}.oiYQhW_terminalView{flex-direction:column;min-height:0;display:flex;position:absolute;inset:0}.oiYQhW_terminalViewHidden{visibility:hidden;pointer-events:none}.oiYQhW_terminalBox{background:var(--dsw-alias-bg-layer-1);cursor:text;flex:1;min-height:0;padding:8px 4px 8px 12px;overflow:hidden}.oiYQhW_previewText,.oiYQhW_terminalText{font-family:var(--ds-font-family-code);color:var(--dsw-alias-label-primary);white-space:pre-wrap;overflow-wrap:anywhere;margin:0;font-size:12px;line-height:18px}.oiYQhW_taskBlock{flex-direction:column;display:flex}.oiYQhW_taskRow{align-items:center;gap:8px;padding:5px 12px 5px 4px;font-size:13px;line-height:20px;display:flex}.oiYQhW_taskRowSettled{color:var(--dsw-alias-label-tertiary)}.oiYQhW_taskDisclosure{width:22px;height:22px;color:var(--dsw-alias-label-tertiary);cursor:pointer;background:0 0;border:none;border-radius:6px;flex:none;justify-content:center;align-items:center;display:inline-flex}.oiYQhW_taskDisclosure:hover{background:var(--dsw-alias-interactive-bg-hover)}.oiYQhW_taskDisclosureSpacer{flex:none;width:22px}.oiYQhW_taskDot{flex:none}.oiYQhW_taskKind{background:var(--dsw-alias-bg-module-platform);color:var(--dsw-alias-label-secondary);border-radius:999px;flex:none;padding:0 6px;font-size:11px;line-height:17px}.oiYQhW_taskLabel{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.oiYQhW_taskStatus{text-overflow:ellipsis;white-space:nowrap;max-width:35%;color:var(--dsw-alias-label-tertiary);flex:none;font-size:11px;overflow:hidden}.oiYQhW_taskDuration{color:var(--dsw-alias-label-tertiary);font-variant-numeric:tabular-nums;flex:none;font-size:11px}.oiYQhW_taskOutput{padding:0 12px 10px 34px}.oiYQhW_taskOutput>.oiYQhW_terminalText{background:var(--dsw-alias-markdown-code-block);border-radius:8px;max-height:320px;padding:8px;overflow:auto}.oiYQhW_previewPicker{border:1px solid var(--dsw-alias-border-l2);background:var(--dsw-alias-bg-layer-3);max-width:45%;height:24px;color:var(--dsw-alias-label-primary);font:inherit;cursor:pointer;border-radius:6px;flex:none;padding:0 4px;font-size:11px}.oiYQhW_previewPicker:disabled{color:var(--dsw-alias-label-tertiary);cursor:default}.oiYQhW_addressBar{border:1px solid var(--dsw-alias-border-l2);background:var(--dsw-alias-bg-layer-3);min-width:0;height:26px;color:var(--dsw-alias-label-primary);font:inherit;border-radius:6px;flex:1;padding:0 8px;font-size:12px}.oiYQhW_addressBar:focus-visible{border-color:var(--dsw-alias-brand-primary);outline:none}.oiYQhW_previewStage{background:var(--dsw-alias-bg-layer-1);flex:1;justify-content:center;align-items:flex-start;min-height:0;display:flex;overflow:hidden}.oiYQhW_previewStageShort{flex:55%}.oiYQhW_previewFrame{background:var(--dsw-alias-bg-base);transform-origin:top;border:0;flex:none;width:100%;height:100%}.oiYQhW_previewLogs{border-top:1px solid var(--dsw-alias-border-l2);background:var(--dsw-alias-bg-layer-1);flex:45%;min-height:0;padding:8px 12px 12px;overflow:auto}.oiYQhW_entryName{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}";
-const tagId$4 = "@achasoft/dsh-advanced-sidebar/Panels.module.css";
-if (typeof document !== "undefined" && document.querySelector("style[data-plugin-css=" + JSON.stringify(tagId$4) + "]") === null) {
+const css$5 = ".oiYQhW_toolbar{border-bottom:1px solid var(--dsw-alias-border-l2);min-height:38px;color:var(--dsw-alias-label-secondary);flex:none;align-items:center;gap:8px;padding:6px 10px;font-size:12px;line-height:18px;display:flex}.oiYQhW_spacer{flex:1;min-width:0}.oiYQhW_branch{text-overflow:ellipsis;white-space:nowrap;max-width:45%;color:var(--dsw-alias-label-primary);flex:none;font-weight:600;overflow:hidden}.oiYQhW_crumb{min-width:0;display:flex}.oiYQhW_scroll{flex:1;min-height:0;padding:8px 4px 12px;overflow:auto}.oiYQhW_split{flex-direction:column;flex:1;min-height:0;display:flex}.oiYQhW_split>.oiYQhW_scroll{border-bottom:1px solid var(--dsw-alias-border-l2);flex:45%}.oiYQhW_preview{flex:55%;min-height:0;padding:8px 12px 12px;overflow:auto}.oiYQhW_previewHead{align-items:center;gap:8px;margin-bottom:6px;display:flex}.oiYQhW_quiet{color:var(--dsw-alias-label-tertiary);overflow-wrap:anywhere;margin:8px 12px;font-size:12px;line-height:18px}.oiYQhW_quietInline{text-overflow:ellipsis;white-space:nowrap;min-width:0;color:var(--dsw-alias-label-tertiary);overflow:hidden}.oiYQhW_panelAlert{flex:none;margin:8px 12px}.oiYQhW_group{margin-bottom:10px}.oiYQhW_groupTitle{letter-spacing:.04em;text-transform:uppercase;color:var(--dsw-alias-label-tertiary);align-items:center;gap:8px;margin:6px 12px;font-size:11px;font-weight:600;line-height:16px;display:flex}.oiYQhW_groupCount{background:var(--dsw-alias-bg-module-platform);letter-spacing:0;border-radius:999px;padding:0 6px;font-weight:500}.oiYQhW_groupAction{border:1px solid var(--dsw-alias-border-l2);color:var(--dsw-alias-label-secondary);font:inherit;letter-spacing:0;text-transform:none;cursor:pointer;background:0 0;border-radius:6px;margin-left:auto;padding:1px 8px;font-size:11px;line-height:16px}.oiYQhW_groupAction:hover{background:var(--dsw-alias-interactive-bg-hover);color:var(--dsw-alias-label-primary)}.oiYQhW_groupAction:disabled{color:var(--dsw-alias-label-dimmed);cursor:default}.oiYQhW_fileBlock{flex-direction:column;display:flex}.oiYQhW_fileLine{align-items:center;min-width:0;display:flex}.oiYQhW_fileLine:hover{background:var(--dsw-alias-interactive-bg-hover)}.oiYQhW_fileLine:hover>.oiYQhW_fileRow:hover{background:0 0}.oiYQhW_fileBlockOpen>.oiYQhW_fileLine{background:var(--dsw-alias-interactive-bg-active)}.oiYQhW_rowAction{width:24px;height:24px;color:var(--dsw-alias-label-tertiary);cursor:pointer;opacity:0;background:0 0;border:none;border-radius:6px;flex:none;justify-content:center;align-items:center;margin-right:8px;display:inline-flex}.oiYQhW_fileLine:hover .oiYQhW_rowAction,.oiYQhW_rowAction:focus-visible{opacity:1}.oiYQhW_rowAction:hover{background:var(--dsw-alias-interactive-bg-hover-solid);color:var(--dsw-alias-label-primary)}.oiYQhW_rowAction:disabled{color:var(--dsw-alias-label-dimmed);cursor:default}.oiYQhW_fileRow{width:100%;color:var(--dsw-alias-label-primary);font:inherit;text-align:left;cursor:pointer;background:0 0;border:none;align-items:center;gap:8px;padding:5px 12px;font-size:13px;line-height:20px;display:flex}.oiYQhW_fileRow:hover{background:var(--dsw-alias-interactive-bg-hover)}.oiYQhW_fileRow:focus-visible{outline:2px solid var(--dsw-alias-brand-primary);outline-offset:-2px}.oiYQhW_fileRow:disabled{color:var(--dsw-alias-label-dimmed);cursor:default}.oiYQhW_fileRow:disabled:hover{background:0 0}.oiYQhW_fileRowOpen{background:var(--dsw-alias-interactive-bg-active)}.oiYQhW_filePath{flex:1;min-width:0;display:flex}.oiYQhW_pathHead{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.oiYQhW_pathTail{white-space:pre;flex:none}.oiYQhW_fileSize{color:var(--dsw-alias-label-tertiary);font-variant-numeric:tabular-nums;flex:none;font-size:11px}.oiYQhW_letter{text-align:center;width:16px;font-family:var(--ds-font-family-code);color:var(--dsw-alias-label-secondary);flex:none;font-size:11px;font-weight:600}.oiYQhW_letterA{color:var(--dsw-alias-state-success-primary)}.oiYQhW_letterD{color:var(--dsw-alias-state-error-primary)}.oiYQhW_letterU{color:var(--dsw-alias-state-warn-primary)}.oiYQhW_commitBox{border-bottom:1px solid var(--dsw-alias-border-l2);flex-direction:column;flex:none;gap:6px;padding:10px 12px;display:flex}.oiYQhW_commitMessage{box-sizing:border-box;border:1px solid var(--dsw-alias-border-l2);background:var(--dsw-alias-bg-layer-3);width:100%;color:var(--dsw-alias-label-primary);font:inherit;resize:vertical;border-radius:8px;min-height:52px;padding:8px 10px;font-size:13px;line-height:20px}.oiYQhW_commitMessage:focus-visible{border-color:var(--dsw-alias-brand-primary);outline:none}.oiYQhW_commitMessage:disabled{color:var(--dsw-alias-label-tertiary)}.oiYQhW_commitRow{align-items:center;gap:8px;display:flex}.oiYQhW_commitHint{color:var(--dsw-alias-label-tertiary);overflow-wrap:anywhere;margin:0;font-size:11px;line-height:16px}.oiYQhW_diffBlock{padding:0 12px 10px 34px}.oiYQhW_copyButton{border:1px solid var(--dsw-alias-border-l2);color:var(--dsw-alias-label-secondary);font:inherit;cursor:pointer;background:0 0;border-radius:6px;align-items:center;gap:6px;margin-bottom:6px;padding:2px 8px;font-size:11px;line-height:18px;display:inline-flex}.oiYQhW_copyButton:hover{background:var(--dsw-alias-interactive-bg-hover);color:var(--dsw-alias-label-primary)}.oiYQhW_diff{background:var(--dsw-alias-markdown-code-block);font-family:var(--ds-font-family-code);white-space:pre;border-radius:8px;margin:0;padding:8px;font-size:12px;line-height:18px;overflow-x:auto}.oiYQhW_diffLine{display:inline}.oiYQhW_diffAdd{color:var(--dsw-alias-state-success-primary)}.oiYQhW_diffRemove{color:var(--dsw-alias-state-error-primary)}.oiYQhW_diffHunk{color:var(--dsw-alias-state-business-primary)}.oiYQhW_diffMeta{color:var(--dsw-alias-label-tertiary)}.oiYQhW_filterBar{border-bottom:1px solid var(--dsw-alias-border-l2);flex-wrap:wrap;flex:none;align-items:center;gap:8px;padding:8px 10px;display:flex}.oiYQhW_filterText{flex:140px;min-width:0}.oiYQhW_filterControl{flex:120px;min-width:0;max-width:180px}.oiYQhW_terminalTabs{border-bottom:1px solid var(--dsw-alias-border-l2);flex:none;align-items:center;padding:6px 8px;display:flex}.oiYQhW_terminalStack{flex:1;min-height:0;position:relative}.oiYQhW_terminalView{flex-direction:column;min-height:0;display:flex;position:absolute;inset:0}.oiYQhW_terminalViewHidden{visibility:hidden;pointer-events:none}.oiYQhW_terminalBox{background:var(--dsw-alias-bg-layer-1);cursor:text;flex:1;min-height:0;padding:8px 4px 8px 12px;overflow:hidden}.oiYQhW_previewText,.oiYQhW_terminalText{font-family:var(--ds-font-family-code);color:var(--dsw-alias-label-primary);white-space:pre-wrap;overflow-wrap:anywhere;margin:0;font-size:12px;line-height:18px}.oiYQhW_taskBlock{flex-direction:column;display:flex}.oiYQhW_taskRow{align-items:center;gap:8px;padding:5px 12px 5px 4px;font-size:13px;line-height:20px;display:flex}.oiYQhW_taskRowSettled{color:var(--dsw-alias-label-tertiary)}.oiYQhW_taskDisclosure{width:22px;height:22px;color:var(--dsw-alias-label-tertiary);cursor:pointer;background:0 0;border:none;border-radius:6px;flex:none;justify-content:center;align-items:center;display:inline-flex}.oiYQhW_taskDisclosure:hover{background:var(--dsw-alias-interactive-bg-hover)}.oiYQhW_taskDisclosureSpacer{flex:none;width:22px}.oiYQhW_taskDot{flex:none}.oiYQhW_taskKind{background:var(--dsw-alias-bg-module-platform);color:var(--dsw-alias-label-secondary);border-radius:999px;flex:none;padding:0 6px;font-size:11px;line-height:17px}.oiYQhW_taskLabel{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.oiYQhW_taskStatus{text-overflow:ellipsis;white-space:nowrap;max-width:35%;color:var(--dsw-alias-label-tertiary);flex:none;font-size:11px;overflow:hidden}.oiYQhW_taskDuration{color:var(--dsw-alias-label-tertiary);font-variant-numeric:tabular-nums;flex:none;font-size:11px}.oiYQhW_taskOutput{padding:0 12px 10px 34px}.oiYQhW_taskOutput>.oiYQhW_terminalText{background:var(--dsw-alias-markdown-code-block);border-radius:8px;max-height:320px;padding:8px;overflow:auto}.oiYQhW_previewPicker{border:1px solid var(--dsw-alias-border-l2);background:var(--dsw-alias-bg-layer-3);max-width:45%;height:24px;color:var(--dsw-alias-label-primary);font:inherit;cursor:pointer;border-radius:6px;flex:none;padding:0 4px;font-size:11px}.oiYQhW_previewPicker:disabled{color:var(--dsw-alias-label-tertiary);cursor:default}.oiYQhW_addressBar{border:1px solid var(--dsw-alias-border-l2);background:var(--dsw-alias-bg-layer-3);min-width:0;height:26px;color:var(--dsw-alias-label-primary);font:inherit;border-radius:6px;flex:1;padding:0 8px;font-size:12px}.oiYQhW_addressBar:focus-visible{border-color:var(--dsw-alias-brand-primary);outline:none}.oiYQhW_previewStage{background:var(--dsw-alias-bg-layer-1);flex:1;justify-content:center;align-items:flex-start;min-height:0;display:flex;overflow:hidden}.oiYQhW_previewStageShort{flex:55%}.oiYQhW_previewFrame{background:var(--dsw-alias-bg-base);transform-origin:top;border:0;flex:none;width:100%;height:100%}.oiYQhW_previewLogs{border-top:1px solid var(--dsw-alias-border-l2);background:var(--dsw-alias-bg-layer-1);flex:45%;min-height:0;padding:8px 12px 12px;overflow:auto}.oiYQhW_entryName{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}";
+const tagId$5 = "@achasoft/dsh-advanced-sidebar/Panels.module.css";
+if (typeof document !== "undefined" && document.querySelector("style[data-plugin-css=" + JSON.stringify(tagId$5) + "]") === null) {
 	const tag = document.createElement("style");
 	tag.dataset.plugin = "@achasoft/dsh-advanced-sidebar";
-	tag.dataset.pluginCss = tagId$4;
-	tag.textContent = css$4;
+	tag.dataset.pluginCss = tagId$5;
+	tag.textContent = css$5;
 	document.head.appendChild(tag);
 }
 var Panels_module_css_default = {
-	"terminalTabs": "oiYQhW_terminalTabs",
-	"quiet": "oiYQhW_quiet",
+	"taskLabel": "oiYQhW_taskLabel",
+	"previewPicker": "oiYQhW_previewPicker",
+	"filePath": "oiYQhW_filePath",
+	"previewHead": "oiYQhW_previewHead",
+	"terminalBox": "oiYQhW_terminalBox",
+	"taskDot": "oiYQhW_taskDot",
 	"entryName": "oiYQhW_entryName",
-	"groupAction": "oiYQhW_groupAction",
-	"rowAction": "oiYQhW_rowAction",
-	"copyButton": "oiYQhW_copyButton",
-	"terminalText": "oiYQhW_terminalText",
-	"diffLine": "oiYQhW_diffLine",
-	"terminalViewHidden": "oiYQhW_terminalViewHidden",
-	"branch": "oiYQhW_branch",
-	"preview": "oiYQhW_preview",
-	"commitBox": "oiYQhW_commitBox",
-	"split": "oiYQhW_split",
-	"panelAlert": "oiYQhW_panelAlert",
-	"fileBlock": "oiYQhW_fileBlock",
+	"toolbar": "oiYQhW_toolbar",
+	"taskBlock": "oiYQhW_taskBlock",
+	"taskOutput": "oiYQhW_taskOutput",
+	"taskRowSettled": "oiYQhW_taskRowSettled",
 	"terminalStack": "oiYQhW_terminalStack",
-	"fileRowOpen": "oiYQhW_fileRowOpen",
+	"commitHint": "oiYQhW_commitHint",
+	"diffBlock": "oiYQhW_diffBlock",
 	"previewText": "oiYQhW_previewText",
-	"taskStatus": "oiYQhW_taskStatus",
-	"toolbar": "oiYQhW_toolbar",
-	"scroll": "oiYQhW_scroll",
+	"addressBar": "oiYQhW_addressBar",
+	"preview": "oiYQhW_preview",
+	"letterD": "oiYQhW_letterD",
+	"diffRemove": "oiYQhW_diffRemove",
+	"fileBlock": "oiYQhW_fileBlock",
+	"quietInline": "oiYQhW_quietInline",
+	"previewStageShort": "oiYQhW_previewStageShort",
+	"pathTail": "oiYQhW_pathTail",
+	"terminalViewHidden": "oiYQhW_terminalViewHidden",
+	"fileLine": "oiYQhW_fileLine",
 	"pathHead": "oiYQhW_pathHead",
-	"taskRowSettled": "oiYQhW_taskRowSettled",
+	"diff": "oiYQhW_diff",
+	"scroll": "oiYQhW_scroll",
+	"diffHunk": "oiYQhW_diffHunk",
+	"commitRow": "oiYQhW_commitRow",
+	"quiet": "oiYQhW_quiet",
+	"letterA": "oiYQhW_letterA",
+	"taskKind": "oiYQhW_taskKind",
+	"previewLogs": "oiYQhW_previewLogs",
+	"fileSize": "oiYQhW_fileSize",
+	"previewFrame": "oiYQhW_previewFrame",
+	"taskDisclosure": "oiYQhW_taskDisclosure",
+	"groupCount": "oiYQhW_groupCount",
+	"fileRow": "oiYQhW_fileRow",
 	"filterControl": "oiYQhW_filterControl",
 	"taskDuration": "oiYQhW_taskDuration",
-	"letterD": "oiYQhW_letterD",
-	"terminalView": "oiYQhW_terminalView",
-	"previewFrame": "oiYQhW_previewFrame",
-	"taskDot": "oiYQhW_taskDot",
-	"diffHunk": "oiYQhW_diffHunk",
 	"letter": "oiYQhW_letter",
-	"taskBlock": "oiYQhW_taskBlock",
-	"taskDisclosureSpacer": "oiYQhW_taskDisclosureSpacer",
-	"terminalBox": "oiYQhW_terminalBox",
-	"diff": "oiYQhW_diff",
-	"previewPicker": "oiYQhW_previewPicker",
 	"group": "oiYQhW_group",
-	"quietInline": "oiYQhW_quietInline",
-	"diffBlock": "oiYQhW_diffBlock",
-	"taskDisclosure": "oiYQhW_taskDisclosure",
-	"groupTitle": "oiYQhW_groupTitle",
-	"fileRow": "oiYQhW_fileRow",
-	"commitMessage": "oiYQhW_commitMessage",
-	"commitRow": "oiYQhW_commitRow",
-	"crumb": "oiYQhW_crumb",
 	"filterBar": "oiYQhW_filterBar",
-	"fileSize": "oiYQhW_fileSize",
-	"fileBlockOpen": "oiYQhW_fileBlockOpen",
-	"previewHead": "oiYQhW_previewHead",
-	"diffAdd": "oiYQhW_diffAdd",
-	"diffRemove": "oiYQhW_diffRemove",
+	"fileRowOpen": "oiYQhW_fileRowOpen",
+	"copyButton": "oiYQhW_copyButton",
+	"spacer": "oiYQhW_spacer",
 	"filterText": "oiYQhW_filterText",
-	"taskLabel": "oiYQhW_taskLabel",
-	"taskOutput": "oiYQhW_taskOutput",
-	"filePath": "oiYQhW_filePath",
-	"previewStageShort": "oiYQhW_previewStageShort",
-	"commitHint": "oiYQhW_commitHint",
+	"terminalTabs": "oiYQhW_terminalTabs",
+	"terminalView": "oiYQhW_terminalView",
+	"commitBox": "oiYQhW_commitBox",
+	"panelAlert": "oiYQhW_panelAlert",
+	"diffLine": "oiYQhW_diffLine",
+	"diffAdd": "oiYQhW_diffAdd",
 	"diffMeta": "oiYQhW_diffMeta",
-	"spacer": "oiYQhW_spacer",
-	"pathTail": "oiYQhW_pathTail",
-	"taskRow": "oiYQhW_taskRow",
-	"taskKind": "oiYQhW_taskKind",
-	"groupCount": "oiYQhW_groupCount",
-	"addressBar": "oiYQhW_addressBar",
+	"taskStatus": "oiYQhW_taskStatus",
+	"split": "oiYQhW_split",
+	"groupAction": "oiYQhW_groupAction",
+	"rowAction": "oiYQhW_rowAction",
+	"fileBlockOpen": "oiYQhW_fileBlockOpen",
+	"groupTitle": "oiYQhW_groupTitle",
 	"previewStage": "oiYQhW_previewStage",
-	"previewLogs": "oiYQhW_previewLogs",
-	"fileLine": "oiYQhW_fileLine",
-	"letterA": "oiYQhW_letterA",
-	"letterU": "oiYQhW_letterU"
+	"taskDisclosureSpacer": "oiYQhW_taskDisclosureSpacer",
+	"letterU": "oiYQhW_letterU",
+	"terminalText": "oiYQhW_terminalText",
+	"taskRow": "oiYQhW_taskRow",
+	"commitMessage": "oiYQhW_commitMessage",
+	"crumb": "oiYQhW_crumb",
+	"branch": "oiYQhW_branch"
 };
 
 //#endregion
@@ -8113,6 +8418,20 @@ function useLatest(value) {
 function transportMessage(reason, t) {
 	return t("error.transport", { message: reason instanceof Error ? reason.message : String(reason) });
 }
+/**
+* Join a typed path against the workspace unless it is already absolute.
+*
+* The Host proves containment either way — this is not a containment check — so the join only saves
+* a person from typing a long prefix. It is deliberately string arithmetic rather than a resolution:
+* the Host is the authority on what a path means, and a browser-side `..` walk would be a second,
+* weaker copy of that rule.
+* @param workspace - the absolute workspace directory.
+* @param path - the typed path.
+* @returns the absolute candidate the Host will resolve and contain.
+*/
+function absoluteIn(workspace, path) {
+	return path.startsWith("/") ? path : `${workspace.replace(/\/$/u, "")}/${path}`;
+}
 
 //#endregion
 //#region tsbuild/client/panels/ChangesPanel.js
@@ -8425,7 +8744,7 @@ function ChangesPanel({ target, t, face }) {
 					})
 				] }),
 				status?.ok !== true && (0, react_jsx_runtime.jsx)("span", { className: Panels_module_css_default.spacer }),
-				status?.ok === true && write?.canPush === true && (0, react_jsx_runtime.jsx)(Button, {
+				status?.ok === true && write?.canPush === true && (0, react_jsx_runtime.jsx)(Button$1, {
 					size: "sm",
 					variant: status.ahead > 0 ? "secondary" : "ghost",
 					icon: (0, react_jsx_runtime.jsx)(PushGlyph, { size: 14 }),
@@ -8437,7 +8756,7 @@ function ChangesPanel({ target, t, face }) {
 					},
 					children: status.upstream === void 0 ? t("changes.publish") : t("changes.push")
 				}),
-				(0, react_jsx_runtime.jsx)(Button, {
+				(0, react_jsx_runtime.jsx)(Button$1, {
 					size: "icon",
 					"aria-label": t("panel.refresh"),
 					title: t("panel.refresh"),
@@ -8479,7 +8798,7 @@ function ChangesPanel({ target, t, face }) {
 							children: t("changes.commit.amend")
 						}),
 						(0, react_jsx_runtime.jsx)("span", { className: Panels_module_css_default.spacer }),
-						write.canDraftMessage && (0, react_jsx_runtime.jsx)(Button, {
+						write.canDraftMessage && (0, react_jsx_runtime.jsx)(Button$1, {
 							size: "sm",
 							icon: drafting ? (0, react_jsx_runtime.jsx)(__deepseek_ai_dsh_client_ui_primitives.IconLoadingOutline16, {}) : (0, react_jsx_runtime.jsx)(__deepseek_ai_dsh_client_ui_primitives.IconSparkle16, {}),
 							"aria-label": t("changes.commit.suggest"),
@@ -8488,7 +8807,7 @@ function ChangesPanel({ target, t, face }) {
 							onClick: suggest,
 							children: t("changes.commit.suggest")
 						}),
-						(0, react_jsx_runtime.jsxs)(Button, {
+						(0, react_jsx_runtime.jsxs)(Button$1, {
 							variant: "default",
 							size: "sm",
 							disabled: writing || drafting || message.trim() === "" || stagedCount === 0 && !amend,
@@ -8538,7 +8857,7 @@ function ChangesPanel({ target, t, face }) {
 								className: Panels_module_css_default.groupCount,
 								children: rows.length
 							}),
-							write?.canStage === true && group !== "conflicted" && (0, react_jsx_runtime.jsx)(Button, {
+							write?.canStage === true && group !== "conflicted" && (0, react_jsx_runtime.jsx)(Button$1, {
 								size: "sm",
 								className: Panels_module_css_default.groupAction,
 								disabled: writing,
@@ -8575,7 +8894,7 @@ function ChangesPanel({ target, t, face }) {
 											value: change.oldPath === void 0 ? change.path : `${change.oldPath} → ${change.path}`
 										})
 									]
-								}), write?.canStage === true && group !== "conflicted" && (0, react_jsx_runtime.jsx)(Button, {
+								}), write?.canStage === true && group !== "conflicted" && (0, react_jsx_runtime.jsx)(Button$1, {
 									size: "icon",
 									className: Panels_module_css_default.rowAction,
 									"aria-label": group === "staged" ? t("changes.unstage") : t("changes.stage"),
@@ -8589,7 +8908,7 @@ function ChangesPanel({ target, t, face }) {
 								})]
 							}), open && (0, react_jsx_runtime.jsxs)("div", {
 								className: Panels_module_css_default.diffBlock,
-								children: [state?.result?.ok === true && !state.result.binary && state.result.patch !== "" && (0, react_jsx_runtime.jsx)(Button, {
+								children: [state?.result?.ok === true && !state.result.binary && state.result.patch !== "" && (0, react_jsx_runtime.jsx)(Button$1, {
 									size: "sm",
 									className: Panels_module_css_default.copyButton,
 									icon: (0, react_jsx_runtime.jsx)(__deepseek_ai_dsh_client_ui_primitives.IconCopyOutline16, {}),
@@ -8690,7 +9009,7 @@ function FilesPanel({ target, t, face }) {
 	return (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [(0, react_jsx_runtime.jsxs)("div", {
 		className: Panels_module_css_default.toolbar,
 		children: [
-			(0, react_jsx_runtime.jsx)(Button, {
+			(0, react_jsx_runtime.jsx)(Button$1, {
 				size: "icon",
 				"aria-label": t("files.up"),
 				title: t("files.up"),
@@ -8705,7 +9024,7 @@ function FilesPanel({ target, t, face }) {
 				value: level?.path ?? path ?? ""
 			}),
 			(0, react_jsx_runtime.jsx)("span", { className: Panels_module_css_default.spacer }),
-			(0, react_jsx_runtime.jsx)(Button, {
+			(0, react_jsx_runtime.jsx)(Button$1, {
 				size: "icon",
 				"aria-label": t("panel.refresh"),
 				title: t("panel.refresh"),
@@ -8779,7 +9098,7 @@ function FilesPanel({ target, t, face }) {
 					children: [(0, react_jsx_runtime.jsx)(PathText, {
 						className: Panels_module_css_default.filePath,
 						value: selected
-					}), (0, react_jsx_runtime.jsx)(Button, {
+					}), (0, react_jsx_runtime.jsx)(Button$1, {
 						size: "icon",
 						"aria-label": t("files.open"),
 						title: t("files.open"),
@@ -8864,6 +9183,124 @@ function useCapabilityView(describe$2, enabled = true) {
 	};
 }
 
+//#endregion
+//#region tsbuild/host/preview-content.js
+/**
+* The scratchpad route derived from the file route.
+*
+* The two differ only in their last segment, and a deployment that overrides one would have to
+* override the other; deriving it is what makes that impossible to forget.
+* @param fileRoute - the file route, `/…/preview-file`.
+* @returns the scratchpad route.
+*/
+function scratchRoute(fileRoute) {
+	return fileRoute.replace(/preview-file$/u, "preview-scratchpad");
+}
+/**
+* Reject anything that is not plain HTTP(S).
+*
+* A `file:` or `data:` URL handed to the proxy would read the Host's own disk, and a `javascript:`
+* one would be an injection; none of them is something a preview of a dev server needs.
+* @param value - the candidate URL.
+* @returns the parsed URL, or the reason it was refused.
+*/
+function parseHttpUrl(value) {
+	let url;
+	try {
+		url = new URL(value);
+	} catch {
+		return {
+			ok: false,
+			message: `${JSON.stringify(value)} is not an absolute URL`
+		};
+	}
+	if (url.protocol !== "http:" && url.protocol !== "https:") return {
+		ok: false,
+		message: `only http and https can be previewed (got ${url.protocol})`
+	};
+	return {
+		ok: true,
+		url
+	};
+}
+/**
+* Whether a parsed URL points at this machine.
+*
+* The proxy exists so a loopback dev server can be framed same-origin. Without this check it would
+* also fetch `http://10.0.0.5/admin` on the operator's behalf, from the operator's network position
+* — an open proxy bolted to the GUI. Only literal loopback names and addresses pass: `localhost`,
+* `127.0.0.0/8`, and `[::1]`.
+*
+* A hostname that merely *resolves* to loopback (a split-horizon DNS entry, a hostfile alias) is
+* refused rather than probed. Deciding this by lookup would make the answer depend on the resolver
+* at request time, and a DNS rebinding attack is exactly the case where the answer changes between
+* the check and the fetch.
+* @param url - a parsed URL.
+* @returns true when the host is a loopback literal.
+*/
+function isLoopbackHost(url) {
+	const host = url.hostname.toLowerCase().replace(/^\[|\]$/gu, "");
+	if (host === "localhost" || host === "::1") return true;
+	const parts = host.split(".");
+	if (parts.length !== 4) return false;
+	if (parts.some((part) => !/^\d{1,3}$/u.test(part))) return false;
+	const [first, second] = parts.map((part) => Number.parseInt(part, 10));
+	if (first !== 127) return false;
+	return second !== void 0 && second >= 0 && second <= 255;
+}
+/**
+* Refuse a URL this plugin will not fetch.
+* @param value - the candidate URL.
+* @returns the parsed URL, or the reason it was refused.
+*/
+function validateProxyTarget(value) {
+	const parsed = parseHttpUrl(value);
+	if (!parsed.ok) return parsed;
+	if (!isLoopbackHost(parsed.url)) return {
+		ok: false,
+		message: `the preview proxy refuses ${parsed.url.hostname}: only this machine's own loopback dev servers are proxied, so the GUI cannot become an open proxy`
+	};
+	return parsed;
+}
+/**
+* Percent-encode a value for a query string, using the one encoder every runtime here has.
+* @param value - the raw value.
+* @returns the encoded value.
+*/
+function encodeQuery(value) {
+	return encodeURIComponent(value);
+}
+/**
+* Build the same-origin URL that proxies one absolute upstream URL.
+* @param proxyRoute - the absolute proxy route path, no trailing slash.
+* @param target - the loopback URL to fetch.
+* @returns the path plus query string.
+*/
+function proxyUrlFor(proxyRoute, target) {
+	return `${proxyRoute}?url=${encodeQuery(target)}`;
+}
+/**
+* Turn one absolute upstream URL into a same-origin frame URL when it is a loopback target.
+*
+* A cross-origin dev server is left exactly as it is: pointing the GUI's own proxy at a host it
+* would refuse is not an improvement, and the panel says why the frame is opaque rather than
+* silently refusing to show it.
+* @param proxyRoute - the absolute proxy route path, no trailing slash.
+* @param raw - the URL a person typed.
+* @returns the frame URL, and whether it is same-origin with the GUI.
+*/
+function frameUrlFor(proxyRoute, raw) {
+	const target = validateProxyTarget(raw);
+	if (!target.ok) return {
+		src: raw,
+		sameOrigin: false
+	};
+	return {
+		src: proxyUrlFor(proxyRoute, target.url.href),
+		sameOrigin: true
+	};
+}
+
 //#endregion
 //#region tsbuild/client/terminal-screen.js
 /**
@@ -9093,90 +9530,1154 @@ var TerminalScreen = class {
 };
 
 //#endregion
-//#region tsbuild/client/panels/PreviewPanel.js
-/** How often the panel asks for logs and state while a server is starting. */
-const FAST_POLL_MS = 400;
-/** How often it asks once the server is ready and only the log view is watching. */
-const SLOW_POLL_MS = 1500;
-/** Retained log lines. */
-const LOG_LINES = 4e3;
-/** The viewport sizes the frame can be pinned to, in the order the picker lists them. */
-const DEVICES = [
-	{
-		id: "desktop",
-		width: 0,
-		height: 0
-	},
-	{
-		id: "tablet",
-		width: 768,
-		height: 1024
-	},
-	{
-		id: "mobile",
-		width: 375,
-		height: 812
+//#region tsbuild/client/preview-values.js
+/**
+* How a value that crossed the frame boundary is turned into text a model can read.
+*
+* Everything the agent channel reports — a console argument, an `eval` result, an element — arrived
+* from a page nobody controls. A page can hold a cyclic object, a `BigInt`, a getter that throws, a
+* function, a DOM node, or an `Error`, and `JSON.stringify` refuses three of those outright. Each is
+* projected to something readable rather than failing the command, because "a model asked for
+* something awkward" is an ordinary event and an unexplained tool failure is not.
+*
+* Pure and frame-free, so the whole projection is stated in tests without a document.
+* @module @achasoft/dsh-advanced-sidebar/client/preview-values
+*/
+/** Largest text one nested value contributes before it is cut. */
+const TEXT_CAP$1 = 400;
+/** Largest JSON body one `eval` result may produce. */
+const EVAL_CAP = 64 * 1024;
+/**
+* Render one console argument the way a browser's own console would read it.
+* @param value - the argument.
+* @returns a string.
+*/
+function describeValue(value) {
+	if (typeof value === "string") return value;
+	if (value === null || value === void 0) return String(value);
+	if (typeof value === "number" || typeof value === "boolean" || typeof value === "bigint") return String(value);
+	if (value instanceof Error) return `${value.name}: ${value.message}`;
+	if (typeof value === "function") return `[Function ${value.name === "" ? "anonymous" : value.name}]`;
+	if (typeof value === "object") {
+		const element = value;
+		if (typeof element.outerHTML === "string") return element.outerHTML.slice(0, TEXT_CAP$1);
+		try {
+			return stringify(value) ?? String(value);
+		} catch {
+			return String(value);
+		}
 	}
-];
+	return String(value);
+}
 /**
-* Status marker for one server state.
+* Serialize a value with cycles broken and DOM nodes projected to their markup.
+* @param value - the value.
+* @returns the JSON text, or undefined when the value serializes to `undefined`.
+*/
+function stringify(value) {
+	return JSON.stringify(value, createReplacer());
+}
+/**
+* Build a replacer that keeps one reference per object, so a cycle serializes instead of throwing.
 *
-* `stopped` has no marker of its own: the dot set carries no neutral member, and a `warning` dot on
-* a server nobody started would read as something being wrong.
-* @param state - the server's lifecycle state.
-* @returns the dot state, or undefined while nothing is running.
+* A fresh replacer per call, because the seen-set is per serialization: sharing one across calls
+* would label a value `[circular]` only because an earlier, unrelated call had already seen it.
+* @returns the replacer.
 */
-function dotState$1(state) {
-	switch (state) {
-		case "ready": return "done";
-		case "starting": return "ongoing";
-		case "failed": return "error";
-		case "exited": return "warning";
-		default: return;
+function createReplacer() {
+	const seen = /* @__PURE__ */ new WeakSet();
+	return (_key, value) => {
+		if (typeof value === "bigint") return `${String(value)}n`;
+		if (typeof value === "function") return `[Function ${value.name === "" ? "anonymous" : value.name}]`;
+		if (value instanceof Error) return `${value.name}: ${value.message}`;
+		if (typeof value === "object" && value !== null) {
+			if (seen.has(value)) return "[circular]";
+			seen.add(value);
+			const element = value;
+			if (typeof element.outerHTML === "string") return element.outerHTML.slice(0, TEXT_CAP$1);
+		}
+		return value;
+	};
+}
+/**
+* Serialize a value the way a model can read it.
+* @param value - the evaluated value.
+* @returns the JSON text, and why it is not JSON when it is not.
+*/
+function safeJson(value) {
+	try {
+		return { text: stringify(value) ?? "null" };
+	} catch (error) {
+		return {
+			text: JSON.stringify(String(value)) ?? "null",
+			note: `the value is not JSON (${error instanceof Error ? error.message : String(error)}); it was rendered with String()`
+		};
 	}
 }
+
+//#endregion
+//#region tsbuild/client/preview-driver.js
+/** How often the panel asks for work while a preview is mounted. */
+const POLL_MS$1 = 600;
+/** How often it asks while the panel is open but nothing is framed. */
+const IDLE_POLL_MS = 2e3;
+/** Largest number of elements one `dom` walk returns. */
+const DOM_NODE_CAP = 400;
+/** Largest text length one node's own text, or the root's `innerText`, contributes. */
+const TEXT_CAP = 400;
+/** Console entries retained in the browser before the oldest are dropped. */
+const CONSOLE_CAP = 500;
+/** Characters retained from one console line. */
+const CONSOLE_LINE_CAP = 4e3;
 /**
-* The server picker, the frame, and the log view.
-* @param props - the target, the translator, and the dock's face.
-* @returns the panel body.
-* @see {@link PanelProps}
+* The marker that proves the console has already been wrapped.
+*
+* A document that is navigated or reloaded gets a fresh window with no wrapper, so the check runs on
+* every poll and re-installs on the frame that replaced it. The wrapper is written with
+* `Object.defineProperty` over the original methods and keeps the originals in a closure, so a page
+* that reads `console.log.name` still sees a native function.
 */
-function PreviewPanel({ target, t, face }) {
-	const { previewList, previewStart, previewStop, previewLogs } = face;
-	const latest = useLatest(t);
-	const directory = target.directory;
-	const [servers, setServers] = (0, react.useState)(void 0);
-	const [launchFile, setLaunchFile] = (0, react.useState)(void 0);
-	const [launchError, setLaunchError] = (0, react.useState)(void 0);
-	const [error, setError] = (0, react.useState)(void 0);
-	const [selected, setSelected] = (0, react.useState)(void 0);
-	const [busy, setBusy] = (0, react.useState)(false);
-	const [generation, setGeneration] = (0, react.useState)(0);
-	const [address, setAddress] = (0, react.useState)("");
-	const [frameKey, setFrameKey] = (0, react.useState)(0);
-	const [device, setDevice] = (0, react.useState)("desktop");
-	const [showLogs, setShowLogs] = (0, react.useState)(false);
-	const [logRevision, setLogRevision] = (0, react.useState)(0);
-	const logs = (0, react.useMemo)(() => new TerminalScreen(LOG_LINES), []);
-	const logOffset = (0, react.useRef)(0);
-	const stageRef = (0, react.useRef)(null);
-	/** The server whose failure already opened the log view; a failed start opens it once, not per poll. */
-	const openedOnFailure = (0, react.useRef)(void 0);
-	const logViewRef = (0, react.useRef)(null);
-	const [stage, setStage] = (0, react.useState)({
-		width: 0,
-		height: 0
-	});
-	(0, react.useEffect)(() => {
-		if (directory === void 0) return;
-		const controller = new AbortController();
-		setError(void 0);
-		previewList(directory, controller.signal).then((result) => {
-			if (controller.signal.aborted) return;
-			if (!result.ok) {
-				setError(result.message);
-				return;
-			}
+const HOOK_KEY = "__dshAdvancedSidebarConsole";
+/**
+* The polling driver. One instance per mounted panel; `stop()` releases it.
+*/
+var PreviewDriver = class {
+	face;
+	clientId;
+	sessionId;
+	hooks;
+	/** Console entries captured since the last report, oldest first. */
+	buffer = [];
+	/** Commands currently executing, so a poll that overlaps the previous one does not double-run. */
+	running = /* @__PURE__ */ new Set();
+	timer = 0;
+	stopped = true;
+	/**
+	* @param face - the Remote face the panel was handed.
+	* @param clientId - this browser tab's identity, generated once per panel mount.
+	* @param sessionId - the session the panel serves.
+	* @param hooks - how to read and act on the frame.
+	*/
+	constructor(face, clientId, sessionId, hooks) {
+		this.face = face;
+		this.clientId = clientId;
+		this.sessionId = sessionId;
+		this.hooks = hooks;
+	}
+	/**
+	* Start polling. Idempotent, so a re-render may call it again freely.
+	* @param bind - the panel's current state, refreshed on every poll.
+	*/
+	start(bind) {
+		if (!this.stopped) return;
+		this.stopped = false;
+		const tick = async () => {
+			if (this.stopped) return;
+			let cadence = this.buffer.length > 0 || this.running.size > 0 ? POLL_MS$1 : IDLE_POLL_MS;
+			try {
+				const state = bind();
+				this.captureConsole();
+				const answer = await this.face.previewPoll({
+					clientId: this.clientId,
+					sessionId: this.sessionId,
+					mounted: state.mounted,
+					bind: {
+						clientId: this.clientId,
+						sessionId: this.sessionId,
+						mode: state.mode,
+						...state.filePath === void 0 ? {} : { filePath: state.filePath },
+						...state.workspacePath === void 0 ? {} : { workspacePath: state.workspacePath },
+						...state.url === void 0 ? {} : { url: state.url },
+						inspectable: state.inspectable,
+						width: state.width,
+						height: state.height
+					}
+				});
+				if (!answer.ok) cadence = IDLE_POLL_MS;
+				else {
+					for (const control of answer.message.controls) this.hooks.control(control);
+					if (answer.message.commands.length > 0) cadence = POLL_MS$1;
+					for (const command of answer.message.commands) this.execute(command);
+				}
+			} catch {
+				cadence = IDLE_POLL_MS;
+			}
+			if (!this.stopped) this.timer = window.setTimeout(() => {
+				tick();
+			}, cadence);
+		};
+		tick();
+	}
+	/** Stop polling. Called when the panel unmounts. */
+	stop() {
+		this.stopped = true;
+		window.clearTimeout(this.timer);
+		this.timer = 0;
+	}
+	/**
+	* Execute one command and report what it did.
+	* @param command - the command.
+	*/
+	async execute(command) {
+		if (this.running.has(command.id)) return;
+		this.running.add(command.id);
+		let outcome;
+		try {
+			outcome = await this.run(command);
+		} catch (error) {
+			outcome = {
+				ok: false,
+				error: error instanceof Error ? error.message : String(error)
+			};
+		}
+		this.running.delete(command.id);
+		const console_ = this.drain();
+		try {
+			await this.face.previewResult({
+				clientId: this.clientId,
+				id: command.id,
+				ok: outcome.ok,
+				...outcome.ok ? { result: outcome.result } : { error: outcome.error },
+				...console_.length === 0 ? {} : { console: console_ }
+			});
+		} catch {}
+	}
+	/**
+	* Run one command against the frame.
+	* @param command - the command.
+	* @returns the result, or the sentence explaining the refusal.
+	*/
+	async run(command) {
+		if (command.kind === "open") {
+			const frame$1 = this.hooks.frame();
+			return {
+				ok: true,
+				result: {
+					kind: "ack",
+					detail: frame$1.element === null ? "the Preview panel is open and has taken the request" : `the Preview panel is loading ${frame$1.element.src === "" ? "the requested document" : shortUrl(frame$1.element.src)}`
+				}
+			};
+		}
+		if (command.kind === "reload") {
+			this.hooks.reload();
+			return {
+				ok: true,
+				result: {
+					kind: "ack",
+					detail: "the frame was reloaded"
+				}
+			};
+		}
+		if (command.kind === "resize") {
+			const width = command.width ?? 0;
+			const height = command.height ?? 0;
+			this.hooks.resize(width, height);
+			return {
+				ok: true,
+				result: {
+					kind: "ack",
+					detail: `the frame viewport is now ${String(width)}×${String(height)}`,
+					width,
+					height
+				}
+			};
+		}
+		if (command.kind === "close") return {
+			ok: true,
+			result: {
+				kind: "ack",
+				detail: "the preview was closed"
+			}
+		};
+		if (command.kind === "console") {
+			const drained = this.drain();
+			const cursor = command.cursor ?? 0;
+			const entries = drained.map((entry) => ({
+				level: entry.level,
+				text: entry.text,
+				at: entry.at
+			}));
+			return {
+				ok: true,
+				result: {
+					kind: "console",
+					entries,
+					cursor: cursor + entries.length,
+					lossy: false
+				}
+			};
+		}
+		const frame = this.hooks.frame();
+		if (frame.element === null) return {
+			ok: false,
+			error: "no preview is mounted in the panel, so there is nothing to inspect"
+		};
+		if (frame.document === null || frame.window === null) return {
+			ok: false,
+			error: "the framed page is not same-origin with this GUI, so its document cannot be read. Open a loopback URL (the Host proxies it) or a workspace file to make it inspectable."
+		};
+		switch (command.kind) {
+			case "dom": return {
+				ok: true,
+				result: readDom(frame, command.selector ?? "")
+			};
+			case "eval": return {
+				ok: true,
+				result: evaluate(frame, command.expression ?? "")
+			};
+			case "click": return click(frame, command.selector ?? "");
+			case "input": return input(frame, command);
+			default: return {
+				ok: false,
+				error: `the panel does not know how to ${String(command.kind)}`
+			};
+		}
+	}
+	/**
+	* Take everything captured since the last drain.
+	* @returns the entries, oldest first.
+	*/
+	drain() {
+		return this.buffer.splice(0, this.buffer.length);
+	}
+	/**
+	* Wrap the frame's console, once per document.
+	*
+	* Called from the poll rather than from a load listener because a navigation can complete between
+	* two polls, and the check is one property read on the frame's own window.
+	*/
+	captureConsole() {
+		const win = this.hooks.frame().window;
+		if (win === null) return;
+		const globals = win;
+		const carrier = globals;
+		if (carrier[HOOK_KEY] !== void 0) return;
+		const record = (level, parts) => {
+			this.push({
+				level,
+				text: parts.map(describeValue).join(" "),
+				at: Date.now()
+			});
+		};
+		try {
+			carrier[HOOK_KEY] = true;
+			const target = globals.console;
+			const original = {
+				log: target.log.bind(target),
+				info: target.info.bind(target),
+				warn: target.warn.bind(target),
+				error: target.error.bind(target)
+			};
+			for (const level of [
+				"log",
+				"info",
+				"warn",
+				"error"
+			]) Object.defineProperty(target, level, {
+				configurable: true,
+				writable: true,
+				value: (...parts) => {
+					record(level, parts);
+					original[level](...parts);
+				}
+			});
+			win.addEventListener("error", (event) => {
+				const where = event.filename === "" ? "" : ` (${event.filename}:${String(event.lineno)})`;
+				record("uncaught", [`${event.message}${where}`]);
+			});
+			win.addEventListener("unhandledrejection", (event) => {
+				record("rejection", [describeValue(event.reason)]);
+			});
+		} catch {}
+	}
+	/**
+	* Append one captured entry, dropping the oldest past the ring.
+	* @param entry - the entry.
+	*/
+	push(entry) {
+		this.buffer.push({
+			level: entry.level,
+			text: entry.text.length > CONSOLE_LINE_CAP ? `${entry.text.slice(0, CONSOLE_LINE_CAP)}…` : entry.text,
+			at: entry.at
+		});
+		while (this.buffer.length > CONSOLE_CAP) this.buffer.shift();
+	}
+};
+/**
+* A short display form of a URL, for one-line answers.
+* @param value - the URL.
+* @returns the pathname and search, or the value when it is not a URL.
+*/
+function shortUrl(value) {
+	try {
+		const url = new URL(value, window.location.origin);
+		return `${url.pathname}${url.search}`;
+	} catch {
+		return value;
+	}
+}
+/**
+* Read the rendered DOM under one selector.
+* @param frame - the frame.
+* @param selector - a CSS selector, or the empty string for the document element.
+* @returns the reading.
+*/
+function readDom(frame, selector) {
+	const doc = frame.document;
+	const win = frame.window;
+	/* v8 ignore next -- `run` refuses a null document before this is called. */
+	if (doc === null || win === null) throw new Error("the frame has no readable document");
+	const root = selector === "" ? doc.documentElement : doc.querySelector(selector);
+	if (root === null) throw new Error(`no element matches ${JSON.stringify(selector)} in the framed document`);
+	const nodes = [];
+	let truncated = false;
+	const walk = (element, depth) => {
+		if (nodes.length >= DOM_NODE_CAP) {
+			truncated = true;
+			return;
+		}
+		const style = win.getComputedStyle(element);
+		const rect = element.getBoundingClientRect();
+		const own = [...element.childNodes].filter((node) => node.nodeType === 3).map((node) => node.textContent ?? "").join(" ").replace(/\s+/gu, " ").trim();
+		nodes.push({
+			tag: element.tagName.toLowerCase(),
+			selector: selectorFragment(element),
+			text: own.slice(0, TEXT_CAP),
+			display: style.display,
+			box: {
+				x: Math.round(rect.x),
+				y: Math.round(rect.y),
+				width: Math.round(rect.width),
+				height: Math.round(rect.height)
+			},
+			depth
+		});
+		for (const child of element.children) walk(child, depth + 1);
+	};
+	walk(root, 0);
+	const inner = root.innerText ?? root.textContent ?? "";
+	return {
+		kind: "dom",
+		selector,
+		viewport: {
+			width: win.innerWidth,
+			height: win.innerHeight
+		},
+		nodes,
+		text: inner.replace(/\s+/gu, " ").trim().slice(0, TEXT_CAP * 4),
+		truncated,
+		url: doc.location.href
+	};
+}
+/**
+* A short, readable selector fragment for one element.
+* @param element - the element.
+* @returns `#id.class.class`, or the empty string when the element has neither.
+*/
+function selectorFragment(element) {
+	return `${element.id === "" ? "" : `#${element.id}`}${typeof element.className === "string" && element.className.trim() !== "" ? `.${element.className.trim().split(/\s+/u).slice(0, 3).join(".")}` : ""}`.slice(0, 120);
+}
+/**
+* Evaluate one expression inside the frame and serialize its value.
+* @param frame - the frame.
+* @param expression - the source.
+* @returns the value as JSON text, with a note when JSON could not represent it.
+*/
+function evaluate(frame, expression) {
+	const win = frame.window;
+	/* v8 ignore next -- `run` refuses a null window before this is called. */
+	if (win === null) throw new Error("the frame has no readable window");
+	const source = expression.trim();
+	if (source === "") throw new Error("the expression is empty");
+	const construct = win.Function;
+	if (construct === void 0) throw new Error("the framed page has no Function constructor to evaluate with");
+	const evaluate$1 = (code) => new construct(code)();
+	let value;
+	try {
+		value = evaluate$1(`return (${source})`);
+	} catch (error) {
+		if (error instanceof SyntaxError) value = evaluate$1(source);
+		else throw new Error(error instanceof Error ? `${error.name}: ${error.message}` : String(error));
+	}
+	const json = safeJson(value);
+	return {
+		kind: "eval",
+		value: json.text.length > EVAL_CAP ? `${json.text.slice(0, EVAL_CAP)}…` : json.text,
+		...json.note === void 0 ? {} : { note: json.note },
+		truncated: json.text.length > EVAL_CAP
+	};
+}
+/**
+* Dispatch a real click on one element.
+* @param frame - the frame.
+* @param selector - the CSS selector.
+* @returns the acknowledgement, or the refusal.
+*/
+function click(frame, selector) {
+	const doc = frame.document;
+	/* v8 ignore next -- `run` refuses a null document before this is called. */
+	if (doc === null) return {
+		ok: false,
+		error: "the frame has no readable document"
+	};
+	if (selector === "") return {
+		ok: false,
+		error: "a click needs a CSS selector"
+	};
+	const element = doc.querySelector(selector);
+	if (element === null) return {
+		ok: false,
+		error: `no element matches ${JSON.stringify(selector)}`
+	};
+	if (!(element instanceof HTMLElement)) return {
+		ok: false,
+		error: `${JSON.stringify(selector)} is not an element this can click`
+	};
+	element.click();
+	return {
+		ok: true,
+		result: {
+			kind: "ack",
+			detail: `clicked ${selectorFragment(element) === "" ? element.tagName.toLowerCase() : selectorFragment(element)}`
+		}
+	};
+}
+/**
+* Set one field's value and dispatch the events a person's typing would.
+* @param frame - the frame.
+* @param command - the command carrying the selector, the text, and an optional key.
+* @returns the acknowledgement, or the refusal.
+*/
+function input(frame, command) {
+	const doc = frame.document;
+	/* v8 ignore next -- `run` refuses a null document before this is called. */
+	if (doc === null) return {
+		ok: false,
+		error: "the frame has no readable document"
+	};
+	const selector = command.selector ?? "";
+	if (selector === "") return {
+		ok: false,
+		error: "typing needs a CSS selector"
+	};
+	const element = doc.querySelector(selector);
+	if (element === null) return {
+		ok: false,
+		error: `no element matches ${JSON.stringify(selector)}`
+	};
+	if (!(element instanceof HTMLInputElement || element instanceof HTMLTextAreaElement || element instanceof HTMLSelectElement)) return {
+		ok: false,
+		error: `${JSON.stringify(selector)} is a <${element.tagName.toLowerCase()}>, which has no value to set`
+	};
+	const text = command.text ?? "";
+	const prototype = element instanceof HTMLTextAreaElement ? HTMLTextAreaElement.prototype : element instanceof HTMLSelectElement ? HTMLSelectElement.prototype : HTMLInputElement.prototype;
+	const setter = Object.getOwnPropertyDescriptor(prototype, "value")?.set;
+	if (setter === void 0) element.value = text;
+	else setter.call(element, text);
+	element.dispatchEvent(new Event("input", { bubbles: true }));
+	element.dispatchEvent(new Event("change", { bubbles: true }));
+	if (command.key !== void 0 && command.key !== "") {
+		const init = {
+			key: command.key,
+			code: command.key,
+			bubbles: true,
+			cancelable: true
+		};
+		element.dispatchEvent(new KeyboardEvent("keydown", init));
+		element.dispatchEvent(new KeyboardEvent("keyup", init));
+		if (command.key === "Enter" && element instanceof HTMLInputElement) element.form?.requestSubmit();
+	}
+	return {
+		ok: true,
+		result: {
+			kind: "ack",
+			detail: `set ${selectorFragment(element) === "" ? element.tagName.toLowerCase() : selectorFragment(element)} to ${JSON.stringify(text)}${command.key === void 0 ? "" : ` and pressed ${command.key}`}`
+		}
+	};
+}
+
+//#endregion
+//#region \0dsh-css:/Users/aslan_nejad/Desktop/DEV/achasoft/dsh-plugins/dsh-advanced-sidebar/src/client/panels/Preview.module.css.mjs
+const css$4 = ".wttZHa_modes{flex:none}.wttZHa_toolbar{border-bottom:1px solid var(--dsw-alias-border-l2);flex:none;align-items:center;gap:6px;padding:6px 8px;display:flex}.wttZHa_grow{flex:1;min-width:0}.wttZHa_quiet{color:var(--dsw-alias-label-tertiary);overflow-wrap:anywhere;flex:none;margin:0;padding:4px 10px;font-size:11px;line-height:16px}.wttZHa_note{flex:none;margin:4px 8px}.wttZHa_split{flex-direction:column;flex:1;min-height:0;display:flex}.wttZHa_scratchPane{border-bottom:1px solid var(--dsw-alias-border-l2);flex-direction:column;flex:none;gap:4px;padding:0 8px 6px;display:flex}.wttZHa_scratchText{resize:vertical;border:1px solid var(--dsw-alias-border-l2);background:var(--dsw-alias-markdown-code-block);width:100%;min-height:120px;max-height:40vh;color:var(--dsw-alias-label-primary);font-family:var(--ds-font-family-code);tab-size:2;border-radius:6px;padding:8px;font-size:11px;line-height:16px}.wttZHa_scratchText:focus-visible{border-color:var(--dsw-alias-brand-primary);outline:none}.wttZHa_markdownPane{z-index:1;background:var(--dsw-alias-bg-base);flex:1;min-height:0;padding:12px 14px 20px;position:relative;overflow:auto}.wttZHa_media{object-fit:contain;background:var(--dsw-alias-bg-base);max-width:100%;max-height:100%}.wttZHa_pdfPane{background:var(--dsw-alias-bg-base);border:0;flex:1;width:100%;min-height:0}.wttZHa_empty{color:var(--dsw-alias-label-tertiary);text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:8px;padding:16px 20px;font-size:12px;display:flex}.wttZHa_emptyActions{gap:6px;display:flex}.wttZHa_viewportBar{border-bottom:0;border-top:1px solid var(--dsw-alias-border-l2)}.wttZHa_frameUnder{visibility:hidden;width:0;height:0;position:absolute}.wttZHa_stageHost{position:relative}";
+const tagId$4 = "@achasoft/dsh-advanced-sidebar/Preview.module.css";
+if (typeof document !== "undefined" && document.querySelector("style[data-plugin-css=" + JSON.stringify(tagId$4) + "]") === null) {
+	const tag = document.createElement("style");
+	tag.dataset.plugin = "@achasoft/dsh-advanced-sidebar";
+	tag.dataset.pluginCss = tagId$4;
+	tag.textContent = css$4;
+	document.head.appendChild(tag);
+}
+var Preview_module_css_default = {
+	"modes": "wttZHa_modes",
+	"note": "wttZHa_note",
+	"markdownPane": "wttZHa_markdownPane",
+	"pdfPane": "wttZHa_pdfPane",
+	"split": "wttZHa_split",
+	"emptyActions": "wttZHa_emptyActions",
+	"stageHost": "wttZHa_stageHost",
+	"quiet": "wttZHa_quiet",
+	"scratchText": "wttZHa_scratchText",
+	"frameUnder": "wttZHa_frameUnder",
+	"scratchPane": "wttZHa_scratchPane",
+	"grow": "wttZHa_grow",
+	"viewportBar": "wttZHa_viewportBar",
+	"empty": "wttZHa_empty",
+	"toolbar": "wttZHa_toolbar",
+	"media": "wttZHa_media"
+};
+
+//#endregion
+//#region tsbuild/client/panels/preview-file.js
+/** How often the previewed file's token is re-read while a file is open. */
+const TOKEN_POLL_MS = 900;
+/**
+* Read one file's description, contained to the workspace by the Host.
+*
+* The workspace is sent with the path and the Host proves containment, so a mistyped absolute path
+* is refused by the same check the Files panel uses rather than by a string comparison here.
+* @param face - the dock's face.
+* @param workspace - the workspace the path must stay inside.
+* @param path - the file, absolute or relative.
+* @param signal - cancellation for the read.
+* @returns the description, or a failure.
+*/
+async function loadFileInfo(face, workspace, path, signal) {
+	const result = await face.previewFileInfo(workspace, path, signal);
+	if (!result.ok) return { error: result.message };
+	return result;
+}
+/**
+* Re-read one open file's token and report when it moved.
+* @param face - the dock's face.
+* @param workspace - the workspace.
+* @param path - the file on screen, or undefined to watch nothing.
+* @param onInfo - called with every successful reading.
+* @param onChanged - called when the file's token moved.
+*/
+function useFileWatch(face, workspace, path, onInfo, onChanged) {
+	const latest = (0, react.useRef)({
+		onInfo,
+		onChanged
+	});
+	latest.current = {
+		onInfo,
+		onChanged
+	};
+	const token = (0, react.useRef)(void 0);
+	(0, react.useEffect)(() => {
+		token.current = void 0;
+		if (workspace === void 0 || path === void 0 || path === "") return;
+		let live = true;
+		const timer = window.setInterval(() => {
+			face.previewFileInfo(workspace, path).then((result) => {
+				if (!live || !result.ok) return;
+				const next = result;
+				latest.current.onInfo(next);
+				if (token.current !== void 0 && token.current !== next.token) {
+					token.current = next.token;
+					latest.current.onChanged();
+				} else token.current = next.token;
+			}, () => {});
+		}, TOKEN_POLL_MS);
+		return () => {
+			live = false;
+			window.clearInterval(timer);
+		};
+	}, [
+		face,
+		workspace,
+		path
+	]);
+}
+/**
+* The path field, the file's facts, and the manual Refresh.
+* @param props - the mode contract plus the file's state.
+* @returns the mode's controls.
+*/
+function PreviewFileMode({ t, face, state, setState, workspace, info, busy, onInfo, onError }) {
+	const [draft, setDraft] = (0, react.useState)(state.filePath);
+	(0, react.useEffect)(() => {
+		setDraft(state.filePath);
+	}, [state.filePath]);
+	const inspect = (0, react.useCallback)((path) => {
+		if (workspace === void 0 || path === "") return;
+		onError(void 0);
+		loadFileInfo(face, workspace, absoluteIn(workspace, path)).then((loaded) => {
+			if ("error" in loaded) {
+				onInfo(void 0);
+				onError(loaded.error);
+				return;
+			}
+			onInfo(loaded);
+		}, (reason) => {
+			onError(transportMessage(reason, t));
+		});
+	}, [
+		face,
+		workspace,
+		onInfo,
+		onError,
+		t
+	]);
+	const open = () => {
+		const path = draft.trim();
+		setState({
+			filePath: path,
+			committed: true
+		});
+		inspect(path);
+	};
+	const kind = info?.kind;
+	const framed = info?.kind === "iframe" && info.url !== void 0;
+	const drawnHere = kind === "markdown" || kind === "image" || kind === "media" || kind === "pdf";
+	return (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [
+		(0, react_jsx_runtime.jsxs)("div", {
+			className: Preview_module_css_default.toolbar,
+			children: [
+				(0, react_jsx_runtime.jsx)(Input, {
+					className: Preview_module_css_default.grow,
+					code: true,
+					spellCheck: false,
+					autoComplete: "off",
+					"aria-label": t("preview.file.field"),
+					placeholder: t("preview.file.placeholder"),
+					value: draft,
+					onChange: (event) => {
+						setDraft(event.target.value);
+					},
+					onKeyDown: (event) => {
+						if (event.key === "Enter") open();
+					}
+				}),
+				(0, react_jsx_runtime.jsx)(Button$1, {
+					size: "sm",
+					disabled: draft.trim() === "" || workspace === void 0,
+					onClick: open,
+					children: t("preview.file.open")
+				}),
+				(0, react_jsx_runtime.jsx)(Button$1, {
+					size: "icon",
+					"aria-label": t("panel.refresh"),
+					title: t("panel.refresh"),
+					disabled: info === void 0,
+					onClick: () => {
+						if (info !== void 0) inspect(info.path);
+					},
+					children: busy ? (0, react_jsx_runtime.jsx)(__deepseek_ai_dsh_client_ui_primitives.IconLoadingOutline16, {}) : (0, react_jsx_runtime.jsx)(__deepseek_ai_dsh_client_ui_primitives.IconRefreshOutline14, {})
+				})
+			]
+		}),
+		workspace === void 0 && (0, react_jsx_runtime.jsx)("p", {
+			className: Preview_module_css_default.quiet,
+			children: t("preview.file.noWorkspace")
+		}),
+		info !== void 0 && (0, react_jsx_runtime.jsxs)("p", {
+			className: Preview_module_css_default.quiet,
+			children: [t("preview.file.facts", {
+				name: info.name,
+				kind: t(`preview.kind.${kind ?? "other"}`),
+				bytes: formatBytes(info.bytes)
+			}), info.withinLimit ? "" : ` — ${t("preview.file.overLimit")}`]
+		}),
+		info !== void 0 && !framed && !drawnHere && !info.withinLimit && (0, react_jsx_runtime.jsx)(Alert, {
+			tone: "default",
+			className: Preview_module_css_default.note,
+			children: t("preview.file.overLimit")
+		}),
+		info !== void 0 && !framed && !drawnHere && info.withinLimit && (0, react_jsx_runtime.jsx)(Alert, {
+			tone: "default",
+			className: Preview_module_css_default.note,
+			children: t("preview.file.notPreviewable")
+		}),
+		info === void 0 && state.filePath === "" && (0, react_jsx_runtime.jsx)("p", {
+			className: Preview_module_css_default.quiet,
+			children: t("preview.file.empty")
+		})
+	] });
+}
+
+//#endregion
+//#region tsbuild/client/preview-storage.js
+/**
+* Where the Preview panel's scratchpad document lives between reloads.
+*
+* A scratchpad is a thought being worked out, not a deliverable, so it is stored in this browser
+* rather than written to the workspace as a file — and per workspace, because two projects'
+* experiments have nothing to do with each other.
+*
+* Split out of the mode component so the rules are testable without a DOM, and so every storage
+* failure is handled in one place: `localStorage` may be absent (a non-browser host), disabled
+* (private modes and hardened settings), or full, and none of those may take the panel down. Each is
+* reported as "nothing saved" or "the write was refused", which the editor renders as a note.
+* @module @achasoft/dsh-plugins/dsh-advanced-sidebar/client/preview-storage
+*/
+/**
+* Largest document this mode will store.
+*
+* A person typing HTML reaches a few kilobytes; a megabyte is a paste of something that belongs in a
+* file. The Host's own route refuses more than its limit, so reading is capped here too rather than
+* discovering the refusal after a round trip.
+*/
+const MAX_SCRATCHPAD_CHARS = 512 * 1024;
+/**
+* The storage key one workspace's scratchpad lives under.
+*
+* The workspace path is the whole identity: two sessions in one directory are editing the same
+* experiment, and a session with no directory shares one global scratchpad rather than losing it.
+* @param workspace - the absolute workspace path, or undefined.
+* @returns the key.
+*/
+function scratchpadKey(workspace) {
+	return `dsh.advancedSidebar.scratchpad:${workspace ?? ""}`;
+}
+/**
+* The browser's own storage, or undefined where there is none.
+*
+* Read through the global each time rather than captured: a test (and a hardened browser) may make
+* it appear or vanish between calls, and a captured reference to a storage that later throws is
+* exactly the failure this module exists to contain.
+* @returns the storage, or undefined.
+*/
+function storage() {
+	try {
+		return typeof globalThis.localStorage === "undefined" ? void 0 : globalThis.localStorage;
+	} catch {
+		return;
+	}
+}
+/**
+* Read one workspace's saved document.
+* @param workspace - the absolute workspace path.
+* @returns the saved document, or undefined when there is none or storage refuses.
+*/
+function readScratchpad(workspace) {
+	try {
+		const saved = storage()?.getItem(scratchpadKey(workspace));
+		return saved === null || saved === void 0 || saved === "" ? void 0 : saved.slice(0, MAX_SCRATCHPAD_CHARS);
+	} catch {
+		return;
+	}
+}
+/**
+* Write one workspace's document, reporting a refused write instead of throwing.
+* @param workspace - the absolute workspace path.
+* @param text - the document.
+* @returns true when the browser accepted it.
+*/
+function writeScratchpad(workspace, text) {
+	const store = storage();
+	if (store === void 0) return false;
+	try {
+		store.setItem(scratchpadKey(workspace), text.slice(0, MAX_SCRATCHPAD_CHARS));
+		return true;
+	} catch {
+		return false;
+	}
+}
+
+//#endregion
+//#region tsbuild/client/panels/preview-scratchpad.js
+/** How long after the last keystroke the document is rendered and saved. */
+const RENDER_DEBOUNCE_MS = 500;
+/** The document a scratchpad starts with, so the mode opens on something that renders. */
+const SEED = [
+	"<!doctype html>",
+	"<html lang=\"en\">",
+	"  <head><meta charset=\"utf-8\"><title>Scratchpad</title></head>",
+	"  <body>",
+	"    <h1>Scratchpad</h1>",
+	"    <p>Edit the HTML on the left; this pane re-renders as you type.</p>",
+	"  </body>",
+	"</html>"
+].join("\n");
+/**
+* Own the scratchpad's text, its storage, and its debounce.
+*
+* The rendered document is not this hook's business: the panel holds the frame, so the hook reports
+* the text and calls {@link onPublish} after the debounce, and the panel decides how a document
+* becomes a frame source. Keeping one owner for the frame is what makes the agent's `open` and a
+* person's keystroke land on the same state.
+* @param workspace - the workspace whose scratchpad this is.
+* @param onPublish - called with the document to render after the debounce.
+* @returns the editor's state.
+*/
+function useScratchpad(workspace, onPublish) {
+	const [text, setText] = (0, react.useState)(() => readScratchpad(workspace) ?? SEED);
+	const [pending, setPending] = (0, react.useState)(false);
+	const [unsaved, setUnsaved] = (0, react.useState)(false);
+	const timer = (0, react.useRef)(0);
+	const latest = (0, react.useRef)(text);
+	const publish = (0, react.useRef)(onPublish);
+	publish.current = onPublish;
+	(0, react.useEffect)(() => {
+		const next = readScratchpad(workspace) ?? SEED;
+		setText(next);
+		latest.current = next;
+		setUnsaved(false);
+		publish.current(next);
+	}, [workspace]);
+	const change = (0, react.useCallback)((value) => {
+		const capped = value.slice(0, MAX_SCRATCHPAD_CHARS);
+		setText(capped);
+		latest.current = capped;
+		setPending(true);
+		window.clearTimeout(timer.current);
+		timer.current = window.setTimeout(() => {
+			setPending(false);
+			setUnsaved(!writeScratchpad(workspace, capped));
+			publish.current(capped);
+		}, RENDER_DEBOUNCE_MS);
+	}, [workspace]);
+	(0, react.useEffect)(() => () => {
+		window.clearTimeout(timer.current);
+	}, []);
+	return {
+		text,
+		setText: change,
+		pending,
+		unsaved
+	};
+}
+/**
+* The editor pane, its Render button, and the storage note.
+* @param props - the mode contract plus the editor state.
+* @returns the mode's controls.
+*/
+function PreviewScratchpadMode({ t, scratch }) {
+	const note = (0, react.useMemo)(() => {
+		if (scratch.unsaved) return t("preview.scratch.unsaved");
+		if (scratch.pending) return t("preview.scratch.pending");
+		return t("preview.scratch.saved");
+	}, [
+		scratch.pending,
+		scratch.unsaved,
+		t
+	]);
+	return (0, react_jsx_runtime.jsxs)("div", {
+		className: Preview_module_css_default.scratchPane,
+		children: [
+			(0, react_jsx_runtime.jsxs)("div", {
+				className: Preview_module_css_default.toolbar,
+				children: [(0, react_jsx_runtime.jsx)("span", { className: Preview_module_css_default.grow }), (0, react_jsx_runtime.jsx)(Button$1, {
+					size: "sm",
+					onClick: () => {
+						scratch.setText(scratch.text);
+					},
+					children: t("preview.scratch.render")
+				})]
+			}),
+			(0, react_jsx_runtime.jsx)("textarea", {
+				className: Preview_module_css_default.scratchText,
+				"aria-label": t("preview.scratch.editor"),
+				spellCheck: false,
+				value: scratch.text,
+				onChange: (event) => {
+					scratch.setText(event.target.value);
+				}
+			}),
+			(0, react_jsx_runtime.jsx)("p", {
+				className: Preview_module_css_default.quiet,
+				children: note
+			})
+		]
+	});
+}
+
+//#endregion
+//#region tsbuild/client/panels/preview-url.js
+/**
+* The address bar, its Go, and the cross-origin explanation.
+* @param props - the panel's mode contract.
+* @returns the mode's controls.
+*/
+function PreviewUrlMode({ t, state, setState, onReload }) {
+	const [draft, setDraft] = (0, react.useState)(state.url);
+	(0, react.useEffect)(() => {
+		setDraft(state.url);
+	}, [state.url]);
+	const typed = draft.trim();
+	const proxied = typed !== "" && state.proxyRoute !== void 0 && frameUrlFor(state.proxyRoute, typed).sameOrigin;
+	const publicUrl = typed !== "" && /^https?:\/\//iu.test(typed) && !proxied;
+	return (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [
+		(0, react_jsx_runtime.jsxs)("div", {
+			className: Preview_module_css_default.toolbar,
+			children: [
+				(0, react_jsx_runtime.jsx)(Input, {
+					className: Preview_module_css_default.grow,
+					code: true,
+					spellCheck: false,
+					autoComplete: "off",
+					"aria-label": t("preview.url.field"),
+					placeholder: t("preview.url.placeholder"),
+					value: draft,
+					onChange: (event) => {
+						setDraft(event.target.value);
+					},
+					onKeyDown: (event) => {
+						if (event.key === "Enter") setState({
+							url: typed,
+							committed: true
+						});
+					}
+				}),
+				(0, react_jsx_runtime.jsx)(Button$1, {
+					size: "sm",
+					disabled: typed === "",
+					onClick: () => {
+						setState({
+							url: typed,
+							committed: true
+						});
+					},
+					children: t("preview.url.go")
+				}),
+				(0, react_jsx_runtime.jsx)(Button$1, {
+					size: "sm",
+					disabled: state.url === "",
+					onClick: onReload,
+					children: t("preview.url.reload")
+				}),
+				(0, react_jsx_runtime.jsx)(Button$1, {
+					size: "sm",
+					disabled: typed === "",
+					onClick: () => {
+						window.open(typed, "_blank", "noopener,noreferrer");
+					},
+					children: t("preview.newWindow")
+				})
+			]
+		}),
+		proxied && (0, react_jsx_runtime.jsx)("p", {
+			className: Preview_module_css_default.quiet,
+			children: t("preview.url.proxied")
+		}),
+		publicUrl && (0, react_jsx_runtime.jsx)(Alert, {
+			tone: "default",
+			className: Preview_module_css_default.note,
+			children: t("preview.url.crossOrigin")
+		}),
+		typed === "" && (0, react_jsx_runtime.jsx)("p", {
+			className: Preview_module_css_default.quiet,
+			children: t("preview.url.empty")
+		})
+	] });
+}
+
+//#endregion
+//#region tsbuild/client/panels/PreviewPanel.js
+/** How often the panel asks for logs and state while a server is starting. */
+const FAST_POLL_MS = 400;
+/** How often it asks once the server is ready and only the log view is watching. */
+const SLOW_POLL_MS = 1500;
+/** Retained log lines. */
+const LOG_LINES = 4e3;
+/** The viewport sizes the frame can be pinned to, in the order the picker lists them. */
+const DEVICES = [
+	{
+		id: "desktop",
+		width: 0,
+		height: 0
+	},
+	{
+		id: "tablet",
+		width: 768,
+		height: 1024
+	},
+	{
+		id: "mobile",
+		width: 375,
+		height: 812
+	}
+];
+/** The modes, in tab order. */
+const MODES = [
+	"server",
+	"file",
+	"url",
+	"scratchpad"
+];
+/**
+* Status marker for one server state.
+*
+* `stopped` has no marker of its own: the dot set carries no neutral member, and a `warning` dot on
+* a server nobody started would read as something being wrong.
+* @param state - the server's lifecycle state.
+* @returns the dot state, or undefined while nothing is running.
+*/
+function dotState$1(state) {
+	switch (state) {
+		case "ready": return "done";
+		case "starting": return "ongoing";
+		case "failed": return "error";
+		case "exited": return "warning";
+		default: return;
+	}
+}
+/**
+* The four-mode Preview surface, its frame, its logs, and the agent driver.
+* @param props - the target, the translator, and the dock's face.
+* @returns the panel body.
+* @see {@link PanelProps}
+*/
+function PreviewPanel({ target, t, face }) {
+	const { previewList, previewStart, previewStop, previewLogs, previewFileInfo, previewPoll, previewResult, previewRelease, openPath } = face;
+	const latest = useLatest(t);
+	const directory = target.directory;
+	const [mode, setMode] = (0, react.useState)("server");
+	const [error, setError] = (0, react.useState)(void 0);
+	const [frameKey, setFrameKey] = (0, react.useState)(0);
+	const [viewport, setViewport] = (0, react.useState)({
+		width: 0,
+		height: 0
+	});
+	const [device, setDevice] = (0, react.useState)("desktop");
+	const [stage, setStage] = (0, react.useState)({
+		width: 0,
+		height: 0
+	});
+	const stageRef = (0, react.useRef)(null);
+	const frameRef = (0, react.useRef)(null);
+	const [url, setUrl] = (0, react.useState)("");
+	const [serverAddress, setServerAddress] = (0, react.useState)("");
+	const [filePath, setFilePath] = (0, react.useState)("");
+	const [fileInfo, setFileInfo] = (0, react.useState)(void 0);
+	const [fileBusy, setFileBusy] = (0, react.useState)(false);
+	const [proxyRoute, setProxyRoute] = (0, react.useState)(void 0);
+	const [fileRoute, setFileRoute] = (0, react.useState)(void 0);
+	const [servers, setServers] = (0, react.useState)(void 0);
+	const [launchFile, setLaunchFile] = (0, react.useState)(void 0);
+	const [launchError, setLaunchError] = (0, react.useState)(void 0);
+	const [selected, setSelected] = (0, react.useState)(void 0);
+	const [busy, setBusy] = (0, react.useState)(false);
+	const [generation, setGeneration] = (0, react.useState)(0);
+	const [showLogs, setShowLogs] = (0, react.useState)(false);
+	const [logRevision, setLogRevision] = (0, react.useState)(0);
+	const logs = (0, react.useMemo)(() => new TerminalScreen(LOG_LINES), []);
+	const logOffset = (0, react.useRef)(0);
+	/** The server whose failure already opened the log view; a failed start opens it once, not per poll. */
+	const openedOnFailure = (0, react.useRef)(void 0);
+	const logViewRef = (0, react.useRef)(null);
+	(0, react.useEffect)(() => {
+		let live$1 = true;
+		face.describe().then((view) => {
+			if (!live$1) return;
+			setProxyRoute(view.preview.surface?.available === true ? view.preview.surface.proxyRoute : void 0);
+			setFileRoute(view.preview.surface?.available === true ? view.preview.surface.fileRoute : void 0);
+		}, () => {});
+		return () => {
+			live$1 = false;
+		};
+	}, [face]);
+	(0, react.useEffect)(() => {
+		if (directory === void 0) return;
+		const controller = new AbortController();
+		setError(void 0);
+		previewList(directory, controller.signal).then((result) => {
+			if (controller.signal.aborted) return;
+			if (!result.ok) {
+				setError(result.message);
+				return;
+			}
 			setServers(result.servers);
 			setLaunchFile(result.launchFile);
 			setLaunchError(result.launchFileError);
@@ -9198,7 +10699,7 @@ function PreviewPanel({ target, t, face }) {
 	const state = server?.state ?? "stopped";
 	const serverUrl = server?.url;
 	(0, react.useEffect)(() => {
-		setAddress(serverUrl ?? "");
+		setServerAddress(serverUrl ?? "");
 	}, [serverUrl, selected]);
 	(0, react.useEffect)(() => {
 		logs.clear();
@@ -9208,11 +10709,11 @@ function PreviewPanel({ target, t, face }) {
 	const watching = serverId !== void 0 && (state === "starting" || showLogs);
 	(0, react.useEffect)(() => {
 		if (serverId === void 0 || !watching) return;
-		let live = true;
+		let live$1 = true;
 		let timer = 0;
 		const tick = () => {
 			previewLogs(serverId, logOffset.current).then((result) => {
-				if (!live) return;
+				if (!live$1) return;
 				if (result.ok) {
 					if (result.text !== "") {
 						logs.write(result.text);
@@ -9225,21 +10726,21 @@ function PreviewPanel({ target, t, face }) {
 						setShowLogs(true);
 					}
 				} else if (result.code === "unknown-server") {
-					live = false;
+					live$1 = false;
 					setGeneration((value) => value + 1);
 					return;
 				} else setError(result.message);
 				const cadence = result.ok && result.server.state === "starting" ? FAST_POLL_MS : SLOW_POLL_MS;
 				timer = window.setTimeout(tick, cadence);
 			}, (reason) => {
-				if (!live) return;
+				if (!live$1) return;
 				setError(transportMessage(reason, latest.current));
 				timer = window.setTimeout(tick, SLOW_POLL_MS);
 			});
 		};
 		tick();
 		return () => {
-			live = false;
+			live$1 = false;
 			window.clearTimeout(timer);
 		};
 	}, [
@@ -9250,35 +10751,220 @@ function PreviewPanel({ target, t, face }) {
 		latest
 	]);
 	(0, react.useEffect)(() => {
-		const view = logViewRef.current;
-		if (view === null) return;
-		if (view.scrollHeight - view.scrollTop - view.clientHeight < 40) view.scrollTop = view.scrollHeight;
-	}, [logRevision]);
-	const readyMark = state === "ready" ? serverId ?? server?.name : void 0;
-	(0, react.useEffect)(() => {
-		if (readyMark !== void 0) setFrameKey((value) => value + 1);
-	}, [readyMark]);
-	(0, react.useEffect)(() => {
-		const element = stageRef.current;
-		if (element === null || typeof ResizeObserver === "undefined") return;
-		const observer = new ResizeObserver(() => {
-			setStage({
-				width: element.clientWidth,
-				height: element.clientHeight
-			});
-		});
-		observer.observe(element);
-		setStage({
-			width: element.clientWidth,
-			height: element.clientHeight
+		const view = logViewRef.current;
+		if (view === null) return;
+		if (view.scrollHeight - view.scrollTop - view.clientHeight < 40) view.scrollTop = view.scrollHeight;
+	}, [logRevision]);
+	const readyMark = state === "ready" ? serverId ?? server?.name : void 0;
+	(0, react.useEffect)(() => {
+		if (readyMark !== void 0) setFrameKey((value) => value + 1);
+	}, [readyMark]);
+	(0, react.useEffect)(() => {
+		const element = stageRef.current;
+		if (element === null || typeof ResizeObserver === "undefined") return;
+		const observer = new ResizeObserver(() => {
+			setStage({
+				width: element.clientWidth,
+				height: element.clientHeight
+			});
+		});
+		observer.observe(element);
+		setStage({
+			width: element.clientWidth,
+			height: element.clientHeight
+		});
+		return () => {
+			observer.disconnect();
+		};
+	}, [showLogs, mode]);
+	const pinned = viewport.width > 0 && viewport.height > 0;
+	const scale = pinned && stage.width > 0 && stage.height > 0 ? Math.min(1, stage.width / viewport.width, stage.height / viewport.height) : 1;
+	const [scratchSrc, setScratchSrc] = (0, react.useState)("");
+	/** Publish one scratchpad document and point the frame at a fresh copy of it. */
+	const publishScratch = (0, react.useCallback)((document_) => {
+		if (fileRoute === void 0) return;
+		fetch(scratchRoute(fileRoute), {
+			method: "POST",
+			headers: { "content-type": "text/html; charset=utf-8" },
+			body: document_
+		}).then((response) => {
+			if (!response.ok) {
+				setError(t("preview.scratch.refused", { status: String(response.status) }));
+				return;
+			}
+			setError(void 0);
+			setScratchSrc(`${scratchRoute(fileRoute)}#${String(Date.now())}`);
+		}, (reason) => {
+			setError(transportMessage(reason, latest.current));
+		});
+	}, [
+		fileRoute,
+		latest,
+		t
+	]);
+	const scratch = useScratchpad(directory, publishScratch);
+	(0, react.useEffect)(() => {
+		if (modeRef.current !== "scratchpad") return;
+		if (scratchSrc !== "" || fileRoute === void 0) return;
+		publishScratch(scratch.text);
+	}, [
+		fileRoute,
+		scratchSrc,
+		scratch.text,
+		publishScratch
+	]);
+	const proxied = url.trim() === "" || proxyRoute === void 0 ? {
+		src: url.trim(),
+		sameOrigin: false
+	} : frameUrlFor(proxyRoute, url.trim());
+	const frame = (0, react.useMemo)(() => {
+		if (mode === "server") return {
+			src: serverAddress.trim(),
+			inspectable: false,
+			kind: void 0
+		};
+		if (mode === "url") return {
+			src: proxied.src,
+			inspectable: proxied.sameOrigin,
+			kind: void 0
+		};
+		if (mode === "file") {
+			const framed = fileInfo?.kind === "iframe" && fileInfo.url !== void 0;
+			return {
+				src: framed ? fileInfo.url ?? "" : "",
+				inspectable: framed,
+				kind: fileInfo?.kind
+			};
+		}
+		return {
+			src: scratchSrc,
+			inspectable: scratchSrc !== "",
+			kind: void 0
+		};
+	}, [
+		mode,
+		serverAddress,
+		proxied,
+		fileInfo,
+		scratchSrc
+	]);
+	useFileWatch(face, directory, fileInfo?.path, (0, react.useCallback)((info) => {
+		setFileInfo(info);
+	}, []), (0, react.useCallback)(() => {
+		setFrameKey((value) => value + 1);
+	}, []));
+	const clientId = (0, react.useMemo)(() => `preview-${Math.random().toString(36).slice(2)}-${String(Date.now())}`, []);
+	const modeRef = (0, react.useRef)(mode);
+	modeRef.current = mode;
+	const live = (0, react.useRef)({
+		src: frame.src,
+		inspectable: frame.inspectable,
+		workspace: directory,
+		filePath,
+		viewport
+	});
+	live.current = {
+		src: frame.src,
+		inspectable: frame.inspectable,
+		workspace: directory,
+		filePath,
+		viewport
+	};
+	/** The file load the driver's `open` performs, without the file mode's own draft state. */
+	const loadInto = (0, react.useCallback)((workspace, path) => {
+		setFileBusy(true);
+		previewFileInfo(workspace, absoluteIn(workspace, path)).then((result) => {
+			setFileBusy(false);
+			if (!result.ok) {
+				setFileInfo(void 0);
+				setError(result.message);
+				return;
+			}
+			setError(void 0);
+			setFileInfo(result);
+			setFrameKey((value) => value + 1);
+		}, (reason) => {
+			setFileBusy(false);
+			setError(transportMessage(reason, latest.current));
+		});
+	}, [previewFileInfo, latest]);
+	const driver = (0, react.useMemo)(() => new PreviewDriver({
+		previewPoll,
+		previewResult,
+		previewRelease
+	}, clientId, target.sessionId, {
+		frame: () => {
+			const element = frameRef.current;
+			if (element === null) return {
+				element: null,
+				document: null,
+				window: null
+			};
+			let document_ = null;
+			let window_ = null;
+			try {
+				document_ = element.contentDocument;
+				window_ = element.contentWindow;
+			} catch {
+				document_ = null;
+				window_ = null;
+			}
+			return {
+				element,
+				document: document_,
+				window: window_
+			};
+		},
+		control: (message) => {
+			if (message.control !== "open") return;
+			const open = message.open;
+			if (open.mode === "file" && open.filePath !== void 0) {
+				setFilePath(open.filePath);
+				if (open.workspacePath !== void 0) loadInto(open.workspacePath, open.filePath);
+			} else if (open.mode === "url" && open.url !== void 0) {
+				setUrl(open.url);
+				setFrameKey((value) => value + 1);
+			}
+			setMode(open.mode);
+		},
+		reload: () => {
+			setFrameKey((value) => value + 1);
+		},
+		resize: (width, height) => {
+			setViewport({
+				width,
+				height
+			});
+		}
+	}), [
+		clientId,
+		target.sessionId,
+		previewPoll,
+		previewResult,
+		previewRelease,
+		loadInto
+	]);
+	(0, react.useEffect)(() => {
+		driver.start(() => {
+			const current = live.current;
+			return {
+				mounted: current.src !== "",
+				mode: modeRef.current,
+				filePath: modeRef.current === "file" ? current.filePath : void 0,
+				workspacePath: current.workspace,
+				url: current.inspectable ? current.src : void 0,
+				inspectable: current.inspectable,
+				width: current.viewport.width,
+				height: current.viewport.height
+			};
 		});
 		return () => {
-			observer.disconnect();
+			driver.stop();
 		};
-	}, [showLogs]);
-	const preset = DEVICES.find((entry) => entry.id === device) ?? DEVICES[0];
-	const framed = preset.width > 0 && preset.height > 0;
-	const scale = framed && stage.width > 0 && stage.height > 0 ? Math.min(1, stage.width / preset.width, stage.height / preset.height) : 1;
+	}, [driver]);
+	(0, react.useEffect)(() => () => {
+		previewRelease(clientId);
+	}, [previewRelease, clientId]);
 	const start = (0, react.useCallback)(() => {
 		if (directory === void 0 || selected === void 0) return;
 		setBusy(true);
@@ -9325,9 +11011,29 @@ function PreviewPanel({ target, t, face }) {
 	]);
 	const running = state === "starting" || state === "ready";
 	const canStart = server?.startable === true && !running && !busy;
-	const src = address.trim();
+	/** Show one mode, clearing the error line so a failure from another mode does not follow it. */
+	const showMode = (next) => {
+		setMode(next);
+		setError(void 0);
+		if (next === "scratchpad" && scratchSrc === "" && fileRoute !== void 0) publishScratch(scratch.text);
+	};
+	const markdown = mode === "file" && fileInfo?.kind === "markdown" && fileInfo.url !== void 0 ? fileInfo.url : void 0;
+	const plainText = mode === "file" && fileInfo?.kind === "text" && fileInfo.url !== void 0 ? fileInfo.url : void 0;
+	const drawnHere = markdown !== void 0 || plainText !== void 0;
 	return (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [
-		(0, react_jsx_runtime.jsxs)("div", {
+		(0, react_jsx_runtime.jsx)(Tabs, {
+			className: Preview_module_css_default.modes,
+			"aria-label": t("preview.modes"),
+			value: mode,
+			onValueChange: (id) => {
+				showMode(id);
+			},
+			tabs: MODES.map((entry) => ({
+				id: entry,
+				label: t(`preview.mode.${entry}`)
+			}))
+		}),
+		mode === "server" && (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [(0, react_jsx_runtime.jsxs)("div", {
 			className: Panels_module_css_default.toolbar,
 			children: [
 				dotState$1(state) !== void 0 ? (0, react_jsx_runtime.jsx)(__deepseek_ai_dsh_client_ui_primitives.StateDot, {
@@ -9352,14 +11058,14 @@ function PreviewPanel({ target, t, face }) {
 					children: t(`preview.state.${state}`)
 				}),
 				(0, react_jsx_runtime.jsx)("span", { className: Panels_module_css_default.spacer }),
-				running ? (0, react_jsx_runtime.jsx)(Button, {
+				running ? (0, react_jsx_runtime.jsx)(Button$1, {
 					size: "icon",
 					"aria-label": t("preview.stop"),
 					title: t("preview.stop"),
 					disabled: busy,
 					onClick: stop,
 					children: (0, react_jsx_runtime.jsx)(__deepseek_ai_dsh_client_ui_primitives.IconStopFill16, {})
-				}) : (0, react_jsx_runtime.jsx)(Button, {
+				}) : (0, react_jsx_runtime.jsx)(Button$1, {
 					size: "icon",
 					"aria-label": t("preview.start"),
 					title: server?.startable === false ? t("preview.notStartable") : t("preview.start"),
@@ -9367,7 +11073,7 @@ function PreviewPanel({ target, t, face }) {
 					onClick: start,
 					children: busy ? (0, react_jsx_runtime.jsx)(__deepseek_ai_dsh_client_ui_primitives.IconLoadingOutline16, {}) : (0, react_jsx_runtime.jsx)(__deepseek_ai_dsh_client_ui_primitives.IconPlayOutline16, {})
 				}),
-				(0, react_jsx_runtime.jsx)(Button, {
+				(0, react_jsx_runtime.jsx)(Button$1, {
 					size: "sm",
 					active: showLogs,
 					"aria-label": t("preview.logs"),
@@ -9378,8 +11084,7 @@ function PreviewPanel({ target, t, face }) {
 					children: t("preview.logs")
 				})
 			]
-		}),
-		(0, react_jsx_runtime.jsxs)("div", {
+		}), (0, react_jsx_runtime.jsxs)("div", {
 			className: Panels_module_css_default.toolbar,
 			children: [
 				(0, react_jsx_runtime.jsx)(Input, {
@@ -9389,83 +11094,208 @@ function PreviewPanel({ target, t, face }) {
 					autoComplete: "off",
 					"aria-label": t("preview.address"),
 					placeholder: t("preview.address"),
-					value: address,
+					value: serverAddress,
 					onChange: (event) => {
-						setAddress(event.target.value);
+						setServerAddress(event.target.value);
 					},
 					onKeyDown: (event) => {
 						if (event.key === "Enter") setFrameKey((value) => value + 1);
 					}
 				}),
-				(0, react_jsx_runtime.jsx)(Button, {
+				(0, react_jsx_runtime.jsx)(Button$1, {
 					size: "icon",
 					"aria-label": t("panel.refresh"),
 					title: t("panel.refresh"),
-					disabled: src === "",
+					disabled: serverAddress.trim() === "",
 					onClick: () => {
 						setFrameKey((value) => value + 1);
 					},
 					children: (0, react_jsx_runtime.jsx)(__deepseek_ai_dsh_client_ui_primitives.IconRefreshOutline14, {})
 				}),
-				(0, react_jsx_runtime.jsx)(Button, {
+				(0, react_jsx_runtime.jsx)(Button$1, {
 					size: "icon",
 					"aria-label": t("preview.newWindow"),
 					title: t("preview.newWindow"),
-					disabled: src === "",
+					disabled: serverAddress.trim() === "",
 					onClick: () => {
-						window.open(src, "_blank", "noopener,noreferrer");
+						window.open(serverAddress.trim(), "_blank", "noopener,noreferrer");
 					},
 					children: (0, react_jsx_runtime.jsx)(__deepseek_ai_dsh_client_ui_primitives.IconRightUpOutline16, {})
 				}),
-				(0, react_jsx_runtime.jsx)(Select, {
-					className: Panels_module_css_default.previewPicker,
-					"aria-label": t("preview.device"),
-					value: device,
-					options: DEVICES.map((entry) => ({
-						value: entry.id,
-						label: t(`preview.device.${entry.id}`)
-					})),
-					onValueChange: setDevice
+				(0, react_jsx_runtime.jsx)(Button$1, {
+					size: "sm",
+					disabled: serverUrl === void 0 || proxyRoute === void 0,
+					title: t("preview.inspectHint"),
+					onClick: () => {
+						if (serverUrl === void 0) return;
+						setUrl(serverUrl);
+						showMode("url");
+					},
+					children: t("preview.inspect")
 				})
 			]
+		})] }),
+		mode === "file" && (0, react_jsx_runtime.jsx)(PreviewFileMode, {
+			t,
+			face,
+			state: { ...frameState({
+				mode,
+				directory,
+				proxyRoute,
+				filePath,
+				url,
+				viewport,
+				frame
+			}) },
+			setState: (patch) => {
+				if (patch.filePath !== void 0) setFilePath(patch.filePath);
+				if (patch.committed === true) setFrameKey((value) => value + 1);
+			},
+			workspace: directory,
+			info: fileInfo,
+			busy: fileBusy,
+			onInfo: setFileInfo,
+			onError: setError,
+			onReload: () => {
+				setFrameKey((value) => value + 1);
+			}
+		}),
+		mode === "url" && (0, react_jsx_runtime.jsx)(PreviewUrlMode, {
+			t,
+			state: frameState({
+				mode,
+				directory,
+				proxyRoute,
+				filePath,
+				url,
+				viewport,
+				frame
+			}),
+			setState: (patch) => {
+				if (patch.url !== void 0) setUrl(patch.url);
+				if (patch.committed === true) setFrameKey((value) => value + 1);
+			},
+			onReload: () => {
+				setFrameKey((value) => value + 1);
+			}
+		}),
+		mode === "scratchpad" && (0, react_jsx_runtime.jsx)(PreviewScratchpadMode, {
+			t,
+			state: frameState({
+				mode,
+				directory,
+				proxyRoute,
+				filePath,
+				url,
+				viewport,
+				frame
+			}),
+			setState: () => {},
+			scratch,
+			onReload: () => {
+				publishScratch(scratch.text);
+			}
 		}),
 		error !== void 0 && (0, react_jsx_runtime.jsx)(Alert, {
 			tone: "destructive",
 			className: Panels_module_css_default.panelAlert,
 			children: error
 		}),
-		launchError !== void 0 && (0, react_jsx_runtime.jsx)("p", {
+		mode === "server" && launchError !== void 0 && (0, react_jsx_runtime.jsx)("p", {
 			className: Panels_module_css_default.quiet,
 			children: launchError
 		}),
-		server?.detail !== void 0 && state !== "ready" && (0, react_jsx_runtime.jsx)("p", {
+		mode === "server" && server?.detail !== void 0 && state !== "ready" && (0, react_jsx_runtime.jsx)("p", {
 			className: Panels_module_css_default.quiet,
 			children: server.detail
 		}),
-		servers?.length === 0 && (0, react_jsx_runtime.jsx)("p", {
+		mode === "server" && servers?.length === 0 && (0, react_jsx_runtime.jsx)("p", {
 			className: Panels_module_css_default.quiet,
 			children: launchFile === void 0 ? t("preview.empty") : t("preview.emptyFile", { file: launchFile })
 		}),
-		(0, react_jsx_runtime.jsx)("div", {
-			ref: stageRef,
-			className: cx(Panels_module_css_default.previewStage, showLogs && Panels_module_css_default.previewStageShort),
-			children: src === "" ? (0, react_jsx_runtime.jsx)("p", {
-				className: Panels_module_css_default.quiet,
-				children: t("preview.noUrl")
-			}) : (0, react_jsx_runtime.jsx)("iframe", {
-				className: Panels_module_css_default.previewFrame,
-				src,
-				title: t("preview.frame", { name: server?.name ?? "" }),
-				style: framed ? {
-					width: `${String(preset.width)}px`,
-					height: `${String(preset.height)}px`,
-					transform: `scale(${String(scale)})`
-				} : void 0,
-				sandbox: "allow-scripts allow-same-origin allow-forms allow-popups allow-modals",
-				referrerPolicy: "no-referrer"
-			}, frameKey)
+		mode === "file" && fileInfo !== void 0 && (!fileInfo.withinLimit || fileInfo.kind === "other") && (0, react_jsx_runtime.jsxs)("div", {
+			className: cx(Preview_module_css_default.empty, Panels_module_css_default.previewStageShort),
+			children: [
+				(0, react_jsx_runtime.jsx)("p", { children: fileInfo.withinLimit ? t("preview.file.notPreviewable") : t("preview.file.overLimit") }),
+				(0, react_jsx_runtime.jsx)("p", { children: t("preview.file.facts", {
+					name: fileInfo.name,
+					kind: t(`preview.kind.${fileInfo.kind}`),
+					bytes: formatBytes(fileInfo.bytes)
+				}) }),
+				(0, react_jsx_runtime.jsx)("div", {
+					className: Preview_module_css_default.emptyActions,
+					children: (0, react_jsx_runtime.jsx)(Button$1, {
+						size: "sm",
+						onClick: () => {
+							openPath(fileInfo.path);
+						},
+						children: t("files.open")
+					})
+				})
+			]
 		}),
-		showLogs && (0, react_jsx_runtime.jsxs)("div", {
+		mode !== "file" || fileInfo === void 0 || fileInfo.withinLimit && fileInfo.kind !== "other" ? (0, react_jsx_runtime.jsxs)("div", {
+			ref: stageRef,
+			className: cx(Panels_module_css_default.previewStage, Preview_module_css_default.stageHost, showLogs && mode === "server" && Panels_module_css_default.previewStageShort),
+			children: [
+				mode === "file" && fileInfo?.kind === "image" && fileInfo.url !== void 0 && (0, react_jsx_runtime.jsx)("img", {
+					className: Preview_module_css_default.media,
+					src: fileInfo.url,
+					alt: fileInfo.name
+				}),
+				mode === "file" && fileInfo?.kind === "pdf" && fileInfo.url !== void 0 && (0, react_jsx_runtime.jsx)("iframe", {
+					className: Preview_module_css_default.pdfPane,
+					src: fileInfo.url,
+					title: t("preview.frame", { name: fileInfo.name })
+				}),
+				mode === "file" && fileInfo?.kind === "media" && fileInfo.url !== void 0 && (isAudio(fileInfo.contentType) ? (0, react_jsx_runtime.jsx)("audio", {
+					className: Preview_module_css_default.media,
+					src: fileInfo.url,
+					controls: true
+				}) : (0, react_jsx_runtime.jsx)("video", {
+					className: Preview_module_css_default.media,
+					src: fileInfo.url,
+					controls: true
+				})),
+				markdown !== void 0 && (0, react_jsx_runtime.jsx)("div", {
+					className: Preview_module_css_default.markdownPane,
+					children: (0, react_jsx_runtime.jsx)(RemoteText, {
+						url: markdown,
+						render: (text) => (0, react_jsx_runtime.jsx)(__deepseek_ai_dsh_client_ui_primitives.MarkdownText, { text }),
+						t
+					})
+				}),
+				plainText !== void 0 && (0, react_jsx_runtime.jsx)("div", {
+					className: Preview_module_css_default.markdownPane,
+					children: (0, react_jsx_runtime.jsx)(RemoteText, {
+						url: plainText,
+						render: (text) => (0, react_jsx_runtime.jsx)("pre", {
+							className: Panels_module_css_default.previewText,
+							children: text
+						}),
+						t
+					})
+				}),
+				frame.src !== "" && !(mode === "file" && (fileInfo?.kind === "image" || fileInfo?.kind === "media" || fileInfo?.kind === "pdf")) && (0, react_jsx_runtime.jsx)("iframe", {
+					ref: frameRef,
+					className: cx(Panels_module_css_default.previewFrame, drawnHere && Preview_module_css_default.frameUnder),
+					src: frame.src,
+					title: t("preview.frame", { name: frameName(mode, fileInfo, server?.name ?? "") }),
+					style: pinned ? {
+						width: `${String(viewport.width)}px`,
+						height: `${String(viewport.height)}px`,
+						transform: `scale(${String(scale)})`
+					} : void 0,
+					sandbox: "allow-scripts allow-same-origin allow-forms allow-popups allow-modals",
+					referrerPolicy: "no-referrer"
+				}, frameKey),
+				frame.src === "" && markdown === void 0 && plainText === void 0 && !(mode === "file" && fileInfo !== void 0) && (0, react_jsx_runtime.jsx)("p", {
+					className: Panels_module_css_default.quiet,
+					children: mode === "server" ? t("preview.noUrl") : t("preview.frame.empty")
+				})
+			]
+		}) : null,
+		mode === "server" && showLogs && (0, react_jsx_runtime.jsxs)("div", {
 			ref: logViewRef,
 			className: Panels_module_css_default.previewLogs,
 			children: [(0, react_jsx_runtime.jsx)("pre", {
@@ -9475,9 +11305,117 @@ function PreviewPanel({ target, t, face }) {
 				className: Panels_module_css_default.quiet,
 				children: t("preview.logs.empty")
 			})]
+		}),
+		(0, react_jsx_runtime.jsxs)("div", {
+			className: cx(Panels_module_css_default.toolbar, Preview_module_css_default.viewportBar),
+			children: [
+				(0, react_jsx_runtime.jsx)("span", {
+					className: Panels_module_css_default.quietInline,
+					children: pinned ? t("preview.viewport.custom", {
+						width: String(viewport.width),
+						height: String(viewport.height)
+					}) : t("preview.viewport.fit")
+				}),
+				(0, react_jsx_runtime.jsx)("span", { className: Panels_module_css_default.spacer }),
+				(0, react_jsx_runtime.jsx)(Select, {
+					className: Panels_module_css_default.previewPicker,
+					"aria-label": t("preview.device"),
+					value: device,
+					options: DEVICES.map((entry) => ({
+						value: entry.id,
+						label: t(`preview.device.${entry.id}`)
+					})),
+					onValueChange: (next) => {
+						const chosen = next;
+						setDevice(chosen);
+						const preset = DEVICES.find((entry) => entry.id === chosen);
+						setViewport({
+							width: preset?.width ?? 0,
+							height: preset?.height ?? 0
+						});
+					}
+				})
+			]
 		})
 	] });
 }
+/**
+* Assemble the shared mode state one mode's controls read.
+* @param input - the panel's own state plus the computed frame.
+* @returns the mode state.
+*/
+function frameState(input$1) {
+	return {
+		src: input$1.frame.src,
+		url: input$1.mode === "file" ? input$1.filePath : input$1.url,
+		workspace: input$1.directory,
+		proxyRoute: input$1.proxyRoute,
+		inspectable: input$1.frame.inspectable,
+		filePath: input$1.filePath,
+		viewport: input$1.viewport
+	};
+}
+/**
+* Whether a media MIME type is audio rather than video.
+* @param contentType - the type.
+* @returns true for audio.
+*/
+function isAudio(contentType) {
+	return contentType.startsWith("audio/");
+}
+/**
+* The name a frame's accessible title reports.
+*
+* Read by a screen reader and by nothing else, so it is not translated: the panel's visible labels
+* carry the translated names, and a frame title is an implementation detail of the element.
+* @param mode - the current mode.
+* @param info - the file's description, when the mode is `file`.
+* @param server - the selected server's name, when the mode is `server`.
+* @returns the name.
+*/
+function frameName(mode, info, server) {
+	if (mode === "file") return info?.name ?? "file";
+	if (mode === "server") return server;
+	if (mode === "scratchpad") return "scratchpad";
+	return "URL";
+}
+/**
+* Fetch a text document from this Host's own route and render it.
+*
+* The bytes come over the same-origin route rather than through a Remote endpoint because that route
+* is already bounded, typed, and uncached for exactly this document — and because a Markdown file is
+* rendered from text, so the panel must hold it rather than frame it.
+* @param props.url - the same-origin file URL.
+* @param props.render - how to render the loaded text.
+* @param props.t - the translator, for the failure line.
+* @returns the rendered document, or the reason it could not be read.
+*/
+function RemoteText({ url, render, t }) {
+	const [text, setText] = (0, react.useState)(void 0);
+	const [error, setError] = (0, react.useState)(void 0);
+	(0, react.useEffect)(() => {
+		let live = true;
+		setText(void 0);
+		setError(void 0);
+		fetch(url).then((response) => response.ok ? response.text() : Promise.reject(/* @__PURE__ */ new Error(`HTTP ${String(response.status)}`)), (reason) => Promise.reject(reason instanceof Error ? reason : new Error(String(reason)))).then((body) => {
+			if (live) setText(body);
+		}, (reason) => {
+			if (live) setError(t("preview.file.readFailed", { message: reason instanceof Error ? reason.message : String(reason) }));
+		});
+		return () => {
+			live = false;
+		};
+	}, [url, t]);
+	if (error !== void 0) return (0, react_jsx_runtime.jsx)(Alert, {
+		tone: "destructive",
+		children: error
+	});
+	if (text === void 0) return (0, react_jsx_runtime.jsx)("p", {
+		className: Panels_module_css_default.quiet,
+		children: t("panel.loading")
+	});
+	return render(text);
+}
 
 //#endregion
 //#region tsbuild/client/panels/TasksPanel.js
@@ -9749,7 +11687,7 @@ function TasksPanel({ target, t, face, useSessions, settings }) {
 								className: Panels_module_css_default.taskDuration,
 								children: formatDuration(elapsed, t)
 							}),
-							canStop && live && (0, react_jsx_runtime.jsx)(Button, {
+							canStop && live && (0, react_jsx_runtime.jsx)(Button$1, {
 								size: "icon",
 								"aria-label": t("tasks.stop"),
 								title: t("tasks.stop"),
@@ -23095,7 +25033,7 @@ function TerminalView({ tab, groupKey, directory, active, t, face }) {
 						children: exit
 					}),
 					(0, react_jsx_runtime.jsx)("span", { className: Panels_module_css_default.spacer }),
-					(0, react_jsx_runtime.jsx)(Button, {
+					(0, react_jsx_runtime.jsx)(Button$1, {
 						size: "icon",
 						"aria-label": t("terminal.interrupt"),
 						title: t("terminal.interrupt"),
@@ -23105,7 +25043,7 @@ function TerminalView({ tab, groupKey, directory, active, t, face }) {
 						},
 						children: (0, react_jsx_runtime.jsx)(__deepseek_ai_dsh_client_ui_primitives.IconStopFill16, {})
 					}),
-					(0, react_jsx_runtime.jsx)(Button, {
+					(0, react_jsx_runtime.jsx)(Button$1, {
 						size: "icon",
 						"aria-label": t("terminal.clear"),
 						title: t("terminal.clear"),
@@ -23114,7 +25052,7 @@ function TerminalView({ tab, groupKey, directory, active, t, face }) {
 						},
 						children: (0, react_jsx_runtime.jsx)(__deepseek_ai_dsh_client_ui_primitives.IconTrashOutline16, {})
 					}),
-					(0, react_jsx_runtime.jsx)(Button, {
+					(0, react_jsx_runtime.jsx)(Button$1, {
 						size: "icon",
 						"aria-label": t("terminal.restart"),
 						title: t("terminal.restart"),
@@ -23194,7 +25132,7 @@ function TerminalPanel({ target, t, face, useSidebar, settings }) {
 			onClose: (id) => {
 				closeTerminal(key, id);
 			},
-			children: (0, react_jsx_runtime.jsx)(Button, {
+			children: (0, react_jsx_runtime.jsx)(Button$1, {
 				size: "icon",
 				"aria-label": t("terminal.new"),
 				title: tabs.length >= limit ? t("terminal.limit", { count: limit }) : t("terminal.new"),
@@ -23229,16 +25167,16 @@ if (typeof document !== "undefined" && document.querySelector("style[data-plugin
 	document.head.appendChild(tag);
 }
 var PanelHost_module_css_default = {
+	"resize": "KfDt9q_resize",
+	"noticeSlot": "KfDt9q_noticeSlot",
+	"head": "KfDt9q_head",
 	"dockFloating": "KfDt9q_dockFloating",
-	"dockDragging": "KfDt9q_dockDragging",
+	"body": "KfDt9q_body",
 	"title": "KfDt9q_title",
-	"head": "KfDt9q_head",
+	"dockDragging": "KfDt9q_dockDragging",
 	"dock": "KfDt9q_dock",
-	"resize": "KfDt9q_resize",
 	"headText": "KfDt9q_headText",
-	"noticeSlot": "KfDt9q_noticeSlot",
-	"subtitle": "KfDt9q_subtitle",
-	"body": "KfDt9q_body"
+	"subtitle": "KfDt9q_subtitle"
 };
 
 //#endregion
@@ -23476,7 +25414,7 @@ function PanelHost(props) {
 							value: target.directory,
 							className: PanelHost_module_css_default.subtitle
 						})]
-					}), (0, react_jsx_runtime.jsx)(Button, {
+					}), (0, react_jsx_runtime.jsx)(Button$1, {
 						size: "icon",
 						"aria-label": t("panel.close"),
 						onClick: close,
@@ -23523,7 +25461,7 @@ function PanelHost(props) {
 			className: PanelHost_module_css_default.noticeSlot,
 			children: (0, react_jsx_runtime.jsx)(Alert, {
 				tone: notice.tone === "error" ? "destructive" : "default",
-				action: (0, react_jsx_runtime.jsx)(Button, {
+				action: (0, react_jsx_runtime.jsx)(Button$1, {
 					size: "icon",
 					"aria-label": t("notice.dismiss"),
 					onClick: () => {
@@ -23562,26 +25500,26 @@ if (typeof document !== "undefined" && document.querySelector("style[data-plugin
 	document.head.appendChild(tag);
 }
 var SettingsCard_module_css_default = {
-	"hint": "TDpdwq_hint",
-	"description": "TDpdwq_description",
 	"headText": "TDpdwq_headText",
-	"target": "TDpdwq_target",
-	"header": "TDpdwq_header",
-	"name": "TDpdwq_name",
-	"chevronOpen": "TDpdwq_chevronOpen",
+	"head": "TDpdwq_head",
 	"groupHead": "TDpdwq_groupHead",
+	"select": "TDpdwq_select",
 	"label": "TDpdwq_label",
+	"header": "TDpdwq_header",
 	"targets": "TDpdwq_targets",
-	"targetLabel": "TDpdwq_targetLabel",
-	"field": "TDpdwq_field",
-	"shellInput": "TDpdwq_shellInput",
-	"select": "TDpdwq_select",
+	"card": "TDpdwq_card",
 	"chevron": "TDpdwq_chevron",
 	"body": "TDpdwq_body",
+	"targetLabel": "TDpdwq_targetLabel",
+	"description": "TDpdwq_description",
 	"groupTitle": "TDpdwq_groupTitle",
-	"head": "TDpdwq_head",
-	"card": "TDpdwq_card",
-	"cardOpen": "TDpdwq_cardOpen"
+	"chevronOpen": "TDpdwq_chevronOpen",
+	"hint": "TDpdwq_hint",
+	"shellInput": "TDpdwq_shellInput",
+	"field": "TDpdwq_field",
+	"cardOpen": "TDpdwq_cardOpen",
+	"target": "TDpdwq_target",
+	"name": "TDpdwq_name"
 };
 
 //#endregion
@@ -23770,7 +25708,7 @@ function SettingsCard(props) {
 						children: t("settings.group.limits")
 					})
 				}),
-				number$2("panelWidth", t("settings.panelWidth"), t("settings.panelWidth.hint"), value.panelWidth, 280, 1400),
+				number$2("panelWidth", t("settings.panelWidth"), t("settings.panelWidth.hint"), value.panelWidth, 280, 960),
 				number$2("gitMaxFiles", t("settings.gitMaxFiles"), t("settings.gitMaxFiles.hint"), value.gitMaxFiles, 1, 1e4),
 				number$2("gitTimeoutMs", t("settings.gitTimeoutMs"), t("settings.gitTimeoutMs.hint"), value.gitTimeoutMs, 1e3, 6e5),
 				number$2("gitCommitTimeoutMs", t("settings.gitCommitTimeoutMs"), t("settings.gitCommitTimeoutMs.hint"), value.gitCommitTimeoutMs, 1e3, 18e5),
@@ -23888,6 +25826,8 @@ var ActionMenu_module_css_default = {
 const OPEN_IN_PREFIX = "open-in:";
 /** The Open in entry for a second browser window; not a Host target, so it has no configured id. */
 const NEW_WINDOW_ID = `${OPEN_IN_PREFIX}new-window`;
+/** The menu id of Download session log; not a panel, so it has no {@link PanelKind}. */
+const DOWNLOAD_LOG_ID = "download-log";
 /**
 * The trigger plus its menu.
 * @param props - the target, settings, capability view, translator, and callbacks.
@@ -23895,7 +25835,7 @@ const NEW_WINDOW_ID = `${OPEN_IN_PREFIX}new-window`;
 * @see {@link ActionMenuProps}
 */
 function ActionMenu(props) {
-	const { target, settings, view, t, actions, refresh, openPanel } = props;
+	const { target, settings, view, t, actions, refresh, openPanel, logDownload, logsOnly } = props;
 	const [open, setOpen] = (0, react.useState)(false);
 	const triggerRef = (0, react.useRef)(null);
 	(0, react.useEffect)(() => {
@@ -23911,6 +25851,7 @@ function ActionMenu(props) {
 		had.current = false;
 	}, [open, target]);
 	if (settings === void 0) return null;
+	const shown = (flag) => flag && !logsOnly;
 	const directory = target?.directory;
 	const unavailable = (state) => {
 		if (target === void 0) return t("menu.noSession");
@@ -23931,11 +25872,11 @@ function ActionMenu(props) {
 			checked: openPanel === id
 		});
 	};
-	if (settings.showChanges) panelRow("changes", "menu.changes", (0, react_jsx_runtime.jsx)(ChangesGlyph, { size: 16 }), view?.git);
-	if (settings.showTerminal) panelRow("terminal", "menu.terminal", (0, react_jsx_runtime.jsx)(TerminalGlyph, { size: 16 }), view?.terminal);
-	if (settings.showFiles) panelRow("files", "menu.files", (0, react_jsx_runtime.jsx)(__deepseek_ai_dsh_client_ui_primitives.IconFolderOpenOutline16, {}), view?.files);
-	if (settings.showPreview) panelRow("preview", "menu.preview", (0, react_jsx_runtime.jsx)(PreviewGlyph, { size: 16 }), view?.preview);
-	if (settings.showTasks) {
+	if (shown(settings.showChanges)) panelRow("changes", "menu.changes", (0, react_jsx_runtime.jsx)(ChangesGlyph, { size: 16 }), view?.git);
+	if (shown(settings.showTerminal)) panelRow("terminal", "menu.terminal", (0, react_jsx_runtime.jsx)(TerminalGlyph, { size: 16 }), view?.terminal);
+	if (shown(settings.showFiles)) panelRow("files", "menu.files", (0, react_jsx_runtime.jsx)(__deepseek_ai_dsh_client_ui_primitives.IconFolderOpenOutline16, {}), view?.files);
+	if (shown(settings.showPreview)) panelRow("preview", "menu.preview", (0, react_jsx_runtime.jsx)(PreviewGlyph, { size: 16 }), view?.preview);
+	if (shown(settings.showTasks)) {
 		const note = target === void 0 ? t("menu.noSession") : view?.tasks.available === false ? view.tasks.reason ?? t("settings.unavailable") : void 0;
 		items.push({
 			kind: "item",
@@ -23947,7 +25888,7 @@ function ActionMenu(props) {
 			checked: openPanel === "tasks"
 		});
 	}
-	if (settings.showOpenIn) {
+	if (shown(settings.showOpenIn)) {
 		const submenu = [{
 			kind: "item",
 			id: NEW_WINDOW_ID,
@@ -23973,7 +25914,18 @@ function ActionMenu(props) {
 		});
 	}
 	const sessionEntries = [];
-	if (settings.showArchive) sessionEntries.push({
+	if (logDownload.active) {
+		const note = target === void 0 ? t("menu.noSession") : logDownload.busy ? t("menu.downloadLog.busy") : void 0;
+		sessionEntries.push({
+			kind: "item",
+			id: DOWNLOAD_LOG_ID,
+			label: t("menu.downloadLog"),
+			note,
+			icon: (0, react_jsx_runtime.jsx)(__deepseek_ai_dsh_client_ui_primitives.IconDownloadOutline16, {}),
+			disabled: note !== void 0
+		});
+	}
+	if (shown(settings.showArchive)) sessionEntries.push({
 		kind: "item",
 		id: "archive",
 		label: t("menu.archive"),
@@ -23981,7 +25933,7 @@ function ActionMenu(props) {
 		icon: (0, react_jsx_runtime.jsx)(__deepseek_ai_dsh_client_ui_primitives.IconArchiveOutline20, { size: 16 }),
 		disabled: target === void 0
 	});
-	if (settings.showDelete) sessionEntries.push({
+	if (shown(settings.showDelete)) sessionEntries.push({
 		kind: "item",
 		id: "delete",
 		label: t("menu.delete"),
@@ -24009,6 +25961,10 @@ function ActionMenu(props) {
 			actions.openIn(id.slice(8), directory);
 			return;
 		}
+		if (id === DOWNLOAD_LOG_ID) {
+			actions.downloadLog(target.sessionId);
+			return;
+		}
 		if (id === "archive") {
 			actions.archive(target);
 			return;
@@ -24020,7 +25976,7 @@ function ActionMenu(props) {
 		if (id === "changes" || id === "terminal" || id === "files" || id === "tasks" || id === "preview") actions.openPanel(id, target);
 	};
 	const label = t("menu.trigger");
-	return (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [(0, react_jsx_runtime.jsx)(Button, {
+	return (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [(0, react_jsx_runtime.jsx)(Button$1, {
 		ref: triggerRef,
 		size: "icon",
 		className: cx(ActionMenu_module_css_default.trigger, open && ActionMenu_module_css_default.triggerOpen),
@@ -24046,6 +26002,189 @@ function ActionMenu(props) {
 	})] });
 }
 
+//#endregion
+//#region tsbuild/client/log-download.js
+/**
+* Download session log, absorbed into this plugin's menu.
+*
+* The harness ships `@deepseek-ai/dsh-session-log-export`, whose browser half does two things: it
+* provides a `sessionLogDownload` controller on the client context (`lib/client.js:263`: one
+* in-flight export per session, and a snapshot store describing it), and it registers a SECOND "⋯"
+* button into the same
+* `conversation.session.header.utilities` row this plugin's menu sits in, whose only entry is
+* "Download session log" and which also renders the progress dialog. Two identical-looking triggers
+* side by side, one of them holding a single verb, is what this module removes.
+*
+* How, and why this way (installed harness 0.1.5-rc.2):
+*
+* - The verb is REUSED, not rebuilt. The menu calls the package's own controller, read through the
+*   context service it provides, so the export request, the per-session de-duplication and the
+*   browser save stay the harness's; nothing here knows the export endpoint.
+* - The button is SHADOWED, not patched out. `…/dsh-session-log-export/lib/client.js:274-276` registers
+*   into a `list` slot with `id: 'session-log-download'` at the default priority 0, and a list slot's
+*   cell is its `id`: entries sharing one coexist at distinct priorities and the lowest live one
+*   renders (`SlotCore.register` / `entriesOfSlot` in `@deepseek-ai/dsh-client-ui-slots`). This
+*   plugin registers that same id at priority -1, so its entry takes the cell without the other
+*   package noticing, and uninstalling this plugin hands the button straight back. The rejected
+*   alternative was a profile `cordis.patch.yml` row disabling the package: that would also remove
+*   the controller the menu calls and the `/export` command's dialog, and it asks every user to edit
+*   their profile.
+* - The dialog is RE-RENDERED here. The harness's entry renders its button and its dialog as one
+*   component, and the module exports neither, so shadowing the cell takes the dialog with it. The
+*   shadowing entry therefore renders the same `Modal` from the same primitives, bound to the same
+*   store — which keeps `/export`, whose success also opens that dialog, working exactly as before.
+*
+* Everything degrades toward the harness's own behaviour rather than toward a missing verb: without
+* the package, or with a controller whose shape no longer matches, nothing is shadowed and the menu
+* has no Download entry; and the menu entry and the dialog appear only while the harness's button is
+* actually being shadowed, so a future harness that renames or removes its seat can never produce
+* two dialogs, or a verb in two places.
+* @module @achasoft/dsh-advanced-sidebar/client/log-download
+*/
+/** The context service the harness package provides (`ctx.provide('sessionLogDownload', …)`). */
+const LOG_DOWNLOAD_SERVICE = "sessionLogDownload";
+/** The header slot both the harness's button and this plugin's menu occupy. */
+const LOG_DOWNLOAD_SLOT = "conversation.session.header.utilities";
+/** The list-slot cell the harness's download button occupies, and this plugin's entry shadows. */
+const LOG_DOWNLOAD_SEAT_ID = "session-log-download";
+/**
+* The shadowing rank. The harness registers at the default 0; one below is enough to render first,
+* and staying next to the default leaves room for a profile to out-rank this plugin in turn.
+*/
+const LOG_DOWNLOAD_SHADOW_PRIORITY = -1;
+/**
+* Accept a context service only when it still has the shape this plugin calls.
+*
+* The service is another package's, versioned with the harness, so its shape is checked rather than
+* trusted: an incompatible controller makes this plugin stand aside — no shadow, no menu entry —
+* which leaves the harness's own button in place instead of a menu entry that throws.
+* @param value - whatever `ctx.get('sessionLogDownload')` returned.
+* @returns the service, or undefined when absent or incompatible.
+*/
+function asLogDownloadService(value) {
+	if (typeof value !== "object" || value === null) return void 0;
+	const candidate = value;
+	const store = candidate.store;
+	if (typeof candidate.download !== "function" || typeof candidate.dismiss !== "function") return void 0;
+	if (typeof store !== "object" || store === null) return void 0;
+	if (typeof store.getSnapshot !== "function" || typeof store.subscribe !== "function") return void 0;
+	return value;
+}
+/**
+* Whether the header row holds an entry this plugin's shadow is actually hiding.
+*
+* Checked against the live registry rather than assumed, because the id is the harness's and can
+* change in an upgrade. Without an occupant to hide, the menu entry would duplicate a download
+* affordance the harness moved elsewhere, and the dialog would open twice beside the harness's own.
+* @param entries - the slot's raw entries, every priority included.
+* @returns true when some entry of the download cell ranks after (numerically above) this plugin's
+* shadow, and is therefore the one being hidden.
+*/
+function shadowsHarnessSeat(entries) {
+	return entries.some((entry) => entry.options.id === LOG_DOWNLOAD_SEAT_ID && (entry.options.priority ?? 0) > LOG_DOWNLOAD_SHADOW_PRIORITY);
+}
+/** The detached view, shared so an unchanged snapshot keeps one identity. */
+const DETACHED = {
+	active: false,
+	bySession: {}
+};
+/**
+* Whether one session's export is in flight.
+* @param view - the bridge snapshot.
+* @param sessionId - the session to ask about.
+* @returns true while that session's export has not settled.
+*/
+function isDownloading(view, sessionId) {
+	return view.bySession[sessionId]?.status === "downloading";
+}
+/**
+* Bridges the harness controller, which may arrive late, leave, or never exist, into one observable
+* the menu can bind unconditionally.
+*
+* A `use<Name>` hook cannot be bound conditionally, and the menu is registered before the harness
+* package has necessarily loaded, so the menu binds to this instead of to the controller's store:
+* detached it reports inactive, attached it mirrors the controller's state.
+*/
+var LogDownloadBridge = class {
+	state = DETACHED;
+	listeners = /* @__PURE__ */ new Set();
+	service;
+	shadowing = false;
+	/**
+	* The current snapshot; stable between changes, as `useSyncExternalStore` requires.
+	* @returns the view.
+	*/
+	getSnapshot() {
+		return this.state;
+	}
+	/**
+	* Listen for changes.
+	* @param listener - called after each change.
+	* @returns the unsubscribe.
+	*/
+	subscribe(listener) {
+		this.listeners.add(listener);
+		return () => {
+			this.listeners.delete(listener);
+		};
+	}
+	/**
+	* Attach a controller and mirror its store until the returned disposer runs.
+	* @param service - the harness controller.
+	* @returns the detach, which is a no-op once another controller has replaced this one.
+	*/
+	attach(service) {
+		this.service = service;
+		const unsubscribe = service.store.subscribe(() => {
+			this.publish();
+		});
+		this.publish();
+		return () => {
+			unsubscribe();
+			if (this.service !== service) return;
+			this.service = void 0;
+			this.publish();
+		};
+	}
+	/**
+	* Record whether the harness's button is currently being shadowed.
+	* @param shadowing - the result of {@link shadowsHarnessSeat} over the live registry.
+	*/
+	setShadowing(shadowing) {
+		if (this.shadowing === shadowing) return;
+		this.shadowing = shadowing;
+		this.publish();
+	}
+	/**
+	* Start one session's export through the harness controller.
+	* @param sessionId - the session to export.
+	* @returns false when no controller is attached, so the caller never reports a start that did not happen.
+	*/
+	download(sessionId) {
+		if (this.service === void 0) return false;
+		this.service.download(sessionId).catch(() => {});
+		return true;
+	}
+	/**
+	* Close one session's dialog without cancelling the export.
+	* @param sessionId - the session whose dialog closes.
+	*/
+	dismiss(sessionId) {
+		this.service?.dismiss(sessionId);
+	}
+	/** Recompute the view and notify, keeping the identity when nothing a reader sees changed. */
+	publish() {
+		const service = this.service;
+		const next = service === void 0 ? DETACHED : {
+			active: this.shadowing,
+			bySession: service.store.getSnapshot().bySession
+		};
+		if (next.active === this.state.active && next.bySession === this.state.bySession) return;
+		this.state = next;
+		for (const listener of [...this.listeners]) listener();
+	}
+};
+
 //#endregion
 //#region tsbuild/client/target.js
 /**
@@ -24090,11 +26229,13 @@ function resolveTarget(sessions, workspaces, sessionId) {
 * @see {@link HeaderMenuProps}
 */
 function HeaderMenu(props) {
-	const { sessionId, useSessions, useWorkspaces, useSettings, useSidebar, t, describe: describe$2 } = props;
+	const { sessionId, useSessions, useWorkspaces, useSettings, useSidebar, useLogDownload, t, describe: describe$2 } = props;
 	const bound = useSettings((snapshot) => snapshot.value);
 	const sessions = useSessions((state) => state);
 	const workspaces = useWorkspaces((state) => state);
 	const openPanel = useSidebar((state) => state.panel.panel);
+	const logsActive = useLogDownload((state) => state.active);
+	const logsBusy = useLogDownload((state) => isDownloading(state, String(sessionId)));
 	const { view, refresh } = useCapabilityView(describe$2);
 	const settings = bound ?? view?.settings;
 	const target = (0, react.useMemo)(() => resolveTarget(sessions, workspaces, sessionId), [
@@ -24102,7 +26243,9 @@ function HeaderMenu(props) {
 		workspaces,
 		sessionId
 	]);
-	if (settings === void 0 || !settings.showInSessionHeader) return null;
+	if (settings === void 0) return null;
+	const logsOnly = !settings.showInSessionHeader;
+	if (logsOnly && !logsActive) return null;
 	return (0, react_jsx_runtime.jsx)(ActionMenu, {
 		target,
 		settings,
@@ -24110,7 +26253,47 @@ function HeaderMenu(props) {
 		t,
 		actions: props,
 		refresh,
-		openPanel
+		openPanel,
+		logDownload: {
+			active: logsActive,
+			busy: logsBusy
+		},
+		logsOnly
+	});
+}
+
+//#endregion
+//#region tsbuild/client/LogDownloadDialog.js
+/**
+* The export dialog for the session this header belongs to.
+* @param props - the session, the bridged export state, the dismiss callback, and the translator.
+* @returns the modal portal while this session's dialog is open; nothing otherwise, which leaves no
+* box in the header row.
+* @see {@link LogDownloadSeatProps}
+*/
+function LogDownloadDialog(props) {
+	const { sessionId, useLogDownload, dismiss, t } = props;
+	const active = useLogDownload((view) => view.active);
+	const entry = useLogDownload((view) => view.bySession[String(sessionId)]);
+	if (!active || entry === void 0) return null;
+	const { status } = entry;
+	const close = () => {
+		dismiss(String(sessionId));
+	};
+	const error = status === "error" ? entry.error || t("logs.dialog.commandFailed") : null;
+	const title = status === "downloading" ? t("logs.dialog.preparingTitle") : status === "success" ? t("logs.dialog.successTitle") : t("logs.dialog.errorTitle");
+	const description = status === "downloading" ? t("logs.dialog.preparingDescription") : status === "success" ? t("logs.dialog.successDescription") : error ?? t("logs.dialog.commandFailed");
+	return (0, react_jsx_runtime.jsx)(__deepseek_ai_dsh_client_ui_primitives.Modal, {
+		open: entry.open,
+		onClose: close,
+		title,
+		description,
+		closeLabel: t("logs.dialog.close"),
+		footer: (0, react_jsx_runtime.jsx)(__deepseek_ai_dsh_client_ui_primitives.Button, {
+			variant: "primary",
+			onClick: close,
+			children: t("logs.dialog.close")
+		})
 	});
 }
 
@@ -24142,9 +26325,19 @@ const zh = {
 	"menu.archive": "归档",
 	"menu.preview": "预览",
 	"menu.delete": "删除",
+	"menu.downloadLog": "下载 Session 日志",
+	"menu.downloadLog.busy": "正在导出",
+	"menu.downloadLog.unavailable": "Session 日志导出当前不可用",
 	"menu.empty": "没有可用的操作",
 	"menu.noSession": "请先打开一个会话",
 	"menu.noDirectory": "该会话没有工作目录",
+	"logs.dialog.preparingTitle": "正在导出 Session",
+	"logs.dialog.preparingDescription": "正在准备包含当前 Session、子 Session 和附件的 ZIP 文件。",
+	"logs.dialog.successTitle": "Session 导出已开始下载",
+	"logs.dialog.successDescription": "浏览器正在下载 Session ZIP 文件。",
+	"logs.dialog.errorTitle": "Session 导出失败",
+	"logs.dialog.close": "关闭",
+	"logs.dialog.commandFailed": "无法启动 Session 导出。",
 	"panel.close": "关闭",
 	"panel.refresh": "刷新",
 	"panel.retry": "重试",
@@ -24270,6 +26463,46 @@ const zh = {
 	"preview.noUrl": "这个配置没有可预览的地址",
 	"preview.empty": "这个工作区没有启动配置。可以在 .claude/launch.json 中添加，或在设置的 previews 中配置。",
 	"preview.emptyFile": "{file} 中没有可用的配置。",
+	"preview.modes": "预览方式",
+	"preview.mode.server": "服务",
+	"preview.mode.file": "文件",
+	"preview.mode.url": "网址",
+	"preview.mode.scratchpad": "草稿",
+	"preview.frame.empty": "这个方式下没有可显示的页面",
+	"preview.viewport.fit": "视口：适应面板",
+	"preview.viewport.custom": "视口：{width} × {height}",
+	"preview.device.custom": "自定义",
+	"preview.inspect": "可检查地打开",
+	"preview.inspectHint": "把这个地址交给网址方式，经主机同源代理打开，从而可以读取其 DOM",
+	"preview.url.field": "要预览的网址",
+	"preview.url.placeholder": "http://127.0.0.1:5173/",
+	"preview.url.go": "打开",
+	"preview.url.reload": "重新加载",
+	"preview.url.proxied": "本机回环地址，已通过主机同源代理打开，可以检查其 DOM 与控制台。",
+	"preview.url.crossOrigin": "这个地址不是本机回环地址，页面会以跨源方式嵌入：可以查看，但无法读取 DOM、控制台或事件。",
+	"preview.url.empty": "输入一个 http(s) 地址。本机回环地址会被代理为同源，因而可以检查。",
+	"preview.file.field": "工作区内的文件",
+	"preview.file.placeholder": "index.html 或 src/app.tsx",
+	"preview.file.open": "预览",
+	"preview.file.empty": "输入一个文件路径，或从文件面板复制一个。",
+	"preview.file.noWorkspace": "这个会话没有工作目录，因此没有可解析的相对路径。",
+	"preview.file.facts": "{name} · {kind} · {bytes}",
+	"preview.file.overLimit": "文件超过 previewMaxFileBytes，无法在面板中预览",
+	"preview.file.notPreviewable": "这个类型无法在面板中渲染；可以用系统默认程序打开。",
+	"preview.file.readFailed": "无法读取文件：{message}",
+	"preview.kind.iframe": "网页",
+	"preview.kind.markdown": "Markdown",
+	"preview.kind.image": "图片",
+	"preview.kind.media": "音视频",
+	"preview.kind.pdf": "PDF",
+	"preview.kind.text": "文本",
+	"preview.kind.other": "未知类型",
+	"preview.scratch.editor": "草稿 HTML",
+	"preview.scratch.render": "重新渲染",
+	"preview.scratch.pending": "正在渲染…",
+	"preview.scratch.saved": "已按工作区保存在此浏览器中",
+	"preview.scratch.unsaved": "浏览器拒绝保存这份草稿（存储已满或被禁用），但渲染仍然有效",
+	"preview.scratch.refused": "主机拒绝了这份草稿文档（HTTP {status}）",
 	"delete.title": "删除会话",
 	"delete.body.archive": "“{name}” 将从侧边栏中隐藏，会话记录会保留在磁盘上。",
 	"delete.body.purge": "“{name}” 将被隐藏，其会话记录文件也会被删除。此操作无法撤销。",
@@ -24282,7 +26515,7 @@ const zh = {
 	"notice.dismiss": "关闭提示",
 	"error.transport": "主机没有响应：{message}",
 	"settings.title": "高级侧边栏",
-	"settings.description": "侧边栏的文件更改、终端、文件、后台任务、打开方式、归档与删除操作",
+	"settings.description": "对话旁的文件更改、终端、文件、预览、后台任务、打开方式、归档与删除操作",
 	"settings.status.ready": "可用",
 	"settings.status.partial": "部分可用",
 	"settings.group.placement": "入口",
@@ -24314,7 +26547,7 @@ const zh = {
 	"settings.previewReadyTimeoutMs": "预览就绪超时",
 	"settings.previewReadyTimeoutMs.hint": "等待端口开始接受连接的时间上限（毫秒）。",
 	"settings.previews": "预览配置",
-	"settings.previews.hint": "在 cordis.yml 的 previews 中配置；工作区的 .claude/launch.json 会追加在前。",
+	"settings.previews.hint": "在 cordis.patch.yml 的 previews 中配置；工作区的 .claude/launch.json 会追加在前。",
 	"settings.previews.empty": "没有配置预览。",
 	"settings.panelWidth": "面板宽度",
 	"settings.panelWidth.hint": "抽屉的宽度（像素）；窗口较窄时会自动收窄。",
@@ -24322,7 +26555,7 @@ const zh = {
 	"settings.deleteMode.archive": "仅归档",
 	"settings.deleteMode.purge": "归档并删除记录",
 	"settings.deleteMode.hint": "“归档并删除记录”会移除会话记录文件，无法撤销；正在运行的会话只会被归档。",
-	"settings.deleteMode.unsupported": "当前的会话存储后端没有单独的会话文件，因此只能归档。",
+	"settings.deleteMode.unsupported": "当前 harness 不支持删除会话记录，因此只能归档。",
 	"settings.confirmDelete": "删除前确认",
 	"settings.confirmDelete.hint": "选择“归档并删除记录”时必须开启。",
 	"settings.allowTaskKill": "允许停止后台任务",
@@ -24352,7 +26585,7 @@ const zh = {
 	"settings.maxTerminals": "最多同时打开的终端",
 	"settings.maxTerminals.hint": "面板终端的并发上限。",
 	"settings.editors": "打开方式目标",
-	"settings.editors.hint": "在 cordis.yml 的 editors 中配置；此处显示它们在本机是否可用。",
+	"settings.editors.hint": "在 cordis.patch.yml 的 editors 中配置；此处显示它们在本机是否可用。",
 	"settings.editors.empty": "没有配置外部程序。",
 	"settings.editors.available": "可用",
 	"settings.editors.missing": "未找到",
@@ -24372,9 +26605,19 @@ const en = {
 	"menu.archive": "Archive",
 	"menu.preview": "Preview",
 	"menu.delete": "Delete",
+	"menu.downloadLog": "Download session log",
+	"menu.downloadLog.busy": "Exporting",
+	"menu.downloadLog.unavailable": "Session log export is not available right now",
 	"menu.empty": "No actions are available",
 	"menu.noSession": "Open a session first",
 	"menu.noDirectory": "This session has no working directory",
+	"logs.dialog.preparingTitle": "Exporting Session",
+	"logs.dialog.preparingDescription": "Preparing a ZIP containing this Session, its sub-Sessions, and attachments.",
+	"logs.dialog.successTitle": "Session download started",
+	"logs.dialog.successDescription": "The browser is downloading the Session ZIP.",
+	"logs.dialog.errorTitle": "Session export failed",
+	"logs.dialog.close": "Close",
+	"logs.dialog.commandFailed": "Could not start the Session export.",
 	"panel.close": "Close",
 	"panel.refresh": "Refresh",
 	"panel.retry": "Retry",
@@ -24500,6 +26743,46 @@ const en = {
 	"preview.noUrl": "This configuration has no address to preview",
 	"preview.empty": "This workspace has no launch configurations. Add one to .claude/launch.json, or configure `previews` in settings.",
 	"preview.emptyFile": "{file} carries no usable configurations.",
+	"preview.modes": "Preview mode",
+	"preview.mode.server": "Server",
+	"preview.mode.file": "File",
+	"preview.mode.url": "URL",
+	"preview.mode.scratchpad": "Scratchpad",
+	"preview.frame.empty": "Nothing is framed in this mode yet",
+	"preview.viewport.fit": "Viewport: fit the panel",
+	"preview.viewport.custom": "Viewport: {width} × {height}",
+	"preview.device.custom": "Custom",
+	"preview.inspect": "Open inspectable",
+	"preview.inspectHint": "Hand this address to the URL mode, proxied same-origin, so its DOM can be read",
+	"preview.url.field": "Address to preview",
+	"preview.url.placeholder": "http://127.0.0.1:5173/",
+	"preview.url.go": "Open",
+	"preview.url.reload": "Reload",
+	"preview.url.proxied": "Loopback address, proxied through this Host so the frame is same-origin and its DOM and console are readable.",
+	"preview.url.crossOrigin": "This is not a loopback address, so the page is framed cross-origin: you can look at it, but its DOM, console and events cannot be read.",
+	"preview.url.empty": "Type an http(s) address. A loopback address is proxied same-origin, which is what makes it inspectable.",
+	"preview.file.field": "File inside the workspace",
+	"preview.file.placeholder": "index.html or src/app.tsx",
+	"preview.file.open": "Preview",
+	"preview.file.empty": "Type a file path, or copy one from the Files panel.",
+	"preview.file.noWorkspace": "This session has no working directory, so there is nothing for a relative path to resolve against.",
+	"preview.file.facts": "{name} · {kind} · {bytes}",
+	"preview.file.overLimit": "The file is over previewMaxFileBytes, so it cannot be previewed in the panel",
+	"preview.file.notPreviewable": "This type cannot be rendered in the panel; open it with the operating system’s default application.",
+	"preview.file.readFailed": "The file could not be read: {message}",
+	"preview.kind.iframe": "document",
+	"preview.kind.markdown": "Markdown",
+	"preview.kind.image": "image",
+	"preview.kind.media": "audio/video",
+	"preview.kind.pdf": "PDF",
+	"preview.kind.text": "text",
+	"preview.kind.other": "unknown type",
+	"preview.scratch.editor": "Scratchpad HTML",
+	"preview.scratch.render": "Render",
+	"preview.scratch.pending": "Rendering…",
+	"preview.scratch.saved": "Saved in this browser, per workspace",
+	"preview.scratch.unsaved": "This browser refused to save the scratchpad (storage full or disabled); rendering still works",
+	"preview.scratch.refused": "The Host refused the scratchpad document (HTTP {status})",
 	"delete.title": "Delete session",
 	"delete.body.archive": "“{name}” will be hidden from the sidebar. Its log stays on disk.",
 	"delete.body.purge": "“{name}” will be hidden and its session log file removed. This cannot be undone.",
@@ -24512,7 +26795,7 @@ const en = {
 	"notice.dismiss": "Dismiss",
 	"error.transport": "The Host did not answer: {message}",
 	"settings.title": "Advanced sidebar",
-	"settings.description": "Changes, terminal, files, background tasks, Open in, Archive and Delete on the sidebar",
+	"settings.description": "Changes, terminal, files, preview, background tasks, Open in, Archive and Delete beside the conversation",
 	"settings.status.ready": "Ready",
 	"settings.status.partial": "Partly available",
 	"settings.group.placement": "Where it appears",
@@ -24544,7 +26827,7 @@ const en = {
 	"settings.previewReadyTimeoutMs": "Preview ready timeout",
 	"settings.previewReadyTimeoutMs.hint": "How long to wait for the port to start accepting, in milliseconds.",
 	"settings.previews": "Preview configurations",
-	"settings.previews.hint": "Configured under `previews` in cordis.yml; a workspace’s own .claude/launch.json is read first.",
+	"settings.previews.hint": "Configured under `previews` in cordis.patch.yml; a workspace’s own .claude/launch.json is read first.",
 	"settings.previews.empty": "No preview configurations.",
 	"settings.panelWidth": "Panel width",
 	"settings.panelWidth.hint": "Drawer width in pixels; a narrow window shrinks it.",
@@ -24552,7 +26835,7 @@ const en = {
 	"settings.deleteMode.archive": "Archive only",
 	"settings.deleteMode.purge": "Archive and remove the log",
 	"settings.deleteMode.hint": "Removing the log cannot be undone; a live session is archived only.",
-	"settings.deleteMode.unsupported": "This session-persistence backend keeps no per-session file, so Delete can only archive.",
+	"settings.deleteMode.unsupported": "This harness has no supported way to remove a session log, so Delete can only archive.",
 	"settings.confirmDelete": "Confirm before deleting",
 	"settings.confirmDelete.hint": "Required while Delete removes the log.",
 	"settings.allowTaskKill": "Allow stopping a task",
@@ -24582,7 +26865,7 @@ const en = {
 	"settings.maxTerminals": "Most terminals at once",
 	"settings.maxTerminals.hint": "How many panel terminals may be open together.",
 	"settings.editors": "Open in targets",
-	"settings.editors.hint": "Configured under `editors` in cordis.yml; this lists whether each resolves on this Host.",
+	"settings.editors.hint": "Configured under `editors` in cordis.patch.yml; this lists whether each resolves on this Host.",
 	"settings.editors.empty": "No external applications are configured.",
 	"settings.editors.available": "Available",
 	"settings.editors.missing": "Not found",
@@ -24633,6 +26916,7 @@ async function apply(ctx) {
 */
 function surface(ctx) {
 	const controller = new PanelController();
+	const logDownload = new LogDownloadBridge();
 	const unwrap = (result) => {
 		if (!result.ok) throw new Error(`${result.error.message} (${result.error.code})`);
 		return result.value;
@@ -24723,7 +27007,8 @@ function surface(ctx) {
 	const menuInjected = () => ({
 		hooks: {
 			sidebar: controller,
-			settings: scope
+			settings: scope,
+			logDownload
 		},
 		describe: describe$2,
 		openPanel: (panel, target) => {
@@ -24734,7 +27019,52 @@ function surface(ctx) {
 			window.open(window.location.href, "_blank", "noopener,noreferrer");
 		},
 		archive,
-		requestDelete
+		requestDelete,
+		downloadLog: (sessionId) => {
+			if (!logDownload.download(sessionId)) controller.notify("error", ctx.locale.bind(LOCALE_NS)("menu.downloadLog.unavailable"));
+		}
+	});
+	/**
+	* Download session log, absorbed from `@deepseek-ai/dsh-session-log-export` (see
+	* `log-download.ts` for the whole rationale).
+	*
+	* Its own child fiber, injecting the harness's `sessionLogDownload` service, because that service
+	* is optional and may arrive after this plugin: Cordis applies the child once the service exists
+	* and disposes it when the service goes, so the menu loads either way, and the shadow and the
+	* bridge exist exactly while there is a controller behind them. The service is then read through
+	* `ctx.get` and narrowed by shape, since its type belongs to a package this one does not depend on.
+	*/
+	ctx.plugin({
+		name: "advanced-sidebar-log-download",
+		inject: ["slots", LOG_DOWNLOAD_SERVICE],
+		apply: (child) => {
+			const service = asLogDownloadService(child.get(LOG_DOWNLOAD_SERVICE));
+			if (service === void 0) return;
+			child.effect(() => logDownload.attach(service), "advanced-sidebar: session log export bridge");
+			child.effect(() => {
+				const recheck = () => {
+					logDownload.setShadowing(shadowsHarnessSeat(child.slots.entries(LOG_DOWNLOAD_SLOT)));
+				};
+				recheck();
+				const unsubscribe = child.slots.subscribe(LOG_DOWNLOAD_SLOT, recheck);
+				return () => {
+					unsubscribe();
+					logDownload.setShadowing(false);
+				};
+			}, "advanced-sidebar: session log download seat watch");
+			child.slots.inject(LOG_DOWNLOAD_SLOT, () => child.slots.register({
+				name: LOG_DOWNLOAD_SLOT,
+				id: LOG_DOWNLOAD_SEAT_ID,
+				priority: LOG_DOWNLOAD_SHADOW_PRIORITY,
+				locale: LOCALE_NS,
+				inject: () => ({
+					hooks: { logDownload },
+					dismiss: (sessionId) => {
+						logDownload.dismiss(sessionId);
+					}
+				})
+			}, LogDownloadDialog));
+		}
 	});
 	ctx.slots.inject("conversation.session.header.utilities", () => ctx.slots.register({
 		name: "conversation.session.header.utilities",
@@ -24808,6 +27138,13 @@ function surface(ctx) {
 				serverId,
 				fromOffset
 			}).then(unwrap),
+			previewFileInfo: (workspacePath, path, signal) => remote.previewFileInfo({
+				workspacePath,
+				path
+			}, signal).then(unwrap),
+			previewPoll: (request) => remote.previewPoll(request).then(unwrap),
+			previewResult: (request) => remote.previewResult(request).then(unwrap),
+			previewRelease: (clientId) => remote.previewRelease({ clientId }).then(unwrap),
 			readFile: (path, workspacePath, signal) => remote.readFile({
 				path,
 				workspacePath