npm - @openhands/agent-canvas - Versions diffs - 1.15.0 → 1.17.0 - Mend

@openhands/agent-canvas 1.15.0 → 1.17.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1277) hide show

package/dist/routes/files-tab.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"files-tab.js","names":[],"sources":["../../src/routes/files-tab.tsx"],"sourcesContent":["import { useCallback, useEffect, useMemo, useRef, useState } from \"react\";\nimport { useTranslation } from \"react-i18next\";\nimport { useQueryClient } from \"@tanstack/react-query\";\n\nimport { NoFileSelectedMessage } from \"#/components/features/files-tab/no-file-selected-message\";\nimport { I18nKey } from \"#/i18n/declaration\";\nimport { useFilesTabStore } from \"#/stores/files-tab-store\";\nimport { useWorkspaceFiles } from \"#/hooks/query/use-workspace-files\";\nimport { useWorkspaceFileContent } from \"#/hooks/query/use-workspace-file-content\";\nimport { useAutoRefreshFilesOnEdit } from \"#/hooks/use-auto-refresh-files-on-edit\";\nimport { useOptionalConversationId } from \"#/hooks/use-conversation-id\";\nimport { useResizableDrawerWidth } from \"#/hooks/use-resizable-drawer-width\";\nimport {\n getConversationState,\n useConversationLocalStorageState,\n} from \"#/utils/conversation-local-storage\";\nimport {\n useWorkspaceMutationCounter,\n withWorkspaceCacheBuster,\n} from \"#/stores/use-workspace-mutation-counter\";\nimport { FileQuickRow } from \"#/components/features/files-tab/file-quick-row\";\nimport { FileTreeView } from \"#/components/features/files-tab/file-tree-view\";\nimport { FileContentViewer } from \"#/components/features/files-tab/file-content-viewer\";\nimport { SegmentedToggle } from \"#/components/features/files-tab/segmented-toggle\";\nimport { WorkspacePath } from \"#/components/features/files-tab/workspace-path\";\nimport type { ViewMode } from \"#/components/features/files-tab/view-mode\";\nimport {\n FILES_TAB_TREE_DEFAULT_WIDTH_PX,\n FILES_TAB_TREE_MAX_WIDTH_PX,\n FILES_TAB_TREE_MIN_WIDTH_PX,\n FILES_TAB_TREE_RESIZE_HANDLE_TEST_ID,\n FILES_TAB_TREE_WIDTH_STORAGE_KEY,\n} from \"#/components/features/files-tab/files-tab-tree.constants\";\nimport { ResizeHandle } from \"#/components/ui/resize-handle\";\nimport RefreshIcon from \"#/icons/u-refresh.svg?react\";\nimport LinkExternalIcon from \"#/icons/link-external.svg?react\";\nimport { useActiveConversation } from \"#/hooks/query/use-active-conversation\";\n\n/*\n Workspace file browser. Diff/Commits live in the sibling Commits\n * conversation tab — this surface is only the file tree / content viewer.\n */\nfunction FilesTab() {\n const { t } = useTranslation(\"openhands\");\n\n // Keep the list / content caches fresh as the agent writes files.\n useAutoRefreshFilesOnEdit();\n\n const { data: activeConversation } = useActiveConversation();\n const workspacePath = activeConversation?.workspace?.working_dir;\n\n const { conversationId } = useOptionalConversationId();\n const {\n state: persistedState,\n setFilesTabContentViewMode,\n setFilesTabTreeVisible,\n } = useConversationLocalStorageState(conversationId ?? \"\");\n const contentViewMode = persistedState.filesTabContentViewMode;\n const isTreeVisible = persistedState.filesTabTreeVisible ?? true;\n const toggleTreeVisible = useCallback(() => {\n setFilesTabTreeVisible?.(!isTreeVisible);\n }, [isTreeVisible, setFilesTabTreeVisible]);\n\n const treeLayoutRef = useRef<HTMLDivElement>(null);\n const {\n drawerWidth: treeWidth,\n isDragging: isTreeResizing,\n handleMouseDown: handleTreeResizeMouseDown,\n } = useResizableDrawerWidth({\n containerRef: treeLayoutRef,\n defaultWidth: FILES_TAB_TREE_DEFAULT_WIDTH_PX,\n minWidth: FILES_TAB_TREE_MIN_WIDTH_PX,\n maxWidth: FILES_TAB_TREE_MAX_WIDTH_PX,\n storageKey: FILES_TAB_TREE_WIDTH_STORAGE_KEY,\n enabled: isTreeVisible,\n edge: \"left\",\n });\n\n const filesQuery = useWorkspaceFiles();\n const paths = useMemo(() => filesQuery.data ?? [], [filesQuery.data]);\n\n const storedSelectedPath = useFilesTabStore((s) => s.selectedPath);\n const selectedConversationId = useFilesTabStore(\n (s) => s.selectedConversationId,\n );\n const openPaths = useFilesTabStore((s) => s.openPaths);\n const setSelectedPath = useFilesTabStore((s) => s.setSelectedPath);\n const closeOpenPath = useFilesTabStore((s) => s.closeOpenPath);\n const hydrateForConversation = useFilesTabStore(\n (s) => s.hydrateForConversation,\n );\n\n // A selection is scoped to the conversation it was made in. Ignore a path\n // that belongs to a different conversation so we never try to open a file\n // that only exists in the previous conversation's workspace (issue #1350).\n const selectedPath =\n selectedConversationId === conversationId ? storedSelectedPath : null;\n const conversationOpenPaths =\n selectedConversationId === conversationId ? openPaths : [];\n\n // Tag every selection with the active conversation so it can't leak into\n // the next one. Opening a path also appends it to the tab strip.\n const handleSelectFile = useCallback(\n (path: string) => setSelectedPath(path, conversationId),\n [conversationId, setSelectedPath],\n );\n\n // Pre-fetch the selected file's content here too so the toolbar's\n // \"open in new window\" link can reach for its `staticUrl`. react-query\n // dedupes against `FileContentViewer`'s identical call, so this costs\n // nothing extra.\n const selectedFileContent = useWorkspaceFileContent(selectedPath);\n const mutationCounter = useWorkspaceMutationCounter((state) => state.count);\n const selectedFileStaticUrl = withWorkspaceCacheBuster(\n selectedFileContent.data?.staticUrl ?? null,\n mutationCounter,\n );\n\n // Restore open tabs / selection from conversation-scoped localStorage on\n // mount and when switching conversations (survives a full page refresh).\n // Read localStorage directly — the React hook mirror can briefly hold the\n // previous conversation's state until its sync effect runs.\n useEffect(() => {\n if (!conversationId) return;\n if (selectedConversationId === conversationId) return;\n const persisted = getConversationState(conversationId);\n hydrateForConversation(\n conversationId,\n persisted.filesTabOpenPaths ?? [],\n persisted.filesTabSelectedPath ?? null,\n );\n }, [conversationId, selectedConversationId, hydrateForConversation]);\n\n const queryClient = useQueryClient();\n const [isRefreshing, setIsRefreshing] = useState(false);\n const refreshFiles = async () => {\n setIsRefreshing(true);\n try {\n await Promise.all([\n queryClient.invalidateQueries({ queryKey: [\"workspace-files\"] }),\n queryClient.invalidateQueries({ queryKey: [\"workspace-file-content\"] }),\n ]);\n } finally {\n setIsRefreshing(false);\n }\n };\n\n const quickRowActions = (\n <button\n type=\"button\"\n onClick={refreshFiles}\n disabled={isRefreshing}\n aria-label={t(I18nKey.FILES$REFRESH)}\n title={t(I18nKey.FILES$REFRESH)}\n data-testid=\"files-tab-refresh\"\n className=\"flex items-center justify-center w-[26px] py-1 rounded-[7px] hover:enabled:bg-[var(--oh-interactive-hover)] cursor-pointer disabled:opacity-50 disabled:cursor-not-allowed\"\n >\n <RefreshIcon\n width={12.75}\n height={15}\n color=\"#ffffff\"\n className={isRefreshing ? \"animate-spin\" : \"\"}\n />\n </button>\n );\n\n return (\n <main\n className=\"h-full w-full flex flex-col items-stretch\"\n data-testid=\"files-tab\"\n >\n <WorkspacePath path={workspacePath} />\n {filesQuery.isLoading ? (\n <div className=\"flex flex-1 items-center justify-center text-sm text-[var(--oh-muted)]\">\n {t(I18nKey.FILES$LOADING_FILES)}\n </div>\n ) : (\n <>\n <FileQuickRow\n openPaths={conversationOpenPaths}\n selectedPath={selectedPath}\n onSelectFile={handleSelectFile}\n onCloseFile={closeOpenPath}\n isTreeVisible={isTreeVisible}\n onToggleTree={toggleTreeVisible}\n actions={quickRowActions}\n />\n <div ref={treeLayoutRef} className=\"flex h-full min-h-0 flex-1\">\n {isTreeVisible && (\n <>\n <aside\n className=\"shrink-0 border-r border-[var(--oh-border)] overflow-y-auto custom-scrollbar-always\"\n data-testid=\"files-tab-tree\"\n style={{ width: `${treeWidth}px` }}\n >\n <FileTreeView\n paths={paths}\n selectedPath={selectedPath}\n onSelectFile={handleSelectFile}\n />\n </aside>\n <ResizeHandle\n testId={FILES_TAB_TREE_RESIZE_HANDLE_TEST_ID}\n onMouseDown={handleTreeResizeMouseDown}\n isDragging={isTreeResizing}\n />\n </>\n )}\n <section\n className=\"flex h-full min-h-0 min-w-0 flex-1 flex-col\"\n data-testid=\"files-tab-content\"\n >\n {selectedPath ? (\n <>\n <div className=\"flex items-center gap-3 px-3 py-1.5 border-b border-[var(--oh-border)]\">\n <SegmentedToggle<ViewMode>\n ariaLabel={t(I18nKey.FILES$RICH)}\n testId=\"files-tab-content-mode-toggle\"\n value={contentViewMode}\n options={[\n { value: \"rich\", label: t(I18nKey.FILES$RICH) },\n { value: \"plain\", label: t(I18nKey.FILES$PLAIN) },\n ]}\n onChange={setFilesTabContentViewMode}\n />\n {selectedFileStaticUrl ? (\n <a\n href={selectedFileStaticUrl}\n target=\"_blank\"\n rel=\"noopener noreferrer\"\n aria-label={t(I18nKey.FILES$OPEN_IN_NEW_WINDOW)}\n title={t(I18nKey.FILES$OPEN_IN_NEW_WINDOW)}\n data-testid=\"files-tab-open-in-new-window\"\n className=\"ml-auto flex items-center justify-center w-[26px] py-1 rounded-[7px] hover:bg-[var(--oh-interactive-hover)] cursor-pointer text-white\"\n >\n <LinkExternalIcon width={14} height={14} />\n </a>\n ) : null}\n </div>\n <FileContentViewer\n path={selectedPath}\n viewMode={contentViewMode}\n />\n </>\n ) : (\n <NoFileSelectedMessage />\n )}\n </section>\n </div>\n </>\n )}\n </main>\n );\n}\n\nexport default FilesTab;\n"],"mappings":"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"}
1	+ {"version":3,"file":"files-tab.js","names":[],"sources":["../../src/routes/files-tab.tsx"],"sourcesContent":["import { useCallback, useEffect, useMemo, useRef, useState } from \"react\";\nimport { useTranslation } from \"react-i18next\";\nimport { useQueryClient } from \"@tanstack/react-query\";\n\nimport { NoFileSelectedMessage } from \"#/components/features/files-tab/no-file-selected-message\";\nimport { I18nKey } from \"#/i18n/declaration\";\nimport { useFilesTabStore } from \"#/stores/files-tab-store\";\nimport { useWorkspaceFiles } from \"#/hooks/query/use-workspace-files\";\nimport { useWorkspaceFileContent } from \"#/hooks/query/use-workspace-file-content\";\nimport { useAutoRefreshFilesOnEdit } from \"#/hooks/use-auto-refresh-files-on-edit\";\nimport { useOptionalConversationId } from \"#/hooks/use-conversation-id\";\nimport { useResizableDrawerWidth } from \"#/hooks/use-resizable-drawer-width\";\nimport {\n getConversationState,\n useConversationLocalStorageState,\n} from \"#/utils/conversation-local-storage\";\nimport {\n useWorkspaceMutationCounter,\n withWorkspaceCacheBuster,\n} from \"#/stores/use-workspace-mutation-counter\";\nimport { FileQuickRow } from \"#/components/features/files-tab/file-quick-row\";\nimport { FileTreeView } from \"#/components/features/files-tab/file-tree-view\";\nimport { FileContentViewer } from \"#/components/features/files-tab/file-content-viewer\";\nimport { SegmentedToggle } from \"#/components/features/files-tab/segmented-toggle\";\nimport { WorkspacePath } from \"#/components/features/files-tab/workspace-path\";\nimport type { ViewMode } from \"#/components/features/files-tab/view-mode\";\nimport {\n FILES_TAB_TREE_DEFAULT_WIDTH_PX,\n FILES_TAB_TREE_MAX_WIDTH_PX,\n FILES_TAB_TREE_MIN_WIDTH_PX,\n FILES_TAB_TREE_RESIZE_HANDLE_TEST_ID,\n FILES_TAB_TREE_WIDTH_STORAGE_KEY,\n} from \"#/components/features/files-tab/files-tab-tree.constants\";\nimport { ResizeHandle } from \"#/components/ui/resize-handle\";\nimport RefreshIcon from \"#/icons/u-refresh.svg?react\";\nimport LinkExternalIcon from \"#/icons/link-external.svg?react\";\nimport { useActiveConversation } from \"#/hooks/query/use-active-conversation\";\n\n/*\n Workspace file browser. Diff/Commits live in the sibling Commits\n * conversation tab — this surface is only the file tree / content viewer.\n */\nfunction FilesTab() {\n const { t } = useTranslation(\"openhands\");\n\n // Keep the list / content caches fresh as the agent writes files.\n useAutoRefreshFilesOnEdit();\n\n const { data: activeConversation } = useActiveConversation();\n const workspacePath = activeConversation?.workspace?.working_dir;\n\n const { conversationId } = useOptionalConversationId();\n const {\n state: persistedState,\n setFilesTabContentViewMode,\n setFilesTabTreeVisible,\n } = useConversationLocalStorageState(conversationId ?? \"\");\n const contentViewMode = persistedState.filesTabContentViewMode;\n const isTreeVisible = persistedState.filesTabTreeVisible ?? true;\n const toggleTreeVisible = useCallback(() => {\n setFilesTabTreeVisible?.(!isTreeVisible);\n }, [isTreeVisible, setFilesTabTreeVisible]);\n\n const treeLayoutRef = useRef<HTMLDivElement>(null);\n const {\n drawerWidth: treeWidth,\n isDragging: isTreeResizing,\n handleMouseDown: handleTreeResizeMouseDown,\n } = useResizableDrawerWidth({\n containerRef: treeLayoutRef,\n defaultWidth: FILES_TAB_TREE_DEFAULT_WIDTH_PX,\n minWidth: FILES_TAB_TREE_MIN_WIDTH_PX,\n maxWidth: FILES_TAB_TREE_MAX_WIDTH_PX,\n storageKey: FILES_TAB_TREE_WIDTH_STORAGE_KEY,\n enabled: isTreeVisible,\n edge: \"left\",\n });\n\n const filesQuery = useWorkspaceFiles();\n const paths = useMemo(() => filesQuery.data ?? [], [filesQuery.data]);\n\n const storedSelectedPath = useFilesTabStore((s) => s.selectedPath);\n const selectedConversationId = useFilesTabStore(\n (s) => s.selectedConversationId,\n );\n const openPaths = useFilesTabStore((s) => s.openPaths);\n const setSelectedPath = useFilesTabStore((s) => s.setSelectedPath);\n const closeOpenPath = useFilesTabStore((s) => s.closeOpenPath);\n const hydrateForConversation = useFilesTabStore(\n (s) => s.hydrateForConversation,\n );\n\n // A selection is scoped to the conversation it was made in. Ignore a path\n // that belongs to a different conversation so we never try to open a file\n // that only exists in the previous conversation's workspace (issue #1350).\n const selectedPath =\n selectedConversationId === conversationId ? storedSelectedPath : null;\n const conversationOpenPaths =\n selectedConversationId === conversationId ? openPaths : [];\n\n // Tag every selection with the active conversation so it can't leak into\n // the next one. Opening a path also appends it to the tab strip.\n const handleSelectFile = useCallback(\n (path: string) => setSelectedPath(path, conversationId),\n [conversationId, setSelectedPath],\n );\n\n // Pre-fetch the selected file's content here too so the toolbar's\n // \"open in new window\" link can reach for its `staticUrl`. react-query\n // dedupes against `FileContentViewer`'s identical call, so this costs\n // nothing extra.\n const selectedFileContent = useWorkspaceFileContent(selectedPath);\n const mutationCounter = useWorkspaceMutationCounter((state) => state.count);\n const selectedFileStaticUrl = withWorkspaceCacheBuster(\n selectedFileContent.data?.staticUrl ?? null,\n mutationCounter,\n );\n\n // Restore open tabs / selection from conversation-scoped localStorage on\n // mount and when switching conversations (survives a full page refresh).\n // Read localStorage directly — the React hook mirror can briefly hold the\n // previous conversation's state until its sync effect runs.\n useEffect(() => {\n if (!conversationId) return;\n if (selectedConversationId === conversationId) return;\n const persisted = getConversationState(conversationId);\n hydrateForConversation(\n conversationId,\n persisted.filesTabOpenPaths ?? [],\n persisted.filesTabSelectedPath ?? null,\n );\n }, [conversationId, selectedConversationId, hydrateForConversation]);\n\n const queryClient = useQueryClient();\n const [isRefreshing, setIsRefreshing] = useState(false);\n const refreshFiles = async () => {\n setIsRefreshing(true);\n try {\n await Promise.all([\n queryClient.invalidateQueries({ queryKey: [\"workspace-files\"] }),\n queryClient.invalidateQueries({ queryKey: [\"workspace-file-content\"] }),\n ]);\n } finally {\n setIsRefreshing(false);\n }\n };\n\n const quickRowActions = (\n <button\n type=\"button\"\n onClick={refreshFiles}\n disabled={isRefreshing}\n aria-label={t(I18nKey.FILES$REFRESH)}\n title={t(I18nKey.FILES$REFRESH)}\n data-testid=\"files-tab-refresh\"\n className=\"flex items-center justify-center w-[26px] py-1 rounded-[7px] hover:enabled:bg-[var(--oh-interactive-hover)] cursor-pointer disabled:opacity-50 disabled:cursor-not-allowed\"\n >\n <RefreshIcon\n width={12.75}\n height={15}\n color=\"#ffffff\"\n className={isRefreshing ? \"animate-spin\" : \"\"}\n />\n </button>\n );\n\n return (\n <main\n className=\"h-full w-full flex flex-col items-stretch\"\n data-testid=\"files-tab\"\n >\n <WorkspacePath path={workspacePath} />\n {filesQuery.isLoading ? (\n <div className=\"flex flex-1 items-center justify-center text-sm text-[var(--oh-muted)]\">\n {t(I18nKey.FILES$LOADING_FILES)}\n </div>\n ) : (\n <>\n <FileQuickRow\n openPaths={conversationOpenPaths}\n selectedPath={selectedPath}\n onSelectFile={handleSelectFile}\n onCloseFile={closeOpenPath}\n isTreeVisible={isTreeVisible}\n onToggleTree={toggleTreeVisible}\n actions={quickRowActions}\n />\n <div ref={treeLayoutRef} className=\"flex h-full min-h-0 flex-1\">\n {isTreeVisible && (\n <>\n <aside\n className=\"shrink-0 border-r border-[var(--oh-border)] overflow-y-auto custom-scrollbar-always\"\n data-testid=\"files-tab-tree\"\n style={{ width: `${treeWidth}px` }}\n >\n <FileTreeView\n paths={paths}\n selectedPath={selectedPath}\n onSelectFile={handleSelectFile}\n />\n </aside>\n <ResizeHandle\n testId={FILES_TAB_TREE_RESIZE_HANDLE_TEST_ID}\n onMouseDown={handleTreeResizeMouseDown}\n isDragging={isTreeResizing}\n />\n </>\n )}\n <section\n className=\"flex h-full min-h-0 min-w-0 flex-1 flex-col\"\n data-testid=\"files-tab-content\"\n >\n {selectedPath ? (\n <>\n <div className=\"flex items-center gap-3 px-3 py-1.5 border-b border-[var(--oh-border)]\">\n <SegmentedToggle<ViewMode>\n ariaLabel={t(I18nKey.FILES$RICH)}\n testId=\"files-tab-content-mode-toggle\"\n value={contentViewMode}\n options={[\n { value: \"rich\", label: t(I18nKey.FILES$RICH) },\n { value: \"plain\", label: t(I18nKey.FILES$PLAIN) },\n ]}\n onChange={setFilesTabContentViewMode}\n />\n {selectedFileStaticUrl ? (\n <a\n href={selectedFileStaticUrl}\n target=\"_blank\"\n rel=\"noopener noreferrer\"\n aria-label={t(I18nKey.FILES$OPEN_IN_NEW_WINDOW)}\n title={t(I18nKey.FILES$OPEN_IN_NEW_WINDOW)}\n data-testid=\"files-tab-open-in-new-window\"\n className=\"ml-auto flex items-center justify-center w-[26px] py-1 rounded-[7px] hover:bg-[var(--oh-interactive-hover)] cursor-pointer text-white\"\n >\n <LinkExternalIcon width={14} height={14} />\n </a>\n ) : null}\n </div>\n <FileContentViewer\n path={selectedPath}\n viewMode={contentViewMode}\n />\n </>\n ) : (\n <NoFileSelectedMessage />\n )}\n </section>\n </div>\n </>\n )}\n </main>\n );\n}\n\nexport default FilesTab;\n"],"mappings":"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"}

