@openhands/agent-canvas 1.15.0 → 1.16.0

package/dist/components/features/home/featured-automations/home-automation-run-tooltip.js.map

@@ -1 +1 @@
-{"version":3,"file":"home-automation-run-tooltip.js","names":[],"sources":["../../../../../src/components/features/home/featured-automations/home-automation-run-tooltip.tsx"],"sourcesContent":["import type { ReactNode } from \"react\";\nimport { Zap } from \"lucide-react\";\nimport { useTranslation } from \"react-i18next\";\nimport type { LatestAutomationRunState } from \"#/hooks/query/use-latest-automation-runs\";\nimport { I18nKey } from \"#/i18n/declaration\";\nimport ClockIcon from \"#/icons/clock.svg?react\";\nimport { AutomationRunStatus, type Automation } from \"#/types/automation\";\nimport { formatRelativeTime } from \"#/utils/format-relative-time\";\nimport { AutomationHealthIndicator } from \"./automation-health-indicator\";\nimport {\n  deriveRunHealth,\n  getLastRunTimestamp,\n  getRunHealthLabelKey,\n  getTriggerSummary,\n} from \"./automation-run-health\";\n\nexport function getRunStatusLabelKey(\n  runState: LatestAutomationRunState,\n): I18nKey {\n  if (runState.isError) return I18nKey.FEATURED_AUTOMATIONS$STATUS_UNAVAILABLE;\n  return getRunHealthLabelKey(deriveRunHealth(runState));\n}\n\nfunction PreviewRow({\n  label,\n  children,\n}: {\n  label: string;\n  children: ReactNode;\n}) {\n  return (\n    <div className=\"flex items-start gap-2 text-xs\">\n      <span className=\"w-20 shrink-0 text-[var(--oh-muted)]\">{label}</span>\n      <span className=\"min-w-0 flex-1 break-words text-[var(--oh-foreground)]\">\n        {children}\n      </span>\n    </div>\n  );\n}\n\n/**\n * Left-nav-style hovercard body for an automation's latest-run health.\n * Matches `ConversationCardPreview` layout: title + label/value rows.\n */\nexport function HomeAutomationRunTooltip({\n  automation,\n  runState,\n}: {\n  automation: Automation;\n  runState: LatestAutomationRunState;\n}) {\n  const { t, i18n } = useTranslation(\"openhands\");\n  const { latestRun } = runState;\n  const timestamp = latestRun ? getLastRunTimestamp(latestRun) : null;\n  const TriggerIcon = automation.trigger.type === \"event\" ? Zap : ClockIcon;\n  const health = deriveRunHealth(runState);\n\n  return (\n    <div className=\"flex w-[280px] flex-col gap-3 p-3\">\n      <span className=\"break-words text-sm font-medium text-white\">\n        {automation.name}\n      </span>\n\n      <dl className=\"flex flex-col gap-1.5\">\n        <PreviewRow label={t(I18nKey.AUTOMATIONS$DETAIL$TRIGGER)}>\n          <span className=\"inline-flex min-w-0 items-start gap-1.5\">\n            <TriggerIcon\n              className=\"mt-0.5 size-3 shrink-0\"\n              aria-hidden=\"true\"\n            />\n            <span className=\"break-all\">{getTriggerSummary(automation)}</span>\n          </span>\n        </PreviewRow>\n\n        <PreviewRow label={t(I18nKey.COMMON$STATUS)}>\n          <span className=\"inline-flex min-w-0 items-center gap-1.5\">\n            <AutomationHealthIndicator health={health} />\n            <span>{t(getRunStatusLabelKey(runState))}</span>\n          </span>\n        </PreviewRow>\n\n        {timestamp ? (\n          <PreviewRow label={t(I18nKey.AUTOMATIONS$DETAIL$LAST_RUN)}>\n            {formatRelativeTime(timestamp, i18n.language, t)}\n          </PreviewRow>\n        ) : null}\n\n        {latestRun?.status === AutomationRunStatus.FAILED &&\n        latestRun.error_detail ? (\n          <PreviewRow label={t(I18nKey.STATUS$ERROR)}>\n            <span className=\"line-clamp-3 text-[var(--oh-status-error)]\">\n              {latestRun.error_detail}\n            </span>\n          </PreviewRow>\n        ) : null}\n      </dl>\n    </div>\n  );\n}\n"],"mappings":";;;;;;;;;;AAgBA,SAAgB,EACd,GACS;CAET,OADI,EAAS,UAAgB,EAAQ,0CAC9B,EAAqB,EAAgB,CAAQ,CAAC;AACvD;AAEA,SAAS,EAAW,EAClB,UACA,eAIC;CACD,OACE,kBAAC,OAAD;EAAK,WAAU;YAAf,CACE,kBAAC,QAAD;GAAM,WAAU;aAAwC;EAAY,CAAA,GACpE,kBAAC,QAAD;GAAM,WAAU;GACb;EACG,CAAA,CACH;;AAET;AAMA,SAAgB,EAAyB,EACvC,eACA,eAIC;CACD,IAAM,EAAE,MAAG,YAAS,EAAe,WAAW,GACxC,EAAE,iBAAc,GAChB,IAAY,IAAY,EAAoB,CAAS,IAAI,MACzD,IAAc,EAAW,QAAQ,SAAS,UAAU,IAAM,GAC1D,IAAS,EAAgB,CAAQ;CAEvC,OACE,kBAAC,OAAD;EAAK,WAAU;YAAf,CACE,kBAAC,QAAD;GAAM,WAAU;aACb,EAAW;EACR,CAAA,GAEN,kBAAC,MAAD;GAAI,WAAU;aAAd;IACE,kBAAC,GAAD;KAAY,OAAO,EAAE,EAAQ,0BAA0B;eACrD,kBAAC,QAAD;MAAM,WAAU;gBAAhB,CACE,kBAAC,GAAD;OACE,WAAU;OACV,eAAY;MACb,CAAA,GACD,kBAAC,QAAD;OAAM,WAAU;iBAAa,EAAkB,CAAU;MAAQ,CAAA,CAC7D;;IACI,CAAA;IAEZ,kBAAC,GAAD;KAAY,OAAO,EAAE,EAAQ,aAAa;eACxC,kBAAC,QAAD;MAAM,WAAU;gBAAhB,CACE,kBAAC,GAAD,EAAmC,UAAS,CAAA,GAC5C,kBAAC,QAAD,EAAA,UAAO,EAAE,EAAqB,CAAQ,CAAC,EAAQ,CAAA,CAC3C;;IACI,CAAA;IAEX,IACC,kBAAC,GAAD;KAAY,OAAO,EAAE,EAAQ,2BAA2B;eACrD,EAAmB,GAAW,EAAK,UAAU,CAAC;IACrC,CAAA,IACV;IAEH,GAAW,WAAW,EAAoB,UAC3C,EAAU,eACR,kBAAC,GAAD;KAAY,OAAO,EAAE,EAAQ,YAAY;eACvC,kBAAC,QAAD;MAAM,WAAU;gBACb,EAAU;KACP,CAAA;IACI,CAAA,IACV;GACF;IACD;;AAET"}
+{"version":3,"file":"home-automation-run-tooltip.js","names":[],"sources":["../../../../../src/components/features/home/featured-automations/home-automation-run-tooltip.tsx"],"sourcesContent":["import type { ReactNode } from \"react\";\nimport { Zap } from \"lucide-react\";\nimport { useTranslation } from \"react-i18next\";\nimport type { LatestAutomationRunState } from \"#/hooks/query/use-latest-automation-runs\";\nimport { I18nKey } from \"#/i18n/declaration\";\nimport ClockIcon from \"#/icons/clock.svg?react\";\nimport {\n  shouldShowRunPhase,\n  useRunPhase,\n} from \"#/components/features/automations/detail/run-phase\";\nimport {\n  AutomationRunStatus,\n  type Automation,\n  type AutomationRun,\n} from \"#/types/automation\";\nimport { formatRelativeTime } from \"#/utils/format-relative-time\";\nimport { AutomationHealthIndicator } from \"./automation-health-indicator\";\nimport {\n  deriveRunHealth,\n  getLastRunTimestamp,\n  getRunHealthLabelKey,\n  getTriggerSummary,\n} from \"./automation-run-health\";\n\nexport function getRunStatusLabelKey(\n  runState: LatestAutomationRunState,\n): I18nKey {\n  if (runState.isError) return I18nKey.FEATURED_AUTOMATIONS$STATUS_UNAVAILABLE;\n  return getRunHealthLabelKey(deriveRunHealth(runState));\n}\n\nfunction PreviewRow({\n  label,\n  children,\n}: {\n  label: string;\n  children: ReactNode;\n}) {\n  return (\n    <div className=\"flex items-start gap-2 text-xs\">\n      <span className=\"w-20 shrink-0 text-[var(--oh-muted)]\">{label}</span>\n      <span className=\"min-w-0 flex-1 break-words text-[var(--oh-foreground)]\">\n        {children}\n      </span>\n    </div>\n  );\n}\n\n/**\n * The run's phase and how long it has held it. The row that opens this\n * hovercard has to clip a long phase; here there is room to wrap, so this is\n * where the whole thing is readable — and the age is what says whether the\n * run is moving through phases or sitting in one. Only the layout differs\n * from the row's: what the phase says, and whether its age is meaningful,\n * comes from the same hook the row uses.\n */\nfunction PhaseRow({ run }: { run: AutomationRun | null }) {\n  const { t } = useTranslation(\"openhands\");\n  const phase = useRunPhase({\n    status: run?.status,\n    code: run?.phase_code,\n    label: run?.phase_label,\n    updatedAt: run?.phase_updated_at,\n  });\n\n  if (!run || !shouldShowRunPhase(run.status) || !phase) return null;\n\n  const { text, age } = phase;\n\n  return (\n    <PreviewRow label={t(I18nKey.AUTOMATIONS$DETAIL$PHASE)}>\n      <span data-testid=\"run-phase-row\">\n        {text}\n        {age ? <span className=\"text-muted\"> · {age}</span> : null}\n      </span>\n    </PreviewRow>\n  );\n}\n\n/**\n * Left-nav-style hovercard body for an automation's latest-run health.\n * Matches `ConversationCardPreview` layout: title + label/value rows.\n */\nexport function HomeAutomationRunTooltip({\n  automation,\n  runState,\n}: {\n  automation: Automation;\n  runState: LatestAutomationRunState;\n}) {\n  const { t, i18n } = useTranslation(\"openhands\");\n  const { latestRun } = runState;\n  const timestamp = latestRun ? getLastRunTimestamp(latestRun) : null;\n  const TriggerIcon = automation.trigger.type === \"event\" ? Zap : ClockIcon;\n  const health = deriveRunHealth(runState);\n\n  return (\n    <div className=\"flex w-[280px] flex-col gap-3 p-3\">\n      <span className=\"break-words text-sm font-medium text-white\">\n        {automation.name}\n      </span>\n\n      <dl className=\"flex flex-col gap-1.5\">\n        <PreviewRow label={t(I18nKey.AUTOMATIONS$DETAIL$TRIGGER)}>\n          <span className=\"inline-flex min-w-0 items-start gap-1.5\">\n            <TriggerIcon\n              className=\"mt-0.5 size-3 shrink-0\"\n              aria-hidden=\"true\"\n            />\n            <span className=\"break-all\">{getTriggerSummary(automation)}</span>\n          </span>\n        </PreviewRow>\n\n        <PreviewRow label={t(I18nKey.COMMON$STATUS)}>\n          <span className=\"inline-flex min-w-0 items-center gap-1.5\">\n            <AutomationHealthIndicator health={health} />\n            <span>{t(getRunStatusLabelKey(runState))}</span>\n          </span>\n        </PreviewRow>\n\n        <PhaseRow run={latestRun} />\n\n        {timestamp ? (\n          <PreviewRow label={t(I18nKey.AUTOMATIONS$DETAIL$LAST_RUN)}>\n            {formatRelativeTime(timestamp, i18n.language, t)}\n          </PreviewRow>\n        ) : null}\n\n        {latestRun?.status === AutomationRunStatus.FAILED &&\n        latestRun.error_detail ? (\n          <PreviewRow label={t(I18nKey.STATUS$ERROR)}>\n            <span className=\"line-clamp-3 text-[var(--oh-status-error)]\">\n              {latestRun.error_detail}\n            </span>\n          </PreviewRow>\n        ) : null}\n      </dl>\n    </div>\n  );\n}\n"],"mappings":";;;;;;;;;;;AAwBA,SAAgB,EACd,GACS;CAET,OADI,EAAS,UAAgB,EAAQ,0CAC9B,EAAqB,EAAgB,CAAQ,CAAC;AACvD;AAEA,SAAS,EAAW,EAClB,UACA,eAIC;CACD,OACE,kBAAC,OAAD;EAAK,WAAU;YAAf,CACE,kBAAC,QAAD;GAAM,WAAU;aAAwC;EAAY,CAAA,GACpE,kBAAC,QAAD;GAAM,WAAU;GACb;EACG,CAAA,CACH;;AAET;AAUA,SAAS,EAAS,EAAE,UAAsC;CACxD,IAAM,EAAE,SAAM,EAAe,WAAW,GAClC,IAAQ,EAAY;EACxB,QAAQ,GAAK;EACb,MAAM,GAAK;EACX,OAAO,GAAK;EACZ,WAAW,GAAK;CAClB,CAAC;CAED,IAAI,CAAC,KAAO,CAAC,EAAmB,EAAI,MAAM,KAAK,CAAC,GAAO,OAAO;CAE9D,IAAM,EAAE,SAAM,WAAQ;CAEtB,OACE,kBAAC,GAAD;EAAY,OAAO,EAAE,EAAQ,wBAAwB;YACnD,kBAAC,QAAD;GAAM,eAAY;aAAlB,CACG,GACA,IAAM,kBAAC,QAAD;IAAM,WAAU;cAAhB,CAA6B,OAAI,CAAU;QAAI,IAClD;;CACI,CAAA;AAEhB;AAMA,SAAgB,EAAyB,EACvC,eACA,eAIC;CACD,IAAM,EAAE,MAAG,YAAS,EAAe,WAAW,GACxC,EAAE,iBAAc,GAChB,IAAY,IAAY,EAAoB,CAAS,IAAI,MACzD,IAAc,EAAW,QAAQ,SAAS,UAAU,IAAM,GAC1D,IAAS,EAAgB,CAAQ;CAEvC,OACE,kBAAC,OAAD;EAAK,WAAU;YAAf,CACE,kBAAC,QAAD;GAAM,WAAU;aACb,EAAW;EACR,CAAA,GAEN,kBAAC,MAAD;GAAI,WAAU;aAAd;IACE,kBAAC,GAAD;KAAY,OAAO,EAAE,EAAQ,0BAA0B;eACrD,kBAAC,QAAD;MAAM,WAAU;gBAAhB,CACE,kBAAC,GAAD;OACE,WAAU;OACV,eAAY;MACb,CAAA,GACD,kBAAC,QAAD;OAAM,WAAU;iBAAa,EAAkB,CAAU;MAAQ,CAAA,CAC7D;;IACI,CAAA;IAEZ,kBAAC,GAAD;KAAY,OAAO,EAAE,EAAQ,aAAa;eACxC,kBAAC,QAAD;MAAM,WAAU;gBAAhB,CACE,kBAAC,GAAD,EAAmC,UAAS,CAAA,GAC5C,kBAAC,QAAD,EAAA,UAAO,EAAE,EAAqB,CAAQ,CAAC,EAAQ,CAAA,CAC3C;;IACI,CAAA;IAEZ,kBAAC,GAAD,EAAU,KAAK,EAAY,CAAA;IAE1B,IACC,kBAAC,GAAD;KAAY,OAAO,EAAE,EAAQ,2BAA2B;eACrD,EAAmB,GAAW,EAAK,UAAU,CAAC;IACrC,CAAA,IACV;IAEH,GAAW,WAAW,EAAoB,UAC3C,EAAU,eACR,kBAAC,GAAD;KAAY,OAAO,EAAE,EAAQ,YAAY;eACvC,kBAAC,QAAD;MAAM,WAAU;gBACb,EAAU;KACP,CAAA;IACI,CAAA,IACV;GACF;IACD;;AAET"}

package/dist/components/features/onboarding/onboarding-host.d.ts

@@ -4,10 +4,9 @@
  * isn't set yet). Closing or completing the flow marks it done so the
  * modal won't re-appear on subsequent visits.
  *
- * An already-authenticated Cloud backend may provide everything onboarding
- * would collect. Once the active Cloud backend reports a usable LLM, suppress
- * the redundant modal without writing a fake completion marker. Local backends
- * remain browser-onboarding-driven.
+ * A backend already reporting a usable LLM makes the modal redundant, so it is
+ * skipped — except the launcher-seeded default-local one, which may hold an
+ * LLM from an earlier user, leaving `openhands-onboarded` its first-run signal.
  *
  * With `?previewOnboardingStep=<0-3>` the modal opens on that slide for
  * design review without persisting completion (works on any route when

package/dist/components/features/onboarding/steps/setup-llm-step.d.ts

@@ -4,16 +4,12 @@ interface SetupLlmStepProps {
     onNext: () => void;
 }
 /**
- * Pre-fills the LLM form with the OpenHands provider's free default model
- * (`openhands/kimi-k3`), matching `DEFAULT_SETTINGS.llm_model`. The OpenHands
- * provider is the agent the user just selected, so the onboarding override
- * keeps the LLM provider aligned with that choice rather than silently
- * switching to OpenAI. Canvas stores provider-qualified LiteLLM model ids,
- * so the override uses this OpenHands-prefixed model id, and keeping it as an
- * explicit override marks the model dirty so the Next button persists the
- * suggested default immediately.
+ * Pre-fills the LLM form with the OpenAI GPT-5.6 Sol default
+ * (`openai/gpt-5.6-sol`), matching `DEFAULT_SETTINGS.llm_model`. The explicit
+ * override marks the model dirty so the Next button persists the suggested
+ * default immediately.
  */
-export declare const ONBOARDING_DEFAULT_LLM_MODEL = "openhands/kimi-k3";
+export declare const ONBOARDING_DEFAULT_LLM_MODEL = "openai/gpt-5.6-sol";
 /**
  * Step 2: embed the LLM settings form. The screen runs in `embedded`
  * mode (so it doesn't render its own sticky Save bar) and with

package/dist/components/features/settings/acp-auth-status-banner.d.ts

@@ -3,18 +3,35 @@ interface AcpAuthStatusBannerProps {
     status: AcpAuthStatus;
     isChecking: boolean;
     providerName: string;
+    /**
+     * Whether a credential for the provider exists in the active backend's secret
+     * store. On Docker/cloud backends the host-login probe can't run (it shells
+     * the interactive CLI, which isn't installed there), so this is the only
+     * accurate "the agent will authenticate" signal. Optional; defaults to
+     * ``false`` so existing callers behave exactly as before.
+     */
+    credentialsConfigured?: boolean;
     /**
      * Prefix for the banner test ids, e.g. ``"onboarding-acp-auth"`` →
-     * ``onboarding-acp-auth-detected`` / ``onboarding-acp-auth-checking``.
+     * ``onboarding-acp-auth-detected`` / ``onboarding-acp-auth-checking`` /
+     * ``onboarding-acp-auth-configured``.
      */
     testIdPrefix: string;
 }
 /**
  * Auth-status banner shared by the ACP credential forms (the onboarding step
- * and Settings → Agent): a green "already signed in" banner when the local
- * login probe detects a session, or a spinner while it's checking. Renders
- * nothing otherwise (unauthenticated / unknown / non-local backend), so the
- * caller falls back to the API-key fields.
+ * and Settings → Agent):
+ *
+ * - a green "already signed in" banner when the host-login probe detects a
+ *   session (native backend),
+ * - a spinner while the probe is checking,
+ * - a neutral "credentials configured" banner when the probe can't confirm a
+ *   login but a credential for the provider is stored — the accurate signal on
+ *   Docker/cloud backends, where the probe goes silent,
+ * - nothing otherwise, so the caller falls back to the API-key fields.
+ *
+ * A stored credential never renders as "signed in": only the probe confirms an
+ * actual host login. See issue #1244.
  */
