@openhands/agent-canvas 1.0.0-beta.6 → 1.0.0-beta.7

package/dist/routes/llm-settings.js

@@ -11,36 +11,37 @@ import { useAgentSettingsSchema as c } from "../hooks/query/use-agent-settings-s
 import { KeyStatusIcon as l } from "../components/features/settings/key-status-icon.js";
 import { inferInitialView as u } from "../utils/sdk-settings-schema.js";
 import { SdkSectionPage as d } from "../components/features/settings/sdk-settings/sdk-section-page.js";
+import { OPENHANDS_LLM_PROXY_BASE_URL as f, isOpenHandsProviderModel as p } from "../utils/openhands-llm.js";
 import "../components/features/settings/llm-profiles/index.js";
-import f from "react";
-import { Fragment as p, jsx as m, jsxs as h } from "react/jsx-runtime";
+import m from "react";
+import { Fragment as h, jsx as g, jsxs as _ } from "react/jsx-runtime";
 //#region src/routes/llm-settings.tsx
-var g = new Set([
+var v = new Set([
 	"llm.model",
 	"llm.api_key",
 	"llm.base_url"
-]), _ = (e, t) => !e || !t ? null : `${e}/${t}`, v = (e, t) => e?.sections.flatMap((e) => e.fields).find((e) => e.key === t)?.default ?? null, y = {
+]), y = (e, t) => !e || !t ? null : `${e}/${t}`, b = (e, t) => e?.sections.flatMap((e) => e.fields).find((e) => e.key === t)?.default ?? null, x = {
 	openai: new Set(["https://api.openai.com", "https://api.openai.com/v1"]),
-	openhands: new Set(["https://llm-proxy.app.all-hands.dev", "https://llm-proxy.app.all-hands.dev/v1"]),
-	litellm_proxy: new Set(["https://llm-proxy.app.all-hands.dev", "https://llm-proxy.app.all-hands.dev/v1"])
-}, b = (e) => {
+	openhands: new Set([f, "https://llm-proxy.app.all-hands.dev/v1"]),
+	litellm_proxy: new Set([f, "https://llm-proxy.app.all-hands.dev/v1"])
+}, S = (e) => {
 	try {
 		let t = new URL(e), n = t.pathname.replace(/\/+$/, "") || "";
 		return `${t.origin}${n}`;
 	} catch {
 		return e.trim().replace(/\/+$/, "");
 	}
-}, x = (e, t) => {
-	let n = b(t), { provider: r } = a(e);
+}, C = (e, t) => {
+	let n = S(t), { provider: r } = a(e);
 	if (r) {
-		let e = y[r];
+		let e = x[r];
 		if (e) return e.has(n);
 	}
-	return Object.values(y).some((e) => e?.has(n));
+	return Object.values(x).some((e) => e?.has(n));
 };
-function S({ testId: n }) {
+function w({ testId: n }) {
 	let { t: r } = e("openhands");
-	return /* @__PURE__ */ m(o, {
+	return /* @__PURE__ */ g(o, {
 		testId: n,
 		text: r(t.SETTINGS$OPENHANDS_API_KEY_HELP_TEXT),
 		linkText: r(t.SETTINGS$NAV_API_KEYS),
@@ -48,71 +49,71 @@ function S({ testId: n }) {
 		suffix: ` ${r(t.SETTINGS$OPENHANDS_API_KEY_HELP_SUFFIX)}`
 	});
 }
-function C({ scope: a = "personal", onSaveSuccess: y, initialValueOverrides: b, embedded: C, hideSaveButton: w, onSaveControlChange: T }) {
-	let { t: E } = e("openhands"), { data: D } = r(a), { data: O } = c(D?.agent_settings_schema), k = String(n.agent_settings?.llm?.model ?? ""), A = f.useCallback((e, t) => {
+function T({ scope: a = "personal", onSaveSuccess: x, initialValueOverrides: S, embedded: T, hideSaveButton: E, onSaveControlChange: D }) {
+	let { t: O } = e("openhands"), { data: k } = r(a), { data: A } = c(k?.agent_settings_schema), j = String(n.agent_settings?.llm?.model ?? ""), M = m.useCallback((e, t) => {
 		let n = u(e, t);
 		if (n !== "basic") return n;
 		let r = e.llm_model ?? "", i = e.llm_base_url?.trim() ?? "";
-		return i.length > 0 && !x(r, i) ? "all" : "basic";
+		return i.length > 0 && !C(r, i) ? "all" : "basic";
 	}, []);
-	return /* @__PURE__ */ m(d, {
+	return /* @__PURE__ */ g(d, {
 		scope: a,
 		sectionKeys: ["llm"],
-		excludeKeys: g,
-		header: f.useCallback(({ values: e, isDisabled: n, view: r, onChange: a }) => {
-			let c = typeof e["llm.model"] == "string" ? e["llm.model"] : "", u = typeof e["llm.base_url"] == "string" ? e["llm.base_url"] : "", d = c.startsWith("openhands/"), f = typeof e["llm.api_key"] == "string" ? e["llm.api_key"] : "", g = C ? f.length > 0 : !!D?.llm_api_key_set, v = (e, r) => /* @__PURE__ */ h(p, { children: [/* @__PURE__ */ m(i, {
+		excludeKeys: v,
+		header: m.useCallback(({ values: e, isDisabled: n, view: r, onChange: a }) => {
+			let c = typeof e["llm.model"] == "string" ? e["llm.model"] : "", u = typeof e["llm.base_url"] == "string" ? e["llm.base_url"] : "", d = c.startsWith("openhands/"), f = typeof e["llm.api_key"] == "string" ? e["llm.api_key"] : "", p = T ? f.length > 0 : !!k?.llm_api_key_set, m = (e, r) => /* @__PURE__ */ _(h, { children: [/* @__PURE__ */ g(i, {
 				testId: e,
-				label: E(t.SETTINGS_FORM$API_KEY),
+				label: O(t.SETTINGS_FORM$API_KEY),
 				type: "password",
 				className: "w-full",
 				value: f,
-				placeholder: g ? "<hidden>" : "",
+				placeholder: p ? "<hidden>" : "",
 				onChange: (e) => a("llm.api_key", e),
 				isDisabled: n,
-				startContent: g ? /* @__PURE__ */ m(l, { isSet: g }) : void 0
-			}), /* @__PURE__ */ m(o, {
+				startContent: p ? /* @__PURE__ */ g(l, { isSet: p }) : void 0
+			}), /* @__PURE__ */ g(o, {
 				testId: r,
-				text: E(t.SETTINGS$DONT_KNOW_API_KEY),
-				linkText: E(t.SETTINGS$CLICK_FOR_INSTRUCTIONS),
+				text: O(t.SETTINGS$DONT_KNOW_API_KEY),
+				linkText: O(t.SETTINGS$CLICK_FOR_INSTRUCTIONS),
 				href: "https://docs.openhands.dev/usage/local-setup#getting-an-api-key"
 			})] });
-			return /* @__PURE__ */ m("div", {
+			return /* @__PURE__ */ g("div", {
 				className: "flex flex-col gap-6",
-				children: r === "basic" ? /* @__PURE__ */ h("div", {
+				children: r === "basic" ? /* @__PURE__ */ _("div", {
 					className: "flex flex-col gap-6",
 					"data-testid": "llm-settings-form-basic",
 					children: [
-						/* @__PURE__ */ m(s, {
+						/* @__PURE__ */ g(s, {
 							currentModel: c || void 0,
 							currentBaseUrl: u || void 0,
 							onChange: (e, t) => {
-								let n = _(e, t);
+								let n = y(e, t);
 								n && a("llm.model", n);
 							},
 							wrapperClassName: "!flex-col !gap-6",
 							isDisabled: n
 						}),
-						d ? /* @__PURE__ */ m(S, { testId: "openhands-api-key-help" }) : null,
-						v("llm-api-key-input", "llm-api-key-help-anchor")
+						d ? /* @__PURE__ */ g(w, { testId: "openhands-api-key-help" }) : null,
+						m("llm-api-key-input", "llm-api-key-help-anchor")
 					]
-				}) : /* @__PURE__ */ h("div", {
+				}) : /* @__PURE__ */ _("div", {
 					className: "flex flex-col gap-6",
 					"data-testid": "llm-settings-form-advanced",
 					children: [
-						/* @__PURE__ */ m(i, {
+						/* @__PURE__ */ g(i, {
 							testId: "llm-custom-model-input",
-							label: E(t.SETTINGS$CUSTOM_MODEL),
+							label: O(t.SETTINGS$CUSTOM_MODEL),
 							type: "text",
 							className: "w-full",
 							value: c,
-							placeholder: k,
+							placeholder: j,
 							onChange: (e) => a("llm.model", e),
 							isDisabled: n
 						}),
-						d ? /* @__PURE__ */ m(S, { testId: "openhands-api-key-help-2" }) : null,
-						/* @__PURE__ */ m(i, {
+						d ? /* @__PURE__ */ g(w, { testId: "openhands-api-key-help-2" }) : null,
+						/* @__PURE__ */ g(i, {
 							testId: "base-url-input",
-							label: E(t.SETTINGS$BASE_URL),
+							label: O(t.SETTINGS$BASE_URL),
 							type: "text",
 							className: "w-full",
 							value: u,
@@ -120,32 +121,32 @@ function C({ scope: a = "personal", onSaveSuccess: y, initialValueOverrides: b,
 							onChange: (e) => a("llm.base_url", e),
 							isDisabled: n
 						}),
-						v("llm-api-key-input", "llm-api-key-help-anchor-advanced")
+						m("llm-api-key-input", "llm-api-key-help-anchor-advanced")
 					]
 				})
 			});
 		}, [
-			k,
-			C,
-			D?.llm_api_key_set,
-			E
+			j,
+			T,
+			k?.llm_api_key_set,
+			O
 		]),
-		buildPayload: f.useCallback((e, t) => {
+		buildPayload: m.useCallback((e, t) => {
 			let n = structuredClone(e), r = n.llm ?? {};
-			return t.view === "basic" && (r.base_url = v(O, "llm.base_url"), n.llm = r), { agent_settings_diff: n };
-		}, [O]),
-		getInitialView: A,
+			return t.view === "basic" && (r.base_url = p(r.model ?? t.values["llm.model"]) ? f : b(A, "llm.base_url"), n.llm = r), { agent_settings_diff: n };
+		}, [A]),
+		getInitialView: M,
 		forceShowAdvancedView: !0,
 		allowAllView: !0,
-		onSaveSuccess: y,
-		initialValueOverrides: b,
-		embedded: C,
-		hideSaveButton: w,
-		onSaveControlChange: T,
+		onSaveSuccess: x,
+		initialValueOverrides: S,
+		embedded: T,
+		hideSaveButton: E,
+		onSaveControlChange: D,
 		testId: "llm-settings-screen"
 	});
 }
 //#endregion
-export { C as LlmSettingsScreen };
+export { T as LlmSettingsScreen };
 
 //# sourceMappingURL=llm-settings.js.map

package/dist/routes/llm-settings.js.map

@@ -1 +1 @@
-{"version":3,"file":"llm-settings.js","names":[],"sources":["../../src/routes/llm-settings.tsx"],"sourcesContent":["import React from \"react\";\nimport { useTranslation } from \"react-i18next\";\nimport { ModelSelector } from \"#/components/shared/modals/settings/model-selector\";\nimport { useAgentSettingsSchema } from \"#/hooks/query/use-agent-settings-schema\";\nimport { useSettings } from \"#/hooks/query/use-settings\";\nimport { SettingsInput } from \"#/components/features/settings/settings-input\";\nimport { HelpLink } from \"#/ui/help-link\";\nimport { KeyStatusIcon } from \"#/components/features/settings/key-status-icon\";\nimport {\n  SdkSectionHeaderProps,\n  SdkSectionPage,\n  SdkSectionSaveControl,\n} from \"#/components/features/settings/sdk-settings/sdk-section-page\";\nimport { LlmSettingsLocalView } from \"#/components/features/settings/llm-profiles\";\nimport { I18nKey } from \"#/i18n/declaration\";\nimport { Settings, SettingsSchema, SettingsScope } from \"#/types/settings\";\nimport { extractModelAndProvider } from \"#/utils/extract-model-and-provider\";\nimport { useActiveBackend } from \"#/contexts/active-backend-context\";\nimport {\n  inferInitialView,\n  type SettingsFormValues,\n  type SettingsView,\n} from \"#/utils/sdk-settings-schema\";\nimport { DEFAULT_SETTINGS } from \"#/services/settings\";\n\nconst LLM_EXCLUDED_KEYS = new Set([\"llm.model\", \"llm.api_key\", \"llm.base_url\"]);\n\nconst buildModelId = (provider: string | null, model: string | null) => {\n  if (!provider || !model) return null;\n  return `${provider}/${model}`;\n};\n\nconst getSchemaFieldDefaultValue = (\n  schema: SettingsSchema | null | undefined,\n  fieldKey: string,\n) =>\n  schema?.sections\n    .flatMap((section) => section.fields)\n    .find((field) => field.key === fieldKey)?.default ?? null;\n\nconst KNOWN_PROVIDER_DEFAULT_BASE_URLS: Partial<Record<string, Set<string>>> = {\n  openai: new Set([\"https://api.openai.com\", \"https://api.openai.com/v1\"]),\n  openhands: new Set([\n    \"https://llm-proxy.app.all-hands.dev\",\n    \"https://llm-proxy.app.all-hands.dev/v1\",\n  ]),\n  litellm_proxy: new Set([\n    \"https://llm-proxy.app.all-hands.dev\",\n    \"https://llm-proxy.app.all-hands.dev/v1\",\n  ]),\n};\n\nconst normalizeBaseUrl = (baseUrl: string) => {\n  try {\n    const parsedUrl = new URL(baseUrl);\n    const normalizedPath = parsedUrl.pathname.replace(/\\/+$/, \"\") || \"\";\n    return `${parsedUrl.origin}${normalizedPath}`;\n  } catch {\n    return baseUrl.trim().replace(/\\/+$/, \"\");\n  }\n};\n\nconst isProviderDefaultBaseUrl = (model: string, baseUrl: string) => {\n  const normalizedBaseUrl = normalizeBaseUrl(baseUrl);\n  const { provider } = extractModelAndProvider(model);\n\n  if (provider) {\n    const knownDefaults = KNOWN_PROVIDER_DEFAULT_BASE_URLS[provider];\n    if (knownDefaults) {\n      return knownDefaults.has(normalizedBaseUrl);\n    }\n  }\n\n  return Object.values(KNOWN_PROVIDER_DEFAULT_BASE_URLS).some((knownDefaults) =>\n    knownDefaults?.has(normalizedBaseUrl),\n  );\n};\n\ninterface OpenHandsApiKeyHelpProps {\n  testId: string;\n}\n\nfunction OpenHandsApiKeyHelp({ testId }: OpenHandsApiKeyHelpProps) {\n  const { t } = useTranslation(\"openhands\");\n\n  return (\n    <HelpLink\n      testId={testId}\n      text={t(I18nKey.SETTINGS$OPENHANDS_API_KEY_HELP_TEXT)}\n      linkText={t(I18nKey.SETTINGS$NAV_API_KEYS)}\n      href=\"https://app.all-hands.dev/settings/api-keys\"\n      suffix={` ${t(I18nKey.SETTINGS$OPENHANDS_API_KEY_HELP_SUFFIX)}`}\n    />\n  );\n}\n\nexport function LlmSettingsScreen({\n  scope = \"personal\",\n  onSaveSuccess,\n  initialValueOverrides,\n  embedded,\n  hideSaveButton,\n  onSaveControlChange,\n}: {\n  scope?: SettingsScope;\n  /** Optional hook fired after a successful save (e.g. advance an onboarding step). */\n  onSaveSuccess?: () => void;\n  /** Forwarded to {@link SdkSectionPage}. */\n  initialValueOverrides?: SettingsFormValues;\n  /** Forwarded to {@link SdkSectionPage}. */\n  embedded?: boolean;\n  /** Forwarded to {@link SdkSectionPage}. */\n  hideSaveButton?: boolean;\n  /** Forwarded to {@link SdkSectionPage}. */\n  onSaveControlChange?: (control: SdkSectionSaveControl) => void;\n}) {\n  const { t } = useTranslation(\"openhands\");\n\n  const { data: settings } = useSettings(scope);\n  const { data: schema } = useAgentSettingsSchema(\n    settings?.agent_settings_schema,\n  );\n\n  const defaultModel = String(\n    (DEFAULT_SETTINGS.agent_settings?.llm as Record<string, unknown>)?.model ??\n      \"\",\n  );\n\n  const getInitialView = React.useCallback(\n    (\n      currentSettings: Settings,\n      filteredSchema: SettingsSchema,\n    ): SettingsView => {\n      const schemaView = inferInitialView(currentSettings, filteredSchema);\n      if (schemaView !== \"basic\") {\n        return schemaView;\n      }\n\n      const currentModel = currentSettings.llm_model ?? \"\";\n      const trimmedBaseUrl = currentSettings.llm_base_url?.trim() ?? \"\";\n      const hasCustomBaseUrl =\n        trimmedBaseUrl.length > 0 &&\n        !isProviderDefaultBaseUrl(currentModel, trimmedBaseUrl);\n\n      return hasCustomBaseUrl ? \"all\" : \"basic\";\n    },\n    [],\n  );\n\n  const buildHeader = React.useCallback(\n    ({ values, isDisabled, view, onChange }: SdkSectionHeaderProps) => {\n      const modelValue =\n        typeof values[\"llm.model\"] === \"string\" ? values[\"llm.model\"] : \"\";\n      const baseUrlValue =\n        typeof values[\"llm.base_url\"] === \"string\"\n          ? values[\"llm.base_url\"]\n          : \"\";\n      const showOpenHandsApiKeyHelp = modelValue.startsWith(\"openhands/\");\n\n      const apiKeyValue =\n        typeof values[\"llm.api_key\"] === \"string\" ? values[\"llm.api_key\"] : \"\";\n      // For embedded profile forms (create/edit) the global\n      // `llm_api_key_set` flag is misleading: a brand-new profile would show a\n      // \"key set\" indicator just because some other profile has a key. Reflect\n      // the form's own key state instead so create mode starts visibly unset.\n      const apiKeyIsSet = embedded\n        ? apiKeyValue.length > 0\n        : Boolean(settings?.llm_api_key_set);\n\n      const renderApiKeyInput = (testId: string, helpTestId: string) => (\n        <>\n          <SettingsInput\n            testId={testId}\n            label={t(I18nKey.SETTINGS_FORM$API_KEY)}\n            type=\"password\"\n            className=\"w-full\"\n            value={apiKeyValue}\n            placeholder={apiKeyIsSet ? \"<hidden>\" : \"\"}\n            onChange={(value) => onChange(\"llm.api_key\", value)}\n            isDisabled={isDisabled}\n            startContent={\n              apiKeyIsSet ? <KeyStatusIcon isSet={apiKeyIsSet} /> : undefined\n            }\n          />\n\n          <HelpLink\n            testId={helpTestId}\n            text={t(I18nKey.SETTINGS$DONT_KNOW_API_KEY)}\n            linkText={t(I18nKey.SETTINGS$CLICK_FOR_INSTRUCTIONS)}\n            href=\"https://docs.openhands.dev/usage/local-setup#getting-an-api-key\"\n          />\n        </>\n      );\n\n      return (\n        <div className=\"flex flex-col gap-6\">\n          {view === \"basic\" ? (\n            <div\n              className=\"flex flex-col gap-6\"\n              data-testid=\"llm-settings-form-basic\"\n            >\n              <ModelSelector\n                currentModel={modelValue || undefined}\n                currentBaseUrl={baseUrlValue || undefined}\n                onChange={(provider, model) => {\n                  const nextModel = buildModelId(provider, model);\n                  if (nextModel) {\n                    onChange(\"llm.model\", nextModel);\n                  }\n                }}\n                wrapperClassName=\"!flex-col !gap-6\"\n                isDisabled={isDisabled}\n              />\n\n              {showOpenHandsApiKeyHelp ? (\n                <OpenHandsApiKeyHelp testId=\"openhands-api-key-help\" />\n              ) : null}\n\n              {renderApiKeyInput(\n                \"llm-api-key-input\",\n                \"llm-api-key-help-anchor\",\n              )}\n            </div>\n          ) : (\n            <div\n              className=\"flex flex-col gap-6\"\n              data-testid=\"llm-settings-form-advanced\"\n            >\n              <SettingsInput\n                testId=\"llm-custom-model-input\"\n                label={t(I18nKey.SETTINGS$CUSTOM_MODEL)}\n                type=\"text\"\n                className=\"w-full\"\n                value={modelValue}\n                placeholder={defaultModel}\n                onChange={(value) => onChange(\"llm.model\", value)}\n                isDisabled={isDisabled}\n              />\n\n              {showOpenHandsApiKeyHelp ? (\n                <OpenHandsApiKeyHelp testId=\"openhands-api-key-help-2\" />\n              ) : null}\n\n              <SettingsInput\n                testId=\"base-url-input\"\n                label={t(I18nKey.SETTINGS$BASE_URL)}\n                type=\"text\"\n                className=\"w-full\"\n                value={baseUrlValue}\n                placeholder=\"https://api.openai.com\"\n                onChange={(value) => onChange(\"llm.base_url\", value)}\n                isDisabled={isDisabled}\n              />\n\n              {renderApiKeyInput(\n                \"llm-api-key-input\",\n                \"llm-api-key-help-anchor-advanced\",\n              )}\n            </div>\n          )}\n        </div>\n      );\n    },\n    [defaultModel, embedded, settings?.llm_api_key_set, t],\n  );\n\n  const buildPayload = React.useCallback(\n    (\n      basePayload: Record<string, unknown>,\n      context: {\n        values: Record<string, string | boolean>;\n        view: SettingsView;\n      },\n    ) => {\n      // basePayload is a nested dict (e.g. {llm: {model: \"gpt-4\"}})\n      const agentSettings = structuredClone(basePayload);\n\n      const llm = (agentSettings.llm ?? {}) as Record<string, unknown>;\n\n      if (context.view === \"basic\") {\n        llm.base_url = getSchemaFieldDefaultValue(schema, \"llm.base_url\");\n        agentSettings.llm = llm;\n      }\n\n      return { agent_settings_diff: agentSettings };\n    },\n    [schema],\n  );\n\n  return (\n    <SdkSectionPage\n      scope={scope}\n      sectionKeys={[\"llm\"]}\n      excludeKeys={LLM_EXCLUDED_KEYS}\n      header={buildHeader}\n      buildPayload={buildPayload}\n      getInitialView={getInitialView}\n      forceShowAdvancedView\n      allowAllView\n      onSaveSuccess={onSaveSuccess}\n      initialValueOverrides={initialValueOverrides}\n      embedded={embedded}\n      hideSaveButton={hideSaveButton}\n      onSaveControlChange={onSaveControlChange}\n      testId=\"llm-settings-screen\"\n    />\n  );\n}\n\n/**\n * Default export for the route renders different views based on backend type:\n * - Local backends: LlmSettingsLocalView with profile management\n * - Cloud backends: Standard LlmSettingsScreen (profiles are not supported)\n *\n * The LlmSettingsScreen component is also exported for embedded use cases\n * (e.g., onboarding, profile editing forms).\n *\n * Note: This is a route file, only the router should import the default export.\n * Other consumers should use the named export `LlmSettingsScreen` for embedded\n * use cases.\n */\nexport default function LlmSettingsRoute() {\n  const { backend } = useActiveBackend();\n  const isCloud = backend.kind === \"cloud\";\n\n  // Cloud backends use the standard LLM settings form (no profiles support)\n  if (isCloud) {\n    return <LlmSettingsScreen />;\n  }\n\n  // Local backends use the profile management view\n  return <LlmSettingsLocalView />;\n}\n"],"mappings":"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"}
+{"version":3,"file":"llm-settings.js","names":[],"sources":["../../src/routes/llm-settings.tsx"],"sourcesContent":["import React from \"react\";\nimport { useTranslation } from \"react-i18next\";\nimport { ModelSelector } from \"#/components/shared/modals/settings/model-selector\";\nimport { useAgentSettingsSchema } from \"#/hooks/query/use-agent-settings-schema\";\nimport { useSettings } from \"#/hooks/query/use-settings\";\nimport { SettingsInput } from \"#/components/features/settings/settings-input\";\nimport { HelpLink } from \"#/ui/help-link\";\nimport { KeyStatusIcon } from \"#/components/features/settings/key-status-icon\";\nimport {\n  SdkSectionHeaderProps,\n  SdkSectionPage,\n  SdkSectionSaveControl,\n} from \"#/components/features/settings/sdk-settings/sdk-section-page\";\nimport { LlmSettingsLocalView } from \"#/components/features/settings/llm-profiles\";\nimport { I18nKey } from \"#/i18n/declaration\";\nimport { Settings, SettingsSchema, SettingsScope } from \"#/types/settings\";\nimport { extractModelAndProvider } from \"#/utils/extract-model-and-provider\";\nimport { useActiveBackend } from \"#/contexts/active-backend-context\";\nimport {\n  inferInitialView,\n  type SettingsFormValues,\n  type SettingsView,\n} from \"#/utils/sdk-settings-schema\";\nimport { DEFAULT_SETTINGS } from \"#/services/settings\";\nimport {\n  OPENHANDS_LLM_PROXY_BASE_URL,\n  isOpenHandsProviderModel,\n} from \"#/utils/openhands-llm\";\n\nconst LLM_EXCLUDED_KEYS = new Set([\"llm.model\", \"llm.api_key\", \"llm.base_url\"]);\n\nconst buildModelId = (provider: string | null, model: string | null) => {\n  if (!provider || !model) return null;\n  return `${provider}/${model}`;\n};\n\nconst getSchemaFieldDefaultValue = (\n  schema: SettingsSchema | null | undefined,\n  fieldKey: string,\n) =>\n  schema?.sections\n    .flatMap((section) => section.fields)\n    .find((field) => field.key === fieldKey)?.default ?? null;\n\nconst KNOWN_PROVIDER_DEFAULT_BASE_URLS: Partial<Record<string, Set<string>>> = {\n  openai: new Set([\"https://api.openai.com\", \"https://api.openai.com/v1\"]),\n  openhands: new Set([\n    OPENHANDS_LLM_PROXY_BASE_URL,\n    \"https://llm-proxy.app.all-hands.dev/v1\",\n  ]),\n  litellm_proxy: new Set([\n    OPENHANDS_LLM_PROXY_BASE_URL,\n    \"https://llm-proxy.app.all-hands.dev/v1\",\n  ]),\n};\n\nconst normalizeBaseUrl = (baseUrl: string) => {\n  try {\n    const parsedUrl = new URL(baseUrl);\n    const normalizedPath = parsedUrl.pathname.replace(/\\/+$/, \"\") || \"\";\n    return `${parsedUrl.origin}${normalizedPath}`;\n  } catch {\n    return baseUrl.trim().replace(/\\/+$/, \"\");\n  }\n};\n\nconst isProviderDefaultBaseUrl = (model: string, baseUrl: string) => {\n  const normalizedBaseUrl = normalizeBaseUrl(baseUrl);\n  const { provider } = extractModelAndProvider(model);\n\n  if (provider) {\n    const knownDefaults = KNOWN_PROVIDER_DEFAULT_BASE_URLS[provider];\n    if (knownDefaults) {\n      return knownDefaults.has(normalizedBaseUrl);\n    }\n  }\n\n  return Object.values(KNOWN_PROVIDER_DEFAULT_BASE_URLS).some((knownDefaults) =>\n    knownDefaults?.has(normalizedBaseUrl),\n  );\n};\n\ninterface OpenHandsApiKeyHelpProps {\n  testId: string;\n}\n\nfunction OpenHandsApiKeyHelp({ testId }: OpenHandsApiKeyHelpProps) {\n  const { t } = useTranslation(\"openhands\");\n\n  return (\n    <HelpLink\n      testId={testId}\n      text={t(I18nKey.SETTINGS$OPENHANDS_API_KEY_HELP_TEXT)}\n      linkText={t(I18nKey.SETTINGS$NAV_API_KEYS)}\n      href=\"https://app.all-hands.dev/settings/api-keys\"\n      suffix={` ${t(I18nKey.SETTINGS$OPENHANDS_API_KEY_HELP_SUFFIX)}`}\n    />\n  );\n}\n\nexport function LlmSettingsScreen({\n  scope = \"personal\",\n  onSaveSuccess,\n  initialValueOverrides,\n  embedded,\n  hideSaveButton,\n  onSaveControlChange,\n}: {\n  scope?: SettingsScope;\n  /** Optional hook fired after a successful save (e.g. advance an onboarding step). */\n  onSaveSuccess?: () => void;\n  /** Forwarded to {@link SdkSectionPage}. */\n  initialValueOverrides?: SettingsFormValues;\n  /** Forwarded to {@link SdkSectionPage}. */\n  embedded?: boolean;\n  /** Forwarded to {@link SdkSectionPage}. */\n  hideSaveButton?: boolean;\n  /** Forwarded to {@link SdkSectionPage}. */\n  onSaveControlChange?: (control: SdkSectionSaveControl) => void;\n}) {\n  const { t } = useTranslation(\"openhands\");\n\n  const { data: settings } = useSettings(scope);\n  const { data: schema } = useAgentSettingsSchema(\n    settings?.agent_settings_schema,\n  );\n\n  const defaultModel = String(\n    (DEFAULT_SETTINGS.agent_settings?.llm as Record<string, unknown>)?.model ??\n      \"\",\n  );\n\n  const getInitialView = React.useCallback(\n    (\n      currentSettings: Settings,\n      filteredSchema: SettingsSchema,\n    ): SettingsView => {\n      const schemaView = inferInitialView(currentSettings, filteredSchema);\n      if (schemaView !== \"basic\") {\n        return schemaView;\n      }\n\n      const currentModel = currentSettings.llm_model ?? \"\";\n      const trimmedBaseUrl = currentSettings.llm_base_url?.trim() ?? \"\";\n      const hasCustomBaseUrl =\n        trimmedBaseUrl.length > 0 &&\n        !isProviderDefaultBaseUrl(currentModel, trimmedBaseUrl);\n\n      return hasCustomBaseUrl ? \"all\" : \"basic\";\n    },\n    [],\n  );\n\n  const buildHeader = React.useCallback(\n    ({ values, isDisabled, view, onChange }: SdkSectionHeaderProps) => {\n      const modelValue =\n        typeof values[\"llm.model\"] === \"string\" ? values[\"llm.model\"] : \"\";\n      const baseUrlValue =\n        typeof values[\"llm.base_url\"] === \"string\"\n          ? values[\"llm.base_url\"]\n          : \"\";\n      const showOpenHandsApiKeyHelp = modelValue.startsWith(\"openhands/\");\n\n      const apiKeyValue =\n        typeof values[\"llm.api_key\"] === \"string\" ? values[\"llm.api_key\"] : \"\";\n      // For embedded profile forms (create/edit) the global\n      // `llm_api_key_set` flag is misleading: a brand-new profile would show a\n      // \"key set\" indicator just because some other profile has a key. Reflect\n      // the form's own key state instead so create mode starts visibly unset.\n      const apiKeyIsSet = embedded\n        ? apiKeyValue.length > 0\n        : Boolean(settings?.llm_api_key_set);\n\n      const renderApiKeyInput = (testId: string, helpTestId: string) => (\n        <>\n          <SettingsInput\n            testId={testId}\n            label={t(I18nKey.SETTINGS_FORM$API_KEY)}\n            type=\"password\"\n            className=\"w-full\"\n            value={apiKeyValue}\n            placeholder={apiKeyIsSet ? \"<hidden>\" : \"\"}\n            onChange={(value) => onChange(\"llm.api_key\", value)}\n            isDisabled={isDisabled}\n            startContent={\n              apiKeyIsSet ? <KeyStatusIcon isSet={apiKeyIsSet} /> : undefined\n            }\n          />\n\n          <HelpLink\n            testId={helpTestId}\n            text={t(I18nKey.SETTINGS$DONT_KNOW_API_KEY)}\n            linkText={t(I18nKey.SETTINGS$CLICK_FOR_INSTRUCTIONS)}\n            href=\"https://docs.openhands.dev/usage/local-setup#getting-an-api-key\"\n          />\n        </>\n      );\n\n      return (\n        <div className=\"flex flex-col gap-6\">\n          {view === \"basic\" ? (\n            <div\n              className=\"flex flex-col gap-6\"\n              data-testid=\"llm-settings-form-basic\"\n            >\n              <ModelSelector\n                currentModel={modelValue || undefined}\n                currentBaseUrl={baseUrlValue || undefined}\n                onChange={(provider, model) => {\n                  const nextModel = buildModelId(provider, model);\n                  if (nextModel) {\n                    onChange(\"llm.model\", nextModel);\n                  }\n                }}\n                wrapperClassName=\"!flex-col !gap-6\"\n                isDisabled={isDisabled}\n              />\n\n              {showOpenHandsApiKeyHelp ? (\n                <OpenHandsApiKeyHelp testId=\"openhands-api-key-help\" />\n              ) : null}\n\n              {renderApiKeyInput(\n                \"llm-api-key-input\",\n                \"llm-api-key-help-anchor\",\n              )}\n            </div>\n          ) : (\n            <div\n              className=\"flex flex-col gap-6\"\n              data-testid=\"llm-settings-form-advanced\"\n            >\n              <SettingsInput\n                testId=\"llm-custom-model-input\"\n                label={t(I18nKey.SETTINGS$CUSTOM_MODEL)}\n                type=\"text\"\n                className=\"w-full\"\n                value={modelValue}\n                placeholder={defaultModel}\n                onChange={(value) => onChange(\"llm.model\", value)}\n                isDisabled={isDisabled}\n              />\n\n              {showOpenHandsApiKeyHelp ? (\n                <OpenHandsApiKeyHelp testId=\"openhands-api-key-help-2\" />\n              ) : null}\n\n              <SettingsInput\n                testId=\"base-url-input\"\n                label={t(I18nKey.SETTINGS$BASE_URL)}\n                type=\"text\"\n                className=\"w-full\"\n                value={baseUrlValue}\n                placeholder=\"https://api.openai.com\"\n                onChange={(value) => onChange(\"llm.base_url\", value)}\n                isDisabled={isDisabled}\n              />\n\n              {renderApiKeyInput(\n                \"llm-api-key-input\",\n                \"llm-api-key-help-anchor-advanced\",\n              )}\n            </div>\n          )}\n        </div>\n      );\n    },\n    [defaultModel, embedded, settings?.llm_api_key_set, t],\n  );\n\n  const buildPayload = React.useCallback(\n    (\n      basePayload: Record<string, unknown>,\n      context: {\n        values: Record<string, string | boolean>;\n        view: SettingsView;\n      },\n    ) => {\n      // basePayload is a nested dict (e.g. {llm: {model: \"gpt-4\"}})\n      const agentSettings = structuredClone(basePayload);\n\n      const llm = (agentSettings.llm ?? {}) as Record<string, unknown>;\n\n      if (context.view === \"basic\") {\n        const model = llm.model ?? context.values[\"llm.model\"];\n        llm.base_url = isOpenHandsProviderModel(model)\n          ? OPENHANDS_LLM_PROXY_BASE_URL\n          : getSchemaFieldDefaultValue(schema, \"llm.base_url\");\n        agentSettings.llm = llm;\n      }\n\n      return { agent_settings_diff: agentSettings };\n    },\n    [schema],\n  );\n\n  return (\n    <SdkSectionPage\n      scope={scope}\n      sectionKeys={[\"llm\"]}\n      excludeKeys={LLM_EXCLUDED_KEYS}\n      header={buildHeader}\n      buildPayload={buildPayload}\n      getInitialView={getInitialView}\n      forceShowAdvancedView\n      allowAllView\n      onSaveSuccess={onSaveSuccess}\n      initialValueOverrides={initialValueOverrides}\n      embedded={embedded}\n      hideSaveButton={hideSaveButton}\n      onSaveControlChange={onSaveControlChange}\n      testId=\"llm-settings-screen\"\n    />\n  );\n}\n\n/**\n * Default export for the route renders different views based on backend type:\n * - Local backends: LlmSettingsLocalView with profile management\n * - Cloud backends: Standard LlmSettingsScreen (profiles are not supported)\n *\n * The LlmSettingsScreen component is also exported for embedded use cases\n * (e.g., onboarding, profile editing forms).\n *\n * Note: This is a route file, only the router should import the default export.\n * Other consumers should use the named export `LlmSettingsScreen` for embedded\n * use cases.\n */\nexport default function LlmSettingsRoute() {\n  const { backend } = useActiveBackend();\n  const isCloud = backend.kind === \"cloud\";\n\n  // Cloud backends use the standard LLM settings form (no profiles support)\n  if (isCloud) {\n    return <LlmSettingsScreen />;\n  }\n\n  // Local backends use the profile management view\n  return <LlmSettingsLocalView />;\n}\n"],"mappings":"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"}

package/dist/routes/secrets-settings.cjs

@@ -1,2 +1,2 @@
-const e=require(`../_virtual/_rolldown/runtime.cjs`),t=require(`../node_modules/react-i18next/dist/es/useTranslation.cjs`),n=require(`../i18n/declaration.cjs`),r=require(`../utils/utils.cjs`),i=require(`../node_modules/lucide-react/dist/esm/icons/arrow-left.cjs`),a=require(`../node_modules/@tanstack/react-query/build/modern/QueryClientProvider.cjs`),o=require(`../ui/typography.cjs`),s=require(`../components/shared/loading-spinner.cjs`),c=require(`../components/features/settings/brand-button.cjs`),l=require(`../utils/settings-list-classes.cjs`),u=require(`../components/shared/modals/confirmation-modal.cjs`),d=require(`../hooks/query/use-get-secrets.cjs`),f=require(`../hooks/mutation/use-delete-secret.cjs`),p=require(`../components/features/settings/secrets-settings/secret-form.cjs`),m=require(`../components/features/settings/secrets-settings/secret-list-item.cjs`);let h=require(`react`);h=e.__toESM(h,1);let g=require(`react/jsx-runtime`);function _(){let e=a.useQueryClient(),{t:_}=t.useTranslation(`openhands`),v=(0,h.useRef)(null),{data:y,isLoading:b,hasNextPage:x,isFetchingNextPage:S,onLoadMore:C}=d.useSearchSecrets(),{mutate:w}=f.useDeleteSecret(),[T,E]=h.default.useState(`list`),[D,O]=h.default.useState(null),[k,A]=h.default.useState(!1),j=(0,h.useCallback)(e=>{let t=e.currentTarget;t.scrollHeight-t.scrollTop<=t.clientHeight+100&&x&&!S&&C()},[x,S,C]),M=()=>{e.invalidateQueries({queryKey:[`secrets-search`]}),e.invalidateQueries({queryKey:[`secrets`]})},N=e=>{w(e,{onSettled:()=>{A(!1)},onSuccess:M,onError:M})},P=()=>{D&&N(D)},F=()=>{A(!1)},I=()=>{E(`list`),O(null)},L=T===`add-secret-form`||T===`edit-secret-form`,R=_(T===`add-secret-form`?n.I18nKey.SECRETS$ADD_A_SECRET:n.I18nKey.SECRETS$EDIT_A_SECRET);return(0,g.jsxs)(`div`,{"data-testid":`secrets-settings-screen`,className:`flex flex-col gap-6`,children:[T===`list`?(0,g.jsxs)(`div`,{className:`flex items-start justify-between gap-4`,children:[(0,g.jsxs)(`div`,{className:`min-w-0 space-y-1`,children:[(0,g.jsx)(o.Typography.H2,{children:_(n.I18nKey.SETTINGS$NAV_SECRETS)}),(0,g.jsx)(`p`,{"data-testid":`settings-page-subtitle`,className:`text-sm leading-5 text-tertiary-light`,children:_(n.I18nKey.SETTINGS$PAGE_SECRETS_SUBLINE)})]}),(0,g.jsx)(c.BrandButton,{testId:`add-secret-button`,type:`button`,variant:`primary`,className:`shrink-0 whitespace-nowrap`,onClick:()=>E(`add-secret-form`),isDisabled:b,children:_(`SECRETS$ADD_NEW_SECRET`)})]}):null,L?(0,g.jsxs)(`div`,{className:`flex flex-col gap-2`,children:[(0,g.jsxs)(`button`,{type:`button`,onClick:I,className:`flex items-center gap-2 self-start rounded-lg p-2 text-[var(--oh-muted)] transition-colors hover:bg-tertiary hover:text-white`,"data-testid":`back-to-secrets`,children:[(0,g.jsx)(i.ArrowLeft,{size:20,"aria-hidden":!0}),(0,g.jsx)(`span`,{className:`text-sm leading-5`,children:_(n.I18nKey.BUTTON$BACK)})]}),(0,g.jsx)(o.Typography.H2,{testId:`secret-editor-title`,children:R})]}):null,b&&T===`list`&&(0,g.jsxs)(`ul`,{children:[(0,g.jsx)(m.SecretListItemSkeleton,{}),(0,g.jsx)(m.SecretListItemSkeleton,{}),(0,g.jsx)(m.SecretListItemSkeleton,{})]}),T===`list`&&!b&&(0,g.jsxs)(`div`,{ref:v,className:l.settingsListScrollContainerClassName,onScroll:j,children:[(0,g.jsxs)(`table`,{className:`w-full min-w-full table-fixed`,children:[(0,g.jsx)(`thead`,{className:l.settingsListTableHeadClassName,children:(0,g.jsxs)(`tr`,{children:[(0,g.jsx)(`th`,{className:r.cn(l.settingsListTableHeaderCellClassName,`w-1/4`),children:_(n.I18nKey.SETTINGS$NAME)}),(0,g.jsx)(`th`,{className:r.cn(l.settingsListTableHeaderCellClassName,`w-1/2`),children:_(n.I18nKey.SECRETS$DESCRIPTION)}),(0,g.jsx)(`th`,{className:r.cn(l.settingsListTableHeaderCellClassName,`w-1/4 text-right`),children:_(n.I18nKey.SETTINGS$ACTIONS)})]})}),(0,g.jsx)(`tbody`,{children:y?.map(e=>(0,g.jsx)(m.SecretListItem,{title:e.name,description:e.description,onEdit:()=>{E(`edit-secret-form`),O(e.name)},onDelete:()=>{A(!0),O(e.name)}},e.name))})]}),S&&(0,g.jsx)(`div`,{className:`flex justify-center p-4`,children:(0,g.jsx)(s.LoadingSpinner,{size:`small`})})]}),(T===`add-secret-form`||T===`edit-secret-form`)&&(0,g.jsx)(p.SecretForm,{mode:T===`add-secret-form`?`add`:`edit`,selectedSecret:D,onCancel:I}),k&&(0,g.jsx)(u.ConfirmationModal,{text:_(`SECRETS$CONFIRM_DELETE_KEY`),onConfirm:P,onCancel:F})]})}exports.default=_;
+const e=require(`../_virtual/_rolldown/runtime.cjs`),t=require(`../node_modules/react-i18next/dist/es/useTranslation.cjs`),n=require(`../i18n/declaration.cjs`),r=require(`../utils/utils.cjs`),i=require(`../node_modules/@tanstack/react-query/build/modern/QueryClientProvider.cjs`),a=require(`../ui/typography.cjs`),o=require(`../components/shared/loading-spinner.cjs`),s=require(`../components/features/settings/brand-button.cjs`),c=require(`../utils/settings-list-classes.cjs`),l=require(`../components/shared/buttons/back-nav-button.cjs`),u=require(`../components/shared/modals/confirmation-modal.cjs`),d=require(`../hooks/query/use-get-secrets.cjs`),f=require(`../hooks/mutation/use-delete-secret.cjs`),p=require(`../components/features/settings/secrets-settings/secret-form.cjs`),m=require(`../components/features/settings/secrets-settings/secret-list-item.cjs`);let h=require(`react`);h=e.__toESM(h,1);let g=require(`react/jsx-runtime`);function _(){let e=i.useQueryClient(),{t:_}=t.useTranslation(`openhands`),v=(0,h.useRef)(null),{data:y,isLoading:b,hasNextPage:x,isFetchingNextPage:S,onLoadMore:C}=d.useSearchSecrets(),{mutate:w}=f.useDeleteSecret(),[T,E]=h.default.useState(`list`),[D,O]=h.default.useState(null),[k,A]=h.default.useState(!1),j=(0,h.useCallback)(e=>{let t=e.currentTarget;t.scrollHeight-t.scrollTop<=t.clientHeight+100&&x&&!S&&C()},[x,S,C]),M=()=>{e.invalidateQueries({queryKey:[`secrets-search`]}),e.invalidateQueries({queryKey:[`secrets`]})},N=e=>{w(e,{onSettled:()=>{A(!1)},onSuccess:M,onError:M})},P=()=>{D&&N(D)},F=()=>{A(!1)},I=()=>{E(`list`),O(null)},L=T===`add-secret-form`||T===`edit-secret-form`,R=_(T===`add-secret-form`?n.I18nKey.SECRETS$ADD_A_SECRET:n.I18nKey.SECRETS$EDIT_A_SECRET);return(0,g.jsxs)(`div`,{"data-testid":`secrets-settings-screen`,className:`flex flex-col gap-6`,children:[T===`list`?(0,g.jsxs)(`div`,{className:`flex items-start justify-between gap-4`,children:[(0,g.jsxs)(`div`,{className:`min-w-0 space-y-1`,children:[(0,g.jsx)(a.Typography.H2,{children:_(n.I18nKey.SETTINGS$NAV_SECRETS)}),(0,g.jsx)(`p`,{"data-testid":`settings-page-subtitle`,className:`text-sm leading-5 text-tertiary-light`,children:_(n.I18nKey.SETTINGS$PAGE_SECRETS_SUBLINE)})]}),(0,g.jsx)(s.BrandButton,{testId:`add-secret-button`,type:`button`,variant:`primary`,className:`shrink-0 whitespace-nowrap`,onClick:()=>E(`add-secret-form`),isDisabled:b,children:_(`SECRETS$ADD_NEW_SECRET`)})]}):null,L?(0,g.jsxs)(`div`,{className:`flex flex-col gap-2`,children:[(0,g.jsx)(l.BackNavButton,{testId:`back-to-secrets`,onClick:I,children:_(n.I18nKey.BUTTON$BACK)}),(0,g.jsx)(a.Typography.H2,{testId:`secret-editor-title`,children:R})]}):null,b&&T===`list`&&(0,g.jsxs)(`ul`,{children:[(0,g.jsx)(m.SecretListItemSkeleton,{}),(0,g.jsx)(m.SecretListItemSkeleton,{}),(0,g.jsx)(m.SecretListItemSkeleton,{})]}),T===`list`&&!b&&(0,g.jsxs)(`div`,{ref:v,className:c.settingsListScrollContainerClassName,onScroll:j,children:[(0,g.jsxs)(`table`,{className:`w-full min-w-full table-fixed`,children:[(0,g.jsx)(`thead`,{className:c.settingsListTableHeadClassName,children:(0,g.jsxs)(`tr`,{children:[(0,g.jsx)(`th`,{className:r.cn(c.settingsListTableHeaderCellClassName,`w-1/4`),children:_(n.I18nKey.SETTINGS$NAME)}),(0,g.jsx)(`th`,{className:r.cn(c.settingsListTableHeaderCellClassName,`w-1/2`),children:_(n.I18nKey.SECRETS$DESCRIPTION)}),(0,g.jsx)(`th`,{className:r.cn(c.settingsListTableHeaderCellClassName,`w-1/4 text-right`),children:_(n.I18nKey.SETTINGS$ACTIONS)})]})}),(0,g.jsx)(`tbody`,{children:y?.map(e=>(0,g.jsx)(m.SecretListItem,{title:e.name,description:e.description,onEdit:()=>{E(`edit-secret-form`),O(e.name)},onDelete:()=>{A(!0),O(e.name)}},e.name))})]}),S&&(0,g.jsx)(`div`,{className:`flex justify-center p-4`,children:(0,g.jsx)(o.LoadingSpinner,{size:`small`})})]}),(T===`add-secret-form`||T===`edit-secret-form`)&&(0,g.jsx)(p.SecretForm,{mode:T===`add-secret-form`?`add`:`edit`,selectedSecret:D,onCancel:I}),k&&(0,g.jsx)(u.ConfirmationModal,{text:_(`SECRETS$CONFIRM_DELETE_KEY`),onConfirm:P,onCancel:F})]})}exports.default=_;
 //# sourceMappingURL=secrets-settings.cjs.map

package/dist/routes/secrets-settings.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"secrets-settings.cjs","names":[],"sources":["../../src/routes/secrets-settings.tsx"],"sourcesContent":["import { useQueryClient } from \"@tanstack/react-query\";\nimport React, { useCallback, useRef } from \"react\";\nimport { useTranslation } from \"react-i18next\";\nimport { ArrowLeft } from \"lucide-react\";\nimport { useSearchSecrets } from \"#/hooks/query/use-get-secrets\";\nimport { useDeleteSecret } from \"#/hooks/mutation/use-delete-secret\";\nimport { SecretForm } from \"#/components/features/settings/secrets-settings/secret-form\";\nimport {\n  SecretListItem,\n  SecretListItemSkeleton,\n} from \"#/components/features/settings/secrets-settings/secret-list-item\";\nimport { BrandButton } from \"#/components/features/settings/brand-button\";\nimport { ConfirmationModal } from \"#/components/shared/modals/confirmation-modal\";\nimport { Typography } from \"#/ui/typography\";\nimport { I18nKey } from \"#/i18n/declaration\";\nimport { cn } from \"#/utils/utils\";\nimport { LoadingSpinner } from \"#/components/shared/loading-spinner\";\nimport {\n  settingsListScrollContainerClassName,\n  settingsListTableHeadClassName,\n  settingsListTableHeaderCellClassName,\n} from \"#/utils/settings-list-classes\";\n\nexport const handle = { hideTitle: true };\n\nexport function SecretsSettingsScreen() {\n  const queryClient = useQueryClient();\n  const { t } = useTranslation(\"openhands\");\n  const tableContainerRef = useRef<HTMLDivElement>(null);\n\n  const {\n    data: secrets,\n    isLoading: isLoadingSecrets,\n    hasNextPage,\n    isFetchingNextPage,\n    onLoadMore,\n  } = useSearchSecrets();\n\n  const { mutate: deleteSecret } = useDeleteSecret();\n\n  const [view, setView] = React.useState<\n    \"list\" | \"add-secret-form\" | \"edit-secret-form\"\n  >(\"list\");\n  const [selectedSecret, setSelectedSecret] = React.useState<string | null>(\n    null,\n  );\n  const [confirmationModalIsVisible, setConfirmationModalIsVisible] =\n    React.useState(false);\n\n  const handleScroll = useCallback(\n    (e: React.UIEvent<HTMLDivElement>) => {\n      const target = e.currentTarget;\n      const isNearBottom =\n        target.scrollHeight - target.scrollTop <= target.clientHeight + 100;\n\n      if (isNearBottom && hasNextPage && !isFetchingNextPage) {\n        onLoadMore();\n      }\n    },\n    [hasNextPage, isFetchingNextPage, onLoadMore],\n  );\n\n  const invalidateSecrets = () => {\n    queryClient.invalidateQueries({\n      queryKey: [\"secrets-search\"],\n    });\n    queryClient.invalidateQueries({\n      queryKey: [\"secrets\"],\n    });\n  };\n\n  const handleDeleteSecret = (secret: string) => {\n    deleteSecret(secret, {\n      onSettled: () => {\n        setConfirmationModalIsVisible(false);\n      },\n      onSuccess: invalidateSecrets,\n      onError: invalidateSecrets,\n    });\n  };\n\n  const onConfirmDeleteSecret = () => {\n    if (selectedSecret) handleDeleteSecret(selectedSecret);\n  };\n\n  const onCancelDeleteSecret = () => {\n    setConfirmationModalIsVisible(false);\n  };\n\n  const handleBackToList = () => {\n    setView(\"list\");\n    setSelectedSecret(null);\n  };\n\n  const isFormView = view === \"add-secret-form\" || view === \"edit-secret-form\";\n  const formTitle =\n    view === \"add-secret-form\"\n      ? t(I18nKey.SECRETS$ADD_A_SECRET)\n      : t(I18nKey.SECRETS$EDIT_A_SECRET);\n\n  return (\n    <div data-testid=\"secrets-settings-screen\" className=\"flex flex-col gap-6\">\n      {view === \"list\" ? (\n        <div className=\"flex items-start justify-between gap-4\">\n          <div className=\"min-w-0 space-y-1\">\n            <Typography.H2>{t(I18nKey.SETTINGS$NAV_SECRETS)}</Typography.H2>\n            <p\n              data-testid=\"settings-page-subtitle\"\n              className=\"text-sm leading-5 text-tertiary-light\"\n            >\n              {t(I18nKey.SETTINGS$PAGE_SECRETS_SUBLINE)}\n            </p>\n          </div>\n          <BrandButton\n            testId=\"add-secret-button\"\n            type=\"button\"\n            variant=\"primary\"\n            className=\"shrink-0 whitespace-nowrap\"\n            onClick={() => setView(\"add-secret-form\")}\n            isDisabled={isLoadingSecrets}\n          >\n            {t(\"SECRETS$ADD_NEW_SECRET\")}\n          </BrandButton>\n        </div>\n      ) : null}\n\n      {isFormView ? (\n        <div className=\"flex flex-col gap-2\">\n          <button\n            type=\"button\"\n            onClick={handleBackToList}\n            className=\"flex items-center gap-2 self-start rounded-lg p-2 text-[var(--oh-muted)] transition-colors hover:bg-tertiary hover:text-white\"\n            data-testid=\"back-to-secrets\"\n          >\n            <ArrowLeft size={20} aria-hidden />\n            <span className=\"text-sm leading-5\">{t(I18nKey.BUTTON$BACK)}</span>\n          </button>\n          <Typography.H2 testId=\"secret-editor-title\">\n            {formTitle}\n          </Typography.H2>\n        </div>\n      ) : null}\n\n      {isLoadingSecrets && view === \"list\" && (\n        <ul>\n          <SecretListItemSkeleton />\n          <SecretListItemSkeleton />\n          <SecretListItemSkeleton />\n        </ul>\n      )}\n\n      {view === \"list\" && !isLoadingSecrets && (\n        <div\n          ref={tableContainerRef}\n          className={settingsListScrollContainerClassName}\n          onScroll={handleScroll}\n        >\n          <table className=\"w-full min-w-full table-fixed\">\n            <thead className={settingsListTableHeadClassName}>\n              <tr>\n                <th\n                  className={cn(settingsListTableHeaderCellClassName, \"w-1/4\")}\n                >\n                  {t(I18nKey.SETTINGS$NAME)}\n                </th>\n                <th\n                  className={cn(settingsListTableHeaderCellClassName, \"w-1/2\")}\n                >\n                  {t(I18nKey.SECRETS$DESCRIPTION)}\n                </th>\n                <th\n                  className={cn(\n                    settingsListTableHeaderCellClassName,\n                    \"w-1/4 text-right\",\n                  )}\n                >\n                  {t(I18nKey.SETTINGS$ACTIONS)}\n                </th>\n              </tr>\n            </thead>\n            <tbody>\n              {secrets?.map((secret) => (\n                <SecretListItem\n                  key={secret.name}\n                  title={secret.name}\n                  description={secret.description}\n                  onEdit={() => {\n                    setView(\"edit-secret-form\");\n                    setSelectedSecret(secret.name);\n                  }}\n                  onDelete={() => {\n                    setConfirmationModalIsVisible(true);\n                    setSelectedSecret(secret.name);\n                  }}\n                />\n              ))}\n            </tbody>\n          </table>\n\n          {isFetchingNextPage && (\n            <div className=\"flex justify-center p-4\">\n              <LoadingSpinner size=\"small\" />\n            </div>\n          )}\n        </div>\n      )}\n\n      {(view === \"add-secret-form\" || view === \"edit-secret-form\") && (\n        <SecretForm\n          mode={view === \"add-secret-form\" ? \"add\" : \"edit\"}\n          selectedSecret={selectedSecret}\n          onCancel={handleBackToList}\n        />\n      )}\n\n      {confirmationModalIsVisible && (\n        <ConfirmationModal\n          text={t(\"SECRETS$CONFIRM_DELETE_KEY\")}\n          onConfirm={onConfirmDeleteSecret}\n          onCancel={onCancelDeleteSecret}\n        />\n      )}\n    </div>\n  );\n}\n\nexport default SecretsSettingsScreen;\n"],"mappings":"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"}
+{"version":3,"file":"secrets-settings.cjs","names":[],"sources":["../../src/routes/secrets-settings.tsx"],"sourcesContent":["import { useQueryClient } from \"@tanstack/react-query\";\nimport React, { useCallback, useRef } from \"react\";\nimport { useTranslation } from \"react-i18next\";\nimport { BackNavButton } from \"#/components/shared/buttons/back-nav-button\";\nimport { useSearchSecrets } from \"#/hooks/query/use-get-secrets\";\nimport { useDeleteSecret } from \"#/hooks/mutation/use-delete-secret\";\nimport { SecretForm } from \"#/components/features/settings/secrets-settings/secret-form\";\nimport {\n  SecretListItem,\n  SecretListItemSkeleton,\n} from \"#/components/features/settings/secrets-settings/secret-list-item\";\nimport { BrandButton } from \"#/components/features/settings/brand-button\";\nimport { ConfirmationModal } from \"#/components/shared/modals/confirmation-modal\";\nimport { Typography } from \"#/ui/typography\";\nimport { I18nKey } from \"#/i18n/declaration\";\nimport { cn } from \"#/utils/utils\";\nimport { LoadingSpinner } from \"#/components/shared/loading-spinner\";\nimport {\n  settingsListScrollContainerClassName,\n  settingsListTableHeadClassName,\n  settingsListTableHeaderCellClassName,\n} from \"#/utils/settings-list-classes\";\n\nexport const handle = { hideTitle: true };\n\nexport function SecretsSettingsScreen() {\n  const queryClient = useQueryClient();\n  const { t } = useTranslation(\"openhands\");\n  const tableContainerRef = useRef<HTMLDivElement>(null);\n\n  const {\n    data: secrets,\n    isLoading: isLoadingSecrets,\n    hasNextPage,\n    isFetchingNextPage,\n    onLoadMore,\n  } = useSearchSecrets();\n\n  const { mutate: deleteSecret } = useDeleteSecret();\n\n  const [view, setView] = React.useState<\n    \"list\" | \"add-secret-form\" | \"edit-secret-form\"\n  >(\"list\");\n  const [selectedSecret, setSelectedSecret] = React.useState<string | null>(\n    null,\n  );\n  const [confirmationModalIsVisible, setConfirmationModalIsVisible] =\n    React.useState(false);\n\n  const handleScroll = useCallback(\n    (e: React.UIEvent<HTMLDivElement>) => {\n      const target = e.currentTarget;\n      const isNearBottom =\n        target.scrollHeight - target.scrollTop <= target.clientHeight + 100;\n\n      if (isNearBottom && hasNextPage && !isFetchingNextPage) {\n        onLoadMore();\n      }\n    },\n    [hasNextPage, isFetchingNextPage, onLoadMore],\n  );\n\n  const invalidateSecrets = () => {\n    queryClient.invalidateQueries({\n      queryKey: [\"secrets-search\"],\n    });\n    queryClient.invalidateQueries({\n      queryKey: [\"secrets\"],\n    });\n  };\n\n  const handleDeleteSecret = (secret: string) => {\n    deleteSecret(secret, {\n      onSettled: () => {\n        setConfirmationModalIsVisible(false);\n      },\n      onSuccess: invalidateSecrets,\n      onError: invalidateSecrets,\n    });\n  };\n\n  const onConfirmDeleteSecret = () => {\n    if (selectedSecret) handleDeleteSecret(selectedSecret);\n  };\n\n  const onCancelDeleteSecret = () => {\n    setConfirmationModalIsVisible(false);\n  };\n\n  const handleBackToList = () => {\n    setView(\"list\");\n    setSelectedSecret(null);\n  };\n\n  const isFormView = view === \"add-secret-form\" || view === \"edit-secret-form\";\n  const formTitle =\n    view === \"add-secret-form\"\n      ? t(I18nKey.SECRETS$ADD_A_SECRET)\n      : t(I18nKey.SECRETS$EDIT_A_SECRET);\n\n  return (\n    <div data-testid=\"secrets-settings-screen\" className=\"flex flex-col gap-6\">\n      {view === \"list\" ? (\n        <div className=\"flex items-start justify-between gap-4\">\n          <div className=\"min-w-0 space-y-1\">\n            <Typography.H2>{t(I18nKey.SETTINGS$NAV_SECRETS)}</Typography.H2>\n            <p\n              data-testid=\"settings-page-subtitle\"\n              className=\"text-sm leading-5 text-tertiary-light\"\n            >\n              {t(I18nKey.SETTINGS$PAGE_SECRETS_SUBLINE)}\n            </p>\n          </div>\n          <BrandButton\n            testId=\"add-secret-button\"\n            type=\"button\"\n            variant=\"primary\"\n            className=\"shrink-0 whitespace-nowrap\"\n            onClick={() => setView(\"add-secret-form\")}\n            isDisabled={isLoadingSecrets}\n          >\n            {t(\"SECRETS$ADD_NEW_SECRET\")}\n          </BrandButton>\n        </div>\n      ) : null}\n\n      {isFormView ? (\n        <div className=\"flex flex-col gap-2\">\n          <BackNavButton testId=\"back-to-secrets\" onClick={handleBackToList}>\n            {t(I18nKey.BUTTON$BACK)}\n          </BackNavButton>\n          <Typography.H2 testId=\"secret-editor-title\">\n            {formTitle}\n          </Typography.H2>\n        </div>\n      ) : null}\n\n      {isLoadingSecrets && view === \"list\" && (\n        <ul>\n          <SecretListItemSkeleton />\n          <SecretListItemSkeleton />\n          <SecretListItemSkeleton />\n        </ul>\n      )}\n\n      {view === \"list\" && !isLoadingSecrets && (\n        <div\n          ref={tableContainerRef}\n          className={settingsListScrollContainerClassName}\n          onScroll={handleScroll}\n        >\n          <table className=\"w-full min-w-full table-fixed\">\n            <thead className={settingsListTableHeadClassName}>\n              <tr>\n                <th\n                  className={cn(settingsListTableHeaderCellClassName, \"w-1/4\")}\n                >\n                  {t(I18nKey.SETTINGS$NAME)}\n                </th>\n                <th\n                  className={cn(settingsListTableHeaderCellClassName, \"w-1/2\")}\n                >\n                  {t(I18nKey.SECRETS$DESCRIPTION)}\n                </th>\n                <th\n                  className={cn(\n                    settingsListTableHeaderCellClassName,\n                    \"w-1/4 text-right\",\n                  )}\n                >\n                  {t(I18nKey.SETTINGS$ACTIONS)}\n                </th>\n              </tr>\n            </thead>\n            <tbody>\n              {secrets?.map((secret) => (\n                <SecretListItem\n                  key={secret.name}\n                  title={secret.name}\n                  description={secret.description}\n                  onEdit={() => {\n                    setView(\"edit-secret-form\");\n                    setSelectedSecret(secret.name);\n                  }}\n                  onDelete={() => {\n                    setConfirmationModalIsVisible(true);\n                    setSelectedSecret(secret.name);\n                  }}\n                />\n              ))}\n            </tbody>\n          </table>\n\n          {isFetchingNextPage && (\n            <div className=\"flex justify-center p-4\">\n              <LoadingSpinner size=\"small\" />\n            </div>\n          )}\n        </div>\n      )}\n\n      {(view === \"add-secret-form\" || view === \"edit-secret-form\") && (\n        <SecretForm\n          mode={view === \"add-secret-form\" ? \"add\" : \"edit\"}\n          selectedSecret={selectedSecret}\n          onCancel={handleBackToList}\n        />\n      )}\n\n      {confirmationModalIsVisible && (\n        <ConfirmationModal\n          text={t(\"SECRETS$CONFIRM_DELETE_KEY\")}\n          onConfirm={onConfirmDeleteSecret}\n          onCancel={onCancelDeleteSecret}\n        />\n      )}\n    </div>\n  );\n}\n\nexport default SecretsSettingsScreen;\n"],"mappings":"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"}

package/dist/routes/secrets-settings.js

@@ -1,12 +1,12 @@
 import { useTranslation as e } from "../node_modules/react-i18next/dist/es/useTranslation.js";
 import { I18nKey as t } from "../i18n/declaration.js";
 import { cn as n } from "../utils/utils.js";
-import { ArrowLeft as r } from "../node_modules/lucide-react/dist/esm/icons/arrow-left.js";
-import { useQueryClient as i } from "../node_modules/@tanstack/react-query/build/modern/QueryClientProvider.js";
-import { Typography as a } from "../ui/typography.js";
-import { LoadingSpinner as o } from "../components/shared/loading-spinner.js";
-import { BrandButton as s } from "../components/features/settings/brand-button.js";
-import { settingsListScrollContainerClassName as c, settingsListTableHeadClassName as l, settingsListTableHeaderCellClassName as u } from "../utils/settings-list-classes.js";
+import { useQueryClient as r } from "../node_modules/@tanstack/react-query/build/modern/QueryClientProvider.js";
+import { Typography as i } from "../ui/typography.js";
+import { LoadingSpinner as a } from "../components/shared/loading-spinner.js";
+import { BrandButton as o } from "../components/features/settings/brand-button.js";
+import { settingsListScrollContainerClassName as s, settingsListTableHeadClassName as c, settingsListTableHeaderCellClassName as l } from "../utils/settings-list-classes.js";
+import { BackNavButton as u } from "../components/shared/buttons/back-nav-button.js";
 import { ConfirmationModal as d } from "../components/shared/modals/confirmation-modal.js";
 import { useSearchSecrets as f } from "../hooks/query/use-get-secrets.js";
 import { useDeleteSecret as p } from "../hooks/mutation/use-delete-secret.js";
@@ -16,7 +16,7 @@ import _, { useCallback as v, useRef as y } from "react";
 import { jsx as b, jsxs as x } from "react/jsx-runtime";
 //#region src/routes/secrets-settings.tsx
 function S() {
-	let S = i(), { t: C } = e("openhands"), w = y(null), { data: T, isLoading: E, hasNextPage: D, isFetchingNextPage: O, onLoadMore: k } = f(), { mutate: A } = p(), [j, M] = _.useState("list"), [N, P] = _.useState(null), [F, I] = _.useState(!1), L = v((e) => {
+	let S = r(), { t: C } = e("openhands"), w = y(null), { data: T, isLoading: E, hasNextPage: D, isFetchingNextPage: O, onLoadMore: k } = f(), { mutate: A } = p(), [j, M] = _.useState("list"), [N, P] = _.useState(null), [F, I] = _.useState(!1), L = v((e) => {
 		let t = e.currentTarget;
 		t.scrollHeight - t.scrollTop <= t.clientHeight + 100 && D && !O && k();
 	}, [
@@ -48,12 +48,12 @@ function S() {
 				className: "flex items-start justify-between gap-4",
 				children: [/* @__PURE__ */ x("div", {
 					className: "min-w-0 space-y-1",
-					children: [/* @__PURE__ */ b(a.H2, { children: C(t.SETTINGS$NAV_SECRETS) }), /* @__PURE__ */ b("p", {
+					children: [/* @__PURE__ */ b(i.H2, { children: C(t.SETTINGS$NAV_SECRETS) }), /* @__PURE__ */ b("p", {
 						"data-testid": "settings-page-subtitle",
 						className: "text-sm leading-5 text-tertiary-light",
 						children: C(t.SETTINGS$PAGE_SECRETS_SUBLINE)
 					})]
-				}), /* @__PURE__ */ b(s, {
+				}), /* @__PURE__ */ b(o, {
 					testId: "add-secret-button",
 					type: "button",
 					variant: "primary",
@@ -65,19 +65,11 @@ function S() {
 			}) : null,
 			U ? /* @__PURE__ */ x("div", {
 				className: "flex flex-col gap-2",
-				children: [/* @__PURE__ */ x("button", {
-					type: "button",
+				children: [/* @__PURE__ */ b(u, {
+					testId: "back-to-secrets",
 					onClick: H,
-					className: "flex items-center gap-2 self-start rounded-lg p-2 text-[var(--oh-muted)] transition-colors hover:bg-tertiary hover:text-white",
-					"data-testid": "back-to-secrets",
-					children: [/* @__PURE__ */ b(r, {
-						size: 20,
-						"aria-hidden": !0
-					}), /* @__PURE__ */ b("span", {
-						className: "text-sm leading-5",
-						children: C(t.BUTTON$BACK)
-					})]
-				}), /* @__PURE__ */ b(a.H2, {
+					children: C(t.BUTTON$BACK)
+				}), /* @__PURE__ */ b(i.H2, {
 					testId: "secret-editor-title",
 					children: W
 				})]
@@ -89,23 +81,23 @@ function S() {
 			] }),
 			j === "list" && !E && /* @__PURE__ */ x("div", {
 				ref: w,
-				className: c,
+				className: s,
 				onScroll: L,
 				children: [/* @__PURE__ */ x("table", {
 					className: "w-full min-w-full table-fixed",
 					children: [/* @__PURE__ */ b("thead", {
-						className: l,
+						className: c,
 						children: /* @__PURE__ */ x("tr", { children: [
 							/* @__PURE__ */ b("th", {
-								className: n(u, "w-1/4"),
+								className: n(l, "w-1/4"),
 								children: C(t.SETTINGS$NAME)
 							}),
 							/* @__PURE__ */ b("th", {
-								className: n(u, "w-1/2"),
+								className: n(l, "w-1/2"),
 								children: C(t.SECRETS$DESCRIPTION)
 							}),
 							/* @__PURE__ */ b("th", {
-								className: n(u, "w-1/4 text-right"),
+								className: n(l, "w-1/4 text-right"),
 								children: C(t.SETTINGS$ACTIONS)
 							})
 						] })
@@ -121,7 +113,7 @@ function S() {
 					}, e.name)) })]
 				}), O && /* @__PURE__ */ b("div", {
 					className: "flex justify-center p-4",
-					children: /* @__PURE__ */ b(o, { size: "small" })
+					children: /* @__PURE__ */ b(a, { size: "small" })
 				})]
 			}),
 			(j === "add-secret-form" || j === "edit-secret-form") && /* @__PURE__ */ b(m, {

package/dist/routes/secrets-settings.js.map

@@ -1 +1 @@
-{"version":3,"file":"secrets-settings.js","names":[],"sources":["../../src/routes/secrets-settings.tsx"],"sourcesContent":["import { useQueryClient } from \"@tanstack/react-query\";\nimport React, { useCallback, useRef } from \"react\";\nimport { useTranslation } from \"react-i18next\";\nimport { ArrowLeft } from \"lucide-react\";\nimport { useSearchSecrets } from \"#/hooks/query/use-get-secrets\";\nimport { useDeleteSecret } from \"#/hooks/mutation/use-delete-secret\";\nimport { SecretForm } from \"#/components/features/settings/secrets-settings/secret-form\";\nimport {\n  SecretListItem,\n  SecretListItemSkeleton,\n} from \"#/components/features/settings/secrets-settings/secret-list-item\";\nimport { BrandButton } from \"#/components/features/settings/brand-button\";\nimport { ConfirmationModal } from \"#/components/shared/modals/confirmation-modal\";\nimport { Typography } from \"#/ui/typography\";\nimport { I18nKey } from \"#/i18n/declaration\";\nimport { cn } from \"#/utils/utils\";\nimport { LoadingSpinner } from \"#/components/shared/loading-spinner\";\nimport {\n  settingsListScrollContainerClassName,\n  settingsListTableHeadClassName,\n  settingsListTableHeaderCellClassName,\n} from \"#/utils/settings-list-classes\";\n\nexport const handle = { hideTitle: true };\n\nexport function SecretsSettingsScreen() {\n  const queryClient = useQueryClient();\n  const { t } = useTranslation(\"openhands\");\n  const tableContainerRef = useRef<HTMLDivElement>(null);\n\n  const {\n    data: secrets,\n    isLoading: isLoadingSecrets,\n    hasNextPage,\n    isFetchingNextPage,\n    onLoadMore,\n  } = useSearchSecrets();\n\n  const { mutate: deleteSecret } = useDeleteSecret();\n\n  const [view, setView] = React.useState<\n    \"list\" | \"add-secret-form\" | \"edit-secret-form\"\n  >(\"list\");\n  const [selectedSecret, setSelectedSecret] = React.useState<string | null>(\n    null,\n  );\n  const [confirmationModalIsVisible, setConfirmationModalIsVisible] =\n    React.useState(false);\n\n  const handleScroll = useCallback(\n    (e: React.UIEvent<HTMLDivElement>) => {\n      const target = e.currentTarget;\n      const isNearBottom =\n        target.scrollHeight - target.scrollTop <= target.clientHeight + 100;\n\n      if (isNearBottom && hasNextPage && !isFetchingNextPage) {\n        onLoadMore();\n      }\n    },\n    [hasNextPage, isFetchingNextPage, onLoadMore],\n  );\n\n  const invalidateSecrets = () => {\n    queryClient.invalidateQueries({\n      queryKey: [\"secrets-search\"],\n    });\n    queryClient.invalidateQueries({\n      queryKey: [\"secrets\"],\n    });\n  };\n\n  const handleDeleteSecret = (secret: string) => {\n    deleteSecret(secret, {\n      onSettled: () => {\n        setConfirmationModalIsVisible(false);\n      },\n      onSuccess: invalidateSecrets,\n      onError: invalidateSecrets,\n    });\n  };\n\n  const onConfirmDeleteSecret = () => {\n    if (selectedSecret) handleDeleteSecret(selectedSecret);\n  };\n\n  const onCancelDeleteSecret = () => {\n    setConfirmationModalIsVisible(false);\n  };\n\n  const handleBackToList = () => {\n    setView(\"list\");\n    setSelectedSecret(null);\n  };\n\n  const isFormView = view === \"add-secret-form\" || view === \"edit-secret-form\";\n  const formTitle =\n    view === \"add-secret-form\"\n      ? t(I18nKey.SECRETS$ADD_A_SECRET)\n      : t(I18nKey.SECRETS$EDIT_A_SECRET);\n\n  return (\n    <div data-testid=\"secrets-settings-screen\" className=\"flex flex-col gap-6\">\n      {view === \"list\" ? (\n        <div className=\"flex items-start justify-between gap-4\">\n          <div className=\"min-w-0 space-y-1\">\n            <Typography.H2>{t(I18nKey.SETTINGS$NAV_SECRETS)}</Typography.H2>\n            <p\n              data-testid=\"settings-page-subtitle\"\n              className=\"text-sm leading-5 text-tertiary-light\"\n            >\n              {t(I18nKey.SETTINGS$PAGE_SECRETS_SUBLINE)}\n            </p>\n          </div>\n          <BrandButton\n            testId=\"add-secret-button\"\n            type=\"button\"\n            variant=\"primary\"\n            className=\"shrink-0 whitespace-nowrap\"\n            onClick={() => setView(\"add-secret-form\")}\n            isDisabled={isLoadingSecrets}\n          >\n            {t(\"SECRETS$ADD_NEW_SECRET\")}\n          </BrandButton>\n        </div>\n      ) : null}\n\n      {isFormView ? (\n        <div className=\"flex flex-col gap-2\">\n          <button\n            type=\"button\"\n            onClick={handleBackToList}\n            className=\"flex items-center gap-2 self-start rounded-lg p-2 text-[var(--oh-muted)] transition-colors hover:bg-tertiary hover:text-white\"\n            data-testid=\"back-to-secrets\"\n          >\n            <ArrowLeft size={20} aria-hidden />\n            <span className=\"text-sm leading-5\">{t(I18nKey.BUTTON$BACK)}</span>\n          </button>\n          <Typography.H2 testId=\"secret-editor-title\">\n            {formTitle}\n          </Typography.H2>\n        </div>\n      ) : null}\n\n      {isLoadingSecrets && view === \"list\" && (\n        <ul>\n          <SecretListItemSkeleton />\n          <SecretListItemSkeleton />\n          <SecretListItemSkeleton />\n        </ul>\n      )}\n\n      {view === \"list\" && !isLoadingSecrets && (\n        <div\n          ref={tableContainerRef}\n          className={settingsListScrollContainerClassName}\n          onScroll={handleScroll}\n        >\n          <table className=\"w-full min-w-full table-fixed\">\n            <thead className={settingsListTableHeadClassName}>\n              <tr>\n                <th\n                  className={cn(settingsListTableHeaderCellClassName, \"w-1/4\")}\n                >\n                  {t(I18nKey.SETTINGS$NAME)}\n                </th>\n                <th\n                  className={cn(settingsListTableHeaderCellClassName, \"w-1/2\")}\n                >\n                  {t(I18nKey.SECRETS$DESCRIPTION)}\n                </th>\n                <th\n                  className={cn(\n                    settingsListTableHeaderCellClassName,\n                    \"w-1/4 text-right\",\n                  )}\n                >\n                  {t(I18nKey.SETTINGS$ACTIONS)}\n                </th>\n              </tr>\n            </thead>\n            <tbody>\n              {secrets?.map((secret) => (\n                <SecretListItem\n                  key={secret.name}\n                  title={secret.name}\n                  description={secret.description}\n                  onEdit={() => {\n                    setView(\"edit-secret-form\");\n                    setSelectedSecret(secret.name);\n                  }}\n                  onDelete={() => {\n                    setConfirmationModalIsVisible(true);\n                    setSelectedSecret(secret.name);\n                  }}\n                />\n              ))}\n            </tbody>\n          </table>\n\n          {isFetchingNextPage && (\n            <div className=\"flex justify-center p-4\">\n              <LoadingSpinner size=\"small\" />\n            </div>\n          )}\n        </div>\n      )}\n\n      {(view === \"add-secret-form\" || view === \"edit-secret-form\") && (\n        <SecretForm\n          mode={view === \"add-secret-form\" ? \"add\" : \"edit\"}\n          selectedSecret={selectedSecret}\n          onCancel={handleBackToList}\n        />\n      )}\n\n      {confirmationModalIsVisible && (\n        <ConfirmationModal\n          text={t(\"SECRETS$CONFIRM_DELETE_KEY\")}\n          onConfirm={onConfirmDeleteSecret}\n          onCancel={onCancelDeleteSecret}\n        />\n      )}\n    </div>\n  );\n}\n\nexport default SecretsSettingsScreen;\n"],"mappings":"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"}
+{"version":3,"file":"secrets-settings.js","names":[],"sources":["../../src/routes/secrets-settings.tsx"],"sourcesContent":["import { useQueryClient } from \"@tanstack/react-query\";\nimport React, { useCallback, useRef } from \"react\";\nimport { useTranslation } from \"react-i18next\";\nimport { BackNavButton } from \"#/components/shared/buttons/back-nav-button\";\nimport { useSearchSecrets } from \"#/hooks/query/use-get-secrets\";\nimport { useDeleteSecret } from \"#/hooks/mutation/use-delete-secret\";\nimport { SecretForm } from \"#/components/features/settings/secrets-settings/secret-form\";\nimport {\n  SecretListItem,\n  SecretListItemSkeleton,\n} from \"#/components/features/settings/secrets-settings/secret-list-item\";\nimport { BrandButton } from \"#/components/features/settings/brand-button\";\nimport { ConfirmationModal } from \"#/components/shared/modals/confirmation-modal\";\nimport { Typography } from \"#/ui/typography\";\nimport { I18nKey } from \"#/i18n/declaration\";\nimport { cn } from \"#/utils/utils\";\nimport { LoadingSpinner } from \"#/components/shared/loading-spinner\";\nimport {\n  settingsListScrollContainerClassName,\n  settingsListTableHeadClassName,\n  settingsListTableHeaderCellClassName,\n} from \"#/utils/settings-list-classes\";\n\nexport const handle = { hideTitle: true };\n\nexport function SecretsSettingsScreen() {\n  const queryClient = useQueryClient();\n  const { t } = useTranslation(\"openhands\");\n  const tableContainerRef = useRef<HTMLDivElement>(null);\n\n  const {\n    data: secrets,\n    isLoading: isLoadingSecrets,\n    hasNextPage,\n    isFetchingNextPage,\n    onLoadMore,\n  } = useSearchSecrets();\n\n  const { mutate: deleteSecret } = useDeleteSecret();\n\n  const [view, setView] = React.useState<\n    \"list\" | \"add-secret-form\" | \"edit-secret-form\"\n  >(\"list\");\n  const [selectedSecret, setSelectedSecret] = React.useState<string | null>(\n    null,\n  );\n  const [confirmationModalIsVisible, setConfirmationModalIsVisible] =\n    React.useState(false);\n\n  const handleScroll = useCallback(\n    (e: React.UIEvent<HTMLDivElement>) => {\n      const target = e.currentTarget;\n      const isNearBottom =\n        target.scrollHeight - target.scrollTop <= target.clientHeight + 100;\n\n      if (isNearBottom && hasNextPage && !isFetchingNextPage) {\n        onLoadMore();\n      }\n    },\n    [hasNextPage, isFetchingNextPage, onLoadMore],\n  );\n\n  const invalidateSecrets = () => {\n    queryClient.invalidateQueries({\n      queryKey: [\"secrets-search\"],\n    });\n    queryClient.invalidateQueries({\n      queryKey: [\"secrets\"],\n    });\n  };\n\n  const handleDeleteSecret = (secret: string) => {\n    deleteSecret(secret, {\n      onSettled: () => {\n        setConfirmationModalIsVisible(false);\n      },\n      onSuccess: invalidateSecrets,\n      onError: invalidateSecrets,\n    });\n  };\n\n  const onConfirmDeleteSecret = () => {\n    if (selectedSecret) handleDeleteSecret(selectedSecret);\n  };\n\n  const onCancelDeleteSecret = () => {\n    setConfirmationModalIsVisible(false);\n  };\n\n  const handleBackToList = () => {\n    setView(\"list\");\n    setSelectedSecret(null);\n  };\n\n  const isFormView = view === \"add-secret-form\" || view === \"edit-secret-form\";\n  const formTitle =\n    view === \"add-secret-form\"\n      ? t(I18nKey.SECRETS$ADD_A_SECRET)\n      : t(I18nKey.SECRETS$EDIT_A_SECRET);\n\n  return (\n    <div data-testid=\"secrets-settings-screen\" className=\"flex flex-col gap-6\">\n      {view === \"list\" ? (\n        <div className=\"flex items-start justify-between gap-4\">\n          <div className=\"min-w-0 space-y-1\">\n            <Typography.H2>{t(I18nKey.SETTINGS$NAV_SECRETS)}</Typography.H2>\n            <p\n              data-testid=\"settings-page-subtitle\"\n              className=\"text-sm leading-5 text-tertiary-light\"\n            >\n              {t(I18nKey.SETTINGS$PAGE_SECRETS_SUBLINE)}\n            </p>\n          </div>\n          <BrandButton\n            testId=\"add-secret-button\"\n            type=\"button\"\n            variant=\"primary\"\n            className=\"shrink-0 whitespace-nowrap\"\n            onClick={() => setView(\"add-secret-form\")}\n            isDisabled={isLoadingSecrets}\n          >\n            {t(\"SECRETS$ADD_NEW_SECRET\")}\n          </BrandButton>\n        </div>\n      ) : null}\n\n      {isFormView ? (\n        <div className=\"flex flex-col gap-2\">\n          <BackNavButton testId=\"back-to-secrets\" onClick={handleBackToList}>\n            {t(I18nKey.BUTTON$BACK)}\n          </BackNavButton>\n          <Typography.H2 testId=\"secret-editor-title\">\n            {formTitle}\n          </Typography.H2>\n        </div>\n      ) : null}\n\n      {isLoadingSecrets && view === \"list\" && (\n        <ul>\n          <SecretListItemSkeleton />\n          <SecretListItemSkeleton />\n          <SecretListItemSkeleton />\n        </ul>\n      )}\n\n      {view === \"list\" && !isLoadingSecrets && (\n        <div\n          ref={tableContainerRef}\n          className={settingsListScrollContainerClassName}\n          onScroll={handleScroll}\n        >\n          <table className=\"w-full min-w-full table-fixed\">\n            <thead className={settingsListTableHeadClassName}>\n              <tr>\n                <th\n                  className={cn(settingsListTableHeaderCellClassName, \"w-1/4\")}\n                >\n                  {t(I18nKey.SETTINGS$NAME)}\n                </th>\n                <th\n                  className={cn(settingsListTableHeaderCellClassName, \"w-1/2\")}\n                >\n                  {t(I18nKey.SECRETS$DESCRIPTION)}\n                </th>\n                <th\n                  className={cn(\n                    settingsListTableHeaderCellClassName,\n                    \"w-1/4 text-right\",\n                  )}\n                >\n                  {t(I18nKey.SETTINGS$ACTIONS)}\n                </th>\n              </tr>\n            </thead>\n            <tbody>\n              {secrets?.map((secret) => (\n                <SecretListItem\n                  key={secret.name}\n                  title={secret.name}\n                  description={secret.description}\n                  onEdit={() => {\n                    setView(\"edit-secret-form\");\n                    setSelectedSecret(secret.name);\n                  }}\n                  onDelete={() => {\n                    setConfirmationModalIsVisible(true);\n                    setSelectedSecret(secret.name);\n                  }}\n                />\n              ))}\n            </tbody>\n          </table>\n\n          {isFetchingNextPage && (\n            <div className=\"flex justify-center p-4\">\n              <LoadingSpinner size=\"small\" />\n            </div>\n          )}\n        </div>\n      )}\n\n      {(view === \"add-secret-form\" || view === \"edit-secret-form\") && (\n        <SecretForm\n          mode={view === \"add-secret-form\" ? \"add\" : \"edit\"}\n          selectedSecret={selectedSecret}\n          onCancel={handleBackToList}\n        />\n      )}\n\n      {confirmationModalIsVisible && (\n        <ConfirmationModal\n          text={t(\"SECRETS$CONFIRM_DELETE_KEY\")}\n          onConfirm={onConfirmDeleteSecret}\n          onCancel={onCancelDeleteSecret}\n        />\n      )}\n    </div>\n  );\n}\n\nexport default SecretsSettingsScreen;\n"],"mappings":"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"}

package/dist/stores/conversation-store.cjs

@@ -1,2 +1,2 @@
-require(`../_virtual/_rolldown/runtime.cjs`);const e=require(`../node_modules/zustand/esm/react.cjs`),t=require(`../node_modules/zustand/esm/middleware.cjs`),n=require(`../utils/conversation-local-storage.cjs`);var r=()=>{if(typeof window>`u`)return null;let e=window.location.pathname.match(/\/conversations\/([^/]+)/);return e?e[1]:null},i=()=>{if(typeof window>`u`)return`code`;let e=r();return e?n.getConversationState(e).conversationMode:`code`},a=e.create()(t.devtools(e=>({isRightPanelShown:!1,selectedTab:`files`,images:[],files:[],imagesMarkedUploadAsFile:[],pastedImageNames:[],loadingFiles:[],loadingImages:[],messageToSend:null,shouldShownAgentLoading:!1,submittedMessage:null,shouldHideSuggestions:!1,hasRightPanelToggled:!1,planContent:null,conversationMode:i(),subConversationTaskId:null,setIsRightPanelShown:t=>e({isRightPanelShown:t},!1,`setIsRightPanelShown`),setSelectedTab:t=>e({selectedTab:t},!1,`setSelectedTab`),setShouldShownAgentLoading:t=>e({shouldShownAgentLoading:t},!1,`setShouldShownAgentLoading`),setShouldHideSuggestions:t=>e({shouldHideSuggestions:t},!1,`setShouldHideSuggestions`),addImages:t=>e(e=>({images:[...e.images,...t]}),!1,`addImages`),addFiles:t=>e(e=>({files:[...e.files,...t]}),!1,`addFiles`),toggleImageUploadAsFile:t=>e(e=>{let n=new Set(e.imagesMarkedUploadAsFile);return n.has(t)?n.delete(t):n.add(t),{imagesMarkedUploadAsFile:[...n]}},!1,`toggleImageUploadAsFile`),markImagesAsPasted:t=>e(e=>({pastedImageNames:[...new Set([...e.pastedImageNames,...t])]}),!1,`markImagesAsPasted`),removeImage:t=>e(e=>{let n=e.images[t],r=[...e.images];return r.splice(t,1),{images:r,imagesMarkedUploadAsFile:n?e.imagesMarkedUploadAsFile.filter(e=>e!==n.name):e.imagesMarkedUploadAsFile,pastedImageNames:n?e.pastedImageNames.filter(e=>e!==n.name):e.pastedImageNames}},!1,`removeImage`),removeFile:t=>e(e=>{let n=[...e.files];return n.splice(t,1),{files:n}},!1,`removeFile`),clearImages:()=>e({images:[]},!1,`clearImages`),clearFiles:()=>e({files:[]},!1,`clearFiles`),clearAllFiles:()=>e({images:[],files:[],imagesMarkedUploadAsFile:[],pastedImageNames:[],loadingFiles:[],loadingImages:[]},!1,`clearAllFiles`),addFileLoading:t=>e(e=>e.loadingFiles.includes(t)?e:{loadingFiles:[...e.loadingFiles,t]},!1,`addFileLoading`),removeFileLoading:t=>e(e=>({loadingFiles:e.loadingFiles.filter(e=>e!==t)}),!1,`removeFileLoading`),addImageLoading:t=>e(e=>e.loadingImages.includes(t)?e:{loadingImages:[...e.loadingImages,t]},!1,`addImageLoading`),removeImageLoading:t=>e(e=>({loadingImages:e.loadingImages.filter(e=>e!==t)}),!1,`removeImageLoading`),clearAllLoading:()=>e({loadingFiles:[],loadingImages:[]},!1,`clearAllLoading`),setMessageToSend:t=>e({messageToSend:{text:t,timestamp:Date.now()}},!1,`setMessageToSend`),setSubmittedMessage:t=>e({submittedMessage:t},!1,`setSubmittedMessage`),resetConversationState:()=>e({shouldHideSuggestions:!1,conversationMode:i(),subConversationTaskId:null,planContent:null},!1,`resetConversationState`),setHasRightPanelToggled:t=>e({hasRightPanelToggled:t},!1,`setHasRightPanelToggled`),setConversationMode:t=>{let i=r();i&&n.setConversationState(i,{conversationMode:t}),e({conversationMode:t},!1,`setConversationMode`)},setSubConversationTaskId:t=>e({subConversationTaskId:t},!1,`setSubConversationTaskId`),setPlanContent:t=>e({planContent:t},!1,`setPlanContent`)}),{name:`conversation-store`}));exports.useConversationStore=a;
+require(`../_virtual/_rolldown/runtime.cjs`);const e=require(`../node_modules/zustand/esm/react.cjs`),t=require(`../node_modules/zustand/esm/middleware.cjs`),n=require(`../utils/conversation-local-storage.cjs`);var r=()=>{if(typeof window>`u`)return null;let e=window.location.pathname.match(/\/conversations\/([^/]+)/);return e?e[1]:null},i=()=>{if(typeof window>`u`)return`code`;let e=r();return e?n.getConversationState(e).conversationMode:`code`},a=e.create()(t.devtools(e=>({isRightPanelShown:!1,selectedTab:`files`,images:[],files:[],imagesMarkedUploadAsFile:[],pastedImageNames:[],loadingFiles:[],loadingImages:[],messageToSend:null,messageRestoreIfEmpty:null,shouldShownAgentLoading:!1,submittedMessage:null,shouldHideSuggestions:!1,hasRightPanelToggled:!1,planContent:null,conversationMode:i(),subConversationTaskId:null,setIsRightPanelShown:t=>e({isRightPanelShown:t},!1,`setIsRightPanelShown`),setSelectedTab:t=>e({selectedTab:t},!1,`setSelectedTab`),setShouldShownAgentLoading:t=>e({shouldShownAgentLoading:t},!1,`setShouldShownAgentLoading`),setShouldHideSuggestions:t=>e({shouldHideSuggestions:t},!1,`setShouldHideSuggestions`),addImages:t=>e(e=>({images:[...e.images,...t]}),!1,`addImages`),addFiles:t=>e(e=>({files:[...e.files,...t]}),!1,`addFiles`),toggleImageUploadAsFile:t=>e(e=>{let n=new Set(e.imagesMarkedUploadAsFile);return n.has(t)?n.delete(t):n.add(t),{imagesMarkedUploadAsFile:[...n]}},!1,`toggleImageUploadAsFile`),markImagesAsPasted:t=>e(e=>({pastedImageNames:[...new Set([...e.pastedImageNames,...t])]}),!1,`markImagesAsPasted`),removeImage:t=>e(e=>{let n=e.images[t],r=[...e.images];return r.splice(t,1),{images:r,imagesMarkedUploadAsFile:n?e.imagesMarkedUploadAsFile.filter(e=>e!==n.name):e.imagesMarkedUploadAsFile,pastedImageNames:n?e.pastedImageNames.filter(e=>e!==n.name):e.pastedImageNames}},!1,`removeImage`),removeFile:t=>e(e=>{let n=[...e.files];return n.splice(t,1),{files:n}},!1,`removeFile`),clearImages:()=>e({images:[]},!1,`clearImages`),clearFiles:()=>e({files:[]},!1,`clearFiles`),clearAllFiles:()=>e({images:[],files:[],imagesMarkedUploadAsFile:[],pastedImageNames:[],loadingFiles:[],loadingImages:[]},!1,`clearAllFiles`),addFileLoading:t=>e(e=>e.loadingFiles.includes(t)?e:{loadingFiles:[...e.loadingFiles,t]},!1,`addFileLoading`),removeFileLoading:t=>e(e=>({loadingFiles:e.loadingFiles.filter(e=>e!==t)}),!1,`removeFileLoading`),addImageLoading:t=>e(e=>e.loadingImages.includes(t)?e:{loadingImages:[...e.loadingImages,t]},!1,`addImageLoading`),removeImageLoading:t=>e(e=>({loadingImages:e.loadingImages.filter(e=>e!==t)}),!1,`removeImageLoading`),clearAllLoading:()=>e({loadingFiles:[],loadingImages:[]},!1,`clearAllLoading`),setMessageToSend:t=>e({messageToSend:{text:t,timestamp:Date.now()}},!1,`setMessageToSend`),restoreMessageToInputIfEmpty:t=>e({messageRestoreIfEmpty:{text:t,timestamp:Date.now()}},!1,`restoreMessageToInputIfEmpty`),clearMessageRestoreIfEmpty:()=>e({messageRestoreIfEmpty:null},!1,`clearMessageRestoreIfEmpty`),setSubmittedMessage:t=>e({submittedMessage:t},!1,`setSubmittedMessage`),resetConversationState:()=>e({shouldHideSuggestions:!1,conversationMode:i(),subConversationTaskId:null,planContent:null},!1,`resetConversationState`),setHasRightPanelToggled:t=>e({hasRightPanelToggled:t},!1,`setHasRightPanelToggled`),setConversationMode:t=>{let i=r();i&&n.setConversationState(i,{conversationMode:t}),e({conversationMode:t},!1,`setConversationMode`)},setSubConversationTaskId:t=>e({subConversationTaskId:t},!1,`setSubConversationTaskId`),setPlanContent:t=>e({planContent:t},!1,`setPlanContent`)}),{name:`conversation-store`}));exports.useConversationStore=a;
 //# sourceMappingURL=conversation-store.cjs.map