@norman-else/dsh-claude 0.1.9 → 0.1.11

package/lib/bin.mjs

@@ -1,5 +1,5 @@
 #!/usr/bin/env node
-import { i as parseClaudeVersion, n as ensureManagedPreset, r as removeManagedPreset } from "./preset-installer-DUmmDvBm.mjs";
+import { i as parseClaudeVersion, n as ensureManagedPreset, r as removeManagedPreset } from "./preset-installer-B0NrA4Hi.mjs";
 import { access } from "node:fs/promises";
 import { delimiter, isAbsolute, join } from "node:path";
 import { homedir } from "node:os";

package/lib/client.d.ts

@@ -35,6 +35,12 @@ window.__ModuleLoader__.load({
 		  readonly error: "Doctor failed";
 		  readonly security: "Permission boundary";
 		  readonly securityBody: "Claude tool permissions are decided through the DSH approval UI. This version does not claim kernel-level write isolation for ~/.claude or paths outside the workspace.";
+		  readonly globalSettings: "Claude Code global settings";
+		  readonly globalSettingsBody: "Modify supported ~/.claude/settings.json values while preserving every other field.";
+		  readonly globalSettingsLoading: "Loading global settings…";
+		  readonly globalSettingsNewSession: "Output Style changes apply only to new Claude sessions.";
+		  readonly globalSettingsError: "Global settings save failed";
+		  readonly outputStyle: "Output Style";
 		  readonly pluginUpdate: "Plugin updates";
 		  readonly pluginUpdateBody: "Check npm for new releases. Only a uniquely identified npm installation can update in place; local development links are never replaced.";
 		  readonly updateNotChecked: "Updates have not been checked yet.";

package/lib/client.js

@@ -3,7 +3,7 @@ window.__ModuleLoader__.load({
 	factory: (require) => {
 		var module = { exports: {} };
 		module.exports;
-		var { useCallback, useEffect, useMemo, useState } = require("react");
+		var { useCallback, useEffect, useId, useMemo, useRef, useState } = require("react");
 		var { Fragment, jsx, jsxs } = require("react/jsx-runtime");
 		var { DisclosureRow, IconApiOutline14, IconThinkOutline14, StateDot } = require("@deepseek-ai/dsh-client-ui-primitives");
 		/** Claude's subagent dispatch tools; rendered as plugin-owned group cards
@@ -13,6 +13,7 @@ window.__ModuleLoader__.load({
 		const CLAUDE_UPDATE_CHECK_PATH = "/plugins/dsh-claude/update/check";
 		const CLAUDE_UPDATE_PATH = "/plugins/dsh-claude/update";
 		const CLAUDE_PROJECTION_PATH = "/plugins/dsh-claude/projection";
+		const CLAUDE_GLOBAL_SETTINGS_PATH = "/plugins/dsh-claude/settings/global";
 		//#endregion
 		//#region src/client/conversation-sidecar.ts
 		function isTaskActivity(value) {
@@ -309,6 +310,91 @@ window.__ModuleLoader__.load({
 			fontWeight: 500,
 			overflowWrap: "anywhere"
 		};
+		const settingSelect = {
+			position: "relative",
+			minWidth: 0
+		};
+		const settingSelectTrigger = {
+			width: "100%",
+			minHeight: 38,
+			display: "flex",
+			alignItems: "center",
+			justifyContent: "space-between",
+			gap: 12,
+			padding: "7px 11px 7px 13px",
+			border: "1px solid var(--dsw-alias-border-l2)",
+			borderRadius: 10,
+			background: "var(--dsw-alias-bg-layer-2)",
+			color: "var(--dsw-alias-label-primary)",
+			boxShadow: "0 1px 2px color-mix(in srgb, var(--dsw-alias-label-primary) 5%, transparent)",
+			font: "inherit",
+			fontSize: 13,
+			lineHeight: "20px",
+			textAlign: "left",
+			cursor: "pointer",
+			transition: "border-color 120ms ease, box-shadow 120ms ease, background 120ms ease"
+		};
+		const settingSelectTriggerOpen = {
+			borderColor: "var(--dsw-static-blue-450)",
+			boxShadow: "0 0 0 3px color-mix(in srgb, var(--dsw-static-blue-450) 15%, transparent)"
+		};
+		const settingSelectValue = {
+			minWidth: 0,
+			flex: 1,
+			overflow: "hidden",
+			textOverflow: "ellipsis",
+			whiteSpace: "nowrap",
+			fontWeight: 550
+		};
+		const settingSelectChevron = {
+			flex: "none",
+			color: "var(--dsw-alias-label-tertiary)",
+			fontSize: 16,
+			lineHeight: 1,
+			transform: "translateY(-1px)",
+			transition: "transform 120ms ease"
+		};
+		const settingSelectChevronOpen = { transform: "translateY(1px) rotate(180deg)" };
+		const settingSelectMenu = {
+			position: "absolute",
+			zIndex: 20,
+			top: "calc(100% + 6px)",
+			left: 0,
+			right: 0,
+			maxHeight: 240,
+			overflowY: "auto",
+			padding: 5,
+			border: "1px solid var(--dsw-alias-border-l2)",
+			borderRadius: 11,
+			background: "var(--dsw-alias-bg-layer-1)",
+			boxShadow: "0 12px 32px color-mix(in srgb, var(--dsw-alias-label-primary) 16%, transparent), 0 2px 8px color-mix(in srgb, var(--dsw-alias-label-primary) 8%, transparent)"
+		};
+		const settingSelectOption = {
+			width: "100%",
+			minHeight: 34,
+			display: "flex",
+			alignItems: "center",
+			gap: 8,
+			padding: "6px 9px",
+			border: "none",
+			borderRadius: 7,
+			background: "transparent",
+			color: "var(--dsw-alias-label-primary)",
+			font: "inherit",
+			fontSize: 13,
+			lineHeight: "20px",
+			textAlign: "left",
+			cursor: "pointer"
+		};
+		const settingSelectOptionActive = { background: "var(--dsw-alias-bg-layer-2)" };
+		const settingSelectCheck = {
+			width: 14,
+			flex: "none",
+			color: "var(--dsw-static-blue-450)",
+			fontSize: 12,
+			fontWeight: 700,
+			textAlign: "center"
+		};
 		const settingsActions = {
 			display: "flex",
 			flexWrap: "wrap",
@@ -1016,9 +1102,136 @@ window.__ModuleLoader__.load({
 				"error"
 			].includes(String(status.state)) && typeof status.canUpdate === "boolean" && typeof status.restartRequired === "boolean" && (status.message === void 0 || typeof status.message === "string");
 		}
+		function isGlobalSettingsView(value) {
+			if (typeof value !== "object" || value === null || Array.isArray(value)) return false;
+			const settings = value.settings;
+			return Array.isArray(settings) && settings.every((setting) => {
+				if (typeof setting !== "object" || setting === null || Array.isArray(setting)) return false;
+				const item = setting;
+				return typeof item.key === "string" && item.kind === "select" && typeof item.value === "string" && ["new-session", "restart"].includes(String(item.effect)) && Array.isArray(item.options) && item.options.every((option) => typeof option === "object" && option !== null && typeof option.value === "string" && typeof option.label === "string" && [
+					"built-in",
+					"user",
+					"configured"
+				].includes(String(option.source)));
+			});
+		}
 		function value(status, detail) {
 			return detail === void 0 ? status : `${status} · ${detail}`;
 		}
+		function GlobalSettingSelect({ setting, disabled, onChange }) {
+			const [open, setOpen] = useState(false);
+			const [activeIndex, setActiveIndex] = useState(0);
+			const rootRef = useRef(null);
+			const triggerRef = useRef(null);
+			const listboxId = useId();
+			const selectedIndex = Math.max(0, setting.options.findIndex((option) => option.value === setting.value));
+			const selectedOption = setting.options[selectedIndex];
+			useEffect(() => {
+				if (!open) return;
+				const closeOnOutsidePointer = (event) => {
+					if (!rootRef.current?.contains(event.target)) setOpen(false);
+				};
+				document.addEventListener("mousedown", closeOnOutsidePointer);
+				return () => document.removeEventListener("mousedown", closeOnOutsidePointer);
+			}, [open]);
+			const openMenu = (index = selectedIndex) => {
+				setActiveIndex(index);
+				setOpen(true);
+			};
+			const choose = (index) => {
+				const option = setting.options[index];
+				if (option === void 0) return;
+				setOpen(false);
+				triggerRef.current?.focus();
+				if (option.value !== setting.value) onChange(option.value);
+			};
+			const move = (offset) => {
+				const count = setting.options.length;
+				if (count === 0) return;
+				setActiveIndex((current) => (current + offset + count) % count);
+			};
+			return /* @__PURE__ */ jsxs("div", {
+				ref: rootRef,
+				style: settingSelect,
+				onBlur: (event) => {
+					if (!event.currentTarget.contains(event.relatedTarget)) setOpen(false);
+				},
+				children: [/* @__PURE__ */ jsxs("button", {
+					ref: triggerRef,
+					type: "button",
+					"aria-haspopup": "listbox",
+					"aria-expanded": open,
+					"aria-controls": open ? listboxId : void 0,
+					"aria-activedescendant": open ? `${listboxId}-${activeIndex}` : void 0,
+					disabled: disabled || setting.options.length === 0,
+					style: {
+						...settingSelectTrigger,
+						...open ? settingSelectTriggerOpen : {}
+					},
+					onClick: () => {
+						if (open) setOpen(false);
+						else openMenu();
+					},
+					onKeyDown: (event) => {
+						if (event.key === "ArrowDown" || event.key === "ArrowUp") {
+							event.preventDefault();
+							if (!open) openMenu(event.key === "ArrowDown" ? selectedIndex : Math.max(0, setting.options.length - 1));
+							else move(event.key === "ArrowDown" ? 1 : -1);
+						} else if (event.key === "Home" && open) {
+							event.preventDefault();
+							setActiveIndex(0);
+						} else if (event.key === "End" && open) {
+							event.preventDefault();
+							setActiveIndex(Math.max(0, setting.options.length - 1));
+						} else if ((event.key === "Enter" || event.key === " ") && open) {
+							event.preventDefault();
+							choose(activeIndex);
+						} else if (event.key === "Escape" && open) {
+							event.preventDefault();
+							setOpen(false);
+						}
+					},
+					children: [/* @__PURE__ */ jsx("span", {
+						style: settingSelectValue,
+						children: selectedOption?.label ?? setting.value
+					}), /* @__PURE__ */ jsx("span", {
+						"aria-hidden": "true",
+						style: {
+							...settingSelectChevron,
+							...open ? settingSelectChevronOpen : {}
+						},
+						children: "⌄"
+					})]
+				}), open ? /* @__PURE__ */ jsx("div", {
+					id: listboxId,
+					role: "listbox",
+					"aria-activedescendant": `${listboxId}-${activeIndex}`,
+					style: settingSelectMenu,
+					children: setting.options.map((option, index) => {
+						const selected = option.value === setting.value;
+						const active = index === activeIndex;
+						return /* @__PURE__ */ jsxs("button", {
+							id: `${listboxId}-${index}`,
+							type: "button",
+							role: "option",
+							"aria-selected": selected,
+							style: {
+								...settingSelectOption,
+								...active ? settingSelectOptionActive : {}
+							},
+							onMouseEnter: () => setActiveIndex(index),
+							onMouseDown: (event) => event.preventDefault(),
+							onClick: () => choose(index),
+							children: [/* @__PURE__ */ jsx("span", {
+								style: settingSelectCheck,
+								"aria-hidden": "true",
+								children: selected ? "✓" : ""
+							}), /* @__PURE__ */ jsx("span", { children: option.label })]
+						}, `${option.source}:${option.value}`);
+					})
+				}) : null]
+			});
+		}
 		function ClaudeCodeSettings({ t }) {
 			const [report, setReport] = useState();
 			const [error, setError] = useState();
@@ -1026,6 +1239,9 @@ window.__ModuleLoader__.load({
 			const [updateStatus, setUpdateStatus] = useState();
 			const [updateError, setUpdateError] = useState();
 			const [updateBusy, setUpdateBusy] = useState();
+			const [globalSettings, setGlobalSettings] = useState();
+			const [globalSettingsError, setGlobalSettingsError] = useState();
+			const [globalSettingsBusy, setGlobalSettingsBusy] = useState(false);
 			const refresh = useCallback(async () => {
 				setBusy(true);
 				setError(void 0);
@@ -1047,6 +1263,35 @@ window.__ModuleLoader__.load({
 			useEffect(() => {
 				refresh();
 			}, [refresh]);
+			const requestGlobalSettings = useCallback(async (changes) => {
+				setGlobalSettingsBusy(true);
+				setGlobalSettingsError(void 0);
+				try {
+					const response = await fetch(CLAUDE_GLOBAL_SETTINGS_PATH, {
+						method: changes === void 0 ? "GET" : "PATCH",
+						credentials: "same-origin",
+						headers: {
+							accept: "application/json",
+							...changes === void 0 ? {} : { "content-type": "application/json" }
+						},
+						...changes === void 0 ? {} : { body: JSON.stringify({ changes }) }
+					});
+					const payload = await response.json();
+					if (!response.ok) {
+						const message = typeof payload === "object" && payload !== null && "error" in payload && typeof payload.error === "string" ? payload.error : `HTTP ${response.status}`;
+						throw new Error(message);
+					}
+					if (!isGlobalSettingsView(payload)) throw new Error("Invalid global settings response");
+					setGlobalSettings(payload);
+				} catch (cause) {
+					setGlobalSettingsError(cause instanceof Error ? cause.message : String(cause));
+				} finally {
+					setGlobalSettingsBusy(false);
+				}
+			}, []);
+			useEffect(() => {
+				requestGlobalSettings();
+			}, [requestGlobalSettings]);
 			const requestUpdate = useCallback(async (action) => {
 				setUpdateBusy(action);
 				setUpdateError(void 0);
@@ -1148,6 +1393,50 @@ window.__ModuleLoader__.load({
 							})
 						]
 					}),
+					/* @__PURE__ */ jsxs("section", {
+						style: settingsCard,
+						children: [
+							/* @__PURE__ */ jsxs("div", { children: [/* @__PURE__ */ jsx("h3", {
+								style: settingsSectionHeading,
+								children: t("globalSettings")
+							}), /* @__PURE__ */ jsx("p", {
+								style: settingsBody,
+								children: t("globalSettingsBody")
+							})] }),
+							globalSettings === void 0 ? /* @__PURE__ */ jsx("p", {
+								style: notice,
+								children: t("globalSettingsLoading")
+							}) : globalSettings.settings.map((setting) => /* @__PURE__ */ jsxs("div", {
+								style: diagnosticGrid,
+								children: [/* @__PURE__ */ jsx("span", {
+									style: diagnosticLabel,
+									children: setting.key === "outputStyle" ? t("outputStyle") : setting.key
+								}), /* @__PURE__ */ jsx(GlobalSettingSelect, {
+									setting,
+									disabled: globalSettingsBusy,
+									onChange: (nextValue) => {
+										requestGlobalSettings({ [setting.key]: nextValue });
+									}
+								})]
+							}, setting.key)),
+							globalSettings?.settings.some((setting) => setting.effect === "new-session") === true ? /* @__PURE__ */ jsx("p", {
+								style: notice,
+								children: t("globalSettingsNewSession")
+							}) : null,
+							globalSettingsError === void 0 ? null : /* @__PURE__ */ jsxs("p", {
+								role: "alert",
+								style: {
+									...notice,
+									color: "var(--dsw-alias-state-error-primary)"
+								},
+								children: [
+									t("globalSettingsError"),
+									": ",
+									globalSettingsError
+								]
+							})
+						]
+					}),
 					/* @__PURE__ */ jsxs("section", {
 						style: settingsCard,
 						children: [
@@ -1392,6 +1681,12 @@ window.__ModuleLoader__.load({
 			error: "诊断失败",
 			security: "权限边界",
 			securityBody: "Claude 工具权限通过 DSH 审批界面决定；当前版本不宣称对 ~/.claude 与工作区之外路径提供内核级写入隔离。",
+			globalSettings: "Claude Code 全局设置",
+			globalSettingsBody: "修改受支持的 ~/.claude/settings.json 设置；其他字段会被保留。",
+			globalSettingsLoading: "正在加载全局设置…",
+			globalSettingsNewSession: "Output Style 修改仅对新建 Claude 会话生效。",
+			globalSettingsError: "全局设置保存失败",
+			outputStyle: "Output Style",
 			pluginUpdate: "插件更新",
 			pluginUpdateBody: "检查 npm 上的新版本。只有可唯一识别的 npm 安装才能直接更新；本地开发链接不会被替换。",
 			updateNotChecked: "尚未检查更新。",
@@ -1470,6 +1765,12 @@ window.__ModuleLoader__.load({
 			error: "Doctor failed",
 			security: "Permission boundary",
 			securityBody: "Claude tool permissions are decided through the DSH approval UI. This version does not claim kernel-level write isolation for ~/.claude or paths outside the workspace.",
+			globalSettings: "Claude Code global settings",
+			globalSettingsBody: "Modify supported ~/.claude/settings.json values while preserving every other field.",
+			globalSettingsLoading: "Loading global settings…",
+			globalSettingsNewSession: "Output Style changes apply only to new Claude sessions.",
+			globalSettingsError: "Global settings save failed",
+			outputStyle: "Output Style",
 			pluginUpdate: "Plugin updates",
 			pluginUpdateBody: "Check npm for new releases. Only a uniquely identified npm installation can update in place; local development links are never replaced.",
 			updateNotChecked: "Updates have not been checked yet.",