@dungsil/dsh-plugin-ui-vcs 0.4.0 → 0.4.1

package/dist/client.js

@@ -23,6 +23,10 @@ var git_pull_request_draft_default = "<svg xmlns=\"http://www.w3.org/2000/svg\"
 var git_pull_request_closed_default = "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\">\n  <circle cx=\"5\" cy=\"5\" r=\"2\"/>\n  <circle cx=\"5\" cy=\"19\" r=\"2\"/>\n  <circle cx=\"19\" cy=\"19\" r=\"2\"/>\n  <path d=\"M5 7v10M19 17v-5M16 3l6 6m0-6-6 6\"/>\n</svg>\n";
 // ../../tools/ui/src/icons/git-merge.svg
 var git_merge_default = "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\">\n  <circle cx=\"5\" cy=\"5\" r=\"2\"/>\n  <circle cx=\"5\" cy=\"19\" r=\"2\"/>\n  <circle cx=\"19\" cy=\"19\" r=\"2\"/>\n  <path d=\"M5 7v10M5 7a12 12 0 0 0 12 12\"/>\n</svg>\n";
+// ../../tools/ui/src/icons/circle-x.svg
+var circle_x_default = "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\">\n  <circle cx=\"12\" cy=\"12\" r=\"9\"/>\n  <path d=\"m9 9 6 6m0-6-6 6\"/>\n</svg>\n";
+// ../../tools/ui/src/icons/circle-minus.svg
+var circle_minus_default = "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\">\n  <circle cx=\"12\" cy=\"12\" r=\"9\"/>\n  <path d=\"M9 12h6\"/>\n</svg>\n";
 // ../../tools/ui/src/client.ts
 function useLocaleSnapshot(locale) {
 	const subscribe = (0, react.useCallback)((listener) => locale.subscribe(listener), [locale]);
@@ -57,6 +61,37 @@ function SettingsRow({ label, children }) {
 		}), children]
 	});
 }
