@norman-else/dsh-claude 0.1.52 → 0.1.53

package/lib/client.js

@@ -2293,15 +2293,18 @@ window.__ModuleLoader__.load({
 			zIndex: 1100,
 			bottom: "calc(100% + 8px)",
 			right: 0,
-			width: 320,
+			width: 360,
+			maxWidth: "calc(100vw - 32px)",
+			maxHeight: "min(480px, calc(100dvh - 48px))",
+			overflowY: "auto",
 			boxSizing: "border-box",
 			display: "flex",
 			flexDirection: "column",
 			alignItems: "stretch",
-			gap: 8,
-			padding: 12,
+			gap: 12,
+			padding: 18,
 			border: "1px solid var(--dsw-alias-border-l2, color-mix(in srgb, currentColor 16%, transparent))",
-			borderRadius: 10,
+			borderRadius: 14,
 			background: "var(--dsw-specific-menu, var(--dsw-alias-bg-layer-1))",
 			boxShadow: "var(--dsw-shadow-lv3)",
 			textAlign: "left",
@@ -2309,8 +2312,11 @@ window.__ModuleLoader__.load({
 		};
 		const repositoryChecksTitle = {
 			color: "var(--dsw-alias-label-primary)",
-			fontSize: 12,
-			fontWeight: 650
+			fontSize: 14,
+			fontWeight: 650,
+			lineHeight: "22px",
+			paddingBottom: 10,
+			borderBottom: "1px solid var(--dsw-alias-border-l2)"
 		};
 		const repositoryChecksHint = {
 			color: "var(--dsw-alias-label-tertiary)",
@@ -2323,8 +2329,11 @@ window.__ModuleLoader__.load({
 		const repositoryChecksItem = {
 			display: "flex",
 			flexDirection: "column",
-			gap: 2,
-			minWidth: 0
+			gap: 5,
+			minWidth: 0,
+			padding: "10px 12px",
+			borderRadius: 8,
+			background: "var(--dsw-alias-bg-layer-2)"
 		};
 		const repositoryChecksName = {
 			color: "var(--dsw-alias-label-primary)",
@@ -2337,14 +2346,13 @@ window.__ModuleLoader__.load({
 		const repositoryChecksDesc = {
 			color: "var(--dsw-alias-label-tertiary)",
 			fontSize: 11,
-			overflow: "hidden",
-			textOverflow: "ellipsis",
-			whiteSpace: "nowrap"
+			lineHeight: "18px",
+			overflowWrap: "anywhere"
 		};
 		const repositoryChecksFix = {
 			alignSelf: "flex-end",
-			minHeight: 26,
-			padding: "3px 10px",
+			minHeight: 32,
+			padding: "6px 12px",
 			border: "none",
 			borderRadius: 7,
 			background: "var(--dsw-static-blue-450)",
@@ -2605,10 +2613,11 @@ window.__ModuleLoader__.load({
 			boxSizing: "border-box",
 			display: "flex",
 			flexDirection: "column",
-			gap: 10,
-			padding: 12,
+			gap: 14,
+			padding: 18,
+			overflowY: "auto",
 			border: askSurfaceBorder,
-			borderRadius: 12,
+			borderRadius: 14,
 			background: "var(--dsw-alias-bg-layer-1)",
 			color: "var(--dsw-alias-label-primary)",
 			boxShadow: askSurfaceShadow,
@@ -2621,7 +2630,7 @@ window.__ModuleLoader__.load({
 			WebkitLineClamp: 3,
 			WebkitBoxOrient: "vertical",
 			margin: 0,
-			padding: "6px 10px",
+			padding: "10px 12px",
 			overflow: "hidden",
 			borderLeft: "3px solid color-mix(in srgb, var(--dsw-static-blue-450) 60%, transparent)",
 			borderRadius: 6,
@@ -2642,7 +2651,8 @@ window.__ModuleLoader__.load({
 		};
 		const askTextarea = {
 			width: "100%",
-			minHeight: 64,
+			minHeight: 88,
+			flexShrink: 0,
 			boxSizing: "border-box",
 			padding: "8px 10px",
 			border: askSurfaceBorder,
@@ -2660,7 +2670,10 @@ window.__ModuleLoader__.load({
 			display: "flex",
 			alignItems: "center",
 			justifyContent: "flex-end",
-			gap: 6
+			gap: 8,
+			flexWrap: "wrap",
+			paddingTop: 12,
+			borderTop: "1px solid var(--dsw-alias-border-l2)"
 		};
 		const askAnswer = {
 			flex: "1 1 auto",
@@ -2670,8 +2683,8 @@ window.__ModuleLoader__.load({
 			wordBreak: "break-word"
 		};
 		const askButton = {
-			minHeight: 26,
-			padding: "3px 10px",
+			minHeight: 32,
+			padding: "6px 12px",
 			border: askSurfaceBorder,
 			borderRadius: 7,
 			outline: "none",
@@ -3160,8 +3173,8 @@ window.__ModuleLoader__.load({
 		.${promptSaveFieldClass} {
 		  box-sizing: border-box;
 		  width: 100%;
-		  height: 30px;
-		  padding: 0 9px;
+		  height: 38px;
+		  padding: 0 11px;
 		  border: 1px solid var(--dsw-alias-border-inverted);
 		  border-radius: 7px;
 		  background: var(--dsw-alias-interactive-bg-hover);
@@ -3199,12 +3212,14 @@ window.__ModuleLoader__.load({
 			boxSizing: "border-box",
 			display: "flex",
 			flexDirection: "column",
-			gap: 8,
-			width: 340,
+			gap: 14,
+			width: 360,
 			maxWidth: "calc(100vw - 32px)",
-			padding: "10px 12px",
+			maxHeight: "calc(100dvh - 32px)",
+			overflowY: "auto",
+			padding: 18,
 			border: "1px solid var(--dsw-alias-border-inverted)",
-			borderRadius: 11,
+			borderRadius: 14,
 			background: "var(--dsw-specific-menu)",
 			boxShadow: "var(--dsw-shadow-lv3)",
 			color: "var(--dsw-alias-label-primary)",
@@ -3212,14 +3227,17 @@ window.__ModuleLoader__.load({
 			lineHeight: "20px"
 		};
 		const promptSaveHeading = {
-			color: "var(--dsw-alias-label-tertiary)",
-			fontSize: 11,
-			lineHeight: "16px"
+			color: "var(--dsw-alias-label-primary)",
+			fontSize: 14,
+			fontWeight: 600,
+			lineHeight: "22px"
 		};
 		const promptSaveActions = {
 			display: "flex",
 			justifyContent: "flex-end",
-			gap: 6
+			gap: 8,
+			paddingTop: 12,
+			borderTop: "1px solid var(--dsw-alias-border-l2)"
 		};
 		/** The saved file, wrapped rather than truncated: a path the user cannot read
 		*  in full does not tell them where to go and edit it. */
@@ -3227,7 +3245,10 @@ window.__ModuleLoader__.load({
 			color: "var(--dsw-alias-label-tertiary)",
 			fontSize: 11,
 			lineHeight: "16px",
-			overflowWrap: "anywhere"
+			overflowWrap: "anywhere",
+			padding: "10px 12px",
+			borderRadius: 8,
+			background: "var(--dsw-alias-bg-layer-2)"
 		};
 		const promptSaveError = {
 			color: "var(--dsw-static-red-450, #d64545)",
@@ -3310,6 +3331,7 @@ window.__ModuleLoader__.load({
 			cursor: "pointer"
 		};
 		const diffRepositoryTriggerClass = "dshClaudeDiffRepositoryTrigger";
+		const diffFileHeaderClass = "dshClaudeDiffFileHeader";
 		/** The checkout switch: a quiet pill in the header's own type, lit on hover
 		*  and while its menu is open, with the chevron set off in a lighter tone. */
 		const diffRepositoryCss = `
@@ -3344,6 +3366,15 @@ window.__ModuleLoader__.load({
 		  flex: none;
 		  color: var(--dsw-alias-label-tertiary);
 		}
+		/* Sticky headers each form a stacking context, so the host Tooltip bubble
+		   (rendered inline, position: fixed) is painted under the next file's header.
+		   Lift the hovered header above its siblings while the bubble can be open. */
+		.${diffFileHeaderClass} {
+		  z-index: 1;
+		}
+		.${diffFileHeaderClass}:hover {
+		  z-index: 2;
+		}
 		`;
 		/** A row of the checkout menu: name left, its counts right in tabular figures. */
 		const diffRepositoryRow = {
@@ -3394,7 +3425,6 @@ window.__ModuleLoader__.load({
 		const diffFileHeader = {
 			position: "sticky",
 			top: 0,
-			zIndex: 1,
 			width: "100%",
 			minHeight: 38,
 			display: "flex",
@@ -3630,6 +3660,107 @@ window.__ModuleLoader__.load({
 		  outline: none;
 		  box-shadow: inset 0 0 0 1px var(--dsw-static-blue-450);
 		}
+		.dshClaudeUtilityDialog {
+		  width: min(580px, calc(100vw - 32px));
+		  max-width: calc(100vw - 32px);
+		  max-height: calc(100dvh - 32px);
+		  gap: 0;
+		  padding: 0;
+		  border: 1px solid var(--dsw-alias-border-l2);
+		  border-radius: 16px;
+		}
+		.dshClaudeUtilityContent { box-sizing: border-box; padding: 24px; }
+		.dshClaudeUtilityContent > div:first-child { padding: 0 0 12px; }
+		.dshClaudeUtilityContent h2 { font-size: 19px; line-height: 28px; letter-spacing: -.3px; }
+		.dshClaudeUtilityContent > p { padding: 0; margin: 0 0 20px; color: var(--dsw-alias-label-secondary); }
+		.dshClaudeUtilityContent > div:last-child:not(:first-child) { padding: 0; margin-top: 0; }
+		.dshClaudeUtilityDialog > div:last-child:not(.dshClaudeUtilityContent) { padding: 16px 24px; border-top: 1px solid var(--dsw-alias-border-l2); }
+		.dshClaudeUtilitySummary {
+		  padding: 14px;
+		  border: 1px solid var(--dsw-alias-border-l2);
+		  border-radius: 10px;
+		  background: var(--dsw-alias-bg-layer-1);
+		  flex-wrap: wrap;
+		  align-items: center;
+		}
+		.dshClaudeUtilitySummary > strong { color: var(--dsw-alias-label-primary); }
+		.dshClaudeUtilitySummary > span { max-width: 100%; white-space: normal; overflow-wrap: anywhere; }
+		.dshClaudeUtilityOption {
+		  padding: 13px 14px;
+		  border: 1px solid var(--dsw-alias-border-l2);
+		  border-radius: 10px;
+		  line-height: 20px;
+		  cursor: pointer;
+		}
+		.dshClaudeUtilityOption input { flex-shrink: 0; }
+		.dshClaudeUtilityOption:has(input:checked) { border-color: color-mix(in srgb, var(--dsw-static-blue-450) 45%, var(--dsw-alias-border-l2)); background: color-mix(in srgb, var(--dsw-static-blue-450) 5%, transparent); }
+		.dshClaudeUtilityOption:has(input:disabled) { cursor: default; }
+		.dshClaudeUtilityContent ul { max-height: 240px; overflow-y: auto; }
+		.dshClaudeUtilityContent li { padding: 8px 4px; overflow-wrap: anywhere; }
+		.dshClaudeUtilityContent li + li { border-top: 1px solid var(--dsw-alias-border-l2); }
+		.dshClaudeUtilityContent [role='alert'] { padding: 12px; border-radius: 8px; background: var(--dsw-alias-bg-layer-1); overflow-wrap: anywhere; }
+		.dshClaudeUtilityDialog button:focus-visible { outline: 2px solid var(--dsw-static-blue-450); outline-offset: 2px; }
+		@media (max-width: 640px) {
+		  .dshClaudeUtilityContent { padding: 18px; }
+		  .dshClaudeUtilityDialog > div:last-child:not(.dshClaudeUtilityContent) { padding: 14px 18px; }
+		}
+		.dshClaudeCommitDialog {
+		  gap: 0;
+		  padding: 0;
+		  width: min(880px, calc(100vw - 32px));
+		  max-width: calc(100vw - 32px);
+		  max-height: calc(100dvh - 32px);
+		  border: 1px solid var(--dsw-alias-border-l2);
+		  border-radius: 16px;
+		  overflow: hidden;
+		}
+		.dshClaudeCommitContent { padding: 24px; box-sizing: border-box; }
+		.dshClaudeCommitContent > div:first-child { padding: 0 0 16px; }
+		.dshClaudeCommitContent > div:last-child:not(:first-child) { padding: 0; margin-top: 0; }
+		.dshClaudeCommitContent h2 { font-size: 19px; line-height: 28px; letter-spacing: -.3px; }
+		.dshClaudeCommitContext {
+		  display: flex;
+		  align-items: center;
+		  flex-wrap: wrap;
+		  gap: 8px;
+		  padding-bottom: 18px;
+		  border-bottom: 1px solid var(--dsw-alias-border-l2);
+		  color: var(--dsw-alias-label-secondary);
+		  font-size: 12px;
+		  overflow-wrap: anywhere;
+		}
+		.dshClaudeCommitContext strong { color: var(--dsw-alias-label-primary); margin-right: 4px; }
+		.dshClaudeCommitBranch {
+		  min-width: 0;
+		  padding: 3px 8px;
+		  border-radius: 6px;
+		  background: var(--dsw-alias-bg-layer-1);
+		  font-family: ui-monospace, monospace;
+		}
+		.dshClaudeCommitGrid { display: grid; grid-template-columns: minmax(0, .85fr) minmax(0, 1.15fr); gap: 24px; }
+		.dshClaudeCommitSection, .dshClaudeCommitEditor { display: flex; flex-direction: column; gap: 14px; min-width: 0; }
+		.dshClaudeCommitSection h3 { margin: 0; font-size: 12px; font-weight: 600; color: var(--dsw-alias-label-secondary); }
+		.dshClaudeCommitChanges { padding-right: 24px; border-right: 1px solid var(--dsw-alias-border-l2); }
+		.dshClaudeCommitFiles { max-height: 320px; overflow-y: auto; min-width: 0; }
+		.dshClaudeCommitFile { display: flex; align-items: center; gap: 10px; padding: 11px 0; font-size: 12px; line-height: 18px; }
+		.dshClaudeCommitFile + .dshClaudeCommitFile { border-top: 1px solid var(--dsw-alias-border-l2); }
+		.dshClaudeCommitPath { flex: 1; min-width: 0; overflow-wrap: anywhere; }
+		.dshClaudeCommitState { flex: none; max-width: 45%; padding: 2px 6px; border-radius: 4px; background: var(--dsw-alias-bg-layer-1); color: var(--dsw-alias-label-secondary); font-size: 10px; line-height: 16px; }
+		.dshClaudeCommitState[data-staged='true'] { color: var(--dsw-static-green-450, var(--dsw-alias-label-primary)); }
+		.dshClaudeCommitHash { flex: none; color: var(--dsw-alias-label-secondary); font-size: 11px; }
+		.dshClaudeCommitEditor textarea, .dshClaudeCommitEditor input { border-radius: 8px; }
+		.dshClaudeCommitEditor textarea { width: 100%; box-sizing: border-box; }
+		.dshClaudeCommitHint { margin: -6px 0 0; color: var(--dsw-alias-label-secondary); font-size: 11px; line-height: 18px; }
+		.dshClaudeCommitProgress { margin: 0 0 16px; padding: 10px 12px; border-radius: 8px; background: var(--dsw-alias-bg-layer-1); color: var(--dsw-alias-label-secondary); font-size: 12px; line-height: 18px; }
+		.dshClaudeCommitDialog > div:last-child:not(.dshClaudeCommitContent) { padding: 16px 24px; border-top: 1px solid var(--dsw-alias-border-l2); }
+		.dshClaudeCommitDialog button:focus-visible { outline: 2px solid var(--dsw-static-blue-450); outline-offset: 2px; }
+		@media (max-width: 640px) {
+		  .dshClaudeCommitContent { padding: 18px; }
+		  .dshClaudeCommitGrid { grid-template-columns: minmax(0, 1fr); gap: 20px; }
+		  .dshClaudeCommitChanges { padding: 0 0 18px; border-right: 0; border-bottom: 1px solid var(--dsw-alias-border-l2); }
+		  .dshClaudeCommitFiles { max-height: 180px; }
+		  .dshClaudeCommitDialog > div:last-child:not(.dshClaudeCommitContent) { padding: 14px 18px; }
+		}
 		`;
 		const diffModalBody = {
 			display: "flex",
@@ -3654,31 +3785,6 @@ window.__ModuleLoader__.load({
 			textOverflow: "ellipsis",
 			whiteSpace: "nowrap"
 		};
-		const diffModalFiles = {
-			minWidth: 0,
-			maxHeight: 300,
-			overflowX: "hidden",
-			overflowY: "auto",
-			border: "1px solid var(--dsw-alias-border-l2, color-mix(in srgb, currentColor 16%, transparent))",
-			borderRadius: 8
-		};
-		const diffModalFile = {
-			display: "flex",
-			justifyContent: "space-between",
-			gap: 12,
-			minWidth: 0,
-			padding: "8px 12px",
-			borderBottom: "1px solid var(--dsw-alias-border-l2, color-mix(in srgb, currentColor 16%, transparent))",
-			color: "var(--dsw-alias-label-secondary)",
-			fontSize: 12,
-			lineHeight: "18px"
-		};
-		const diffModalFilePath = {
-			minWidth: 0,
-			overflow: "hidden",
-			textOverflow: "ellipsis",
-			whiteSpace: "nowrap"
-		};
 		const diffModalFileState = { flex: "none" };
 		const diffModalField = {
 			display: "flex",
@@ -8867,8 +8973,8 @@ window.__ModuleLoader__.load({
 					children: diffModalCss
 				}),
 				/* @__PURE__ */ jsx(Modal, {
-					className: "dshClaudeRepositoryActionModal",
-					contentClassName: "dshClaudeRepositoryActionModalContent",
+					className: "dshClaudeRepositoryActionModal dshClaudeUtilityDialog",
+					contentClassName: "dshClaudeRepositoryActionModalContent dshClaudeUtilityContent",
 					open: dialog !== void 0,
 					onClose: closeDialog,
 					title: t("conflictTitle"),
@@ -8906,6 +9012,7 @@ window.__ModuleLoader__.load({
 						style: diffModalBody,
 						children: [
 							/* @__PURE__ */ jsxs("div", {
+								className: "dshClaudeUtilitySummary",
 								style: diffModalMeta,
 								children: [/* @__PURE__ */ jsxs("strong", {
 									style: diffModalMetaText,
@@ -8933,6 +9040,7 @@ window.__ModuleLoader__.load({
 								children: t("conflictResolve")
 							}),
 							repository.remote === void 0 ? null : /* @__PURE__ */ jsxs("label", {
+								className: "dshClaudeUtilityOption",
 								style: diffModalCheckbox,
 								children: [/* @__PURE__ */ jsx("input", {
 									type: "checkbox",
@@ -9059,8 +9167,8 @@ window.__ModuleLoader__.load({
 					children: diffModalCss
 				}),
 				/* @__PURE__ */ jsx(Modal, {
-					className: "dshClaudeRepositoryActionModal",
-					contentClassName: "dshClaudeRepositoryActionModalContent",
+					className: "dshClaudeRepositoryActionModal dshClaudeUtilityDialog",
+					contentClassName: "dshClaudeRepositoryActionModalContent dshClaudeUtilityContent",
 					open: dialog !== void 0,
 					onClose: closeDialog,
 					title: t("repositoryUpdateBranch"),
@@ -9092,6 +9200,7 @@ window.__ModuleLoader__.load({
 						style: diffModalBody,
 						children: [
 							/* @__PURE__ */ jsxs("div", {
+								className: "dshClaudeUtilitySummary",
 								style: diffModalMeta,
 								children: [/* @__PURE__ */ jsxs("strong", {
 									style: diffModalMetaText,
@@ -9110,6 +9219,7 @@ window.__ModuleLoader__.load({
 								})]
 							}),
 							["rebase", "merge"].map((option) => /* @__PURE__ */ jsxs("label", {
+								className: "dshClaudeUtilityOption",
 								style: diffModalCheckbox,
 								children: [/* @__PURE__ */ jsx("input", {
 									type: "radio",
@@ -9192,8 +9302,8 @@ window.__ModuleLoader__.load({
 					children: diffModalCss
 				}),
 				/* @__PURE__ */ jsx(Modal, {
-					className: "dshClaudeRepositoryActionModal",
-					contentClassName: "dshClaudeRepositoryActionModalContent",
+					className: "dshClaudeRepositoryActionModal dshClaudeUtilityDialog",
+					contentClassName: "dshClaudeRepositoryActionModalContent dshClaudeUtilityContent",
 					open: dialog !== void 0,
 					onClose: closeDialog,
 					title: t("cleanupTitle"),
@@ -9224,6 +9334,7 @@ window.__ModuleLoader__.load({
 					children: dialog === void 0 ? null : /* @__PURE__ */ jsxs("div", {
 						style: diffModalBody,
 						children: [/* @__PURE__ */ jsxs("div", {
+							className: "dshClaudeUtilitySummary",
 							style: diffModalMeta,
 							children: [/* @__PURE__ */ jsxs("strong", {
 								style: diffModalMetaText,
@@ -9340,8 +9451,8 @@ window.__ModuleLoader__.load({
 					children: diffModalCss
 				}),
 				/* @__PURE__ */ jsx(Modal, {
-					className: "dshClaudeRepositoryActionModal",
-					contentClassName: "dshClaudeRepositoryActionModalContent",
+					className: "dshClaudeRepositoryActionModal dshClaudeUtilityDialog",
+					contentClassName: "dshClaudeRepositoryActionModalContent dshClaudeUtilityContent",
 					open: dialog !== void 0,
 					onClose: closeDialog,
 					title: t("diffMergePr"),
@@ -9373,6 +9484,7 @@ window.__ModuleLoader__.load({
 						style: diffModalBody,
 						children: [
 							/* @__PURE__ */ jsxs("div", {
+								className: "dshClaudeUtilitySummary",
 								style: diffModalMeta,
 								children: [/* @__PURE__ */ jsxs("strong", {
 									style: diffModalMetaText,
@@ -9392,6 +9504,7 @@ window.__ModuleLoader__.load({
 								children: pullRequest.title
 							}),
 							/* @__PURE__ */ jsxs("label", {
+								className: "dshClaudeUtilityOption",
 								style: diffModalCheckbox,
 								children: [/* @__PURE__ */ jsx("input", {
 									type: "checkbox",
@@ -14975,6 +15088,7 @@ window.__ModuleLoader__.load({
 				style: diffFile,
 				children: [/* @__PURE__ */ jsxs("button", {
 					type: "button",
+					className: diffFileHeaderClass,
 					style: diffFileHeader,
 					"aria-expanded": open,
 					onClick: () => onOpenChange(!open),
@@ -15757,13 +15871,12 @@ window.__ModuleLoader__.load({
 					]
 				}),
 				/* @__PURE__ */ jsxs(Modal, {
-					className: "dshClaudeRepositoryActionModal",
-					contentClassName: "dshClaudeRepositoryActionModalContent",
+					className: "dshClaudeRepositoryActionModal dshClaudeCommitDialog",
+					contentClassName: "dshClaudeRepositoryActionModalContent dshClaudeCommitContent",
 					open: dialog !== void 0,
 					onClose: closeDialog,
 					title: dialog === void 0 ? t("diffCommit") : actionLabel(dialog.action, t),
 					closeLabel: t("diffCancel"),
-					description: t("diffConfirmDescription"),
 					footer: /* @__PURE__ */ jsxs("div", {
 						style: diffModalFooter,
 						children: [/* @__PURE__ */ jsx("button", {
@@ -15783,120 +15896,161 @@ window.__ModuleLoader__.load({
 							},
 							disabled: dialog?.submitting === true || dialog?.preview === void 0 || dialog.action !== "push" && message.trim() === "",
 							onClick: () => void confirm(),
-							children: dialog?.submitting === true ? t("diffSubmitting") : t("diffConfirm")
+							children: dialog?.submitting === true ? t("diffSubmitting") : dialog === void 0 ? t("diffCommit") : actionLabel(dialog.action, t)
 						})]
 					}),
 					children: [
 						dialog?.loading === true ? /* @__PURE__ */ jsx("p", {
-							style: diffModalStatus,
-							children: t("diffGeneratingMessage")
+							className: "dshClaudeCommitProgress",
+							role: "status",
+							children: t(dialog.preview === void 0 ? "diffLoadingPreview" : "diffGeneratingMessage")
 						}) : null,
 						dialog?.preview !== void 0 ? /* @__PURE__ */ jsxs("div", {
 							style: diffModalBody,
-							children: [
-								/* @__PURE__ */ jsxs("div", {
-									style: diffModalMeta,
-									children: [/* @__PURE__ */ jsx("strong", {
-										style: diffModalMetaText,
-										title: dialog.preview.branch,
-										children: dialog.action === "push" ? `${dialog.preview.branch} → ${dialog.preview.upstream ?? `origin/${dialog.preview.branch}`}` : dialog.preview.branch
+							children: [/* @__PURE__ */ jsxs("div", {
+								className: "dshClaudeCommitContext",
+								children: [
+									/* @__PURE__ */ jsx("strong", {
+										title: dialog.preview.root,
+										children: repositoryLabel({
+											root: dialog.preview.root,
+											cwd: dialog.preview.root
+										})
+									}),
+									/* @__PURE__ */ jsx("span", {
+										className: "dshClaudeCommitBranch",
+										children: dialog.preview.branch
+									}),
+									dialog.action === "push" || dialog.action === "commit-push" ? /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx("span", {
+										"aria-hidden": "true",
+										children: "→"
 									}), /* @__PURE__ */ jsx("span", {
-										style: diffModalFileState,
-										children: dialog.action === "push" ? t("diffPushAhead", { count: dialog.preview.unpushedTruncated ? `${dialog.preview.unpushedCommits.length}+` : dialog.preview.unpushedCommits.length }) : t("diffFiles", { count: dialog.preview.files.length })
-									})]
-								}),
-								dialog.action === "push" ? /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx("div", {
-									style: diffModalFiles,
+										className: "dshClaudeCommitBranch",
+										children: dialog.preview.upstream ?? `origin/${dialog.preview.branch}`
+									})] }) : null
+								]
+							}), dialog.action === "push" ? /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsxs("section", {
+								className: "dshClaudeCommitSection",
+								children: [/* @__PURE__ */ jsx("h3", { children: t("diffPushAhead", { count: dialog.preview.unpushedTruncated ? `${dialog.preview.unpushedCommits.length}+` : dialog.preview.unpushedCommits.length }) }), /* @__PURE__ */ jsx("div", {
+									className: "dshClaudeCommitFiles",
 									children: dialog.preview.unpushedCommits.map((commit) => /* @__PURE__ */ jsxs("div", {
-										style: diffModalFile,
-										children: [/* @__PURE__ */ jsx("span", {
-											style: diffModalFilePath,
+										className: "dshClaudeCommitFile",
+										children: [/* @__PURE__ */ jsx("code", {
+											className: "dshClaudeCommitHash",
+											children: commit.hash.slice(0, 8)
+										}), /* @__PURE__ */ jsx("span", {
+											className: "dshClaudeCommitPath",
 											title: commit.subject,
 											children: commit.subject
-										}), /* @__PURE__ */ jsx("span", {
-											style: diffModalFileState,
-											children: commit.hash.slice(0, 8)
 										})]
 									}, commit.hash))
-								}), /* @__PURE__ */ jsx("p", {
-									style: diffModalStatus,
-									children: t("diffPushDescription")
-								})] }) : /* @__PURE__ */ jsxs(Fragment$1, { children: [
-									/* @__PURE__ */ jsx("div", {
-										style: diffModalFiles,
-										children: dialog.preview.files.map((file) => /* @__PURE__ */ jsxs("div", {
-											style: diffModalFile,
-											children: [/* @__PURE__ */ jsx("span", {
-												style: diffModalFilePath,
-												title: file.path,
-												children: file.path
-											}), /* @__PURE__ */ jsx("span", {
-												style: diffModalFileState,
-												children: file.untracked ? t("diffUntracked") : file.staged && file.unstaged ? t("diffStagedUnstaged") : file.staged ? t("diffStaged") : t("diffUnstaged")
+								})]
+							}), /* @__PURE__ */ jsx("p", {
+								style: diffModalStatus,
+								children: t("diffPushDescription")
+							})] }) : /* @__PURE__ */ jsxs("div", {
+								className: "dshClaudeCommitGrid",
+								children: [/* @__PURE__ */ jsxs("section", {
+									className: "dshClaudeCommitSection dshClaudeCommitChanges",
+									children: [
+										/* @__PURE__ */ jsx("h3", { children: t("diffFilesShort", { count: dialog.preview.files.length }) }),
+										/* @__PURE__ */ jsx("div", {
+											className: "dshClaudeCommitFiles",
+											children: dialog.preview.files.map((file) => /* @__PURE__ */ jsxs("div", {
+												className: "dshClaudeCommitFile",
+												children: [/* @__PURE__ */ jsx("span", {
+													className: "dshClaudeCommitPath",
+													title: file.path,
+													children: file.path
+												}), /* @__PURE__ */ jsx("span", {
+													className: "dshClaudeCommitState",
+													"data-staged": file.staged && !file.unstaged && !file.untracked,
+													children: file.untracked ? t("diffUntracked") : file.staged && file.unstaged ? t("diffStagedUnstaged") : file.staged ? t("diffStaged") : t("diffUnstaged")
+												})]
+											}, file.path))
+										}),
+										/* @__PURE__ */ jsxs("label", {
+											style: diffModalCheckbox,
+											children: [/* @__PURE__ */ jsx("input", {
+												type: "checkbox",
+												checked: includeUnstaged,
+												disabled: !dialog.preview.hasUnstaged && !dialog.preview.hasUntracked,
+												onChange: (event) => setIncludeUnstaged(event.currentTarget.checked)
+											}), t("diffIncludeUnstaged")]
+										})
+									]
+								}), /* @__PURE__ */ jsxs("div", {
+									className: "dshClaudeCommitEditor",
+									children: [
+										dialog.action === "create-pr" ? /* @__PURE__ */ jsxs(Fragment$1, { children: [
+											/* @__PURE__ */ jsxs("label", {
+												style: diffModalField,
+												children: [t("diffPrTitle"), /* @__PURE__ */ jsx("input", {
+													style: {
+														...diffModalTextInput,
+														fontWeight: 400
+													},
+													value: prTitle,
+													maxLength: 256,
+													onChange: (event) => setPrTitle(event.currentTarget.value)
+												})]
+											}),
+											/* @__PURE__ */ jsxs("label", {
+												style: diffModalField,
+												children: [t("diffPrBase"), /* @__PURE__ */ jsx("input", {
+													style: {
+														...diffModalTextInput,
+														fontWeight: 400
+													},
+													value: baseBranch,
+													maxLength: 512,
+													placeholder: t("diffPrBaseDefault"),
+													onChange: (event) => setBaseBranch(event.currentTarget.value)
+												})]
+											}),
+											/* @__PURE__ */ jsxs("label", {
+												style: diffModalField,
+												children: [t("diffPrDescription"), /* @__PURE__ */ jsx("textarea", {
+													style: {
+														...diffModalTextarea,
+														fontWeight: 400,
+														minHeight: 180
+													},
+													value: prBody,
+													maxLength: 8192,
+													onChange: (event) => setPrBody(event.currentTarget.value)
+												})]
+											}),
+											/* @__PURE__ */ jsxs("label", {
+												style: diffModalCheckbox,
+												children: [/* @__PURE__ */ jsx("input", {
+													type: "checkbox",
+													checked: draft,
+													onChange: (event) => setDraft(event.currentTarget.checked)
+												}), t("diffPrDraft")]
+											})
+										] }) : null,
+										/* @__PURE__ */ jsxs("label", {
+											style: diffModalField,
+											children: [t("diffCommitMessage"), /* @__PURE__ */ jsx("textarea", {
+												style: {
+													...diffModalTextarea,
+													fontWeight: 400,
+													minHeight: dialog.action === "create-pr" ? 100 : 220
+												},
+												value: message,
+												maxLength: 2048,
+												placeholder: t("diffCommitMessagePlaceholder"),
+												onChange: (event) => setMessage(event.currentTarget.value)
 											})]
-										}, file.path))
-									}),
-									/* @__PURE__ */ jsxs("label", {
-										style: diffModalCheckbox,
-										children: [/* @__PURE__ */ jsx("input", {
-											type: "checkbox",
-											checked: includeUnstaged,
-											disabled: !dialog.preview.hasUnstaged && !dialog.preview.hasUntracked,
-											onChange: (event) => setIncludeUnstaged(event.currentTarget.checked)
-										}), t("diffIncludeUnstaged")]
-									}),
-									/* @__PURE__ */ jsxs("label", {
-										style: diffModalField,
-										children: [t("diffCommitMessage"), /* @__PURE__ */ jsx("textarea", {
-											style: diffModalTextarea,
-											value: message,
-											maxLength: 2048,
-											onChange: (event) => setMessage(event.currentTarget.value)
-										})]
-									})
-								] }),
-								dialog.action === "create-pr" ? /* @__PURE__ */ jsxs(Fragment$1, { children: [
-									/* @__PURE__ */ jsxs("label", {
-										style: diffModalField,
-										children: [t("diffPrTitle"), /* @__PURE__ */ jsx("input", {
-											style: diffModalTextInput,
-											value: prTitle,
-											maxLength: 256,
-											onChange: (event) => setPrTitle(event.currentTarget.value)
-										})]
-									}),
-									/* @__PURE__ */ jsxs("label", {
-										style: diffModalField,
-										children: [t("diffPrBase"), /* @__PURE__ */ jsx("input", {
-											style: diffModalTextInput,
-											value: baseBranch,
-											maxLength: 512,
-											placeholder: t("diffPrBaseDefault"),
-											onChange: (event) => setBaseBranch(event.currentTarget.value)
-										})]
-									}),
-									/* @__PURE__ */ jsxs("label", {
-										style: diffModalField,
-										children: [t("diffPrDescription"), /* @__PURE__ */ jsx("textarea", {
-											style: {
-												...diffModalTextarea,
-												minHeight: 240
-											},
-											value: prBody,
-											maxLength: 8192,
-											onChange: (event) => setPrBody(event.currentTarget.value)
-										})]
-									}),
-									/* @__PURE__ */ jsxs("label", {
-										style: diffModalCheckbox,
-										children: [/* @__PURE__ */ jsx("input", {
-											type: "checkbox",
-											checked: draft,
-											onChange: (event) => setDraft(event.currentTarget.checked)
-										}), t("diffPrDraft")]
-									})
-								] }) : null
-							]
+										}),
+										/* @__PURE__ */ jsx("p", {
+											className: "dshClaudeCommitHint",
+											children: t("diffCommitMessageHint")
+										})
+									]
+								})]
+							})]
 						}) : null,
 						dialog?.error !== void 0 ? /* @__PURE__ */ jsxs("p", {
 							role: "alert",
@@ -16571,6 +16725,10 @@ window.__ModuleLoader__.load({
 						"data-dsh-claude-ask-styles": true,
 						children: [panelIconButtonCss, askHighlightCss]
 					}),
+					/* @__PURE__ */ jsx("strong", {
+						style: promptSaveHeading,
+						children: t("askTooltip")
+					}),
 					/* @__PURE__ */ jsx("p", {
 						style: askQuote,
 						children: selection.text
@@ -17037,8 +17195,8 @@ window.__ModuleLoader__.load({
 					children: diffModalCss
 				}),
 				/* @__PURE__ */ jsx(Modal, {
-					className: "dshClaudeRepositoryActionModal",
-					contentClassName: "dshClaudeRepositoryActionModalContent",
+					className: "dshClaudeRepositoryActionModal dshClaudeUtilityDialog",
+					contentClassName: "dshClaudeRepositoryActionModalContent dshClaudeUtilityContent",
 					open: target !== void 0,
 					onClose: close,
 					title: t("rewindTitle"),
@@ -17074,6 +17232,7 @@ window.__ModuleLoader__.load({
 								children: target.text.slice(0, 2e3)
 							}),
 							/* @__PURE__ */ jsxs("label", {
+								className: "dshClaudeUtilityOption",
 								style: diffModalCheckbox,
 								children: [/* @__PURE__ */ jsx("input", {
 									type: "checkbox",
@@ -18586,7 +18745,10 @@ window.__ModuleLoader__.load({
 						role: "dialog",
 						"aria-label": label,
 						children: panel.kind === "saved" ? /* @__PURE__ */ jsxs(Fragment$1, { children: [
-							/* @__PURE__ */ jsx("span", { children: t("promptSaved", { name: panel.prompt.name }) }),
+							/* @__PURE__ */ jsx("span", {
+								style: promptSaveHeading,
+								children: t("promptSaved", { name: panel.prompt.name })
+							}),
 							/* @__PURE__ */ jsx("span", {
 								style: promptSaveLocation,
 								children: panel.prompt.location
@@ -18609,8 +18771,13 @@ window.__ModuleLoader__.load({
 							children: [
 								/* @__PURE__ */ jsx("span", {
 									style: promptSaveHeading,
-									children: panel.suggesting ? t("promptSaveNaming") : label
+									children: label
 								}),
+								panel.suggesting ? /* @__PURE__ */ jsx("span", {
+									role: "status",
+									style: repositoryChecksHint,
+									children: t("promptSaveNaming")
+								}) : null,
 								/* @__PURE__ */ jsx("input", {
 									className: promptSaveFieldClass,
 									"aria-label": t("promptSaveName"),
@@ -19090,6 +19257,9 @@ window.__ModuleLoader__.load({
 			diffPushAhead: "{count} 个未推送的 commit",
 			diffPushCompleted: "已推送 commit {commit}",
 			diffGeneratingMessage: "正在生成建议的 commit message，只会填进你没写的字段。",
+			diffLoadingPreview: "正在读取仓库变更…",
+			diffCommitMessagePlaceholder: "简要描述这次修改…",
+			diffCommitMessageHint: "首行写修改摘要，空一行后可补充详细说明。",
 			diffActionFailed: "仓库操作失败。",
 			diffIncludeUnstaged: "包含 unstaged 和 untracked 改动",
 			diffCommitMessage: "Commit message",
@@ -19531,6 +19701,9 @@ window.__ModuleLoader__.load({
 			diffPushAhead: "{count} unpushed commit(s)",
 			diffPushCompleted: "Pushed commit {commit}",
 			diffGeneratingMessage: "Suggesting a commit message. It only fills the fields you leave empty.",
+			diffLoadingPreview: "Loading repository changes…",
+			diffCommitMessagePlaceholder: "Describe what changed…",
+			diffCommitMessageHint: "Start with a short summary. Add details after a blank line.",
 			diffActionFailed: "Repository action failed.",
 			diffIncludeUnstaged: "Include unstaged and untracked changes",
 			diffCommitMessage: "Commit message",