package/dist/routes/llm-settings.cjs CHANGED Viewed

@@ -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/lucide-react/dist/esm/icons/info.cjs"),i=require("../services/settings.cjs"),a=require("../constants/llm-subscription.cjs"),o=require("../utils/format-model-name.cjs"),s=require("../hooks/query/use-settings.cjs"),c=require("../components/features/settings/settings-input.cjs"),l=require("../components/features/settings/settings-dropdown-input.cjs"),u=require("../utils/extract-model-and-provider.cjs"),d=require("../ui/help-link.cjs"),f=require("../components/shared/modals/settings/model-selector.cjs"),p=require("../hooks/query/use-agent-settings-schema.cjs"),m=require("../components/features/settings/llm-settings/openai-subscription-auth-card.cjs"),h=require("../components/features/settings/key-status-icon.cjs"),g=require("../utils/sdk-settings-schema.cjs"),_=require("../components/features/settings/sdk-settings/sdk-section-page.cjs"),v=require("../hooks/query/use-provider-connections.cjs");require("../components/features/settings/llm-profiles/index.cjs");const y=require("../hooks/query/use-llm-subscription-models.cjs");let b=require("react");b=e.__toESM(b,1);let x=require("react/jsx-runtime");var S=`llm.provider_connection_id`,C=`__none__`,w=new Set([`llm.model`,`llm.api_key`,`llm.base_url`,S,a.LLM_AUTH_TYPE_KEY,a.LLM_SUBSCRIPTION_VENDOR_KEY]),T=(e,t)=>!e||!t?null:`${e}/${t}`,E=(e,t)=>e?.sections.flatMap(e=>e.fields).find(e=>e.key===t)?.default??null,D={openai:new Set([`https://api.openai.com`,`https://api.openai.com/v1`]),moonshot:new Set([`https://api.kimi.com/coding/v1`])},O=e=>{try{let t=new URL(e),n=t.pathname.replace(/\/+$/,``)||``;return`${t.origin}${n}`}catch{return e.trim().replace(/\/+$/,``)}},k=(e,t)=>{let n=O(t),{provider:r}=u.extractModelAndProvider(e);if(r){let e=D[r];if(e)return e.has(n)}return Object.values(D).some(e=>e?.has(n))};function A({testId:e}){let{t:r}=t.useTranslation(`openhands`);return(0,x.jsx)(d.HelpLink,{testId:e,text:r(n.I18nKey.SETTINGS$OPENHANDS_API_KEY_HELP_TEXT),linkText:r(n.I18nKey.SETTINGS$NAV_API_KEYS),href:`https://app.all-hands.dev/settings/api-keys`,suffix:` ${r(n.I18nKey.SETTINGS$OPENHANDS_API_KEY_HELP_SUFFIX)}`})}function j(){return(0,x.jsxs)(`p`,{"data-testid":`openhands-free-models-note`,className:`flex items-start gap-2 text-xs text-warning`,children:[(0,x.jsx)(r.Info,{className:`mt-0.5 size-4 shrink-0 text-warning`,"aria-hidden":!0}),(0,x.jsx)(`span`,{children:o.FREE_OPENHANDS_MODEL_NOTE})]})}function M({scope:e=`personal`,onSaveSuccess:r,initialValueOverrides:u,embedded:D,hideSaveButton:O,suppressSuccessToast:M,onSaveControlChange:N,showProviderConnection:P}){let{t:F}=t.useTranslation(`openhands`),{data:I}=v.useProviderConnections(),L=b.default.useMemo(()=>P?I??[]:[],[P,I]),{data:R}=s.useSettings(e),{data:z}=p.useAgentSettingsSchema(R?.agent_settings_schema),B=R?.agent_settings?.llm,V=a.resolveLlmAuthType(u?.[`llm.auth_type`]??B?.auth_type),[H,U]=b.default.useState(V===a.LLM_AUTH_TYPE_SUBSCRIPTION),{data:W,isLoading:G,isFetching:K}=y.useOpenAISubscriptionModels({enabled:H}),q=H&&!W&&(G||K),J=b.default.useRef(null),Y=b.default.useRef(null);b.default.useEffect(()=>{V===`subscription`&&U(!0)},[V]);let X=String(i.DEFAULT_SETTINGS.agent_settings?.llm?.model??``),Z=b.default.useCallback((e,t)=>{let n=g.inferInitialView(e,t);if(n!==`basic`)return n;let r=e.llm_model??``,i=e.llm_base_url?.trim()??``;return i.length>0&&!k(r,i)?`all`:`basic`},[]),Q=b.default.useCallback(({values:e,isDisabled:t,view:r,onChange:i})=>{let s=typeof e[`llm.model`]==`string`?e[`llm.model`]:``,u=typeof e[`llm.base_url`]==`string`?e[`llm.base_url`]:``,p=s.startsWith(`openhands/`),g=a.resolveLlmAuthType(e[a.LLM_AUTH_TYPE_KEY]),_=g===a.LLM_AUTH_TYPE_SUBSCRIPTION,v=t||_&&q,y=W?.includes(s)?s:W?.[0]??``,b=typeof e[`llm.api_key`]==`string`?e[`llm.api_key`]:``,w=D?b.length>0:!!R?.llm_api_key_set,E=typeof e[`llm.provider_connection_id`]==`string`?e[S]:``,O=!!E,k=P&&!_&&(O||L.length>0),M=O&&!L.some(e=>e.id===E),N=()=>(0,x.jsx)(l.SettingsDropdownInput,{testId:`llm-provider-connection-input`,name:S,label:F(n.I18nKey.SETTINGS$PROVIDER_CONNECTION_SELECT_LABEL),items:[{key:C,label:F(n.I18nKey.SETTINGS$MCP_AUTH_MODE_NONE)},...L.map(e=>({key:e.id,label:e.display_name})),...M?[{key:E,label:E}]:[]],selectedKey:E||C,isClearable:!1,isDisabled:t,onSelectionChange:e=>{i(S,typeof e==`string`&&e!==C?e:``)}}),I=(e,r)=>(0,x.jsxs)(x.Fragment,{children:[(0,x.jsx)(c.SettingsInput,{testId:e,label:F(n.I18nKey.SETTINGS_FORM$API_KEY),type:`password`,className:`w-full`,value:b,placeholder:w?`<hidden>`:``,onChange:e=>i(`llm.api_key`,e),isDisabled:t,startContent:w?(0,x.jsx)(h.KeyStatusIcon,{isSet:w}):void 0}),(0,x.jsx)(d.HelpLink,{testId:r,text:F(n.I18nKey.SETTINGS$DONT_KNOW_API_KEY),linkText:F(n.I18nKey.SETTINGS$CLICK_FOR_INSTRUCTIONS),href:`https://docs.openhands.dev/usage/local-setup#getting-an-api-key`})]}),z=e=>{let t=e===`subscription`?a.LLM_AUTH_TYPE_SUBSCRIPTION:a.LLM_AUTH_TYPE_API_KEY;if(i(a.LLM_AUTH_TYPE_KEY,t),t===`subscription`){U(!0),s&&!W?.includes(s)&&(J.current=s);let e=Y.current&&W?.includes(Y.current)?Y.current:W?.[0];i(a.LLM_SUBSCRIPTION_VENDOR_KEY,a.OPENAI_SUBSCRIPTION_VENDOR),!W?.includes(s)&&e&&i(`llm.model`,e);return}s&&W?.includes(s)&&(Y.current=s,i(`llm.model`,J.current??X))},B=()=>(0,x.jsx)(l.SettingsDropdownInput,{testId:`llm-auth-type-input`,name:a.LLM_AUTH_TYPE_KEY,label:F(n.I18nKey.SETTINGS$LLM_AUTH_TYPE),items:[{key:a.LLM_AUTH_TYPE_API_KEY,label:F(n.I18nKey.SETTINGS$LLM_AUTH_TYPE_API_KEY)},{key:a.LLM_AUTH_TYPE_SUBSCRIPTION,label:F(n.I18nKey.SETTINGS$LLM_AUTH_TYPE_SUBSCRIPTION)}],selectedKey:g,isClearable:!1,required:!0,isDisabled:v,onSelectionChange:z}),V=()=>(0,x.jsxs)(`div`,{className:`flex flex-col gap-6`,"data-testid":`llm-subscription-settings`,children:[(0,x.jsx)(l.SettingsDropdownInput,{testId:`llm-subscription-model-input`,name:`llm.subscription_model`,label:F(n.I18nKey.SETTINGS$SUBSCRIPTION_MODEL),items:(W??[]).map(e=>({key:e,label:e})),selectedKey:y,isClearable:!1,required:!0,isDisabled:v||!W?.length,onSelectionChange:e=>{let t=typeof e==`string`?e:W?.[0];t&&i(`llm.model`,t)}}),(0,x.jsx)(m.OpenAISubscriptionAuthCard,{isDisabled:t})]});return(0,x.jsx)(`div`,{className:`flex flex-col gap-6`,children:r===`basic`?(0,x.jsxs)(`div`,{className:`flex flex-col gap-6`,"data-testid":`llm-settings-form-basic`,children:[B(),_?V():(0,x.jsxs)(x.Fragment,{children:[(0,x.jsx)(f.ModelSelector,{currentModel:s||void 0,onChange:(e,t)=>{let n=T(e,t);n&&i(`llm.model`,n)},wrapperClassName:`!flex-col !gap-6`,isDisabled:t}),k?N():null,p&&!O?(0,x.jsx)(A,{testId:`openhands-api-key-help`}):null,O?null:I(`llm-api-key-input`,`llm-api-key-help-anchor`)]})]}):(0,x.jsxs)(`div`,{className:`flex flex-col gap-6`,"data-testid":`llm-settings-form-advanced`,children:[B(),_?V():(0,x.jsxs)(x.Fragment,{children:[(0,x.jsx)(c.SettingsInput,{testId:`llm-custom-model-input`,label:F(n.I18nKey.SETTINGS$CUSTOM_MODEL),type:`text`,className:`w-full`,value:s,placeholder:X,onChange:e=>i(`llm.model`,e),isDisabled:t}),p&&!O?(0,x.jsxs)(x.Fragment,{children:[o.isFreeOpenHandsModel(s)?(0,x.jsx)(j,{}):null,(0,x.jsx)(A,{testId:`openhands-api-key-help-2`})]}):null,k?N():null,O?null:(0,x.jsx)(c.SettingsInput,{testId:`base-url-input`,label:F(n.I18nKey.SETTINGS$BASE_URL),type:`text`,className:`w-full`,value:u,placeholder:`https://api.openai.com`,onChange:e=>i(`llm.base_url`,e),isDisabled:t}),O?null:I(`llm-api-key-input`,`llm-api-key-help-anchor-advanced`)]})]})})},[L,P,X,D,q,R?.llm_api_key_set,W,F]),$=b.default.useCallback((e,t)=>{let n=structuredClone(e.agent_settings_diff??{}),r=n.llm??{};if(a.resolveLlmAuthType(t.values[`llm.auth_type`])===`subscription`){r.auth_type=a.LLM_AUTH_TYPE_SUBSCRIPTION,r.subscription_vendor=a.OPENAI_SUBSCRIPTION_VENDOR;let e=typeof r.model==`string`?r.model:String(t.values[`llm.model`]??``),n=W?.[0];if(!W?.includes(e)&&!n)throw Error(`Subscription models are not loaded yet.`);r.model=W?.includes(e)?e:n,delete r.api_key,delete r.base_url}else t.dirty[`llm.auth_type`]&&(r.auth_type=a.LLM_AUTH_TYPE_API_KEY,r.subscription_vendor=null),t.view===`basic`&&r.model!==void 0&&(r.base_url=E(z,`llm.base_url`));return n.llm=r,{agent_settings_diff:n}},[z,W]);return(0,x.jsx)(_.SdkSectionPage,{scope:e,settingsSources:[{settingsSource:`agent_settings`,sectionKeys:[`llm`],excludeKeys:w}],header:Q,buildPayload:$,getInitialView:Z,forceShowAdvancedView:!0,allowAllView:!0,onSaveSuccess:r,initialValueOverrides:u,embedded:D,hideSaveButton:O,suppressSuccessToast:M,onSaveControlChange:N,testId:`llm-settings-screen`})}exports.LlmSettingsScreen=M;
+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/lucide-react/dist/esm/icons/info.cjs"),i=require("../contexts/active-backend-context.cjs"),a=require("../services/settings.cjs"),o=require("../constants/llm-subscription.cjs"),s=require("../hooks/query/use-settings.cjs"),c=require("../utils/format-model-name.cjs"),l=require("../components/features/settings/settings-input.cjs"),u=require("../components/features/settings/settings-dropdown-input.cjs"),d=require("../utils/extract-model-and-provider.cjs"),f=require("../ui/help-link.cjs"),p=require("../components/shared/modals/settings/model-selector.cjs"),m=require("../hooks/query/use-agent-settings-schema.cjs"),h=require("../components/features/settings/llm-settings/openai-subscription-auth-card.cjs"),g=require("../components/features/settings/key-status-icon.cjs"),_=require("../utils/sdk-settings-schema.cjs"),v=require("../components/features/settings/sdk-settings/sdk-section-page.cjs"),y=require("../hooks/query/use-provider-connections.cjs");require("../components/features/settings/llm-profiles/index.cjs");const b=require("../hooks/query/use-llm-subscription-models.cjs");let x=require("react");x=e.__toESM(x,1);let S=require("react/jsx-runtime");var C=`llm.provider_connection_id`,w=`__none__`,T=new Set([`llm.model`,`llm.api_key`,`llm.base_url`,C,o.LLM_AUTH_TYPE_KEY,o.LLM_SUBSCRIPTION_VENDOR_KEY]),E=(e,t)=>!e||!t?null:`${e}/${t}`,D=(e,t)=>e?.sections.flatMap(e=>e.fields).find(e=>e.key===t)?.default??null,O={openai:new Set([`https://api.openai.com`,`https://api.openai.com/v1`]),moonshot:new Set([`https://api.kimi.com/coding/v1`])},k=e=>{try{let t=new URL(e),n=t.pathname.replace(/\/+$/,``)||``;return`${t.origin}${n}`}catch{return e.trim().replace(/\/+$/,``)}},A=(e,t)=>{let n=k(t),{provider:r}=d.extractModelAndProvider(e);if(r){let e=O[r];if(e)return e.has(n)}return Object.values(O).some(e=>e?.has(n))};function ee({testId:e}){let{t:r}=t.useTranslation(`openhands`);return(0,S.jsx)(f.HelpLink,{testId:e,text:r(n.I18nKey.SETTINGS$OPENHANDS_API_KEY_HELP_TEXT),linkText:r(n.I18nKey.SETTINGS$OPENHANDS_API_KEY_HELP_LINK),href:`https://app.all-hands.dev/settings/api-keys`,suffix:` ${r(n.I18nKey.SETTINGS$OPENHANDS_API_KEY_HELP_SUFFIX)}`,suffixLinkText:r(n.I18nKey.SETTINGS$SEE_HERE_FOR_MORE_DETAILS),suffixLinkHref:`https://docs.openhands.dev/usage/local-setup#getting-an-api-key`,trailing:`.`})}function j(){return(0,S.jsxs)(`p`,{"data-testid":`openhands-free-models-note`,className:`flex items-start gap-2 text-xs text-warning`,children:[(0,S.jsx)(r.Info,{className:`mt-0.5 size-4 shrink-0 text-warning`,"aria-hidden":!0}),(0,S.jsx)(`span`,{children:c.FREE_OPENHANDS_MODEL_NOTE})]})}function M({scope:e=`personal`,onSaveSuccess:r,initialValueOverrides:d,markInitialOverridesDirty:O,embedded:k,hideSaveButton:M,suppressSuccessToast:N,onSaveControlChange:P,showProviderConnection:F}){let{t:I}=t.useTranslation(`openhands`),{backend:L}=i.useActiveBackend(),R=L.kind===`cloud`,{data:z}=y.useProviderConnections(),B=x.default.useMemo(()=>F?z??[]:[],[F,z]),{data:V}=s.useSettings(e),{data:H}=m.useAgentSettingsSchema(V?.agent_settings_schema),U=V?.agent_settings?.llm,W=o.resolveLlmAuthType(d?.[`llm.auth_type`]??U?.auth_type),[G,K]=x.default.useState(W===o.LLM_AUTH_TYPE_SUBSCRIPTION),{data:q,isLoading:J,isFetching:Y}=b.useOpenAISubscriptionModels({enabled:G}),X=G&&!q&&(J||Y),Z=x.default.useRef(null),Q=x.default.useRef(null);x.default.useEffect(()=>{W===`subscription`&&K(!0)},[W]);let $=String(a.DEFAULT_SETTINGS.agent_settings?.llm?.model??``),te=x.default.useCallback((e,t)=>{let n=_.inferInitialView(e,t);if(n!==`basic`)return n;let r=e.llm_model??``,i=e.llm_base_url?.trim()??``;return i.length>0&&!A(r,i)?`all`:`basic`},[]),ne=x.default.useCallback(({values:e,isDisabled:t,view:r,onChange:i})=>{let a=typeof e[`llm.model`]==`string`?e[`llm.model`]:``,s=typeof e[`llm.base_url`]==`string`?e[`llm.base_url`]:``,d=c.isOpenHandsProviderModel(a),m=o.resolveLlmAuthType(e[o.LLM_AUTH_TYPE_KEY]),_=m===o.LLM_AUTH_TYPE_SUBSCRIPTION,v=R&&d&&!_,y=t||_&&X,b=q?.includes(a)?a:q?.[0]??``,x=typeof e[`llm.api_key`]==`string`?e[`llm.api_key`]:``,T=k?x.length>0:!!V?.llm_api_key_set,D=typeof e[`llm.provider_connection_id`]==`string`?e[C]:``,O=!!D,A=F&&!_&&(O||B.length>0),M=O&&!B.some(e=>e.id===D),N=()=>(0,S.jsx)(u.SettingsDropdownInput,{testId:`llm-provider-connection-input`,name:C,label:I(n.I18nKey.SETTINGS$PROVIDER_CONNECTION_SELECT_LABEL),items:[{key:w,label:I(n.I18nKey.SETTINGS$MCP_AUTH_MODE_NONE)},...B.map(e=>({key:e.id,label:e.display_name})),...M?[{key:D,label:D}]:[]],selectedKey:D||w,isClearable:!1,isDisabled:t,onSelectionChange:e=>{i(C,typeof e==`string`&&e!==w?e:``)}}),P=(e,r,a)=>(0,S.jsxs)(S.Fragment,{children:[(0,S.jsx)(l.SettingsInput,{testId:e,label:I(n.I18nKey.SETTINGS_FORM$API_KEY),type:`password`,className:`w-full`,value:x,placeholder:T?`<hidden>`:``,onChange:e=>i(`llm.api_key`,e),isDisabled:t,startContent:T?(0,S.jsx)(g.KeyStatusIcon,{isSet:T}):void 0}),d?(0,S.jsx)(ee,{testId:a}):(0,S.jsx)(f.HelpLink,{testId:r,text:I(n.I18nKey.SETTINGS$DONT_KNOW_API_KEY),linkText:I(n.I18nKey.SETTINGS$CLICK_FOR_INSTRUCTIONS),href:`https://docs.openhands.dev/usage/local-setup#getting-an-api-key`})]}),L=e=>{let t=e===`subscription`?o.LLM_AUTH_TYPE_SUBSCRIPTION:o.LLM_AUTH_TYPE_API_KEY;if(i(o.LLM_AUTH_TYPE_KEY,t),t===`subscription`){K(!0),a&&!q?.includes(a)&&(Z.current=a);let e=Q.current&&q?.includes(Q.current)?Q.current:q?.[0];i(o.LLM_SUBSCRIPTION_VENDOR_KEY,o.OPENAI_SUBSCRIPTION_VENDOR),!q?.includes(a)&&e&&i(`llm.model`,e);return}a&&q?.includes(a)&&(Q.current=a,i(`llm.model`,Z.current??$))},z=()=>(0,S.jsx)(u.SettingsDropdownInput,{testId:`llm-auth-type-input`,name:o.LLM_AUTH_TYPE_KEY,label:I(n.I18nKey.SETTINGS$LLM_AUTH_TYPE),items:[{key:o.LLM_AUTH_TYPE_API_KEY,label:I(n.I18nKey.SETTINGS$LLM_AUTH_TYPE_API_KEY)},{key:o.LLM_AUTH_TYPE_SUBSCRIPTION,label:I(n.I18nKey.SETTINGS$LLM_AUTH_TYPE_SUBSCRIPTION)}],selectedKey:m,isClearable:!1,required:!0,isDisabled:y,onSelectionChange:L}),H=()=>(0,S.jsxs)(`div`,{className:`flex flex-col gap-6`,"data-testid":`llm-subscription-settings`,children:[(0,S.jsx)(u.SettingsDropdownInput,{testId:`llm-subscription-model-input`,name:`llm.subscription_model`,label:I(n.I18nKey.SETTINGS$SUBSCRIPTION_MODEL),items:(q??[]).map(e=>({key:e,label:e})),selectedKey:b,isClearable:!1,required:!0,isDisabled:y||!q?.length,onSelectionChange:e=>{let t=typeof e==`string`?e:q?.[0];t&&i(`llm.model`,t)}}),(0,S.jsx)(h.OpenAISubscriptionAuthCard,{isDisabled:t})]});return(0,S.jsx)(`div`,{className:`flex flex-col gap-6`,children:r===`basic`?(0,S.jsxs)(`div`,{className:`flex flex-col gap-6`,"data-testid":`llm-settings-form-basic`,children:[z(),_?H():(0,S.jsxs)(S.Fragment,{children:[(0,S.jsx)(p.ModelSelector,{currentModel:a||void 0,onChange:(e,t)=>{let n=E(e,t);n&&i(`llm.model`,n)},wrapperClassName:`!flex-col !gap-6`,isDisabled:t}),A?N():null,O||v?null:P(`llm-api-key-input`,`llm-api-key-help-anchor`,`openhands-api-key-help`)]})]}):(0,S.jsxs)(`div`,{className:`flex flex-col gap-6`,"data-testid":`llm-settings-form-advanced`,children:[z(),_?H():(0,S.jsxs)(S.Fragment,{children:[(0,S.jsx)(l.SettingsInput,{testId:`llm-custom-model-input`,label:I(n.I18nKey.SETTINGS$CUSTOM_MODEL),type:`text`,className:`w-full`,value:a,placeholder:$,onChange:e=>i(`llm.model`,e),isDisabled:t}),d&&!O?(0,S.jsx)(S.Fragment,{children:c.isFreeOpenHandsModel(a)?(0,S.jsx)(j,{}):null}):null,A?N():null,O||v?null:(0,S.jsx)(l.SettingsInput,{testId:`base-url-input`,label:I(n.I18nKey.SETTINGS$BASE_URL),type:`text`,className:`w-full`,value:s,placeholder:`https://api.openai.com`,onChange:e=>i(`llm.base_url`,e),isDisabled:t}),O||v?null:P(`llm-api-key-input`,`llm-api-key-help-anchor-advanced`,`openhands-api-key-help-2`)]})]})})},[B,F,$,k,R,X,V?.llm_api_key_set,q,I]),re=x.default.useCallback((e,t)=>{let n=structuredClone(e.agent_settings_diff??{}),r=n.llm??{};if(o.resolveLlmAuthType(t.values[`llm.auth_type`])===`subscription`){r.auth_type=o.LLM_AUTH_TYPE_SUBSCRIPTION,r.subscription_vendor=o.OPENAI_SUBSCRIPTION_VENDOR;let e=typeof r.model==`string`?r.model:String(t.values[`llm.model`]??``),n=q?.[0];if(!q?.includes(e)&&!n)throw Error(`Subscription models are not loaded yet.`);r.model=q?.includes(e)?e:n,delete r.api_key,delete r.base_url}else t.dirty[`llm.auth_type`]&&(r.auth_type=o.LLM_AUTH_TYPE_API_KEY,r.subscription_vendor=null),t.view===`basic`&&r.model!==void 0&&(r.base_url=D(H,`llm.base_url`)),R&&c.isOpenHandsProviderModel(String(t.values[`llm.model`]??``))&&(delete r.api_key,delete r.base_url);return n.llm=r,{agent_settings_diff:n}},[H,q,R]);return(0,S.jsx)(v.SdkSectionPage,{scope:e,settingsSources:[{settingsSource:`agent_settings`,sectionKeys:[`llm`],excludeKeys:T}],header:ne,buildPayload:re,getInitialView:te,forceShowAdvancedView:!0,allowAllView:!0,onSaveSuccess:r,initialValueOverrides:d,markInitialOverridesDirty:O,embedded:k,hideSaveButton:M,suppressSuccessToast:N,onSaveControlChange:P,testId:`llm-settings-screen`})}exports.LlmSettingsScreen=M;
 //# sourceMappingURL=llm-settings.cjs.map