-export declare function AcpAuthStatusBanner({ status, isChecking, providerName, testIdPrefix, }: AcpAuthStatusBannerProps): import("react").JSX.Element | null;
+export declare function AcpAuthStatusBanner({ status, isChecking, providerName, credentialsConfigured, testIdPrefix, }: AcpAuthStatusBannerProps): import("react").JSX.Element | null;
 export {};

package/dist/components/features/settings/llm-profiles/llm-settings-local-view.cjs

@@ -1 +1 @@
-const e=require("../../../../_virtual/_rolldown/runtime.cjs");require("../../../../utils/custom-toast-handlers.cjs"),require("../../../../contexts/active-backend-context.cjs"),require("../../../../api/profiles-service/profiles-service.api.cjs"),require("../../../../hooks/query/use-llm-profiles.cjs"),require("../../../../hooks/query/use-settings.cjs"),require("../../../../ui/typography.cjs"),require("../brand-button.cjs"),require("../../../../hooks/query/use-agent-settings-schema.cjs"),require("./profile-name-input.cjs"),require("../../../../hooks/mutation/use-activate-llm-profile.cjs"),require("../../../../hooks/mutation/use-save-llm-profile.cjs"),require("./llm-profiles-manager.cjs"),require("../../../shared/buttons/back-nav-button.cjs"),require("../../../../contexts/settings-section-header-context.cjs"),require("../../../../routes/llm-settings.cjs");let t=require("react");t=e.__toESM(t,1),require("react/jsx-runtime");
+const e=require("../../../../_virtual/_rolldown/runtime.cjs");require("../../../../utils/custom-toast-handlers.cjs"),require("../../../../contexts/active-backend-context.cjs"),require("../../../../api/profiles-service/profiles-service.api.cjs"),require("../../../../utils/format-model-name.cjs"),require("../../../../hooks/query/use-llm-profiles.cjs"),require("../../../../hooks/query/use-settings.cjs"),require("../../../../ui/typography.cjs"),require("../brand-button.cjs"),require("../../../../hooks/query/use-agent-settings-schema.cjs"),require("./profile-name-input.cjs"),require("../../../../hooks/mutation/use-activate-llm-profile.cjs"),require("../../../../hooks/mutation/use-save-llm-profile.cjs"),require("./llm-profiles-manager.cjs"),require("../../../shared/buttons/back-nav-button.cjs"),require("../../../../contexts/settings-section-header-context.cjs"),require("../../../../routes/llm-settings.cjs");let t=require("react");t=e.__toESM(t,1),require("react/jsx-runtime");

package/dist/components/features/settings/llm-profiles/llm-settings-local-view.js

@@ -1,6 +1,7 @@
 import "../../../../utils/custom-toast-handlers.js";
 import "../../../../contexts/active-backend-context.js";
 import "../../../../api/profiles-service/profiles-service.api.js";
+import "../../../../utils/format-model-name.js";
 import "../../../../hooks/query/use-llm-profiles.js";
 import "../../../../hooks/query/use-settings.js";
 import "../../../../ui/typography.js";

package/dist/components/features/settings/llm-profiles/provider-connection-modal.cjs

@@ -1 +1 @@
-require("../../../../_virtual/_rolldown/runtime.cjs"),require("../../../../utils/custom-toast-handlers.cjs"),require("../../../shared/loading-spinner.cjs"),require("../brand-button.cjs"),require("../settings-input.cjs"),require("../key-status-icon.cjs"),require("../api-key-modal-base.cjs"),require("../../../../hooks/mutation/use-create-provider-connection.cjs"),require("../../../../hooks/mutation/use-update-provider-connection.cjs"),require("react"),require("react/jsx-runtime");
+require("../../../../_virtual/_rolldown/runtime.cjs"),require("../../../../utils/custom-toast-handlers.cjs"),require("../../../../utils/form-control-classes.cjs"),require("../../../../ui/combobox-caret.cjs"),require("../../../shared/loading-spinner.cjs"),require("../brand-button.cjs"),require("../settings-input.cjs"),require("../../../../hooks/query/use-search-providers.cjs"),require("../key-status-icon.cjs"),require("../api-key-modal-base.cjs"),require("../../../../hooks/mutation/use-create-provider-connection.cjs"),require("../../../../hooks/mutation/use-update-provider-connection.cjs"),require("react"),require("react/jsx-runtime");

package/dist/components/features/settings/llm-profiles/provider-connection-modal.js

@@ -1,7 +1,10 @@
 import "../../../../utils/custom-toast-handlers.js";
+import "../../../../utils/form-control-classes.js";
+import "../../../../ui/combobox-caret.js";
 import "../../../shared/loading-spinner.js";
 import "../brand-button.js";
 import "../settings-input.js";
+import "../../../../hooks/query/use-search-providers.js";
 import "../key-status-icon.js";
 import "../api-key-modal-base.js";
 import "../../../../hooks/mutation/use-create-provider-connection.js";

package/dist/components/features/settings/sdk-settings/field-help.cjs

@@ -1,2 +1,2 @@
-require("../../../../_virtual/_rolldown/runtime.cjs");const e=require("../../../../node_modules/react-i18next/dist/es/useTranslation.cjs"),t=require("../../../../ui/typography.cjs"),n=require("../../../../ui/help-link.cjs"),r=require("../../../../utils/sdk-settings-field-metadata.cjs");let i=require("react/jsx-runtime");var a={"llm.api_key":{textKey:`SCHEMA$LLM$API_KEY$HELP_TEXT`,linkTextKey:`SCHEMA$LLM$API_KEY$HELP_LINK_TEXT`,href:`https://docs.openhands.dev/usage/local-setup#getting-an-api-key`},"verification.critic_api_key":{textKey:`SCHEMA$VERIFICATION$CRITIC_API_KEY$HELP_TEXT`,linkTextKey:`SETTINGS$NAV_API_KEYS`,suffixKey:`SCHEMA$VERIFICATION$CRITIC_API_KEY$HELP_SUFFIX`,href:`https://app.all-hands.dev/settings/api-keys`,hideDescription:!0}};function o({field:o}){let{t:s}=e.useTranslation(`openhands`),c=a[o.key],l=r.resolveSchemaFieldDescription(s,o.key,o.description);return(0,i.jsxs)(i.Fragment,{children:[l&&!c?.hideDescription?(0,i.jsx)(t.Typography.Paragraph,{className:`text-tertiary-alt text-xs leading-5`,children:l}):null,c?(0,i.jsx)(n.HelpLink,{testId:`help-link-${o.key}`,text:s(c.textKey),linkText:s(c.linkTextKey),href:c.href,suffix:c.suffixKey?` ${s(c.suffixKey)}`:void 0,size:`settings`,linkColor:`white`}):null]})}exports.FieldHelp=o;
+require("../../../../_virtual/_rolldown/runtime.cjs");const e=require("../../../../node_modules/react-i18next/dist/es/useTranslation.cjs"),t=require("../../../../ui/typography.cjs"),n=require("../../../../ui/help-link.cjs"),r=require("../../../../utils/sdk-settings-field-metadata.cjs");let i=require("react/jsx-runtime");var a={"llm.api_key":{textKey:`SCHEMA$LLM$API_KEY$HELP_TEXT`,linkTextKey:`SCHEMA$LLM$API_KEY$HELP_LINK_TEXT`,href:`https://docs.openhands.dev/usage/local-setup#getting-an-api-key`},"verification.critic_api_key":{textKey:`SCHEMA$VERIFICATION$CRITIC_API_KEY$HELP_TEXT`,linkTextKey:`SETTINGS$OPENHANDS_API_KEY_HELP_LINK`,suffixKey:`SCHEMA$VERIFICATION$CRITIC_API_KEY$HELP_SUFFIX`,href:`https://app.all-hands.dev/settings/api-keys`,hideDescription:!0}};function o({field:o}){let{t:s}=e.useTranslation(`openhands`),c=a[o.key],l=r.resolveSchemaFieldDescription(s,o.key,o.description);return(0,i.jsxs)(i.Fragment,{children:[l&&!c?.hideDescription?(0,i.jsx)(t.Typography.Paragraph,{className:`text-tertiary-alt text-xs leading-5`,children:l}):null,c?(0,i.jsx)(n.HelpLink,{testId:`help-link-${o.key}`,text:s(c.textKey),linkText:s(c.linkTextKey),href:c.href,suffix:c.suffixKey?` ${s(c.suffixKey)}`:void 0,size:`settings`,linkColor:`white`}):null]})}exports.FieldHelp=o;
 //# sourceMappingURL=field-help.cjs.map

package/dist/components/features/settings/sdk-settings/field-help.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"field-help.cjs","names":[],"sources":["../../../../../src/components/features/settings/sdk-settings/field-help.tsx"],"sourcesContent":["import { useTranslation } from \"react-i18next\";\nimport { SettingsFieldSchema } from \"#/types/settings\";\nimport { HelpLink } from \"#/ui/help-link\";\nimport { Typography } from \"#/ui/typography\";\nimport { resolveSchemaFieldDescription } from \"#/utils/sdk-settings-field-metadata\";\n\n// ---------------------------------------------------------------------------\n// Help links – UI-only mapping from field keys to user-facing guidance.\n// Keys use conventional i18n pattern: SCHEMA$<PATH>$HELP_TEXT / HELP_LINK_TEXT\n// ---------------------------------------------------------------------------\nexport const FIELD_HELP_LINKS: Record<\n  string,\n  {\n    textKey: string;\n    linkTextKey: string;\n    href: string;\n    /** Skip rendering the schema description separately when the help text already includes it. */\n    hideDescription?: boolean;\n    /** Optional trailing copy rendered after the link (e.g. \" tab of OpenHands Cloud.\"). */\n    suffixKey?: string;\n  }\n> = {\n  \"llm.api_key\": {\n    textKey: \"SCHEMA$LLM$API_KEY$HELP_TEXT\",\n    linkTextKey: \"SCHEMA$LLM$API_KEY$HELP_LINK_TEXT\",\n    href: \"https://docs.openhands.dev/usage/local-setup#getting-an-api-key\",\n  },\n  // Mirror the hint shown under the LLM provider's API key field when\n  // OpenHands is selected as the active provider; the SDK reuses that active\n  // LLM key when the critic key is empty.\n  \"verification.critic_api_key\": {\n    textKey: \"SCHEMA$VERIFICATION$CRITIC_API_KEY$HELP_TEXT\",\n    linkTextKey: \"SETTINGS$NAV_API_KEYS\",\n    suffixKey: \"SCHEMA$VERIFICATION$CRITIC_API_KEY$HELP_SUFFIX\",\n    href: \"https://app.all-hands.dev/settings/api-keys\",\n    hideDescription: true,\n  },\n};\n\nexport function FieldHelp({ field }: { field: SettingsFieldSchema }) {\n  const { t } = useTranslation(\"openhands\");\n  const helpLink = FIELD_HELP_LINKS[field.key];\n  const description = resolveSchemaFieldDescription(\n    t,\n    field.key,\n    field.description,\n  );\n\n  return (\n    <>\n      {description && !helpLink?.hideDescription ? (\n        <Typography.Paragraph className=\"text-tertiary-alt text-xs leading-5\">\n          {description}\n        </Typography.Paragraph>\n      ) : null}\n      {helpLink ? (\n        <HelpLink\n          testId={`help-link-${field.key}`}\n          text={t(helpLink.textKey)}\n          linkText={t(helpLink.linkTextKey)}\n          href={helpLink.href}\n          suffix={helpLink.suffixKey ? ` ${t(helpLink.suffixKey)}` : undefined}\n          size=\"settings\"\n          linkColor=\"white\"\n        />\n      ) : null}\n    </>\n  );\n}\n"],"mappings":"kUAUA,IAAa,EAWT,CACF,cAAe,CACb,QAAS,+BACT,YAAa,oCACb,KAAM,iEACR,EAIA,8BAA+B,CAC7B,QAAS,+CACT,YAAa,wBACb,UAAW,iDACX,KAAM,8CACN,gBAAiB,EACnB,CACF,EAEA,SAAgB,EAAU,CAAE,SAAyC,CACnE,GAAM,CAAE,KAAM,EAAA,eAAe,WAAW,EAClC,EAAW,EAAiB,EAAM,KAClC,EAAc,EAAA,8BAClB,EACA,EAAM,IACN,EAAM,WACR,EAEA,OACE,EAAA,EAAA,MAAA,EAAA,SAAA,CAAA,SAAA,CACG,GAAe,CAAC,GAAU,iBACzB,EAAA,EAAA,KAAC,EAAA,WAAW,UAAZ,CAAsB,UAAU,+CAC7B,CACmB,CAAA,EACpB,KACH,GACC,EAAA,EAAA,KAAC,EAAA,SAAD,CACE,OAAQ,aAAa,EAAM,MAC3B,KAAM,EAAE,EAAS,OAAO,EACxB,SAAU,EAAE,EAAS,WAAW,EAChC,KAAM,EAAS,KACf,OAAQ,EAAS,UAAY,IAAI,EAAE,EAAS,SAAS,IAAM,IAAA,GAC3D,KAAK,WACL,UAAU,OACX,CAAA,EACC,IACJ,CAAA,CAAA,CAEN"}
+{"version":3,"file":"field-help.cjs","names":[],"sources":["../../../../../src/components/features/settings/sdk-settings/field-help.tsx"],"sourcesContent":["import { useTranslation } from \"react-i18next\";\nimport { SettingsFieldSchema } from \"#/types/settings\";\nimport { HelpLink } from \"#/ui/help-link\";\nimport { Typography } from \"#/ui/typography\";\nimport { resolveSchemaFieldDescription } from \"#/utils/sdk-settings-field-metadata\";\n\n// ---------------------------------------------------------------------------\n// Help links – UI-only mapping from field keys to user-facing guidance.\n// Keys use conventional i18n pattern: SCHEMA$<PATH>$HELP_TEXT / HELP_LINK_TEXT\n// ---------------------------------------------------------------------------\nexport const FIELD_HELP_LINKS: Record<\n  string,\n  {\n    textKey: string;\n    linkTextKey: string;\n    href: string;\n    /** Skip rendering the schema description separately when the help text already includes it. */\n    hideDescription?: boolean;\n    /** Optional trailing copy rendered after the link (e.g. \" section of OpenHands Cloud.\"). */\n    suffixKey?: string;\n  }\n> = {\n  \"llm.api_key\": {\n    textKey: \"SCHEMA$LLM$API_KEY$HELP_TEXT\",\n    linkTextKey: \"SCHEMA$LLM$API_KEY$HELP_LINK_TEXT\",\n    href: \"https://docs.openhands.dev/usage/local-setup#getting-an-api-key\",\n  },\n  // Mirror the hint shown under the LLM provider's API key field when\n  // OpenHands is selected as the active provider; the SDK reuses that active\n  // LLM key when the critic key is empty.\n  \"verification.critic_api_key\": {\n    textKey: \"SCHEMA$VERIFICATION$CRITIC_API_KEY$HELP_TEXT\",\n    linkTextKey: \"SETTINGS$OPENHANDS_API_KEY_HELP_LINK\",\n    suffixKey: \"SCHEMA$VERIFICATION$CRITIC_API_KEY$HELP_SUFFIX\",\n    href: \"https://app.all-hands.dev/settings/api-keys\",\n    hideDescription: true,\n  },\n};\n\nexport function FieldHelp({ field }: { field: SettingsFieldSchema }) {\n  const { t } = useTranslation(\"openhands\");\n  const helpLink = FIELD_HELP_LINKS[field.key];\n  const description = resolveSchemaFieldDescription(\n    t,\n    field.key,\n    field.description,\n  );\n\n  return (\n    <>\n      {description && !helpLink?.hideDescription ? (\n        <Typography.Paragraph className=\"text-tertiary-alt text-xs leading-5\">\n          {description}\n        </Typography.Paragraph>\n      ) : null}\n      {helpLink ? (\n        <HelpLink\n          testId={`help-link-${field.key}`}\n          text={t(helpLink.textKey)}\n          linkText={t(helpLink.linkTextKey)}\n          href={helpLink.href}\n          suffix={helpLink.suffixKey ? ` ${t(helpLink.suffixKey)}` : undefined}\n          size=\"settings\"\n          linkColor=\"white\"\n        />\n      ) : null}\n    </>\n  );\n}\n"],"mappings":"kUAUA,IAAa,EAWT,CACF,cAAe,CACb,QAAS,+BACT,YAAa,oCACb,KAAM,iEACR,EAIA,8BAA+B,CAC7B,QAAS,+CACT,YAAa,uCACb,UAAW,iDACX,KAAM,8CACN,gBAAiB,EACnB,CACF,EAEA,SAAgB,EAAU,CAAE,SAAyC,CACnE,GAAM,CAAE,KAAM,EAAA,eAAe,WAAW,EAClC,EAAW,EAAiB,EAAM,KAClC,EAAc,EAAA,8BAClB,EACA,EAAM,IACN,EAAM,WACR,EAEA,OACE,EAAA,EAAA,MAAA,EAAA,SAAA,CAAA,SAAA,CACG,GAAe,CAAC,GAAU,iBACzB,EAAA,EAAA,KAAC,EAAA,WAAW,UAAZ,CAAsB,UAAU,+CAC7B,CACmB,CAAA,EACpB,KACH,GACC,EAAA,EAAA,KAAC,EAAA,SAAD,CACE,OAAQ,aAAa,EAAM,MAC3B,KAAM,EAAE,EAAS,OAAO,EACxB,SAAU,EAAE,EAAS,WAAW,EAChC,KAAM,EAAS,KACf,OAAQ,EAAS,UAAY,IAAI,EAAE,EAAS,SAAS,IAAM,IAAA,GAC3D,KAAK,WACL,UAAU,OACX,CAAA,EACC,IACJ,CAAA,CAAA,CAEN"}

