@openhands/agent-canvas 1.13.0 → 1.15.0

package/dist/routes/files-tab.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"files-tab.cjs","names":[],"sources":["../../src/routes/files-tab.tsx"],"sourcesContent":["import { useCallback, useEffect, useMemo, 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 { useHasAttachedSource } from \"#/hooks/use-has-attached-source\";\nimport { useHasGitCommits } from \"#/hooks/query/use-has-git-commits\";\nimport { useAutoRefreshFilesOnEdit } from \"#/hooks/use-auto-refresh-files-on-edit\";\nimport { useUnifiedGetGitChanges } from \"#/hooks/query/use-unified-get-git-changes\";\nimport { useOptionalConversationId } from \"#/hooks/use-conversation-id\";\nimport { useConversationLocalStorageState } from \"#/utils/conversation-local-storage\";\nimport {\n  useWorkspaceMutationCounter,\n  withWorkspaceCacheBuster,\n} from \"#/stores/use-workspace-mutation-counter\";\nimport { sortFilesByPriority } from \"#/utils/file-priority\";\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 type { ViewMode } from \"#/components/features/files-tab/view-mode\";\nimport RefreshIcon from \"#/icons/u-refresh.svg?react\";\nimport LinkExternalIcon from \"#/icons/link-external.svg?react\";\nimport { useUnifiedGitCommits } from \"#/hooks/query/use-unified-git-commits\";\nimport GitChanges from \"./changes-tab\";\nimport GitCommits from \"./commits-tab\";\n\nfunction FilesTab() {\n  const { t } = useTranslation(\"openhands\");\n\n  // Keep the list / content / diff caches fresh as the agent writes files.\n  useAutoRefreshFilesOnEdit();\n\n  const { hasAttachedSource, isLoading: isAttachedSourceLoading } =\n    useHasAttachedSource();\n  // A workspace with zero commits has no diff base to compare against, so\n  // the diff view would just be empty / misleading. Only probe when we\n  // already believe the user attached a source — saves a workspace round\n  // trip on every plain (no-attachment) conversation.\n  const { hasCommits } = useHasGitCommits({ enabled: hasAttachedSource });\n\n  // Diff view defaults to ON when the user attached a source (repo or\n  // local workspace) *and* there's at least one commit, OFF otherwise\n  // (no attachment, or attachment with no commits yet).\n  //\n  // While the attachment / commit probes are still resolving we stay\n  // optimistic — most attached conversations live in a real repo, so\n  // defaulting to diff during the brief loading window avoids a\n  // \"files → diff\" flash on initial load. We only flip to files-view\n  // once `hasAttachedSource` *or* `hasCommits` definitively resolves\n  // false. The user's persisted choice always wins.\n  const { conversationId } = useOptionalConversationId();\n  const {\n    state: persistedState,\n    setFilesTabDiffView,\n    setFilesTabContentViewMode,\n  } = useConversationLocalStorageState(conversationId ?? \"\");\n\n  const diffViewDefault =\n    (hasAttachedSource || isAttachedSourceLoading) && hasCommits !== false;\n  const diffViewEnabled = persistedState.filesTabDiffView ?? diffViewDefault;\n  const contentViewMode = persistedState.filesTabContentViewMode;\n\n  // Commit history gets a third toggle segment, offered only when the\n  // agent server supports the commits API (older servers 404 → the toggle\n  // stays two-way and the tab looks exactly as it did before). The\n  // selection is session-local; the persisted diff/files preference is\n  // untouched so falling out of the commits view restores it.\n  const { isSuccess: commitsIsSuccess, isUnsupported: commitsUnsupported } =\n    useUnifiedGitCommits();\n  const showCommitsOption = commitsIsSuccess && !commitsUnsupported;\n  const [commitsViewSelected, setCommitsViewSelected] = useState(false);\n  let activeView: \"on\" | \"off\" | \"commits\" = diffViewEnabled ? \"on\" : \"off\";\n  if (commitsViewSelected && showCommitsOption) activeView = \"commits\";\n\n  // Collapsed by default — the quick-access pill row at the top is usually\n  // enough; the user can expand the tree on demand.\n  const [isTreeVisible, setIsTreeVisible] = useState(false);\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 setSelectedPath = useFilesTabStore((s) => s.setSelectedPath);\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  // The auto-select effect below then picks this conversation's top file.\n  const selectedPath =\n    selectedConversationId === conversationId ? storedSelectedPath : null;\n\n  // Tag every selection with the active conversation so it can't leak into\n  // the next one. FileQuickRow / FileTreeView call this with just the path.\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  useEffect(() => {\n    if (selectedConversationId === conversationId) return;\n    setSelectedPath(null, conversationId);\n  }, [selectedConversationId, conversationId, setSelectedPath]);\n\n  // Auto-select the highest-priority file the first time we load the list,\n  // so users see something useful immediately.\n  useEffect(() => {\n    if (selectedPath || paths.length === 0) return;\n    const [first] = sortFilesByPriority(paths);\n    if (first) setSelectedPath(first, conversationId);\n  }, [paths, selectedPath, conversationId, setSelectedPath]);\n\n  // Refresh button: covers the diff view (git changes) and the file viewer\n  // (workspace listing + cached file contents). Lives in this toolbar — not\n  // in the outer ConversationTabs bar — so it sits with the other\n  // files-tab-local controls.\n  const queryClient = useQueryClient();\n  const { refetch: refetchGitChanges, isFetching: isFetchingGitChanges } =\n    useUnifiedGetGitChanges();\n  const refreshFiles = () => {\n    refetchGitChanges();\n    queryClient.invalidateQueries({ queryKey: [\"workspace-files\"] });\n    queryClient.invalidateQueries({ queryKey: [\"workspace-file-content\"] });\n    queryClient.invalidateQueries({ queryKey: [\"git_commits\"] });\n  };\n\n  return (\n    <main\n      className=\"h-full w-full flex flex-col items-stretch\"\n      data-testid=\"files-tab\"\n    >\n      {/* Top toolbar: diff/files + rich/plain toggles (left-aligned) plus\n          the refresh button on the right. */}\n      <div className=\"flex items-center gap-3 px-3 py-1.5 border-b border-[var(--oh-border)]\">\n        <SegmentedToggle<\"on\" | \"off\" | \"commits\">\n          ariaLabel={t(I18nKey.FILES$DIFF_VIEW)}\n          testId=\"files-tab-diff-toggle\"\n          value={activeView}\n          options={[\n            { value: \"on\", label: t(I18nKey.FILES$DIFF_VIEW) },\n            ...(showCommitsOption\n              ? [\n                  {\n                    value: \"commits\" as const,\n                    label: t(I18nKey.DIFF_VIEWER$COMMITS),\n                  },\n                ]\n              : []),\n            { value: \"off\", label: t(I18nKey.COMMON$FILES) },\n          ]}\n          onChange={(value) => {\n            if (value === \"commits\") {\n              setCommitsViewSelected(true);\n            } else {\n              setCommitsViewSelected(false);\n              setFilesTabDiffView(value === \"on\");\n            }\n          }}\n        />\n\n        {activeView === \"off\" && (\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        )}\n\n        <div className=\"ml-auto flex items-center gap-1\">\n          {/* Open the currently-selected file in a new browser tab. Only\n              meaningful while we're showing a file (not the diff view) and\n              we've resolved its staticUrl from the workspace fileserver. */}\n          {activeView === \"off\" && 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=\"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          )}\n          <button\n            type=\"button\"\n            onClick={refreshFiles}\n            disabled={isFetchingGitChanges}\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={isFetchingGitChanges ? \"animate-spin\" : \"\"}\n            />\n          </button>\n        </div>\n      </div>\n\n      {activeView === \"on\" && (\n        <div className=\"flex-1 min-h-0\">\n          <GitChanges />\n        </div>\n      )}\n      {activeView === \"commits\" && (\n        <div className=\"flex-1 min-h-0\">\n          <GitCommits />\n        </div>\n      )}\n      {activeView === \"off\" && (\n        <div className=\"flex flex-1 flex-col min-h-0\">\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                paths={paths}\n                selectedPath={selectedPath}\n                onSelectFile={handleSelectFile}\n                isTreeVisible={isTreeVisible}\n                onToggleTree={() => setIsTreeVisible((prev) => !prev)}\n              />\n              <div className=\"flex h-full min-h-0 flex-1\">\n                {isTreeVisible && (\n                  <aside\n                    className=\"w-56 shrink-0 border-r border-[var(--oh-border)] overflow-y-auto custom-scrollbar-always\"\n                    data-testid=\"files-tab-tree\"\n                  >\n                    <FileTreeView\n                      paths={paths}\n                      selectedPath={selectedPath}\n                      onSelectFile={handleSelectFile}\n                    />\n                  </aside>\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                    <FileContentViewer\n                      path={selectedPath}\n                      viewMode={contentViewMode}\n                    />\n                  ) : (\n                    <NoFileSelectedMessage />\n                  )}\n                </section>\n              </div>\n            </>\n          )}\n        </div>\n      )}\n    </main>\n  );\n}\n\nexport default FilesTab;\n"],"mappings":"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"}
+{"version":3,"file":"files-tab.cjs","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/files-tab.d.ts

@@ -1,2 +1,6 @@
+/**
+ * Workspace file browser. Diff/Commits live in the sibling Commits
+ * conversation tab — this surface is only the file tree / content viewer.
+ */
 declare function FilesTab(): import("react").JSX.Element;
 export default FilesTab;

package/dist/routes/files-tab.js

@@ -1,172 +1,142 @@
 import { useTranslation as e } from "../node_modules/react-i18next/dist/es/useTranslation.js";
 import { I18nKey as t } from "../i18n/declaration.js";
 import { useOptionalConversationId as n } from "../hooks/use-conversation-id.js";
-import { useConversationLocalStorageState as r } from "../utils/conversation-local-storage.js";
-import { useQueryClient as i } from "../node_modules/@tanstack/react-query/build/modern/QueryClientProvider.js";
-import { useFilesTabStore as a } from "../stores/files-tab-store.js";
-import o from "../icons/link-external.js";
-import { SegmentedToggle as s } from "../components/features/files-tab/segmented-toggle.js";
-import { NoFileSelectedMessage as c } from "../components/features/files-tab/no-file-selected-message.js";
-import { useUnifiedGetGitChanges as l } from "../hooks/query/use-unified-get-git-changes.js";
-import { useWorkspaceFiles as u } from "../hooks/query/use-workspace-files.js";
-import { useWorkspaceMutationCounter as ee, withWorkspaceCacheBuster as te } from "../stores/use-workspace-mutation-counter.js";
-import { useWorkspaceFileContent as ne } from "../hooks/query/use-workspace-file-content.js";
-import { useHasAttachedSource as re } from "../hooks/use-has-attached-source.js";
-import { useHasGitCommits as d } from "../hooks/query/use-has-git-commits.js";
-import { useAutoRefreshFilesOnEdit as f } from "../hooks/use-auto-refresh-files-on-edit.js";
-import { sortFilesByPriority as ie } from "../utils/file-priority.js";
-import { FileQuickRow as p } from "../components/features/files-tab/file-quick-row.js";
-import { FileTreeView as m } from "../components/features/files-tab/file-tree-view.js";
-import { FileContentViewer as h } from "../components/features/files-tab/file-content-viewer.js";
-import g from "../icons/u-refresh.js";
-import { useUnifiedGitCommits as _ } from "../hooks/query/use-unified-git-commits.js";
-import v from "./changes-tab.js";
-import y from "./commits-tab.js";
-import { useCallback as b, useEffect as x, useMemo as ae, useState as S } from "react";
-import { Fragment as C, jsx as w, jsxs as T } from "react/jsx-runtime";
+import { getConversationState as r, useConversationLocalStorageState as i } from "../utils/conversation-local-storage.js";
+import { useQueryClient as a } from "../node_modules/@tanstack/react-query/build/modern/QueryClientProvider.js";
+import { useFilesTabStore as o } from "../stores/files-tab-store.js";
+import { useActiveConversation as s } from "../hooks/query/use-active-conversation.js";
+import c from "../icons/link-external.js";
+import { ResizeHandle as l } from "../components/ui/resize-handle.js";
+import { useResizableDrawerWidth as u } from "../hooks/use-resizable-drawer-width.js";
+import { SegmentedToggle as d } from "../components/features/files-tab/segmented-toggle.js";
+import { NoFileSelectedMessage as f } from "../components/features/files-tab/no-file-selected-message.js";
+import { useWorkspaceFiles as p } from "../hooks/query/use-workspace-files.js";
+import { useWorkspaceMutationCounter as m, withWorkspaceCacheBuster as ee } from "../stores/use-workspace-mutation-counter.js";
+import { useWorkspaceFileContent as h } from "../hooks/query/use-workspace-file-content.js";
+import { useAutoRefreshFilesOnEdit as g } from "../hooks/use-auto-refresh-files-on-edit.js";
+import { FileQuickRow as _ } from "../components/features/files-tab/file-quick-row.js";
+import { FileTreeView as v } from "../components/features/files-tab/file-tree-view.js";
+import { FileContentViewer as y } from "../components/features/files-tab/file-content-viewer.js";
+import { WorkspacePath as te } from "../components/features/files-tab/workspace-path.js";
+import { FILES_TAB_TREE_WIDTH_STORAGE_KEY as ne } from "../components/features/files-tab/files-tab-tree.constants.js";
+import re from "../icons/u-refresh.js";
+import { useCallback as b, useEffect as ie, useMemo as x, useRef as S, useState as C } from "react";
+import { Fragment as w, jsx as T, jsxs as E } from "react/jsx-runtime";
 //#region src/routes/files-tab.tsx
-function E() {
-	let { t: E } = e("openhands");
-	f();
-	let { hasAttachedSource: D, isLoading: O } = re(), { hasCommits: k } = d({ enabled: D }), { conversationId: A } = n(), { state: j, setFilesTabDiffView: M, setFilesTabContentViewMode: N } = r(A ?? ""), P = (D || O) && k !== !1, F = j.filesTabDiffView ?? P, I = j.filesTabContentViewMode, { isSuccess: oe, isUnsupported: L } = _(), R = oe && !L, [z, B] = S(!1), V = F ? "on" : "off";
-	z && R && (V = "commits");
-	let [H, U] = S(!1), W = u(), G = ae(() => W.data ?? [], [W.data]), K = a((e) => e.selectedPath), q = a((e) => e.selectedConversationId), J = a((e) => e.setSelectedPath), Y = q === A ? K : null, X = b((e) => J(e, A), [A, J]), se = ne(Y), ce = ee((e) => e.count), Z = te(se.data?.staticUrl ?? null, ce);
-	x(() => {
-		q !== A && J(null, A);
+function D() {
+	let { t: D } = e("openhands");
+	g();
+	let { data: O } = s(), k = O?.workspace?.working_dir, { conversationId: A } = n(), { state: j, setFilesTabContentViewMode: M, setFilesTabTreeVisible: N } = i(A ?? ""), P = j.filesTabContentViewMode, F = j.filesTabTreeVisible ?? !0, ae = b(() => {
+		N?.(!F);
+	}, [F, N]), I = S(null), { drawerWidth: L, isDragging: R, handleMouseDown: z } = u({
+		containerRef: I,
+		defaultWidth: 224,
+		minWidth: 160,
+		maxWidth: 480,
+		storageKey: ne,
+		enabled: F,
+		edge: "left"
+	}), B = p(), V = x(() => B.data ?? [], [B.data]), H = o((e) => e.selectedPath), U = o((e) => e.selectedConversationId), W = o((e) => e.openPaths), G = o((e) => e.setSelectedPath), K = o((e) => e.closeOpenPath), q = o((e) => e.hydrateForConversation), J = U === A ? H : null, oe = U === A ? W : [], Y = b((e) => G(e, A), [A, G]), se = h(J), ce = m((e) => e.count), X = ee(se.data?.staticUrl ?? null, ce);
+	ie(() => {
+		if (!A || U === A) return;
+		let e = r(A);
+		q(A, e.filesTabOpenPaths ?? [], e.filesTabSelectedPath ?? null);
 	}, [
-		q,
 		A,
-		J
-	]), x(() => {
-		if (Y || G.length === 0) return;
-		let [e] = ie(G);
-		e && J(e, A);
-	}, [
-		G,
-		Y,
-		A,
-		J
+		U,
+		q
 	]);
-	let Q = i(), { refetch: le, isFetching: $ } = l(), ue = () => {
-		le(), Q.invalidateQueries({ queryKey: ["workspace-files"] }), Q.invalidateQueries({ queryKey: ["workspace-file-content"] }), Q.invalidateQueries({ queryKey: ["git_commits"] });
-	};
-	return /* @__PURE__ */ T("main", {
+	let Z = a(), [Q, $] = C(!1), le = /* @__PURE__ */ T("button", {
+		type: "button",
+		onClick: async () => {
+			$(!0);
+			try {
+				await Promise.all([Z.invalidateQueries({ queryKey: ["workspace-files"] }), Z.invalidateQueries({ queryKey: ["workspace-file-content"] })]);
+			} finally {
+				$(!1);
+			}
+		},
+		disabled: Q,
+		"aria-label": D(t.FILES$REFRESH),
+		title: D(t.FILES$REFRESH),
+		"data-testid": "files-tab-refresh",
+		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",
+		children: /* @__PURE__ */ T(re, {
+			width: 12.75,
+			height: 15,
+			color: "#ffffff",
+			className: Q ? "animate-spin" : ""
+		})
+	});
+	return /* @__PURE__ */ E("main", {
 		className: "h-full w-full flex flex-col items-stretch",
 		"data-testid": "files-tab",
-		children: [
-			/* @__PURE__ */ T("div", {
-				className: "flex items-center gap-3 px-3 py-1.5 border-b border-[var(--oh-border)]",
-				children: [
-					/* @__PURE__ */ w(s, {
-						ariaLabel: E(t.FILES$DIFF_VIEW),
-						testId: "files-tab-diff-toggle",
-						value: V,
-						options: [
-							{
-								value: "on",
-								label: E(t.FILES$DIFF_VIEW)
-							},
-							...R ? [{
-								value: "commits",
-								label: E(t.DIFF_VIEWER$COMMITS)
-							}] : [],
-							{
-								value: "off",
-								label: E(t.COMMON$FILES)
-							}
-						],
-						onChange: (e) => {
-							e === "commits" ? B(!0) : (B(!1), M(e === "on"));
-						}
-					}),
-					V === "off" && /* @__PURE__ */ w(s, {
-						ariaLabel: E(t.FILES$RICH),
+		children: [/* @__PURE__ */ T(te, { path: k }), B.isLoading ? /* @__PURE__ */ T("div", {
+			className: "flex flex-1 items-center justify-center text-sm text-[var(--oh-muted)]",
+			children: D(t.FILES$LOADING_FILES)
+		}) : /* @__PURE__ */ E(w, { children: [/* @__PURE__ */ T(_, {
+			openPaths: oe,
+			selectedPath: J,
+			onSelectFile: Y,
+			onCloseFile: K,
+			isTreeVisible: F,
+			onToggleTree: ae,
+			actions: le
+		}), /* @__PURE__ */ E("div", {
+			ref: I,
+			className: "flex h-full min-h-0 flex-1",
+			children: [F && /* @__PURE__ */ E(w, { children: [/* @__PURE__ */ T("aside", {
+				className: "shrink-0 border-r border-[var(--oh-border)] overflow-y-auto custom-scrollbar-always",
+				"data-testid": "files-tab-tree",
+				style: { width: `${L}px` },
+				children: /* @__PURE__ */ T(v, {
+					paths: V,
+					selectedPath: J,
+					onSelectFile: Y
+				})
+			}), /* @__PURE__ */ T(l, {
+				testId: "files-tab-tree-resize-handle",
+				onMouseDown: z,
+				isDragging: R
+			})] }), /* @__PURE__ */ T("section", {
+				className: "flex h-full min-h-0 min-w-0 flex-1 flex-col",
+				"data-testid": "files-tab-content",
+				children: J ? /* @__PURE__ */ E(w, { children: [/* @__PURE__ */ E("div", {
+					className: "flex items-center gap-3 px-3 py-1.5 border-b border-[var(--oh-border)]",
+					children: [/* @__PURE__ */ T(d, {
+						ariaLabel: D(t.FILES$RICH),
 						testId: "files-tab-content-mode-toggle",
-						value: I,
+						value: P,
 						options: [{
 							value: "rich",
-							label: E(t.FILES$RICH)
+							label: D(t.FILES$RICH)
 						}, {
 							value: "plain",
-							label: E(t.FILES$PLAIN)
+							label: D(t.FILES$PLAIN)
 						}],
-						onChange: N
-					}),
-					/* @__PURE__ */ T("div", {
-						className: "ml-auto flex items-center gap-1",
-						children: [V === "off" && Z && /* @__PURE__ */ w("a", {
-							href: Z,
-							target: "_blank",
-							rel: "noopener noreferrer",
-							"aria-label": E(t.FILES$OPEN_IN_NEW_WINDOW),
-							title: E(t.FILES$OPEN_IN_NEW_WINDOW),
-							"data-testid": "files-tab-open-in-new-window",
-							className: "flex items-center justify-center w-[26px] py-1 rounded-[7px] hover:bg-[var(--oh-interactive-hover)] cursor-pointer text-white",
-							children: /* @__PURE__ */ w(o, {
-								width: 14,
-								height: 14
-							})
-						}), /* @__PURE__ */ w("button", {
-							type: "button",
-							onClick: ue,
-							disabled: $,
-							"aria-label": E(t.FILES$REFRESH),
-							title: E(t.FILES$REFRESH),
-							"data-testid": "files-tab-refresh",
-							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",
-							children: /* @__PURE__ */ w(g, {
-								width: 12.75,
-								height: 15,
-								color: "#ffffff",
-								className: $ ? "animate-spin" : ""
-							})
-						})]
-					})
-				]
-			}),
-			V === "on" && /* @__PURE__ */ w("div", {
-				className: "flex-1 min-h-0",
-				children: /* @__PURE__ */ w(v, {})
-			}),
-			V === "commits" && /* @__PURE__ */ w("div", {
-				className: "flex-1 min-h-0",
-				children: /* @__PURE__ */ w(y, {})
-			}),
-			V === "off" && /* @__PURE__ */ w("div", {
-				className: "flex flex-1 flex-col min-h-0",
-				children: W.isLoading ? /* @__PURE__ */ w("div", {
-					className: "flex flex-1 items-center justify-center text-sm text-[var(--oh-muted)]",
-					children: E(t.FILES$LOADING_FILES)
-				}) : /* @__PURE__ */ T(C, { children: [/* @__PURE__ */ w(p, {
-					paths: G,
-					selectedPath: Y,
-					onSelectFile: X,
-					isTreeVisible: H,
-					onToggleTree: () => U((e) => !e)
-				}), /* @__PURE__ */ T("div", {
-					className: "flex h-full min-h-0 flex-1",
-					children: [H && /* @__PURE__ */ w("aside", {
-						className: "w-56 shrink-0 border-r border-[var(--oh-border)] overflow-y-auto custom-scrollbar-always",
-						"data-testid": "files-tab-tree",
-						children: /* @__PURE__ */ w(m, {
-							paths: G,
-							selectedPath: Y,
-							onSelectFile: X
+						onChange: M
+					}), X ? /* @__PURE__ */ T("a", {
+						href: X,
+						target: "_blank",
+						rel: "noopener noreferrer",
+						"aria-label": D(t.FILES$OPEN_IN_NEW_WINDOW),
+						title: D(t.FILES$OPEN_IN_NEW_WINDOW),
+						"data-testid": "files-tab-open-in-new-window",
+						className: "ml-auto flex items-center justify-center w-[26px] py-1 rounded-[7px] hover:bg-[var(--oh-interactive-hover)] cursor-pointer text-white",
+						children: /* @__PURE__ */ T(c, {
+							width: 14,
+							height: 14
 						})
-					}), /* @__PURE__ */ w("section", {
-						className: "flex h-full min-h-0 min-w-0 flex-1 flex-col",
-						"data-testid": "files-tab-content",
-						children: Y ? /* @__PURE__ */ w(h, {
-							path: Y,
-							viewMode: I
-						}) : /* @__PURE__ */ w(c, {})
-					})]
-				})] })
-			})
-		]
+					}) : null]
+				}), /* @__PURE__ */ T(y, {
+					path: J,
+					viewMode: P
+				})] }) : /* @__PURE__ */ T(f, {})
+			})]
+		})] })]
 	});
 }
 //#endregion
-export { E as default };
+export { D as default };
 
 //# sourceMappingURL=files-tab.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"files-tab.js","names":[],"sources":["../../src/routes/files-tab.tsx"],"sourcesContent":["import { useCallback, useEffect, useMemo, 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 { useHasAttachedSource } from \"#/hooks/use-has-attached-source\";\nimport { useHasGitCommits } from \"#/hooks/query/use-has-git-commits\";\nimport { useAutoRefreshFilesOnEdit } from \"#/hooks/use-auto-refresh-files-on-edit\";\nimport { useUnifiedGetGitChanges } from \"#/hooks/query/use-unified-get-git-changes\";\nimport { useOptionalConversationId } from \"#/hooks/use-conversation-id\";\nimport { useConversationLocalStorageState } from \"#/utils/conversation-local-storage\";\nimport {\n  useWorkspaceMutationCounter,\n  withWorkspaceCacheBuster,\n} from \"#/stores/use-workspace-mutation-counter\";\nimport { sortFilesByPriority } from \"#/utils/file-priority\";\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 type { ViewMode } from \"#/components/features/files-tab/view-mode\";\nimport RefreshIcon from \"#/icons/u-refresh.svg?react\";\nimport LinkExternalIcon from \"#/icons/link-external.svg?react\";\nimport { useUnifiedGitCommits } from \"#/hooks/query/use-unified-git-commits\";\nimport GitChanges from \"./changes-tab\";\nimport GitCommits from \"./commits-tab\";\n\nfunction FilesTab() {\n  const { t } = useTranslation(\"openhands\");\n\n  // Keep the list / content / diff caches fresh as the agent writes files.\n  useAutoRefreshFilesOnEdit();\n\n  const { hasAttachedSource, isLoading: isAttachedSourceLoading } =\n    useHasAttachedSource();\n  // A workspace with zero commits has no diff base to compare against, so\n  // the diff view would just be empty / misleading. Only probe when we\n  // already believe the user attached a source — saves a workspace round\n  // trip on every plain (no-attachment) conversation.\n  const { hasCommits } = useHasGitCommits({ enabled: hasAttachedSource });\n\n  // Diff view defaults to ON when the user attached a source (repo or\n  // local workspace) *and* there's at least one commit, OFF otherwise\n  // (no attachment, or attachment with no commits yet).\n  //\n  // While the attachment / commit probes are still resolving we stay\n  // optimistic — most attached conversations live in a real repo, so\n  // defaulting to diff during the brief loading window avoids a\n  // \"files → diff\" flash on initial load. We only flip to files-view\n  // once `hasAttachedSource` *or* `hasCommits` definitively resolves\n  // false. The user's persisted choice always wins.\n  const { conversationId } = useOptionalConversationId();\n  const {\n    state: persistedState,\n    setFilesTabDiffView,\n    setFilesTabContentViewMode,\n  } = useConversationLocalStorageState(conversationId ?? \"\");\n\n  const diffViewDefault =\n    (hasAttachedSource || isAttachedSourceLoading) && hasCommits !== false;\n  const diffViewEnabled = persistedState.filesTabDiffView ?? diffViewDefault;\n  const contentViewMode = persistedState.filesTabContentViewMode;\n\n  // Commit history gets a third toggle segment, offered only when the\n  // agent server supports the commits API (older servers 404 → the toggle\n  // stays two-way and the tab looks exactly as it did before). The\n  // selection is session-local; the persisted diff/files preference is\n  // untouched so falling out of the commits view restores it.\n  const { isSuccess: commitsIsSuccess, isUnsupported: commitsUnsupported } =\n    useUnifiedGitCommits();\n  const showCommitsOption = commitsIsSuccess && !commitsUnsupported;\n  const [commitsViewSelected, setCommitsViewSelected] = useState(false);\n  let activeView: \"on\" | \"off\" | \"commits\" = diffViewEnabled ? \"on\" : \"off\";\n  if (commitsViewSelected && showCommitsOption) activeView = \"commits\";\n\n  // Collapsed by default — the quick-access pill row at the top is usually\n  // enough; the user can expand the tree on demand.\n  const [isTreeVisible, setIsTreeVisible] = useState(false);\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 setSelectedPath = useFilesTabStore((s) => s.setSelectedPath);\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  // The auto-select effect below then picks this conversation's top file.\n  const selectedPath =\n    selectedConversationId === conversationId ? storedSelectedPath : null;\n\n  // Tag every selection with the active conversation so it can't leak into\n  // the next one. FileQuickRow / FileTreeView call this with just the path.\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  useEffect(() => {\n    if (selectedConversationId === conversationId) return;\n    setSelectedPath(null, conversationId);\n  }, [selectedConversationId, conversationId, setSelectedPath]);\n\n  // Auto-select the highest-priority file the first time we load the list,\n  // so users see something useful immediately.\n  useEffect(() => {\n    if (selectedPath || paths.length === 0) return;\n    const [first] = sortFilesByPriority(paths);\n    if (first) setSelectedPath(first, conversationId);\n  }, [paths, selectedPath, conversationId, setSelectedPath]);\n\n  // Refresh button: covers the diff view (git changes) and the file viewer\n  // (workspace listing + cached file contents). Lives in this toolbar — not\n  // in the outer ConversationTabs bar — so it sits with the other\n  // files-tab-local controls.\n  const queryClient = useQueryClient();\n  const { refetch: refetchGitChanges, isFetching: isFetchingGitChanges } =\n    useUnifiedGetGitChanges();\n  const refreshFiles = () => {\n    refetchGitChanges();\n    queryClient.invalidateQueries({ queryKey: [\"workspace-files\"] });\n    queryClient.invalidateQueries({ queryKey: [\"workspace-file-content\"] });\n    queryClient.invalidateQueries({ queryKey: [\"git_commits\"] });\n  };\n\n  return (\n    <main\n      className=\"h-full w-full flex flex-col items-stretch\"\n      data-testid=\"files-tab\"\n    >\n      {/* Top toolbar: diff/files + rich/plain toggles (left-aligned) plus\n          the refresh button on the right. */}\n      <div className=\"flex items-center gap-3 px-3 py-1.5 border-b border-[var(--oh-border)]\">\n        <SegmentedToggle<\"on\" | \"off\" | \"commits\">\n          ariaLabel={t(I18nKey.FILES$DIFF_VIEW)}\n          testId=\"files-tab-diff-toggle\"\n          value={activeView}\n          options={[\n            { value: \"on\", label: t(I18nKey.FILES$DIFF_VIEW) },\n            ...(showCommitsOption\n              ? [\n                  {\n                    value: \"commits\" as const,\n                    label: t(I18nKey.DIFF_VIEWER$COMMITS),\n                  },\n                ]\n              : []),\n            { value: \"off\", label: t(I18nKey.COMMON$FILES) },\n          ]}\n          onChange={(value) => {\n            if (value === \"commits\") {\n              setCommitsViewSelected(true);\n            } else {\n              setCommitsViewSelected(false);\n              setFilesTabDiffView(value === \"on\");\n            }\n          }}\n        />\n\n        {activeView === \"off\" && (\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        )}\n\n        <div className=\"ml-auto flex items-center gap-1\">\n          {/* Open the currently-selected file in a new browser tab. Only\n              meaningful while we're showing a file (not the diff view) and\n              we've resolved its staticUrl from the workspace fileserver. */}\n          {activeView === \"off\" && 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=\"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          )}\n          <button\n            type=\"button\"\n            onClick={refreshFiles}\n            disabled={isFetchingGitChanges}\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={isFetchingGitChanges ? \"animate-spin\" : \"\"}\n            />\n          </button>\n        </div>\n      </div>\n\n      {activeView === \"on\" && (\n        <div className=\"flex-1 min-h-0\">\n          <GitChanges />\n        </div>\n      )}\n      {activeView === \"commits\" && (\n        <div className=\"flex-1 min-h-0\">\n          <GitCommits />\n        </div>\n      )}\n      {activeView === \"off\" && (\n        <div className=\"flex flex-1 flex-col min-h-0\">\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                paths={paths}\n                selectedPath={selectedPath}\n                onSelectFile={handleSelectFile}\n                isTreeVisible={isTreeVisible}\n                onToggleTree={() => setIsTreeVisible((prev) => !prev)}\n              />\n              <div className=\"flex h-full min-h-0 flex-1\">\n                {isTreeVisible && (\n                  <aside\n                    className=\"w-56 shrink-0 border-r border-[var(--oh-border)] overflow-y-auto custom-scrollbar-always\"\n                    data-testid=\"files-tab-tree\"\n                  >\n                    <FileTreeView\n                      paths={paths}\n                      selectedPath={selectedPath}\n                      onSelectFile={handleSelectFile}\n                    />\n                  </aside>\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                    <FileContentViewer\n                      path={selectedPath}\n                      viewMode={contentViewMode}\n                    />\n                  ) : (\n                    <NoFileSelectedMessage />\n                  )}\n                </section>\n              </div>\n            </>\n          )}\n        </div>\n      )}\n    </main>\n  );\n}\n\nexport default FilesTab;\n"],"mappings":"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"}
+{"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

@@ -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");require("../components/features/settings/llm-profiles/index.cjs");const v=require("../hooks/query/use-llm-subscription-models.cjs");let y=require("react");y=e.__toESM(y,1);let b=require("react/jsx-runtime");var x=new Set([`llm.model`,`llm.api_key`,`llm.base_url`,a.LLM_AUTH_TYPE_KEY,a.LLM_SUBSCRIPTION_VENDOR_KEY]),S=(e,t)=>!e||!t?null:`${e}/${t}`,C=(e,t)=>e?.sections.flatMap(e=>e.fields).find(e=>e.key===t)?.default??null,w={openai:new Set([`https://api.openai.com`,`https://api.openai.com/v1`]),moonshot:new Set([`https://api.kimi.com/coding/v1`])},T=e=>{try{let t=new URL(e),n=t.pathname.replace(/\/+$/,``)||``;return`${t.origin}${n}`}catch{return e.trim().replace(/\/+$/,``)}},E=(e,t)=>{let n=T(t),{provider:r}=u.extractModelAndProvider(e);if(r){let e=w[r];if(e)return e.has(n)}return Object.values(w).some(e=>e?.has(n))};function D({testId:e}){let{t:r}=t.useTranslation(`openhands`);return(0,b.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 O(){return(0,b.jsxs)(`p`,{"data-testid":`openhands-free-models-note`,className:`flex items-start gap-2 text-xs text-warning`,children:[(0,b.jsx)(r.Info,{className:`mt-0.5 size-4 shrink-0 text-warning`,"aria-hidden":!0}),(0,b.jsx)(`span`,{children:o.FREE_OPENHANDS_MODEL_NOTE})]})}function k({scope:e=`personal`,onSaveSuccess:r,initialValueOverrides:u,embedded:w,hideSaveButton:T,suppressSuccessToast:k,onSaveControlChange:A}){let{t:j}=t.useTranslation(`openhands`),{data:M}=s.useSettings(e),{data:N}=p.useAgentSettingsSchema(M?.agent_settings_schema),P=M?.agent_settings?.llm,F=a.resolveLlmAuthType(u?.[`llm.auth_type`]??P?.auth_type),[I,L]=y.default.useState(F===a.LLM_AUTH_TYPE_SUBSCRIPTION),{data:R,isLoading:z,isFetching:B}=v.useOpenAISubscriptionModels({enabled:I}),V=I&&!R&&(z||B),H=y.default.useRef(null),U=y.default.useRef(null);y.default.useEffect(()=>{F===`subscription`&&L(!0)},[F]);let W=String(i.DEFAULT_SETTINGS.agent_settings?.llm?.model??``),G=y.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&&!E(r,i)?`all`:`basic`},[]),K=y.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||_&&V,y=R?.includes(s)?s:R?.[0]??``,x=typeof e[`llm.api_key`]==`string`?e[`llm.api_key`]:``,C=w?x.length>0:!!M?.llm_api_key_set,T=(e,r)=>(0,b.jsxs)(b.Fragment,{children:[(0,b.jsx)(c.SettingsInput,{testId:e,label:j(n.I18nKey.SETTINGS_FORM$API_KEY),type:`password`,className:`w-full`,value:x,placeholder:C?`<hidden>`:``,onChange:e=>i(`llm.api_key`,e),isDisabled:t,startContent:C?(0,b.jsx)(h.KeyStatusIcon,{isSet:C}):void 0}),(0,b.jsx)(d.HelpLink,{testId:r,text:j(n.I18nKey.SETTINGS$DONT_KNOW_API_KEY),linkText:j(n.I18nKey.SETTINGS$CLICK_FOR_INSTRUCTIONS),href:`https://docs.openhands.dev/usage/local-setup#getting-an-api-key`})]}),E=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`){L(!0),s&&!R?.includes(s)&&(H.current=s);let e=U.current&&R?.includes(U.current)?U.current:R?.[0];i(a.LLM_SUBSCRIPTION_VENDOR_KEY,a.OPENAI_SUBSCRIPTION_VENDOR),!R?.includes(s)&&e&&i(`llm.model`,e);return}s&&R?.includes(s)&&(U.current=s,i(`llm.model`,H.current??W))},k=()=>(0,b.jsx)(l.SettingsDropdownInput,{testId:`llm-auth-type-input`,name:a.LLM_AUTH_TYPE_KEY,label:j(n.I18nKey.SETTINGS$LLM_AUTH_TYPE),items:[{key:a.LLM_AUTH_TYPE_API_KEY,label:j(n.I18nKey.SETTINGS$LLM_AUTH_TYPE_API_KEY)},{key:a.LLM_AUTH_TYPE_SUBSCRIPTION,label:j(n.I18nKey.SETTINGS$LLM_AUTH_TYPE_SUBSCRIPTION)}],selectedKey:g,isClearable:!1,required:!0,isDisabled:v,onSelectionChange:E}),A=()=>(0,b.jsxs)(`div`,{className:`flex flex-col gap-6`,"data-testid":`llm-subscription-settings`,children:[(0,b.jsx)(l.SettingsDropdownInput,{testId:`llm-subscription-model-input`,name:`llm.subscription_model`,label:j(n.I18nKey.SETTINGS$SUBSCRIPTION_MODEL),items:(R??[]).map(e=>({key:e,label:e})),selectedKey:y,isClearable:!1,required:!0,isDisabled:v||!R?.length,onSelectionChange:e=>{let t=typeof e==`string`?e:R?.[0];t&&i(`llm.model`,t)}}),(0,b.jsx)(m.OpenAISubscriptionAuthCard,{isDisabled:t})]});return(0,b.jsx)(`div`,{className:`flex flex-col gap-6`,children:r===`basic`?(0,b.jsxs)(`div`,{className:`flex flex-col gap-6`,"data-testid":`llm-settings-form-basic`,children:[k(),_?A():(0,b.jsxs)(b.Fragment,{children:[(0,b.jsx)(f.ModelSelector,{currentModel:s||void 0,onChange:(e,t)=>{let n=S(e,t);n&&i(`llm.model`,n)},wrapperClassName:`!flex-col !gap-6`,isDisabled:t}),p?(0,b.jsx)(D,{testId:`openhands-api-key-help`}):null,T(`llm-api-key-input`,`llm-api-key-help-anchor`)]})]}):(0,b.jsxs)(`div`,{className:`flex flex-col gap-6`,"data-testid":`llm-settings-form-advanced`,children:[k(),_?A():(0,b.jsxs)(b.Fragment,{children:[(0,b.jsx)(c.SettingsInput,{testId:`llm-custom-model-input`,label:j(n.I18nKey.SETTINGS$CUSTOM_MODEL),type:`text`,className:`w-full`,value:s,placeholder:W,onChange:e=>i(`llm.model`,e),isDisabled:t}),p?(0,b.jsxs)(b.Fragment,{children:[o.isFreeOpenHandsModel(s)?(0,b.jsx)(O,{}):null,(0,b.jsx)(D,{testId:`openhands-api-key-help-2`})]}):null,(0,b.jsx)(c.SettingsInput,{testId:`base-url-input`,label:j(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}),T(`llm-api-key-input`,`llm-api-key-help-anchor-advanced`)]})]})})},[W,w,V,M?.llm_api_key_set,R,j]),q=y.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=R?.[0];if(!R?.includes(e)&&!n)throw Error(`Subscription models are not loaded yet.`);r.model=R?.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=C(N,`llm.base_url`));return n.llm=r,{agent_settings_diff:n}},[N,R]);return(0,b.jsx)(_.SdkSectionPage,{scope:e,settingsSources:[{settingsSource:`agent_settings`,sectionKeys:[`llm`],excludeKeys:x}],header:K,buildPayload:q,getInitialView:G,forceShowAdvancedView:!0,allowAllView:!0,onSaveSuccess:r,initialValueOverrides:u,embedded:w,hideSaveButton:T,suppressSuccessToast:k,onSaveControlChange:A,testId:`llm-settings-screen`})}exports.LlmSettingsScreen=k;
+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;
 //# sourceMappingURL=llm-settings.cjs.map