package/dist/routes/llm-settings.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"llm-settings.cjs","names":[],"sources":["../../src/routes/llm-settings.tsx"],"sourcesContent":["import React from \"react\";\nimport { Info } from \"lucide-react\";\nimport { useTranslation } from \"react-i18next\";\nimport { ModelSelector } from \"#/components/shared/modals/settings/model-selector\";\nimport { useAgentSettingsSchema } from \"#/hooks/query/use-agent-settings-schema\";\nimport { useSettings } from \"#/hooks/query/use-settings\";\nimport { SettingsInput } from \"#/components/features/settings/settings-input\";\nimport { SettingsDropdownInput } from \"#/components/features/settings/settings-dropdown-input\";\nimport { OpenAISubscriptionAuthCard } from \"#/components/features/settings/llm-settings/openai-subscription-auth-card\";\nimport { HelpLink } from \"#/ui/help-link\";\nimport { KeyStatusIcon } from \"#/components/features/settings/key-status-icon\";\nimport {\n SdkSectionHeaderProps,\n SdkSectionPage,\n SdkSectionSaveControl,\n} from \"#/components/features/settings/sdk-settings/sdk-section-page\";\nimport { LlmSettingsLocalView } from \"#/components/features/settings/llm-profiles\";\nimport { I18nKey } from \"#/i18n/declaration\";\nimport { Settings, SettingsSchema, SettingsScope } from \"#/types/settings\";\nimport { extractModelAndProvider } from \"#/utils/extract-model-and-provider\";\nimport {\n inferInitialView,\n type SettingsFormValues,\n type SettingsView,\n} from \"#/utils/sdk-settings-schema\";\nimport { DEFAULT_SETTINGS } from \"#/services/settings\";\nimport {\n LLM_AUTH_TYPE_API_KEY,\n LLM_AUTH_TYPE_KEY,\n LLM_AUTH_TYPE_SUBSCRIPTION,\n LLM_SUBSCRIPTION_VENDOR_KEY,\n OPENAI_SUBSCRIPTION_VENDOR,\n resolveLlmAuthType,\n} from \"#/constants/llm-subscription\";\nimport { useOpenAISubscriptionModels } from \"#/hooks/query/use-llm-subscription-models\";\nimport { useProviderConnections } from \"#/hooks/query/use-provider-connections\";\nimport {\n FREE_OPENHANDS_MODEL_NOTE,\n isFreeOpenHandsModel,\n} from \"#/utils/format-model-name\";\n\n/** Form-values key for the shared provider connection a profile links to. /\nexport const LLM_PROVIDER_CONNECTION_KEY = \"llm.provider_connection_id\";\n\n/* Dropdown sentinel for \"no provider connection\" (an inline key is used). /\nconst NO_PROVIDER_CONNECTION = \"__none__\";\n\nconst LLM_EXCLUDED_KEYS = new Set([\n \"llm.model\",\n \"llm.api_key\",\n \"llm.base_url\",\n LLM_PROVIDER_CONNECTION_KEY,\n LLM_AUTH_TYPE_KEY,\n LLM_SUBSCRIPTION_VENDOR_KEY,\n]);\n\nconst buildModelId = (provider: string \| null, model: string \| null) => {\n if (!provider \|\| !model) return null;\n return `${provider}/${model}`;\n};\n\nconst getSchemaFieldDefaultValue = (\n schema: SettingsSchema \| null \| undefined,\n fieldKey: string,\n) =>\n schema?.sections\n .flatMap((section) => section.fields)\n .find((field) => field.key === fieldKey)?.default ?? null;\n\nconst KNOWN_PROVIDER_DEFAULT_BASE_URLS: Partial<Record<string, Set<string>>> = {\n openai: new Set([\"https://api.openai.com\", \"https://api.openai.com/v1\"]),\n moonshot: new Set([\"https://api.kimi.com/coding/v1\"]),\n};\n\nconst normalizeBaseUrl = (baseUrl: string) => {\n try {\n const parsedUrl = new URL(baseUrl);\n const normalizedPath = parsedUrl.pathname.replace(/\\/+$/, \"\") \|\| \"\";\n return `${parsedUrl.origin}${normalizedPath}`;\n } catch {\n return baseUrl.trim().replace(/\\/+$/, \"\");\n }\n};\n\nconst isProviderDefaultBaseUrl = (model: string, baseUrl: string) => {\n const normalizedBaseUrl = normalizeBaseUrl(baseUrl);\n const { provider } = extractModelAndProvider(model);\n\n if (provider) {\n const knownDefaults = KNOWN_PROVIDER_DEFAULT_BASE_URLS[provider];\n if (knownDefaults) {\n return knownDefaults.has(normalizedBaseUrl);\n }\n }\n\n return Object.values(KNOWN_PROVIDER_DEFAULT_BASE_URLS).some((knownDefaults) =>\n knownDefaults?.has(normalizedBaseUrl),\n );\n};\n\ninterface OpenHandsApiKeyHelpProps {\n testId: string;\n}\n\nfunction OpenHandsApiKeyHelp({ testId }: OpenHandsApiKeyHelpProps) {\n const { t } = useTranslation(\"openhands\");\n\n return (\n <HelpLink\n testId={testId}\n text={t(I18nKey.SETTINGS$OPENHANDS_API_KEY_HELP_TEXT)}\n linkText={t(I18nKey.SETTINGS$NAV_API_KEYS)}\n href=\"https://app.all-hands.dev/settings/api-keys\"\n suffix={` ${t(I18nKey.SETTINGS$OPENHANDS_API_KEY_HELP_SUFFIX)}`}\n />\n );\n}\n\nfunction OpenHandsFreeModelsNote() {\n return (\n <p\n data-testid=\"openhands-free-models-note\"\n className=\"flex items-start gap-2 text-xs text-warning\"\n >\n <Info className=\"mt-0.5 size-4 shrink-0 text-warning\" aria-hidden />\n <span>{FREE_OPENHANDS_MODEL_NOTE}</span>\n </p>\n );\n}\n\nexport function LlmSettingsScreen({\n scope = \"personal\",\n onSaveSuccess,\n initialValueOverrides,\n embedded,\n hideSaveButton,\n suppressSuccessToast,\n onSaveControlChange,\n showProviderConnection,\n}: {\n scope?: SettingsScope;\n /* Optional hook fired after a successful save (e.g. advance an onboarding step). /\n onSaveSuccess?: () => void;\n /* Forwarded to {@link SdkSectionPage}. /\n initialValueOverrides?: SettingsFormValues;\n /* Forwarded to {@link SdkSectionPage}. /\n embedded?: boolean;\n /* Forwarded to {@link SdkSectionPage}. /\n hideSaveButton?: boolean;\n /* Forwarded to {@link SdkSectionPage}. /\n suppressSuccessToast?: boolean;\n /* Forwarded to {@link SdkSectionPage}. /\n onSaveControlChange?: (control: SdkSectionSaveControl) => void;\n /\n When true (the local profile editor), show a \"Provider connection\" selector\n * that links this profile to a shared connection. Only rendered when at least\n * one connection exists, so the form is unchanged until the user creates one.\n /\n showProviderConnection?: boolean;\n}) {\n const { t } = useTranslation(\"openhands\");\n\n const { data: providerConnections } = useProviderConnections();\n const connectionOptions = React.useMemo(\n () => (showProviderConnection ? (providerConnections ?? []) : []),\n [showProviderConnection, providerConnections],\n );\n\n const { data: settings } = useSettings(scope);\n const { data: schema } = useAgentSettingsSchema(\n settings?.agent_settings_schema,\n );\n const persistedLlmSettings = settings?.agent_settings?.llm as\n \| Record<string, unknown>\n \| undefined;\n const initialAuthType = resolveLlmAuthType(\n initialValueOverrides?.[LLM_AUTH_TYPE_KEY] ??\n persistedLlmSettings?.auth_type,\n );\n const [enableSubscriptionModels, setEnableSubscriptionModels] =\n React.useState(initialAuthType === LLM_AUTH_TYPE_SUBSCRIPTION);\n const {\n data: subscriptionModels,\n isLoading: isSubscriptionModelsLoading,\n isFetching: isSubscriptionModelsFetching,\n } = useOpenAISubscriptionModels({ enabled: enableSubscriptionModels });\n const isWaitingForSubscriptionModels =\n enableSubscriptionModels &&\n !subscriptionModels &&\n (isSubscriptionModelsLoading \|\| isSubscriptionModelsFetching);\n const lastApiKeyModelRef = React.useRef<string \| null>(null);\n const lastSubscriptionModelRef = React.useRef<string \| null>(null);\n\n React.useEffect(() => {\n if (initialAuthType === LLM_AUTH_TYPE_SUBSCRIPTION) {\n setEnableSubscriptionModels(true);\n }\n }, [initialAuthType]);\n\n const defaultModel = String(\n (DEFAULT_SETTINGS.agent_settings?.llm as Record<string, unknown>)?.model ??\n \"\",\n );\n\n const getInitialView = React.useCallback(\n (\n currentSettings: Settings,\n filteredSchema: SettingsSchema,\n ): SettingsView => {\n const schemaView = inferInitialView(currentSettings, filteredSchema);\n if (schemaView !== \"basic\") {\n return schemaView;\n }\n\n const currentModel = currentSettings.llm_model ?? \"\";\n const trimmedBaseUrl = currentSettings.llm_base_url?.trim() ?? \"\";\n const hasCustomBaseUrl =\n trimmedBaseUrl.length > 0 &&\n !isProviderDefaultBaseUrl(currentModel, trimmedBaseUrl);\n\n return hasCustomBaseUrl ? \"all\" : \"basic\";\n },\n [],\n );\n\n const buildHeader = React.useCallback(\n ({ values, isDisabled, view, onChange }: SdkSectionHeaderProps) => {\n const modelValue =\n typeof values[\"llm.model\"] === \"string\" ? values[\"llm.model\"] : \"\";\n const baseUrlValue =\n typeof values[\"llm.base_url\"] === \"string\"\n ? values[\"llm.base_url\"]\n : \"\";\n const showOpenHandsApiKeyHelp = modelValue.startsWith(\"openhands/\");\n const authType = resolveLlmAuthType(values[LLM_AUTH_TYPE_KEY]);\n const isSubscriptionAuth = authType === LLM_AUTH_TYPE_SUBSCRIPTION;\n const shouldDisableSubscriptionControls =\n isDisabled \|\| (isSubscriptionAuth && isWaitingForSubscriptionModels);\n const subscriptionModelValue = subscriptionModels?.includes(modelValue)\n ? modelValue\n : (subscriptionModels?.[0] ?? \"\");\n\n const apiKeyValue =\n typeof values[\"llm.api_key\"] === \"string\" ? values[\"llm.api_key\"] : \"\";\n // For embedded profile forms (create/edit) the global\n // `llm_api_key_set` flag is misleading: a brand-new profile would show a\n // \"key set\" indicator just because some other profile has a key. Reflect\n // the form's own key state instead so create mode starts visibly unset.\n const apiKeyIsSet = embedded\n ? apiKeyValue.length > 0\n : Boolean(settings?.llm_api_key_set);\n\n // A profile linked to a provider connection reads its api_key / base_url\n // from that connection, so the inline key + base URL inputs are hidden.\n const connectionValue =\n typeof values[LLM_PROVIDER_CONNECTION_KEY] === \"string\"\n ? values[LLM_PROVIDER_CONNECTION_KEY]\n : \"\";\n const isLinkedToConnection = Boolean(connectionValue);\n // Show the selector whenever connections can be linked here. Include the\n // linked case so a profile pointing at an orphaned connection (its only\n // connection deleted, or the list still loading) still exposes a control\n // to unlink — otherwise the API key / base URL inputs stay hidden with no\n // way to recover.\n const showConnectionSelector =\n showProviderConnection &&\n !isSubscriptionAuth &&\n (isLinkedToConnection \|\| connectionOptions.length > 0);\n // Surface an orphaned link (a selected id absent from the fetched list)\n // as its own option so the dropdown reflects it and can be cleared.\n const isOrphanedLink =\n isLinkedToConnection &&\n !connectionOptions.some((c) => c.id === connectionValue);\n\n const renderConnectionSelector = () => (\n <SettingsDropdownInput\n testId=\"llm-provider-connection-input\"\n name={LLM_PROVIDER_CONNECTION_KEY}\n label={t(I18nKey.SETTINGS$PROVIDER_CONNECTION_SELECT_LABEL)}\n items={[\n {\n key: NO_PROVIDER_CONNECTION,\n label: t(I18nKey.SETTINGS$MCP_AUTH_MODE_NONE),\n },\n ...connectionOptions.map((connection) => ({\n key: connection.id,\n label: connection.display_name,\n })),\n ...(isOrphanedLink\n ? [{ key: connectionValue, label: connectionValue }]\n : []),\n ]}\n selectedKey={connectionValue \|\| NO_PROVIDER_CONNECTION}\n isClearable={false}\n isDisabled={isDisabled}\n onSelectionChange={(selectedKey) => {\n const next =\n typeof selectedKey === \"string\" &&\n selectedKey !== NO_PROVIDER_CONNECTION\n ? selectedKey\n : \"\";\n onChange(LLM_PROVIDER_CONNECTION_KEY, next);\n }}\n />\n );\n\n const renderApiKeyInput = (testId: string, helpTestId: string) => (\n <>\n <SettingsInput\n testId={testId}\n label={t(I18nKey.SETTINGS_FORM$API_KEY)}\n type=\"password\"\n className=\"w-full\"\n value={apiKeyValue}\n // eslint-disable-next-line i18next/no-literal-string -- masked-key sentinel, not translatable\n placeholder={apiKeyIsSet ? \"<hidden>\" : \"\"}\n onChange={(value) => onChange(\"llm.api_key\", value)}\n isDisabled={isDisabled}\n startContent={\n apiKeyIsSet ? <KeyStatusIcon isSet={apiKeyIsSet} /> : undefined\n }\n />\n\n <HelpLink\n testId={helpTestId}\n text={t(I18nKey.SETTINGS$DONT_KNOW_API_KEY)}\n linkText={t(I18nKey.SETTINGS$CLICK_FOR_INSTRUCTIONS)}\n href=\"https://docs.openhands.dev/usage/local-setup#getting-an-api-key\"\n />\n </>\n );\n\n const handleAuthTypeChange = (selectedKey: React.Key \| null) => {\n const nextAuthType =\n selectedKey === LLM_AUTH_TYPE_SUBSCRIPTION\n ? LLM_AUTH_TYPE_SUBSCRIPTION\n : LLM_AUTH_TYPE_API_KEY;\n onChange(LLM_AUTH_TYPE_KEY, nextAuthType);\n\n if (nextAuthType === LLM_AUTH_TYPE_SUBSCRIPTION) {\n setEnableSubscriptionModels(true);\n if (modelValue && !subscriptionModels?.includes(modelValue)) {\n lastApiKeyModelRef.current = modelValue;\n }\n const restoredSubscriptionModel =\n lastSubscriptionModelRef.current &&\n subscriptionModels?.includes(lastSubscriptionModelRef.current)\n ? lastSubscriptionModelRef.current\n : subscriptionModels?.[0];\n onChange(LLM_SUBSCRIPTION_VENDOR_KEY, OPENAI_SUBSCRIPTION_VENDOR);\n if (\n !subscriptionModels?.includes(modelValue) &&\n restoredSubscriptionModel\n ) {\n onChange(\"llm.model\", restoredSubscriptionModel);\n }\n return;\n }\n\n if (modelValue && subscriptionModels?.includes(modelValue)) {\n lastSubscriptionModelRef.current = modelValue;\n onChange(\"llm.model\", lastApiKeyModelRef.current ?? defaultModel);\n }\n };\n\n const renderAuthTypeInput = () => (\n <SettingsDropdownInput\n testId=\"llm-auth-type-input\"\n name={LLM_AUTH_TYPE_KEY}\n label={t(I18nKey.SETTINGS$LLM_AUTH_TYPE)}\n items={[\n {\n key: LLM_AUTH_TYPE_API_KEY,\n label: t(I18nKey.SETTINGS$LLM_AUTH_TYPE_API_KEY),\n },\n {\n key: LLM_AUTH_TYPE_SUBSCRIPTION,\n label: t(I18nKey.SETTINGS$LLM_AUTH_TYPE_SUBSCRIPTION),\n },\n ]}\n selectedKey={authType}\n isClearable={false}\n required\n isDisabled={shouldDisableSubscriptionControls}\n onSelectionChange={handleAuthTypeChange}\n />\n );\n\n const renderSubscriptionSettings = () => (\n <div\n className=\"flex flex-col gap-6\"\n data-testid=\"llm-subscription-settings\"\n >\n <SettingsDropdownInput\n testId=\"llm-subscription-model-input\"\n name=\"llm.subscription_model\"\n label={t(I18nKey.SETTINGS$SUBSCRIPTION_MODEL)}\n items={(subscriptionModels ?? []).map((model) => ({\n key: model,\n label: model,\n }))}\n selectedKey={subscriptionModelValue}\n isClearable={false}\n required\n isDisabled={\n shouldDisableSubscriptionControls \|\| !subscriptionModels?.length\n }\n onSelectionChange={(selectedKey) => {\n const nextModel =\n typeof selectedKey === \"string\"\n ? selectedKey\n : subscriptionModels?.[0];\n if (nextModel) {\n onChange(\"llm.model\", nextModel);\n }\n }}\n />\n <OpenAISubscriptionAuthCard isDisabled={isDisabled} />\n </div>\n );\n\n return (\n <div className=\"flex flex-col gap-6\">\n {view === \"basic\" ? (\n <div\n className=\"flex flex-col gap-6\"\n data-testid=\"llm-settings-form-basic\"\n >\n {renderAuthTypeInput()}\n\n {isSubscriptionAuth ? (\n renderSubscriptionSettings()\n ) : (\n <>\n <ModelSelector\n currentModel={modelValue \|\| undefined}\n onChange={(provider, model) => {\n const nextModel = buildModelId(provider, model);\n if (nextModel) {\n onChange(\"llm.model\", nextModel);\n }\n }}\n wrapperClassName=\"!flex-col !gap-6\"\n isDisabled={isDisabled}\n />\n\n {showConnectionSelector ? renderConnectionSelector() : null}\n\n {showOpenHandsApiKeyHelp && !isLinkedToConnection ? (\n <OpenHandsApiKeyHelp testId=\"openhands-api-key-help\" />\n ) : null}\n\n {isLinkedToConnection\n ? null\n : renderApiKeyInput(\n // eslint-disable-next-line i18next/no-literal-string -- DOM id, not user-facing\n \"llm-api-key-input\",\n // eslint-disable-next-line i18next/no-literal-string -- DOM id, not user-facing\n \"llm-api-key-help-anchor\",\n )}\n </>\n )}\n </div>\n ) : (\n <div\n className=\"flex flex-col gap-6\"\n data-testid=\"llm-settings-form-advanced\"\n >\n {renderAuthTypeInput()}\n\n {isSubscriptionAuth ? (\n renderSubscriptionSettings()\n ) : (\n <>\n <SettingsInput\n testId=\"llm-custom-model-input\"\n label={t(I18nKey.SETTINGS$CUSTOM_MODEL)}\n type=\"text\"\n className=\"w-full\"\n value={modelValue}\n placeholder={defaultModel}\n onChange={(value) => onChange(\"llm.model\", value)}\n isDisabled={isDisabled}\n />\n\n {showOpenHandsApiKeyHelp && !isLinkedToConnection ? (\n <>\n {isFreeOpenHandsModel(modelValue) ? (\n <OpenHandsFreeModelsNote />\n ) : null}\n <OpenHandsApiKeyHelp testId=\"openhands-api-key-help-2\" />\n </>\n ) : null}\n\n {showConnectionSelector ? renderConnectionSelector() : null}\n\n {isLinkedToConnection ? null : (\n <SettingsInput\n testId=\"base-url-input\"\n label={t(I18nKey.SETTINGS$BASE_URL)}\n type=\"text\"\n className=\"w-full\"\n value={baseUrlValue}\n // eslint-disable-next-line i18next/no-literal-string -- example value, not translatable\n placeholder=\"https://api.openai.com\"\n onChange={(value) => onChange(\"llm.base_url\", value)}\n isDisabled={isDisabled}\n />\n )}\n\n {isLinkedToConnection\n ? null\n : renderApiKeyInput(\n // eslint-disable-next-line i18next/no-literal-string -- DOM id, not user-facing\n \"llm-api-key-input\",\n // eslint-disable-next-line i18next/no-literal-string -- DOM id, not user-facing\n \"llm-api-key-help-anchor-advanced\",\n )}\n </>\n )}\n </div>\n )}\n </div>\n );\n },\n [\n connectionOptions,\n showProviderConnection,\n defaultModel,\n embedded,\n isWaitingForSubscriptionModels,\n settings?.llm_api_key_set,\n subscriptionModels,\n t,\n ],\n );\n\n const buildPayload = React.useCallback(\n (\n defaultPayload: Record<string, unknown>,\n context: {\n values: Record<string, string \| boolean>;\n dirty: Record<string, boolean>;\n view: SettingsView;\n },\n ) => {\n // defaultPayload is the wrapped diff (e.g.\n // `{ agent_settings_diff: { llm: { model: \"gpt-4\" } } }`); we only\n // mutate the inner `llm` object below.\n const agentSettings = structuredClone(\n (defaultPayload.agent_settings_diff as Record<string, unknown>) ?? {},\n );\n const llm = (agentSettings.llm ?? {}) as Record<string, unknown>;\n const authType = resolveLlmAuthType(context.values[LLM_AUTH_TYPE_KEY]);\n\n if (authType === LLM_AUTH_TYPE_SUBSCRIPTION) {\n llm.auth_type = LLM_AUTH_TYPE_SUBSCRIPTION;\n llm.subscription_vendor = OPENAI_SUBSCRIPTION_VENDOR;\n const model =\n typeof llm.model === \"string\"\n ? llm.model\n : String(context.values[\"llm.model\"] ?? \"\");\n const fallbackSubscriptionModel = subscriptionModels?.[0];\n if (\n !subscriptionModels?.includes(model) &&\n !fallbackSubscriptionModel\n ) {\n throw new Error(\"Subscription models are not loaded yet.\");\n }\n llm.model = subscriptionModels?.includes(model)\n ? model\n : fallbackSubscriptionModel;\n delete llm.api_key;\n delete llm.base_url;\n } else {\n if (context.dirty[LLM_AUTH_TYPE_KEY]) {\n llm.auth_type = LLM_AUTH_TYPE_API_KEY;\n llm.subscription_vendor = null;\n }\n if (context.view === \"basic\" && llm.model !== undefined) {\n llm.base_url = getSchemaFieldDefaultValue(schema, \"llm.base_url\");\n }\n }\n\n agentSettings.llm = llm;\n return { agent_settings_diff: agentSettings };\n },\n [schema, subscriptionModels],\n );\n\n return (\n <SdkSectionPage\n scope={scope}\n settingsSources={[\n {\n settingsSource: \"agent_settings\",\n sectionKeys: [\"llm\"],\n excludeKeys: LLM_EXCLUDED_KEYS,\n },\n ]}\n header={buildHeader}\n buildPayload={buildPayload}\n getInitialView={getInitialView}\n forceShowAdvancedView\n allowAllView\n onSaveSuccess={onSaveSuccess}\n initialValueOverrides={initialValueOverrides}\n embedded={embedded}\n hideSaveButton={hideSaveButton}\n suppressSuccessToast={suppressSuccessToast}\n onSaveControlChange={onSaveControlChange}\n testId=\"llm-settings-screen\"\n />\n );\n}\n\n/\n Default export for the route renders the LLM-profile management view for both\n * backend types. Both manage the LLM through named profiles — local via the\n * agent-server (`/api/profiles`), cloud via the app-server\n * (`/api/v1/settings/profiles`) — and the view is backend-agnostic because it\n * goes through ProfilesService, which routes per active backend.\n \n The LlmSettingsScreen component is also exported for embedded use cases\n * (e.g., onboarding, the profile create/edit form).\n \n Note: This is a route file, only the router should import the default export.\n * Other consumers should use the named export `LlmSettingsScreen` for embedded\n * use cases.\n */\nexport default function LlmSettingsRoute() {\n return <LlmSettingsLocalView />;\n}\n"],"mappings":"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"}
1	+ {"version":3,"file":"llm-settings.cjs","names":[],"sources":["../../src/routes/llm-settings.tsx"],"sourcesContent":["import React from \"react\";\nimport { Info } from \"lucide-react\";\nimport { useTranslation } from \"react-i18next\";\nimport { ModelSelector } from \"#/components/shared/modals/settings/model-selector\";\nimport { useAgentSettingsSchema } from \"#/hooks/query/use-agent-settings-schema\";\nimport { useSettings } from \"#/hooks/query/use-settings\";\nimport { SettingsInput } from \"#/components/features/settings/settings-input\";\nimport { SettingsDropdownInput } from \"#/components/features/settings/settings-dropdown-input\";\nimport { OpenAISubscriptionAuthCard } from \"#/components/features/settings/llm-settings/openai-subscription-auth-card\";\nimport { HelpLink } from \"#/ui/help-link\";\nimport { KeyStatusIcon } from \"#/components/features/settings/key-status-icon\";\nimport {\n SdkSectionHeaderProps,\n SdkSectionPage,\n SdkSectionSaveControl,\n} from \"#/components/features/settings/sdk-settings/sdk-section-page\";\nimport { LlmSettingsLocalView } from \"#/components/features/settings/llm-profiles\";\nimport { I18nKey } from \"#/i18n/declaration\";\nimport { Settings, SettingsSchema, SettingsScope } from \"#/types/settings\";\nimport { extractModelAndProvider } from \"#/utils/extract-model-and-provider\";\nimport {\n inferInitialView,\n type SettingsFormValues,\n type SettingsView,\n} from \"#/utils/sdk-settings-schema\";\nimport { DEFAULT_SETTINGS } from \"#/services/settings\";\nimport {\n LLM_AUTH_TYPE_API_KEY,\n LLM_AUTH_TYPE_KEY,\n LLM_AUTH_TYPE_SUBSCRIPTION,\n LLM_SUBSCRIPTION_VENDOR_KEY,\n OPENAI_SUBSCRIPTION_VENDOR,\n resolveLlmAuthType,\n} from \"#/constants/llm-subscription\";\nimport { useOpenAISubscriptionModels } from \"#/hooks/query/use-llm-subscription-models\";\nimport { useProviderConnections } from \"#/hooks/query/use-provider-connections\";\nimport { useActiveBackend } from \"#/contexts/active-backend-context\";\nimport {\n FREE_OPENHANDS_MODEL_NOTE,\n isFreeOpenHandsModel,\n isOpenHandsProviderModel,\n} from \"#/utils/format-model-name\";\n\n/** Form-values key for the shared provider connection a profile links to. /\nexport const LLM_PROVIDER_CONNECTION_KEY = \"llm.provider_connection_id\";\n\n/* Dropdown sentinel for \"no provider connection\" (an inline key is used). /\nconst NO_PROVIDER_CONNECTION = \"__none__\";\n\nconst LLM_EXCLUDED_KEYS = new Set([\n \"llm.model\",\n \"llm.api_key\",\n \"llm.base_url\",\n LLM_PROVIDER_CONNECTION_KEY,\n LLM_AUTH_TYPE_KEY,\n LLM_SUBSCRIPTION_VENDOR_KEY,\n]);\n\nconst buildModelId = (provider: string \| null, model: string \| null) => {\n if (!provider \|\| !model) return null;\n return `${provider}/${model}`;\n};\n\nconst getSchemaFieldDefaultValue = (\n schema: SettingsSchema \| null \| undefined,\n fieldKey: string,\n) =>\n schema?.sections\n .flatMap((section) => section.fields)\n .find((field) => field.key === fieldKey)?.default ?? null;\n\nconst KNOWN_PROVIDER_DEFAULT_BASE_URLS: Partial<Record<string, Set<string>>> = {\n openai: new Set([\"https://api.openai.com\", \"https://api.openai.com/v1\"]),\n moonshot: new Set([\"https://api.kimi.com/coding/v1\"]),\n};\n\nconst normalizeBaseUrl = (baseUrl: string) => {\n try {\n const parsedUrl = new URL(baseUrl);\n const normalizedPath = parsedUrl.pathname.replace(/\\/+$/, \"\") \|\| \"\";\n return `${parsedUrl.origin}${normalizedPath}`;\n } catch {\n return baseUrl.trim().replace(/\\/+$/, \"\");\n }\n};\n\nconst isProviderDefaultBaseUrl = (model: string, baseUrl: string) => {\n const normalizedBaseUrl = normalizeBaseUrl(baseUrl);\n const { provider } = extractModelAndProvider(model);\n\n if (provider) {\n const knownDefaults = KNOWN_PROVIDER_DEFAULT_BASE_URLS[provider];\n if (knownDefaults) {\n return knownDefaults.has(normalizedBaseUrl);\n }\n }\n\n return Object.values(KNOWN_PROVIDER_DEFAULT_BASE_URLS).some((knownDefaults) =>\n knownDefaults?.has(normalizedBaseUrl),\n );\n};\n\ninterface OpenHandsApiKeyHelpProps {\n testId: string;\n}\n\nfunction OpenHandsApiKeyHelp({ testId }: OpenHandsApiKeyHelpProps) {\n const { t } = useTranslation(\"openhands\");\n\n return (\n <HelpLink\n testId={testId}\n text={t(I18nKey.SETTINGS$OPENHANDS_API_KEY_HELP_TEXT)}\n linkText={t(I18nKey.SETTINGS$OPENHANDS_API_KEY_HELP_LINK)}\n href=\"https://app.all-hands.dev/settings/api-keys\"\n suffix={` ${t(I18nKey.SETTINGS$OPENHANDS_API_KEY_HELP_SUFFIX)}`}\n suffixLinkText={t(I18nKey.SETTINGS$SEE_HERE_FOR_MORE_DETAILS)}\n suffixLinkHref=\"https://docs.openhands.dev/usage/local-setup#getting-an-api-key\"\n trailing=\".\"\n />\n );\n}\n\nfunction OpenHandsFreeModelsNote() {\n return (\n <p\n data-testid=\"openhands-free-models-note\"\n className=\"flex items-start gap-2 text-xs text-warning\"\n >\n <Info className=\"mt-0.5 size-4 shrink-0 text-warning\" aria-hidden />\n <span>{FREE_OPENHANDS_MODEL_NOTE}</span>\n </p>\n );\n}\n\nexport function LlmSettingsScreen({\n scope = \"personal\",\n onSaveSuccess,\n initialValueOverrides,\n markInitialOverridesDirty,\n embedded,\n hideSaveButton,\n suppressSuccessToast,\n onSaveControlChange,\n showProviderConnection,\n}: {\n scope?: SettingsScope;\n /* Optional hook fired after a successful save (e.g. advance an onboarding step). /\n onSaveSuccess?: () => void;\n /* Forwarded to {@link SdkSectionPage}. /\n initialValueOverrides?: SettingsFormValues;\n /* Forwarded to {@link SdkSectionPage}. /\n markInitialOverridesDirty?: boolean;\n /* Forwarded to {@link SdkSectionPage}. /\n embedded?: boolean;\n /* Forwarded to {@link SdkSectionPage}. /\n hideSaveButton?: boolean;\n /* Forwarded to {@link SdkSectionPage}. /\n suppressSuccessToast?: boolean;\n /* Forwarded to {@link SdkSectionPage}. /\n onSaveControlChange?: (control: SdkSectionSaveControl) => void;\n /\n When true (the local profile editor), show a \"Provider connection\" selector\n * that links this profile to a shared connection. Only rendered when at least\n * one connection exists, so the form is unchanged until the user creates one.\n /\n showProviderConnection?: boolean;\n}) {\n const { t } = useTranslation(\"openhands\");\n\n const { backend } = useActiveBackend();\n const isCloud = backend.kind === \"cloud\";\n\n const { data: providerConnections } = useProviderConnections();\n const connectionOptions = React.useMemo(\n () => (showProviderConnection ? (providerConnections ?? []) : []),\n [showProviderConnection, providerConnections],\n );\n\n const { data: settings } = useSettings(scope);\n const { data: schema } = useAgentSettingsSchema(\n settings?.agent_settings_schema,\n );\n const persistedLlmSettings = settings?.agent_settings?.llm as\n \| Record<string, unknown>\n \| undefined;\n const initialAuthType = resolveLlmAuthType(\n initialValueOverrides?.[LLM_AUTH_TYPE_KEY] ??\n persistedLlmSettings?.auth_type,\n );\n const [enableSubscriptionModels, setEnableSubscriptionModels] =\n React.useState(initialAuthType === LLM_AUTH_TYPE_SUBSCRIPTION);\n const {\n data: subscriptionModels,\n isLoading: isSubscriptionModelsLoading,\n isFetching: isSubscriptionModelsFetching,\n } = useOpenAISubscriptionModels({ enabled: enableSubscriptionModels });\n const isWaitingForSubscriptionModels =\n enableSubscriptionModels &&\n !subscriptionModels &&\n (isSubscriptionModelsLoading \|\| isSubscriptionModelsFetching);\n const lastApiKeyModelRef = React.useRef<string \| null>(null);\n const lastSubscriptionModelRef = React.useRef<string \| null>(null);\n\n React.useEffect(() => {\n if (initialAuthType === LLM_AUTH_TYPE_SUBSCRIPTION) {\n setEnableSubscriptionModels(true);\n }\n }, [initialAuthType]);\n\n const defaultModel = String(\n (DEFAULT_SETTINGS.agent_settings?.llm as Record<string, unknown>)?.model ??\n \"\",\n );\n\n const getInitialView = React.useCallback(\n (\n currentSettings: Settings,\n filteredSchema: SettingsSchema,\n ): SettingsView => {\n const schemaView = inferInitialView(currentSettings, filteredSchema);\n if (schemaView !== \"basic\") {\n return schemaView;\n }\n\n const currentModel = currentSettings.llm_model ?? \"\";\n const trimmedBaseUrl = currentSettings.llm_base_url?.trim() ?? \"\";\n const hasCustomBaseUrl =\n trimmedBaseUrl.length > 0 &&\n !isProviderDefaultBaseUrl(currentModel, trimmedBaseUrl);\n\n return hasCustomBaseUrl ? \"all\" : \"basic\";\n },\n [],\n );\n\n const buildHeader = React.useCallback(\n ({ values, isDisabled, view, onChange }: SdkSectionHeaderProps) => {\n const modelValue =\n typeof values[\"llm.model\"] === \"string\" ? values[\"llm.model\"] : \"\";\n const baseUrlValue =\n typeof values[\"llm.base_url\"] === \"string\"\n ? values[\"llm.base_url\"]\n : \"\";\n const showOpenHandsApiKeyHelp = isOpenHandsProviderModel(modelValue);\n const authType = resolveLlmAuthType(values[LLM_AUTH_TYPE_KEY]);\n const isSubscriptionAuth = authType === LLM_AUTH_TYPE_SUBSCRIPTION;\n // On cloud the OpenHands provider is backed by a server-minted LLM key,\n // so the inline API key / base URL inputs are not user-supplied. Local\n // mode still collects an api_key (the OpenHands provider can run against\n // a self-hosted endpoint there).\n const hideInlineCredentials =\n isCloud && showOpenHandsApiKeyHelp && !isSubscriptionAuth;\n const shouldDisableSubscriptionControls =\n isDisabled \|\| (isSubscriptionAuth && isWaitingForSubscriptionModels);\n const subscriptionModelValue = subscriptionModels?.includes(modelValue)\n ? modelValue\n : (subscriptionModels?.[0] ?? \"\");\n\n const apiKeyValue =\n typeof values[\"llm.api_key\"] === \"string\" ? values[\"llm.api_key\"] : \"\";\n // For embedded profile forms (create/edit) the global\n // `llm_api_key_set` flag is misleading: a brand-new profile would show a\n // \"key set\" indicator just because some other profile has a key. Reflect\n // the form's own key state instead so create mode starts visibly unset.\n const apiKeyIsSet = embedded\n ? apiKeyValue.length > 0\n : Boolean(settings?.llm_api_key_set);\n\n // A profile linked to a provider connection reads its api_key / base_url\n // from that connection, so the inline key + base URL inputs are hidden.\n const connectionValue =\n typeof values[LLM_PROVIDER_CONNECTION_KEY] === \"string\"\n ? values[LLM_PROVIDER_CONNECTION_KEY]\n : \"\";\n const isLinkedToConnection = Boolean(connectionValue);\n // Show the selector whenever connections can be linked here. Include the\n // linked case so a profile pointing at an orphaned connection (its only\n // connection deleted, or the list still loading) still exposes a control\n // to unlink — otherwise the API key / base URL inputs stay hidden with no\n // way to recover.\n const showConnectionSelector =\n showProviderConnection &&\n !isSubscriptionAuth &&\n (isLinkedToConnection \|\| connectionOptions.length > 0);\n // Surface an orphaned link (a selected id absent from the fetched list)\n // as its own option so the dropdown reflects it and can be cleared.\n const isOrphanedLink =\n isLinkedToConnection &&\n !connectionOptions.some((c) => c.id === connectionValue);\n\n const renderConnectionSelector = () => (\n <SettingsDropdownInput\n testId=\"llm-provider-connection-input\"\n name={LLM_PROVIDER_CONNECTION_KEY}\n label={t(I18nKey.SETTINGS$PROVIDER_CONNECTION_SELECT_LABEL)}\n items={[\n {\n key: NO_PROVIDER_CONNECTION,\n label: t(I18nKey.SETTINGS$MCP_AUTH_MODE_NONE),\n },\n ...connectionOptions.map((connection) => ({\n key: connection.id,\n label: connection.display_name,\n })),\n ...(isOrphanedLink\n ? [{ key: connectionValue, label: connectionValue }]\n : []),\n ]}\n selectedKey={connectionValue \|\| NO_PROVIDER_CONNECTION}\n isClearable={false}\n isDisabled={isDisabled}\n onSelectionChange={(selectedKey) => {\n const next =\n typeof selectedKey === \"string\" &&\n selectedKey !== NO_PROVIDER_CONNECTION\n ? selectedKey\n : \"\";\n onChange(LLM_PROVIDER_CONNECTION_KEY, next);\n }}\n />\n );\n\n const renderApiKeyInput = (\n testId: string,\n helpTestId: string,\n openHandsHelpTestId: string,\n ) => (\n <>\n <SettingsInput\n testId={testId}\n label={t(I18nKey.SETTINGS_FORM$API_KEY)}\n type=\"password\"\n className=\"w-full\"\n value={apiKeyValue}\n // eslint-disable-next-line i18next/no-literal-string -- masked-key sentinel, not translatable\n placeholder={apiKeyIsSet ? \"<hidden>\" : \"\"}\n onChange={(value) => onChange(\"llm.api_key\", value)}\n isDisabled={isDisabled}\n startContent={\n apiKeyIsSet ? <KeyStatusIcon isSet={apiKeyIsSet} /> : undefined\n }\n />\n\n {/ The OpenHands provider's key lives in the OpenHands Cloud \"API\n Keys\" tab, so point users there instead of the generic docs page\n that covers both LLM and regular API keys. /}\n {showOpenHandsApiKeyHelp ? (\n <OpenHandsApiKeyHelp testId={openHandsHelpTestId} />\n ) : (\n <HelpLink\n testId={helpTestId}\n text={t(I18nKey.SETTINGS$DONT_KNOW_API_KEY)}\n linkText={t(I18nKey.SETTINGS$CLICK_FOR_INSTRUCTIONS)}\n href=\"https://docs.openhands.dev/usage/local-setup#getting-an-api-key\"\n />\n )}\n </>\n );\n\n const handleAuthTypeChange = (selectedKey: React.Key \| null) => {\n const nextAuthType =\n selectedKey === LLM_AUTH_TYPE_SUBSCRIPTION\n ? LLM_AUTH_TYPE_SUBSCRIPTION\n : LLM_AUTH_TYPE_API_KEY;\n onChange(LLM_AUTH_TYPE_KEY, nextAuthType);\n\n if (nextAuthType === LLM_AUTH_TYPE_SUBSCRIPTION) {\n setEnableSubscriptionModels(true);\n if (modelValue && !subscriptionModels?.includes(modelValue)) {\n lastApiKeyModelRef.current = modelValue;\n }\n const restoredSubscriptionModel =\n lastSubscriptionModelRef.current &&\n subscriptionModels?.includes(lastSubscriptionModelRef.current)\n ? lastSubscriptionModelRef.current\n : subscriptionModels?.[0];\n onChange(LLM_SUBSCRIPTION_VENDOR_KEY, OPENAI_SUBSCRIPTION_VENDOR);\n if (\n !subscriptionModels?.includes(modelValue) &&\n restoredSubscriptionModel\n ) {\n onChange(\"llm.model\", restoredSubscriptionModel);\n }\n return;\n }\n\n if (modelValue && subscriptionModels?.includes(modelValue)) {\n lastSubscriptionModelRef.current = modelValue;\n onChange(\"llm.model\", lastApiKeyModelRef.current ?? defaultModel);\n }\n };\n\n const renderAuthTypeInput = () => (\n <SettingsDropdownInput\n testId=\"llm-auth-type-input\"\n name={LLM_AUTH_TYPE_KEY}\n label={t(I18nKey.SETTINGS$LLM_AUTH_TYPE)}\n items={[\n {\n key: LLM_AUTH_TYPE_API_KEY,\n label: t(I18nKey.SETTINGS$LLM_AUTH_TYPE_API_KEY),\n },\n {\n key: LLM_AUTH_TYPE_SUBSCRIPTION,\n label: t(I18nKey.SETTINGS$LLM_AUTH_TYPE_SUBSCRIPTION),\n },\n ]}\n selectedKey={authType}\n isClearable={false}\n required\n isDisabled={shouldDisableSubscriptionControls}\n onSelectionChange={handleAuthTypeChange}\n />\n );\n\n const renderSubscriptionSettings = () => (\n <div\n className=\"flex flex-col gap-6\"\n data-testid=\"llm-subscription-settings\"\n >\n <SettingsDropdownInput\n testId=\"llm-subscription-model-input\"\n name=\"llm.subscription_model\"\n label={t(I18nKey.SETTINGS$SUBSCRIPTION_MODEL)}\n items={(subscriptionModels ?? []).map((model) => ({\n key: model,\n label: model,\n }))}\n selectedKey={subscriptionModelValue}\n isClearable={false}\n required\n isDisabled={\n shouldDisableSubscriptionControls \|\| !subscriptionModels?.length\n }\n onSelectionChange={(selectedKey) => {\n const nextModel =\n typeof selectedKey === \"string\"\n ? selectedKey\n : subscriptionModels?.[0];\n if (nextModel) {\n onChange(\"llm.model\", nextModel);\n }\n }}\n />\n <OpenAISubscriptionAuthCard isDisabled={isDisabled} />\n </div>\n );\n\n return (\n <div className=\"flex flex-col gap-6\">\n {view === \"basic\" ? (\n <div\n className=\"flex flex-col gap-6\"\n data-testid=\"llm-settings-form-basic\"\n >\n {renderAuthTypeInput()}\n\n {isSubscriptionAuth ? (\n renderSubscriptionSettings()\n ) : (\n <>\n <ModelSelector\n currentModel={modelValue \|\| undefined}\n onChange={(provider, model) => {\n const nextModel = buildModelId(provider, model);\n if (nextModel) {\n onChange(\"llm.model\", nextModel);\n }\n }}\n wrapperClassName=\"!flex-col !gap-6\"\n isDisabled={isDisabled}\n />\n\n {showConnectionSelector ? renderConnectionSelector() : null}\n\n {isLinkedToConnection \|\| hideInlineCredentials\n ? null\n : renderApiKeyInput(\n // eslint-disable-next-line i18next/no-literal-string -- DOM id, not user-facing\n \"llm-api-key-input\",\n // eslint-disable-next-line i18next/no-literal-string -- DOM id, not user-facing\n \"llm-api-key-help-anchor\",\n // eslint-disable-next-line i18next/no-literal-string -- DOM id, not user-facing\n \"openhands-api-key-help\",\n )}\n </>\n )}\n </div>\n ) : (\n <div\n className=\"flex flex-col gap-6\"\n data-testid=\"llm-settings-form-advanced\"\n >\n {renderAuthTypeInput()}\n\n {isSubscriptionAuth ? (\n renderSubscriptionSettings()\n ) : (\n <>\n <SettingsInput\n testId=\"llm-custom-model-input\"\n label={t(I18nKey.SETTINGS$CUSTOM_MODEL)}\n type=\"text\"\n className=\"w-full\"\n value={modelValue}\n placeholder={defaultModel}\n onChange={(value) => onChange(\"llm.model\", value)}\n isDisabled={isDisabled}\n />\n\n {showOpenHandsApiKeyHelp && !isLinkedToConnection ? (\n <>\n {isFreeOpenHandsModel(modelValue) ? (\n <OpenHandsFreeModelsNote />\n ) : null}\n </>\n ) : null}\n\n {showConnectionSelector ? renderConnectionSelector() : null}\n\n {isLinkedToConnection \|\| hideInlineCredentials ? null : (\n <SettingsInput\n testId=\"base-url-input\"\n label={t(I18nKey.SETTINGS$BASE_URL)}\n type=\"text\"\n className=\"w-full\"\n value={baseUrlValue}\n // eslint-disable-next-line i18next/no-literal-string -- example value, not translatable\n placeholder=\"https://api.openai.com\"\n onChange={(value) => onChange(\"llm.base_url\", value)}\n isDisabled={isDisabled}\n />\n )}\n\n {isLinkedToConnection \|\| hideInlineCredentials\n ? null\n : renderApiKeyInput(\n // eslint-disable-next-line i18next/no-literal-string -- DOM id, not user-facing\n \"llm-api-key-input\",\n // eslint-disable-next-line i18next/no-literal-string -- DOM id, not user-facing\n \"llm-api-key-help-anchor-advanced\",\n // eslint-disable-next-line i18next/no-literal-string -- DOM id, not user-facing\n \"openhands-api-key-help-2\",\n )}\n </>\n )}\n </div>\n )}\n </div>\n );\n },\n [\n connectionOptions,\n showProviderConnection,\n defaultModel,\n embedded,\n isCloud,\n isWaitingForSubscriptionModels,\n settings?.llm_api_key_set,\n subscriptionModels,\n t,\n ],\n );\n\n const buildPayload = React.useCallback(\n (\n defaultPayload: Record<string, unknown>,\n context: {\n values: Record<string, string \| boolean>;\n dirty: Record<string, boolean>;\n view: SettingsView;\n },\n ) => {\n // defaultPayload is the wrapped diff (e.g.\n // `{ agent_settings_diff: { llm: { model: \"gpt-4\" } } }`); we only\n // mutate the inner `llm` object below.\n const agentSettings = structuredClone(\n (defaultPayload.agent_settings_diff as Record<string, unknown>) ?? {},\n );\n const llm = (agentSettings.llm ?? {}) as Record<string, unknown>;\n const authType = resolveLlmAuthType(context.values[LLM_AUTH_TYPE_KEY]);\n\n if (authType === LLM_AUTH_TYPE_SUBSCRIPTION) {\n llm.auth_type = LLM_AUTH_TYPE_SUBSCRIPTION;\n llm.subscription_vendor = OPENAI_SUBSCRIPTION_VENDOR;\n const model =\n typeof llm.model === \"string\"\n ? llm.model\n : String(context.values[\"llm.model\"] ?? \"\");\n const fallbackSubscriptionModel = subscriptionModels?.[0];\n if (\n !subscriptionModels?.includes(model) &&\n !fallbackSubscriptionModel\n ) {\n throw new Error(\"Subscription models are not loaded yet.\");\n }\n llm.model = subscriptionModels?.includes(model)\n ? model\n : fallbackSubscriptionModel;\n delete llm.api_key;\n delete llm.base_url;\n } else {\n if (context.dirty[LLM_AUTH_TYPE_KEY]) {\n llm.auth_type = LLM_AUTH_TYPE_API_KEY;\n llm.subscription_vendor = null;\n }\n if (context.view === \"basic\" && llm.model !== undefined) {\n llm.base_url = getSchemaFieldDefaultValue(schema, \"llm.base_url\");\n }\n // On cloud the OpenHands provider uses a server-minted LLM key, so\n // never send an inline api_key / base_url — let the backend attach its\n // own credential. (Local mode still collects an inline key.)\n if (\n isCloud &&\n isOpenHandsProviderModel(String(context.values[\"llm.model\"] ?? \"\"))\n ) {\n delete llm.api_key;\n delete llm.base_url;\n }\n }\n\n agentSettings.llm = llm;\n return { agent_settings_diff: agentSettings };\n },\n [schema, subscriptionModels, isCloud],\n );\n\n return (\n <SdkSectionPage\n scope={scope}\n settingsSources={[\n {\n settingsSource: \"agent_settings\",\n sectionKeys: [\"llm\"],\n excludeKeys: LLM_EXCLUDED_KEYS,\n },\n ]}\n header={buildHeader}\n buildPayload={buildPayload}\n getInitialView={getInitialView}\n forceShowAdvancedView\n allowAllView\n onSaveSuccess={onSaveSuccess}\n initialValueOverrides={initialValueOverrides}\n markInitialOverridesDirty={markInitialOverridesDirty}\n embedded={embedded}\n hideSaveButton={hideSaveButton}\n suppressSuccessToast={suppressSuccessToast}\n onSaveControlChange={onSaveControlChange}\n testId=\"llm-settings-screen\"\n />\n );\n}\n\n/\n Default export for the route renders the LLM-profile management view for both\n * backend types. Both manage the LLM through named profiles — local via the\n * agent-server (`/api/profiles`), cloud via the app-server\n * (`/api/v1/settings/profiles`) — and the view is backend-agnostic because it\n * goes through ProfilesService, which routes per active backend.\n \n The LlmSettingsScreen component is also exported for embedded use cases\n * (e.g., onboarding, the profile create/edit form).\n \n Note: This is a route file, only the router should import the default export.\n * Other consumers should use the named export `LlmSettingsScreen` for embedded\n * use cases.\n */\nexport default function LlmSettingsRoute() {\n return <LlmSettingsLocalView />;\n}\n"],"mappings":"o0CA4CA,IAAa,EAA8B,6BAGrC,EAAyB,WAEzB,EAAoB,IAAI,IAAI,CAChC,YACA,cACA,eACA,EACA,EAAA,kBACA,EAAA,2BACF,CAAC,EAEK,GAAgB,EAAyB,IACzC,CAAC,GAAY,CAAC,EAAc,KACzB,GAAG,EAAS,GAAG,IAGlB,GACJ,EACA,IAEA,GAAQ,SACL,QAAS,GAAY,EAAQ,MAAM,EACnC,KAAM,GAAU,EAAM,MAAQ,CAAQ,GAAG,SAAW,KAEnD,EAAyE,CAC7E,OAAQ,IAAI,IAAI,CAAC,yBAA0B,2BAA2B,CAAC,EACvE,SAAU,IAAI,IAAI,CAAC,gCAAgC,CAAC,CACtD,EAEM,EAAoB,GAAoB,CAC5C,GAAI,CACF,IAAM,EAAY,IAAI,IAAI,CAAO,EAC3B,EAAiB,EAAU,SAAS,QAAQ,OAAQ,EAAE,GAAK,GACjE,MAAO,GAAG,EAAU,SAAS,GAC/B,MAAQ,CACN,OAAO,EAAQ,KAAK,EAAE,QAAQ,OAAQ,EAAE,CAC1C,CACF,EAEM,GAA4B,EAAe,IAAoB,CACnE,IAAM,EAAoB,EAAiB,CAAO,EAC5C,CAAE,YAAa,EAAA,wBAAwB,CAAK,EAElD,GAAI,EAAU,CACZ,IAAM,EAAgB,EAAiC,GACvD,GAAI,EACF,OAAO,EAAc,IAAI,CAAiB,CAE9C,CAEA,OAAO,OAAO,OAAO,CAAgC,EAAE,KAAM,GAC3D,GAAe,IAAI,CAAiB,CACtC,CACF,EAMA,SAAS,GAAoB,CAAE,UAAoC,CACjE,GAAM,CAAE,KAAM,EAAA,eAAe,WAAW,EAExC,OACE,EAAA,EAAA,KAAC,EAAA,SAAD,CACU,SACR,KAAM,EAAE,EAAA,QAAQ,oCAAoC,EACpD,SAAU,EAAE,EAAA,QAAQ,oCAAoC,EACxD,KAAK,8CACL,OAAQ,IAAI,EAAE,EAAA,QAAQ,sCAAsC,IAC5D,eAAgB,EAAE,EAAA,QAAQ,kCAAkC,EAC5D,eAAe,kEACf,SAAS,GACV,CAAA,CAEL,CAEA,SAAS,GAA0B,CACjC,OACE,EAAA,EAAA,MAAC,IAAD,CACE,cAAY,6BACZ,UAAU,uDAFZ,EAIE,EAAA,EAAA,KAAC,EAAA,KAAD,CAAM,UAAU,sCAAsC,cAAA,EAAa,CAAA,GACnE,EAAA,EAAA,KAAC,OAAD,CAAA,SAAO,EAAA,yBAAgC,CAAA,CACtC,GAEP,CAEA,SAAgB,EAAkB,CAChC,QAAQ,WACR,gBACA,wBACA,4BACA,WACA,iBACA,uBACA,sBACA,0BAuBC,CACD,GAAM,CAAE,KAAM,EAAA,eAAe,WAAW,EAElC,CAAE,WAAY,EAAA,iBAAiB,EAC/B,EAAU,EAAQ,OAAS,QAE3B,CAAE,KAAM,GAAwB,EAAA,uBAAuB,EACvD,EAAoB,EAAA,QAAM,YACvB,EAA0B,GAAuB,CAAC,EAAK,CAAC,EAC/D,CAAC,EAAwB,CAAmB,CAC9C,EAEM,CAAE,KAAM,GAAa,EAAA,YAAY,CAAK,EACtC,CAAE,KAAM,GAAW,EAAA,uBACvB,GAAU,qBACZ,EACM,EAAuB,GAAU,gBAAgB,IAGjD,EAAkB,EAAA,mBACtB,IAAA,kBACE,GAAsB,SAC1B,EACM,CAAC,EAA0B,GAC/B,EAAA,QAAM,SAAS,IAAoB,EAAA,0BAA0B,EACzD,CACJ,KAAM,EACN,UAAW,EACX,WAAY,GACV,EAAA,4BAA4B,CAAE,QAAS,CAAyB,CAAC,EAC/D,EACJ,GACA,CAAC,IACA,GAA+B,GAC5B,EAAqB,EAAA,QAAM,OAAsB,IAAI,EACrD,EAA2B,EAAA,QAAM,OAAsB,IAAI,EAEjE,EAAA,QAAM,cAAgB,CAChB,IAAA,gBACF,EAA4B,EAAI,CAEpC,EAAG,CAAC,CAAe,CAAC,EAEpB,IAAM,EAAe,OAClB,EAAA,iBAAiB,gBAAgB,KAAiC,OACjE,EACJ,EAEM,GAAiB,EAAA,QAAM,aAEzB,EACA,IACiB,CACjB,IAAM,EAAa,EAAA,iBAAiB,EAAiB,CAAc,EACnE,GAAI,IAAe,QACjB,OAAO,EAGT,IAAM,EAAe,EAAgB,WAAa,GAC5C,EAAiB,EAAgB,cAAc,KAAK,GAAK,GAK/D,OAHE,EAAe,OAAS,GACxB,CAAC,EAAyB,EAAc,CAAc,EAE9B,MAAQ,OACpC,EACA,CAAC,CACH,EAEM,GAAc,EAAA,QAAM,aACvB,CAAE,SAAQ,aAAY,OAAM,cAAsC,CACjE,IAAM,EACJ,OAAO,EAAO,cAAiB,SAAW,EAAO,aAAe,GAC5D,EACJ,OAAO,EAAO,iBAAoB,SAC9B,EAAO,gBACP,GACA,EAA0B,EAAA,yBAAyB,CAAU,EAC7D,EAAW,EAAA,mBAAmB,EAAO,EAAA,kBAAkB,EACvD,EAAqB,IAAa,EAAA,2BAKlC,EACJ,GAAW,GAA2B,CAAC,EACnC,EACJ,GAAe,GAAsB,EACjC,EAAyB,GAAoB,SAAS,CAAU,EAClE,EACC,IAAqB,IAAM,GAE1B,EACJ,OAAO,EAAO,gBAAmB,SAAW,EAAO,eAAiB,GAKhE,EAAc,EAChB,EAAY,OAAS,EACrB,EAAQ,GAAU,gBAIhB,EACJ,OAAO,EAAA,+BAAwC,SAC3C,EAAO,GACP,GACA,EAAuB,EAAQ,EAM/B,EACJ,GACA,CAAC,IACA,GAAwB,EAAkB,OAAS,GAGhD,EACJ,GACA,CAAC,EAAkB,KAAM,GAAM,EAAE,KAAO,CAAe,EAEnD,OACJ,EAAA,EAAA,KAAC,EAAA,sBAAD,CACE,OAAO,gCACP,KAAM,EACN,MAAO,EAAE,EAAA,QAAQ,yCAAyC,EAC1D,MAAO,CACL,CACE,IAAK,EACL,MAAO,EAAE,EAAA,QAAQ,2BAA2B,CAC9C,EACA,GAAG,EAAkB,IAAK,IAAgB,CACxC,IAAK,EAAW,GAChB,MAAO,EAAW,YACpB,EAAE,EACF,GAAI,EACA,CAAC,CAAE,IAAK,EAAiB,MAAO,CAAgB,CAAC,EACjD,CAAC,CACP,EACA,YAAa,GAAmB,EAChC,YAAa,GACD,aACZ,kBAAoB,GAAgB,CAMlC,EAAS,EAJP,OAAO,GAAgB,UACvB,IAAgB,EACZ,EACA,EACoC,CAC5C,CACD,CAAA,EAGG,GACJ,EACA,EACA,KAEA,EAAA,EAAA,MAAA,EAAA,SAAA,CAAA,SAAA,EACE,EAAA,EAAA,KAAC,EAAA,cAAD,CACU,SACR,MAAO,EAAE,EAAA,QAAQ,qBAAqB,EACtC,KAAK,WACL,UAAU,SACV,MAAO,EAEP,YAAa,EAAc,WAAa,GACxC,SAAW,GAAU,EAAS,cAAe,CAAK,EACtC,aACZ,aACE,GAAc,EAAA,EAAA,KAAC,EAAA,cAAD,CAAe,MAAO,CAAc,CAAA,EAAI,IAAA,EAEzD,CAAA,EAKA,GACC,EAAA,EAAA,KAAC,GAAD,CAAqB,OAAQ,CAAsB,CAAA,GAEnD,EAAA,EAAA,KAAC,EAAA,SAAD,CACE,OAAQ,EACR,KAAM,EAAE,EAAA,QAAQ,0BAA0B,EAC1C,SAAU,EAAE,EAAA,QAAQ,+BAA+B,EACnD,KAAK,iEACN,CAAA,CAEH,CAAA,CAAA,EAGE,EAAwB,GAAkC,CAC9D,IAAM,EACJ,IAAA,eACI,EAAA,2BACA,EAAA,sBAGN,GAFA,EAAS,EAAA,kBAAmB,CAAY,EAEpC,IAAA,eAA6C,CAC/C,EAA4B,EAAI,EAC5B,GAAc,CAAC,GAAoB,SAAS,CAAU,IACxD,EAAmB,QAAU,GAE/B,IAAM,EACJ,EAAyB,SACzB,GAAoB,SAAS,EAAyB,OAAO,EACzD,EAAyB,QACzB,IAAqB,GAC3B,EAAS,EAAA,4BAA6B,EAAA,0BAA0B,EAE9D,CAAC,GAAoB,SAAS,CAAU,GACxC,GAEA,EAAS,YAAa,CAAyB,EAEjD,MACF,CAEI,GAAc,GAAoB,SAAS,CAAU,IACvD,EAAyB,QAAU,EACnC,EAAS,YAAa,EAAmB,SAAW,CAAY,EAEpE,EAEM,OACJ,EAAA,EAAA,KAAC,EAAA,sBAAD,CACE,OAAO,sBACP,KAAM,EAAA,kBACN,MAAO,EAAE,EAAA,QAAQ,sBAAsB,EACvC,MAAO,CACL,CACE,IAAK,EAAA,sBACL,MAAO,EAAE,EAAA,QAAQ,8BAA8B,CACjD,EACA,CACE,IAAK,EAAA,2BACL,MAAO,EAAE,EAAA,QAAQ,mCAAmC,CACtD,CACF,EACA,YAAa,EACb,YAAa,GACb,SAAA,GACA,WAAY,EACZ,kBAAmB,CACpB,CAAA,EAGG,OACJ,EAAA,EAAA,MAAC,MAAD,CACE,UAAU,sBACV,cAAY,qCAFd,EAIE,EAAA,EAAA,KAAC,EAAA,sBAAD,CACE,OAAO,+BACP,KAAK,yBACL,MAAO,EAAE,EAAA,QAAQ,2BAA2B,EAC5C,OAAQ,GAAsB,CAAC,GAAG,IAAK,IAAW,CAChD,IAAK,EACL,MAAO,CACT,EAAE,EACF,YAAa,EACb,YAAa,GACb,SAAA,GACA,WACE,GAAqC,CAAC,GAAoB,OAE5D,kBAAoB,GAAgB,CAClC,IAAM,EACJ,OAAO,GAAgB,SACnB,EACA,IAAqB,GACvB,GACF,EAAS,YAAa,CAAS,CAEnC,CACD,CAAA,GACD,EAAA,EAAA,KAAC,EAAA,2BAAD,CAAwC,YAAa,CAAA,CAClD,IAGP,OACE,EAAA,EAAA,KAAC,MAAD,CAAK,UAAU,+BACZ,IAAS,SACR,EAAA,EAAA,MAAC,MAAD,CACE,UAAU,sBACV,cAAY,mCAFd,CAIG,EAAoB,EAEpB,EACC,EAA2B,GAE3B,EAAA,EAAA,MAAA,EAAA,SAAA,CAAA,SAAA,EACE,EAAA,EAAA,KAAC,EAAA,cAAD,CACE,aAAc,GAAc,IAAA,GAC5B,UAAW,EAAU,IAAU,CAC7B,IAAM,EAAY,EAAa,EAAU,CAAK,EAC1C,GACF,EAAS,YAAa,CAAS,CAEnC,EACA,iBAAiB,mBACL,YACb,CAAA,EAEA,EAAyB,EAAyB,EAAI,KAEtD,GAAwB,EACrB,KACA,EAEE,oBAEA,0BAEA,wBACF,CACJ,CAAA,CAAA,CAED,KAEL,EAAA,EAAA,MAAC,MAAD,CACE,UAAU,sBACV,cAAY,sCAFd,CAIG,EAAoB,EAEpB,EACC,EAA2B,GAE3B,EAAA,EAAA,MAAA,EAAA,SAAA,CAAA,SAAA,EACE,EAAA,EAAA,KAAC,EAAA,cAAD,CACE,OAAO,yBACP,MAAO,EAAE,EAAA,QAAQ,qBAAqB,EACtC,KAAK,OACL,UAAU,SACV,MAAO,EACP,YAAa,EACb,SAAW,GAAU,EAAS,YAAa,CAAK,EACpC,YACb,CAAA,EAEA,GAA2B,CAAC,GAC3B,EAAA,EAAA,KAAA,EAAA,SAAA,CAAA,SACG,EAAA,qBAAqB,CAAU,GAC9B,EAAA,EAAA,KAAC,EAAD,CAA0B,CAAA,EACxB,IACJ,CAAA,EACA,KAEH,EAAyB,EAAyB,EAAI,KAEtD,GAAwB,EAAwB,MAC/C,EAAA,EAAA,KAAC,EAAA,cAAD,CACE,OAAO,iBACP,MAAO,EAAE,EAAA,QAAQ,iBAAiB,EAClC,KAAK,OACL,UAAU,SACV,MAAO,EAEP,YAAY,yBACZ,SAAW,GAAU,EAAS,eAAgB,CAAK,EACvC,YACb,CAAA,EAGF,GAAwB,EACrB,KACA,EAEE,oBAEA,mCAEA,0BACF,CACJ,CAAA,CAAA,CAED,GAEJ,CAAA,CAET,EACA,CACE,EACA,EACA,EACA,EACA,EACA,EACA,GAAU,gBACV,EACA,CACF,CACF,EAEM,GAAe,EAAA,QAAM,aAEvB,EACA,IAKG,CAIH,IAAM,EAAgB,gBACnB,EAAe,qBAAmD,CAAC,CACtE,EACM,EAAO,EAAc,KAAO,CAAC,EAGnC,GAFiB,EAAA,mBAAmB,EAAQ,OAAA,gBAExC,IAAA,eAAyC,CAC3C,EAAI,UAAY,EAAA,2BAChB,EAAI,oBAAsB,EAAA,2BAC1B,IAAM,EACJ,OAAO,EAAI,OAAU,SACjB,EAAI,MACJ,OAAO,EAAQ,OAAO,cAAgB,EAAE,EACxC,EAA4B,IAAqB,GACvD,GACE,CAAC,GAAoB,SAAS,CAAK,GACnC,CAAC,EAED,MAAU,MAAM,yCAAyC,EAE3D,EAAI,MAAQ,GAAoB,SAAS,CAAK,EAC1C,EACA,EACJ,OAAO,EAAI,QACX,OAAO,EAAI,QACb,MACM,EAAQ,MAAA,mBACV,EAAI,UAAY,EAAA,sBAChB,EAAI,oBAAsB,MAExB,EAAQ,OAAS,SAAW,EAAI,QAAU,IAAA,KAC5C,EAAI,SAAW,EAA2B,EAAQ,cAAc,GAMhE,GACA,EAAA,yBAAyB,OAAO,EAAQ,OAAO,cAAgB,EAAE,CAAC,IAElE,OAAO,EAAI,QACX,OAAO,EAAI,UAKf,MADA,GAAc,IAAM,EACb,CAAE,oBAAqB,CAAc,CAC9C,EACA,CAAC,EAAQ,EAAoB,CAAO,CACtC,EAEA,OACE,EAAA,EAAA,KAAC,EAAA,eAAD,CACS,QACP,gBAAiB,CACf,CACE,eAAgB,iBAChB,YAAa,CAAC,KAAK,EACnB,YAAa,CACf,CACF,EACA,OAAQ,GACM,gBACE,kBAChB,sBAAA,GACA,aAAA,GACe,gBACQ,wBACI,4BACjB,WACM,iBACM,uBACD,sBACrB,OAAO,qBACR,CAAA,CAEL"}

