@openhands/agent-canvas 1.0.0-rc.6 → 1.0.0-rc.8

package/dist/components/features/chat/open-repository-modal.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"open-repository-modal.cjs","names":[],"sources":["../../../../src/components/features/chat/open-repository-modal.tsx"],"sourcesContent":["import React, { useState, useCallback, useEffect } from \"react\";\nimport { useTranslation } from \"react-i18next\";\nimport { ModalBackdrop } from \"#/components/shared/modals/modal-backdrop\";\nimport { ModalBody } from \"#/components/shared/modals/modal-body\";\nimport { ModalCloseButton } from \"#/components/shared/modals/modal-close-button\";\nimport { BrandButton } from \"#/components/features/settings/brand-button\";\nimport { BaseModalTitle } from \"#/components/shared/modals/confirmation-modals/base-modal\";\nimport { I18nKey } from \"#/i18n/declaration\";\nimport { Provider } from \"#/types/settings\";\nimport { Branch, GitRepository } from \"#/types/git\";\nimport { GitRepoDropdown } from \"#/components/features/home/git-repo-dropdown/git-repo-dropdown\";\nimport { GitBranchDropdown } from \"#/components/features/home/git-branch-dropdown/git-branch-dropdown\";\nimport { GitProviderDropdown } from \"#/components/features/home/git-provider-dropdown/git-provider-dropdown\";\nimport { useUserProviders } from \"#/hooks/use-user-providers\";\n\ninterface OpenRepositoryModalProps {\n  isOpen: boolean;\n  onClose: () => void;\n  onLaunch: (repository: GitRepository, branch: Branch) => void;\n  defaultProvider?: Provider;\n}\n\nexport function OpenRepositoryModal({\n  isOpen,\n  onClose,\n  onLaunch,\n  defaultProvider = \"github\",\n}: OpenRepositoryModalProps) {\n  const { t } = useTranslation(\"openhands\");\n  const { providers } = useUserProviders();\n\n  const [selectedProvider, setSelectedProvider] = useState<Provider | null>(\n    null,\n  );\n  const [selectedRepository, setSelectedRepository] =\n    useState<GitRepository | null>(null);\n  const [selectedBranch, setSelectedBranch] = useState<Branch | null>(null);\n\n  // Auto-select provider: single provider auto-selects, multiple uses defaultProvider if available\n  useEffect(() => {\n    if (providers.length === 1 && !selectedProvider) {\n      setSelectedProvider(providers[0]);\n    } else if (providers.length > 1 && !selectedProvider && defaultProvider) {\n      if (providers.includes(defaultProvider)) {\n        setSelectedProvider(defaultProvider);\n      }\n    }\n  }, [providers, selectedProvider, defaultProvider]);\n\n  const handleProviderChange = useCallback(\n    (provider: Provider | null) => {\n      if (provider === selectedProvider) return;\n      setSelectedProvider(provider);\n      setSelectedRepository(null);\n      setSelectedBranch(null);\n    },\n    [selectedProvider],\n  );\n\n  const handleRepositoryChange = useCallback((repository?: GitRepository) => {\n    if (repository) {\n      setSelectedRepository(repository);\n      setSelectedBranch(null);\n    } else {\n      setSelectedRepository(null);\n      setSelectedBranch(null);\n    }\n  }, []);\n\n  const handleBranchSelect = useCallback((branch: Branch | null) => {\n    setSelectedBranch(branch);\n  }, []);\n\n  const handleLaunch = () => {\n    if (!selectedRepository || !selectedBranch) return;\n\n    onLaunch(selectedRepository, selectedBranch);\n    setSelectedRepository(null);\n    setSelectedBranch(null);\n    onClose();\n  };\n\n  const handleClose = () => {\n    setSelectedProvider(null);\n    setSelectedRepository(null);\n    setSelectedBranch(null);\n    onClose();\n  };\n\n  if (!isOpen) return null;\n\n  const activeProvider =\n    selectedRepository?.git_provider || selectedProvider || defaultProvider;\n  const canLaunch = !!selectedRepository && !!selectedBranch;\n\n  return (\n    <ModalBackdrop onClose={handleClose}>\n      <ModalBody\n        width=\"sm\"\n        className=\"relative items-start border border-[var(--oh-border)] !gap-4\"\n      >\n        <ModalCloseButton\n          onClose={handleClose}\n          testId=\"close-open-repository-modal\"\n        />\n        <div className=\"w-full pr-6\">\n          <BaseModalTitle title={t(I18nKey.CONVERSATION$OPEN_REPOSITORY)} />\n        </div>\n\n        <div className=\"flex flex-col gap-4 w-full\">\n          <div className=\"flex items-center justify-between\">\n            <span className=\"text-sm text-white font-normal leading-[22px]\">\n              {t(I18nKey.CONVERSATION$SELECT_OR_INSERT_LINK)}\n            </span>\n            {providers.length > 1 && (\n              <GitProviderDropdown\n                providers={providers}\n                value={selectedProvider}\n                placeholder=\"Select Provider\"\n                onChange={handleProviderChange}\n              />\n            )}\n          </div>\n\n          <div className=\"flex flex-col gap-[10px] w-full\">\n            <GitRepoDropdown\n              provider={activeProvider}\n              value={selectedRepository?.id || null}\n              repositoryName={selectedRepository?.full_name || null}\n              onChange={handleRepositoryChange}\n              placeholder=\"Search repositories...\"\n              className=\"w-full\"\n            />\n\n            <GitBranchDropdown\n              repository={selectedRepository?.full_name || null}\n              provider={activeProvider}\n              selectedBranch={selectedBranch}\n              onBranchSelect={handleBranchSelect}\n              defaultBranch={selectedRepository?.main_branch || null}\n              placeholder=\"Select branch...\"\n              disabled={!selectedRepository}\n              className=\"w-full\"\n            />\n          </div>\n        </div>\n\n        <div\n          className=\"flex justify-end gap-2 w-full\"\n          onClick={(event) => event.stopPropagation()}\n        >\n          <BrandButton type=\"button\" variant=\"secondary\" onClick={handleClose}>\n            {t(I18nKey.BUTTON$CANCEL)}\n          </BrandButton>\n          <BrandButton\n            type=\"button\"\n            variant=\"primary\"\n            onClick={handleLaunch}\n            isDisabled={!canLaunch}\n          >\n            {t(I18nKey.BUTTON$LAUNCH)}\n          </BrandButton>\n        </div>\n      </ModalBody>\n    </ModalBackdrop>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"open-repository-modal.cjs","names":[],"sources":["../../../../src/components/features/chat/open-repository-modal.tsx"],"sourcesContent":["import React, { useState, useCallback, useEffect } from \"react\";\nimport { useTranslation } from \"react-i18next\";\nimport { ModalBackdrop } from \"#/components/shared/modals/modal-backdrop\";\nimport { ModalBody } from \"#/components/shared/modals/modal-body\";\nimport { ModalCloseButton } from \"#/components/shared/modals/modal-close-button\";\nimport { BrandButton } from \"#/components/features/settings/brand-button\";\nimport { BaseModalTitle } from \"#/components/shared/modals/confirmation-modals/base-modal\";\nimport { I18nKey } from \"#/i18n/declaration\";\nimport { Provider } from \"#/types/settings\";\nimport { Branch, GitRepository } from \"#/types/git\";\nimport { GitRepoDropdown } from \"#/components/features/home/git-repo-dropdown/git-repo-dropdown\";\nimport { GitBranchDropdown } from \"#/components/features/home/git-branch-dropdown/git-branch-dropdown\";\nimport { GitProviderDropdown } from \"#/components/features/home/git-provider-dropdown/git-provider-dropdown\";\nimport { useUserProviders } from \"#/hooks/use-user-providers\";\n\ninterface OpenRepositoryModalProps {\n  isOpen: boolean;\n  onClose: () => void;\n  onLaunch: (repository: GitRepository, branch: Branch) => void;\n  defaultProvider?: Provider;\n}\n\nexport function OpenRepositoryModal({\n  isOpen,\n  onClose,\n  onLaunch,\n  defaultProvider = \"github\",\n}: OpenRepositoryModalProps) {\n  const { t } = useTranslation(\"openhands\");\n  const { providers } = useUserProviders();\n\n  const [selectedProvider, setSelectedProvider] = useState<Provider | null>(\n    null,\n  );\n  const [selectedRepository, setSelectedRepository] =\n    useState<GitRepository | null>(null);\n  const [selectedBranch, setSelectedBranch] = useState<Branch | null>(null);\n\n  // Auto-select provider: single provider auto-selects, multiple uses defaultProvider if available\n  useEffect(() => {\n    if (providers.length === 1 && !selectedProvider) {\n      setSelectedProvider(providers[0]);\n    } else if (providers.length > 1 && !selectedProvider && defaultProvider) {\n      if (providers.includes(defaultProvider)) {\n        setSelectedProvider(defaultProvider);\n      }\n    }\n  }, [providers, selectedProvider, defaultProvider]);\n\n  const handleProviderChange = useCallback(\n    (provider: Provider | null) => {\n      if (provider === selectedProvider) return;\n      setSelectedProvider(provider);\n      setSelectedRepository(null);\n      setSelectedBranch(null);\n    },\n    [selectedProvider],\n  );\n\n  const handleRepositoryChange = useCallback((repository?: GitRepository) => {\n    if (repository) {\n      setSelectedRepository(repository);\n      setSelectedBranch(null);\n    } else {\n      setSelectedRepository(null);\n      setSelectedBranch(null);\n    }\n  }, []);\n\n  const handleBranchSelect = useCallback((branch: Branch | null) => {\n    setSelectedBranch(branch);\n  }, []);\n\n  const handleLaunch = () => {\n    if (!selectedRepository || !selectedBranch) return;\n\n    onLaunch(selectedRepository, selectedBranch);\n    setSelectedRepository(null);\n    setSelectedBranch(null);\n    onClose();\n  };\n\n  const handleClose = () => {\n    setSelectedProvider(null);\n    setSelectedRepository(null);\n    setSelectedBranch(null);\n    onClose();\n  };\n\n  if (!isOpen) return null;\n\n  const activeProvider =\n    selectedRepository?.git_provider || selectedProvider || defaultProvider;\n  const canLaunch = !!selectedRepository && !!selectedBranch;\n\n  return (\n    <ModalBackdrop onClose={handleClose}>\n      <ModalBody\n        width=\"sm\"\n        className=\"relative items-start border border-[var(--oh-border)] !gap-4\"\n      >\n        <ModalCloseButton\n          onClose={handleClose}\n          testId=\"close-open-repository-modal\"\n        />\n        <div className=\"w-full pr-6\">\n          <BaseModalTitle title={t(I18nKey.CONVERSATION$OPEN_REPOSITORY)} />\n        </div>\n\n        <div className=\"flex flex-col gap-4 w-full\">\n          <div className=\"flex items-center justify-between\">\n            <span className=\"text-sm text-white font-normal leading-[22px]\">\n              {t(I18nKey.CONVERSATION$SELECT_OR_INSERT_LINK)}\n            </span>\n            {providers.length > 1 && (\n              <GitProviderDropdown\n                providers={providers}\n                value={selectedProvider}\n                onChange={handleProviderChange}\n              />\n            )}\n          </div>\n\n          <div className=\"flex flex-col gap-[10px] w-full\">\n            <GitRepoDropdown\n              provider={activeProvider}\n              value={selectedRepository?.id || null}\n              repositoryName={selectedRepository?.full_name || null}\n              onChange={handleRepositoryChange}\n              className=\"w-full\"\n            />\n\n            <GitBranchDropdown\n              repository={selectedRepository?.full_name || null}\n              provider={activeProvider}\n              selectedBranch={selectedBranch}\n              onBranchSelect={handleBranchSelect}\n              defaultBranch={selectedRepository?.main_branch || null}\n              disabled={!selectedRepository}\n              className=\"w-full\"\n            />\n          </div>\n        </div>\n\n        <div\n          className=\"flex justify-end gap-2 w-full\"\n          onClick={(event) => event.stopPropagation()}\n        >\n          <BrandButton type=\"button\" variant=\"secondary\" onClick={handleClose}>\n            {t(I18nKey.BUTTON$CANCEL)}\n          </BrandButton>\n          <BrandButton\n            type=\"button\"\n            variant=\"primary\"\n            onClick={handleLaunch}\n            isDisabled={!canLaunch}\n          >\n            {t(I18nKey.BUTTON$LAUNCH)}\n          </BrandButton>\n        </div>\n      </ModalBody>\n    </ModalBackdrop>\n  );\n}\n"],"mappings":"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"}

package/dist/components/features/chat/open-repository-modal.js