package/dist/components/features/settings/sdk-settings/field-help.d.ts

@@ -5,7 +5,7 @@ export declare const FIELD_HELP_LINKS: Record<string, {
     href: string;
     /** Skip rendering the schema description separately when the help text already includes it. */
     hideDescription?: boolean;
-    /** Optional trailing copy rendered after the link (e.g. " tab of OpenHands Cloud."). */
+    /** Optional trailing copy rendered after the link (e.g. " section of OpenHands Cloud."). */
     suffixKey?: string;
 }>;
 export declare function FieldHelp({ field }: {

package/dist/components/features/settings/sdk-settings/field-help.js

@@ -12,7 +12,7 @@ var s = {
 	},
 	"verification.critic_api_key": {
 		textKey: "SCHEMA$VERIFICATION$CRITIC_API_KEY$HELP_TEXT",
-		linkTextKey: "SETTINGS$NAV_API_KEYS",
+		linkTextKey: "SETTINGS$OPENHANDS_API_KEY_HELP_LINK",
 		suffixKey: "SCHEMA$VERIFICATION$CRITIC_API_KEY$HELP_SUFFIX",
 		href: "https://app.all-hands.dev/settings/api-keys",
 		hideDescription: !0

package/dist/components/features/settings/sdk-settings/field-help.js.map

@@ -1 +1 @@
-{"version":3,"file":"field-help.js","names":[],"sources":["../../../../../src/components/features/settings/sdk-settings/field-help.tsx"],"sourcesContent":["import { useTranslation } from \"react-i18next\";\nimport { SettingsFieldSchema } from \"#/types/settings\";\nimport { HelpLink } from \"#/ui/help-link\";\nimport { Typography } from \"#/ui/typography\";\nimport { resolveSchemaFieldDescription } from \"#/utils/sdk-settings-field-metadata\";\n\n// ---------------------------------------------------------------------------\n// Help links – UI-only mapping from field keys to user-facing guidance.\n// Keys use conventional i18n pattern: SCHEMA$<PATH>$HELP_TEXT / HELP_LINK_TEXT\n// ---------------------------------------------------------------------------\nexport const FIELD_HELP_LINKS: Record<\n  string,\n  {\n    textKey: string;\n    linkTextKey: string;\n    href: string;\n    /** Skip rendering the schema description separately when the help text already includes it. */\n    hideDescription?: boolean;\n    /** Optional trailing copy rendered after the link (e.g. \" tab of OpenHands Cloud.\"). */\n    suffixKey?: string;\n  }\n> = {\n  \"llm.api_key\": {\n    textKey: \"SCHEMA$LLM$API_KEY$HELP_TEXT\",\n    linkTextKey: \"SCHEMA$LLM$API_KEY$HELP_LINK_TEXT\",\n    href: \"https://docs.openhands.dev/usage/local-setup#getting-an-api-key\",\n  },\n  // Mirror the hint shown under the LLM provider's API key field when\n  // OpenHands is selected as the active provider; the SDK reuses that active\n  // LLM key when the critic key is empty.\n  \"verification.critic_api_key\": {\n    textKey: \"SCHEMA$VERIFICATION$CRITIC_API_KEY$HELP_TEXT\",\n    linkTextKey: \"SETTINGS$NAV_API_KEYS\",\n    suffixKey: \"SCHEMA$VERIFICATION$CRITIC_API_KEY$HELP_SUFFIX\",\n    href: \"https://app.all-hands.dev/settings/api-keys\",\n    hideDescription: true,\n  },\n};\n\nexport function FieldHelp({ field }: { field: SettingsFieldSchema }) {\n  const { t } = useTranslation(\"openhands\");\n  const helpLink = FIELD_HELP_LINKS[field.key];\n  const description = resolveSchemaFieldDescription(\n    t,\n    field.key,\n    field.description,\n  );\n\n  return (\n    <>\n      {description && !helpLink?.hideDescription ? (\n        <Typography.Paragraph className=\"text-tertiary-alt text-xs leading-5\">\n          {description}\n        </Typography.Paragraph>\n      ) : null}\n      {helpLink ? (\n        <HelpLink\n          testId={`help-link-${field.key}`}\n          text={t(helpLink.textKey)}\n          linkText={t(helpLink.linkTextKey)}\n          href={helpLink.href}\n          suffix={helpLink.suffixKey ? ` ${t(helpLink.suffixKey)}` : undefined}\n          size=\"settings\"\n          linkColor=\"white\"\n        />\n      ) : null}\n    </>\n  );\n}\n"],"mappings":";;;;;;AAUA,IAAa,IAWT;CACF,eAAe;EACb,SAAS;EACT,aAAa;EACb,MAAM;CACR;CAIA,+BAA+B;EAC7B,SAAS;EACT,aAAa;EACb,WAAW;EACX,MAAM;EACN,iBAAiB;CACnB;AACF;AAEA,SAAgB,EAAU,EAAE,YAAyC;CACnE,IAAM,EAAE,SAAM,EAAe,WAAW,GAClC,IAAW,EAAiB,EAAM,MAClC,IAAc,EAClB,GACA,EAAM,KACN,EAAM,WACR;CAEA,OACE,kBAAA,GAAA,EAAA,UAAA,CACG,KAAe,CAAC,GAAU,kBACzB,kBAAC,EAAW,WAAZ;EAAsB,WAAU;YAC7B;CACmB,CAAA,IACpB,MACH,IACC,kBAAC,GAAD;EACE,QAAQ,aAAa,EAAM;EAC3B,MAAM,EAAE,EAAS,OAAO;EACxB,UAAU,EAAE,EAAS,WAAW;EAChC,MAAM,EAAS;EACf,QAAQ,EAAS,YAAY,IAAI,EAAE,EAAS,SAAS,MAAM,KAAA;EAC3D,MAAK;EACL,WAAU;CACX,CAAA,IACC,IACJ,EAAA,CAAA;AAEN"}
+{"version":3,"file":"field-help.js","names":[],"sources":["../../../../../src/components/features/settings/sdk-settings/field-help.tsx"],"sourcesContent":["import { useTranslation } from \"react-i18next\";\nimport { SettingsFieldSchema } from \"#/types/settings\";\nimport { HelpLink } from \"#/ui/help-link\";\nimport { Typography } from \"#/ui/typography\";\nimport { resolveSchemaFieldDescription } from \"#/utils/sdk-settings-field-metadata\";\n\n// ---------------------------------------------------------------------------\n// Help links – UI-only mapping from field keys to user-facing guidance.\n// Keys use conventional i18n pattern: SCHEMA$<PATH>$HELP_TEXT / HELP_LINK_TEXT\n// ---------------------------------------------------------------------------\nexport const FIELD_HELP_LINKS: Record<\n  string,\n  {\n    textKey: string;\n    linkTextKey: string;\n    href: string;\n    /** Skip rendering the schema description separately when the help text already includes it. */\n    hideDescription?: boolean;\n    /** Optional trailing copy rendered after the link (e.g. \" section of OpenHands Cloud.\"). */\n    suffixKey?: string;\n  }\n> = {\n  \"llm.api_key\": {\n    textKey: \"SCHEMA$LLM$API_KEY$HELP_TEXT\",\n    linkTextKey: \"SCHEMA$LLM$API_KEY$HELP_LINK_TEXT\",\n    href: \"https://docs.openhands.dev/usage/local-setup#getting-an-api-key\",\n  },\n  // Mirror the hint shown under the LLM provider's API key field when\n  // OpenHands is selected as the active provider; the SDK reuses that active\n  // LLM key when the critic key is empty.\n  \"verification.critic_api_key\": {\n    textKey: \"SCHEMA$VERIFICATION$CRITIC_API_KEY$HELP_TEXT\",\n    linkTextKey: \"SETTINGS$OPENHANDS_API_KEY_HELP_LINK\",\n    suffixKey: \"SCHEMA$VERIFICATION$CRITIC_API_KEY$HELP_SUFFIX\",\n    href: \"https://app.all-hands.dev/settings/api-keys\",\n    hideDescription: true,\n  },\n};\n\nexport function FieldHelp({ field }: { field: SettingsFieldSchema }) {\n  const { t } = useTranslation(\"openhands\");\n  const helpLink = FIELD_HELP_LINKS[field.key];\n  const description = resolveSchemaFieldDescription(\n    t,\n    field.key,\n    field.description,\n  );\n\n  return (\n    <>\n      {description && !helpLink?.hideDescription ? (\n        <Typography.Paragraph className=\"text-tertiary-alt text-xs leading-5\">\n          {description}\n        </Typography.Paragraph>\n      ) : null}\n      {helpLink ? (\n        <HelpLink\n          testId={`help-link-${field.key}`}\n          text={t(helpLink.textKey)}\n          linkText={t(helpLink.linkTextKey)}\n          href={helpLink.href}\n          suffix={helpLink.suffixKey ? ` ${t(helpLink.suffixKey)}` : undefined}\n          size=\"settings\"\n          linkColor=\"white\"\n        />\n      ) : null}\n    </>\n  );\n}\n"],"mappings":";;;;;;AAUA,IAAa,IAWT;CACF,eAAe;EACb,SAAS;EACT,aAAa;EACb,MAAM;CACR;CAIA,+BAA+B;EAC7B,SAAS;EACT,aAAa;EACb,WAAW;EACX,MAAM;EACN,iBAAiB;CACnB;AACF;AAEA,SAAgB,EAAU,EAAE,YAAyC;CACnE,IAAM,EAAE,SAAM,EAAe,WAAW,GAClC,IAAW,EAAiB,EAAM,MAClC,IAAc,EAClB,GACA,EAAM,KACN,EAAM,WACR;CAEA,OACE,kBAAA,GAAA,EAAA,UAAA,CACG,KAAe,CAAC,GAAU,kBACzB,kBAAC,EAAW,WAAZ;EAAsB,WAAU;YAC7B;CACmB,CAAA,IACpB,MACH,IACC,kBAAC,GAAD;EACE,QAAQ,aAAa,EAAM;EAC3B,MAAM,EAAE,EAAS,OAAO;EACxB,UAAU,EAAE,EAAS,WAAW;EAChC,MAAM,EAAS;EACf,QAAQ,EAAS,YAAY,IAAI,EAAE,EAAS,SAAS,MAAM,KAAA;EAC3D,MAAK;EACL,WAAU;CACX,CAAA,IACC,IACJ,EAAA,CAAA;AAEN"}

package/dist/components/features/settings/sdk-settings/sdk-section-page.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("../../../../node_modules/axios/index.cjs"),i=require("../../../../utils/retrieve-axios-error-message.cjs"),a=require("../../../../utils/custom-toast-handlers.cjs"),ee=require("../../../../hooks/query/use-settings.cjs"),te=require("../brand-button.cjs"),ne=require("../../../../utils/extension-module-card-classes.cjs"),re=require("../../../../hooks/mutation/use-save-settings.cjs"),o=require("../../../../hooks/query/use-agent-settings-schema.cjs"),s=require("../llm-settings/llm-settings-inputs-skeleton.cjs"),c=require("../../../../utils/sdk-settings-schema.cjs"),l=require("./schema-field.cjs"),ie=require("./view-toggle.cjs");let u=require("react");u=e.__toESM(u,1);let d=require("react/jsx-runtime");var ae=new Set,f={basic:0,advanced:1,all:2},oe=(e,t)=>f[t]<f[e]?t:e,se=(e,t)=>f[t]>f[e]?t:e,p=(e,{showBasic:t,showAdvanced:n,showAll:r})=>{if(e===`all`)return r?`all`:n?`advanced`:`basic`;if(e===`advanced`)return n?`advanced`:r?`all`:`basic`;if(!t){if(n)return`advanced`;if(r)return`all`}return`basic`},m={agent_settings:`agent_settings_diff`,conversation_settings:`conversation_settings_diff`},ce=(e,t)=>e instanceof r.AxiosError?e.response?.status===401?`${t} This agent server requires X-Session-API-Key. Set VITE_SESSION_API_KEY in the frontend to the same value used by the backend SESSION_API_KEY or OH_SESSION_API_KEYS_0.`:e.response?.status===404?`${t} This backend does not expose /api/settings/* schema endpoints. Upgrade to a recent openhands-agent-server release.`:t:t;function h({settingsSources:e,scope:r=`personal`,header:f,extraDirty:h=!1,buildPayload:g,onSaveSuccess:le,getInitialView:_,forceShowAdvancedView:ue=!1,allowAllView:de=!0,initialValueOverrides:v,embedded:fe=!1,hideSaveButton:pe=!1,suppressSuccessToast:me=!1,onSaveControlChange:y,testId:b=`sdk-section-settings-screen`}){let{t:x}=t.useTranslation(`openhands`),{mutate:he,isPending:S}=re.useSaveSettings(r),{data:C,isLoading:ge,isFetching:_e}=ee.useSettings(r),w=o.useAgentSettingsSchema(C?.agent_settings_schema),T=o.useConversationSettingsSchema(C?.conversation_settings_schema),E=u.default.useMemo(()=>JSON.stringify(e.map(e=>({source:e.settingsSource,sectionKeys:e.sectionKeys,excludeKeys:e.excludeKeys?Array.from(e.excludeKeys).sort():null}))),[e]),D=u.default.useMemo(()=>JSON.parse(E).map(e=>({settingsSource:e.source,sectionKeys:e.sectionKeys,excludeKeys:e.excludeKeys?new Set(e.excludeKeys):void 0})),[E]),O=u.default.useCallback(e=>e===`conversation_settings`?T.data:w.data,[w.data,T.data]),ve=D.some(e=>e.settingsSource===`conversation_settings`?T.isLoading:w.isLoading),k=u.default.useMemo(()=>D.map(e=>{let t=O(e.settingsSource);if(!c.isValidSettingsSchema(t))return{...e,filteredSchema:null};let n=new Set(e.sectionKeys),r=new Set,i={...t,sections:t.sections.filter(e=>!n.has(e.key)||r.has(e.key)?!1:(r.add(e.key),!0))};return{...e,filteredSchema:i}}),[D,O]),A=k.some(e=>c.hasCriticalSettings(e.filteredSchema)),j=ue||k.some(e=>c.hasAdvancedSettings(e.filteredSchema)),M=de&&k.some(e=>c.hasMinorSettings(e.filteredSchema)),N=u.default.useMemo(()=>ce(D.reduce((e,t)=>e??(t.settingsSource===`conversation_settings`?T.error:w.error),null),x(n.I18nKey.SETTINGS$SDK_SCHEMA_UNAVAILABLE)),[D,w.error,T.error,x]),P=u.default.useMemo(()=>v?JSON.stringify(v):``,[v]),[F,I]=u.default.useState(`basic`),[L,R]=u.default.useState({}),[z,B]=u.default.useState({}),V=u.default.useRef(!1),H=u.default.useMemo(()=>{if(!C)return null;let e={};for(let t of k){if(!t.filteredSchema)return null;e[t.settingsSource]={...e[t.settingsSource]??{},...c.buildInitialSettingsFormValues(C,t.filteredSchema,t.settingsSource)}}if(v){let t=k[0]?.settingsSource;t&&e[t]&&(e[t]={...e[t],...v})}return e},[C,k,P]),U=u.default.useMemo(()=>{if(!C)return null;let e=null;for(let t of k){if(!t.filteredSchema)return null;let n=_?_(C,t.filteredSchema):c.inferInitialView(C,t.filteredSchema,t.settingsSource);e=e?se(e,n):n}return e?p(e,{showBasic:A,showAdvanced:j,showAll:M}):null},[C,k,_,A,j,M]);u.default.useEffect(()=>{V.current=!1,I(`basic`),R({}),B({})},[r,E]),u.default.useEffect(()=>{if(!(!H||!U)){if(R(H),v){let e=k[0]?.settingsSource;if(e){let t=Object.fromEntries(Object.keys(v).map(e=>[e,!0]));B({[e]:t})}else B({})}else B({});V.current?I(e=>oe(e,U)):(V.current=!0,I(U))}},[H,U]);let W=u.default.useMemo(()=>{let e=new Map;for(let t of k)if(t.filteredSchema)for(let n of t.filteredSchema.sections)for(let r of n.fields)e.has(r.key)||e.set(r.key,t.settingsSource);return e},[k]),G=u.default.useMemo(()=>{let e={};for(let t of k)Object.assign(e,L[t.settingsSource]??{});return e},[k,L]),K=u.default.useMemo(()=>{let e={};for(let t of k)Object.assign(e,z[t.settingsSource]??{});return e},[k,z]),q=u.default.useCallback((e,t)=>{let n=W.get(e);n&&(R(r=>({...r,[n]:{...r[n]??{},[e]:t}})),B(t=>({...t,[n]:{...t[n]??{},[e]:!0}})))},[W]),ye=u.default.useCallback(e=>{a.displayErrorToast(i.retrieveAxiosErrorMessage(e)||x(n.I18nKey.ERROR$GENERIC))},[x]),J=u.default.useRef(()=>{}),Y=u.default.useCallback(()=>{J.current()},[]),X=u.default.useRef(()=>({})),be=u.default.useCallback(()=>X.current(),[]),Z=()=>{if(k.some(e=>!e.filteredSchema))return;let e;try{let t={};for(let e of k){let n=e.filteredSchema,r=c.buildSdkSettingsPayloadForView(n,L[e.settingsSource]??{},z[e.settingsSource]??{},F);if(Object.keys(r).length>0){let n=m[e.settingsSource];t[n]={...t[n]??{},...r}}}e=g?g(t,{values:G,dirty:K,view:F}):t}catch(e){a.displayErrorToast(e instanceof Error?e.message:x(n.I18nKey.ERROR$GENERIC));return}Object.keys(e).length!==0&&he(e,{onError:ye,onSuccess:()=>{me||a.displaySuccessToast(x(n.I18nKey.SETTINGS$SAVED_WARNING)),B({}),le?.()}})};J.current=Z,X.current=()=>{let e={};for(let t of k){if(!t.filteredSchema)continue;let n=L[t.settingsSource]??{},r=z[t.settingsSource]??{};Object.assign(e,c.buildSdkSettingsPayload(t.filteredSchema,n,r))}return e};let Q=Object.keys(K).length>0,$=Q||h;return u.default.useEffect(()=>{y&&y({save:Y,isSaving:S,isDirty:$,values:G,view:F,getDirtyPayload:be})},[S,$,G,F]),(ge||_e)&&!C||ve?(0,d.jsx)(s.LlmSettingsInputsSkeleton,{}):k.some(e=>e.filteredSchema&&e.filteredSchema.sections.length>0)?Object.keys(G).length===0?(0,d.jsx)(s.LlmSettingsInputsSkeleton,{}):(0,d.jsxs)(`div`,{"data-testid":b,className:fe?`relative flex min-h-0 w-full flex-1 flex-col`:`relative w-full min-h-0`,children:[(0,d.jsx)(ie.ViewToggle,{view:F,setView:I,showBasic:A,showAdvanced:j,showAll:M,isDisabled:!1}),(0,d.jsxs)(`div`,{className:`flex flex-col gap-8`,children:[f?.({values:G,isDisabled:!1,view:F,onChange:q}),k.map(e=>{if(!e.filteredSchema)return null;let t=L[e.settingsSource]??{};return c.getVisibleSettingsSections(e.filteredSchema,{...G,...t},F,e.excludeKeys??ae).map(n=>(0,d.jsx)(`section`,{className:`flex flex-col gap-4`,children:(0,d.jsx)(`div`,{className:`grid gap-4 xl:grid-cols-2`,children:n.fields.map(e=>(0,d.jsx)(`div`,{className:l.FIELD_FULL_WIDTH_KEYS.has(e.key)?`xl:col-span-2`:void 0,children:(0,d.jsx)(l.SchemaField,{field:e,value:t[e.key],isDisabled:!1,onChange:t=>q(e.key,t)})},e.key))})},`${e.settingsSource}:${n.key}`))}),pe?null:(0,d.jsx)(`div`,{className:`flex justify-start pt-2`,children:(0,d.jsx)(te.BrandButton,{testId:`save-button`,type:`button`,variant:`primary`,isDisabled:S||!Q&&!h,onClick:Z,children:x(S?n.I18nKey.SETTINGS$SAVING:n.I18nKey.SETTINGS$SAVE_CHANGES)})})]})]}):(0,d.jsx)(`div`,{"data-testid":`sdk-schema-unavailable`,className:ne.extensionModuleEmptyStateClassName,children:(0,d.jsx)(`p`,{className:`text-sm text-[var(--oh-muted)]`,children:N})})}exports.SdkSectionPage=h;
+const e=require("../../../../_virtual/_rolldown/runtime.cjs"),t=require("../../../../node_modules/react-i18next/dist/es/useTranslation.cjs"),n=require("../../../../i18n/declaration.cjs"),r=require("../../../../node_modules/axios/index.cjs"),i=require("../../../../utils/retrieve-axios-error-message.cjs"),a=require("../../../../utils/custom-toast-handlers.cjs"),ee=require("../../../../hooks/query/use-settings.cjs"),te=require("../../../../hooks/mutation/use-save-settings.cjs"),ne=require("../brand-button.cjs"),re=require("../../../../utils/extension-module-card-classes.cjs"),o=require("../../../../hooks/query/use-agent-settings-schema.cjs"),s=require("../llm-settings/llm-settings-inputs-skeleton.cjs"),c=require("../../../../utils/sdk-settings-schema.cjs"),l=require("./schema-field.cjs"),ie=require("./view-toggle.cjs");let u=require("react");u=e.__toESM(u,1);let d=require("react/jsx-runtime");var ae=new Set,f={basic:0,advanced:1,all:2},oe=(e,t)=>f[t]<f[e]?t:e,se=(e,t)=>f[t]>f[e]?t:e,p=(e,{showBasic:t,showAdvanced:n,showAll:r})=>{if(e===`all`)return r?`all`:n?`advanced`:`basic`;if(e===`advanced`)return n?`advanced`:r?`all`:`basic`;if(!t){if(n)return`advanced`;if(r)return`all`}return`basic`},m={agent_settings:`agent_settings_diff`,conversation_settings:`conversation_settings_diff`},ce=(e,t)=>e instanceof r.AxiosError?e.response?.status===401?`${t} This agent server requires X-Session-API-Key. Set VITE_SESSION_API_KEY in the frontend to the same value used by the backend SESSION_API_KEY or OH_SESSION_API_KEYS_0.`:e.response?.status===404?`${t} This backend does not expose /api/settings/* schema endpoints. Upgrade to a recent openhands-agent-server release.`:t:t;function h({settingsSources:e,scope:r=`personal`,header:f,extraDirty:h=!1,buildPayload:g,onSaveSuccess:le,getInitialView:_,forceShowAdvancedView:ue=!1,allowAllView:de=!0,initialValueOverrides:v,embedded:fe=!1,hideSaveButton:pe=!1,suppressSuccessToast:me=!1,onSaveControlChange:y,testId:b=`sdk-section-settings-screen`}){let{t:x}=t.useTranslation(`openhands`),{mutate:he,isPending:S}=te.useSaveSettings(r),{data:C,isLoading:ge,isFetching:_e}=ee.useSettings(r),w=o.useAgentSettingsSchema(C?.agent_settings_schema),T=o.useConversationSettingsSchema(C?.conversation_settings_schema),E=u.default.useMemo(()=>JSON.stringify(e.map(e=>({source:e.settingsSource,sectionKeys:e.sectionKeys,excludeKeys:e.excludeKeys?Array.from(e.excludeKeys).sort():null}))),[e]),D=u.default.useMemo(()=>JSON.parse(E).map(e=>({settingsSource:e.source,sectionKeys:e.sectionKeys,excludeKeys:e.excludeKeys?new Set(e.excludeKeys):void 0})),[E]),O=u.default.useCallback(e=>e===`conversation_settings`?T.data:w.data,[w.data,T.data]),ve=D.some(e=>e.settingsSource===`conversation_settings`?T.isLoading:w.isLoading),k=u.default.useMemo(()=>D.map(e=>{let t=O(e.settingsSource);if(!c.isValidSettingsSchema(t))return{...e,filteredSchema:null};let n=new Set(e.sectionKeys),r=new Set,i={...t,sections:t.sections.filter(e=>!n.has(e.key)||r.has(e.key)?!1:(r.add(e.key),!0))};return{...e,filteredSchema:i}}),[D,O]),A=k.some(e=>c.hasCriticalSettings(e.filteredSchema)),j=ue||k.some(e=>c.hasAdvancedSettings(e.filteredSchema)),M=de&&k.some(e=>c.hasMinorSettings(e.filteredSchema)),N=u.default.useMemo(()=>ce(D.reduce((e,t)=>e??(t.settingsSource===`conversation_settings`?T.error:w.error),null),x(n.I18nKey.SETTINGS$SDK_SCHEMA_UNAVAILABLE)),[D,w.error,T.error,x]),P=u.default.useMemo(()=>v?JSON.stringify(v):``,[v]),[F,I]=u.default.useState(`basic`),[L,R]=u.default.useState({}),[z,B]=u.default.useState({}),V=u.default.useRef(!1),H=u.default.useMemo(()=>{if(!C)return null;let e={};for(let t of k){if(!t.filteredSchema)return null;e[t.settingsSource]={...e[t.settingsSource]??{},...c.buildInitialSettingsFormValues(C,t.filteredSchema,t.settingsSource)}}if(v){let t=k[0]?.settingsSource;t&&e[t]&&(e[t]={...e[t],...v})}return e},[C,k,P]),U=u.default.useMemo(()=>{if(!C)return null;let e=null;for(let t of k){if(!t.filteredSchema)return null;let n=_?_(C,t.filteredSchema):c.inferInitialView(C,t.filteredSchema,t.settingsSource);e=e?se(e,n):n}return e?p(e,{showBasic:A,showAdvanced:j,showAll:M}):null},[C,k,_,A,j,M]);u.default.useEffect(()=>{V.current=!1,I(`basic`),R({}),B({})},[r,E]),u.default.useEffect(()=>{if(!(!H||!U)){if(R(H),v){let e=k[0]?.settingsSource;if(e){let t=Object.fromEntries(Object.keys(v).map(e=>[e,!0]));B({[e]:t})}else B({})}else B({});V.current?I(e=>oe(e,U)):(V.current=!0,I(U))}},[H,U]);let W=u.default.useMemo(()=>{let e=new Map;for(let t of k)if(t.filteredSchema)for(let n of t.filteredSchema.sections)for(let r of n.fields)e.has(r.key)||e.set(r.key,t.settingsSource);return e},[k]),G=u.default.useMemo(()=>{let e={};for(let t of k)Object.assign(e,L[t.settingsSource]??{});return e},[k,L]),K=u.default.useMemo(()=>{let e={};for(let t of k)Object.assign(e,z[t.settingsSource]??{});return e},[k,z]),q=u.default.useCallback((e,t)=>{let n=W.get(e);n&&(R(r=>({...r,[n]:{...r[n]??{},[e]:t}})),B(t=>({...t,[n]:{...t[n]??{},[e]:!0}})))},[W]),ye=u.default.useCallback(e=>{a.displayErrorToast(i.retrieveAxiosErrorMessage(e)||x(n.I18nKey.ERROR$GENERIC))},[x]),J=u.default.useRef(()=>{}),Y=u.default.useCallback(()=>{J.current()},[]),X=u.default.useRef(()=>({})),be=u.default.useCallback(()=>X.current(),[]),Z=()=>{if(k.some(e=>!e.filteredSchema))return;let e;try{let t={};for(let e of k){let n=e.filteredSchema,r=c.buildSdkSettingsPayloadForView(n,L[e.settingsSource]??{},z[e.settingsSource]??{},F);if(Object.keys(r).length>0){let n=m[e.settingsSource];t[n]={...t[n]??{},...r}}}e=g?g(t,{values:G,dirty:K,view:F}):t}catch(e){a.displayErrorToast(e instanceof Error?e.message:x(n.I18nKey.ERROR$GENERIC));return}Object.keys(e).length!==0&&he(e,{onError:ye,onSuccess:()=>{me||a.displaySuccessToast(x(n.I18nKey.SETTINGS$SAVED_WARNING)),B({}),le?.()}})};J.current=Z,X.current=()=>{let e={};for(let t of k){if(!t.filteredSchema)continue;let n=L[t.settingsSource]??{},r=z[t.settingsSource]??{};Object.assign(e,c.buildSdkSettingsPayload(t.filteredSchema,n,r))}return e};let Q=Object.keys(K).length>0,$=Q||h;return u.default.useEffect(()=>{y&&y({save:Y,isSaving:S,isDirty:$,values:G,view:F,getDirtyPayload:be})},[S,$,G,F]),(ge||_e)&&!C||ve?(0,d.jsx)(s.LlmSettingsInputsSkeleton,{}):k.some(e=>e.filteredSchema&&e.filteredSchema.sections.length>0)?Object.keys(G).length===0?(0,d.jsx)(s.LlmSettingsInputsSkeleton,{}):(0,d.jsxs)(`div`,{"data-testid":b,className:fe?`relative flex min-h-0 w-full flex-1 flex-col`:`relative w-full min-h-0`,children:[(0,d.jsx)(ie.ViewToggle,{view:F,setView:I,showBasic:A,showAdvanced:j,showAll:M,isDisabled:!1}),(0,d.jsxs)(`div`,{className:`flex flex-col gap-8`,children:[f?.({values:G,isDisabled:!1,view:F,onChange:q}),k.map(e=>{if(!e.filteredSchema)return null;let t=L[e.settingsSource]??{};return c.getVisibleSettingsSections(e.filteredSchema,{...G,...t},F,e.excludeKeys??ae).map(n=>(0,d.jsx)(`section`,{className:`flex flex-col gap-4`,children:(0,d.jsx)(`div`,{className:`grid gap-4 xl:grid-cols-2`,children:n.fields.map(e=>(0,d.jsx)(`div`,{className:l.FIELD_FULL_WIDTH_KEYS.has(e.key)?`xl:col-span-2`:void 0,children:(0,d.jsx)(l.SchemaField,{field:e,value:t[e.key],isDisabled:!1,onChange:t=>q(e.key,t)})},e.key))})},`${e.settingsSource}:${n.key}`))}),pe?null:(0,d.jsx)(`div`,{className:`flex justify-start pt-2`,children:(0,d.jsx)(ne.BrandButton,{testId:`save-button`,type:`button`,variant:`primary`,isDisabled:S||!Q&&!h,onClick:Z,children:x(S?n.I18nKey.SETTINGS$SAVING:n.I18nKey.SETTINGS$SAVE_CHANGES)})})]})]}):(0,d.jsx)(`div`,{"data-testid":`sdk-schema-unavailable`,className:re.extensionModuleEmptyStateClassName,children:(0,d.jsx)(`p`,{className:`text-sm text-[var(--oh-muted)]`,children:N})})}exports.SdkSectionPage=h;
 //# sourceMappingURL=sdk-section-page.cjs.map

package/dist/components/features/settings/sdk-settings/sdk-section-page.js

@@ -4,9 +4,9 @@ import { AxiosError as n } from "../../../../node_modules/axios/index.js";
 import { retrieveAxiosErrorMessage as r } from "../../../../utils/retrieve-axios-error-message.js";
 import { displayErrorToast as i, displaySuccessToast as ee } from "../../../../utils/custom-toast-handlers.js";
 import { useSettings as te } from "../../../../hooks/query/use-settings.js";
-import { BrandButton as ne } from "../brand-button.js";
-import { extensionModuleEmptyStateClassName as re } from "../../../../utils/extension-module-card-classes.js";
-import { useSaveSettings as a } from "../../../../hooks/mutation/use-save-settings.js";
+import { useSaveSettings as ne } from "../../../../hooks/mutation/use-save-settings.js";
+import { BrandButton as re } from "../brand-button.js";
+import { extensionModuleEmptyStateClassName as a } from "../../../../utils/extension-module-card-classes.js";
 import { useAgentSettingsSchema as o, useConversationSettingsSchema as s } from "../../../../hooks/query/use-agent-settings-schema.js";
 import { LlmSettingsInputsSkeleton as c } from "../llm-settings/llm-settings-inputs-skeleton.js";
 import { buildInitialSettingsFormValues as ie, buildSdkSettingsPayload as ae, buildSdkSettingsPayloadForView as oe, getVisibleSettingsSections as se, hasAdvancedSettings as ce, hasCriticalSettings as le, hasMinorSettings as ue, inferInitialView as de, isValidSettingsSchema as fe } from "../../../../utils/sdk-settings-schema.js";
@@ -32,7 +32,7 @@ var ge = /* @__PURE__ */ new Set(), f = {
 	conversation_settings: "conversation_settings_diff"
 }, be = (e, t) => e instanceof n ? e.response?.status === 401 ? `${t} This agent server requires X-Session-API-Key. Set VITE_SESSION_API_KEY in the frontend to the same value used by the backend SESSION_API_KEY or OH_SESSION_API_KEYS_0.` : e.response?.status === 404 ? `${t} This backend does not expose /api/settings/* schema endpoints. Upgrade to a recent openhands-agent-server release.` : t : t;
 function m({ settingsSources: n, scope: f = "personal", header: m, extraDirty: h = !1, buildPayload: g, onSaveSuccess: xe, getInitialView: _, forceShowAdvancedView: Se = !1, allowAllView: Ce = !0, initialValueOverrides: v, embedded: we = !1, hideSaveButton: Te = !1, suppressSuccessToast: Ee = !1, onSaveControlChange: y, testId: De = "sdk-section-settings-screen" }) {
-	let { t: b } = e("openhands"), { mutate: x, isPending: S } = a(f), { data: C, isLoading: w, isFetching: T } = te(f), E = o(C?.agent_settings_schema), D = s(C?.conversation_settings_schema), O = l.useMemo(() => JSON.stringify(n.map((e) => ({
+	let { t: b } = e("openhands"), { mutate: x, isPending: S } = ne(f), { data: C, isLoading: w, isFetching: T } = te(f), E = o(C?.agent_settings_schema), D = s(C?.conversation_settings_schema), O = l.useMemo(() => JSON.stringify(n.map((e) => ({
 		source: e.settingsSource,
 		sectionKeys: e.sectionKeys,
 		excludeKeys: e.excludeKeys ? Array.from(e.excludeKeys).sort() : null
@@ -245,7 +245,7 @@ function m({ settingsSources: n, scope: f = "personal", header: m, extraDirty: h
 				}),
 				Te ? null : /* @__PURE__ */ u("div", {
 					className: "flex justify-start pt-2",
-					children: /* @__PURE__ */ u(ne, {
+					children: /* @__PURE__ */ u(re, {
 						testId: "save-button",
 						type: "button",
 						variant: "primary",
@@ -258,7 +258,7 @@ function m({ settingsSources: n, scope: f = "personal", header: m, extraDirty: h
 		})]
 	}) : /* @__PURE__ */ u("div", {
 		"data-testid": "sdk-schema-unavailable",
-		className: re,
+		className: a,
 		children: /* @__PURE__ */ u("p", {
 			className: "text-sm text-[var(--oh-muted)]",
 			children: Oe

package/dist/components/features/settings/sdk-settings/sdk-section-page.js.map

@@ -1 +1 @@
-{"version":3,"file":"sdk-section-page.js","names":[],"sources":["../../../../../src/components/features/settings/sdk-settings/sdk-section-page.tsx"],"sourcesContent":["import React from \"react\";\nimport { AxiosError } from \"axios\";\nimport { useTranslation } from \"react-i18next\";\nimport { BrandButton } from \"#/components/features/settings/brand-button\";\nimport { LlmSettingsInputsSkeleton } from \"#/components/features/settings/llm-settings/llm-settings-inputs-skeleton\";\nimport { useSaveSettings } from \"#/hooks/mutation/use-save-settings\";\nimport {\n  useAgentSettingsSchema,\n  useConversationSettingsSchema,\n} from \"#/hooks/query/use-agent-settings-schema\";\nimport { useSettings } from \"#/hooks/query/use-settings\";\nimport { I18nKey } from \"#/i18n/declaration\";\nimport { Settings, SettingsSchema, SettingsScope } from \"#/types/settings\";\nimport { extensionModuleEmptyStateClassName } from \"#/utils/extension-module-card-classes\";\nimport {\n  displayErrorToast,\n  displaySuccessToast,\n} from \"#/utils/custom-toast-handlers\";\nimport { retrieveAxiosErrorMessage } from \"#/utils/retrieve-axios-error-message\";\nimport {\n  buildInitialSettingsFormValues,\n  buildSdkSettingsPayload,\n  buildSdkSettingsPayloadForView,\n  getVisibleSettingsSections,\n  hasAdvancedSettings,\n  hasCriticalSettings,\n  hasMinorSettings,\n  inferInitialView,\n  isValidSettingsSchema,\n  SettingsDirtyState,\n  SettingsFormValues,\n  type SettingsValueSource,\n  type SettingsView,\n} from \"#/utils/sdk-settings-schema\";\nimport { FIELD_FULL_WIDTH_KEYS, SchemaField } from \"./schema-field\";\nimport { ViewToggle } from \"./view-toggle\";\n\nconst EMPTY_EXCLUDE_KEYS = new Set<string>();\n\nconst VIEW_ORDER: Record<SettingsView, number> = {\n  basic: 0,\n  advanced: 1,\n  all: 2,\n};\n\nconst getLessDetailedView = (\n  currentView: SettingsView,\n  nextView: SettingsView,\n): SettingsView =>\n  VIEW_ORDER[nextView] < VIEW_ORDER[currentView] ? nextView : currentView;\n\nconst getMoreDetailedView = (\n  currentView: SettingsView,\n  nextView: SettingsView,\n): SettingsView =>\n  VIEW_ORDER[nextView] > VIEW_ORDER[currentView] ? nextView : currentView;\n\nconst normalizeView = (\n  view: SettingsView,\n  {\n    showBasic,\n    showAdvanced,\n    showAll,\n  }: {\n    showBasic: boolean;\n    showAdvanced: boolean;\n    showAll: boolean;\n  },\n): SettingsView => {\n  if (view === \"all\") {\n    if (showAll) {\n      return \"all\";\n    }\n\n    return showAdvanced ? \"advanced\" : \"basic\";\n  }\n\n  if (view === \"advanced\") {\n    if (showAdvanced) {\n      return \"advanced\";\n    }\n\n    return showAll ? \"all\" : \"basic\";\n  }\n\n  // A critical-less page has nothing to render in the basic tier; bump up.\n  if (!showBasic) {\n    if (showAdvanced) return \"advanced\";\n    if (showAll) return \"all\";\n  }\n  return \"basic\";\n};\n\nconst PAYLOAD_DIFF_KEY: Record<SettingsValueSource, string> = {\n  agent_settings: \"agent_settings_diff\",\n  conversation_settings: \"conversation_settings_diff\",\n};\n\nconst getSchemaUnavailableMessage = (\n  error: unknown,\n  fallbackMessage: string,\n): string => {\n  if (!(error instanceof AxiosError)) {\n    return fallbackMessage;\n  }\n\n  if (error.response?.status === 401) {\n    return `${fallbackMessage} This agent server requires X-Session-API-Key. Set VITE_SESSION_API_KEY in the frontend to the same value used by the backend SESSION_API_KEY or OH_SESSION_API_KEYS_0.`;\n  }\n\n  if (error.response?.status === 404) {\n    return `${fallbackMessage} This backend does not expose /api/settings/* schema endpoints. Upgrade to a recent openhands-agent-server release.`;\n  }\n\n  return fallbackMessage;\n};\n\nexport interface SettingsSourceConfig {\n  /** Which schema/values bucket on `settings` this source pulls from. */\n  settingsSource: SettingsValueSource;\n  /** Section keys (e.g. [\"llm\"]) within that schema to render. */\n  sectionKeys: string[];\n  /** Field keys to skip (rendered elsewhere by the caller). */\n  excludeKeys?: Set<string>;\n}\n\nexport interface SdkSectionHeaderProps {\n  values: SettingsFormValues;\n  isDisabled: boolean;\n  view: SettingsView;\n  onChange: (key: string, value: string | boolean) => void;\n}\n\ninterface ResolvedSource extends SettingsSourceConfig {\n  filteredSchema: SettingsSchema | null;\n}\n\n/**\n * Snapshot of the page's save state, surfaced to the parent so it can\n * render its own Save/Next button (e.g. in onboarding) when\n * {@link SdkSectionPage}'s built-in button is hidden via\n * `hideSaveButton`.\n */\nexport interface SdkSectionSaveControl {\n  /** Trigger a save of the currently-dirty fields. No-op while `isSaving` or `!isDirty`. */\n  save: () => void;\n  /** A save mutation is in flight. */\n  isSaving: boolean;\n  /** At least one field is dirty (or `extraDirty` was passed in). */\n  isDirty: boolean;\n  /** Current form values (for custom save flows). */\n  values: SettingsFormValues;\n  /** The active view tier (basic/advanced/all) the form is rendering. */\n  view: SettingsView;\n  /**\n   * Returns the coerced, dirty-only payload as a nested object\n   * (e.g. `{ llm: { temperature: 0.7 } }`). Lets a custom save flow persist\n   * exactly the fields the user changed, with proper types, without\n   * re-implementing schema-driven coercion. Throws if a field fails coercion.\n   */\n  getDirtyPayload: () => Record<string, unknown>;\n}\n\n/**\n * A generic SDK-schema-driven settings page that renders fields from one or\n * more schema sections.\n *\n * The `settingsSources` array specifies which schema(s)/section(s) the page\n * owns. The page tracks values/dirty state per source, renders sections from\n * each source in order (filtered by the schema's `prominence` field for the\n * selected view), and emits a combined save payload like\n * `{ conversation_settings_diff: {...}, agent_settings_diff: {...} }` ---\n * including only the keys for sources that actually have dirty changes.\n *\n * @param settingsSources  one or more schemas to render fields from\n * @param header           render prop above the fields (receives unified state)\n * @param buildPayload     customize the save payload before submission\n * @param testId           data-testid on the page wrapper\n */\nexport function SdkSectionPage({\n  settingsSources,\n  scope = \"personal\",\n  header,\n  extraDirty = false,\n  buildPayload,\n  onSaveSuccess,\n  getInitialView,\n  forceShowAdvancedView = false,\n  allowAllView = true,\n  initialValueOverrides,\n  embedded = false,\n  hideSaveButton = false,\n  suppressSuccessToast = false,\n  onSaveControlChange,\n  testId = \"sdk-section-settings-screen\",\n}: {\n  settingsSources: SettingsSourceConfig[];\n  scope?: SettingsScope;\n\n  header?: (props: SdkSectionHeaderProps) => React.ReactNode;\n  extraDirty?: boolean;\n  /**\n   * Customize the save payload. Receives the wrapped default payload (e.g.\n   * `{ agent_settings_diff: { llm: { model: \"gpt-4\" } } }`) plus the unified\n   * form context. Return the payload to actually send.\n   */\n  buildPayload?: (\n    defaultPayload: Record<string, unknown>,\n    context: {\n      values: SettingsFormValues;\n      dirty: SettingsDirtyState;\n      view: SettingsView;\n    },\n  ) => Record<string, unknown>;\n  onSaveSuccess?: () => void;\n  getInitialView?: (\n    settings: Settings,\n    filteredSchema: SettingsSchema,\n  ) => SettingsView;\n  forceShowAdvancedView?: boolean;\n  allowAllView?: boolean;\n  /**\n   * Per-field initial value overrides that win over the values\n   * derived from `useSettings`. The keys of each override are also\n   * marked dirty on hydration so the user can save the form without\n   * having to touch the prefilled fields. Useful when the page is\n   * embedded in a flow that wants to nudge brand-new users toward a\n   * particular default (e.g. onboarding pre-filling OpenHands/Opus).\n   */\n  initialValueOverrides?: SettingsFormValues;\n  embedded?: boolean;\n  hideSaveButton?: boolean;\n  /** Suppress the default success toast after save completes. */\n  suppressSuccessToast?: boolean;\n  /**\n   * Fires whenever the save state changes (a mutation starts/finishes,\n   * dirty status flips). Provides a stable `save()` callback the\n   * parent can wire to its own button. Useful when the form is\n   * embedded in a custom flow and the built-in Save button is hidden.\n   */\n  onSaveControlChange?: (control: SdkSectionSaveControl) => void;\n  testId?: string;\n}) {\n  const { t } = useTranslation(\"openhands\");\n  const { mutate: saveSettings, isPending } = useSaveSettings(scope);\n  const { data: settings, isLoading, isFetching } = useSettings(scope);\n  const agentSchemaQuery = useAgentSettingsSchema(\n    settings?.agent_settings_schema,\n  );\n  const conversationSchemaQuery = useConversationSettingsSchema(\n    settings?.conversation_settings_schema,\n  );\n  const isReadOnly = false;\n\n  const sourcesSignature = React.useMemo(\n    () =>\n      JSON.stringify(\n        settingsSources.map((s) => ({\n          source: s.settingsSource,\n          sectionKeys: s.sectionKeys,\n          excludeKeys: s.excludeKeys ? Array.from(s.excludeKeys).sort() : null,\n        })),\n      ),\n    [settingsSources],\n  );\n\n  const resolvedSourceConfigs = React.useMemo<SettingsSourceConfig[]>(() => {\n    const parsed = JSON.parse(sourcesSignature) as Array<{\n      source: SettingsValueSource;\n      sectionKeys: string[];\n      excludeKeys: string[] | null;\n    }>;\n    return parsed.map((p) => ({\n      settingsSource: p.source,\n      sectionKeys: p.sectionKeys,\n      excludeKeys: p.excludeKeys ? new Set(p.excludeKeys) : undefined,\n    }));\n  }, [sourcesSignature]);\n\n  const getSchemaForSource = React.useCallback(\n    (source: SettingsValueSource) =>\n      source === \"conversation_settings\"\n        ? conversationSchemaQuery.data\n        : agentSchemaQuery.data,\n    [agentSchemaQuery.data, conversationSchemaQuery.data],\n  );\n\n  const isSchemaLoading = resolvedSourceConfigs.some((src) =>\n    src.settingsSource === \"conversation_settings\"\n      ? conversationSchemaQuery.isLoading\n      : agentSchemaQuery.isLoading,\n  );\n\n  const resolvedSources = React.useMemo<ResolvedSource[]>(\n    () =>\n      resolvedSourceConfigs.map((src) => {\n        const schema = getSchemaForSource(src.settingsSource);\n        if (!isValidSettingsSchema(schema)) {\n          return { ...src, filteredSchema: null };\n        }\n        const sectionSet = new Set(src.sectionKeys);\n        // The agent schema can carry more than one section per key — e.g. the\n        // combined AgentSettings schema emits an \"llm\" section for both the\n        // \"openhands\" and \"acp\" variants. Only the first (openhands) is used,\n        // so keep the first section per key; otherwise every field renders\n        // twice and React sees duplicate section keys.\n        const seenKeys = new Set<string>();\n        const filteredSchema: SettingsSchema = {\n          ...schema,\n          sections: schema.sections.filter((s) => {\n            if (!sectionSet.has(s.key) || seenKeys.has(s.key)) return false;\n            seenKeys.add(s.key);\n            return true;\n          }),\n        };\n        return { ...src, filteredSchema };\n      }),\n    [resolvedSourceConfigs, getSchemaForSource],\n  );\n\n  // The basic tier only exists when some field renders in it; a critical-less\n  // page (e.g. Memory, whose only field is major) hides the Basic tab and\n  // floors its view at \"advanced\".\n  const showBasic = resolvedSources.some((src) =>\n    hasCriticalSettings(src.filteredSchema),\n  );\n  const showAdvanced =\n    forceShowAdvancedView ||\n    resolvedSources.some((src) => hasAdvancedSettings(src.filteredSchema));\n  const showAll =\n    allowAllView &&\n    resolvedSources.some((src) => hasMinorSettings(src.filteredSchema));\n\n  const schemaUnavailableMessage = React.useMemo(() => {\n    const firstError = resolvedSourceConfigs.reduce<unknown>(\n      (err, src) =>\n        err ??\n        (src.settingsSource === \"conversation_settings\"\n          ? conversationSchemaQuery.error\n          : agentSchemaQuery.error),\n      null,\n    );\n    return getSchemaUnavailableMessage(\n      firstError,\n      t(I18nKey.SETTINGS$SDK_SCHEMA_UNAVAILABLE),\n    );\n  }, [\n    resolvedSourceConfigs,\n    agentSchemaQuery.error,\n    conversationSchemaQuery.error,\n    t,\n  ]);\n\n  const overridesSignature = React.useMemo(\n    () => (initialValueOverrides ? JSON.stringify(initialValueOverrides) : \"\"),\n    [initialValueOverrides],\n  );\n\n  const [view, setView] = React.useState<SettingsView>(\"basic\");\n  const [valuesBySource, setValuesBySource] = React.useState<\n    Partial<Record<SettingsValueSource, SettingsFormValues>>\n  >({});\n  const [dirtyBySource, setDirtyBySource] = React.useState<\n    Partial<Record<SettingsValueSource, SettingsDirtyState>>\n  >({});\n  const hasHydratedViewRef = React.useRef(false);\n\n  const initialValuesBySource = React.useMemo<Partial<\n    Record<SettingsValueSource, SettingsFormValues>\n  > | null>(() => {\n    if (!settings) return null;\n    const result: Partial<Record<SettingsValueSource, SettingsFormValues>> = {};\n    for (const src of resolvedSources) {\n      if (!src.filteredSchema) return null;\n      result[src.settingsSource] = {\n        ...(result[src.settingsSource] ?? {}),\n        ...buildInitialSettingsFormValues(\n          settings,\n          src.filteredSchema,\n          src.settingsSource,\n        ),\n      };\n    }\n    if (initialValueOverrides) {\n      const firstSource = resolvedSources[0]?.settingsSource;\n      if (firstSource && result[firstSource]) {\n        result[firstSource] = {\n          ...result[firstSource],\n          ...initialValueOverrides,\n        };\n      }\n    }\n    return result;\n  }, [settings, resolvedSources, overridesSignature]);\n\n  const initialView = React.useMemo(() => {\n    if (!settings) return null;\n    let result: SettingsView | null = null;\n    for (const src of resolvedSources) {\n      if (!src.filteredSchema) return null;\n      const perSource = getInitialView\n        ? getInitialView(settings, src.filteredSchema)\n        : inferInitialView(settings, src.filteredSchema, src.settingsSource);\n      result = result ? getMoreDetailedView(result, perSource) : perSource;\n    }\n    if (!result) return null;\n    return normalizeView(result, { showBasic, showAdvanced, showAll });\n  }, [\n    settings,\n    resolvedSources,\n    getInitialView,\n    showBasic,\n    showAdvanced,\n    showAll,\n  ]);\n\n  React.useEffect(() => {\n    hasHydratedViewRef.current = false;\n    setView(\"basic\");\n    setValuesBySource({});\n    setDirtyBySource({});\n  }, [scope, sourcesSignature]);\n\n  React.useEffect(() => {\n    if (!initialValuesBySource || !initialView) return;\n\n    setValuesBySource(initialValuesBySource);\n    if (initialValueOverrides) {\n      const firstSource = resolvedSources[0]?.settingsSource;\n      if (firstSource) {\n        const overrideDirty: SettingsDirtyState = Object.fromEntries(\n          Object.keys(initialValueOverrides).map((key) => [key, true]),\n        );\n        setDirtyBySource({ [firstSource]: overrideDirty });\n      } else {\n        setDirtyBySource({});\n      }\n    } else {\n      setDirtyBySource({});\n    }\n    // The ref flip stays outside the updater: React double-invokes state\n    // updaters in StrictMode, so mutating it in there makes the second\n    // (kept) call take the already-hydrated branch and pin the view.\n    if (!hasHydratedViewRef.current) {\n      hasHydratedViewRef.current = true;\n      setView(initialView);\n    } else {\n      setView((currentView) => getLessDetailedView(currentView, initialView));\n    }\n  }, [initialValuesBySource, initialView]);\n\n  const fieldKeyToSource = React.useMemo(() => {\n    const map = new Map<string, SettingsValueSource>();\n    for (const src of resolvedSources) {\n      if (src.filteredSchema) {\n        for (const section of src.filteredSchema.sections) {\n          for (const field of section.fields) {\n            if (!map.has(field.key)) {\n              map.set(field.key, src.settingsSource);\n            }\n          }\n        }\n      }\n    }\n    return map;\n  }, [resolvedSources]);\n\n  const flatValues = React.useMemo<SettingsFormValues>(() => {\n    const merged: SettingsFormValues = {};\n    for (const src of resolvedSources) {\n      Object.assign(merged, valuesBySource[src.settingsSource] ?? {});\n    }\n    return merged;\n  }, [resolvedSources, valuesBySource]);\n\n  const flatDirty = React.useMemo<SettingsDirtyState>(() => {\n    const merged: SettingsDirtyState = {};\n    for (const src of resolvedSources) {\n      Object.assign(merged, dirtyBySource[src.settingsSource] ?? {});\n    }\n    return merged;\n  }, [resolvedSources, dirtyBySource]);\n\n  const handleFieldChange = React.useCallback(\n    (fieldKey: string, nextValue: string | boolean) => {\n      const sourceKey = fieldKeyToSource.get(fieldKey);\n      if (!sourceKey) return;\n      setValuesBySource((prev) => ({\n        ...prev,\n        [sourceKey]: {\n          ...(prev[sourceKey] ?? {}),\n          [fieldKey]: nextValue,\n        },\n      }));\n      setDirtyBySource((prev) => ({\n        ...prev,\n        [sourceKey]: {\n          ...(prev[sourceKey] ?? {}),\n          [fieldKey]: true,\n        },\n      }));\n    },\n    [fieldKeyToSource],\n  );\n\n  const handleError = React.useCallback(\n    (error: AxiosError) => {\n      const msg = retrieveAxiosErrorMessage(error);\n      displayErrorToast(msg || t(I18nKey.ERROR$GENERIC));\n    },\n    [t],\n  );\n\n  const handleSaveRef = React.useRef<() => void>(() => {});\n  const stableSave = React.useCallback(() => {\n    handleSaveRef.current();\n  }, []);\n\n  // Stable accessor for the coerced, dirty-only payload. Mirrors the\n  // `handleSaveRef` pattern so the exposed function reference stays stable\n  // across renders while always reading the latest closure at call time.\n  const buildDirtyPayloadRef = React.useRef<() => Record<string, unknown>>(\n    () => ({}),\n  );\n  const stableGetDirtyPayload = React.useCallback(\n    () => buildDirtyPayloadRef.current(),\n    [],\n  );\n\n  const handleSave = () => {\n    if (isReadOnly) return;\n    if (resolvedSources.some((src) => !src.filteredSchema)) return;\n\n    let payload: Record<string, unknown>;\n    try {\n      const defaultPayload: Record<string, unknown> = {};\n      for (const src of resolvedSources) {\n        const schema = src.filteredSchema!;\n        const sourceValues = valuesBySource[src.settingsSource] ?? {};\n        const sourceDirty = dirtyBySource[src.settingsSource] ?? {};\n        const diff = buildSdkSettingsPayloadForView(\n          schema,\n          sourceValues,\n          sourceDirty,\n          view,\n        );\n        if (Object.keys(diff).length > 0) {\n          const diffKey = PAYLOAD_DIFF_KEY[src.settingsSource];\n          defaultPayload[diffKey] = {\n            ...((defaultPayload[diffKey] as\n              | Record<string, unknown>\n              | undefined) ?? {}),\n            ...diff,\n          };\n        }\n      }\n\n      payload = buildPayload\n        ? buildPayload(defaultPayload, {\n            values: flatValues,\n            dirty: flatDirty,\n            view,\n          })\n        : defaultPayload;\n    } catch (error) {\n      displayErrorToast(\n        error instanceof Error ? error.message : t(I18nKey.ERROR$GENERIC),\n      );\n      return;\n    }\n\n    if (Object.keys(payload).length === 0) return;\n\n    saveSettings(payload, {\n      onError: handleError,\n      onSuccess: () => {\n        if (!suppressSuccessToast) {\n          displaySuccessToast(t(I18nKey.SETTINGS$SAVED_WARNING));\n        }\n        setDirtyBySource({});\n        onSaveSuccess?.();\n      },\n    });\n  };\n\n  handleSaveRef.current = handleSave;\n  // Dirty-only (NOT view-filtered): we must never inject defaults for\n  // non-visible fields here, or a custom save flow would reset fields the\n  // user never touched. `buildSdkSettingsPayloadForView` is reserved for the\n  // built-in full-replace save above. With multiple sources, we merge each\n  // source's nested payload at the top level so single-source consumers\n  // (e.g. `LlmSettingsLocalView`) keep reading `.llm` etc. unchanged.\n  buildDirtyPayloadRef.current = () => {\n    const merged: Record<string, unknown> = {};\n    for (const src of resolvedSources) {\n      if (!src.filteredSchema) continue;\n      const sourceValues = valuesBySource[src.settingsSource] ?? {};\n      const sourceDirty = dirtyBySource[src.settingsSource] ?? {};\n      Object.assign(\n        merged,\n        buildSdkSettingsPayload(src.filteredSchema, sourceValues, sourceDirty),\n      );\n    }\n    return merged;\n  };\n\n  const isDirty = Object.keys(flatDirty).length > 0;\n  const saveControlIsDirty = isDirty || extraDirty;\n  React.useEffect(() => {\n    if (!onSaveControlChange) return;\n    onSaveControlChange({\n      save: stableSave,\n      isSaving: isPending,\n      isDirty: saveControlIsDirty,\n      values: flatValues,\n      view,\n      getDirtyPayload: stableGetDirtyPayload,\n    });\n  }, [isPending, saveControlIsDirty, flatValues, view]);\n\n  // Keep existing form content visible during background refetches to avoid\n  // flashing the full skeleton (notably during onboarding Next transitions).\n  const isInitialSettingsLoad = (isLoading || isFetching) && !settings;\n  if (isInitialSettingsLoad || isSchemaLoading) {\n    return <LlmSettingsInputsSkeleton />;\n  }\n\n  const hasAnyVisibleSection = resolvedSources.some(\n    (src) => src.filteredSchema && src.filteredSchema.sections.length > 0,\n  );\n\n  if (!hasAnyVisibleSection) {\n    return (\n      <div\n        data-testid=\"sdk-schema-unavailable\"\n        className={extensionModuleEmptyStateClassName}\n      >\n        <p className=\"text-sm text-[var(--oh-muted)]\">\n          {schemaUnavailableMessage}\n        </p>\n      </div>\n    );\n  }\n\n  if (Object.keys(flatValues).length === 0) {\n    return <LlmSettingsInputsSkeleton />;\n  }\n\n  // Scrolling is owned by the settings shell (or onboarding wrapper), not a\n  // nested scroll region. Save actions are inline after the last field.\n  const bodyClassName = \"flex flex-col gap-8\";\n\n  return (\n    <div\n      data-testid={testId}\n      className={\n        embedded\n          ? \"relative flex min-h-0 w-full flex-1 flex-col\"\n          : \"relative w-full min-h-0\"\n      }\n    >\n      <ViewToggle\n        view={view}\n        setView={setView}\n        showBasic={showBasic}\n        showAdvanced={showAdvanced}\n        showAll={showAll}\n        isDisabled={isReadOnly}\n      />\n\n      <div className={bodyClassName}>\n        {header?.({\n          values: flatValues,\n          isDisabled: isReadOnly,\n          view,\n          onChange: handleFieldChange,\n        })}\n\n        {resolvedSources.map((src) => {\n          if (!src.filteredSchema) return null;\n          const sourceValues = valuesBySource[src.settingsSource] ?? {};\n          const visibleSections = getVisibleSettingsSections(\n            src.filteredSchema,\n            { ...flatValues, ...sourceValues },\n            view,\n            src.excludeKeys ?? EMPTY_EXCLUDE_KEYS,\n          );\n          return visibleSections.map((section) => (\n            <section\n              key={`${src.settingsSource}:${section.key}`}\n              className=\"flex flex-col gap-4\"\n            >\n              <div className=\"grid gap-4 xl:grid-cols-2\">\n                {section.fields.map((field) => (\n                  <div\n                    key={field.key}\n                    className={\n                      FIELD_FULL_WIDTH_KEYS.has(field.key)\n                        ? \"xl:col-span-2\"\n                        : undefined\n                    }\n                  >\n                    <SchemaField\n                      field={field}\n                      value={sourceValues[field.key]}\n                      isDisabled={isReadOnly}\n                      onChange={(nextValue) =>\n                        handleFieldChange(field.key, nextValue)\n                      }\n                    />\n                  </div>\n                ))}\n              </div>\n            </section>\n          ));\n        })}\n\n        {!isReadOnly && !hideSaveButton ? (\n          <div className=\"flex justify-start pt-2\">\n            <BrandButton\n              testId=\"save-button\"\n              type=\"button\"\n              variant=\"primary\"\n              isDisabled={isPending || (!isDirty && !extraDirty)}\n              onClick={handleSave}\n            >\n              {isPending\n                ? t(I18nKey.SETTINGS$SAVING)\n                : t(I18nKey.SETTINGS$SAVE_CHANGES)}\n            </BrandButton>\n          </div>\n        ) : null}\n      </div>\n    </div>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"sdk-section-page.js","names":[],"sources":["../../../../../src/components/features/settings/sdk-settings/sdk-section-page.tsx"],"sourcesContent":["import React from \"react\";\nimport { AxiosError } from \"axios\";\nimport { useTranslation } from \"react-i18next\";\nimport { BrandButton } from \"#/components/features/settings/brand-button\";\nimport { LlmSettingsInputsSkeleton } from \"#/components/features/settings/llm-settings/llm-settings-inputs-skeleton\";\nimport { useSaveSettings } from \"#/hooks/mutation/use-save-settings\";\nimport {\n  useAgentSettingsSchema,\n  useConversationSettingsSchema,\n} from \"#/hooks/query/use-agent-settings-schema\";\nimport { useSettings } from \"#/hooks/query/use-settings\";\nimport { I18nKey } from \"#/i18n/declaration\";\nimport { Settings, SettingsSchema, SettingsScope } from \"#/types/settings\";\nimport { extensionModuleEmptyStateClassName } from \"#/utils/extension-module-card-classes\";\nimport {\n  displayErrorToast,\n  displaySuccessToast,\n} from \"#/utils/custom-toast-handlers\";\nimport { retrieveAxiosErrorMessage } from \"#/utils/retrieve-axios-error-message\";\nimport {\n  buildInitialSettingsFormValues,\n  buildSdkSettingsPayload,\n  buildSdkSettingsPayloadForView,\n  getVisibleSettingsSections,\n  hasAdvancedSettings,\n  hasCriticalSettings,\n  hasMinorSettings,\n  inferInitialView,\n  isValidSettingsSchema,\n  SettingsDirtyState,\n  SettingsFormValues,\n  type SettingsValueSource,\n  type SettingsView,\n} from \"#/utils/sdk-settings-schema\";\nimport { FIELD_FULL_WIDTH_KEYS, SchemaField } from \"./schema-field\";\nimport { ViewToggle } from \"./view-toggle\";\n\nconst EMPTY_EXCLUDE_KEYS = new Set<string>();\n\nconst VIEW_ORDER: Record<SettingsView, number> = {\n  basic: 0,\n  advanced: 1,\n  all: 2,\n};\n\nconst getLessDetailedView = (\n  currentView: SettingsView,\n  nextView: SettingsView,\n): SettingsView =>\n  VIEW_ORDER[nextView] < VIEW_ORDER[currentView] ? nextView : currentView;\n\nconst getMoreDetailedView = (\n  currentView: SettingsView,\n  nextView: SettingsView,\n): SettingsView =>\n  VIEW_ORDER[nextView] > VIEW_ORDER[currentView] ? nextView : currentView;\n\nconst normalizeView = (\n  view: SettingsView,\n  {\n    showBasic,\n    showAdvanced,\n    showAll,\n  }: {\n    showBasic: boolean;\n    showAdvanced: boolean;\n    showAll: boolean;\n  },\n): SettingsView => {\n  if (view === \"all\") {\n    if (showAll) {\n      return \"all\";\n    }\n\n    return showAdvanced ? \"advanced\" : \"basic\";\n  }\n\n  if (view === \"advanced\") {\n    if (showAdvanced) {\n      return \"advanced\";\n    }\n\n    return showAll ? \"all\" : \"basic\";\n  }\n\n  // A critical-less page has nothing to render in the basic tier; bump up.\n  if (!showBasic) {\n    if (showAdvanced) return \"advanced\";\n    if (showAll) return \"all\";\n  }\n  return \"basic\";\n};\n\nconst PAYLOAD_DIFF_KEY: Record<SettingsValueSource, string> = {\n  agent_settings: \"agent_settings_diff\",\n  conversation_settings: \"conversation_settings_diff\",\n};\n\nconst getSchemaUnavailableMessage = (\n  error: unknown,\n  fallbackMessage: string,\n): string => {\n  if (!(error instanceof AxiosError)) {\n    return fallbackMessage;\n  }\n\n  if (error.response?.status === 401) {\n    return `${fallbackMessage} This agent server requires X-Session-API-Key. Set VITE_SESSION_API_KEY in the frontend to the same value used by the backend SESSION_API_KEY or OH_SESSION_API_KEYS_0.`;\n  }\n\n  if (error.response?.status === 404) {\n    return `${fallbackMessage} This backend does not expose /api/settings/* schema endpoints. Upgrade to a recent openhands-agent-server release.`;\n  }\n\n  return fallbackMessage;\n};\n\nexport interface SettingsSourceConfig {\n  /** Which schema/values bucket on `settings` this source pulls from. */\n  settingsSource: SettingsValueSource;\n  /** Section keys (e.g. [\"llm\"]) within that schema to render. */\n  sectionKeys: string[];\n  /** Field keys to skip (rendered elsewhere by the caller). */\n  excludeKeys?: Set<string>;\n}\n\nexport interface SdkSectionHeaderProps {\n  values: SettingsFormValues;\n  isDisabled: boolean;\n  view: SettingsView;\n  onChange: (key: string, value: string | boolean) => void;\n}\n\ninterface ResolvedSource extends SettingsSourceConfig {\n  filteredSchema: SettingsSchema | null;\n}\n\n/**\n * Snapshot of the page's save state, surfaced to the parent so it can\n * render its own Save/Next button (e.g. in onboarding) when\n * {@link SdkSectionPage}'s built-in button is hidden via\n * `hideSaveButton`.\n */\nexport interface SdkSectionSaveControl {\n  /** Trigger a save of the currently-dirty fields. No-op while `isSaving` or `!isDirty`. */\n  save: () => void;\n  /** A save mutation is in flight. */\n  isSaving: boolean;\n  /** At least one field is dirty (or `extraDirty` was passed in). */\n  isDirty: boolean;\n  /** Current form values (for custom save flows). */\n  values: SettingsFormValues;\n  /** The active view tier (basic/advanced/all) the form is rendering. */\n  view: SettingsView;\n  /**\n   * Returns the coerced, dirty-only payload as a nested object\n   * (e.g. `{ llm: { temperature: 0.7 } }`). Lets a custom save flow persist\n   * exactly the fields the user changed, with proper types, without\n   * re-implementing schema-driven coercion. Throws if a field fails coercion.\n   */\n  getDirtyPayload: () => Record<string, unknown>;\n}\n\n/**\n * A generic SDK-schema-driven settings page that renders fields from one or\n * more schema sections.\n *\n * The `settingsSources` array specifies which schema(s)/section(s) the page\n * owns. The page tracks values/dirty state per source, renders sections from\n * each source in order (filtered by the schema's `prominence` field for the\n * selected view), and emits a combined save payload like\n * `{ conversation_settings_diff: {...}, agent_settings_diff: {...} }` ---\n * including only the keys for sources that actually have dirty changes.\n *\n * @param settingsSources  one or more schemas to render fields from\n * @param header           render prop above the fields (receives unified state)\n * @param buildPayload     customize the save payload before submission\n * @param testId           data-testid on the page wrapper\n */\nexport function SdkSectionPage({\n  settingsSources,\n  scope = \"personal\",\n  header,\n  extraDirty = false,\n  buildPayload,\n  onSaveSuccess,\n  getInitialView,\n  forceShowAdvancedView = false,\n  allowAllView = true,\n  initialValueOverrides,\n  embedded = false,\n  hideSaveButton = false,\n  suppressSuccessToast = false,\n  onSaveControlChange,\n  testId = \"sdk-section-settings-screen\",\n}: {\n  settingsSources: SettingsSourceConfig[];\n  scope?: SettingsScope;\n\n  header?: (props: SdkSectionHeaderProps) => React.ReactNode;\n  extraDirty?: boolean;\n  /**\n   * Customize the save payload. Receives the wrapped default payload (e.g.\n   * `{ agent_settings_diff: { llm: { model: \"gpt-4\" } } }`) plus the unified\n   * form context. Return the payload to actually send.\n   */\n  buildPayload?: (\n    defaultPayload: Record<string, unknown>,\n    context: {\n      values: SettingsFormValues;\n      dirty: SettingsDirtyState;\n      view: SettingsView;\n    },\n  ) => Record<string, unknown>;\n  onSaveSuccess?: () => void;\n  getInitialView?: (\n    settings: Settings,\n    filteredSchema: SettingsSchema,\n  ) => SettingsView;\n  forceShowAdvancedView?: boolean;\n  allowAllView?: boolean;\n  /**\n   * Per-field initial value overrides that win over the values\n   * derived from `useSettings`. The keys of each override are also\n   * marked dirty on hydration so the user can save the form without\n   * having to touch the prefilled fields. Useful when the page is\n   * embedded in a flow that wants to nudge brand-new users toward a\n   * particular default (e.g. onboarding pre-filling OpenHands/Opus).\n   */\n  initialValueOverrides?: SettingsFormValues;\n  embedded?: boolean;\n  hideSaveButton?: boolean;\n  /** Suppress the default success toast after save completes. */\n  suppressSuccessToast?: boolean;\n  /**\n   * Fires whenever the save state changes (a mutation starts/finishes,\n   * dirty status flips). Provides a stable `save()` callback the\n   * parent can wire to its own button. Useful when the form is\n   * embedded in a custom flow and the built-in Save button is hidden.\n   */\n  onSaveControlChange?: (control: SdkSectionSaveControl) => void;\n  testId?: string;\n}) {\n  const { t } = useTranslation(\"openhands\");\n  const { mutate: saveSettings, isPending } = useSaveSettings(scope);\n  const { data: settings, isLoading, isFetching } = useSettings(scope);\n  const agentSchemaQuery = useAgentSettingsSchema(\n    settings?.agent_settings_schema,\n  );\n  const conversationSchemaQuery = useConversationSettingsSchema(\n    settings?.conversation_settings_schema,\n  );\n  const isReadOnly = false;\n\n  const sourcesSignature = React.useMemo(\n    () =>\n      JSON.stringify(\n        settingsSources.map((s) => ({\n          source: s.settingsSource,\n          sectionKeys: s.sectionKeys,\n          excludeKeys: s.excludeKeys ? Array.from(s.excludeKeys).sort() : null,\n        })),\n      ),\n    [settingsSources],\n  );\n\n  const resolvedSourceConfigs = React.useMemo<SettingsSourceConfig[]>(() => {\n    const parsed = JSON.parse(sourcesSignature) as Array<{\n      source: SettingsValueSource;\n      sectionKeys: string[];\n      excludeKeys: string[] | null;\n    }>;\n    return parsed.map((p) => ({\n      settingsSource: p.source,\n      sectionKeys: p.sectionKeys,\n      excludeKeys: p.excludeKeys ? new Set(p.excludeKeys) : undefined,\n    }));\n  }, [sourcesSignature]);\n\n  const getSchemaForSource = React.useCallback(\n    (source: SettingsValueSource) =>\n      source === \"conversation_settings\"\n        ? conversationSchemaQuery.data\n        : agentSchemaQuery.data,\n    [agentSchemaQuery.data, conversationSchemaQuery.data],\n  );\n\n  const isSchemaLoading = resolvedSourceConfigs.some((src) =>\n    src.settingsSource === \"conversation_settings\"\n      ? conversationSchemaQuery.isLoading\n      : agentSchemaQuery.isLoading,\n  );\n\n  const resolvedSources = React.useMemo<ResolvedSource[]>(\n    () =>\n      resolvedSourceConfigs.map((src) => {\n        const schema = getSchemaForSource(src.settingsSource);\n        if (!isValidSettingsSchema(schema)) {\n          return { ...src, filteredSchema: null };\n        }\n        const sectionSet = new Set(src.sectionKeys);\n        // The agent schema can carry more than one section per key — e.g. the\n        // combined AgentSettings schema emits an \"llm\" section for both the\n        // \"openhands\" and \"acp\" variants. Only the first (openhands) is used,\n        // so keep the first section per key; otherwise every field renders\n        // twice and React sees duplicate section keys.\n        const seenKeys = new Set<string>();\n        const filteredSchema: SettingsSchema = {\n          ...schema,\n          sections: schema.sections.filter((s) => {\n            if (!sectionSet.has(s.key) || seenKeys.has(s.key)) return false;\n            seenKeys.add(s.key);\n            return true;\n          }),\n        };\n        return { ...src, filteredSchema };\n      }),\n    [resolvedSourceConfigs, getSchemaForSource],\n  );\n\n  // The basic tier only exists when some field renders in it; a critical-less\n  // page (e.g. Memory, whose only field is major) hides the Basic tab and\n  // floors its view at \"advanced\".\n  const showBasic = resolvedSources.some((src) =>\n    hasCriticalSettings(src.filteredSchema),\n  );\n  const showAdvanced =\n    forceShowAdvancedView ||\n    resolvedSources.some((src) => hasAdvancedSettings(src.filteredSchema));\n  const showAll =\n    allowAllView &&\n    resolvedSources.some((src) => hasMinorSettings(src.filteredSchema));\n\n  const schemaUnavailableMessage = React.useMemo(() => {\n    const firstError = resolvedSourceConfigs.reduce<unknown>(\n      (err, src) =>\n        err ??\n        (src.settingsSource === \"conversation_settings\"\n          ? conversationSchemaQuery.error\n          : agentSchemaQuery.error),\n      null,\n    );\n    return getSchemaUnavailableMessage(\n      firstError,\n      t(I18nKey.SETTINGS$SDK_SCHEMA_UNAVAILABLE),\n    );\n  }, [\n    resolvedSourceConfigs,\n    agentSchemaQuery.error,\n    conversationSchemaQuery.error,\n    t,\n  ]);\n\n  const overridesSignature = React.useMemo(\n    () => (initialValueOverrides ? JSON.stringify(initialValueOverrides) : \"\"),\n    [initialValueOverrides],\n  );\n\n  const [view, setView] = React.useState<SettingsView>(\"basic\");\n  const [valuesBySource, setValuesBySource] = React.useState<\n    Partial<Record<SettingsValueSource, SettingsFormValues>>\n  >({});\n  const [dirtyBySource, setDirtyBySource] = React.useState<\n    Partial<Record<SettingsValueSource, SettingsDirtyState>>\n  >({});\n  const hasHydratedViewRef = React.useRef(false);\n\n  const initialValuesBySource = React.useMemo<Partial<\n    Record<SettingsValueSource, SettingsFormValues>\n  > | null>(() => {\n    if (!settings) return null;\n    const result: Partial<Record<SettingsValueSource, SettingsFormValues>> = {};\n    for (const src of resolvedSources) {\n      if (!src.filteredSchema) return null;\n      result[src.settingsSource] = {\n        ...(result[src.settingsSource] ?? {}),\n        ...buildInitialSettingsFormValues(\n          settings,\n          src.filteredSchema,\n          src.settingsSource,\n        ),\n      };\n    }\n    if (initialValueOverrides) {\n      const firstSource = resolvedSources[0]?.settingsSource;\n      if (firstSource && result[firstSource]) {\n        result[firstSource] = {\n          ...result[firstSource],\n          ...initialValueOverrides,\n        };\n      }\n    }\n    return result;\n  }, [settings, resolvedSources, overridesSignature]);\n\n  const initialView = React.useMemo(() => {\n    if (!settings) return null;\n    let result: SettingsView | null = null;\n    for (const src of resolvedSources) {\n      if (!src.filteredSchema) return null;\n      const perSource = getInitialView\n        ? getInitialView(settings, src.filteredSchema)\n        : inferInitialView(settings, src.filteredSchema, src.settingsSource);\n      result = result ? getMoreDetailedView(result, perSource) : perSource;\n    }\n    if (!result) return null;\n    return normalizeView(result, { showBasic, showAdvanced, showAll });\n  }, [\n    settings,\n    resolvedSources,\n    getInitialView,\n    showBasic,\n    showAdvanced,\n    showAll,\n  ]);\n\n  React.useEffect(() => {\n    hasHydratedViewRef.current = false;\n    setView(\"basic\");\n    setValuesBySource({});\n    setDirtyBySource({});\n  }, [scope, sourcesSignature]);\n\n  React.useEffect(() => {\n    if (!initialValuesBySource || !initialView) return;\n\n    setValuesBySource(initialValuesBySource);\n    if (initialValueOverrides) {\n      const firstSource = resolvedSources[0]?.settingsSource;\n      if (firstSource) {\n        const overrideDirty: SettingsDirtyState = Object.fromEntries(\n          Object.keys(initialValueOverrides).map((key) => [key, true]),\n        );\n        setDirtyBySource({ [firstSource]: overrideDirty });\n      } else {\n        setDirtyBySource({});\n      }\n    } else {\n      setDirtyBySource({});\n    }\n    // The ref flip stays outside the updater: React double-invokes state\n    // updaters in StrictMode, so mutating it in there makes the second\n    // (kept) call take the already-hydrated branch and pin the view.\n    if (!hasHydratedViewRef.current) {\n      hasHydratedViewRef.current = true;\n      setView(initialView);\n    } else {\n      setView((currentView) => getLessDetailedView(currentView, initialView));\n    }\n  }, [initialValuesBySource, initialView]);\n\n  const fieldKeyToSource = React.useMemo(() => {\n    const map = new Map<string, SettingsValueSource>();\n    for (const src of resolvedSources) {\n      if (src.filteredSchema) {\n        for (const section of src.filteredSchema.sections) {\n          for (const field of section.fields) {\n            if (!map.has(field.key)) {\n              map.set(field.key, src.settingsSource);\n            }\n          }\n        }\n      }\n    }\n    return map;\n  }, [resolvedSources]);\n\n  const flatValues = React.useMemo<SettingsFormValues>(() => {\n    const merged: SettingsFormValues = {};\n    for (const src of resolvedSources) {\n      Object.assign(merged, valuesBySource[src.settingsSource] ?? {});\n    }\n    return merged;\n  }, [resolvedSources, valuesBySource]);\n\n  const flatDirty = React.useMemo<SettingsDirtyState>(() => {\n    const merged: SettingsDirtyState = {};\n    for (const src of resolvedSources) {\n      Object.assign(merged, dirtyBySource[src.settingsSource] ?? {});\n    }\n    return merged;\n  }, [resolvedSources, dirtyBySource]);\n\n  const handleFieldChange = React.useCallback(\n    (fieldKey: string, nextValue: string | boolean) => {\n      const sourceKey = fieldKeyToSource.get(fieldKey);\n      if (!sourceKey) return;\n      setValuesBySource((prev) => ({\n        ...prev,\n        [sourceKey]: {\n          ...(prev[sourceKey] ?? {}),\n          [fieldKey]: nextValue,\n        },\n      }));\n      setDirtyBySource((prev) => ({\n        ...prev,\n        [sourceKey]: {\n          ...(prev[sourceKey] ?? {}),\n          [fieldKey]: true,\n        },\n      }));\n    },\n    [fieldKeyToSource],\n  );\n\n  const handleError = React.useCallback(\n    (error: AxiosError) => {\n      const msg = retrieveAxiosErrorMessage(error);\n      displayErrorToast(msg || t(I18nKey.ERROR$GENERIC));\n    },\n    [t],\n  );\n\n  const handleSaveRef = React.useRef<() => void>(() => {});\n  const stableSave = React.useCallback(() => {\n    handleSaveRef.current();\n  }, []);\n\n  // Stable accessor for the coerced, dirty-only payload. Mirrors the\n  // `handleSaveRef` pattern so the exposed function reference stays stable\n  // across renders while always reading the latest closure at call time.\n  const buildDirtyPayloadRef = React.useRef<() => Record<string, unknown>>(\n    () => ({}),\n  );\n  const stableGetDirtyPayload = React.useCallback(\n    () => buildDirtyPayloadRef.current(),\n    [],\n  );\n\n  const handleSave = () => {\n    if (isReadOnly) return;\n    if (resolvedSources.some((src) => !src.filteredSchema)) return;\n\n    let payload: Record<string, unknown>;\n    try {\n      const defaultPayload: Record<string, unknown> = {};\n      for (const src of resolvedSources) {\n        const schema = src.filteredSchema!;\n        const sourceValues = valuesBySource[src.settingsSource] ?? {};\n        const sourceDirty = dirtyBySource[src.settingsSource] ?? {};\n        const diff = buildSdkSettingsPayloadForView(\n          schema,\n          sourceValues,\n          sourceDirty,\n          view,\n        );\n        if (Object.keys(diff).length > 0) {\n          const diffKey = PAYLOAD_DIFF_KEY[src.settingsSource];\n          defaultPayload[diffKey] = {\n            ...((defaultPayload[diffKey] as\n              | Record<string, unknown>\n              | undefined) ?? {}),\n            ...diff,\n          };\n        }\n      }\n\n      payload = buildPayload\n        ? buildPayload(defaultPayload, {\n            values: flatValues,\n            dirty: flatDirty,\n            view,\n          })\n        : defaultPayload;\n    } catch (error) {\n      displayErrorToast(\n        error instanceof Error ? error.message : t(I18nKey.ERROR$GENERIC),\n      );\n      return;\n    }\n\n    if (Object.keys(payload).length === 0) return;\n\n    saveSettings(payload, {\n      onError: handleError,\n      onSuccess: () => {\n        if (!suppressSuccessToast) {\n          displaySuccessToast(t(I18nKey.SETTINGS$SAVED_WARNING));\n        }\n        setDirtyBySource({});\n        onSaveSuccess?.();\n      },\n    });\n  };\n\n  handleSaveRef.current = handleSave;\n  // Dirty-only (NOT view-filtered): we must never inject defaults for\n  // non-visible fields here, or a custom save flow would reset fields the\n  // user never touched. `buildSdkSettingsPayloadForView` is reserved for the\n  // built-in full-replace save above. With multiple sources, we merge each\n  // source's nested payload at the top level so single-source consumers\n  // (e.g. `LlmSettingsLocalView`) keep reading `.llm` etc. unchanged.\n  buildDirtyPayloadRef.current = () => {\n    const merged: Record<string, unknown> = {};\n    for (const src of resolvedSources) {\n      if (!src.filteredSchema) continue;\n      const sourceValues = valuesBySource[src.settingsSource] ?? {};\n      const sourceDirty = dirtyBySource[src.settingsSource] ?? {};\n      Object.assign(\n        merged,\n        buildSdkSettingsPayload(src.filteredSchema, sourceValues, sourceDirty),\n      );\n    }\n    return merged;\n  };\n\n  const isDirty = Object.keys(flatDirty).length > 0;\n  const saveControlIsDirty = isDirty || extraDirty;\n  React.useEffect(() => {\n    if (!onSaveControlChange) return;\n    onSaveControlChange({\n      save: stableSave,\n      isSaving: isPending,\n      isDirty: saveControlIsDirty,\n      values: flatValues,\n      view,\n      getDirtyPayload: stableGetDirtyPayload,\n    });\n  }, [isPending, saveControlIsDirty, flatValues, view]);\n\n  // Keep existing form content visible during background refetches to avoid\n  // flashing the full skeleton (notably during onboarding Next transitions).\n  const isInitialSettingsLoad = (isLoading || isFetching) && !settings;\n  if (isInitialSettingsLoad || isSchemaLoading) {\n    return <LlmSettingsInputsSkeleton />;\n  }\n\n  const hasAnyVisibleSection = resolvedSources.some(\n    (src) => src.filteredSchema && src.filteredSchema.sections.length > 0,\n  );\n\n  if (!hasAnyVisibleSection) {\n    return (\n      <div\n        data-testid=\"sdk-schema-unavailable\"\n        className={extensionModuleEmptyStateClassName}\n      >\n        <p className=\"text-sm text-[var(--oh-muted)]\">\n          {schemaUnavailableMessage}\n        </p>\n      </div>\n    );\n  }\n\n  if (Object.keys(flatValues).length === 0) {\n    return <LlmSettingsInputsSkeleton />;\n  }\n\n  // Scrolling is owned by the settings shell (or onboarding wrapper), not a\n  // nested scroll region. Save actions are inline after the last field.\n  const bodyClassName = \"flex flex-col gap-8\";\n\n  return (\n    <div\n      data-testid={testId}\n      className={\n        embedded\n          ? \"relative flex min-h-0 w-full flex-1 flex-col\"\n          : \"relative w-full min-h-0\"\n      }\n    >\n      <ViewToggle\n        view={view}\n        setView={setView}\n        showBasic={showBasic}\n        showAdvanced={showAdvanced}\n        showAll={showAll}\n        isDisabled={isReadOnly}\n      />\n\n      <div className={bodyClassName}>\n        {header?.({\n          values: flatValues,\n          isDisabled: isReadOnly,\n          view,\n          onChange: handleFieldChange,\n        })}\n\n        {resolvedSources.map((src) => {\n          if (!src.filteredSchema) return null;\n          const sourceValues = valuesBySource[src.settingsSource] ?? {};\n          const visibleSections = getVisibleSettingsSections(\n            src.filteredSchema,\n            { ...flatValues, ...sourceValues },\n            view,\n            src.excludeKeys ?? EMPTY_EXCLUDE_KEYS,\n          );\n          return visibleSections.map((section) => (\n            <section\n              key={`${src.settingsSource}:${section.key}`}\n              className=\"flex flex-col gap-4\"\n            >\n              <div className=\"grid gap-4 xl:grid-cols-2\">\n                {section.fields.map((field) => (\n                  <div\n                    key={field.key}\n                    className={\n                      FIELD_FULL_WIDTH_KEYS.has(field.key)\n                        ? \"xl:col-span-2\"\n                        : undefined\n                    }\n                  >\n                    <SchemaField\n                      field={field}\n                      value={sourceValues[field.key]}\n                      isDisabled={isReadOnly}\n                      onChange={(nextValue) =>\n                        handleFieldChange(field.key, nextValue)\n                      }\n                    />\n                  </div>\n                ))}\n              </div>\n            </section>\n          ));\n        })}\n\n        {!isReadOnly && !hideSaveButton ? (\n          <div className=\"flex justify-start pt-2\">\n            <BrandButton\n              testId=\"save-button\"\n              type=\"button\"\n              variant=\"primary\"\n              isDisabled={isPending || (!isDirty && !extraDirty)}\n              onClick={handleSave}\n            >\n              {isPending\n                ? t(I18nKey.SETTINGS$SAVING)\n                : t(I18nKey.SETTINGS$SAVE_CHANGES)}\n            </BrandButton>\n          </div>\n        ) : null}\n      </div>\n    </div>\n  );\n}\n"],"mappings":"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"}

package/dist/components/features/sidebar/sidebar-nav-link.cjs

@@ -1,2 +1,2 @@
-const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../../utils/utils.cjs"),n=require("../../../context/navigation-context.cjs"),r=require("../../shared/buttons/styled-tooltip.cjs"),i=require("../../shared/navigation-link.cjs"),a=require("./sidebar-layout.cjs"),o=require("./sidebar-collapsed-icon-slot.cjs");let s=require("react");s=e.__toESM(s,1);let c=require("react/jsx-runtime");function l(e,t,n){return t===`/`||n?e===t:e===t||e.startsWith(`${t}/`)}function u({to:e,label:s,end:u=!1,indent:d=!1,testId:f,disabled:p=!1,icon:m,collapsed:h=!1,hoverContent:g,forceActive:_=!1}){let{currentPath:v}=n.useNavigation(),y=_||l(v,e,u),b=(0,c.jsxs)(i.NavigationLink,{to:e,end:u,"data-testid":f,tabIndex:p?-1:0,"aria-label":h?s:void 0,"aria-disabled":p||void 0,onClick:e=>{p&&e.preventDefault()},className:t.cn(a.sidebarNavRowClassName({indent:d,collapsed:h}),!h&&(y?a.SIDEBAR_ROW_INTERACTIVE_CLASS.active:a.SIDEBAR_ROW_INTERACTIVE_CLASS.idle),p&&`opacity-50`,p&&`pointer-events-none`),children:[m?h?(0,c.jsx)(o.SidebarCollapsedIconSlot,{active:y,children:m}):(0,c.jsx)(`span`,{className:a.SIDEBAR_ICON_SLOT_CLASS,children:m}):null,(0,c.jsx)(`span`,{className:a.sidebarNavLabelClassName(h),children:s})]});return h?(0,c.jsx)(r.StyledTooltip,{content:g??s,placement:`right`,tooltipClassName:g?`p-0 bg-tertiary text-white`:void 0,children:b}):b}exports.SidebarNavLink=u;
+const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../../node_modules/lucide-react/dist/esm/icons/pin.cjs"),n=require("../../../utils/utils.cjs"),r=require("../../../context/navigation-context.cjs"),i=require("../../shared/buttons/styled-tooltip.cjs"),a=require("../../shared/navigation-link.cjs"),o=require("../../../utils/hover-reveal-classes.cjs"),s=require("./sidebar-layout.cjs"),c=require("./sidebar-collapsed-icon-slot.cjs");let l=require("react");l=e.__toESM(l,1);let u=require("react/jsx-runtime");function d(e,t,n){return t===`/`||n?e===t:e===t||e.startsWith(`${t}/`)}function f({to:e,label:l,end:f=!1,indent:p=!1,testId:m,disabled:h=!1,icon:g,collapsed:_=!1,hoverContent:v,forceActive:y=!1,pinAction:b}){let{currentPath:x}=r.useNavigation(),S=y||d(x,e,f),C=!_&&b!=null,w=(0,u.jsxs)(a.NavigationLink,{to:e,end:f,"data-testid":m,tabIndex:h?-1:0,"aria-label":_?l:void 0,"aria-disabled":h||void 0,onClick:e=>{h&&e.preventDefault()},className:n.cn(s.sidebarNavRowClassName({indent:p,collapsed:_}),!_&&(S?s.SIDEBAR_ROW_INTERACTIVE_CLASS.active:s.SIDEBAR_ROW_INTERACTIVE_CLASS.idle),h&&`opacity-50`,h&&`pointer-events-none`,C&&`pr-9`),children:[g?_?(0,u.jsx)(c.SidebarCollapsedIconSlot,{active:S,children:g}):(0,u.jsx)(`span`,{className:s.SIDEBAR_ICON_SLOT_CLASS,children:g}):null,(0,u.jsx)(`span`,{className:s.sidebarNavLabelClassName(_),children:l})]});return _?(0,u.jsx)(i.StyledTooltip,{content:v??l,placement:`right`,tooltipClassName:v?`p-0 bg-tertiary text-white`:void 0,children:w}):b?(0,u.jsxs)(`div`,{className:`group relative`,children:[w,(0,u.jsx)(`button`,{type:`button`,"data-testid":b.testId,"aria-pressed":b.pinned,"aria-label":b.label,onClick:e=>{e.preventDefault(),e.stopPropagation(),b.onToggle()},className:n.cn(`absolute right-1.5 top-1/2 -translate-y-1/2`,`flex shrink-0 cursor-pointer items-center justify-center rounded-md p-1`,`text-[var(--oh-muted)] hover:bg-white/10 hover:text-white`,o.hoverRevealActionClassName(b.pinned)),children:(0,u.jsx)(t.Pin,{className:n.cn(`h-3.5 w-3.5`,b.pinned&&`fill-current`),"aria-hidden":!0})})]}):w}exports.SidebarNavLink=f;
 //# sourceMappingURL=sidebar-nav-link.cjs.map

package/dist/components/features/sidebar/sidebar-nav-link.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"sidebar-nav-link.cjs","names":[],"sources":["../../../../src/components/features/sidebar/sidebar-nav-link.tsx"],"sourcesContent":["import React from \"react\";\nimport { NavigationLink } from \"#/components/shared/navigation-link\";\nimport { StyledTooltip } from \"#/components/shared/buttons/styled-tooltip\";\nimport { useNavigation } from \"#/context/navigation-context\";\nimport { cn } from \"#/utils/utils\";\nimport { SidebarCollapsedIconSlot } from \"./sidebar-collapsed-icon-slot\";\nimport {\n  SIDEBAR_ICON_SLOT_CLASS,\n  SIDEBAR_ROW_INTERACTIVE_CLASS,\n  sidebarNavLabelClassName,\n  sidebarNavRowClassName,\n} from \"./sidebar-layout\";\n\nfunction isPathActive(currentPath: string, to: string, end: boolean) {\n  if (to === \"/\") {\n    return currentPath === to;\n  }\n\n  if (end) {\n    return currentPath === to;\n  }\n\n  return currentPath === to || currentPath.startsWith(`${to}/`);\n}\n\ninterface SidebarNavLinkProps {\n  to: string;\n  label: string;\n  end?: boolean;\n  indent?: boolean;\n  testId?: string;\n  disabled?: boolean;\n  icon?: React.ReactElement;\n  collapsed?: boolean;\n  hoverContent?: React.ReactNode;\n  /**\n   * When true, forces the active style regardless of the current path.\n   * Useful for links that should appear active for multiple related routes\n   * (e.g. the Extensions link being active on /mcp and /plugins too).\n   */\n  forceActive?: boolean;\n}\n\nexport function SidebarNavLink({\n  to,\n  label,\n  end = false,\n  indent = false,\n  testId,\n  disabled = false,\n  icon,\n  collapsed = false,\n  hoverContent,\n  forceActive = false,\n}: SidebarNavLinkProps) {\n  const { currentPath } = useNavigation();\n  const active = forceActive || isPathActive(currentPath, to, end);\n\n  const link = (\n    <NavigationLink\n      to={to}\n      end={end}\n      data-testid={testId}\n      tabIndex={disabled ? -1 : 0}\n      aria-label={collapsed ? label : undefined}\n      // Announce the disabled state to assistive tech. The visual disabled\n      // styling plus tabIndex=-1 + preventDefault gives sighted/keyboard users\n      // the right behaviour already; this closes the screen-reader gap so the\n      // link doesn't sound \"actionable.\"\n      aria-disabled={disabled || undefined}\n      onClick={(e) => {\n        if (disabled) {\n          e.preventDefault();\n        }\n      }}\n      className={cn(\n        sidebarNavRowClassName({ indent, collapsed }),\n        !collapsed &&\n          (active\n            ? SIDEBAR_ROW_INTERACTIVE_CLASS.active\n            : SIDEBAR_ROW_INTERACTIVE_CLASS.idle),\n        disabled && \"opacity-50\",\n        disabled && \"pointer-events-none\",\n      )}\n    >\n      {icon ? (\n        collapsed ? (\n          <SidebarCollapsedIconSlot active={active}>\n            {icon}\n          </SidebarCollapsedIconSlot>\n        ) : (\n          <span className={SIDEBAR_ICON_SLOT_CLASS}>{icon}</span>\n        )\n      ) : null}\n      <span className={sidebarNavLabelClassName(collapsed)}>{label}</span>\n    </NavigationLink>\n  );\n\n  if (!collapsed) return link;\n\n  return (\n    <StyledTooltip\n      content={hoverContent ?? label}\n      placement=\"right\"\n      tooltipClassName={hoverContent ? \"p-0 bg-tertiary text-white\" : undefined}\n    >\n      {link}\n    </StyledTooltip>\n  );\n}\n"],"mappings":"qZAaA,SAAS,EAAa,EAAqB,EAAY,EAAc,CASnE,OARI,IAAO,KAIP,EACK,IAAgB,EAGlB,IAAgB,GAAM,EAAY,WAAW,GAAG,EAAG,EAAE,CAC9D,CAoBA,SAAgB,EAAe,CAC7B,KACA,QACA,MAAM,GACN,SAAS,GACT,SACA,WAAW,GACX,OACA,YAAY,GACZ,eACA,cAAc,IACQ,CACtB,GAAM,CAAE,eAAgB,EAAA,cAAc,EAChC,EAAS,GAAe,EAAa,EAAa,EAAI,CAAG,EAEzD,GACJ,EAAA,EAAA,MAAC,EAAA,eAAD,CACM,KACC,MACL,cAAa,EACb,SAAU,EAAW,GAAK,EAC1B,aAAY,EAAY,EAAQ,IAAA,GAKhC,gBAAe,GAAY,IAAA,GAC3B,QAAU,GAAM,CACV,GACF,EAAE,eAAe,CAErB,EACA,UAAW,EAAA,GACT,EAAA,uBAAuB,CAAE,SAAQ,WAAU,CAAC,EAC5C,CAAC,IACE,EACG,EAAA,8BAA8B,OAC9B,EAAA,8BAA8B,MACpC,GAAY,aACZ,GAAY,qBACd,WAxBF,CA0BG,EACC,GACE,EAAA,EAAA,KAAC,EAAA,yBAAD,CAAkC,kBAC/B,CACuB,CAAA,GAE1B,EAAA,EAAA,KAAC,OAAD,CAAM,UAAW,EAAA,iCAA0B,CAAW,CAAA,EAEtD,MACJ,EAAA,EAAA,KAAC,OAAD,CAAM,UAAW,EAAA,yBAAyB,CAAS,WAAI,CAAY,CAAA,CACrD,IAKlB,OAFK,GAGH,EAAA,EAAA,KAAC,EAAA,cAAD,CACE,QAAS,GAAgB,EACzB,UAAU,QACV,iBAAkB,EAAe,6BAA+B,IAAA,YAE/D,CACY,CAAA,EATM,CAWzB"}
+{"version":3,"file":"sidebar-nav-link.cjs","names":[],"sources":["../../../../src/components/features/sidebar/sidebar-nav-link.tsx"],"sourcesContent":["import React from \"react\";\nimport { Pin } from \"lucide-react\";\nimport { NavigationLink } from \"#/components/shared/navigation-link\";\nimport { StyledTooltip } from \"#/components/shared/buttons/styled-tooltip\";\nimport { useNavigation } from \"#/context/navigation-context\";\nimport { hoverRevealActionClassName } from \"#/utils/hover-reveal-classes\";\nimport { cn } from \"#/utils/utils\";\nimport { SidebarCollapsedIconSlot } from \"./sidebar-collapsed-icon-slot\";\nimport {\n  SIDEBAR_ICON_SLOT_CLASS,\n  SIDEBAR_ROW_INTERACTIVE_CLASS,\n  sidebarNavLabelClassName,\n  sidebarNavRowClassName,\n} from \"./sidebar-layout\";\n\nfunction isPathActive(currentPath: string, to: string, end: boolean) {\n  if (to === \"/\") {\n    return currentPath === to;\n  }\n\n  if (end) {\n    return currentPath === to;\n  }\n\n  return currentPath === to || currentPath.startsWith(`${to}/`);\n}\n\nexport interface SidebarNavLinkPinAction {\n  pinned: boolean;\n  onToggle: () => void;\n  /** Localized aria-label; pin vs unpin variants resolved by the caller. */\n  label: string;\n  testId: string;\n}\n\ninterface SidebarNavLinkProps {\n  to: string;\n  label: string;\n  end?: boolean;\n  indent?: boolean;\n  testId?: string;\n  disabled?: boolean;\n  icon?: React.ReactElement;\n  collapsed?: boolean;\n  hoverContent?: React.ReactNode;\n  /**\n   * When true, forces the active style regardless of the current path.\n   * Useful for links that should appear active for multiple related routes\n   * (e.g. the Extensions link being active on /mcp and /plugins too).\n   */\n  forceActive?: boolean;\n  /** Pin-as-home toggle; rendered only when the sidebar is expanded. */\n  pinAction?: SidebarNavLinkPinAction;\n}\n\nexport function SidebarNavLink({\n  to,\n  label,\n  end = false,\n  indent = false,\n  testId,\n  disabled = false,\n  icon,\n  collapsed = false,\n  hoverContent,\n  forceActive = false,\n  pinAction,\n}: SidebarNavLinkProps) {\n  const { currentPath } = useNavigation();\n  const active = forceActive || isPathActive(currentPath, to, end);\n  const showPinAction = !collapsed && pinAction != null;\n\n  const link = (\n    <NavigationLink\n      to={to}\n      end={end}\n      data-testid={testId}\n      tabIndex={disabled ? -1 : 0}\n      aria-label={collapsed ? label : undefined}\n      // Announce the disabled state to assistive tech. The visual disabled\n      // styling plus tabIndex=-1 + preventDefault gives sighted/keyboard users\n      // the right behaviour already; this closes the screen-reader gap so the\n      // link doesn't sound \"actionable.\"\n      aria-disabled={disabled || undefined}\n      onClick={(e) => {\n        if (disabled) {\n          e.preventDefault();\n        }\n      }}\n      className={cn(\n        sidebarNavRowClassName({ indent, collapsed }),\n        !collapsed &&\n          (active\n            ? SIDEBAR_ROW_INTERACTIVE_CLASS.active\n            : SIDEBAR_ROW_INTERACTIVE_CLASS.idle),\n        disabled && \"opacity-50\",\n        disabled && \"pointer-events-none\",\n        // Constant right reserve so label truncation doesn't reflow on hover.\n        showPinAction && \"pr-9\",\n      )}\n    >\n      {icon ? (\n        collapsed ? (\n          <SidebarCollapsedIconSlot active={active}>\n            {icon}\n          </SidebarCollapsedIconSlot>\n        ) : (\n          <span className={SIDEBAR_ICON_SLOT_CLASS}>{icon}</span>\n        )\n      ) : null}\n      <span className={sidebarNavLabelClassName(collapsed)}>{label}</span>\n    </NavigationLink>\n  );\n\n  if (!collapsed) {\n    if (!pinAction) return link;\n\n    // NavigationLink renders an <a>, so the pin toggle is an absolutely\n    // positioned sibling rather than a nested button. Bare `group` is safe\n    // here: only collapsed rows use it, and this branch is expanded-only.\n    return (\n      <div className=\"group relative\">\n        {link}\n        <button\n          type=\"button\"\n          data-testid={pinAction.testId}\n          aria-pressed={pinAction.pinned}\n          aria-label={pinAction.label}\n          onClick={(event) => {\n            event.preventDefault();\n            event.stopPropagation();\n            pinAction.onToggle();\n          }}\n          className={cn(\n            \"absolute right-1.5 top-1/2 -translate-y-1/2\",\n            \"flex shrink-0 cursor-pointer items-center justify-center rounded-md p-1\",\n            \"text-[var(--oh-muted)] hover:bg-white/10 hover:text-white\",\n            hoverRevealActionClassName(pinAction.pinned),\n          )}\n        >\n          <Pin\n            className={cn(\"h-3.5 w-3.5\", pinAction.pinned && \"fill-current\")}\n            aria-hidden\n          />\n        </button>\n      </div>\n    );\n  }\n\n  return (\n    <StyledTooltip\n      content={hoverContent ?? label}\n      placement=\"right\"\n      tooltipClassName={hoverContent ? \"p-0 bg-tertiary text-white\" : undefined}\n    >\n      {link}\n    </StyledTooltip>\n  );\n}\n"],"mappings":"ihBAeA,SAAS,EAAa,EAAqB,EAAY,EAAc,CASnE,OARI,IAAO,KAIP,EACK,IAAgB,EAGlB,IAAgB,GAAM,EAAY,WAAW,GAAG,EAAG,EAAE,CAC9D,CA8BA,SAAgB,EAAe,CAC7B,KACA,QACA,MAAM,GACN,SAAS,GACT,SACA,WAAW,GACX,OACA,YAAY,GACZ,eACA,cAAc,GACd,aACsB,CACtB,GAAM,CAAE,eAAgB,EAAA,cAAc,EAChC,EAAS,GAAe,EAAa,EAAa,EAAI,CAAG,EACzD,EAAgB,CAAC,GAAa,GAAa,KAE3C,GACJ,EAAA,EAAA,MAAC,EAAA,eAAD,CACM,KACC,MACL,cAAa,EACb,SAAU,EAAW,GAAK,EAC1B,aAAY,EAAY,EAAQ,IAAA,GAKhC,gBAAe,GAAY,IAAA,GAC3B,QAAU,GAAM,CACV,GACF,EAAE,eAAe,CAErB,EACA,UAAW,EAAA,GACT,EAAA,uBAAuB,CAAE,SAAQ,WAAU,CAAC,EAC5C,CAAC,IACE,EACG,EAAA,8BAA8B,OAC9B,EAAA,8BAA8B,MACpC,GAAY,aACZ,GAAY,sBAEZ,GAAiB,MACnB,WA1BF,CA4BG,EACC,GACE,EAAA,EAAA,KAAC,EAAA,yBAAD,CAAkC,kBAC/B,CACuB,CAAA,GAE1B,EAAA,EAAA,KAAC,OAAD,CAAM,UAAW,EAAA,iCAA0B,CAAW,CAAA,EAEtD,MACJ,EAAA,EAAA,KAAC,OAAD,CAAM,UAAW,EAAA,yBAAyB,CAAS,WAAI,CAAY,CAAA,CACrD,IAsClB,OAnCK,GAoCH,EAAA,EAAA,KAAC,EAAA,cAAD,CACE,QAAS,GAAgB,EACzB,UAAU,QACV,iBAAkB,EAAe,6BAA+B,IAAA,YAE/D,CACY,CAAA,EAzCV,GAMH,EAAA,EAAA,MAAC,MAAD,CAAK,UAAU,0BAAf,CACG,GACD,EAAA,EAAA,KAAC,SAAD,CACE,KAAK,SACL,cAAa,EAAU,OACvB,eAAc,EAAU,OACxB,aAAY,EAAU,MACtB,QAAU,GAAU,CAClB,EAAM,eAAe,EACrB,EAAM,gBAAgB,EACtB,EAAU,SAAS,CACrB,EACA,UAAW,EAAA,GACT,8CACA,0EACA,4DACA,EAAA,2BAA2B,EAAU,MAAM,CAC7C,YAEA,EAAA,EAAA,KAAC,EAAA,IAAD,CACE,UAAW,EAAA,GAAG,cAAe,EAAU,QAAU,cAAc,EAC/D,cAAA,EACD,CAAA,CACK,CAAA,CACL,IA9BgB,CA2C3B"}

package/dist/components/features/sidebar/sidebar-nav-link.d.ts

@@ -1,4 +1,11 @@
 import React from "react";
+export interface SidebarNavLinkPinAction {
+    pinned: boolean;
+    onToggle: () => void;
+    /** Localized aria-label; pin vs unpin variants resolved by the caller. */
+    label: string;
+    testId: string;
+}
 interface SidebarNavLinkProps {
     to: string;
     label: string;
@@ -15,6 +22,8 @@ interface SidebarNavLinkProps {
      * (e.g. the Extensions link being active on /mcp and /plugins too).
      */
     forceActive?: boolean;
+    /** Pin-as-home toggle; rendered only when the sidebar is expanded. */
+    pinAction?: SidebarNavLinkPinAction;
 }
-export declare function SidebarNavLink({ to, label, end, indent, testId, disabled, icon, collapsed, hoverContent, forceActive, }: SidebarNavLinkProps): React.JSX.Element;
+export declare function SidebarNavLink({ to, label, end, indent, testId, disabled, icon, collapsed, hoverContent, forceActive, pinAction, }: SidebarNavLinkProps): React.JSX.Element;
 export {};