flowpilot 0.0.2

package/dist/client/chunks/client-Bb-xh-5_.js

@@ -0,0 +1,356 @@
+import { n as instance, o as useState, r as useEffect, s as render, t as jsxDEV } from "./jsx-dev-runtime-DGBfem3G.js";
+//#region src/commands/config/client.tsx
+const initPromise = typeof window !== "undefined" && window.__I18N_LOCALE__ && window.__I18N_RESOURCES__ ? instance.init({
+	lng: window.__I18N_LOCALE__,
+	fallbackLng: "zh-CN",
+	resources: window.__I18N_RESOURCES__,
+	interpolation: { escapeValue: false }
+}) : Promise.resolve();
+const t = instance.t;
+const EYE_SVG = `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" stroke-width="1.5" fill="none" stroke-linecap="round" stroke-linejoin="round"><path d="M2 12s3-7 10-7 10 7 10 7-3 7-10 7-10-7-10-7Z"/><circle cx="12" cy="12" r="3"/></svg>`;
+const EYE_OFF_SVG = `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" stroke-width="1.5" fill="none" stroke-linecap="round" stroke-linejoin="round"><path d="M17.94 17.94A10.07 10.07 0 0 1 12 20c-7 0-11-8-11-8a18.45 18.45 0 0 1 5.06-5.94"/><path d="M9.9 5.06A9.68 9.68 0 0 1 12 4c7 0 11 8 11 8a18.45 18.45 0 0 1-3.06 4.94"/><line x1="1" y1="1" x2="23" y2="23"/></svg>`;
+const configStyle = `
+  .page-header {
+    margin-bottom: 32px;
+    animation: slide-up 0.3s cubic-bezier(0.16, 1, 0.3, 1) 0.05s both;
+  }
+  .page-header h2 {
+    font-size: 22px;
+    font-weight: 600;
+    letter-spacing: -0.02em;
+    margin-bottom: 6px;
+  }
+  .page-header p {
+    font-size: 13px;
+    color: var(--text-2);
+    font-weight: 300;
+    line-height: 1.5;
+  }
+
+  .toast {
+    display: none;
+    align-items: center;
+    gap: 8px;
+    padding: 8px 14px;
+    margin-bottom: 24px;
+    border-radius: 6px;
+    background: var(--success-soft);
+    border: 1px solid rgba(0,255,136,0.12);
+    color: var(--neon);
+    font-size: 12px;
+    font-weight: 500;
+  }
+  .toast.visible {
+    display: inline-flex;
+    animation: slide-up 0.3s cubic-bezier(0.16, 1, 0.3, 1) both;
+  }
+  .toast-dot {
+    width: 6px; height: 6px;
+    border-radius: 50%;
+    background: var(--neon);
+    animation: neon-pulse 2s ease infinite;
+  }
+
+  .section {
+    background: var(--bg-card);
+    border: 1px solid var(--border);
+    border-radius: 10px;
+    margin-bottom: 16px;
+    overflow: hidden;
+    animation: slide-up 0.3s cubic-bezier(0.16, 1, 0.3, 1) both;
+    transition: border-color 0.2s;
+  }
+  .section:nth-of-type(2) { animation-delay: 0.06s; }
+  .section:hover { border-color: var(--border-active); }
+
+  .section-head {
+    padding: 16px 20px;
+    border-bottom: 1px solid var(--border);
+    display: flex;
+    align-items: center;
+    gap: 10px;
+  }
+  .section-dot {
+    width: 8px; height: 8px;
+    border-radius: 50%;
+    flex-shrink: 0;
+  }
+  .section-dot.jira { background: var(--cyan); box-shadow: 0 0 6px var(--cyan-glow); }
+  .section-dot.gitlab { background: var(--neon); box-shadow: 0 0 6px var(--neon-glow); }
+  .section-head h3 {
+    font-size: 13px;
+    font-weight: 600;
+  }
+
+  .section-body { padding: 20px; }
+
+  .field { margin-bottom: 18px; }
+  .field:last-child { margin-bottom: 0; }
+
+  .field-label {
+    display: block;
+    font-size: 12px;
+    font-weight: 500;
+    color: var(--text-2);
+    margin-bottom: 6px;
+  }
+  .field-label .hint {
+    font-weight: 300;
+    color: var(--text-3);
+    font-size: 11px;
+    margin-left: 4px;
+  }
+
+  .field-input-wrap { position: relative; }
+
+  .field input {
+    width: 100%;
+    padding: 10px 12px;
+    font-size: 13px;
+    font-family: var(--mono);
+    color: var(--text-1);
+    background: var(--bg-input);
+    border: 1px solid var(--border);
+    border-radius: 6px;
+    outline: none;
+    transition: border-color 0.2s, box-shadow 0.2s;
+  }
+  .field input.password-input { padding-right: 40px; }
+  .field input::placeholder { color: var(--text-3); font-weight: 400; }
+  .field input:hover { border-color: var(--border-active); }
+  .field input:focus {
+    border-color: var(--neon);
+    box-shadow: 0 0 0 2px var(--neon-soft), 0 0 8px var(--neon-glow);
+  }
+
+  .password-toggle {
+    position: absolute;
+    right: 8px;
+    top: 50%;
+    transform: translateY(-50%);
+    width: 28px; height: 28px;
+    display: flex; align-items: center; justify-content: center;
+    background: none;
+    border: none;
+    cursor: pointer;
+    color: var(--text-3);
+    padding: 0;
+    transition: color 0.15s;
+  }
+  .password-toggle:hover { color: var(--text-2); }
+  .password-toggle svg {
+    width: 18px; height: 18px;
+    stroke: currentColor;
+    stroke-width: 1.5;
+    fill: none;
+    stroke-linecap: round;
+    stroke-linejoin: round;
+  }
+
+  .save-bar {
+    display: flex;
+    align-items: center;
+    gap: 12px;
+    margin-top: 24px;
+    animation: slide-up 0.3s cubic-bezier(0.16, 1, 0.3, 1) 0.12s both;
+  }
+
+  .btn {
+    min-height: 44px;
+    padding: 10px 22px;
+    font-size: 13px;
+    font-family: var(--sans);
+    font-weight: 500;
+    color: var(--bg-void);
+    background: var(--neon);
+    border: none;
+    border-radius: 6px;
+    cursor: pointer;
+    transition: background 0.15s, box-shadow 0.2s;
+  }
+  .btn:hover {
+    background: var(--neon-hover);
+    box-shadow: 0 0 12px var(--neon-glow), 0 2px 12px rgba(0,255,136,0.2);
+  }
+  .btn:active { background: #00DD77; }
+
+  .save-note {
+    font-size: 11px;
+    color: var(--text-3);
+    font-family: var(--mono);
+  }
+
+  .loading {
+    color: var(--text-3);
+    font-size: 13px;
+  }
+`;
+const ConfigClient = () => {
+	const [config, setConfig] = useState({});
+	const [loading, setLoading] = useState(true);
+	const [toast, setToast] = useState(false);
+	const [showPassword, setShowPassword] = useState(false);
+	useEffect(() => {
+		fetch("/config/api/config").then((r) => r.json()).then((data) => {
+			setConfig(data);
+			setLoading(false);
+		});
+	}, []);
+	const handleSubmit = async (e) => {
+		e.preventDefault();
+		const form = e.target;
+		const data = Object.fromEntries(new FormData(form));
+		if ((await fetch("/config/api/config", {
+			method: "POST",
+			headers: { "Content-Type": "application/json" },
+			body: JSON.stringify(data)
+		})).ok) {
+			setToast(true);
+			setTimeout(() => setToast(false), 3e3);
+		}
+	};
+	if (loading) return /* @__PURE__ */ jsxDEV("div", { children: [/* @__PURE__ */ jsxDEV("style", { children: configStyle }), /* @__PURE__ */ jsxDEV("div", {
+		class: "loading",
+		children: t("web.loading")
+	})] });
+	return /* @__PURE__ */ jsxDEV("div", { children: [
+		/* @__PURE__ */ jsxDEV("style", { children: configStyle }),
+		/* @__PURE__ */ jsxDEV("div", {
+			class: "page-header",
+			children: [/* @__PURE__ */ jsxDEV("h2", { children: t("web.settingsTitle") }), /* @__PURE__ */ jsxDEV("p", { children: t("web.settingsDesc") })]
+		}),
+		toast && /* @__PURE__ */ jsxDEV("div", {
+			class: "toast visible",
+			role: "status",
+			"aria-live": "polite",
+			children: [/* @__PURE__ */ jsxDEV("span", { class: "toast-dot" }), t("web.savedToast")]
+		}),
+		/* @__PURE__ */ jsxDEV("form", {
+			onSubmit: handleSubmit,
+			children: [
+				/* @__PURE__ */ jsxDEV("div", {
+					class: "section",
+					children: [/* @__PURE__ */ jsxDEV("div", {
+						class: "section-head",
+						children: [/* @__PURE__ */ jsxDEV("span", { class: "section-dot jira" }), /* @__PURE__ */ jsxDEV("h3", { children: t("web.jiraSection") })]
+					}), /* @__PURE__ */ jsxDEV("div", {
+						class: "section-body",
+						children: [
+							/* @__PURE__ */ jsxDEV("div", {
+								class: "field",
+								children: [/* @__PURE__ */ jsxDEV("label", {
+									class: "field-label",
+									for: "jiraHost",
+									children: [t("web.hostLabel"), /* @__PURE__ */ jsxDEV("span", {
+										class: "hint",
+										children: t("web.hostHintJira")
+									})]
+								}), /* @__PURE__ */ jsxDEV("input", {
+									id: "jiraHost",
+									name: "jiraHost",
+									type: "text",
+									placeholder: t("web.placeholderJiraHost"),
+									value: config.jiraHost ?? ""
+								})]
+							}),
+							/* @__PURE__ */ jsxDEV("div", {
+								class: "field",
+								children: [/* @__PURE__ */ jsxDEV("label", {
+									class: "field-label",
+									for: "jiraName",
+									children: t("web.accountLabel")
+								}), /* @__PURE__ */ jsxDEV("input", {
+									id: "jiraName",
+									name: "jiraName",
+									type: "text",
+									placeholder: t("web.placeholderUsername"),
+									value: config.jiraName ?? ""
+								})]
+							}),
+							/* @__PURE__ */ jsxDEV("div", {
+								class: "field",
+								children: [/* @__PURE__ */ jsxDEV("label", {
+									class: "field-label",
+									for: "jiraPassword",
+									children: t("web.passwordLabel")
+								}), /* @__PURE__ */ jsxDEV("div", {
+									class: "field-input-wrap",
+									children: [/* @__PURE__ */ jsxDEV("input", {
+										id: "jiraPassword",
+										name: "jiraPassword",
+										type: showPassword ? "text" : "password",
+										class: "password-input",
+										placeholder: t("web.placeholderPassword"),
+										value: config.jiraPassword ?? ""
+									}), /* @__PURE__ */ jsxDEV("button", {
+										class: "password-toggle",
+										type: "button",
+										"aria-label": showPassword ? "Hide password" : "Show password",
+										onClick: () => setShowPassword(!showPassword),
+										dangerouslySetInnerHTML: { __html: showPassword ? EYE_OFF_SVG : EYE_SVG }
+									})]
+								})]
+							})
+						]
+					})]
+				}),
+				/* @__PURE__ */ jsxDEV("div", {
+					class: "section",
+					children: [/* @__PURE__ */ jsxDEV("div", {
+						class: "section-head",
+						children: [/* @__PURE__ */ jsxDEV("span", { class: "section-dot gitlab" }), /* @__PURE__ */ jsxDEV("h3", { children: t("web.gitlabSection") })]
+					}), /* @__PURE__ */ jsxDEV("div", {
+						class: "section-body",
+						children: [/* @__PURE__ */ jsxDEV("div", {
+							class: "field",
+							children: [/* @__PURE__ */ jsxDEV("label", {
+								class: "field-label",
+								for: "gitlabHost",
+								children: [t("web.hostLabel"), /* @__PURE__ */ jsxDEV("span", {
+									class: "hint",
+									children: t("web.hostHintGitlab")
+								})]
+							}), /* @__PURE__ */ jsxDEV("input", {
+								id: "gitlabHost",
+								name: "gitlabHost",
+								type: "text",
+								placeholder: t("web.placeholderGitlabHost"),
+								value: config.gitlabHost ?? ""
+							})]
+						}), /* @__PURE__ */ jsxDEV("div", {
+							class: "field",
+							children: [/* @__PURE__ */ jsxDEV("label", {
+								class: "field-label",
+								for: "gitlabKey",
+								children: t("web.tokenLabel")
+							}), /* @__PURE__ */ jsxDEV("input", {
+								id: "gitlabKey",
+								name: "gitlabKey",
+								type: "text",
+								placeholder: t("web.placeholderToken"),
+								value: config.gitlabKey ?? ""
+							})]
+						})]
+					})]
+				}),
+				/* @__PURE__ */ jsxDEV("div", {
+					class: "save-bar",
+					children: [/* @__PURE__ */ jsxDEV("button", {
+						class: "btn",
+						type: "submit",
+						children: t("web.saveBtn")
+					}), /* @__PURE__ */ jsxDEV("span", {
+						class: "save-note",
+						children: t("web.saveNote")
+					})]
+				})
+			]
+		})
+	] });
+};
+const mount = async (el) => {
+	await initPromise;
+	render(/* @__PURE__ */ jsxDEV(ConfigClient, {}), el);
+};
+//#endregion
+export { mount };