@@ -58,7 +58,6 @@ function g({ isOpen: g, onClose: _, onLaunch: v, defaultProvider: y = "github" }
 						}), x.length > 1 && /* @__PURE__ */ m(u, {
 							providers: x,
 							value: S,
-							placeholder: "Select Provider",
 							onChange: O
 						})]
 					}), /* @__PURE__ */ h("div", {
@@ -68,7 +67,6 @@ function g({ isOpen: g, onClose: _, onLaunch: v, defaultProvider: y = "github" }
 							value: w?.id || null,
 							repositoryName: w?.full_name || null,
 							onChange: k,
-							placeholder: "Search repositories...",
 							className: "w-full"
 						}), /* @__PURE__ */ m(l, {
 							repository: w?.full_name || null,
@@ -76,7 +74,6 @@ function g({ isOpen: g, onClose: _, onLaunch: v, defaultProvider: y = "github" }
 							selectedBranch: E,
 							onBranchSelect: A,
 							defaultBranch: w?.main_branch || null,
-							placeholder: "Select branch...",
 							disabled: !w,
 							className: "w-full"
 						})]

package/dist/components/features/chat/open-repository-modal.js.map

@@ -1 +1 @@
-{"version":3,"file":"open-repository-modal.js","names":[],"sources":["../../../../src/components/features/chat/open-repository-modal.tsx"],"sourcesContent":["import React, { useState, useCallback, useEffect } from \"react\";\nimport { useTranslation } from \"react-i18next\";\nimport { ModalBackdrop } from \"#/components/shared/modals/modal-backdrop\";\nimport { ModalBody } from \"#/components/shared/modals/modal-body\";\nimport { ModalCloseButton } from \"#/components/shared/modals/modal-close-button\";\nimport { BrandButton } from \"#/components/features/settings/brand-button\";\nimport { BaseModalTitle } from \"#/components/shared/modals/confirmation-modals/base-modal\";\nimport { I18nKey } from \"#/i18n/declaration\";\nimport { Provider } from \"#/types/settings\";\nimport { Branch, GitRepository } from \"#/types/git\";\nimport { GitRepoDropdown } from \"#/components/features/home/git-repo-dropdown/git-repo-dropdown\";\nimport { GitBranchDropdown } from \"#/components/features/home/git-branch-dropdown/git-branch-dropdown\";\nimport { GitProviderDropdown } from \"#/components/features/home/git-provider-dropdown/git-provider-dropdown\";\nimport { useUserProviders } from \"#/hooks/use-user-providers\";\n\ninterface OpenRepositoryModalProps {\n  isOpen: boolean;\n  onClose: () => void;\n  onLaunch: (repository: GitRepository, branch: Branch) => void;\n  defaultProvider?: Provider;\n}\n\nexport function OpenRepositoryModal({\n  isOpen,\n  onClose,\n  onLaunch,\n  defaultProvider = \"github\",\n}: OpenRepositoryModalProps) {\n  const { t } = useTranslation(\"openhands\");\n  const { providers } = useUserProviders();\n\n  const [selectedProvider, setSelectedProvider] = useState<Provider | null>(\n    null,\n  );\n  const [selectedRepository, setSelectedRepository] =\n    useState<GitRepository | null>(null);\n  const [selectedBranch, setSelectedBranch] = useState<Branch | null>(null);\n\n  // Auto-select provider: single provider auto-selects, multiple uses defaultProvider if available\n  useEffect(() => {\n    if (providers.length === 1 && !selectedProvider) {\n      setSelectedProvider(providers[0]);\n    } else if (providers.length > 1 && !selectedProvider && defaultProvider) {\n      if (providers.includes(defaultProvider)) {\n        setSelectedProvider(defaultProvider);\n      }\n    }\n  }, [providers, selectedProvider, defaultProvider]);\n\n  const handleProviderChange = useCallback(\n    (provider: Provider | null) => {\n      if (provider === selectedProvider) return;\n      setSelectedProvider(provider);\n      setSelectedRepository(null);\n      setSelectedBranch(null);\n    },\n    [selectedProvider],\n  );\n\n  const handleRepositoryChange = useCallback((repository?: GitRepository) => {\n    if (repository) {\n      setSelectedRepository(repository);\n      setSelectedBranch(null);\n    } else {\n      setSelectedRepository(null);\n      setSelectedBranch(null);\n    }\n  }, []);\n\n  const handleBranchSelect = useCallback((branch: Branch | null) => {\n    setSelectedBranch(branch);\n  }, []);\n\n  const handleLaunch = () => {\n    if (!selectedRepository || !selectedBranch) return;\n\n    onLaunch(selectedRepository, selectedBranch);\n    setSelectedRepository(null);\n    setSelectedBranch(null);\n    onClose();\n  };\n\n  const handleClose = () => {\n    setSelectedProvider(null);\n    setSelectedRepository(null);\n    setSelectedBranch(null);\n    onClose();\n  };\n\n  if (!isOpen) return null;\n\n  const activeProvider =\n    selectedRepository?.git_provider || selectedProvider || defaultProvider;\n  const canLaunch = !!selectedRepository && !!selectedBranch;\n\n  return (\n    <ModalBackdrop onClose={handleClose}>\n      <ModalBody\n        width=\"sm\"\n        className=\"relative items-start border border-[var(--oh-border)] !gap-4\"\n      >\n        <ModalCloseButton\n          onClose={handleClose}\n          testId=\"close-open-repository-modal\"\n        />\n        <div className=\"w-full pr-6\">\n          <BaseModalTitle title={t(I18nKey.CONVERSATION$OPEN_REPOSITORY)} />\n        </div>\n\n        <div className=\"flex flex-col gap-4 w-full\">\n          <div className=\"flex items-center justify-between\">\n            <span className=\"text-sm text-white font-normal leading-[22px]\">\n              {t(I18nKey.CONVERSATION$SELECT_OR_INSERT_LINK)}\n            </span>\n            {providers.length > 1 && (\n              <GitProviderDropdown\n                providers={providers}\n                value={selectedProvider}\n                placeholder=\"Select Provider\"\n                onChange={handleProviderChange}\n              />\n            )}\n          </div>\n\n          <div className=\"flex flex-col gap-[10px] w-full\">\n            <GitRepoDropdown\n              provider={activeProvider}\n              value={selectedRepository?.id || null}\n              repositoryName={selectedRepository?.full_name || null}\n              onChange={handleRepositoryChange}\n              placeholder=\"Search repositories...\"\n              className=\"w-full\"\n            />\n\n            <GitBranchDropdown\n              repository={selectedRepository?.full_name || null}\n              provider={activeProvider}\n              selectedBranch={selectedBranch}\n              onBranchSelect={handleBranchSelect}\n              defaultBranch={selectedRepository?.main_branch || null}\n              placeholder=\"Select branch...\"\n              disabled={!selectedRepository}\n              className=\"w-full\"\n            />\n          </div>\n        </div>\n\n        <div\n          className=\"flex justify-end gap-2 w-full\"\n          onClick={(event) => event.stopPropagation()}\n        >\n          <BrandButton type=\"button\" variant=\"secondary\" onClick={handleClose}>\n            {t(I18nKey.BUTTON$CANCEL)}\n          </BrandButton>\n          <BrandButton\n            type=\"button\"\n            variant=\"primary\"\n            onClick={handleLaunch}\n            isDisabled={!canLaunch}\n          >\n            {t(I18nKey.BUTTON$LAUNCH)}\n          </BrandButton>\n        </div>\n      </ModalBody>\n    </ModalBackdrop>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;AAsBA,SAAgB,EAAoB,EAClC,WACA,YACA,aACA,qBAAkB,YACS;CAC3B,IAAM,EAAE,SAAM,EAAe,YAAY,EACnC,EAAE,iBAAc,GAAkB,EAElC,CAAC,GAAkB,KAAuB,EAC9C,KACD,EACK,CAAC,GAAoB,KACzB,EAA+B,KAAK,EAChC,CAAC,GAAgB,KAAqB,EAAwB,KAAK;AAGzE,SAAgB;AACd,EAAI,EAAU,WAAW,KAAK,CAAC,IAC7B,EAAoB,EAAU,GAAG,GACxB,EAAU,SAAS,KAAK,CAAC,KAAoB,KAClD,EAAU,SAAS,EAAgB,IACrC,EAAoB,EAAgB;IAGvC;EAAC;EAAW;EAAkB;EAAgB,CAAC;CAElD,IAAM,IAAuB,GAC1B,MAA8B;AACzB,QAAa,MACjB,EAAoB,EAAS,EAC7B,EAAsB,KAAK,EAC3B,EAAkB,KAAK;IAEzB,CAAC,EAAiB,CACnB,EAEK,IAAyB,GAAa,MAA+B;AACzE,EAAI,KACF,EAAsB,EAAW,EACjC,EAAkB,KAAK,KAEvB,EAAsB,KAAK,EAC3B,EAAkB,KAAK;IAExB,EAAE,CAAC,EAEA,IAAqB,GAAa,MAA0B;AAChE,IAAkB,EAAO;IACxB,EAAE,CAAC,EAEA,UAAqB;AACrB,GAAC,KAAsB,CAAC,MAE5B,EAAS,GAAoB,EAAe,EAC5C,EAAsB,KAAK,EAC3B,EAAkB,KAAK,EACvB,GAAS;IAGL,UAAoB;AAIxB,EAHA,EAAoB,KAAK,EACzB,EAAsB,KAAK,EAC3B,EAAkB,KAAK,EACvB,GAAS;;AAGX,KAAI,CAAC,EAAQ,QAAO;CAEpB,IAAM,IACJ,GAAoB,gBAAgB,KAAoB,GACpD,IAAY,CAAC,CAAC,KAAsB,CAAC,CAAC;AAE5C,QACE,kBAAC,GAAD;EAAe,SAAS;YACtB,kBAAC,GAAD;GACE,OAAM;GACN,WAAU;aAFZ;IAIE,kBAAC,GAAD;KACE,SAAS;KACT,QAAO;KACP,CAAA;IACF,kBAAC,OAAD;KAAK,WAAU;eACb,kBAAC,GAAD,EAAgB,OAAO,EAAE,EAAQ,6BAA6B,EAAI,CAAA;KAC9D,CAAA;IAEN,kBAAC,OAAD;KAAK,WAAU;eAAf,CACE,kBAAC,OAAD;MAAK,WAAU;gBAAf,CACE,kBAAC,QAAD;OAAM,WAAU;iBACb,EAAE,EAAQ,mCAAmC;OACzC,CAAA,EACN,EAAU,SAAS,KAClB,kBAAC,GAAD;OACa;OACX,OAAO;OACP,aAAY;OACZ,UAAU;OACV,CAAA,CAEA;SAEN,kBAAC,OAAD;MAAK,WAAU;gBAAf,CACE,kBAAC,GAAD;OACE,UAAU;OACV,OAAO,GAAoB,MAAM;OACjC,gBAAgB,GAAoB,aAAa;OACjD,UAAU;OACV,aAAY;OACZ,WAAU;OACV,CAAA,EAEF,kBAAC,GAAD;OACE,YAAY,GAAoB,aAAa;OAC7C,UAAU;OACM;OAChB,gBAAgB;OAChB,eAAe,GAAoB,eAAe;OAClD,aAAY;OACZ,UAAU,CAAC;OACX,WAAU;OACV,CAAA,CACE;QACF;;IAEN,kBAAC,OAAD;KACE,WAAU;KACV,UAAU,MAAU,EAAM,iBAAiB;eAF7C,CAIE,kBAAC,GAAD;MAAa,MAAK;MAAS,SAAQ;MAAY,SAAS;gBACrD,EAAE,EAAQ,cAAc;MACb,CAAA,EACd,kBAAC,GAAD;MACE,MAAK;MACL,SAAQ;MACR,SAAS;MACT,YAAY,CAAC;gBAEZ,EAAE,EAAQ,cAAc;MACb,CAAA,CACV;;IACI;;EACE,CAAA"}
+{"version":3,"file":"open-repository-modal.js","names":[],"sources":["../../../../src/components/features/chat/open-repository-modal.tsx"],"sourcesContent":["import React, { useState, useCallback, useEffect } from \"react\";\nimport { useTranslation } from \"react-i18next\";\nimport { ModalBackdrop } from \"#/components/shared/modals/modal-backdrop\";\nimport { ModalBody } from \"#/components/shared/modals/modal-body\";\nimport { ModalCloseButton } from \"#/components/shared/modals/modal-close-button\";\nimport { BrandButton } from \"#/components/features/settings/brand-button\";\nimport { BaseModalTitle } from \"#/components/shared/modals/confirmation-modals/base-modal\";\nimport { I18nKey } from \"#/i18n/declaration\";\nimport { Provider } from \"#/types/settings\";\nimport { Branch, GitRepository } from \"#/types/git\";\nimport { GitRepoDropdown } from \"#/components/features/home/git-repo-dropdown/git-repo-dropdown\";\nimport { GitBranchDropdown } from \"#/components/features/home/git-branch-dropdown/git-branch-dropdown\";\nimport { GitProviderDropdown } from \"#/components/features/home/git-provider-dropdown/git-provider-dropdown\";\nimport { useUserProviders } from \"#/hooks/use-user-providers\";\n\ninterface OpenRepositoryModalProps {\n  isOpen: boolean;\n  onClose: () => void;\n  onLaunch: (repository: GitRepository, branch: Branch) => void;\n  defaultProvider?: Provider;\n}\n\nexport function OpenRepositoryModal({\n  isOpen,\n  onClose,\n  onLaunch,\n  defaultProvider = \"github\",\n}: OpenRepositoryModalProps) {\n  const { t } = useTranslation(\"openhands\");\n  const { providers } = useUserProviders();\n\n  const [selectedProvider, setSelectedProvider] = useState<Provider | null>(\n    null,\n  );\n  const [selectedRepository, setSelectedRepository] =\n    useState<GitRepository | null>(null);\n  const [selectedBranch, setSelectedBranch] = useState<Branch | null>(null);\n\n  // Auto-select provider: single provider auto-selects, multiple uses defaultProvider if available\n  useEffect(() => {\n    if (providers.length === 1 && !selectedProvider) {\n      setSelectedProvider(providers[0]);\n    } else if (providers.length > 1 && !selectedProvider && defaultProvider) {\n      if (providers.includes(defaultProvider)) {\n        setSelectedProvider(defaultProvider);\n      }\n    }\n  }, [providers, selectedProvider, defaultProvider]);\n\n  const handleProviderChange = useCallback(\n    (provider: Provider | null) => {\n      if (provider === selectedProvider) return;\n      setSelectedProvider(provider);\n      setSelectedRepository(null);\n      setSelectedBranch(null);\n    },\n    [selectedProvider],\n  );\n\n  const handleRepositoryChange = useCallback((repository?: GitRepository) => {\n    if (repository) {\n      setSelectedRepository(repository);\n      setSelectedBranch(null);\n    } else {\n      setSelectedRepository(null);\n      setSelectedBranch(null);\n    }\n  }, []);\n\n  const handleBranchSelect = useCallback((branch: Branch | null) => {\n    setSelectedBranch(branch);\n  }, []);\n\n  const handleLaunch = () => {\n    if (!selectedRepository || !selectedBranch) return;\n\n    onLaunch(selectedRepository, selectedBranch);\n    setSelectedRepository(null);\n    setSelectedBranch(null);\n    onClose();\n  };\n\n  const handleClose = () => {\n    setSelectedProvider(null);\n    setSelectedRepository(null);\n    setSelectedBranch(null);\n    onClose();\n  };\n\n  if (!isOpen) return null;\n\n  const activeProvider =\n    selectedRepository?.git_provider || selectedProvider || defaultProvider;\n  const canLaunch = !!selectedRepository && !!selectedBranch;\n\n  return (\n    <ModalBackdrop onClose={handleClose}>\n      <ModalBody\n        width=\"sm\"\n        className=\"relative items-start border border-[var(--oh-border)] !gap-4\"\n      >\n        <ModalCloseButton\n          onClose={handleClose}\n          testId=\"close-open-repository-modal\"\n        />\n        <div className=\"w-full pr-6\">\n          <BaseModalTitle title={t(I18nKey.CONVERSATION$OPEN_REPOSITORY)} />\n        </div>\n\n        <div className=\"flex flex-col gap-4 w-full\">\n          <div className=\"flex items-center justify-between\">\n            <span className=\"text-sm text-white font-normal leading-[22px]\">\n              {t(I18nKey.CONVERSATION$SELECT_OR_INSERT_LINK)}\n            </span>\n            {providers.length > 1 && (\n              <GitProviderDropdown\n                providers={providers}\n                value={selectedProvider}\n                onChange={handleProviderChange}\n              />\n            )}\n          </div>\n\n          <div className=\"flex flex-col gap-[10px] w-full\">\n            <GitRepoDropdown\n              provider={activeProvider}\n              value={selectedRepository?.id || null}\n              repositoryName={selectedRepository?.full_name || null}\n              onChange={handleRepositoryChange}\n              className=\"w-full\"\n            />\n\n            <GitBranchDropdown\n              repository={selectedRepository?.full_name || null}\n              provider={activeProvider}\n              selectedBranch={selectedBranch}\n              onBranchSelect={handleBranchSelect}\n              defaultBranch={selectedRepository?.main_branch || null}\n              disabled={!selectedRepository}\n              className=\"w-full\"\n            />\n          </div>\n        </div>\n\n        <div\n          className=\"flex justify-end gap-2 w-full\"\n          onClick={(event) => event.stopPropagation()}\n        >\n          <BrandButton type=\"button\" variant=\"secondary\" onClick={handleClose}>\n            {t(I18nKey.BUTTON$CANCEL)}\n          </BrandButton>\n          <BrandButton\n            type=\"button\"\n            variant=\"primary\"\n            onClick={handleLaunch}\n            isDisabled={!canLaunch}\n          >\n            {t(I18nKey.BUTTON$LAUNCH)}\n          </BrandButton>\n        </div>\n      </ModalBody>\n    </ModalBackdrop>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;AAsBA,SAAgB,EAAoB,EAClC,WACA,YACA,aACA,qBAAkB,YACS;CAC3B,IAAM,EAAE,SAAM,EAAe,YAAY,EACnC,EAAE,iBAAc,GAAkB,EAElC,CAAC,GAAkB,KAAuB,EAC9C,KACD,EACK,CAAC,GAAoB,KACzB,EAA+B,KAAK,EAChC,CAAC,GAAgB,KAAqB,EAAwB,KAAK;AAGzE,SAAgB;AACd,EAAI,EAAU,WAAW,KAAK,CAAC,IAC7B,EAAoB,EAAU,GAAG,GACxB,EAAU,SAAS,KAAK,CAAC,KAAoB,KAClD,EAAU,SAAS,EAAgB,IACrC,EAAoB,EAAgB;IAGvC;EAAC;EAAW;EAAkB;EAAgB,CAAC;CAElD,IAAM,IAAuB,GAC1B,MAA8B;AACzB,QAAa,MACjB,EAAoB,EAAS,EAC7B,EAAsB,KAAK,EAC3B,EAAkB,KAAK;IAEzB,CAAC,EAAiB,CACnB,EAEK,IAAyB,GAAa,MAA+B;AACzE,EAAI,KACF,EAAsB,EAAW,EACjC,EAAkB,KAAK,KAEvB,EAAsB,KAAK,EAC3B,EAAkB,KAAK;IAExB,EAAE,CAAC,EAEA,IAAqB,GAAa,MAA0B;AAChE,IAAkB,EAAO;IACxB,EAAE,CAAC,EAEA,UAAqB;AACrB,GAAC,KAAsB,CAAC,MAE5B,EAAS,GAAoB,EAAe,EAC5C,EAAsB,KAAK,EAC3B,EAAkB,KAAK,EACvB,GAAS;IAGL,UAAoB;AAIxB,EAHA,EAAoB,KAAK,EACzB,EAAsB,KAAK,EAC3B,EAAkB,KAAK,EACvB,GAAS;;AAGX,KAAI,CAAC,EAAQ,QAAO;CAEpB,IAAM,IACJ,GAAoB,gBAAgB,KAAoB,GACpD,IAAY,CAAC,CAAC,KAAsB,CAAC,CAAC;AAE5C,QACE,kBAAC,GAAD;EAAe,SAAS;YACtB,kBAAC,GAAD;GACE,OAAM;GACN,WAAU;aAFZ;IAIE,kBAAC,GAAD;KACE,SAAS;KACT,QAAO;KACP,CAAA;IACF,kBAAC,OAAD;KAAK,WAAU;eACb,kBAAC,GAAD,EAAgB,OAAO,EAAE,EAAQ,6BAA6B,EAAI,CAAA;KAC9D,CAAA;IAEN,kBAAC,OAAD;KAAK,WAAU;eAAf,CACE,kBAAC,OAAD;MAAK,WAAU;gBAAf,CACE,kBAAC,QAAD;OAAM,WAAU;iBACb,EAAE,EAAQ,mCAAmC;OACzC,CAAA,EACN,EAAU,SAAS,KAClB,kBAAC,GAAD;OACa;OACX,OAAO;OACP,UAAU;OACV,CAAA,CAEA;SAEN,kBAAC,OAAD;MAAK,WAAU;gBAAf,CACE,kBAAC,GAAD;OACE,UAAU;OACV,OAAO,GAAoB,MAAM;OACjC,gBAAgB,GAAoB,aAAa;OACjD,UAAU;OACV,WAAU;OACV,CAAA,EAEF,kBAAC,GAAD;OACE,YAAY,GAAoB,aAAa;OAC7C,UAAU;OACM;OAChB,gBAAgB;OAChB,eAAe,GAAoB,eAAe;OAClD,UAAU,CAAC;OACX,WAAU;OACV,CAAA,CACE;QACF;;IAEN,kBAAC,OAAD;KACE,WAAU;KACV,UAAU,MAAU,EAAM,iBAAiB;eAF7C,CAIE,kBAAC,GAAD;MAAa,MAAK;MAAS,SAAQ;MAAY,SAAS;gBACrD,EAAE,EAAQ,cAAc;MACb,CAAA,EACd,kBAAC,GAAD;MACE,MAAK;MACL,SAAQ;MACR,SAAS;MACT,YAAY,CAAC;gBAEZ,EAAE,EAAQ,cAAc;MACb,CAAA,CACV;;IACI;;EACE,CAAA"}

package/dist/components/features/chat/pending-user-messages.cjs

@@ -1,2 +1,2 @@
-const e=require(`../../../_virtual/_rolldown/runtime.cjs`),t=require(`../../../hooks/use-conversation-id.cjs`),n=require(`../../../stores/conversation-store.cjs`),r=require(`../../../stores/optimistic-user-message-store.cjs`),i=require(`../../../hooks/use-send-message.cjs`),a=require(`../../../utils/pending-task-message-link.cjs`),o=require(`../../../services/chat-service.cjs`),s=require(`./chat-message.cjs`),c=require(`../images/image-carousel.cjs`);let l=require(`react`);l=e.__toESM(l,1);let u=require(`react/jsx-runtime`);function d(){let{conversationId:e}=t.useOptionalConversationId(),d=r.useOptimisticUserMessageStore(e=>e.pendingMessages),f=r.useOptimisticUserMessageStore(e=>e.markPendingMessageError),p=r.useOptimisticUserMessageStore(e=>e.markPendingMessageSending),m=r.useOptimisticUserMessageStore(e=>e.removePendingMessage),h=n.useConversationStore(e=>e.restoreMessageToInputIfEmpty),{send:g}=i.useSendMessage(),_=l.default.useMemo(()=>e?d.filter(t=>a.matchesPendingConversationId(e,t.conversationId)):[],[d,e]),v=l.default.useCallback(async e=>{let t=r.useOptimisticUserMessageStore.getState().pendingMessages.find(t=>t.id===e);if(t){p(e);try{await g(o.createChatMessage(t.text,t.imageUrls,t.fileUrls,t.timestamp))}catch(t){f(e,t instanceof Error?t.message:`Failed to send message`)}}},[g,f,p]),y=l.default.useCallback((e,t)=>{h(t),m(e)},[h,m]);return _.length===0?null:(0,u.jsx)(u.Fragment,{children:_.map(e=>(0,u.jsx)(s.ChatMessage,{type:`user`,message:e.text,pendingStatus:e.status,onRetry:e.status===`error`?()=>v(e.id):void 0,onStop:e.status===`sending`?()=>y(e.id,e.text):void 0,children:e.imageUrls.length>0&&(0,u.jsx)(c.ImageCarousel,{size:`small`,images:e.imageUrls})},e.id))})}exports.PendingUserMessages=d;
+const e=require(`../../../_virtual/_rolldown/runtime.cjs`),t=require(`../../../node_modules/react-i18next/dist/es/useTranslation.cjs`),n=require(`../../../i18n/declaration.cjs`),r=require(`../../../hooks/use-conversation-id.cjs`),i=require(`../../../stores/conversation-store.cjs`),a=require(`../../../stores/optimistic-user-message-store.cjs`),o=require(`../../../hooks/use-send-message.cjs`),s=require(`../../../utils/pending-task-message-link.cjs`),c=require(`../../../services/chat-service.cjs`),l=require(`./chat-message.cjs`),u=require(`../images/image-carousel.cjs`);let d=require(`react`);d=e.__toESM(d,1);let f=require(`react/jsx-runtime`);function p(){let{t:e}=t.useTranslation(`openhands`),{conversationId:p}=r.useOptionalConversationId(),m=a.useOptimisticUserMessageStore(e=>e.pendingMessages),h=a.useOptimisticUserMessageStore(e=>e.markPendingMessageError),g=a.useOptimisticUserMessageStore(e=>e.markPendingMessageSending),_=a.useOptimisticUserMessageStore(e=>e.removePendingMessage),v=i.useConversationStore(e=>e.restoreMessageToInputIfEmpty),{send:y}=o.useSendMessage(),b=d.default.useMemo(()=>p?m.filter(e=>s.matchesPendingConversationId(p,e.conversationId)):[],[m,p]),x=d.default.useCallback(async t=>{let r=a.useOptimisticUserMessageStore.getState().pendingMessages.find(e=>e.id===t);if(r){g(t);try{await y(c.createChatMessage(r.text,r.imageUrls,r.fileUrls,r.timestamp))}catch(r){h(t,r instanceof Error?r.message:e(n.I18nKey.CHAT_INTERFACE$FAILED_TO_SEND_MESSAGE))}}},[y,h,g,e]),S=d.default.useCallback((e,t)=>{v(t),_(e)},[v,_]);return b.length===0?null:(0,f.jsx)(f.Fragment,{children:b.map(e=>(0,f.jsx)(l.ChatMessage,{type:`user`,message:e.text,pendingStatus:e.status,onRetry:e.status===`error`?()=>x(e.id):void 0,onStop:e.status===`sending`?()=>S(e.id,e.text):void 0,children:e.imageUrls.length>0&&(0,f.jsx)(u.ImageCarousel,{size:`small`,images:e.imageUrls})},e.id))})}exports.PendingUserMessages=p;
 //# sourceMappingURL=pending-user-messages.cjs.map

package/dist/components/features/chat/pending-user-messages.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"pending-user-messages.cjs","names":[],"sources":["../../../../src/components/features/chat/pending-user-messages.tsx"],"sourcesContent":["import React from \"react\";\nimport { useOptimisticUserMessageStore } from \"#/stores/optimistic-user-message-store\";\nimport { useConversationStore } from \"#/stores/conversation-store\";\nimport { useSendMessage } from \"#/hooks/use-send-message\";\nimport { createChatMessage } from \"#/services/chat-service\";\nimport { useOptionalConversationId } from \"#/hooks/use-conversation-id\";\nimport { matchesPendingConversationId } from \"#/utils/pending-task-message-link\";\nimport { ImageCarousel } from \"#/components/features/images/image-carousel\";\nimport { ChatMessage } from \"./chat-message\";\n\n/**\n * Renders the queue of locally-tracked user messages that have been submitted\n * but not yet echoed back through the WebSocket. Each message shows a faded\n * \"sending\" treatment until the server echoes a real `UserMessageEvent`\n * (which removes it via `consumeMatchingPendingMessage`). If the API rejects the\n * send, the message switches to an \"error\" state with a retry button.\n *\n * The queue is global but each entry is tagged with the conversation id it\n * was enqueued from; this component filters to only entries belonging to the\n * active conversation, so switching conversations never carries pending\n * bubbles over.\n */\nexport function PendingUserMessages() {\n  const { conversationId } = useOptionalConversationId();\n  const pendingMessages = useOptimisticUserMessageStore(\n    (state) => state.pendingMessages,\n  );\n  const markPendingMessageError = useOptimisticUserMessageStore(\n    (state) => state.markPendingMessageError,\n  );\n  const markPendingMessageSending = useOptimisticUserMessageStore(\n    (state) => state.markPendingMessageSending,\n  );\n  const removePendingMessage = useOptimisticUserMessageStore(\n    (state) => state.removePendingMessage,\n  );\n  const restoreMessageToInputIfEmpty = useConversationStore(\n    (state) => state.restoreMessageToInputIfEmpty,\n  );\n  const { send } = useSendMessage();\n\n  const visibleMessages = React.useMemo(\n    () =>\n      conversationId\n        ? pendingMessages.filter((message) =>\n            matchesPendingConversationId(\n              conversationId,\n              message.conversationId,\n            ),\n          )\n        : [],\n    [pendingMessages, conversationId],\n  );\n\n  const handleRetry = React.useCallback(\n    async (id: string) => {\n      const message = useOptimisticUserMessageStore\n        .getState()\n        .pendingMessages.find((entry) => entry.id === id);\n      if (!message) return;\n\n      markPendingMessageSending(id);\n\n      try {\n        await send(\n          createChatMessage(\n            message.text,\n            message.imageUrls,\n            message.fileUrls,\n            message.timestamp,\n          ),\n        );\n      } catch (error) {\n        const errorMessage =\n          error instanceof Error ? error.message : \"Failed to send message\";\n        markPendingMessageError(id, errorMessage);\n      }\n    },\n    [send, markPendingMessageError, markPendingMessageSending],\n  );\n\n  const handleStop = React.useCallback(\n    (id: string, text: string) => {\n      restoreMessageToInputIfEmpty(text);\n      removePendingMessage(id);\n    },\n    [restoreMessageToInputIfEmpty, removePendingMessage],\n  );\n\n  if (visibleMessages.length === 0) {\n    return null;\n  }\n\n  return (\n    <>\n      {visibleMessages.map((message) => (\n        <ChatMessage\n          key={message.id}\n          type=\"user\"\n          message={message.text}\n          pendingStatus={message.status}\n          onRetry={\n            message.status === \"error\"\n              ? () => handleRetry(message.id)\n              : undefined\n          }\n          onStop={\n            message.status === \"sending\"\n              ? () => handleStop(message.id, message.text)\n              : undefined\n          }\n        >\n          {message.imageUrls.length > 0 && (\n            <ImageCarousel size=\"small\" images={message.imageUrls} />\n          )}\n        </ChatMessage>\n      ))}\n    </>\n  );\n}\n"],"mappings":"khBAsBA,SAAgB,GAAsB,CACpC,GAAM,CAAE,kBAAmB,EAAA,2BAA2B,CAChD,EAAkB,EAAA,8BACrB,GAAU,EAAM,gBAClB,CACK,EAA0B,EAAA,8BAC7B,GAAU,EAAM,wBAClB,CACK,EAA4B,EAAA,8BAC/B,GAAU,EAAM,0BAClB,CACK,EAAuB,EAAA,8BAC1B,GAAU,EAAM,qBAClB,CACK,EAA+B,EAAA,qBAClC,GAAU,EAAM,6BAClB,CACK,CAAE,QAAS,EAAA,gBAAgB,CAE3B,EAAkB,EAAA,QAAM,YAE1B,EACI,EAAgB,OAAQ,GACtB,EAAA,6BACE,EACA,EAAQ,eACT,CACF,CACD,EAAE,CACR,CAAC,EAAiB,EAAe,CAClC,CAEK,EAAc,EAAA,QAAM,YACxB,KAAO,IAAe,CACpB,IAAM,EAAU,EAAA,8BACb,UAAU,CACV,gBAAgB,KAAM,GAAU,EAAM,KAAO,EAAG,CAC9C,KAEL,GAA0B,EAAG,CAE7B,GAAI,CACF,MAAM,EACJ,EAAA,kBACE,EAAQ,KACR,EAAQ,UACR,EAAQ,SACR,EAAQ,UACT,CACF,OACM,EAAO,CAGd,EAAwB,EADtB,aAAiB,MAAQ,EAAM,QAAU,yBACF,IAG7C,CAAC,EAAM,EAAyB,EAA0B,CAC3D,CAEK,EAAa,EAAA,QAAM,aACtB,EAAY,IAAiB,CAC5B,EAA6B,EAAK,CAClC,EAAqB,EAAG,EAE1B,CAAC,EAA8B,EAAqB,CACrD,CAMD,OAJI,EAAgB,SAAW,EACtB,MAIP,EAAA,EAAA,KAAA,EAAA,SAAA,CAAA,SACG,EAAgB,IAAK,IACpB,EAAA,EAAA,KAAC,EAAA,YAAD,CAEE,KAAK,OACL,QAAS,EAAQ,KACjB,cAAe,EAAQ,OACvB,QACE,EAAQ,SAAW,YACT,EAAY,EAAQ,GAAG,CAC7B,IAAA,GAEN,OACE,EAAQ,SAAW,cACT,EAAW,EAAQ,GAAI,EAAQ,KAAK,CAC1C,IAAA,YAGL,EAAQ,UAAU,OAAS,IAC1B,EAAA,EAAA,KAAC,EAAA,cAAD,CAAe,KAAK,QAAQ,OAAQ,EAAQ,UAAa,CAAA,CAE/C,CAlBP,EAAQ,GAkBD,CACd,CACD,CAAA"}
+{"version":3,"file":"pending-user-messages.cjs","names":[],"sources":["../../../../src/components/features/chat/pending-user-messages.tsx"],"sourcesContent":["import React from \"react\";\nimport { useTranslation } from \"react-i18next\";\nimport { I18nKey } from \"#/i18n/declaration\";\nimport { useOptimisticUserMessageStore } from \"#/stores/optimistic-user-message-store\";\nimport { useConversationStore } from \"#/stores/conversation-store\";\nimport { useSendMessage } from \"#/hooks/use-send-message\";\nimport { createChatMessage } from \"#/services/chat-service\";\nimport { useOptionalConversationId } from \"#/hooks/use-conversation-id\";\nimport { matchesPendingConversationId } from \"#/utils/pending-task-message-link\";\nimport { ImageCarousel } from \"#/components/features/images/image-carousel\";\nimport { ChatMessage } from \"./chat-message\";\n\n/**\n * Renders the queue of locally-tracked user messages that have been submitted\n * but not yet echoed back through the WebSocket. Each message shows a faded\n * \"sending\" treatment until the server echoes a real `UserMessageEvent`\n * (which removes it via `consumeMatchingPendingMessage`). If the API rejects the\n * send, the message switches to an \"error\" state with a retry button.\n *\n * The queue is global but each entry is tagged with the conversation id it\n * was enqueued from; this component filters to only entries belonging to the\n * active conversation, so switching conversations never carries pending\n * bubbles over.\n */\nexport function PendingUserMessages() {\n  const { t } = useTranslation(\"openhands\");\n  const { conversationId } = useOptionalConversationId();\n  const pendingMessages = useOptimisticUserMessageStore(\n    (state) => state.pendingMessages,\n  );\n  const markPendingMessageError = useOptimisticUserMessageStore(\n    (state) => state.markPendingMessageError,\n  );\n  const markPendingMessageSending = useOptimisticUserMessageStore(\n    (state) => state.markPendingMessageSending,\n  );\n  const removePendingMessage = useOptimisticUserMessageStore(\n    (state) => state.removePendingMessage,\n  );\n  const restoreMessageToInputIfEmpty = useConversationStore(\n    (state) => state.restoreMessageToInputIfEmpty,\n  );\n  const { send } = useSendMessage();\n\n  const visibleMessages = React.useMemo(\n    () =>\n      conversationId\n        ? pendingMessages.filter((message) =>\n            matchesPendingConversationId(\n              conversationId,\n              message.conversationId,\n            ),\n          )\n        : [],\n    [pendingMessages, conversationId],\n  );\n\n  const handleRetry = React.useCallback(\n    async (id: string) => {\n      const message = useOptimisticUserMessageStore\n        .getState()\n        .pendingMessages.find((entry) => entry.id === id);\n      if (!message) return;\n\n      markPendingMessageSending(id);\n\n      try {\n        await send(\n          createChatMessage(\n            message.text,\n            message.imageUrls,\n            message.fileUrls,\n            message.timestamp,\n          ),\n        );\n      } catch (error) {\n        const errorMessage =\n          error instanceof Error\n            ? error.message\n            : t(I18nKey.CHAT_INTERFACE$FAILED_TO_SEND_MESSAGE);\n        markPendingMessageError(id, errorMessage);\n      }\n    },\n    [send, markPendingMessageError, markPendingMessageSending, t],\n  );\n\n  const handleStop = React.useCallback(\n    (id: string, text: string) => {\n      restoreMessageToInputIfEmpty(text);\n      removePendingMessage(id);\n    },\n    [restoreMessageToInputIfEmpty, removePendingMessage],\n  );\n\n  if (visibleMessages.length === 0) {\n    return null;\n  }\n\n  return (\n    <>\n      {visibleMessages.map((message) => (\n        <ChatMessage\n          key={message.id}\n          type=\"user\"\n          message={message.text}\n          pendingStatus={message.status}\n          onRetry={\n            message.status === \"error\"\n              ? () => handleRetry(message.id)\n              : undefined\n          }\n          onStop={\n            message.status === \"sending\"\n              ? () => handleStop(message.id, message.text)\n              : undefined\n          }\n        >\n          {message.imageUrls.length > 0 && (\n            <ImageCarousel size=\"small\" images={message.imageUrls} />\n          )}\n        </ChatMessage>\n      ))}\n    </>\n  );\n}\n"],"mappings":"yoBAwBA,SAAgB,GAAsB,CACpC,GAAM,CAAE,KAAM,EAAA,eAAe,YAAY,CACnC,CAAE,kBAAmB,EAAA,2BAA2B,CAChD,EAAkB,EAAA,8BACrB,GAAU,EAAM,gBAClB,CACK,EAA0B,EAAA,8BAC7B,GAAU,EAAM,wBAClB,CACK,EAA4B,EAAA,8BAC/B,GAAU,EAAM,0BAClB,CACK,EAAuB,EAAA,8BAC1B,GAAU,EAAM,qBAClB,CACK,EAA+B,EAAA,qBAClC,GAAU,EAAM,6BAClB,CACK,CAAE,QAAS,EAAA,gBAAgB,CAE3B,EAAkB,EAAA,QAAM,YAE1B,EACI,EAAgB,OAAQ,GACtB,EAAA,6BACE,EACA,EAAQ,eACT,CACF,CACD,EAAE,CACR,CAAC,EAAiB,EAAe,CAClC,CAEK,EAAc,EAAA,QAAM,YACxB,KAAO,IAAe,CACpB,IAAM,EAAU,EAAA,8BACb,UAAU,CACV,gBAAgB,KAAM,GAAU,EAAM,KAAO,EAAG,CAC9C,KAEL,GAA0B,EAAG,CAE7B,GAAI,CACF,MAAM,EACJ,EAAA,kBACE,EAAQ,KACR,EAAQ,UACR,EAAQ,SACR,EAAQ,UACT,CACF,OACM,EAAO,CAKd,EAAwB,EAHtB,aAAiB,MACb,EAAM,QACN,EAAE,EAAA,QAAQ,sCAAsC,CACb,IAG7C,CAAC,EAAM,EAAyB,EAA2B,EAAE,CAC9D,CAEK,EAAa,EAAA,QAAM,aACtB,EAAY,IAAiB,CAC5B,EAA6B,EAAK,CAClC,EAAqB,EAAG,EAE1B,CAAC,EAA8B,EAAqB,CACrD,CAMD,OAJI,EAAgB,SAAW,EACtB,MAIP,EAAA,EAAA,KAAA,EAAA,SAAA,CAAA,SACG,EAAgB,IAAK,IACpB,EAAA,EAAA,KAAC,EAAA,YAAD,CAEE,KAAK,OACL,QAAS,EAAQ,KACjB,cAAe,EAAQ,OACvB,QACE,EAAQ,SAAW,YACT,EAAY,EAAQ,GAAG,CAC7B,IAAA,GAEN,OACE,EAAQ,SAAW,cACT,EAAW,EAAQ,GAAI,EAAQ,KAAK,CAC1C,IAAA,YAGL,EAAQ,UAAU,OAAS,IAC1B,EAAA,EAAA,KAAC,EAAA,cAAD,CAAe,KAAK,QAAQ,OAAQ,EAAQ,UAAa,CAAA,CAE/C,CAlBP,EAAQ,GAkBD,CACd,CACD,CAAA"}

package/dist/components/features/chat/pending-user-messages.js

@@ -1,45 +1,48 @@
-import { useOptionalConversationId as e } from "../../../hooks/use-conversation-id.js";
-import { useConversationStore as t } from "../../../stores/conversation-store.js";
-import { useOptimisticUserMessageStore as n } from "../../../stores/optimistic-user-message-store.js";
-import { useSendMessage as r } from "../../../hooks/use-send-message.js";
-import { matchesPendingConversationId as i } from "../../../utils/pending-task-message-link.js";
-import { createChatMessage as a } from "../../../services/chat-service.js";
-import { ChatMessage as o } from "./chat-message.js";
-import { ImageCarousel as s } from "../images/image-carousel.js";
-import c from "react";
-import { Fragment as l, jsx as u } from "react/jsx-runtime";
+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 { useConversationStore as r } from "../../../stores/conversation-store.js";
+import { useOptimisticUserMessageStore as i } from "../../../stores/optimistic-user-message-store.js";
+import { useSendMessage as a } from "../../../hooks/use-send-message.js";
+import { matchesPendingConversationId as o } from "../../../utils/pending-task-message-link.js";
+import { createChatMessage as s } from "../../../services/chat-service.js";
+import { ChatMessage as c } from "./chat-message.js";
+import { ImageCarousel as l } from "../images/image-carousel.js";
+import u from "react";
+import { Fragment as d, jsx as f } from "react/jsx-runtime";
 //#region src/components/features/chat/pending-user-messages.tsx
-function d() {
-	let { conversationId: d } = e(), f = n((e) => e.pendingMessages), p = n((e) => e.markPendingMessageError), m = n((e) => e.markPendingMessageSending), h = n((e) => e.removePendingMessage), g = t((e) => e.restoreMessageToInputIfEmpty), { send: _ } = r(), v = c.useMemo(() => d ? f.filter((e) => i(d, e.conversationId)) : [], [f, d]), y = c.useCallback(async (e) => {
-		let t = n.getState().pendingMessages.find((t) => t.id === e);
-		if (t) {
-			m(e);
+function p() {
+	let { t: p } = e("openhands"), { conversationId: m } = n(), h = i((e) => e.pendingMessages), g = i((e) => e.markPendingMessageError), _ = i((e) => e.markPendingMessageSending), v = i((e) => e.removePendingMessage), y = r((e) => e.restoreMessageToInputIfEmpty), { send: b } = a(), x = u.useMemo(() => m ? h.filter((e) => o(m, e.conversationId)) : [], [h, m]), S = u.useCallback(async (e) => {
+		let n = i.getState().pendingMessages.find((t) => t.id === e);
+		if (n) {
+			_(e);
 			try {
-				await _(a(t.text, t.imageUrls, t.fileUrls, t.timestamp));
-			} catch (t) {
-				p(e, t instanceof Error ? t.message : "Failed to send message");
+				await b(s(n.text, n.imageUrls, n.fileUrls, n.timestamp));
+			} catch (n) {
+				g(e, n instanceof Error ? n.message : p(t.CHAT_INTERFACE$FAILED_TO_SEND_MESSAGE));
 			}
 		}
 	}, [
+		b,
+		g,
 		_,
-		p,
-		m
-	]), b = c.useCallback((e, t) => {
-		g(t), h(e);
-	}, [g, h]);
-	return v.length === 0 ? null : /* @__PURE__ */ u(l, { children: v.map((e) => /* @__PURE__ */ u(o, {
+		p
+	]), C = u.useCallback((e, t) => {
+		y(t), v(e);
+	}, [y, v]);
+	return x.length === 0 ? null : /* @__PURE__ */ f(d, { children: x.map((e) => /* @__PURE__ */ f(c, {
 		type: "user",
 		message: e.text,
 		pendingStatus: e.status,
-		onRetry: e.status === "error" ? () => y(e.id) : void 0,
-		onStop: e.status === "sending" ? () => b(e.id, e.text) : void 0,
-		children: e.imageUrls.length > 0 && /* @__PURE__ */ u(s, {
+		onRetry: e.status === "error" ? () => S(e.id) : void 0,
+		onStop: e.status === "sending" ? () => C(e.id, e.text) : void 0,
+		children: e.imageUrls.length > 0 && /* @__PURE__ */ f(l, {
 			size: "small",
 			images: e.imageUrls
 		})
 	}, e.id)) });
 }
 //#endregion
-export { d as PendingUserMessages };
+export { p as PendingUserMessages };
 
 //# sourceMappingURL=pending-user-messages.js.map

package/dist/components/features/chat/pending-user-messages.js.map

@@ -1 +1 @@
-{"version":3,"file":"pending-user-messages.js","names":[],"sources":["../../../../src/components/features/chat/pending-user-messages.tsx"],"sourcesContent":["import React from \"react\";\nimport { useOptimisticUserMessageStore } from \"#/stores/optimistic-user-message-store\";\nimport { useConversationStore } from \"#/stores/conversation-store\";\nimport { useSendMessage } from \"#/hooks/use-send-message\";\nimport { createChatMessage } from \"#/services/chat-service\";\nimport { useOptionalConversationId } from \"#/hooks/use-conversation-id\";\nimport { matchesPendingConversationId } from \"#/utils/pending-task-message-link\";\nimport { ImageCarousel } from \"#/components/features/images/image-carousel\";\nimport { ChatMessage } from \"./chat-message\";\n\n/**\n * Renders the queue of locally-tracked user messages that have been submitted\n * but not yet echoed back through the WebSocket. Each message shows a faded\n * \"sending\" treatment until the server echoes a real `UserMessageEvent`\n * (which removes it via `consumeMatchingPendingMessage`). If the API rejects the\n * send, the message switches to an \"error\" state with a retry button.\n *\n * The queue is global but each entry is tagged with the conversation id it\n * was enqueued from; this component filters to only entries belonging to the\n * active conversation, so switching conversations never carries pending\n * bubbles over.\n */\nexport function PendingUserMessages() {\n  const { conversationId } = useOptionalConversationId();\n  const pendingMessages = useOptimisticUserMessageStore(\n    (state) => state.pendingMessages,\n  );\n  const markPendingMessageError = useOptimisticUserMessageStore(\n    (state) => state.markPendingMessageError,\n  );\n  const markPendingMessageSending = useOptimisticUserMessageStore(\n    (state) => state.markPendingMessageSending,\n  );\n  const removePendingMessage = useOptimisticUserMessageStore(\n    (state) => state.removePendingMessage,\n  );\n  const restoreMessageToInputIfEmpty = useConversationStore(\n    (state) => state.restoreMessageToInputIfEmpty,\n  );\n  const { send } = useSendMessage();\n\n  const visibleMessages = React.useMemo(\n    () =>\n      conversationId\n        ? pendingMessages.filter((message) =>\n            matchesPendingConversationId(\n              conversationId,\n              message.conversationId,\n            ),\n          )\n        : [],\n    [pendingMessages, conversationId],\n  );\n\n  const handleRetry = React.useCallback(\n    async (id: string) => {\n      const message = useOptimisticUserMessageStore\n        .getState()\n        .pendingMessages.find((entry) => entry.id === id);\n      if (!message) return;\n\n      markPendingMessageSending(id);\n\n      try {\n        await send(\n          createChatMessage(\n            message.text,\n            message.imageUrls,\n            message.fileUrls,\n            message.timestamp,\n          ),\n        );\n      } catch (error) {\n        const errorMessage =\n          error instanceof Error ? error.message : \"Failed to send message\";\n        markPendingMessageError(id, errorMessage);\n      }\n    },\n    [send, markPendingMessageError, markPendingMessageSending],\n  );\n\n  const handleStop = React.useCallback(\n    (id: string, text: string) => {\n      restoreMessageToInputIfEmpty(text);\n      removePendingMessage(id);\n    },\n    [restoreMessageToInputIfEmpty, removePendingMessage],\n  );\n\n  if (visibleMessages.length === 0) {\n    return null;\n  }\n\n  return (\n    <>\n      {visibleMessages.map((message) => (\n        <ChatMessage\n          key={message.id}\n          type=\"user\"\n          message={message.text}\n          pendingStatus={message.status}\n          onRetry={\n            message.status === \"error\"\n              ? () => handleRetry(message.id)\n              : undefined\n          }\n          onStop={\n            message.status === \"sending\"\n              ? () => handleStop(message.id, message.text)\n              : undefined\n          }\n        >\n          {message.imageUrls.length > 0 && (\n            <ImageCarousel size=\"small\" images={message.imageUrls} />\n          )}\n        </ChatMessage>\n      ))}\n    </>\n  );\n}\n"],"mappings":";;;;;;;;;;;AAsBA,SAAgB,IAAsB;CACpC,IAAM,EAAE,sBAAmB,GAA2B,EAChD,IAAkB,GACrB,MAAU,EAAM,gBAClB,EACK,IAA0B,GAC7B,MAAU,EAAM,wBAClB,EACK,IAA4B,GAC/B,MAAU,EAAM,0BAClB,EACK,IAAuB,GAC1B,MAAU,EAAM,qBAClB,EACK,IAA+B,GAClC,MAAU,EAAM,6BAClB,EACK,EAAE,YAAS,GAAgB,EAE3B,IAAkB,EAAM,cAE1B,IACI,EAAgB,QAAQ,MACtB,EACE,GACA,EAAQ,eACT,CACF,GACD,EAAE,EACR,CAAC,GAAiB,EAAe,CAClC,EAEK,IAAc,EAAM,YACxB,OAAO,MAAe;EACpB,IAAM,IAAU,EACb,UAAU,CACV,gBAAgB,MAAM,MAAU,EAAM,OAAO,EAAG;AAC9C,SAEL;KAA0B,EAAG;AAE7B,OAAI;AACF,UAAM,EACJ,EACE,EAAQ,MACR,EAAQ,WACR,EAAQ,UACR,EAAQ,UACT,CACF;YACM,GAAO;AAGd,MAAwB,GADtB,aAAiB,QAAQ,EAAM,UAAU,yBACF;;;IAG7C;EAAC;EAAM;EAAyB;EAA0B,CAC3D,EAEK,IAAa,EAAM,aACtB,GAAY,MAAiB;AAE5B,EADA,EAA6B,EAAK,EAClC,EAAqB,EAAG;IAE1B,CAAC,GAA8B,EAAqB,CACrD;AAMD,QAJI,EAAgB,WAAW,IACtB,OAIP,kBAAA,GAAA,EAAA,UACG,EAAgB,KAAK,MACpB,kBAAC,GAAD;EAEE,MAAK;EACL,SAAS,EAAQ;EACjB,eAAe,EAAQ;EACvB,SACE,EAAQ,WAAW,gBACT,EAAY,EAAQ,GAAG,GAC7B,KAAA;EAEN,QACE,EAAQ,WAAW,kBACT,EAAW,EAAQ,IAAI,EAAQ,KAAK,GAC1C,KAAA;YAGL,EAAQ,UAAU,SAAS,KAC1B,kBAAC,GAAD;GAAe,MAAK;GAAQ,QAAQ,EAAQ;GAAa,CAAA;EAE/C,EAlBP,EAAQ,GAkBD,CACd,EACD,CAAA"}
+{"version":3,"file":"pending-user-messages.js","names":[],"sources":["../../../../src/components/features/chat/pending-user-messages.tsx"],"sourcesContent":["import React from \"react\";\nimport { useTranslation } from \"react-i18next\";\nimport { I18nKey } from \"#/i18n/declaration\";\nimport { useOptimisticUserMessageStore } from \"#/stores/optimistic-user-message-store\";\nimport { useConversationStore } from \"#/stores/conversation-store\";\nimport { useSendMessage } from \"#/hooks/use-send-message\";\nimport { createChatMessage } from \"#/services/chat-service\";\nimport { useOptionalConversationId } from \"#/hooks/use-conversation-id\";\nimport { matchesPendingConversationId } from \"#/utils/pending-task-message-link\";\nimport { ImageCarousel } from \"#/components/features/images/image-carousel\";\nimport { ChatMessage } from \"./chat-message\";\n\n/**\n * Renders the queue of locally-tracked user messages that have been submitted\n * but not yet echoed back through the WebSocket. Each message shows a faded\n * \"sending\" treatment until the server echoes a real `UserMessageEvent`\n * (which removes it via `consumeMatchingPendingMessage`). If the API rejects the\n * send, the message switches to an \"error\" state with a retry button.\n *\n * The queue is global but each entry is tagged with the conversation id it\n * was enqueued from; this component filters to only entries belonging to the\n * active conversation, so switching conversations never carries pending\n * bubbles over.\n */\nexport function PendingUserMessages() {\n  const { t } = useTranslation(\"openhands\");\n  const { conversationId } = useOptionalConversationId();\n  const pendingMessages = useOptimisticUserMessageStore(\n    (state) => state.pendingMessages,\n  );\n  const markPendingMessageError = useOptimisticUserMessageStore(\n    (state) => state.markPendingMessageError,\n  );\n  const markPendingMessageSending = useOptimisticUserMessageStore(\n    (state) => state.markPendingMessageSending,\n  );\n  const removePendingMessage = useOptimisticUserMessageStore(\n    (state) => state.removePendingMessage,\n  );\n  const restoreMessageToInputIfEmpty = useConversationStore(\n    (state) => state.restoreMessageToInputIfEmpty,\n  );\n  const { send } = useSendMessage();\n\n  const visibleMessages = React.useMemo(\n    () =>\n      conversationId\n        ? pendingMessages.filter((message) =>\n            matchesPendingConversationId(\n              conversationId,\n              message.conversationId,\n            ),\n          )\n        : [],\n    [pendingMessages, conversationId],\n  );\n\n  const handleRetry = React.useCallback(\n    async (id: string) => {\n      const message = useOptimisticUserMessageStore\n        .getState()\n        .pendingMessages.find((entry) => entry.id === id);\n      if (!message) return;\n\n      markPendingMessageSending(id);\n\n      try {\n        await send(\n          createChatMessage(\n            message.text,\n            message.imageUrls,\n            message.fileUrls,\n            message.timestamp,\n          ),\n        );\n      } catch (error) {\n        const errorMessage =\n          error instanceof Error\n            ? error.message\n            : t(I18nKey.CHAT_INTERFACE$FAILED_TO_SEND_MESSAGE);\n        markPendingMessageError(id, errorMessage);\n      }\n    },\n    [send, markPendingMessageError, markPendingMessageSending, t],\n  );\n\n  const handleStop = React.useCallback(\n    (id: string, text: string) => {\n      restoreMessageToInputIfEmpty(text);\n      removePendingMessage(id);\n    },\n    [restoreMessageToInputIfEmpty, removePendingMessage],\n  );\n\n  if (visibleMessages.length === 0) {\n    return null;\n  }\n\n  return (\n    <>\n      {visibleMessages.map((message) => (\n        <ChatMessage\n          key={message.id}\n          type=\"user\"\n          message={message.text}\n          pendingStatus={message.status}\n          onRetry={\n            message.status === \"error\"\n              ? () => handleRetry(message.id)\n              : undefined\n          }\n          onStop={\n            message.status === \"sending\"\n              ? () => handleStop(message.id, message.text)\n              : undefined\n          }\n        >\n          {message.imageUrls.length > 0 && (\n            <ImageCarousel size=\"small\" images={message.imageUrls} />\n          )}\n        </ChatMessage>\n      ))}\n    </>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;AAwBA,SAAgB,IAAsB;CACpC,IAAM,EAAE,SAAM,EAAe,YAAY,EACnC,EAAE,sBAAmB,GAA2B,EAChD,IAAkB,GACrB,MAAU,EAAM,gBAClB,EACK,IAA0B,GAC7B,MAAU,EAAM,wBAClB,EACK,IAA4B,GAC/B,MAAU,EAAM,0BAClB,EACK,IAAuB,GAC1B,MAAU,EAAM,qBAClB,EACK,IAA+B,GAClC,MAAU,EAAM,6BAClB,EACK,EAAE,YAAS,GAAgB,EAE3B,IAAkB,EAAM,cAE1B,IACI,EAAgB,QAAQ,MACtB,EACE,GACA,EAAQ,eACT,CACF,GACD,EAAE,EACR,CAAC,GAAiB,EAAe,CAClC,EAEK,IAAc,EAAM,YACxB,OAAO,MAAe;EACpB,IAAM,IAAU,EACb,UAAU,CACV,gBAAgB,MAAM,MAAU,EAAM,OAAO,EAAG;AAC9C,SAEL;KAA0B,EAAG;AAE7B,OAAI;AACF,UAAM,EACJ,EACE,EAAQ,MACR,EAAQ,WACR,EAAQ,UACR,EAAQ,UACT,CACF;YACM,GAAO;AAKd,MAAwB,GAHtB,aAAiB,QACb,EAAM,UACN,EAAE,EAAQ,sCAAsC,CACb;;;IAG7C;EAAC;EAAM;EAAyB;EAA2B;EAAE,CAC9D,EAEK,IAAa,EAAM,aACtB,GAAY,MAAiB;AAE5B,EADA,EAA6B,EAAK,EAClC,EAAqB,EAAG;IAE1B,CAAC,GAA8B,EAAqB,CACrD;AAMD,QAJI,EAAgB,WAAW,IACtB,OAIP,kBAAA,GAAA,EAAA,UACG,EAAgB,KAAK,MACpB,kBAAC,GAAD;EAEE,MAAK;EACL,SAAS,EAAQ;EACjB,eAAe,EAAQ;EACvB,SACE,EAAQ,WAAW,gBACT,EAAY,EAAQ,GAAG,GAC7B,KAAA;EAEN,QACE,EAAQ,WAAW,kBACT,EAAW,EAAQ,IAAI,EAAQ,KAAK,GAC1C,KAAA;YAGL,EAAQ,UAAU,SAAS,KAC1B,kBAAC,GAAD;GAAe,MAAK;GAAQ,QAAQ,EAAQ;GAAa,CAAA;EAE/C,EAlBP,EAAQ,GAkBD,CACd,EACD,CAAA"}

package/dist/components/features/home/git-branch-dropdown/git-branch-dropdown.cjs

@@ -1,2 +1,2 @@
-const e=require(`../../../../_virtual/_rolldown/runtime.cjs`),t=require(`../../../../utils/utils.cjs`),n=require(`../../../../utils/form-control-classes.cjs`),r=require(`../../../../icons/u-code-branch.cjs`),i=require(`../../../../node_modules/downshift/dist/downshift.esm.cjs`),a=require(`../../../../hooks/use-debounce.cjs`),o=require(`../shared/clear-button.cjs`),s=require(`../shared/toggle-button.cjs`),c=require(`../shared/error-message.cjs`),l=require(`../../../../hooks/query/use-branch-data.cjs`),u=require(`./branch-dropdown-menu.cjs`);let d=require(`react`);d=e.__toESM(d,1);let f=require(`react/jsx-runtime`);function p({repository:e,provider:p,selectedBranch:m,onBranchSelect:h,defaultBranch:g,placeholder:_=`Select branch...`,disabled:v=!1,className:y}){let[b,x]=(0,d.useState)(``),[S,C]=(0,d.useState)(!1),w=a.useDebounce(b,300),T=(0,d.useRef)(null),E=(0,d.useMemo)(()=>w.trim().length>0?w.trim():``,[w]),{branches:D,isLoading:O,isError:k,fetchNextPage:A,hasNextPage:j,isFetchingNextPage:M,isSearchLoading:N}=l.useBranchData(e,p,g||null,E,b,m),P=k?Error(`Failed to load branches`):null,F=(0,d.useCallback)(()=>{x(``),h(null),C(!0)},[h]),I=(0,d.useCallback)(e=>{h(e),x(``)},[h]),L=(0,d.useCallback)(e=>{let{scrollTop:t,scrollHeight:n,clientHeight:r}=e.currentTarget;n-t<=r*1.5&&j&&!M&&A()},[j,M,A]),{isOpen:R,selectedItem:z,highlightedIndex:B,getInputProps:V,getItemProps:H,getMenuProps:U,getToggleButtonProps:W}=i.useCombobox({items:D,selectedItem:m,itemToString:e=>e?.name||``,onSelectedItemChange:({selectedItem:e})=>{I(e||null)},inputValue:b,stateReducer:(e,t)=>t.type===i.useCombobox.stateChangeTypes.InputClick&&e.isOpen?{...t.changes,isOpen:!0}:t.changes});(0,d.useEffect)(()=>{e&&(h(null),C(!1))},[e,h]),(0,d.useEffect)(()=>{if(e&&g&&!m&&!S&&D.length>0&&!O){let e=D.find(e=>e.name===g);e&&h(e)}},[e,g,m,S,D,h,O]),(0,d.useEffect)(()=>{x(``)},[e]),(0,d.useEffect)(()=>{m&&!R?x(m.name):!m&&!R&&x(``)},[m,R]);let G=O||N||M;return(0,f.jsxs)(`div`,{className:t.cn(`relative`,y),children:[(0,f.jsxs)(`div`,{className:`group relative text-[var(--oh-muted)] hover:text-white`,children:[(0,f.jsx)(`div`,{className:`absolute left-2 top-1/2 transform -translate-y-1/2 z-10`,children:G?(0,f.jsx)(`div`,{className:`animate-spin h-4 w-4 border-2 border-transparent border-t-white rounded-full`}):(0,f.jsx)(r.default,{width:16,height:16})}),(0,f.jsx)(`input`,{...V({disabled:v||!e,placeholder:_,className:t.cn(n.formControlFieldClassName,`text-inherit shadow-none pl-7 pr-16 text-sm font-normal leading-5`,`placeholder:text-[var(--oh-muted)]`,`disabled:cursor-not-allowed disabled:opacity-60`),onChange:e=>{x(e.target.value)}}),"data-testid":`git-branch-dropdown-input`}),(0,f.jsxs)(`div`,{className:`absolute right-1 top-1/2 transform -translate-y-1/2 flex items-center`,children:[m&&(0,f.jsx)(o.ClearButton,{disabled:v,onClear:F}),(0,f.jsx)(s.ToggleButton,{isOpen:R,disabled:v||!e,getToggleButtonProps:W})]})]}),(0,f.jsx)(u.BranchDropdownMenu,{isOpen:R,filteredBranches:D,inputValue:b,highlightedIndex:B,selectedItem:z,getMenuProps:U,getItemProps:H,onScroll:L,menuRef:T}),(0,f.jsx)(c.ErrorMessage,{isError:!!P})]})}exports.GitBranchDropdown=p;
+const e=require(`../../../../_virtual/_rolldown/runtime.cjs`),t=require(`../../../../node_modules/react-i18next/dist/es/useTranslation.cjs`),n=require(`../../../../i18n/declaration.cjs`),r=require(`../../../../utils/utils.cjs`),i=require(`../../../../utils/form-control-classes.cjs`),a=require(`../../../../icons/u-code-branch.cjs`),o=require(`../../../../node_modules/downshift/dist/downshift.esm.cjs`),s=require(`../../../../hooks/use-debounce.cjs`),c=require(`../shared/clear-button.cjs`),l=require(`../shared/toggle-button.cjs`),u=require(`../shared/error-message.cjs`),d=require(`../../../../hooks/query/use-branch-data.cjs`),f=require(`./branch-dropdown-menu.cjs`);let p=require(`react`);p=e.__toESM(p,1);let m=require(`react/jsx-runtime`);function h({repository:e,provider:h,selectedBranch:g,onBranchSelect:_,defaultBranch:v,placeholder:y,disabled:b=!1,className:x}){let{t:S}=t.useTranslation(`openhands`),[C,w]=(0,p.useState)(``),[T,E]=(0,p.useState)(!1),D=s.useDebounce(C,300),O=(0,p.useRef)(null),k=(0,p.useMemo)(()=>D.trim().length>0?D.trim():``,[D]),{branches:A,isLoading:j,isError:M,fetchNextPage:N,hasNextPage:P,isFetchingNextPage:F,isSearchLoading:I}=d.useBranchData(e,h,v||null,k,C,g),L=M?Error(`Failed to load branches`):null,R=(0,p.useCallback)(()=>{w(``),_(null),E(!0)},[_]),z=(0,p.useCallback)(e=>{_(e),w(``)},[_]),B=(0,p.useCallback)(e=>{let{scrollTop:t,scrollHeight:n,clientHeight:r}=e.currentTarget;n-t<=r*1.5&&P&&!F&&N()},[P,F,N]),{isOpen:V,selectedItem:H,highlightedIndex:U,getInputProps:W,getItemProps:G,getMenuProps:K,getToggleButtonProps:q}=o.useCombobox({items:A,selectedItem:g,itemToString:e=>e?.name||``,onSelectedItemChange:({selectedItem:e})=>{z(e||null)},inputValue:C,stateReducer:(e,t)=>t.type===o.useCombobox.stateChangeTypes.InputClick&&e.isOpen?{...t.changes,isOpen:!0}:t.changes});(0,p.useEffect)(()=>{e&&(_(null),E(!1))},[e,_]),(0,p.useEffect)(()=>{if(e&&v&&!g&&!T&&A.length>0&&!j){let e=A.find(e=>e.name===v);e&&_(e)}},[e,v,g,T,A,_,j]),(0,p.useEffect)(()=>{w(``)},[e]),(0,p.useEffect)(()=>{g&&!V?w(g.name):!g&&!V&&w(``)},[g,V]);let J=j||I||F;return(0,m.jsxs)(`div`,{className:r.cn(`relative`,x),children:[(0,m.jsxs)(`div`,{className:`group relative text-[var(--oh-muted)] hover:text-white`,children:[(0,m.jsx)(`div`,{className:`absolute left-2 top-1/2 transform -translate-y-1/2 z-10`,children:J?(0,m.jsx)(`div`,{className:`animate-spin h-4 w-4 border-2 border-transparent border-t-white rounded-full`}):(0,m.jsx)(a.default,{width:16,height:16})}),(0,m.jsx)(`input`,{...W({disabled:b||!e,placeholder:y??S(n.I18nKey.COMMON$SELECT_BRANCH_PLACEHOLDER),className:r.cn(i.formControlFieldClassName,`text-inherit shadow-none pl-7 pr-16 text-sm font-normal leading-5`,`placeholder:text-[var(--oh-muted)]`,`disabled:cursor-not-allowed disabled:opacity-60`),onChange:e=>{w(e.target.value)}}),"data-testid":`git-branch-dropdown-input`}),(0,m.jsxs)(`div`,{className:`absolute right-1 top-1/2 transform -translate-y-1/2 flex items-center`,children:[g&&(0,m.jsx)(c.ClearButton,{disabled:b,onClear:R}),(0,m.jsx)(l.ToggleButton,{isOpen:V,disabled:b||!e,getToggleButtonProps:q})]})]}),(0,m.jsx)(f.BranchDropdownMenu,{isOpen:V,filteredBranches:A,inputValue:C,highlightedIndex:U,selectedItem:H,getMenuProps:K,getItemProps:G,onScroll:B,menuRef:O}),(0,m.jsx)(u.ErrorMessage,{isError:!!L})]})}exports.GitBranchDropdown=h;
 //# sourceMappingURL=git-branch-dropdown.cjs.map

package/dist/components/features/home/git-branch-dropdown/git-branch-dropdown.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"git-branch-dropdown.cjs","names":[],"sources":["../../../../../src/components/features/home/git-branch-dropdown/git-branch-dropdown.tsx"],"sourcesContent":["import React, {\n  useState,\n  useMemo,\n  useCallback,\n  useRef,\n  useEffect,\n} from \"react\";\nimport { useCombobox } from \"downshift\";\nimport { Branch } from \"#/types/git\";\nimport { Provider } from \"#/types/settings\";\nimport { useDebounce } from \"#/hooks/use-debounce\";\nimport { cn } from \"#/utils/utils\";\nimport { formControlFieldClassName } from \"#/utils/form-control-classes\";\nimport { useBranchData } from \"#/hooks/query/use-branch-data\";\n\nimport { ClearButton } from \"../shared/clear-button\";\nimport { ToggleButton } from \"../shared/toggle-button\";\nimport { ErrorMessage } from \"../shared/error-message\";\nimport { BranchDropdownMenu } from \"./branch-dropdown-menu\";\nimport BranchIcon from \"#/icons/u-code-branch.svg?react\";\n\nexport interface GitBranchDropdownProps {\n  repository: string | null;\n  provider: Provider;\n  selectedBranch: Branch | null;\n  onBranchSelect: (branch: Branch | null) => void;\n  defaultBranch?: string | null;\n  placeholder?: string;\n  disabled?: boolean;\n  className?: string;\n}\n\nexport function GitBranchDropdown({\n  repository,\n  provider,\n  selectedBranch,\n  onBranchSelect,\n  defaultBranch,\n  placeholder = \"Select branch...\",\n  disabled = false,\n  className,\n}: GitBranchDropdownProps) {\n  const [inputValue, setInputValue] = useState(\"\");\n  const [userManuallyCleared, setUserManuallyCleared] = useState(false);\n  const debouncedInputValue = useDebounce(inputValue, 300);\n  const menuRef = useRef<HTMLUListElement>(null);\n\n  // Process search input (debounced and filtered)\n  const processedSearchInput = useMemo(\n    () =>\n      debouncedInputValue.trim().length > 0 ? debouncedInputValue.trim() : \"\",\n    [debouncedInputValue],\n  );\n\n  // Use the new branch data hook with default branch prioritization\n  const {\n    branches: filteredBranches,\n    isLoading,\n    isError,\n    fetchNextPage,\n    hasNextPage,\n    isFetchingNextPage,\n    isSearchLoading,\n  } = useBranchData(\n    repository,\n    provider,\n    defaultBranch || null,\n    processedSearchInput,\n    inputValue,\n    selectedBranch,\n  );\n\n  const error = isError ? new Error(\"Failed to load branches\") : null;\n\n  // Handle clear\n  const handleClear = useCallback(() => {\n    setInputValue(\"\");\n    onBranchSelect(null);\n    setUserManuallyCleared(true); // Mark that user manually cleared the branch\n  }, [onBranchSelect]);\n\n  // Handle branch selection\n  const handleBranchSelect = useCallback(\n    (branch: Branch | null) => {\n      onBranchSelect(branch);\n      setInputValue(\"\");\n    },\n    [onBranchSelect],\n  );\n\n  // Handle menu scroll for infinite loading\n  const handleMenuScroll = useCallback(\n    (event: React.UIEvent<HTMLUListElement>) => {\n      const { scrollTop, scrollHeight, clientHeight } = event.currentTarget;\n      if (\n        scrollHeight - scrollTop <= clientHeight * 1.5 &&\n        hasNextPage &&\n        !isFetchingNextPage\n      ) {\n        fetchNextPage();\n      }\n    },\n    [hasNextPage, isFetchingNextPage, fetchNextPage],\n  );\n\n  // Downshift configuration\n  const {\n    isOpen,\n    selectedItem,\n    highlightedIndex,\n    getInputProps,\n    getItemProps,\n    getMenuProps,\n    getToggleButtonProps,\n  } = useCombobox({\n    items: filteredBranches,\n    selectedItem: selectedBranch,\n    itemToString: (item) => item?.name || \"\",\n    onSelectedItemChange: ({ selectedItem: newSelectedItem }) => {\n      handleBranchSelect(newSelectedItem || null);\n    },\n    inputValue,\n    // Override Downshift's default input-click behavior to avoid closing/reopening\n    // the menu, which would reset scroll position and break search continuity.\n    stateReducer: (state, actionAndChanges) =>\n      actionAndChanges.type === useCombobox.stateChangeTypes.InputClick &&\n      state.isOpen\n        ? { ...actionAndChanges.changes, isOpen: true }\n        : actionAndChanges.changes,\n  });\n\n  // Reset branch selection when repository changes\n  useEffect(() => {\n    if (repository) {\n      onBranchSelect(null);\n      setUserManuallyCleared(false); // Reset the manual clear flag when repository changes\n    }\n  }, [repository, onBranchSelect]);\n\n  // Auto-select default branch when branches are loaded and no branch is selected\n  // But only if the user hasn't manually cleared the branch\n  useEffect(() => {\n    if (\n      repository &&\n      defaultBranch &&\n      !selectedBranch &&\n      !userManuallyCleared && // Don't auto-select if user manually cleared\n      filteredBranches.length > 0 &&\n      !isLoading\n    ) {\n      const defaultBranchObj = filteredBranches.find(\n        (branch) => branch.name === defaultBranch,\n      );\n\n      if (defaultBranchObj) {\n        onBranchSelect(defaultBranchObj);\n      }\n    }\n  }, [\n    repository,\n    defaultBranch,\n    selectedBranch,\n    userManuallyCleared,\n    filteredBranches,\n    onBranchSelect,\n    isLoading,\n  ]);\n\n  // Reset input when repository changes\n  useEffect(() => {\n    setInputValue(\"\");\n  }, [repository]);\n\n  // Initialize input value when selectedBranch changes (but not when user is typing)\n  useEffect(() => {\n    if (selectedBranch && !isOpen) {\n      setInputValue(selectedBranch.name);\n    } else if (!selectedBranch && !isOpen) {\n      setInputValue(\"\");\n    }\n  }, [selectedBranch, isOpen]);\n\n  const isLoadingState = isLoading || isSearchLoading || isFetchingNextPage;\n\n  return (\n    <div className={cn(\"relative\", className)}>\n      <div className=\"group relative text-[var(--oh-muted)] hover:text-white\">\n        <div className=\"absolute left-2 top-1/2 transform -translate-y-1/2 z-10\">\n          {isLoadingState ? (\n            <div className=\"animate-spin h-4 w-4 border-2 border-transparent border-t-white rounded-full\" />\n          ) : (\n            <BranchIcon width={16} height={16} />\n          )}\n        </div>\n        <input\n          {...getInputProps({\n            disabled: disabled || !repository,\n            placeholder,\n            className: cn(\n              formControlFieldClassName,\n              \"text-inherit shadow-none pl-7 pr-16 text-sm font-normal leading-5\",\n              \"placeholder:text-[var(--oh-muted)]\",\n              \"disabled:cursor-not-allowed disabled:opacity-60\",\n            ),\n            // Direct onChange for cursor position preservation\n            onChange: (e: React.ChangeEvent<HTMLInputElement>) => {\n              setInputValue(e.target.value);\n            },\n          })}\n          data-testid=\"git-branch-dropdown-input\"\n        />\n\n        <div className=\"absolute right-1 top-1/2 transform -translate-y-1/2 flex items-center\">\n          {selectedBranch && (\n            <ClearButton disabled={disabled} onClear={handleClear} />\n          )}\n\n          <ToggleButton\n            isOpen={isOpen}\n            disabled={disabled || !repository}\n            getToggleButtonProps={getToggleButtonProps}\n          />\n        </div>\n      </div>\n\n      <BranchDropdownMenu\n        isOpen={isOpen}\n        filteredBranches={filteredBranches}\n        inputValue={inputValue}\n        highlightedIndex={highlightedIndex}\n        selectedItem={selectedItem}\n        getMenuProps={getMenuProps}\n        getItemProps={getItemProps}\n        onScroll={handleMenuScroll}\n        menuRef={menuRef}\n      />\n\n      <ErrorMessage isError={!!error} />\n    </div>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"git-branch-dropdown.cjs","names":[],"sources":["../../../../../src/components/features/home/git-branch-dropdown/git-branch-dropdown.tsx"],"sourcesContent":["import React, {\n  useState,\n  useMemo,\n  useCallback,\n  useRef,\n  useEffect,\n} from \"react\";\nimport { useCombobox } from \"downshift\";\nimport { useTranslation } from \"react-i18next\";\nimport { Branch } from \"#/types/git\";\nimport { Provider } from \"#/types/settings\";\nimport { I18nKey } from \"#/i18n/declaration\";\nimport { useDebounce } from \"#/hooks/use-debounce\";\nimport { cn } from \"#/utils/utils\";\nimport { formControlFieldClassName } from \"#/utils/form-control-classes\";\nimport { useBranchData } from \"#/hooks/query/use-branch-data\";\n\nimport { ClearButton } from \"../shared/clear-button\";\nimport { ToggleButton } from \"../shared/toggle-button\";\nimport { ErrorMessage } from \"../shared/error-message\";\nimport { BranchDropdownMenu } from \"./branch-dropdown-menu\";\nimport BranchIcon from \"#/icons/u-code-branch.svg?react\";\n\nexport interface GitBranchDropdownProps {\n  repository: string | null;\n  provider: Provider;\n  selectedBranch: Branch | null;\n  onBranchSelect: (branch: Branch | null) => void;\n  defaultBranch?: string | null;\n  placeholder?: string;\n  disabled?: boolean;\n  className?: string;\n}\n\nexport function GitBranchDropdown({\n  repository,\n  provider,\n  selectedBranch,\n  onBranchSelect,\n  defaultBranch,\n  placeholder,\n  disabled = false,\n  className,\n}: GitBranchDropdownProps) {\n  const { t } = useTranslation(\"openhands\");\n  const [inputValue, setInputValue] = useState(\"\");\n  const [userManuallyCleared, setUserManuallyCleared] = useState(false);\n  const debouncedInputValue = useDebounce(inputValue, 300);\n  const menuRef = useRef<HTMLUListElement>(null);\n\n  // Process search input (debounced and filtered)\n  const processedSearchInput = useMemo(\n    () =>\n      debouncedInputValue.trim().length > 0 ? debouncedInputValue.trim() : \"\",\n    [debouncedInputValue],\n  );\n\n  // Use the new branch data hook with default branch prioritization\n  const {\n    branches: filteredBranches,\n    isLoading,\n    isError,\n    fetchNextPage,\n    hasNextPage,\n    isFetchingNextPage,\n    isSearchLoading,\n  } = useBranchData(\n    repository,\n    provider,\n    defaultBranch || null,\n    processedSearchInput,\n    inputValue,\n    selectedBranch,\n  );\n\n  const error = isError ? new Error(\"Failed to load branches\") : null;\n\n  // Handle clear\n  const handleClear = useCallback(() => {\n    setInputValue(\"\");\n    onBranchSelect(null);\n    setUserManuallyCleared(true); // Mark that user manually cleared the branch\n  }, [onBranchSelect]);\n\n  // Handle branch selection\n  const handleBranchSelect = useCallback(\n    (branch: Branch | null) => {\n      onBranchSelect(branch);\n      setInputValue(\"\");\n    },\n    [onBranchSelect],\n  );\n\n  // Handle menu scroll for infinite loading\n  const handleMenuScroll = useCallback(\n    (event: React.UIEvent<HTMLUListElement>) => {\n      const { scrollTop, scrollHeight, clientHeight } = event.currentTarget;\n      if (\n        scrollHeight - scrollTop <= clientHeight * 1.5 &&\n        hasNextPage &&\n        !isFetchingNextPage\n      ) {\n        fetchNextPage();\n      }\n    },\n    [hasNextPage, isFetchingNextPage, fetchNextPage],\n  );\n\n  // Downshift configuration\n  const {\n    isOpen,\n    selectedItem,\n    highlightedIndex,\n    getInputProps,\n    getItemProps,\n    getMenuProps,\n    getToggleButtonProps,\n  } = useCombobox({\n    items: filteredBranches,\n    selectedItem: selectedBranch,\n    itemToString: (item) => item?.name || \"\",\n    onSelectedItemChange: ({ selectedItem: newSelectedItem }) => {\n      handleBranchSelect(newSelectedItem || null);\n    },\n    inputValue,\n    // Override Downshift's default input-click behavior to avoid closing/reopening\n    // the menu, which would reset scroll position and break search continuity.\n    stateReducer: (state, actionAndChanges) =>\n      actionAndChanges.type === useCombobox.stateChangeTypes.InputClick &&\n      state.isOpen\n        ? { ...actionAndChanges.changes, isOpen: true }\n        : actionAndChanges.changes,\n  });\n\n  // Reset branch selection when repository changes\n  useEffect(() => {\n    if (repository) {\n      onBranchSelect(null);\n      setUserManuallyCleared(false); // Reset the manual clear flag when repository changes\n    }\n  }, [repository, onBranchSelect]);\n\n  // Auto-select default branch when branches are loaded and no branch is selected\n  // But only if the user hasn't manually cleared the branch\n  useEffect(() => {\n    if (\n      repository &&\n      defaultBranch &&\n      !selectedBranch &&\n      !userManuallyCleared && // Don't auto-select if user manually cleared\n      filteredBranches.length > 0 &&\n      !isLoading\n    ) {\n      const defaultBranchObj = filteredBranches.find(\n        (branch) => branch.name === defaultBranch,\n      );\n\n      if (defaultBranchObj) {\n        onBranchSelect(defaultBranchObj);\n      }\n    }\n  }, [\n    repository,\n    defaultBranch,\n    selectedBranch,\n    userManuallyCleared,\n    filteredBranches,\n    onBranchSelect,\n    isLoading,\n  ]);\n\n  // Reset input when repository changes\n  useEffect(() => {\n    setInputValue(\"\");\n  }, [repository]);\n\n  // Initialize input value when selectedBranch changes (but not when user is typing)\n  useEffect(() => {\n    if (selectedBranch && !isOpen) {\n      setInputValue(selectedBranch.name);\n    } else if (!selectedBranch && !isOpen) {\n      setInputValue(\"\");\n    }\n  }, [selectedBranch, isOpen]);\n\n  const isLoadingState = isLoading || isSearchLoading || isFetchingNextPage;\n\n  return (\n    <div className={cn(\"relative\", className)}>\n      <div className=\"group relative text-[var(--oh-muted)] hover:text-white\">\n        <div className=\"absolute left-2 top-1/2 transform -translate-y-1/2 z-10\">\n          {isLoadingState ? (\n            <div className=\"animate-spin h-4 w-4 border-2 border-transparent border-t-white rounded-full\" />\n          ) : (\n            <BranchIcon width={16} height={16} />\n          )}\n        </div>\n        <input\n          {...getInputProps({\n            disabled: disabled || !repository,\n            placeholder:\n              placeholder ?? t(I18nKey.COMMON$SELECT_BRANCH_PLACEHOLDER),\n            className: cn(\n              formControlFieldClassName,\n              \"text-inherit shadow-none pl-7 pr-16 text-sm font-normal leading-5\",\n              \"placeholder:text-[var(--oh-muted)]\",\n              \"disabled:cursor-not-allowed disabled:opacity-60\",\n            ),\n            // Direct onChange for cursor position preservation\n            onChange: (e: React.ChangeEvent<HTMLInputElement>) => {\n              setInputValue(e.target.value);\n            },\n          })}\n          data-testid=\"git-branch-dropdown-input\"\n        />\n\n        <div className=\"absolute right-1 top-1/2 transform -translate-y-1/2 flex items-center\">\n          {selectedBranch && (\n            <ClearButton disabled={disabled} onClear={handleClear} />\n          )}\n\n          <ToggleButton\n            isOpen={isOpen}\n            disabled={disabled || !repository}\n            getToggleButtonProps={getToggleButtonProps}\n          />\n        </div>\n      </div>\n\n      <BranchDropdownMenu\n        isOpen={isOpen}\n        filteredBranches={filteredBranches}\n        inputValue={inputValue}\n        highlightedIndex={highlightedIndex}\n        selectedItem={selectedItem}\n        getMenuProps={getMenuProps}\n        getItemProps={getItemProps}\n        onScroll={handleMenuScroll}\n        menuRef={menuRef}\n      />\n\n      <ErrorMessage isError={!!error} />\n    </div>\n  );\n}\n"],"mappings":"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"}

package/dist/components/features/home/git-branch-dropdown/git-branch-dropdown.js

@@ -1,115 +1,117 @@
-import { cn as e } from "../../../../utils/utils.js";
-import { formControlFieldClassName as t } from "../../../../utils/form-control-classes.js";
-import n from "../../../../icons/u-code-branch.js";
-import { useCombobox as r } from "../../../../node_modules/downshift/dist/downshift.esm.js";
-import { useDebounce as i } from "../../../../hooks/use-debounce.js";
-import { ClearButton as a } from "../shared/clear-button.js";
-import { ToggleButton as o } from "../shared/toggle-button.js";
-import { ErrorMessage as s } from "../shared/error-message.js";
-import { useBranchData as c } from "../../../../hooks/query/use-branch-data.js";
-import { BranchDropdownMenu as l } from "./branch-dropdown-menu.js";
-import { useCallback as u, useEffect as d, useMemo as f, useRef as p, useState as m } from "react";
-import { jsx as h, jsxs as g } from "react/jsx-runtime";
+import { useTranslation as e } from "../../../../node_modules/react-i18next/dist/es/useTranslation.js";
+import { I18nKey as t } from "../../../../i18n/declaration.js";
+import { cn as n } from "../../../../utils/utils.js";
+import { formControlFieldClassName as r } from "../../../../utils/form-control-classes.js";
+import i from "../../../../icons/u-code-branch.js";
+import { useCombobox as a } from "../../../../node_modules/downshift/dist/downshift.esm.js";
+import { useDebounce as o } from "../../../../hooks/use-debounce.js";
+import { ClearButton as s } from "../shared/clear-button.js";
+import { ToggleButton as c } from "../shared/toggle-button.js";
+import { ErrorMessage as l } from "../shared/error-message.js";
+import { useBranchData as u } from "../../../../hooks/query/use-branch-data.js";
+import { BranchDropdownMenu as d } from "./branch-dropdown-menu.js";
+import { useCallback as f, useEffect as p, useMemo as m, useRef as h, useState as g } from "react";
+import { jsx as _, jsxs as v } from "react/jsx-runtime";
 //#region src/components/features/home/git-branch-dropdown/git-branch-dropdown.tsx
-function _({ repository: _, provider: v, selectedBranch: y, onBranchSelect: b, defaultBranch: x, placeholder: S = "Select branch...", disabled: C = !1, className: w }) {
-	let [T, E] = m(""), [D, O] = m(!1), k = i(T, 300), A = p(null), j = f(() => k.trim().length > 0 ? k.trim() : "", [k]), { branches: M, isLoading: N, isError: P, fetchNextPage: F, hasNextPage: I, isFetchingNextPage: L, isSearchLoading: R } = c(_, v, x || null, j, T, y), z = P ? /* @__PURE__ */ Error("Failed to load branches") : null, B = u(() => {
-		E(""), b(null), O(!0);
-	}, [b]), V = u((e) => {
-		b(e), E("");
-	}, [b]), H = u((e) => {
+function y({ repository: y, provider: b, selectedBranch: x, onBranchSelect: S, defaultBranch: C, placeholder: w, disabled: T = !1, className: E }) {
+	let { t: D } = e("openhands"), [O, k] = g(""), [A, j] = g(!1), M = o(O, 300), N = h(null), P = m(() => M.trim().length > 0 ? M.trim() : "", [M]), { branches: F, isLoading: I, isError: L, fetchNextPage: R, hasNextPage: z, isFetchingNextPage: B, isSearchLoading: V } = u(y, b, C || null, P, O, x), H = L ? /* @__PURE__ */ Error("Failed to load branches") : null, U = f(() => {
+		k(""), S(null), j(!0);
+	}, [S]), W = f((e) => {
+		S(e), k("");
+	}, [S]), G = f((e) => {
 		let { scrollTop: t, scrollHeight: n, clientHeight: r } = e.currentTarget;
-		n - t <= r * 1.5 && I && !L && F();
+		n - t <= r * 1.5 && z && !B && R();
 	}, [
-		I,
-		L,
-		F
-	]), { isOpen: U, selectedItem: W, highlightedIndex: G, getInputProps: K, getItemProps: q, getMenuProps: J, getToggleButtonProps: Y } = r({
-		items: M,
-		selectedItem: y,
+		z,
+		B,
+		R
+	]), { isOpen: K, selectedItem: q, highlightedIndex: J, getInputProps: Y, getItemProps: X, getMenuProps: Z, getToggleButtonProps: Q } = a({
+		items: F,
+		selectedItem: x,
 		itemToString: (e) => e?.name || "",
 		onSelectedItemChange: ({ selectedItem: e }) => {
-			V(e || null);
+			W(e || null);
 		},
-		inputValue: T,
-		stateReducer: (e, t) => t.type === r.stateChangeTypes.InputClick && e.isOpen ? {
+		inputValue: O,
+		stateReducer: (e, t) => t.type === a.stateChangeTypes.InputClick && e.isOpen ? {
 			...t.changes,
 			isOpen: !0
 		} : t.changes
 	});
-	d(() => {
-		_ && (b(null), O(!1));
-	}, [_, b]), d(() => {
-		if (_ && x && !y && !D && M.length > 0 && !N) {
-			let e = M.find((e) => e.name === x);
-			e && b(e);
+	p(() => {
+		y && (S(null), j(!1));
+	}, [y, S]), p(() => {
+		if (y && C && !x && !A && F.length > 0 && !I) {
+			let e = F.find((e) => e.name === C);
+			e && S(e);
 		}
 	}, [
-		_,
-		x,
 		y,
-		D,
-		M,
-		b,
-		N
-	]), d(() => {
-		E("");
-	}, [_]), d(() => {
-		y && !U ? E(y.name) : !y && !U && E("");
-	}, [y, U]);
-	let X = N || R || L;
-	return /* @__PURE__ */ g("div", {
-		className: e("relative", w),
+		C,
+		x,
+		A,
+		F,
+		S,
+		I
+	]), p(() => {
+		k("");
+	}, [y]), p(() => {
+		x && !K ? k(x.name) : !x && !K && k("");
+	}, [x, K]);
+	let $ = I || V || B;
+	return /* @__PURE__ */ v("div", {
+		className: n("relative", E),
 		children: [
-			/* @__PURE__ */ g("div", {
+			/* @__PURE__ */ v("div", {
 				className: "group relative text-[var(--oh-muted)] hover:text-white",
 				children: [
-					/* @__PURE__ */ h("div", {
+					/* @__PURE__ */ _("div", {
 						className: "absolute left-2 top-1/2 transform -translate-y-1/2 z-10",
-						children: X ? /* @__PURE__ */ h("div", { className: "animate-spin h-4 w-4 border-2 border-transparent border-t-white rounded-full" }) : /* @__PURE__ */ h(n, {
+						children: $ ? /* @__PURE__ */ _("div", { className: "animate-spin h-4 w-4 border-2 border-transparent border-t-white rounded-full" }) : /* @__PURE__ */ _(i, {
 							width: 16,
 							height: 16
 						})
 					}),
-					/* @__PURE__ */ h("input", {
-						...K({
-							disabled: C || !_,
-							placeholder: S,
-							className: e(t, "text-inherit shadow-none pl-7 pr-16 text-sm font-normal leading-5", "placeholder:text-[var(--oh-muted)]", "disabled:cursor-not-allowed disabled:opacity-60"),
+					/* @__PURE__ */ _("input", {
+						...Y({
+							disabled: T || !y,
+							placeholder: w ?? D(t.COMMON$SELECT_BRANCH_PLACEHOLDER),
+							className: n(r, "text-inherit shadow-none pl-7 pr-16 text-sm font-normal leading-5", "placeholder:text-[var(--oh-muted)]", "disabled:cursor-not-allowed disabled:opacity-60"),
 							onChange: (e) => {
-								E(e.target.value);
+								k(e.target.value);
 							}
 						}),
 						"data-testid": "git-branch-dropdown-input"
 					}),
-					/* @__PURE__ */ g("div", {
+					/* @__PURE__ */ v("div", {
 						className: "absolute right-1 top-1/2 transform -translate-y-1/2 flex items-center",
-						children: [y && /* @__PURE__ */ h(a, {
-							disabled: C,
-							onClear: B
-						}), /* @__PURE__ */ h(o, {
-							isOpen: U,
-							disabled: C || !_,
-							getToggleButtonProps: Y
+						children: [x && /* @__PURE__ */ _(s, {
+							disabled: T,
+							onClear: U
+						}), /* @__PURE__ */ _(c, {
+							isOpen: K,
+							disabled: T || !y,
+							getToggleButtonProps: Q
 						})]
 					})
 				]
 			}),
-			/* @__PURE__ */ h(l, {
-				isOpen: U,
-				filteredBranches: M,
-				inputValue: T,
-				highlightedIndex: G,
-				selectedItem: W,
-				getMenuProps: J,
-				getItemProps: q,
-				onScroll: H,
-				menuRef: A
+			/* @__PURE__ */ _(d, {
+				isOpen: K,
+				filteredBranches: F,
+				inputValue: O,
+				highlightedIndex: J,
+				selectedItem: q,
+				getMenuProps: Z,
+				getItemProps: X,
+				onScroll: G,
+				menuRef: N
 			}),
-			/* @__PURE__ */ h(s, { isError: !!z })
+			/* @__PURE__ */ _(l, { isError: !!H })
 		]
 	});
 }
 //#endregion
-export { _ as GitBranchDropdown };
+export { y as GitBranchDropdown };
 
 //# sourceMappingURL=git-branch-dropdown.js.map