+// ../../tools/ui/src/button-picker.tsx
+function ButtonPicker({ label, value, items, onChange, disabled = false, menuClassName, compact, ...buttonProps }) {
+	const [open, setOpen] = (0, react.useState)(false);
+	(0, react.useEffect)(() => {
+		if (disabled) setOpen(false);
+	}, [disabled]);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.Menu, {
+		open: open && !disabled,
+		portal: true,
+		compact,
+		className: menuClassName,
+		selectedId: value,
+		items,
+		onClose: () => setOpen(false),
+		onSelect: (id) => {
+			setOpen(false);
+			const item = items.find((item) => item.id === id && !item.disabled);
+			if (!disabled && item) onChange(item.id);
+		},
+		anchor: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_deepseek_ai_dsh_client_ui_primitives.Button, {
+			...buttonProps,
+			type: "button",
+			"aria-label": label,
+			"aria-haspopup": "menu",
+			"aria-expanded": open && !disabled,
+			disabled,
+			onClick: () => setOpen((current) => !current),
+			children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: items.find((item) => item.id === value)?.label }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.IconChevronDownOutlineRegular, { "aria-hidden": "true" })]
+		})
+	});
+}
 // locale/en.json
 var en_default = {
 	meta: {
@@ -13235,8 +13270,15 @@ const styles = `
 .dsh-pr-loading{display:inline-flex;flex-shrink:0;width:16px;height:16px;vertical-align:middle;color:var(--dsw-alias-label-secondary)}
 .dsh-pr-loading svg{width:100%;height:100%;animation:dsh-pr-spin .8s linear infinite}
 .dsh-pr-initial-loading{display:flex;justify-content:center;padding:24px 16px}
+.dsh-vcs-check-status{display:inline-flex;flex:none;width:14px;height:14px;align-items:center;justify-content:center;vertical-align:middle;color:var(--dsw-alias-label-tertiary)}
+.dsh-vcs-check-status>span{display:contents}
+.dsh-vcs-check-status svg{width:100%;height:100%}
+.dsh-vcs-check-status[data-state=done]{color:var(--dsw-alias-state-success-primary)}
+.dsh-vcs-check-status[data-state=error]{color:var(--dsw-alias-state-error-primary)}
+.dsh-vcs-check-status:is([data-state=ongoing],[data-state=warning]){color:var(--dsw-alias-state-warn-primary)}
+.dsh-vcs-check-status[data-state=ongoing] svg{animation:dsh-pr-spin 1.5s linear infinite}
 @keyframes dsh-pr-spin{to{transform:rotate(360deg)}}
-@media(prefers-reduced-motion:reduce){.dsh-pr-loading svg{animation:none}}
+@media(prefers-reduced-motion:reduce){.dsh-pr-loading svg,.dsh-vcs-check-status[data-state=ongoing] svg{animation:none}}
 .dsh-pr-panel :is(a,textarea,summary,[role=tabpanel]):focus-visible{outline:2px solid var(--dsw-focus-ring-color);outline-offset:-2px}
 .dsh-pr-content{overflow:auto;flex:1;min-height:0}
 .dsh-pr-content>p{padding:20px 16px;color:var(--dsw-alias-label-secondary);line-height:1.6}
@@ -13356,6 +13398,7 @@ function bindPullRequestLinks(root, open) {
 }
 // src/pull-requests-client.tsx
 var pull_requests_client_exports = /* @__PURE__ */ __exportAll({
+	CheckStatusIcon: () => CheckStatusIcon,
 	apply: () => apply$2,
 	checksState: () => checksState,
 	inject: () => inject$1,
@@ -13398,6 +13441,14 @@ function checksState(item) {
 	].includes(state))) return "ongoing";
 	return states.every((state) => ["success", "passed"].includes(state)) ? "done" : "idle";
 }
+function CheckStatusIcon({ state }) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+		className: "dsh-vcs-check-status",
+		"data-state": state,
+		"aria-hidden": "true",
+		children: state === "done" ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.IconCheckCircleOutlineRegular, {}) : state === "ongoing" ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.IconLoadingOutlineRegular, {}) : state === "warning" ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.IconQuestionOutlineRegular, {}) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { dangerouslySetInnerHTML: { __html: state === "error" ? circle_x_default : circle_minus_default } })
+	});
+}
 function Loading({ label }) {
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
 		className: "dsh-pr-loading",
@@ -13430,37 +13481,6 @@ function Description({ text, labels }) {
 		variant: "compact"
 	}), render(sections)] });
 }
-function Choice({ label, value, items, onChange, disabled }) {
-	const [open, setOpen] = (0, react.useState)(false);
-	(0, react.useEffect)(() => {
-		if (disabled) setOpen(false);
-	}, [disabled]);
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.Menu, {
-		open,
-		portal: true,
-		compact: true,
-		className: "dsh-pr-choice",
-		selectedId: value,
-		items,
-		onClose: () => setOpen(false),
-		onSelect: (id) => {
-			const item = items.find((item) => item.id === id && !item.disabled);
-			if (item) onChange(item.id);
-			setOpen(false);
-		},
-		anchor: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_deepseek_ai_dsh_client_ui_primitives.Button, {
-			type: "button",
-			size: "sm",
-			className: "dsh-pr-picker",
-			"aria-label": label,
-			"aria-haspopup": "menu",
-			"aria-expanded": open,
-			disabled,
-			onClick: () => setOpen(!open),
-			children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: items.find((item) => item.id === value)?.label }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.IconChevronDownOutlineRegular, { "aria-hidden": "true" })]
-		})
-	});
-}
 function apply$2(ctx) {
 	const connection = ctx.get("connection");
 	const sessions = ctx.get("sessions");
@@ -13910,10 +13930,7 @@ function apply$2(ctx) {
 													onClick: () => setChecksOpen(!checksOpen),
 													"aria-busy": loading,
 													children: [
-														loading ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Loading, { label: copy.loading }) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.StateDot, {
-															state,
-															appearance: "step"
-														}),
+														loading ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Loading, { label: copy.loading }) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(CheckStatusIcon, { state }),
 														/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: item.headSha ? checksSummary : copy.checks }),
 														/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.IconChevronDownOutlineRegular, { "aria-hidden": "true" })
 													]
@@ -13929,10 +13946,7 @@ function apply$2(ctx) {
 												className: "dsh-pr-checks",
 												children: item.checks.map((check, index) => {
 													const status = checkStatus(check.status);
-													return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("li", { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.StateDot, {
-														state: status.state,
-														appearance: "step"
-													}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+													return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("li", { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(CheckStatusIcon, { state: status.state }), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
 														className: "dsh-pr-check-name",
 														children: [check.url ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("a", {
 															href: check.url,
@@ -14090,7 +14104,11 @@ function apply$2(ctx) {
 														})] }),
 														/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 															className: "dsh-pr-actions",
-															children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(Choice, {
+															children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(ButtonPicker, {
+																size: "sm",
+																className: "dsh-pr-picker",
+																menuClassName: "dsh-pr-choice",
+																compact: true,
 																label: copy.review,
 																value: reviewAction,
 																disabled: pending,
@@ -14823,10 +14841,7 @@ function apply(ctx) {
 				className: "dsh-vcs-trigger",
 				title: `${labels.checks}: ${ciLabel}`,
 				onClick: () => ctx.sidebarRight.openTab("dungsil-vcs-pull-requests", { params: { section: "checks" } }),
-				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.StateDot, {
-					state: ciState,
-					appearance: "step"
-				}), `${labels.checks}: ${ciLabel}`]
+				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(CheckStatusIcon, { state: ciState }), `${labels.checks}: ${ciLabel}`]
 			})]
 		});
 	}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dungsil/dsh-plugin-ui-vcs",
-  "version": "0.4.0",
+  "version": "0.4.1",
   "description": "Git actions and PR/MR review for GitHub, GitLab, Gitea and Forgejo.",
   "license": "MIT",
   "repository": {