@norman-else/dsh-claude 0.1.46 → 0.1.47

package/lib/client.js

@@ -4,7 +4,7 @@ window.__ModuleLoader__.load({
 		var module = { exports: {} };
 		module.exports;
 		var { Fragment, useCallback, useEffect, useId, useLayoutEffect, useMemo, useRef, useState, useSyncExternalStore } = require("react");
-		var { Button, DiffBlock, DisclosureRow, HoverCard, IconAgentPresetOutline16, IconApiOutline14, IconBranchOutline16, IconCheckOutline14, IconCheckOutline16, IconChevronDownOutline14, IconChevronRightOutline14, IconChevronUpOutline14, IconCloseOutline16, IconEditOutline16, IconEllipsisOutline16, IconFullscreenOutline16, IconListPenOutline16, IconLoadingOutline16, IconQueueOutline14, IconRefreshOutline14, IconRefreshOutline16, IconRightUpOutline14, IconSearchOutline16, IconSendOutline14, IconSparkle16, IconThinkOutline14, IconTrashOutline16, MarkdownText, Menu, Modal, StateDot, Toast, Tooltip, useDismissOnOutsidePointer } = require("@deepseek-ai/dsh-client-ui-primitives");
+		var { Button, DiffBlock, DisclosureRow, HoverCard, IconAgentPresetOutline16, IconApiOutline14, IconBranchOutline16, IconCheckOutline14, IconCheckOutline16, IconChevronDownOutline14, IconChevronRightOutline14, IconChevronUpOutline14, IconCloseOutline16, IconEditOutline16, IconFullscreenOutline16, IconListPenOutline16, IconLoadingOutline16, IconQueueOutline14, IconRefreshOutline14, IconRefreshOutline16, IconRightUpOutline14, IconSearchOutline16, IconSendOutline14, IconSparkle16, IconThinkOutline14, IconTrashOutline16, MarkdownText, Menu, Modal, StateDot, Toast, Tooltip, useDismissOnOutsidePointer } = require("@deepseek-ai/dsh-client-ui-primitives");
 		var { Fragment: Fragment$1, jsx, jsxs } = require("react/jsx-runtime");
 		var { createPortal } = require("react-dom");
 		/** Claude's subagent dispatch tools; rendered as plugin-owned group cards
@@ -25,7 +25,6 @@ window.__ModuleLoader__.load({
 		const CLAUDE_REPOSITORY_FILE_PATH = "/plugins/dsh-claude/repository/file";
 		const CLAUDE_JIRA_PATH = "/plugins/dsh-claude/jira";
 		const CLAUDE_ASK_PATH = "/plugins/dsh-claude/ask";
-		const CLAUDE_EDITOR_OPEN_PATH = "/plugins/dsh-claude/editor/open";
 		const CLAUDE_REWIND_PATH = "/plugins/dsh-claude/rewind";
 		const CLAUDE_PLAN_FEEDBACK_PATH = "/plugins/dsh-claude/plan/feedback";
 		const CLAUDE_PROMPTS_PATH = "/plugins/dsh-claude/prompts";
@@ -4457,7 +4456,7 @@ window.__ModuleLoader__.load({
 			].includes(String(repository.operation)) || repository.conflicts !== void 0 && (!Array.isArray(repository.conflicts) || repository.conflicts.length > MAX_CONFLICT_PATHS || repository.conflicts.some((path) => typeof path !== "string" || path.length > MAX_REPOSITORY_TEXT_CHARS))) return false;
 			if (repository.diff !== void 0) {
 				const diff = record$7(repository.diff);
-				if (diff === void 0 || !nonNegativeInteger(diff.additions) || !nonNegativeInteger(diff.deletions) || !nonNegativeInteger(diff.files) || typeof diff.truncated !== "boolean" || diff.patch !== void 0 && (typeof diff.patch !== "string" || diff.patch.length > MAX_DIFF_CHARS)) return false;
+				if (diff === void 0 || !nonNegativeInteger(diff.additions) || !nonNegativeInteger(diff.deletions) || !nonNegativeInteger(diff.files) || typeof diff.truncated !== "boolean" || diff.elided !== void 0 && !(Array.isArray(diff.elided) && diff.elided.length <= 1e3 && diff.elided.every((item) => typeof item === "string")) || diff.patch !== void 0 && (typeof diff.patch !== "string" || diff.patch.length > MAX_DIFF_CHARS)) return false;
 			}
 			if (repository.pullRequest === void 0) return true;
 			const pullRequest = record$7(repository.pullRequest);
@@ -5060,10 +5059,10 @@ window.__ModuleLoader__.load({
 			".dsh-claude-act-running{animation:dsh-claude-act-pulse 1.2s ease-in-out infinite}",
 			"@keyframes dsh-claude-act-pulse{0%,100%{opacity:1}50%{opacity:.3}}"
 		].join("");
-		let cssInjected$4 = false;
-		function ensureCss$4() {
-			if (cssInjected$4 || typeof document === "undefined") return;
-			cssInjected$4 = true;
+		let cssInjected$3 = false;
+		function ensureCss$3() {
+			if (cssInjected$3 || typeof document === "undefined") return;
+			cssInjected$3 = true;
 			const element = document.createElement("style");
 			element.dataset.dshClaudeActivity = "";
 			element.textContent = ACTIVITY_CSS;
@@ -5474,7 +5473,7 @@ window.__ModuleLoader__.load({
 		*  the steps the Host never had a message for. Mounted at the turn's foot, so
 		*  it closes the turn under the task badge rather than above it. */
 		function ClaudeTurnUsage({ usage, t }) {
-			ensureCss$4();
+			ensureCss$3();
 			const parts = turnUsageParts(usage, t);
 			if (parts.length === 0) return null;
 			return /* @__PURE__ */ jsxs("div", {
@@ -5493,7 +5492,7 @@ window.__ModuleLoader__.load({
 			});
 		}
 		function ClaudeActivityNode({ node, useClaudeProjection, t }) {
-			ensureCss$4();
+			ensureCss$3();
 			const marker = node.data;
 			const activities = useClaudeProjection((value) => selectStepActivities(value, marker.turn, marker.step));
 			const tasks = useClaudeProjection((value) => value.tasks?.tasks ?? EMPTY_TASKS$1);
@@ -7970,10 +7969,10 @@ window.__ModuleLoader__.load({
 			"width:6px;height:6px;border-radius:999px;background:var(--dsw-alias-state-warning-primary,#e2a03f);",
 			"box-shadow:0 0 0 2px var(--dsw-alias-bg-base)}"
 		].join("");
-		let cssInjected$3 = false;
-		function ensureCss$3() {
-			if (cssInjected$3 || typeof document === "undefined") return;
-			cssInjected$3 = true;
+		let cssInjected$2 = false;
+		function ensureCss$2() {
+			if (cssInjected$2 || typeof document === "undefined") return;
+			cssInjected$2 = true;
 			const element = document.createElement("style");
 			element.dataset.dshClaudeHeaderPlan = "";
 			element.textContent = ACTION_CSS$1;
@@ -8009,7 +8008,7 @@ window.__ModuleLoader__.load({
 				if (!open) togglePlan();
 			});
 			if (!owned || review === void 0) return null;
-			ensureCss$3();
+			ensureCss$2();
 			const label = t(open ? "planClose" : "planOpen");
 			return /* @__PURE__ */ jsx(Tooltip, {
 				label,
@@ -8321,7 +8320,13 @@ window.__ModuleLoader__.load({
 			],
 			uiConversation: ["binding"],
 			uiSession: ["provide"],
-			inputTriggers: ["registerSource"]
+			inputTriggers: ["registerSource"],
+			sidebarRight: [
+				"openTabIn",
+				"closeIn",
+				"toggleExpanded"
+			],
+			sidebarRightTabs: ["register"]
 		};
 		/** One line per service the Host no longer provides, or provides without a
 		*  method this plugin calls on it; empty when everything resolves. */
@@ -9867,6 +9872,165 @@ window.__ModuleLoader__.load({
 			});
 		}
 		//#endregion
+		//#region src/client/ClaudeQueueDock.tsx
+		/** Replaces the Host queue strip (same slot cell, lower priority) with one
+		*  styled like the repository status bar. Behaviour mirrors the Host strip:
+		*  one row inline, several rows behind a collapsible count, edit/remove/steer. */
+		function ClaudeQueueDock({ useSession, t, updateQueue, notify }) {
+			const inbox = useSession((session) => session.queue);
+			const queue = useMemo(() => inbox.filter((row) => row.placement === "queued"), [inbox]);
+			const running = useSession((session) => session.running);
+			const mutable = useSession((session) => session.subagent === null);
+			const [editing, setEditing] = useState();
+			const [busy, setBusy] = useState();
+			const [collapsed, setCollapsed] = useState(true);
+			const listId = useId();
+			useEffect(() => {
+				if (queue.length === 0 && !collapsed) setCollapsed(true);
+				if (editing !== void 0 && (!mutable || !queue.some((row) => row.id === editing.id))) setEditing(void 0);
+			}, [
+				collapsed,
+				editing,
+				mutable,
+				queue
+			]);
+			if (queue.length === 0) return null;
+			const interacting = mutable && (editing !== void 0 || busy !== void 0);
+			const expanded = !collapsed || interacting;
+			const listVisible = queue.length === 1 || expanded;
+			const apply = async (id, action, failure) => {
+				setBusy(id);
+				try {
+					await updateQueue(id, action);
+					return true;
+				} catch {
+					notify("error", failure);
+					return false;
+				} finally {
+					setBusy((current) => current === id ? void 0 : current);
+				}
+			};
+			const saveEdit = async () => {
+				if (editing === void 0 || editing.text.trim() === "") return;
+				if (await apply(editing.id, {
+					kind: "edit",
+					content: [{
+						type: "text",
+						text: editing.text
+					}]
+				}, t("queueEditFailed"))) setEditing(void 0);
+			};
+			const action = (label, icon, onClick, disabled, hint) => /* @__PURE__ */ jsx(Tooltip, {
+				label: hint ?? label,
+				side: "bottom",
+				delayMs: 400,
+				children: /* @__PURE__ */ jsx("button", {
+					type: "button",
+					className: panelIconButtonClass,
+					"aria-label": label,
+					disabled,
+					onClick,
+					children: icon
+				})
+			});
+			return /* @__PURE__ */ jsxs("div", {
+				style: repositoryBarFrame,
+				"data-claude-queue-dock": "",
+				children: [/* @__PURE__ */ jsx("style", {
+					"data-dsh-claude-queue-styles": true,
+					children: panelIconButtonCss
+				}), /* @__PURE__ */ jsxs("div", {
+					style: queueBar,
+					children: [queue.length > 1 ? /* @__PURE__ */ jsxs("button", {
+						type: "button",
+						style: queueHeader,
+						"aria-controls": listId,
+						"aria-expanded": expanded,
+						disabled: interacting,
+						onClick: () => {
+							setCollapsed((value) => !value);
+						},
+						children: [
+							/* @__PURE__ */ jsx("span", {
+								style: queueLead,
+								"aria-hidden": "true",
+								children: /* @__PURE__ */ jsx(IconQueueOutline14, {})
+							}),
+							/* @__PURE__ */ jsx("span", {
+								style: queueCount,
+								children: t("queueCount", { n: queue.length })
+							}),
+							/* @__PURE__ */ jsx("span", {
+								style: queueLead,
+								"aria-hidden": "true",
+								children: expanded ? /* @__PURE__ */ jsx(IconChevronDownOutline14, {}) : /* @__PURE__ */ jsx(IconChevronUpOutline14, {})
+							})
+						]
+					}) : null, /* @__PURE__ */ jsx("ul", {
+						id: listId,
+						style: queueList,
+						hidden: !listVisible,
+						children: listVisible ? queue.map((row, index) => /* @__PURE__ */ jsxs("li", {
+							style: {
+								...queueRow,
+								...index > 0 ? queueRowDivider : {}
+							},
+							children: [
+								queue.length === 1 ? /* @__PURE__ */ jsx("span", {
+									style: queueLead,
+									"aria-hidden": "true",
+									children: /* @__PURE__ */ jsx(IconQueueOutline14, {})
+								}) : null,
+								editing?.id === row.id ? /* @__PURE__ */ jsx("input", {
+									autoFocus: true,
+									style: queueEditor,
+									"aria-label": t("queueEdit"),
+									value: editing.text,
+									onChange: (event) => {
+										setEditing({
+											id: row.id,
+											text: event.currentTarget.value
+										});
+									},
+									onKeyDown: (event) => {
+										if (event.key === "Escape") setEditing(void 0);
+										else if (event.key === "Enter" && !event.nativeEvent.isComposing) {
+											event.preventDefault();
+											saveEdit();
+										}
+									}
+								}) : /* @__PURE__ */ jsx("span", {
+									style: queuePreview,
+									children: row.preview
+								}),
+								mutable ? /* @__PURE__ */ jsx("span", {
+									style: queueActions,
+									children: editing?.id === row.id ? /* @__PURE__ */ jsxs(Fragment$1, { children: [action(t("queueSave"), /* @__PURE__ */ jsx(IconCheckOutline16, { size: 14 }), () => {
+										saveEdit();
+									}, busy !== void 0 || editing.text.trim() === ""), action(t("queueCancelEdit"), /* @__PURE__ */ jsx(IconCloseOutline16, { size: 14 }), () => {
+										setEditing(void 0);
+									}, busy !== void 0)] }) : /* @__PURE__ */ jsxs(Fragment$1, { children: [
+										action(t("queueEdit"), /* @__PURE__ */ jsx(IconEditOutline16, { size: 14 }), () => {
+											if (row.text !== null) setEditing({
+												id: row.id,
+												text: row.text
+											});
+										}, busy !== void 0 || row.text === null, row.text === null ? t("queueEditUnsupported") : void 0),
+										action(t("queueRemove"), /* @__PURE__ */ jsx(IconTrashOutline16, { size: 14 }), () => {
+											apply(row.id, { kind: "remove" }, t("queueRemoveFailed"));
+										}, busy !== void 0),
+										action(t("queueSteer"), /* @__PURE__ */ jsx(IconSendOutline14, {}), () => {
+											apply(row.id, { kind: "steer" }, t("queueSteerFailed"));
+										}, busy !== void 0 || !running, running ? void 0 : t("queueSteerUnavailable"))
+									] })
+								}) : null
+							]
+						}, row.id)) : null
+					})]
+				})]
+			});
+		}
+		//#endregion
 		//#region node_modules/.pnpm/dompurify@3.4.14/node_modules/dompurify/dist/purify.es.mjs
 		/*! @license DOMPurify 3.4.14 | (c) Cure53 and other contributors | Released under the Apache license 2.0 and Mozilla Public License 2.0 | github.com/cure53/DOMPurify/blob/3.4.14/LICENSE */
 		function _arrayLikeToArray(r, a) {
@@ -15530,35 +15694,45 @@ window.__ModuleLoader__.load({
 						/* @__PURE__ */ jsxs("div", {
 							ref: diffBodyRef,
 							style: diffBody,
-							children: [diff.truncated ? /* @__PURE__ */ jsx("p", {
-								style: diffNotice,
-								children: t("diffTruncated")
-							}) : null, files.length === 0 ? /* @__PURE__ */ jsx("p", {
-								style: diffEmpty,
-								children: t("diffEmpty")
-							}) : files.map((file, index) => /* @__PURE__ */ jsx(DiffFileSection, {
-								file,
-								root: repository.root,
-								open: fileOpen(file.path, index),
-								onOpenChange: (open) => {
-									setFileOpen(file.path, open);
-								},
-								t,
-								comments: reviewComments.filter((comment) => comment.path === file.path),
-								ghThreads: ghThreads.filter((thread) => thread.path === file.path),
-								suggestMention,
-								now: threadsLoadedAt,
-								activeTargetKey,
-								onReplyToThread: replyToThread,
-								onThreadResolvedChange: changeThreadResolved,
-								onSendThreadToAi: submitPrompt === void 0 ? void 0 : (thread) => {
-									submitPrompt(composeCommentsPrompt([thread]));
-								},
-								editorAnchor: commentEditor !== void 0 && commentEditor.path === file.path ? commentEditor : void 0,
-								editorNode: commentEditorNode,
-								onOpenEditor: (anchor) => openCommentEditor(file.path, anchor),
-								onRemoveComment: removeComment
-							}, file.path))]
+							children: [
+								diff.truncated ? /* @__PURE__ */ jsx("p", {
+									style: diffNotice,
+									children: t("diffTruncated")
+								}) : null,
+								diff.elided !== void 0 && diff.elided.length > 0 ? /* @__PURE__ */ jsx("p", {
+									style: diffNotice,
+									children: t("diffElided", {
+										count: diff.elided.length,
+										files: diff.elided.join(", ")
+									})
+								}) : null,
+								files.length === 0 ? /* @__PURE__ */ jsx("p", {
+									style: diffEmpty,
+									children: t("diffEmpty")
+								}) : files.map((file, index) => /* @__PURE__ */ jsx(DiffFileSection, {
+									file,
+									root: repository.root,
+									open: fileOpen(file.path, index),
+									onOpenChange: (open) => {
+										setFileOpen(file.path, open);
+									},
+									t,
+									comments: reviewComments.filter((comment) => comment.path === file.path),
+									ghThreads: ghThreads.filter((thread) => thread.path === file.path),
+									suggestMention,
+									now: threadsLoadedAt,
+									activeTargetKey,
+									onReplyToThread: replyToThread,
+									onThreadResolvedChange: changeThreadResolved,
+									onSendThreadToAi: submitPrompt === void 0 ? void 0 : (thread) => {
+										submitPrompt(composeCommentsPrompt([thread]));
+									},
+									editorAnchor: commentEditor !== void 0 && commentEditor.path === file.path ? commentEditor : void 0,
+									editorNode: commentEditorNode,
+									onOpenEditor: (anchor) => openCommentEditor(file.path, anchor),
+									onRemoveComment: removeComment
+								}, file.path))
+							]
 						})
 					]
 				}),
@@ -15714,247 +15888,202 @@ window.__ModuleLoader__.load({
 			] });
 		}
 		//#endregion
-		//#region src/client/ClaudePanelOverlay.tsx
-		const useClientLayoutEffect = typeof window === "undefined" ? useEffect : useLayoutEffect;
-		function shouldRestoreFromEscape(event, root = document) {
-			return event.key === "Escape" && root.querySelector("[role=\"dialog\"][aria-modal=\"true\"]") === null;
-		}
-		function workspaceBounds(overlay) {
-			const frame = overlay.parentElement;
-			if (frame === null) return void 0;
-			const overlayRect = overlay.getBoundingClientRect();
-			const candidates = Array.from(frame.children).filter((element) => element !== overlay).map((element) => element.getBoundingClientRect()).filter((rect) => rect.width > 0 && rect.height > 0);
-			const insetCandidates = candidates.filter((rect) => rect.left > overlayRect.left);
-			const workspace = (insetCandidates.length > 0 ? insetCandidates : candidates).reduce((largest, rect) => {
-				if (largest === void 0 || rect.width * rect.height > largest.width * largest.height) return rect;
-				return largest;
-			}, void 0);
-			if (workspace === void 0) return void 0;
-			const left = Math.max(0, workspace.left - overlayRect.left);
-			const top = Math.max(0, workspace.top - overlayRect.top);
+		//#region src/client/sidebar-tabs.tsx
+		/**
+		* The plugin's panels as tabs of the Host's right sidebar.
+		*
+		* Host 0.1.5 removed the `details` column this package used to register a
+		* single panel into, and replaced it with a tabbed, splittable, floatable right
+		* sidebar (`@deepseek-ai/dsh-client-ui-sidebar-right`). A panel there is a
+		* tab *type*: declared once in `ctx.sidebarRightTabs`, with its body registered
+		* into `sidebar.right.pane.tab` under the type's id, and opened per session
+		* through `ctx.sidebarRight.openTabIn`. Reopening a type that is already open
+		* focuses that tab and re-delivers the navigation params, so a second "show
+		* tasks" press for another turn lands in the same tab.
+		*
+		* The Host owns fullscreen and closing now, so the maximized overlays this
+		* package used to draw are gone: a panel's maximize button toggles the
+		* sidebar's own expanded mode, and its close button closes the tab.
+		*/
+		const CLAUDE_TAB_KINDS = {
+			diff: "claude-diff",
+			plan: "claude-plan",
+			tasks: "claude-tasks",
+			overview: "claude-overview"
+		};
+		/** Which tab (if any) each kind currently occupies, per session. */
+		var TabOccupancy = class TabOccupancy {
+			#byKey = /* @__PURE__ */ new Map();
+			#listeners = /* @__PURE__ */ new Map();
+			static key(kind, sessionId) {
+				return `${kind}${sessionId}`;
+			}
+			tabId(kind, sessionId) {
+				return this.#byKey.get(TabOccupancy.key(kind, sessionId));
+			}
+			note(kind, sessionId, tabId) {
+				const key = TabOccupancy.key(kind, sessionId);
+				const previous = this.#byKey.get(key);
+				if (tabId === void 0) this.#byKey.delete(key);
+				else this.#byKey.set(key, tabId);
+				if (previous === tabId) return;
+				for (const listener of this.#listeners.get(key) ?? []) listener();
+			}
+			source(kind, sessionId) {
+				const key = TabOccupancy.key(kind, sessionId);
+				return {
+					subscribe: (listener) => {
+						let set = this.#listeners.get(key);
+						if (set === void 0) {
+							set = /* @__PURE__ */ new Set();
+							this.#listeners.set(key, set);
+						}
+						set.add(listener);
+						return () => {
+							set.delete(listener);
+						};
+					},
+					getSnapshot: () => this.#byKey.has(key)
+				};
+			}
+		};
+		/** Bind a panel body to the tab it lives in: report occupancy, and map the
+		*  tab surface onto the panel's close / maximize props. */
+		function useClaudeTab(useTabInfo, noteTab) {
+			const info = useTabInfo();
+			const tabId = info.tab.id;
+			useEffect(() => {
+				noteTab(tabId);
+				return () => {
+					noteTab(void 0);
+				};
+			}, [noteTab, tabId]);
+			const actions = info.tab.actions;
 			return {
-				left,
-				top,
-				width: Math.max(0, Math.min(workspace.width, overlayRect.width - left)),
-				height: Math.max(0, Math.min(workspace.height, overlayRect.height - top))
+				closeDetails: useCallback(() => {
+					actions.close();
+				}, [actions]),
+				maximized: info.sidebar.fullscreen,
+				params: info.tab.navigation.params ?? {}
 			};
 		}
-		function observeWorkspaceBounds(overlay, listener) {
-			const frame = overlay.parentElement;
-			if (frame === null) return () => {};
-			const update = () => {
-				const next = workspaceBounds(overlay);
-				if (next !== void 0) listener(next);
-			};
-			update();
-			const observer = typeof ResizeObserver === "undefined" ? void 0 : new ResizeObserver(update);
-			observer?.observe(frame);
-			for (const element of Array.from(frame.children)) observer?.observe(element);
-			const mutation = typeof MutationObserver === "undefined" ? void 0 : new MutationObserver(update);
-			mutation?.observe(frame, {
-				attributes: true,
-				childList: true
+		function ClaudeDiffTab({ useTabInfo, noteTab, toggleMaximized, ...panel }) {
+			const { closeDetails, maximized, params } = useClaudeTab(useTabInfo, noteTab);
+			return /* @__PURE__ */ jsx(ClaudeDiffPanel, {
+				...panel,
+				closeDetails,
+				maximized,
+				toggleMaximized,
+				...params.initialRoot === void 0 ? {} : { initialRoot: params.initialRoot }
 			});
-			window.addEventListener("resize", update);
-			return () => {
-				observer?.disconnect();
-				mutation?.disconnect();
-				window.removeEventListener("resize", update);
-			};
 		}
-		function ClaudePanelOverlay({ children, onRestore }) {
-			const ref = useRef(null);
-			const [bounds, setBounds] = useState();
-			useClientLayoutEffect(() => {
-				const overlay = ref.current?.closest("[data-shell-overlay]");
-				if (overlay === void 0 || overlay === null) return;
-				return observeWorkspaceBounds(overlay, (next) => {
-					setBounds((current) => current?.left === next.left && current.top === next.top && current.width === next.width && current.height === next.height ? current : next);
-				});
-			}, []);
-			useEffect(() => {
-				const escape = (event) => {
-					if (shouldRestoreFromEscape(event)) onRestore();
-				};
-				window.addEventListener("keydown", escape);
-				return () => window.removeEventListener("keydown", escape);
-			}, [onRestore]);
-			return /* @__PURE__ */ jsx("div", {
-				ref,
-				"data-dsh-claude-panel-overlay": true,
-				style: {
-					position: "absolute",
-					left: bounds?.left ?? 0,
-					top: bounds?.top ?? 0,
-					width: bounds?.width ?? 0,
-					height: bounds?.height ?? 0,
-					visibility: bounds === void 0 ? "hidden" : "visible",
-					padding: 8,
-					boxSizing: "border-box",
-					background: "var(--dsw-alias-bg-base)",
-					pointerEvents: bounds === void 0 ? "none" : "auto"
+		function ClaudePlanTab({ useTabInfo, noteTab, toggleMaximized, ...panel }) {
+			const { closeDetails, maximized } = useClaudeTab(useTabInfo, noteTab);
+			return /* @__PURE__ */ jsx(ClaudePlanPanel, {
+				...panel,
+				closeDetails,
+				maximized,
+				toggleMaximized
+			});
+		}
+		function ClaudeTasksTab({ useTabInfo, noteTab, ...panel }) {
+			const { closeDetails, params } = useClaudeTab(useTabInfo, noteTab);
+			return /* @__PURE__ */ jsx(ClaudeTasksPanel, {
+				...panel,
+				closeDetails,
+				turn: params.turn ?? 0
+			});
+		}
+		function ClaudeOverviewTab({ useTabInfo, noteTab, face }) {
+			const { closeDetails } = useClaudeTab(useTabInfo, noteTab);
+			if (face === void 0) return null;
+			return /* @__PURE__ */ jsx(ClaudePullRequestsPanel, {
+				...face,
+				closeDetails
+			});
+		}
+		/** Declare the four tab types and their bodies; returns the per-session
+		*  open / close / toggle face the rest of the client drives them through. */
+		function registerClaudeSidebarTabs(ctx, options) {
+			const { t, namespace } = options;
+			const occupancy = new TabOccupancy();
+			const toggleMaximized = () => {
+				ctx.sidebarRight.toggleExpanded();
+			};
+			const faceFor = (kind, sessionId) => ({
+				noteTab: (tabId) => {
+					occupancy.note(kind, sessionId, tabId);
 				},
-				children
-			});
-		}
-		//#endregion
-		//#region src/client/ClaudeQueueDock.tsx
-		/** Replaces the Host queue strip (same slot cell, lower priority) with one
-		*  styled like the repository status bar. Behaviour mirrors the Host strip:
-		*  one row inline, several rows behind a collapsible count, edit/remove/steer. */
-		function ClaudeQueueDock({ useSession, t, updateQueue, notify }) {
-			const inbox = useSession((session) => session.queue);
-			const queue = useMemo(() => inbox.filter((row) => row.placement === "queued"), [inbox]);
-			const running = useSession((session) => session.running);
-			const mutable = useSession((session) => session.subagent === null);
-			const [editing, setEditing] = useState();
-			const [busy, setBusy] = useState();
-			const [collapsed, setCollapsed] = useState(true);
-			const listId = useId();
-			useEffect(() => {
-				if (queue.length === 0 && !collapsed) setCollapsed(true);
-				if (editing !== void 0 && (!mutable || !queue.some((row) => row.id === editing.id))) setEditing(void 0);
-			}, [
-				collapsed,
-				editing,
-				mutable,
-				queue
-			]);
-			if (queue.length === 0) return null;
-			const interacting = mutable && (editing !== void 0 || busy !== void 0);
-			const expanded = !collapsed || interacting;
-			const listVisible = queue.length === 1 || expanded;
-			const apply = async (id, action, failure) => {
-				setBusy(id);
-				try {
-					await updateQueue(id, action);
-					return true;
-				} catch {
-					notify("error", failure);
-					return false;
-				} finally {
-					setBusy((current) => current === id ? void 0 : current);
-				}
-			};
-			const saveEdit = async () => {
-				if (editing === void 0 || editing.text.trim() === "") return;
-				if (await apply(editing.id, {
-					kind: "edit",
-					content: [{
-						type: "text",
-						text: editing.text
-					}]
-				}, t("queueEditFailed"))) setEditing(void 0);
-			};
-			const action = (label, icon, onClick, disabled, hint) => /* @__PURE__ */ jsx(Tooltip, {
-				label: hint ?? label,
-				side: "bottom",
-				delayMs: 400,
-				children: /* @__PURE__ */ jsx("button", {
-					type: "button",
-					className: panelIconButtonClass,
-					"aria-label": label,
-					disabled,
-					onClick,
-					children: icon
-				})
-			});
-			return /* @__PURE__ */ jsxs("div", {
-				style: repositoryBarFrame,
-				"data-claude-queue-dock": "",
-				children: [/* @__PURE__ */ jsx("style", {
-					"data-dsh-claude-queue-styles": true,
-					children: panelIconButtonCss
-				}), /* @__PURE__ */ jsxs("div", {
-					style: queueBar,
-					children: [queue.length > 1 ? /* @__PURE__ */ jsxs("button", {
-						type: "button",
-						style: queueHeader,
-						"aria-controls": listId,
-						"aria-expanded": expanded,
-						disabled: interacting,
-						onClick: () => {
-							setCollapsed((value) => !value);
-						},
-						children: [
-							/* @__PURE__ */ jsx("span", {
-								style: queueLead,
-								"aria-hidden": "true",
-								children: /* @__PURE__ */ jsx(IconQueueOutline14, {})
-							}),
-							/* @__PURE__ */ jsx("span", {
-								style: queueCount,
-								children: t("queueCount", { n: queue.length })
-							}),
-							/* @__PURE__ */ jsx("span", {
-								style: queueLead,
-								"aria-hidden": "true",
-								children: expanded ? /* @__PURE__ */ jsx(IconChevronDownOutline14, {}) : /* @__PURE__ */ jsx(IconChevronUpOutline14, {})
-							})
-						]
-					}) : null, /* @__PURE__ */ jsx("ul", {
-						id: listId,
-						style: queueList,
-						hidden: !listVisible,
-						children: listVisible ? queue.map((row, index) => /* @__PURE__ */ jsxs("li", {
-							style: {
-								...queueRow,
-								...index > 0 ? queueRowDivider : {}
-							},
-							children: [
-								queue.length === 1 ? /* @__PURE__ */ jsx("span", {
-									style: queueLead,
-									"aria-hidden": "true",
-									children: /* @__PURE__ */ jsx(IconQueueOutline14, {})
-								}) : null,
-								editing?.id === row.id ? /* @__PURE__ */ jsx("input", {
-									autoFocus: true,
-									style: queueEditor,
-									"aria-label": t("queueEdit"),
-									value: editing.text,
-									onChange: (event) => {
-										setEditing({
-											id: row.id,
-											text: event.currentTarget.value
-										});
-									},
-									onKeyDown: (event) => {
-										if (event.key === "Escape") setEditing(void 0);
-										else if (event.key === "Enter" && !event.nativeEvent.isComposing) {
-											event.preventDefault();
-											saveEdit();
-										}
-									}
-								}) : /* @__PURE__ */ jsx("span", {
-									style: queuePreview,
-									children: row.preview
-								}),
-								mutable ? /* @__PURE__ */ jsx("span", {
-									style: queueActions,
-									children: editing?.id === row.id ? /* @__PURE__ */ jsxs(Fragment$1, { children: [action(t("queueSave"), /* @__PURE__ */ jsx(IconCheckOutline16, { size: 14 }), () => {
-										saveEdit();
-									}, busy !== void 0 || editing.text.trim() === ""), action(t("queueCancelEdit"), /* @__PURE__ */ jsx(IconCloseOutline16, { size: 14 }), () => {
-										setEditing(void 0);
-									}, busy !== void 0)] }) : /* @__PURE__ */ jsxs(Fragment$1, { children: [
-										action(t("queueEdit"), /* @__PURE__ */ jsx(IconEditOutline16, { size: 14 }), () => {
-											if (row.text !== null) setEditing({
-												id: row.id,
-												text: row.text
-											});
-										}, busy !== void 0 || row.text === null, row.text === null ? t("queueEditUnsupported") : void 0),
-										action(t("queueRemove"), /* @__PURE__ */ jsx(IconTrashOutline16, { size: 14 }), () => {
-											apply(row.id, { kind: "remove" }, t("queueRemoveFailed"));
-										}, busy !== void 0),
-										action(t("queueSteer"), /* @__PURE__ */ jsx(IconSendOutline14, {}), () => {
-											apply(row.id, { kind: "steer" }, t("queueSteerFailed"));
-										}, busy !== void 0 || !running, running ? void 0 : t("queueSteerUnavailable"))
-									] })
-								}) : null
-							]
-						}, row.id)) : null
-					})]
-				})]
+				toggleMaximized
 			});
+			const titles = {
+				[CLAUDE_TAB_KINDS.diff]: () => t("diffTabTitle"),
+				[CLAUDE_TAB_KINDS.plan]: () => t("planPanelTitle"),
+				[CLAUDE_TAB_KINDS.tasks]: () => t("tasksPanel"),
+				[CLAUDE_TAB_KINDS.overview]: () => t("overviewTitle")
+			};
+			for (const kind of Object.values(CLAUDE_TAB_KINDS)) ctx.effect(() => ctx.sidebarRightTabs.register({
+				id: kind,
+				kind,
+				priority: "extension",
+				title: titles[kind]
+			}), `dsh-claude: ${kind} tab type`);
+			ctx.slots.inject("sidebar.right.pane.tab", () => ctx.slots.register({
+				name: "sidebar.right.pane.tab",
+				key: CLAUDE_TAB_KINDS.diff,
+				locale: namespace,
+				inject: (sessionId) => ({
+					t,
+					sessionId,
+					...faceFor(CLAUDE_TAB_KINDS.diff, sessionId),
+					...options.diffFace(sessionId)
+				})
+			}, ClaudeDiffTab));
+			ctx.slots.inject("sidebar.right.pane.tab", () => ctx.slots.register({
+				name: "sidebar.right.pane.tab",
+				key: CLAUDE_TAB_KINDS.plan,
+				locale: namespace,
+				inject: (sessionId) => ({
+					t,
+					sessionId,
+					...faceFor(CLAUDE_TAB_KINDS.plan, sessionId)
+				})
+			}, ClaudePlanTab));
+			ctx.slots.inject("sidebar.right.pane.tab", () => ctx.slots.register({
+				name: "sidebar.right.pane.tab",
+				key: CLAUDE_TAB_KINDS.tasks,
+				locale: namespace,
+				inject: (sessionId) => ({
+					t,
+					...faceFor(CLAUDE_TAB_KINDS.tasks, sessionId)
+				})
+			}, ClaudeTasksTab));
+			ctx.slots.inject("sidebar.right.pane.tab", () => ctx.slots.register({
+				name: "sidebar.right.pane.tab",
+				key: CLAUDE_TAB_KINDS.overview,
+				locale: namespace,
+				inject: (sessionId) => ({
+					...faceFor(CLAUDE_TAB_KINDS.overview, sessionId),
+					face: options.overviewFace(sessionId)
+				})
+			}, ClaudeOverviewTab));
+			const open = (kind, sessionId, params) => {
+				ctx.sidebarRight.openTabIn(sessionId, kind, { params });
+			};
+			const close = (kind, sessionId) => {
+				const tabId = occupancy.tabId(kind, sessionId);
+				if (tabId !== void 0) ctx.sidebarRight.closeIn(sessionId, tabId);
+			};
+			return {
+				open,
+				close,
+				toggle: (kind, sessionId, params) => {
+					if (occupancy.tabId(kind, sessionId) === void 0) open(kind, sessionId, params);
+					else close(kind, sessionId);
+				},
+				isOpen: (kind, sessionId) => occupancy.tabId(kind, sessionId) !== void 0,
+				sourceFor: (kind, sessionId) => occupancy.source(kind, sessionId)
+			};
 		}
 		//#endregion
 		//#region src/client/ask-api.ts
@@ -17905,10 +18034,10 @@ window.__ModuleLoader__.load({
 			".dsh-claude-header-diff-add{color:var(--dsw-alias-state-success-primary)}",
 			".dsh-claude-header-diff-del{color:var(--dsw-alias-state-error-primary)}"
 		].join("");
-		let cssInjected$2 = false;
-		function ensureCss$2() {
-			if (cssInjected$2 || typeof document === "undefined") return;
-			cssInjected$2 = true;
+		let cssInjected$1 = false;
+		function ensureCss$1() {
+			if (cssInjected$1 || typeof document === "undefined") return;
+			cssInjected$1 = true;
 			const element = document.createElement("style");
 			element.dataset.dshClaudeHeaderDiff = "";
 			element.textContent = ACTION_CSS;
@@ -17946,7 +18075,7 @@ window.__ModuleLoader__.load({
 			const deletions = useClaudeProjection((projection) => diffTotal(projection, "deletions"));
 			const open = useSyncExternalStore(diffOpen.subscribe, diffOpen.getSnapshot, diffOpen.getSnapshot);
 			if (!owned) return null;
-			ensureCss$2();
+			ensureCss$1();
 			const hasCounts = additions > 0 || deletions > 0;
 			const label = t(open ? "diffClose" : "diffOpen");
 			return /* @__PURE__ */ jsx(Tooltip, {
@@ -17972,168 +18101,6 @@ window.__ModuleLoader__.load({
 			});
 		}
 		//#endregion
-		//#region src/client/editor-open-api.ts
-		/** Launch the session's project in a desktop editor on the host machine. */
-		async function openProjectInEditor(sessionId, editor) {
-			await pluginWrite(CLAUDE_EDITOR_OPEN_PATH, "fast", void 0, { query: {
-				sessionId,
-				editor
-			} });
-		}
-		//#endregion
-		//#region src/client/ClaudeSessionMenu.tsx
-		/** Trigger matches the neighbouring diff action; the cards reproduce the
-		*  primitives' menu surface (r12, inverted hairline, shadow-lv3, 4px inset).
-		*
-		*  Hand-rolled rather than the `Menu` primitive because this menu needs its
-		*  submenu on the LEFT: the trigger is the header's rightmost control, and the
-		*  primitive's nested card is pinned to `left: 100%`, which would open the
-		*  editor list off the right edge of the window. */
-		const MENU_CSS = [
-			".dsh-claude-header-menu-root{position:relative;display:inline-flex}",
-			".dsh-claude-header-menu{flex:none;display:inline-flex;align-items:center;justify-content:center;",
-			"width:32px;height:32px;padding:0;border:0;border-radius:9px;background:transparent;",
-			"color:var(--dsw-alias-label-secondary);cursor:pointer;transition:background .12s ease,color .12s ease}",
-			".dsh-claude-header-menu:hover,.dsh-claude-header-menu:focus-visible,.dsh-claude-header-menu[aria-expanded=\"true\"]{",
-			"background:var(--dsw-alias-interactive-bg-hover);color:var(--dsw-alias-label-primary)}",
-			".dsh-claude-header-menu:active{background:var(--dsw-alias-interactive-bg-active)}",
-			".dsh-claude-header-menu:focus-visible{outline:none}",
-			".dsh-claude-header-menu>svg{display:block;transform:rotate(90deg)}",
-			".dsh-claude-header-menu-card,.dsh-claude-header-menu-sub{box-sizing:border-box;position:absolute;",
-			"display:flex;flex-direction:column;padding:2px;border:1px solid var(--dsw-alias-border-inverted);",
-			"border-radius:7px;background:var(--dsw-specific-menu);box-shadow:var(--dsw-shadow-lv3)}",
-			".dsh-claude-header-menu-card{top:calc(100% + 4px);right:0;z-index:100;min-width:164px;max-width:360px}",
-			".dsh-claude-header-menu-sub{top:-2px;right:calc(100% + 10px);z-index:101;min-width:164px}",
-			".dsh-claude-header-menu-sub::after{content:\"\";position:absolute;top:0;bottom:0;right:-10px;width:10px}",
-			".dsh-claude-header-menu-row{position:relative}",
-			".dsh-claude-header-menu-item{display:flex;align-items:center;gap:6px;width:100%;min-height:26px;",
-			"padding:3px 7px;border:none;border-radius:5px;background:transparent;cursor:pointer;text-align:left;",
-			"font-family:var(--dsw-font-family);font-size:12px;line-height:18px;color:var(--dsw-alias-label-primary)}",
-			".dsh-claude-header-menu-item:hover,.dsh-claude-header-menu-item:focus-visible,",
-			".dsh-claude-header-menu-item[aria-expanded=\"true\"]{background:var(--dsw-alias-interactive-bg-hover)}",
-			".dsh-claude-header-menu-item:focus-visible{outline:none}",
-			".dsh-claude-header-menu-item>span{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}",
-			".dsh-claude-header-menu-item>svg{flex:none;color:var(--dsw-alias-label-tertiary)}",
-			".dsh-claude-header-menu-heading{padding:4px 7px;font-family:var(--dsw-font-family);font-size:11px;",
-			"line-height:16px;color:var(--dsw-alias-label-tertiary)}"
-		].join("");
-		let cssInjected$1 = false;
-		function ensureCss$1() {
-			if (cssInjected$1 || typeof document === "undefined") return;
-			cssInjected$1 = true;
-			for (const stale of document.querySelectorAll("style[data-dsh-claude-header-menu]")) stale.remove();
-			const element = document.createElement("style");
-			element.dataset.dshClaudeHeaderMenu = "";
-			element.textContent = MENU_CSS;
-			document.head.appendChild(element);
-		}
-		const EDITORS = [{
-			id: "cursor",
-			label: "Cursor"
-		}, {
-			id: "idea",
-			label: "IntelliJ IDEA"
-		}];
-		/** The open menu, split out so the SSR tests can render it without a DOM to
-		*  drive the hover that opens the submenu. */
-		function ClaudeSessionMenuCard({ openIn, submenuOpen, failure, onSubmenuOpen, onSelect }) {
-			return /* @__PURE__ */ jsxs("div", {
-				className: "dsh-claude-header-menu-card",
-				role: "menu",
-				children: [/* @__PURE__ */ jsxs("div", {
-					className: "dsh-claude-header-menu-row",
-					onMouseEnter: () => onSubmenuOpen(true),
-					onMouseLeave: () => onSubmenuOpen(false),
-					children: [/* @__PURE__ */ jsxs("button", {
-						type: "button",
-						role: "menuitem",
-						className: "dsh-claude-header-menu-item",
-						"aria-haspopup": "menu",
-						"aria-expanded": submenuOpen,
-						onFocus: () => onSubmenuOpen(true),
-						onClick: () => onSubmenuOpen(true),
-						children: [/* @__PURE__ */ jsx("span", { children: openIn }), /* @__PURE__ */ jsx(IconChevronRightOutline14, {})]
-					}), submenuOpen ? /* @__PURE__ */ jsxs("div", {
-						className: "dsh-claude-header-menu-sub",
-						role: "menu",
-						children: [/* @__PURE__ */ jsx("div", {
-							className: "dsh-claude-header-menu-heading",
-							children: openIn
-						}), EDITORS.map((editor) => /* @__PURE__ */ jsx("button", {
-							type: "button",
-							role: "menuitem",
-							className: "dsh-claude-header-menu-item",
-							onClick: () => onSelect(editor.id),
-							children: /* @__PURE__ */ jsx("span", { children: editor.label })
-						}, editor.id))]
-					}) : null]
-				}), failure === void 0 ? null : /* @__PURE__ */ jsx("div", {
-					className: "dsh-claude-header-menu-heading",
-					children: failure
-				})]
-			});
-		}
-		function ClaudeSessionMenu({ t, sessionId, useClaudeProjection, openInEditor = openProjectInEditor }) {
-			const owned = useClaudeProjection((projection) => projection.owned);
-			const root = useRef(null);
-			const [open, setOpen] = useState(false);
-			const [submenuOpen, setSubmenuOpen] = useState(false);
-			const [failure, setFailure] = useState(void 0);
-			const close = () => {
-				setOpen(false);
-				setSubmenuOpen(false);
-				setFailure(void 0);
-			};
-			useDismissOnOutsidePointer(root, open, (next) => {
-				if (!next) close();
-			});
-			useEffect(() => {
-				if (!open) return void 0;
-				const onKeyDown = (event) => {
-					if (event.key === "Escape") close();
-				};
-				document.addEventListener("keydown", onKeyDown);
-				return () => document.removeEventListener("keydown", onKeyDown);
-			}, [open]);
-			if (!owned) return null;
-			ensureCss$1();
-			const label = t("sessionMenu");
-			const openIn = t("sessionMenuOpenIn");
-			const select = (editor) => {
-				setFailure(void 0);
-				openInEditor(sessionId, editor).then(() => close(), (error) => setFailure(t("sessionMenuOpenFailed", { message: error instanceof Error ? error.message : String(error) })));
-			};
-			return /* @__PURE__ */ jsxs("span", {
-				className: "dsh-claude-header-menu-root",
-				ref: root,
-				children: [/* @__PURE__ */ jsx(Tooltip, {
-					label,
-					side: "bottom",
-					delayMs: 250,
-					disabled: open,
-					children: /* @__PURE__ */ jsx("button", {
-						type: "button",
-						className: "dsh-claude-header-menu",
-						"aria-label": label,
-						"aria-haspopup": "menu",
-						"aria-expanded": open,
-						"data-session": sessionId,
-						onClick: () => {
-							if (open) close();
-							else setOpen(true);
-						},
-						children: /* @__PURE__ */ jsx(IconEllipsisOutline16, {})
-					})
-				}), open ? /* @__PURE__ */ jsx(ClaudeSessionMenuCard, {
-					openIn,
-					submenuOpen,
-					failure,
-					onSubmenuOpen: setSubmenuOpen,
-					onSelect: select
-				}) : null]
-			});
-		}
-		//#endregion
 		//#region src/client/claude-mark.ts
 		/** The Claude wordmark glyph, lifted verbatim from the brand SVG.
 		*
@@ -18280,41 +18247,6 @@ window.__ModuleLoader__.load({
 			});
 		}
 		//#endregion
-		//#region src/client/panel-open-store.ts
-		var PanelOpenStore = class {
-			#sessionId;
-			#listeners = /* @__PURE__ */ new Set();
-			/** Mark this panel open for one session, replacing any previous holder. */
-			open(sessionId) {
-				this.#set(sessionId);
-			}
-			/** Mark this panel closed. */
-			close() {
-				this.#set(void 0);
-			}
-			/** Whether this panel is currently open for this session. */
-			isOpen(sessionId) {
-				return this.#sessionId === sessionId;
-			}
-			/** A per-session snapshot source for `useSyncExternalStore`. */
-			sourceFor(sessionId) {
-				return {
-					subscribe: (listener) => {
-						this.#listeners.add(listener);
-						return () => {
-							this.#listeners.delete(listener);
-						};
-					},
-					getSnapshot: () => this.isOpen(sessionId)
-				};
-			}
-			#set(sessionId) {
-				if (this.#sessionId === sessionId) return;
-				this.#sessionId = sessionId;
-				for (const listener of this.#listeners) listener();
-			}
-		};
-		//#endregion
 		//#region src/client/claude-command-source.ts
 		const SOURCE_NAME = "Claude Code";
 		function commandsFor(store, session) {
@@ -18874,7 +18806,7 @@ window.__ModuleLoader__.load({
 				for (const seat of document.querySelectorAll(`[${CLAUDE_SEAT_ATTRIBUTE}]`)) seat.removeAttribute(CLAUDE_SEAT_ATTRIBUTE);
 			};
 		}
-		const HOST_CHROME_CSS = `button[class*="sessionLogButton"]{display:none}${["header:has(.dsh-claude-header-diff)>[role=\"tablist\"]{display:none}", "header:has(.dsh-claude-header-diff){padding-bottom:10px}"].join("")}${[
+		const HOST_CHROME_CSS = `button[class*="sessionLogButton"],button[class*="moreButton"][aria-haspopup="menu"]{display:none}${["header:has(.dsh-claude-header-diff)>[role=\"tablist\"]{display:none}", "header:has(.dsh-claude-header-diff){padding-bottom:10px}"].join("")}${[
 			`button[${CLAUDE_SEAT_ATTRIBUTE}]>[class*="seatIcon"]{display:none}`,
 			`button[${CLAUDE_SEAT_ATTRIBUTE}]::before{content:"";flex:none;width:16px;height:16px;`,
 			`background:${claudeMarkUrl()} center/contain no-repeat}`
@@ -18894,170 +18826,6 @@ window.__ModuleLoader__.load({
 			};
 		}
 		//#endregion
-		//#region src/client/details-resize.ts
-		const DETAILS_MIN_WIDTH = 300;
-		const DETAILS_DEFAULT_WIDTH = 720;
-		const DETAILS_MAX_RATIO = .5;
-		const DRAG_THRESHOLD = 4;
-		function clampDetailsWidth(width, frameWidth) {
-			const maximum = Math.max(DETAILS_MIN_WIDTH, Math.floor(frameWidth * DETAILS_MAX_RATIO));
-			return Math.min(maximum, Math.max(DETAILS_MIN_WIDTH, Math.round(width)));
-		}
-		function defaultDetailsWidth(frameWidth) {
-			return clampDetailsWidth(DETAILS_DEFAULT_WIDTH, frameWidth);
-		}
-		function pixelValue(value) {
-			const parsed = Number.parseFloat(value);
-			return Number.isFinite(parsed) ? parsed : void 0;
-		}
-		/**
-		* Extends the native Details drag handle for the plugin Diff panel without
-		* depending on DSH's private layout store. The returned cleanup restores every
-		* inline value owned by the native frame.
-		*/
-		function enableExpandedDetailsResize() {
-			if (typeof document === "undefined" || typeof window === "undefined") return () => void 0;
-			let frame;
-			let handle;
-			let width;
-			let dragStartX = 0;
-			let dragStartWidth = 0;
-			let pointerId;
-			let dragged = false;
-			let originalGrid = "";
-			let originalHandleLeft = "";
-			let frameWasDragging = false;
-			let handleWasDragging = false;
-			let resizeObserver;
-			let mutationObserver;
-			let animationFrame;
-			const applyWidth = () => {
-				if (frame === void 0 || handle === void 0 || width === void 0) return;
-				const frameWidth = frame.getBoundingClientRect().width;
-				if (frameWidth <= 0) return;
-				width = clampDetailsWidth(width, frameWidth);
-				const grid = `${pixelValue(getComputedStyle(frame).gridTemplateColumns.split(/\s+/u)[0] ?? "") ?? 0}px minmax(0, 1fr) ${width}px`;
-				const left = `${frameWidth - width}px`;
-				if (frame.style.gridTemplateColumns !== grid) frame.style.gridTemplateColumns = grid;
-				if (handle.style.left !== left) handle.style.left = left;
-			};
-			const scheduleApply = () => {
-				if (animationFrame !== void 0) return;
-				animationFrame = window.requestAnimationFrame(() => {
-					animationFrame = void 0;
-					applyWidth();
-				});
-			};
-			const finishDrag = () => {
-				if (pointerId === void 0) return;
-				pointerId = void 0;
-				if (frame !== void 0 && !frameWasDragging) frame.removeAttribute("data-dragging");
-				if (handle !== void 0 && !handleWasDragging) handle.removeAttribute("data-dragging");
-			};
-			const onPointerMove = (event) => {
-				if (event.pointerId !== pointerId || frame === void 0) return;
-				const delta = event.clientX - dragStartX;
-				if (!dragged && Math.abs(delta) < DRAG_THRESHOLD) return;
-				dragged = true;
-				width = clampDetailsWidth(dragStartWidth - delta, frame.getBoundingClientRect().width);
-				applyWidth();
-				event.preventDefault();
-			};
-			const onPointerEnd = (event) => {
-				if (event.pointerId !== pointerId) return;
-				finishDrag();
-			};
-			const onPointerDown = (event) => {
-				const target = event.target;
-				if (!(target instanceof Element)) return;
-				const candidate = target.closest("[data-side=\"details\"]");
-				const candidateFrame = candidate?.parentElement;
-				if (candidate === null || candidate === void 0 || candidateFrame === null || candidateFrame === void 0) return;
-				const currentFrame = candidateFrame;
-				const currentHandle = candidate;
-				const detailsColumn = currentFrame.children.item(2);
-				const measuredWidth = detailsColumn instanceof HTMLElement ? detailsColumn.getBoundingClientRect().width : 0;
-				const frameWidth = currentFrame.getBoundingClientRect().width;
-				if (measuredWidth <= 0 || frameWidth <= 0) return;
-				const firstDrag = frame === void 0;
-				frame = currentFrame;
-				handle = currentHandle;
-				width = clampDetailsWidth(width ?? measuredWidth, frameWidth);
-				dragStartWidth = width;
-				dragStartX = event.clientX;
-				pointerId = event.pointerId;
-				dragged = false;
-				if (firstDrag) {
-					originalGrid = currentFrame.style.gridTemplateColumns;
-					originalHandleLeft = currentHandle.style.left;
-					frameWasDragging = currentFrame.hasAttribute("data-dragging");
-					handleWasDragging = currentHandle.hasAttribute("data-dragging");
-				}
-				currentFrame.setAttribute("data-dragging", "");
-				currentHandle.setAttribute("data-dragging", "true");
-				if (firstDrag) {
-					resizeObserver = typeof ResizeObserver === "undefined" ? void 0 : new ResizeObserver(scheduleApply);
-					resizeObserver?.observe(currentFrame);
-					mutationObserver = typeof MutationObserver === "undefined" ? void 0 : new MutationObserver(scheduleApply);
-					mutationObserver?.observe(currentFrame, {
-						attributes: true,
-						attributeFilter: ["style"]
-					});
-					mutationObserver?.observe(currentHandle, {
-						attributes: true,
-						attributeFilter: ["style"]
-					});
-				}
-				event.preventDefault();
-				event.stopPropagation();
-				event.stopImmediatePropagation();
-			};
-			const applyDefaultWidth = () => {
-				const initialHandle = document.querySelector("[data-side=\"details\"]");
-				const initialFrame = initialHandle?.parentElement;
-				if (initialHandle === null || initialHandle === void 0 || initialFrame === null || initialFrame === void 0) return;
-				frame = initialFrame;
-				handle = initialHandle;
-				originalGrid = frame.style.gridTemplateColumns;
-				originalHandleLeft = handle.style.left;
-				frameWasDragging = frame.hasAttribute("data-dragging");
-				handleWasDragging = handle.hasAttribute("data-dragging");
-				width = defaultDetailsWidth(frame.getBoundingClientRect().width);
-				resizeObserver = typeof ResizeObserver === "undefined" ? void 0 : new ResizeObserver(scheduleApply);
-				resizeObserver?.observe(frame);
-				mutationObserver = typeof MutationObserver === "undefined" ? void 0 : new MutationObserver(scheduleApply);
-				mutationObserver?.observe(frame, {
-					attributes: true,
-					attributeFilter: ["style"]
-				});
-				mutationObserver?.observe(handle, {
-					attributes: true,
-					attributeFilter: ["style"]
-				});
-				applyWidth();
-			};
-			animationFrame = window.requestAnimationFrame(() => {
-				animationFrame = void 0;
-				applyDefaultWidth();
-			});
-			document.addEventListener("pointerdown", onPointerDown, true);
-			window.addEventListener("pointermove", onPointerMove, true);
-			window.addEventListener("pointerup", onPointerEnd, true);
-			window.addEventListener("pointercancel", onPointerEnd, true);
-			return () => {
-				document.removeEventListener("pointerdown", onPointerDown, true);
-				window.removeEventListener("pointermove", onPointerMove, true);
-				window.removeEventListener("pointerup", onPointerEnd, true);
-				window.removeEventListener("pointercancel", onPointerEnd, true);
-				resizeObserver?.disconnect();
-				mutationObserver?.disconnect();
-				if (animationFrame !== void 0) window.cancelAnimationFrame(animationFrame);
-				finishDrag();
-				if (frame !== void 0) frame.style.gridTemplateColumns = originalGrid;
-				if (handle !== void 0) handle.style.left = originalHandleLeft;
-			};
-		}
-		//#endregion
 		//#region src/client/locales.ts
 		const zh = {
 			nav: "Claude Code",
@@ -19250,6 +19018,7 @@ window.__ModuleLoader__.load({
 			yes: "是",
 			no: "否",
 			diffOpen: "查看分支改动",
+			diffTabTitle: "分支改动",
 			planPanelTitle: "Plan",
 			planClose: "关闭方案面板",
 			planOpen: "查看方案",
@@ -19272,9 +19041,6 @@ window.__ModuleLoader__.load({
 			planEmpty: "本会话还没有待查看的方案。",
 			planPendingHint: "在 DSH 的审批弹框里批准或拒绝这个方案。",
 			diffClose: "关闭 Diff 面板",
-			sessionMenu: "会话菜单",
-			sessionMenuOpenIn: "打开方式",
-			sessionMenuOpenFailed: "无法打开：{message}",
 			promptSource: "常用提示词",
 			promptSave: "存为常用提示词",
 			promptSaveName: "名字",
@@ -19296,6 +19062,7 @@ window.__ModuleLoader__.load({
 			diffFilesShort: "{count} 个文件",
 			diffTruncated: "Diff 超出安全显示上限。请在终端中查看完整内容。",
 			diffEmpty: "没有可显示的 tracked 文件改动",
+			diffElided: "{count} 个文件过大未展示：{files}",
 			diffMaximize: "最大化 Diff 面板",
 			diffCommentPrevious: "上一条评论",
 			diffCommentNext: "下一条评论",
@@ -19694,6 +19461,7 @@ window.__ModuleLoader__.load({
 			yes: "Yes",
 			no: "No",
 			diffOpen: "View branch changes",
+			diffTabTitle: "Branch changes",
 			planPanelTitle: "Plan",
 			planClose: "Close plan panel",
 			planOpen: "View plan",
@@ -19716,9 +19484,6 @@ window.__ModuleLoader__.load({
 			planEmpty: "This session has no plan to read yet.",
 			planPendingHint: "Approve or reject this plan in the DSH approval dialog.",
 			diffClose: "Close diff panel",
-			sessionMenu: "Session menu",
-			sessionMenuOpenIn: "Open in",
-			sessionMenuOpenFailed: "Could not open: {message}",
 			promptSource: "Prompts",
 			promptSave: "Save as a prompt",
 			promptSaveName: "Name",
@@ -19740,6 +19505,7 @@ window.__ModuleLoader__.load({
 			diffFilesShort: "{count} files",
 			diffTruncated: "The diff exceeds the safe display limit. Use the terminal to inspect the complete content.",
 			diffEmpty: "No tracked file changes to display",
+			diffElided: "Skipped {count} oversized file(s): {files}",
 			diffMaximize: "Maximize diff panel",
 			diffCommentPrevious: "Previous comment",
 			diffCommentNext: "Next comment",
@@ -19949,39 +19715,7 @@ window.__ModuleLoader__.load({
 		};
 		//#endregion
 		//#region src/client/index.tsx
-		function MaximizedDiff({ source, t, sessionId, closeDetails, restore, submitPrompt, initialRoot }) {
-			const snapshot = useSyncExternalStore(source.subscribe, source.getSnapshot, source.getSnapshot);
-			const useClaudeProjection = (selector) => selector(snapshot);
-			return /* @__PURE__ */ jsx(ClaudePanelOverlay, {
-				onRestore: restore,
-				children: /* @__PURE__ */ jsx(ClaudeDiffPanel, {
-					useClaudeProjection,
-					t,
-					sessionId,
-					maximized: true,
-					closeDetails,
-					toggleMaximized: restore,
-					...submitPrompt === void 0 ? {} : { submitPrompt },
-					...initialRoot === void 0 ? {} : { initialRoot }
-				})
-			});
-		}
 		const name = "dsh-claude-client";
-		function MaximizedPlan({ source, t, sessionId, closeDetails, restore }) {
-			const snapshot = useSyncExternalStore(source.subscribe, source.getSnapshot, source.getSnapshot);
-			const useClaudeProjection = (selector) => selector(snapshot);
-			return /* @__PURE__ */ jsx(ClaudePanelOverlay, {
-				onRestore: restore,
-				children: /* @__PURE__ */ jsx(ClaudePlanPanel, {
-					useClaudeProjection,
-					t,
-					sessionId,
-					maximized: true,
-					closeDetails,
-					toggleMaximized: restore
-				})
-			});
-		}
 		const inject = [
 			"slots",
 			"locale",
@@ -19993,7 +19727,9 @@ window.__ModuleLoader__.load({
 			"workspaces",
 			"inputTriggers",
 			"conversation",
-			"connection"
+			"connection",
+			"sidebarRight",
+			"sidebarRightTabs"
 		];
 		/** Resolve one session's composer facade.
 		*
@@ -20093,224 +19829,39 @@ window.__ModuleLoader__.load({
 				key: "claude-activity-step",
 				locale: namespace
 			}, ClaudeActivityNode));
-			const layout = ctx.get("layout");
-			let disposePluginDetails;
-			let disposeDiffOverlay;
-			let disposePlanOverlay;
-			let disposeExpandedDetailsResize;
-			let detailsSessionId;
-			const diffOpen = new PanelOpenStore();
-			const planOpen = new PanelOpenStore();
-			const restoreDiff = () => {
-				if (disposeDiffOverlay === void 0) return;
-				disposeDiffOverlay();
-				disposeDiffOverlay = void 0;
-				layout?.openDetails();
-				disposeExpandedDetailsResize = enableExpandedDetailsResize();
+			const sidebarTabs = registerClaudeSidebarTabs(ctx, {
+				t,
+				namespace,
+				diffFace: (sessionId) => {
+					const submitPrompt = submitPromptFor(sessionId);
+					return submitPrompt === void 0 ? {} : { submitPrompt };
+				},
+				overviewFace: () => sessions === void 0 ? void 0 : {
+					t,
+					openSession: (id) => {
+						sessions.open(id);
+					},
+					loadStatus: loadRepositoryStatusFor,
+					sessions: sessions.list,
+					...workspaces === void 0 ? {} : { workspaces: workspaces.list },
+					projectionFor: (id) => projections.source(id)
+				}
+			});
+			const openTasksPanel = (sessionId, turn) => {
+				sidebarTabs.open(CLAUDE_TAB_KINDS.tasks, sessionId, { turn });
 			};
-			const restorePlan = () => {
-				if (disposePlanOverlay === void 0) return;
-				disposePlanOverlay();
-				disposePlanOverlay = void 0;
-				layout?.openDetails();
-				disposeExpandedDetailsResize = enableExpandedDetailsResize();
+			const openOverviewPanel = (sessionId) => {
+				sidebarTabs.open(CLAUDE_TAB_KINDS.overview, sessionId, {});
 			};
-			const closePluginDetails = () => {
-				if (disposePluginDetails === void 0 && disposeDiffOverlay === void 0 && disposePlanOverlay === void 0 && disposeExpandedDetailsResize === void 0 && detailsSessionId === void 0) return;
-				disposeDiffOverlay?.();
-				disposeDiffOverlay = void 0;
-				disposePlanOverlay?.();
-				disposePlanOverlay = void 0;
-				disposeExpandedDetailsResize?.();
-				disposeExpandedDetailsResize = void 0;
-				disposePluginDetails?.();
-				disposePluginDetails = void 0;
-				detailsSessionId = void 0;
-				diffOpen.close();
-				planOpen.close();
-				layout?.closeDetails();
+			const openDiffPanel = (sessionId, initialRoot) => {
+				sidebarTabs.open(CLAUDE_TAB_KINDS.diff, sessionId, initialRoot === void 0 ? {} : { initialRoot });
 			};
 			ctx.effect(() => ctx.slots.onEntryError((key, entry, error) => {
 				const id = entry.options.id === void 0 ? "" : ` id="${String(entry.options.id)}"`;
 				const message = error instanceof Error ? `${error.message}
 		${error.stack ?? ""}` : String(error);
 				diagnostics.report("slot-entry-crashed", `slot "${key}"${id}: ${message}`);
-				if (key === "shell.overlay" && entry.options.id === "claude-diff-overlay") restoreDiff();
-				if (key === "shell.overlay" && entry.options.id === "claude-plan-overlay") restorePlan();
 			}), "dsh-claude: Slot entry failure reporting");
-			const openTasksPanel = (sessionId, turn) => {
-				closePluginDetails();
-				try {
-					disposePluginDetails = ctx.slots.register({
-						name: "details",
-						priority: -10,
-						locale: namespace,
-						inject: () => ({
-							t,
-							turn,
-							closeDetails: closePluginDetails
-						})
-					}, ClaudeTasksPanel);
-				} catch {
-					return;
-				}
-				detailsSessionId = sessionId;
-				layout?.openDetails();
-				disposeExpandedDetailsResize = enableExpandedDetailsResize();
-			};
-			const openPlanPanel = (sessionId) => {
-				closePluginDetails();
-				const maximizePlan = () => {
-					if (disposePlanOverlay !== void 0) {
-						restorePlan();
-						return;
-					}
-					disposeExpandedDetailsResize?.();
-					disposeExpandedDetailsResize = void 0;
-					layout?.closeDetails();
-					try {
-						disposePlanOverlay = ctx.slots.register({
-							name: "shell.overlay",
-							id: "claude-plan-overlay",
-							locale: namespace
-						}, () => /* @__PURE__ */ jsx(MaximizedPlan, {
-							source: projections.source(sessionId),
-							t,
-							sessionId,
-							closeDetails: closePluginDetails,
-							restore: restorePlan
-						}));
-					} catch {
-						disposePlanOverlay = void 0;
-						layout?.openDetails();
-						disposeExpandedDetailsResize = enableExpandedDetailsResize();
-					}
-				};
-				try {
-					disposePluginDetails = ctx.slots.register({
-						name: "details",
-						priority: -10,
-						locale: namespace,
-						inject: () => ({
-							t,
-							sessionId,
-							closeDetails: closePluginDetails,
-							maximized: false,
-							toggleMaximized: maximizePlan
-						})
-					}, ClaudePlanPanel);
-				} catch {
-					return;
-				}
-				detailsSessionId = sessionId;
-				planOpen.open(sessionId);
-				layout?.openDetails();
-				disposeExpandedDetailsResize = enableExpandedDetailsResize();
-			};
-			const openOverviewPanel = (sessionId) => {
-				if (sessions === void 0) return;
-				closePluginDetails();
-				try {
-					disposePluginDetails = ctx.slots.register({
-						name: "details",
-						priority: -10,
-						locale: namespace,
-						inject: () => ({
-							t,
-							closeDetails: closePluginDetails,
-							openSession: (id) => {
-								sessions.open(id);
-							},
-							loadStatus: loadRepositoryStatusFor,
-							sessions: sessions.list,
-							...workspaces === void 0 ? {} : { workspaces: workspaces.list },
-							projectionFor: (id) => projections.source(id)
-						})
-					}, ClaudePullRequestsPanel);
-				} catch {
-					return;
-				}
-				detailsSessionId = sessionId;
-				layout?.openDetails();
-				disposeExpandedDetailsResize = enableExpandedDetailsResize();
-			};
-			const openDiffPanel = (sessionId, initialRoot) => {
-				closePluginDetails();
-				detailsSessionId = sessionId;
-				const submitPrompt = submitPromptFor(sessionId);
-				const registerDetails = () => {
-					try {
-						disposePluginDetails = ctx.slots.register({
-							name: "details",
-							priority: -10,
-							locale: namespace,
-							inject: () => ({
-								t,
-								sessionId,
-								maximized: false,
-								closeDetails: closePluginDetails,
-								toggleMaximized: maximizeDiff,
-								...submitPrompt === void 0 ? {} : { submitPrompt },
-								...initialRoot === void 0 ? {} : { initialRoot }
-							})
-						}, ClaudeDiffPanel);
-					} catch {
-						disposePluginDetails = void 0;
-						return false;
-					}
-					layout?.openDetails();
-					return true;
-				};
-				const maximizeDiff = () => {
-					if (disposeDiffOverlay !== void 0) {
-						restoreDiff();
-						return;
-					}
-					disposeExpandedDetailsResize?.();
-					disposeExpandedDetailsResize = void 0;
-					layout?.closeDetails();
-					try {
-						disposeDiffOverlay = ctx.slots.register({
-							name: "shell.overlay",
-							id: "claude-diff-overlay",
-							locale: namespace
-						}, () => /* @__PURE__ */ jsx(MaximizedDiff, {
-							source: projections.source(sessionId),
-							t,
-							sessionId,
-							closeDetails: closePluginDetails,
-							restore: restoreDiff,
-							...submitPrompt === void 0 ? {} : { submitPrompt },
-							...initialRoot === void 0 ? {} : { initialRoot }
-						}));
-					} catch {
-						disposeDiffOverlay = void 0;
-						layout?.openDetails();
-						disposeExpandedDetailsResize = enableExpandedDetailsResize();
-					}
-				};
-				if (!registerDetails()) {
-					detailsSessionId = void 0;
-					return;
-				}
-				diffOpen.open(sessionId);
-				disposeExpandedDetailsResize = enableExpandedDetailsResize();
-			};
-			ctx.effect(() => {
-				if (typeof document === "undefined" || typeof MutationObserver === "undefined") return () => closePluginDetails();
-				const observer = new MutationObserver(() => {
-					if (detailsSessionId !== void 0 && disposeDiffOverlay === void 0 && disposePlanOverlay === void 0 && document.querySelector("[data-details-collapsed]") !== null) closePluginDetails();
-				});
-				observer.observe(document.body, {
-					attributes: true,
-					attributeFilter: ["data-details-collapsed"],
-					subtree: true
-				});
-				return () => {
-					observer.disconnect();
-					closePluginDetails();
-				};
-			}, "dsh-claude: details panel lifecycle");
 			ctx.slots.inject("conversation.chat.node", () => ctx.slots.register({
 				name: "conversation.chat.node",
 				key: "claude-active-tasks",
@@ -20353,10 +19904,9 @@ window.__ModuleLoader__.load({
 				inject: (sessionId) => ({
 					t,
 					togglePlan: () => {
-						if (planOpen.isOpen(sessionId)) closePluginDetails();
-						else openPlanPanel(sessionId);
+						sidebarTabs.toggle(CLAUDE_TAB_KINDS.plan, sessionId, {});
 					},
-					planOpen: planOpen.sourceFor(sessionId)
+					planOpen: sidebarTabs.sourceFor(CLAUDE_TAB_KINDS.plan, sessionId)
 				})
 			}, ClaudePlanHeaderAction));
 			ctx.slots.inject("conversation.session.header.utilities", () => ctx.slots.register({
@@ -20367,19 +19917,11 @@ window.__ModuleLoader__.load({
 				inject: (sessionId) => ({
 					t,
 					toggleDiff: () => {
-						if (diffOpen.isOpen(sessionId)) closePluginDetails();
-						else openDiffPanel(sessionId);
+						sidebarTabs.toggle(CLAUDE_TAB_KINDS.diff, sessionId, {});
 					},
-					diffOpen: diffOpen.sourceFor(sessionId)
+					diffOpen: sidebarTabs.sourceFor(CLAUDE_TAB_KINDS.diff, sessionId)
 				})
 			}, ClaudeDiffHeaderAction));
-			ctx.slots.inject("conversation.session.header.utilities", () => ctx.slots.register({
-				name: "conversation.session.header.utilities",
-				id: "claude-session-menu",
-				order: 31,
-				locale: namespace,
-				inject: () => ({ t })
-			}, ClaudeSessionMenu));
 			ctx.slots.inject("conversation.input.left", () => ctx.slots.register({
 				name: "conversation.input.left",
 				id: "claude-prompt-save",
@@ -20567,7 +20109,7 @@ window.__ModuleLoader__.load({
 							const sourceInput = sessionInput(conversation, sourceScope);
 							const rawDraft = sourceInput.state.getSnapshot().draft;
 							const draft = ticket === void 0 ? rawDraft : rawDraft.trim() === "" ? ticketPrompt(ticket) : `${rawDraft.trimEnd()}\n\n${ticketContext(ticket)}`;
-							const imageIds = sourceInput.state.getSnapshot().imageIds;
+							const imageIds = sourceInput.state.getSnapshot().attachmentIds;
 							const prepared = await prepareRepository(cwd, branch, useWorktree, ticket?.key, onProgress, ticket === void 0 ? draft : void 0);
 							if (ticket !== void 0) assignJiraTicket(ticket.key).catch((reason) => {
 								console.warn(`dsh-claude: could not assign ${ticket.key}: ${reason instanceof Error ? reason.message : String(reason)}`);
@@ -20588,14 +20130,14 @@ window.__ModuleLoader__.load({
 							sessions.noteAgentPreset?.(targetSessionId, presetResponse.value);
 							const targetInput = sessionInput(conversation, targetScope);
 							onProgress("transferring-draft");
-							if (imageIds.length > 0 && !targetInput.addImages(imageIds)) throw new Error(t("repositoryDraftTransferFailed"));
+							if (imageIds.length > 0 && !targetInput.addAttachments(imageIds)) throw new Error(t("repositoryDraftTransferFailed"));
 							if (draft !== "") targetInput.setDraft(draft);
 							bindLease(prepared.leaseId, targetSessionId);
 							sessions.open(targetSessionId);
 							onProgress("submitting");
 							targetInput.submit();
 							sourceInput.setDraft("");
-							for (const imageId of imageIds) sourceInput.removeImage(imageId);
+							for (const imageId of imageIds) sourceInput.removeAttachment(imageId);
 						},
 						prepareMany: async (cwd, branch, tickets, onProgress) => {
 							const sourceScope = sessions.scope(sourceSessionId);
@@ -20643,9 +20185,6 @@ window.__ModuleLoader__.load({
 					})
 				}, ClaudeHeroRepositoryControls));
 			}
-			if (sessions !== void 0) ctx.effect(() => sessions.list.subscribe(() => {
-				if (detailsSessionId !== void 0 && sessions.list.getSnapshot().current !== detailsSessionId) closePluginDetails();
-			}), "dsh-claude: details panel session tracking");
 			ctx.slots.inject("settings.section", () => ctx.slots.register({
 				name: "settings.section",
 				id: "claude-code",