package/dist/routes/llm-settings.d.ts CHANGED Viewed

@@ -4,13 +4,15 @@ import { SettingsScope } from "#/types/settings";
 import { type SettingsFormValues } from "#/utils/sdk-settings-schema";
 /** Form-values key for the shared provider connection a profile links to. */
 export declare const LLM_PROVIDER_CONNECTION_KEY = "llm.provider_connection_id";
-export declare function LlmSettingsScreen({ scope, onSaveSuccess, initialValueOverrides, embedded, hideSaveButton, suppressSuccessToast, onSaveControlChange, showProviderConnection, }: {
+export declare function LlmSettingsScreen({ scope, onSaveSuccess, initialValueOverrides, markInitialOverridesDirty, embedded, hideSaveButton, suppressSuccessToast, onSaveControlChange, showProviderConnection, }: {
     scope?: SettingsScope;
     /** Optional hook fired after a successful save (e.g. advance an onboarding step). */
     onSaveSuccess?: () => void;
     /** Forwarded to {@link SdkSectionPage}. */
     initialValueOverrides?: SettingsFormValues;
     /** Forwarded to {@link SdkSectionPage}. */
+    markInitialOverridesDirty?: boolean;
+    /** Forwarded to {@link SdkSectionPage}. */
     embedded?: boolean;
     /** Forwarded to {@link SdkSectionPage}. */
     hideSaveButton?: boolean;