@openhands/agent-canvas 1.14.0 → 1.15.0

package/dist/components/features/home/featured-automations/pinned-automation-card.d.ts

@@ -13,9 +13,9 @@ interface PinnedAutomationCardProps {
     isDragging: boolean;
 }
 /**
- * Expanded pinned-automation card: status badge, trigger meta,
- * loading/empty/error copy, failure detail, and conversation title link.
- * Quick actions + unpin live in the card's three-dot menu.
+ * Home pinned card. Shares the Automations dashboard tile chrome (surface,
+ * header, pills, status strip) and keeps pin-only extras: drag-to-reorder,
+ * conversation title, and unpin.
  */
 export declare function PinnedAutomationCard({ automation, runState, onUnpin, onDragStart, onDragOver, onDrop, onDragEnd, isDropTarget, dropPosition, isDragging, }: PinnedAutomationCardProps): import("react").JSX.Element;
 export {};

package/dist/components/features/home/git-repo-dropdown/use-url-search.cjs

@@ -1,2 +1,2 @@
-require("../../../../_virtual/_rolldown/runtime.cjs");const e=require("../../../../api/git-service/git-service.api.cjs");let t=require("react");function n(n,r){let[i,a]=(0,t.useState)([]),[o,s]=(0,t.useState)(!1);return(0,t.useEffect)(()=>{(async()=>{if(!r){a([]);return}if(n.startsWith(`https://`)){let t=n.match(/https:\/\/[^/]+\/([^/]+\/[^/]+)/);if(t){let n=t[1];s(!0);try{a((await e.default.searchGitRepositories(n,r,3)).items)}catch{a([])}finally{s(!1)}}}else a([])})()},[n,r]),{urlSearchResults:i,isUrlSearchLoading:o}}exports.useUrlSearch=n;
+require("../../../../_virtual/_rolldown/runtime.cjs");const e=require("../../../../api/git-service/git-service.api.cjs");let t=require("react");function n(n,r){let[i,a]=(0,t.useState)([]),[o,s]=(0,t.useState)(!1);return(0,t.useEffect)(()=>{(async()=>{if(!r){a([]);return}if(n.startsWith(`https://`)){let t=n.match(/https:\/\/[^/]+\/([^/]+\/[^/]+)/);if(t){let n=t[1];s(!0);try{a((await e.default.searchGitRepositories(n,r,3)).items)}catch{a([])}finally{s(!1)}}else a([])}else a([])})()},[n,r]),{urlSearchResults:i,isUrlSearchLoading:o}}exports.useUrlSearch=n;
 //# sourceMappingURL=use-url-search.cjs.map

package/dist/components/features/home/git-repo-dropdown/use-url-search.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"use-url-search.cjs","names":[],"sources":["../../../../../src/components/features/home/git-repo-dropdown/use-url-search.tsx"],"sourcesContent":["import { useState, useEffect } from \"react\";\nimport { Provider } from \"#/types/settings\";\nimport { GitRepository } from \"#/types/git\";\nimport GitService from \"#/api/git-service/git-service.api\";\n\nexport function useUrlSearch(\n  inputValue: string,\n  provider: Provider | null | undefined,\n) {\n  const [urlSearchResults, setUrlSearchResults] = useState<GitRepository[]>([]);\n  const [isUrlSearchLoading, setIsUrlSearchLoading] = useState(false);\n\n  useEffect(() => {\n    const handleUrlSearch = async () => {\n      // Guard against null/undefined provider to prevent sending\n      // requests via the cloud proxy before providers have loaded\n      if (!provider) {\n        setUrlSearchResults([]);\n        return;\n      }\n\n      if (inputValue.startsWith(\"https://\")) {\n        const match = inputValue.match(/https:\\/\\/[^/]+\\/([^/]+\\/[^/]+)/);\n        if (match) {\n          const repoName = match[1];\n\n          setIsUrlSearchLoading(true);\n          try {\n            const repositories = await GitService.searchGitRepositories(\n              repoName,\n              provider,\n              3,\n            );\n\n            setUrlSearchResults(repositories.items);\n          } catch {\n            setUrlSearchResults([]);\n          } finally {\n            setIsUrlSearchLoading(false);\n          }\n        }\n      } else {\n        setUrlSearchResults([]);\n      }\n    };\n\n    handleUrlSearch();\n  }, [inputValue, provider]);\n\n  return { urlSearchResults, isUrlSearchLoading };\n}\n"],"mappings":"gJAKA,SAAgB,EACd,EACA,EACA,CACA,GAAM,CAAC,EAAkB,IAAA,EAAA,EAAA,UAAiD,CAAC,CAAC,EACtE,CAAC,EAAoB,IAAA,EAAA,EAAA,UAAkC,EAAK,EAuClE,OArCA,EAAA,EAAA,eAAgB,EAkCd,SAjCoC,CAGlC,GAAI,CAAC,EAAU,CACb,EAAoB,CAAC,CAAC,EACtB,MACF,CAEA,GAAI,EAAW,WAAW,UAAU,EAAG,CACrC,IAAM,EAAQ,EAAW,MAAM,iCAAiC,EAChE,GAAI,EAAO,CACT,IAAM,EAAW,EAAM,GAEvB,EAAsB,EAAI,EAC1B,GAAI,CAOF,GAAoB,MANO,EAAA,QAAW,sBACpC,EACA,EACA,CACF,GAEiC,KAAK,CACxC,MAAQ,CACN,EAAoB,CAAC,CAAC,CACxB,QAAU,CACR,EAAsB,EAAK,CAC7B,CACF,CACF,MACE,EAAoB,CAAC,CAAC,CAE1B,GAEgB,CAClB,EAAG,CAAC,EAAY,CAAQ,CAAC,EAElB,CAAE,mBAAkB,oBAAmB,CAChD"}
+{"version":3,"file":"use-url-search.cjs","names":[],"sources":["../../../../../src/components/features/home/git-repo-dropdown/use-url-search.tsx"],"sourcesContent":["import { useState, useEffect } from \"react\";\nimport { Provider } from \"#/types/settings\";\nimport { GitRepository } from \"#/types/git\";\nimport GitService from \"#/api/git-service/git-service.api\";\n\nexport function useUrlSearch(\n  inputValue: string,\n  provider: Provider | null | undefined,\n) {\n  const [urlSearchResults, setUrlSearchResults] = useState<GitRepository[]>([]);\n  const [isUrlSearchLoading, setIsUrlSearchLoading] = useState(false);\n\n  useEffect(() => {\n    const handleUrlSearch = async () => {\n      // Guard against null/undefined provider to prevent sending\n      // requests via the cloud proxy before providers have loaded\n      if (!provider) {\n        setUrlSearchResults([]);\n        return;\n      }\n\n      if (inputValue.startsWith(\"https://\")) {\n        const match = inputValue.match(/https:\\/\\/[^/]+\\/([^/]+\\/[^/]+)/);\n        if (match) {\n          const repoName = match[1];\n\n          setIsUrlSearchLoading(true);\n          try {\n            const repositories = await GitService.searchGitRepositories(\n              repoName,\n              provider,\n              3,\n            );\n\n            setUrlSearchResults(repositories.items);\n          } catch {\n            setUrlSearchResults([]);\n          } finally {\n            setIsUrlSearchLoading(false);\n          }\n        } else {\n          setUrlSearchResults([]);\n        }\n      } else {\n        setUrlSearchResults([]);\n      }\n    };\n\n    handleUrlSearch();\n  }, [inputValue, provider]);\n\n  return { urlSearchResults, isUrlSearchLoading };\n}\n"],"mappings":"gJAKA,SAAgB,EACd,EACA,EACA,CACA,GAAM,CAAC,EAAkB,IAAA,EAAA,EAAA,UAAiD,CAAC,CAAC,EACtE,CAAC,EAAoB,IAAA,EAAA,EAAA,UAAkC,EAAK,EAyClE,OAvCA,EAAA,EAAA,eAAgB,EAoCd,SAnCoC,CAGlC,GAAI,CAAC,EAAU,CACb,EAAoB,CAAC,CAAC,EACtB,MACF,CAEA,GAAI,EAAW,WAAW,UAAU,EAAG,CACrC,IAAM,EAAQ,EAAW,MAAM,iCAAiC,EAChE,GAAI,EAAO,CACT,IAAM,EAAW,EAAM,GAEvB,EAAsB,EAAI,EAC1B,GAAI,CAOF,GAAoB,MANO,EAAA,QAAW,sBACpC,EACA,EACA,CACF,GAEiC,KAAK,CACxC,MAAQ,CACN,EAAoB,CAAC,CAAC,CACxB,QAAU,CACR,EAAsB,EAAK,CAC7B,CACF,MACE,EAAoB,CAAC,CAAC,CAE1B,MACE,EAAoB,CAAC,CAAC,CAE1B,GAEgB,CAClB,EAAG,CAAC,EAAY,CAAQ,CAAC,EAElB,CAAE,mBAAkB,oBAAmB,CAChD"}

package/dist/components/features/home/git-repo-dropdown/use-url-search.js

@@ -21,7 +21,7 @@ function r(r, i) {
 					} finally {
 						c(!1);
 					}
-				}
+				} else o([]);
 			} else o([]);
 		})();
 	}, [r, i]), {

package/dist/components/features/home/git-repo-dropdown/use-url-search.js.map

@@ -1 +1 @@
-{"version":3,"file":"use-url-search.js","names":[],"sources":["../../../../../src/components/features/home/git-repo-dropdown/use-url-search.tsx"],"sourcesContent":["import { useState, useEffect } from \"react\";\nimport { Provider } from \"#/types/settings\";\nimport { GitRepository } from \"#/types/git\";\nimport GitService from \"#/api/git-service/git-service.api\";\n\nexport function useUrlSearch(\n  inputValue: string,\n  provider: Provider | null | undefined,\n) {\n  const [urlSearchResults, setUrlSearchResults] = useState<GitRepository[]>([]);\n  const [isUrlSearchLoading, setIsUrlSearchLoading] = useState(false);\n\n  useEffect(() => {\n    const handleUrlSearch = async () => {\n      // Guard against null/undefined provider to prevent sending\n      // requests via the cloud proxy before providers have loaded\n      if (!provider) {\n        setUrlSearchResults([]);\n        return;\n      }\n\n      if (inputValue.startsWith(\"https://\")) {\n        const match = inputValue.match(/https:\\/\\/[^/]+\\/([^/]+\\/[^/]+)/);\n        if (match) {\n          const repoName = match[1];\n\n          setIsUrlSearchLoading(true);\n          try {\n            const repositories = await GitService.searchGitRepositories(\n              repoName,\n              provider,\n              3,\n            );\n\n            setUrlSearchResults(repositories.items);\n          } catch {\n            setUrlSearchResults([]);\n          } finally {\n            setIsUrlSearchLoading(false);\n          }\n        }\n      } else {\n        setUrlSearchResults([]);\n      }\n    };\n\n    handleUrlSearch();\n  }, [inputValue, provider]);\n\n  return { urlSearchResults, isUrlSearchLoading };\n}\n"],"mappings":";;;AAKA,SAAgB,EACd,GACA,GACA;CACA,IAAM,CAAC,GAAkB,KAAuB,EAA0B,CAAC,CAAC,GACtE,CAAC,GAAoB,KAAyB,EAAS,EAAK;CAuClE,OArCA,QAAgB;EAkCd,aAjCoC;GAGlC,IAAI,CAAC,GAAU;IACb,EAAoB,CAAC,CAAC;IACtB;GACF;GAEA,IAAI,EAAW,WAAW,UAAU,GAAG;IACrC,IAAM,IAAQ,EAAW,MAAM,iCAAiC;IAChE,IAAI,GAAO;KACT,IAAM,IAAW,EAAM;KAEvB,EAAsB,EAAI;KAC1B,IAAI;MAOF,GAAoB,MANO,EAAW,sBACpC,GACA,GACA,CACF,GAEiC,KAAK;KACxC,QAAQ;MACN,EAAoB,CAAC,CAAC;KACxB,UAAU;MACR,EAAsB,EAAK;KAC7B;IACF;GACF,OACE,EAAoB,CAAC,CAAC;EAE1B,GAEgB;CAClB,GAAG,CAAC,GAAY,CAAQ,CAAC,GAElB;EAAE;EAAkB;CAAmB;AAChD"}
+{"version":3,"file":"use-url-search.js","names":[],"sources":["../../../../../src/components/features/home/git-repo-dropdown/use-url-search.tsx"],"sourcesContent":["import { useState, useEffect } from \"react\";\nimport { Provider } from \"#/types/settings\";\nimport { GitRepository } from \"#/types/git\";\nimport GitService from \"#/api/git-service/git-service.api\";\n\nexport function useUrlSearch(\n  inputValue: string,\n  provider: Provider | null | undefined,\n) {\n  const [urlSearchResults, setUrlSearchResults] = useState<GitRepository[]>([]);\n  const [isUrlSearchLoading, setIsUrlSearchLoading] = useState(false);\n\n  useEffect(() => {\n    const handleUrlSearch = async () => {\n      // Guard against null/undefined provider to prevent sending\n      // requests via the cloud proxy before providers have loaded\n      if (!provider) {\n        setUrlSearchResults([]);\n        return;\n      }\n\n      if (inputValue.startsWith(\"https://\")) {\n        const match = inputValue.match(/https:\\/\\/[^/]+\\/([^/]+\\/[^/]+)/);\n        if (match) {\n          const repoName = match[1];\n\n          setIsUrlSearchLoading(true);\n          try {\n            const repositories = await GitService.searchGitRepositories(\n              repoName,\n              provider,\n              3,\n            );\n\n            setUrlSearchResults(repositories.items);\n          } catch {\n            setUrlSearchResults([]);\n          } finally {\n            setIsUrlSearchLoading(false);\n          }\n        } else {\n          setUrlSearchResults([]);\n        }\n      } else {\n        setUrlSearchResults([]);\n      }\n    };\n\n    handleUrlSearch();\n  }, [inputValue, provider]);\n\n  return { urlSearchResults, isUrlSearchLoading };\n}\n"],"mappings":";;;AAKA,SAAgB,EACd,GACA,GACA;CACA,IAAM,CAAC,GAAkB,KAAuB,EAA0B,CAAC,CAAC,GACtE,CAAC,GAAoB,KAAyB,EAAS,EAAK;CAyClE,OAvCA,QAAgB;EAoCd,aAnCoC;GAGlC,IAAI,CAAC,GAAU;IACb,EAAoB,CAAC,CAAC;IACtB;GACF;GAEA,IAAI,EAAW,WAAW,UAAU,GAAG;IACrC,IAAM,IAAQ,EAAW,MAAM,iCAAiC;IAChE,IAAI,GAAO;KACT,IAAM,IAAW,EAAM;KAEvB,EAAsB,EAAI;KAC1B,IAAI;MAOF,GAAoB,MANO,EAAW,sBACpC,GACA,GACA,CACF,GAEiC,KAAK;KACxC,QAAQ;MACN,EAAoB,CAAC,CAAC;KACxB,UAAU;MACR,EAAsB,EAAK;KAC7B;IACF,OACE,EAAoB,CAAC,CAAC;GAE1B,OACE,EAAoB,CAAC,CAAC;EAE1B,GAEgB;CAClB,GAAG,CAAC,GAAY,CAAQ,CAAC,GAElB;EAAE;EAAkB;CAAmB;AAChD"}

package/dist/components/features/home/workspace-dropdown/folder-browser-modal.cjs

@@ -1,2 +1,2 @@
-const e=require("../../../../_virtual/_rolldown/runtime.cjs"),t=require("../../../../node_modules/react-i18next/dist/es/useTranslation.cjs"),n=require("../../../../i18n/declaration.cjs"),r=require("../../../../utils/utils.cjs"),i=require("../../../../contexts/active-backend-context.cjs"),a=require("../../../shared/modals/modal-backdrop.cjs"),o=require("../../../shared/modals/modal-body.cjs"),s=require("../../../../utils/modal-classes.cjs"),c=require("../../../shared/modals/confirmation-modals/base-modal.cjs"),l=require("../../settings/brand-button.cjs"),u=require("../../../../hooks/query/use-search-subdirs.cjs"),d=require("../../../../icons/folder.cjs"),f=require("../../../../icons/chevron-left-small.cjs");let p=require("react");p=e.__toESM(p,1);let m=require("react/jsx-runtime");var h=`/projects`;function g({label:e,entries:t,currentPath:n,onPick:i}){return t.length===0?null:(0,m.jsxs)(`div`,{className:`px-2 pb-3`,children:[(0,m.jsx)(`div`,{className:`px-2 pb-1 text-[11px] uppercase tracking-wide text-[var(--oh-muted)] font-semibold`,children:e}),(0,m.jsx)(`ul`,{children:t.map(e=>{let t=n===e.path;return(0,m.jsx)(`li`,{children:(0,m.jsxs)(`button`,{type:`button`,onClick:()=>i(e.path),"data-testid":`folder-browser-sidebar-${e.label.toLowerCase()}`,className:r.cn(`flex items-center gap-2 w-full px-2 py-1 rounded text-sm cursor-pointer`,t?`bg-tertiary text-white`:`text-[var(--oh-text-tertiary)] hover:bg-[var(--oh-surface-raised)]`),children:[(0,m.jsx)(d.default,{width:14,height:14,className:`shrink-0`}),(0,m.jsx)(`span`,{className:`truncate`,children:e.label})]})},e.path)})})]})}function _(e){let t=y(e);if(!t||t===`/`||v(t))return null;let n=Math.max(t.lastIndexOf(`/`),t.lastIndexOf(`\\`));if(n<0)return null;if(n===0)return`/`;let r=t.slice(0,n);return/^[A-Za-z]:$/.test(r)?`${r}${t[n]}`:r}function v(e){return/^[A-Za-z]:[\\/]?$/.test(e)}function y(e){let t=e.replace(/[\\/]+$/,``);return/^[A-Za-z]:$/.test(t)?`${t}${e.includes(`/`)&&!e.includes(`\\`)?`/`:`\\`}`:t}function b(e){return e?.home===`/home/openhands`}function x({isOpen:e,onClose:x,onAdd:S,onAddParent:C}){let{t:w}=t.useTranslation(`openhands`),[T,E]=(0,p.useState)(null),D=i.useActiveBackend(),{data:O}=u.useHomeDirectory();(0,p.useEffect)(()=>{e&&O?.home&&T===null&&E(b(O)?h:O.home),e||E(null)},[e,O?.home,T]),(0,p.useEffect)(()=>{E(null)},[D.backend.id,D.orgId]);let{data:k,isLoading:A,isError:j,error:M}=u.useSearchSubdirs(e?T:null),N=(0,p.useMemo)(()=>{if(!O?.home)return[];let e=[{label:`Home`,path:y(O.home)||O.home},...O.favorites??[]];return b(O)&&!e.some(e=>e.path===h)&&e.push({label:h,path:h}),e},[O]),P=O?.locations??[];if(!e)return null;let F=k?.items??[],I=T?_(T):null,L=O?.home===`/home/openhands`&&(O?.favorites?.length??0)===0&&T===O?.home&&!A&&!j&&F.length===0,R=e=>{let t=y(e);if(!t)return`/`;if(t===`/`||v(t))return t;let n=Math.max(t.lastIndexOf(`/`),t.lastIndexOf(`\\`));return n>=0&&t.slice(n+1)||t};return(0,m.jsx)(a.ModalBackdrop,{onClose:x,"aria-label":w(n.I18nKey.HOME$ADD_WORKSPACES_TITLE),children:(0,m.jsxs)(`div`,{"data-testid":`folder-browser-modal`,className:r.cn(`flex flex-col bg-[var(--oh-surface)] border border-[var(--oh-border-input)] rounded-xl`,o.modalWidthClassName(`xl`),o.MODAL_MAX_WIDTH_VIEWPORT,`h-[480px]`),children:[(0,m.jsx)(`div`,{className:`flex items-center justify-between px-5 py-3 border-b border-[var(--oh-border-input)]`,children:(0,m.jsx)(c.BaseModalTitle,{className:s.modalTitleSmClassName,title:w(n.I18nKey.HOME$ADD_WORKSPACES_TITLE)})}),(0,m.jsxs)(`div`,{className:`flex flex-1 min-h-0`,children:[(0,m.jsxs)(`aside`,{"data-testid":`folder-browser-sidebar`,className:`w-[180px] shrink-0 border-r border-[var(--oh-border-input)] bg-[var(--oh-surface)] py-3 overflow-y-auto`,children:[(0,m.jsx)(g,{label:w(n.I18nKey.HOME$FAVORITES),entries:N,currentPath:T,onPick:E}),(0,m.jsx)(g,{label:w(n.I18nKey.HOME$LOCATIONS),entries:P,currentPath:T,onPick:E})]}),(0,m.jsxs)(`div`,{className:`flex-1 flex flex-col min-w-0`,children:[(0,m.jsxs)(`div`,{className:`flex items-center gap-2 px-4 py-2 border-b border-[var(--oh-border-input)]`,children:[(0,m.jsx)(`button`,{type:`button`,"data-testid":`folder-browser-up`,onClick:()=>I&&E(I),disabled:!I,"aria-label":w(n.I18nKey.COMMON$UP),className:`p-1 rounded hover:bg-[var(--oh-interactive-hover)] text-white disabled:opacity-40 disabled:cursor-not-allowed cursor-pointer`,children:(0,m.jsx)(f.default,{width:16,height:16})}),(0,m.jsx)(`span`,{className:`text-xs text-[var(--oh-muted)] truncate`,"data-testid":`folder-browser-current-path`,children:T??``})]}),(0,m.jsxs)(`div`,{className:`grid grid-cols-[1fr_120px] px-4 py-1 border-b border-[var(--oh-border-input)] text-xs text-[var(--oh-text-secondary)] font-semibold`,children:[(0,m.jsx)(`span`,{children:w(n.I18nKey.HOME$NAME)}),(0,m.jsx)(`span`,{children:w(n.I18nKey.HOME$KIND)})]}),(0,m.jsxs)(`ul`,{className:`flex-1 overflow-auto custom-scrollbar-always`,"data-testid":`folder-browser-list`,children:[A&&(0,m.jsx)(`li`,{className:`px-4 py-2 text-sm text-[var(--oh-text-secondary)]`,children:w(n.I18nKey.HOME$LOADING)}),j&&(0,m.jsx)(`li`,{className:`px-4 py-2 text-sm text-red-400`,"data-testid":`folder-browser-error`,children:M?.message??w(n.I18nKey.COMMON$FAILED_TO_LOAD)}),!A&&!j&&F.length===0&&(0,m.jsx)(`li`,{className:`px-4 py-2 text-sm text-[var(--oh-text-secondary)]`,"data-testid":L?`folder-browser-host-home-hint`:`folder-browser-empty`,children:w(L?n.I18nKey.HOME$HOST_HOME_NOT_MOUNTED_HINT:n.I18nKey.HOME$NO_WORKSPACES)}),F.map(e=>(0,m.jsx)(`li`,{children:(0,m.jsxs)(`button`,{type:`button`,onClick:()=>E(e.path),className:`grid grid-cols-[1fr_120px] items-center w-full text-left px-4 py-1.5 text-sm text-white hover:bg-[var(--oh-interactive-hover)] cursor-pointer`,"data-testid":`folder-browser-entry-${e.name}`,children:[(0,m.jsxs)(`span`,{className:`flex items-center gap-2 min-w-0`,children:[(0,m.jsx)(d.default,{width:16,height:16,className:`shrink-0`}),(0,m.jsx)(`span`,{className:`truncate`,children:e.name})]}),(0,m.jsx)(`span`,{className:`text-[var(--oh-text-secondary)] text-xs`,children:w(n.I18nKey.HOME$FOLDER)})]})},e.path))]})]})]}),(0,m.jsxs)(`div`,{className:`flex items-center justify-end gap-2 px-5 py-3 border-t border-[var(--oh-border-input)]`,children:[(0,m.jsx)(l.BrandButton,{type:`button`,variant:`secondary`,onClick:x,testId:`folder-browser-cancel`,children:w(n.I18nKey.HOME$CANCEL)}),C&&(0,m.jsx)(l.BrandButton,{type:`button`,variant:`secondary`,onClick:()=>{!T||!C||(C([{id:T,name:R(T),path:T}]),x())},isDisabled:!T||A,testId:`folder-browser-add-all-subdirs`,children:w(n.I18nKey.HOME$ADD_ALL_SUBDIRECTORIES)}),(0,m.jsx)(l.BrandButton,{type:`button`,variant:`primary`,onClick:()=>{T&&(S([{id:T,name:R(T),path:T}]),x())},isDisabled:!T||A,testId:`folder-browser-use`,children:w(n.I18nKey.HOME$ADD_THIS_DIRECTORY)})]})]})})}exports.FolderBrowserModal=x;
+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("../../../../contexts/active-backend-context.cjs"),a=require("../../../shared/modals/modal-backdrop.cjs"),o=require("../../../shared/modals/modal-body.cjs"),s=require("../../../../utils/modal-classes.cjs"),c=require("../../../shared/modals/confirmation-modals/base-modal.cjs"),l=require("../../settings/brand-button.cjs"),u=require("../../../../icons/folder.cjs"),d=require("../../../../hooks/query/use-search-subdirs.cjs"),f=require("../../../../icons/chevron-left-small.cjs");let p=require("react");p=e.__toESM(p,1);let m=require("react/jsx-runtime");var h=`/projects`;function g({label:e,entries:t,currentPath:n,onPick:i}){return t.length===0?null:(0,m.jsxs)(`div`,{className:`px-2 pb-3`,children:[(0,m.jsx)(`div`,{className:`px-2 pb-1 text-[11px] uppercase tracking-wide text-[var(--oh-muted)] font-semibold`,children:e}),(0,m.jsx)(`ul`,{children:t.map(e=>{let t=n===e.path;return(0,m.jsx)(`li`,{children:(0,m.jsxs)(`button`,{type:`button`,onClick:()=>i(e.path),"data-testid":`folder-browser-sidebar-${e.label.toLowerCase()}`,className:r.cn(`flex items-center gap-2 w-full px-2 py-1 rounded text-sm cursor-pointer`,t?`bg-tertiary text-white`:`text-[var(--oh-text-tertiary)] hover:bg-[var(--oh-surface-raised)]`),children:[(0,m.jsx)(u.default,{width:14,height:14,className:`shrink-0`}),(0,m.jsx)(`span`,{className:`truncate`,children:e.label})]})},e.path)})})]})}function _(e){let t=y(e);if(!t||t===`/`||v(t))return null;let n=Math.max(t.lastIndexOf(`/`),t.lastIndexOf(`\\`));if(n<0)return null;if(n===0)return`/`;let r=t.slice(0,n);return/^[A-Za-z]:$/.test(r)?`${r}${t[n]}`:r}function v(e){return/^[A-Za-z]:[\\/]?$/.test(e)}function y(e){let t=e.replace(/[\\/]+$/,``);return/^[A-Za-z]:$/.test(t)?`${t}${e.includes(`/`)&&!e.includes(`\\`)?`/`:`\\`}`:t}function b(e){return e?.home===`/home/openhands`}function x({isOpen:e,onClose:x,onAdd:S,onAddParent:C}){let{t:w}=t.useTranslation(`openhands`),[T,E]=(0,p.useState)(null),D=i.useActiveBackend(),{data:O}=d.useHomeDirectory();(0,p.useEffect)(()=>{e&&O?.home&&T===null&&E(b(O)?h:O.home),e||E(null)},[e,O?.home,T]),(0,p.useEffect)(()=>{E(null)},[D.backend.id,D.orgId]);let{data:k,isLoading:A,isError:j,error:M}=d.useSearchSubdirs(e?T:null),N=(0,p.useMemo)(()=>{if(!O?.home)return[];let e=[{label:`Home`,path:y(O.home)||O.home},...O.favorites??[]];return b(O)&&!e.some(e=>e.path===h)&&e.push({label:h,path:h}),e},[O]),P=O?.locations??[];if(!e)return null;let F=k?.items??[],I=T?_(T):null,L=O?.home===`/home/openhands`&&(O?.favorites?.length??0)===0&&T===O?.home&&!A&&!j&&F.length===0,R=e=>{let t=y(e);if(!t)return`/`;if(t===`/`||v(t))return t;let n=Math.max(t.lastIndexOf(`/`),t.lastIndexOf(`\\`));return n>=0&&t.slice(n+1)||t};return(0,m.jsx)(a.ModalBackdrop,{onClose:x,"aria-label":w(n.I18nKey.HOME$ADD_WORKSPACES_TITLE),children:(0,m.jsxs)(`div`,{"data-testid":`folder-browser-modal`,className:r.cn(`flex flex-col bg-[var(--oh-surface)] border border-[var(--oh-border-input)] rounded-xl`,o.modalWidthClassName(`xl`),o.MODAL_MAX_WIDTH_VIEWPORT,`h-[480px]`),children:[(0,m.jsx)(`div`,{className:`flex items-center justify-between px-5 py-3 border-b border-[var(--oh-border-input)]`,children:(0,m.jsx)(c.BaseModalTitle,{className:s.modalTitleSmClassName,title:w(n.I18nKey.HOME$ADD_WORKSPACES_TITLE)})}),(0,m.jsxs)(`div`,{className:`flex flex-1 min-h-0`,children:[(0,m.jsxs)(`aside`,{"data-testid":`folder-browser-sidebar`,className:`w-[180px] shrink-0 border-r border-[var(--oh-border-input)] bg-[var(--oh-surface)] py-3 overflow-y-auto`,children:[(0,m.jsx)(g,{label:w(n.I18nKey.HOME$FAVORITES),entries:N,currentPath:T,onPick:E}),(0,m.jsx)(g,{label:w(n.I18nKey.HOME$LOCATIONS),entries:P,currentPath:T,onPick:E})]}),(0,m.jsxs)(`div`,{className:`flex-1 flex flex-col min-w-0`,children:[(0,m.jsxs)(`div`,{className:`flex items-center gap-2 px-4 py-2 border-b border-[var(--oh-border-input)]`,children:[(0,m.jsx)(`button`,{type:`button`,"data-testid":`folder-browser-up`,onClick:()=>I&&E(I),disabled:!I,"aria-label":w(n.I18nKey.COMMON$UP),className:`p-1 rounded hover:bg-[var(--oh-interactive-hover)] text-white disabled:opacity-40 disabled:cursor-not-allowed cursor-pointer`,children:(0,m.jsx)(f.default,{width:16,height:16})}),(0,m.jsx)(`span`,{className:`text-xs text-[var(--oh-muted)] truncate`,"data-testid":`folder-browser-current-path`,children:T??``})]}),(0,m.jsxs)(`div`,{className:`grid grid-cols-[1fr_120px] px-4 py-1 border-b border-[var(--oh-border-input)] text-xs text-[var(--oh-text-secondary)] font-semibold`,children:[(0,m.jsx)(`span`,{children:w(n.I18nKey.HOME$NAME)}),(0,m.jsx)(`span`,{children:w(n.I18nKey.HOME$KIND)})]}),(0,m.jsxs)(`ul`,{className:`flex-1 overflow-auto custom-scrollbar-always`,"data-testid":`folder-browser-list`,children:[A&&(0,m.jsx)(`li`,{className:`px-4 py-2 text-sm text-[var(--oh-text-secondary)]`,children:w(n.I18nKey.HOME$LOADING)}),j&&(0,m.jsx)(`li`,{className:`px-4 py-2 text-sm text-red-400`,"data-testid":`folder-browser-error`,children:M?.message??w(n.I18nKey.COMMON$FAILED_TO_LOAD)}),!A&&!j&&F.length===0&&(0,m.jsx)(`li`,{className:`px-4 py-2 text-sm text-[var(--oh-text-secondary)]`,"data-testid":L?`folder-browser-host-home-hint`:`folder-browser-empty`,children:w(L?n.I18nKey.HOME$HOST_HOME_NOT_MOUNTED_HINT:n.I18nKey.HOME$NO_WORKSPACES)}),F.map(e=>(0,m.jsx)(`li`,{children:(0,m.jsxs)(`button`,{type:`button`,onClick:()=>E(e.path),className:`grid grid-cols-[1fr_120px] items-center w-full text-left px-4 py-1.5 text-sm text-white hover:bg-[var(--oh-interactive-hover)] cursor-pointer`,"data-testid":`folder-browser-entry-${e.name}`,children:[(0,m.jsxs)(`span`,{className:`flex items-center gap-2 min-w-0`,children:[(0,m.jsx)(u.default,{width:16,height:16,className:`shrink-0`}),(0,m.jsx)(`span`,{className:`truncate`,children:e.name})]}),(0,m.jsx)(`span`,{className:`text-[var(--oh-text-secondary)] text-xs`,children:w(n.I18nKey.HOME$FOLDER)})]})},e.path))]})]})]}),(0,m.jsxs)(`div`,{className:`flex items-center justify-end gap-2 px-5 py-3 border-t border-[var(--oh-border-input)]`,children:[(0,m.jsx)(l.BrandButton,{type:`button`,variant:`secondary`,onClick:x,testId:`folder-browser-cancel`,children:w(n.I18nKey.HOME$CANCEL)}),C&&(0,m.jsx)(l.BrandButton,{type:`button`,variant:`secondary`,onClick:()=>{!T||!C||(C([{id:T,name:R(T),path:T}]),x())},isDisabled:!T||A,testId:`folder-browser-add-all-subdirs`,children:w(n.I18nKey.HOME$ADD_ALL_SUBDIRECTORIES)}),(0,m.jsx)(l.BrandButton,{type:`button`,variant:`primary`,onClick:()=>{T&&(S([{id:T,name:R(T),path:T}]),x())},isDisabled:!T||A,testId:`folder-browser-use`,children:w(n.I18nKey.HOME$ADD_THIS_DIRECTORY)})]})]})})}exports.FolderBrowserModal=x;
 //# sourceMappingURL=folder-browser-modal.cjs.map

package/dist/components/features/home/workspace-dropdown/folder-browser-modal.js

@@ -7,8 +7,8 @@ import { MODAL_MAX_WIDTH_VIEWPORT as a, modalWidthClassName as o } from "../../.
 import { modalTitleSmClassName as s } from "../../../../utils/modal-classes.js";
 import { BaseModalTitle as c } from "../../../shared/modals/confirmation-modals/base-modal.js";
 import { BrandButton as l } from "../../settings/brand-button.js";
-import { useHomeDirectory as u, useSearchSubdirs as d } from "../../../../hooks/query/use-search-subdirs.js";
-import f from "../../../../icons/folder.js";
+import u from "../../../../icons/folder.js";
+import { useHomeDirectory as d, useSearchSubdirs as f } from "../../../../hooks/query/use-search-subdirs.js";
 import p from "../../../../icons/chevron-left-small.js";
 import { useEffect as m, useMemo as h, useState as g } from "react";
 import { jsx as _, jsxs as v } from "react/jsx-runtime";
@@ -27,7 +27,7 @@ function b({ label: e, entries: t, currentPath: r, onPick: i }) {
 				onClick: () => i(e.path),
 				"data-testid": `folder-browser-sidebar-${e.label.toLowerCase()}`,
 				className: n("flex items-center gap-2 w-full px-2 py-1 rounded text-sm cursor-pointer", t ? "bg-tertiary text-white" : "text-[var(--oh-text-tertiary)] hover:bg-[var(--oh-surface-raised)]"),
-				children: [/* @__PURE__ */ _(f, {
+				children: [/* @__PURE__ */ _(u, {
 					width: 14,
 					height: 14,
 					className: "shrink-0"
@@ -59,7 +59,7 @@ function w(e) {
 	return e?.home === "/home/openhands";
 }
 function T({ isOpen: T, onClose: E, onAdd: D, onAddParent: O }) {
-	let { t: k } = e("openhands"), [A, j] = g(null), M = r(), { data: N } = u();
+	let { t: k } = e("openhands"), [A, j] = g(null), M = r(), { data: N } = d();
 	m(() => {
 		T && N?.home && A === null && j(w(N) ? y : N.home), T || j(null);
 	}, [
@@ -69,7 +69,7 @@ function T({ isOpen: T, onClose: E, onAdd: D, onAddParent: O }) {
 	]), m(() => {
 		j(null);
 	}, [M.backend.id, M.orgId]);
-	let { data: P, isLoading: F, isError: I, error: L } = d(T ? A : null), R = h(() => {
+	let { data: P, isLoading: F, isError: I, error: L } = f(T ? A : null), R = h(() => {
 		if (!N?.home) return [];
 		let e = [{
 			label: "Home",
@@ -169,7 +169,7 @@ function T({ isOpen: T, onClose: E, onAdd: D, onAddParent: O }) {
 										"data-testid": `folder-browser-entry-${e.name}`,
 										children: [/* @__PURE__ */ v("span", {
 											className: "flex items-center gap-2 min-w-0",
-											children: [/* @__PURE__ */ _(f, {
+											children: [/* @__PURE__ */ _(u, {
 												width: 16,
 												height: 16,
 												className: "shrink-0"

package/dist/components/features/home/workspace-dropdown/manage-workspaces-modal.cjs

@@ -1,2 +1,2 @@
-const e=require("../../../../_virtual/_rolldown/runtime.cjs"),t=require("../../../../node_modules/react-i18next/dist/es/useTranslation.cjs"),n=require("../../../../i18n/declaration.cjs"),r=require("../../../../utils/utils.cjs"),i=require("../../../shared/modals/modal-backdrop.cjs"),a=require("../../../shared/modals/modal-body.cjs"),o=require("../../../../utils/modal-classes.cjs"),s=require("../../../shared/modals/confirmation-modals/base-modal.cjs"),c=require("../../settings/brand-button.cjs"),l=require("../../../../icons/close.cjs"),u=require("../../../shared/modals/confirmation-modal.cjs"),d=require("../../../../icons/folder.cjs");let f=require("react");f=e.__toESM(f,1);let p=require("react/jsx-runtime");function m({isOpen:e,workspaces:m,workspaceParents:h=[],onClose:g,onRemove:_,onRemoveParent:v}){let{t:y}=t.useTranslation(`openhands`),[b,x]=f.default.useState(null);if(!e)return null;let S=m.filter(e=>!e.parentPath),C=new Map;m.forEach(e=>{if(!e.parentPath)return;let t=C.get(e.parentPath)??[];t.push(e),C.set(e.parentPath,t)});let w=S.length>0||h.length>0;return(0,p.jsxs)(p.Fragment,{children:[(0,p.jsx)(i.ModalBackdrop,{onClose:g,"aria-label":y(n.I18nKey.HOME$MANAGE_WORKSPACES),children:(0,p.jsxs)(`div`,{"data-testid":`manage-workspaces-modal`,className:r.cn(`flex flex-col bg-[var(--oh-surface)] border border-[var(--oh-border-input)] rounded-xl`,a.modalWidthClassName(`lg`),a.MODAL_MAX_WIDTH_VIEWPORT,`max-h-[70vh]`),children:[(0,p.jsx)(`div`,{className:`flex items-center justify-between px-5 py-3 border-b border-[var(--oh-border-input)]`,children:(0,p.jsx)(s.BaseModalTitle,{className:o.modalTitleSmClassName,title:y(n.I18nKey.HOME$MANAGE_WORKSPACES)})}),(0,p.jsxs)(`div`,{className:`flex-1 overflow-auto custom-scrollbar-always`,"data-testid":`manage-workspaces-list`,children:[!w&&(0,p.jsx)(`p`,{className:`px-5 py-6 text-sm text-[var(--oh-text-secondary)] text-center`,children:y(n.I18nKey.HOME$MANAGE_WORKSPACES_EMPTY)}),S.length>0&&(0,p.jsx)(`ul`,{children:S.map(e=>(0,p.jsxs)(`li`,{className:`flex items-center gap-3 px-5 py-2 border-b border-[var(--oh-border-subtle)] last:border-b-0`,"data-testid":`manage-workspaces-row-${e.name}`,children:[(0,p.jsx)(d.default,{width:16,height:16,className:`shrink-0`}),(0,p.jsxs)(`div`,{className:`flex flex-col min-w-0 flex-1`,children:[(0,p.jsx)(`span`,{className:`text-sm text-white truncate`,children:e.name}),(0,p.jsx)(`span`,{className:`text-xs text-[var(--oh-muted)] truncate`,children:e.path})]}),(0,p.jsxs)(`button`,{type:`button`,onClick:()=>x({type:`workspace`,path:e.path,text:y(n.I18nKey.HOME$REMOVE_WORKSPACE_CONFIRMATION,{name:e.name})}),"aria-label":y(n.I18nKey.HOME$REMOVE_WORKSPACE),"data-testid":`manage-workspaces-remove-${e.name}`,className:`flex items-center gap-1 px-2 py-1 rounded text-xs text-[var(--oh-text-tertiary)] hover:bg-[var(--oh-interactive-hover)] hover:text-white cursor-pointer`,children:[(0,p.jsx)(l.default,{width:12,height:12}),(0,p.jsx)(`span`,{children:y(n.I18nKey.HOME$REMOVE_WORKSPACE)})]})]},e.id))}),h.length>0&&(0,p.jsxs)(`div`,{"data-testid":`manage-workspaces-parents-section`,children:[(0,p.jsx)(`div`,{className:`px-5 pt-3 pb-1 text-[11px] uppercase tracking-wide text-[var(--oh-muted)] font-semibold`,children:y(n.I18nKey.HOME$WORKSPACE_PARENTS)}),(0,p.jsx)(`ul`,{children:h.map(e=>{let t=C.get(e.path)??[];return(0,p.jsxs)(`li`,{className:`border-b border-[var(--oh-border-subtle)] last:border-b-0`,"data-testid":`manage-workspaces-parent-row-${e.name}`,children:[(0,p.jsxs)(`div`,{className:`flex items-center gap-3 px-5 py-2`,children:[(0,p.jsx)(d.default,{width:16,height:16,className:`shrink-0`}),(0,p.jsxs)(`div`,{className:`flex flex-col min-w-0 flex-1`,children:[(0,p.jsx)(`span`,{className:`text-sm text-white truncate`,children:e.name}),(0,p.jsx)(`span`,{className:`text-xs text-[var(--oh-muted)] truncate`,children:e.path})]}),v&&(0,p.jsxs)(`button`,{type:`button`,onClick:()=>x({type:`parent`,path:e.path,text:y(n.I18nKey.HOME$REMOVE_WORKSPACE_PARENT_CONFIRMATION,{name:e.name,count:t.length})}),"aria-label":y(n.I18nKey.HOME$REMOVE_WORKSPACE_PARENT),"data-testid":`manage-workspaces-remove-parent-${e.name}`,className:`flex items-center gap-1 px-2 py-1 rounded text-xs text-[var(--oh-text-tertiary)] hover:bg-[var(--oh-interactive-hover)] hover:text-white cursor-pointer`,children:[(0,p.jsx)(l.default,{width:12,height:12}),(0,p.jsx)(`span`,{children:y(n.I18nKey.HOME$REMOVE_WORKSPACE_PARENT)})]})]}),t.length>0&&(0,p.jsx)(`ul`,{className:`pb-2`,children:t.map(e=>(0,p.jsxs)(`li`,{className:`flex items-center gap-3 px-5 pl-10 py-1 text-xs text-[var(--oh-text-secondary)]`,"data-testid":`manage-workspaces-child-${e.name}`,children:[(0,p.jsx)(d.default,{width:12,height:12,className:`shrink-0 opacity-70`}),(0,p.jsx)(`span`,{className:`truncate`,children:e.name})]},e.id))})]},e.id)})})]})]}),(0,p.jsx)(`div`,{className:`flex justify-end gap-2 px-5 py-3 border-t border-[var(--oh-border-input)]`,children:(0,p.jsx)(c.BrandButton,{type:`button`,variant:`primary`,onClick:g,testId:`manage-workspaces-done`,children:y(n.I18nKey.HOME$DONE)})})]})}),b&&(0,p.jsx)(u.ConfirmationModal,{text:b.text,onConfirm:()=>{b&&(b.type===`workspace`?_(b.path):v?.(b.path),x(null))},onCancel:()=>x(null)})]})}exports.ManageWorkspacesModal=m;
+const e=require("../../../../_virtual/_rolldown/runtime.cjs"),t=require("../../../../node_modules/react-i18next/dist/es/useTranslation.cjs"),n=require("../../../../i18n/declaration.cjs"),r=require("../../../../utils/utils.cjs"),i=require("../../../shared/modals/modal-backdrop.cjs"),a=require("../../../shared/modals/modal-body.cjs"),o=require("../../../../utils/modal-classes.cjs"),s=require("../../../shared/modals/confirmation-modals/base-modal.cjs"),c=require("../../settings/brand-button.cjs"),l=require("../../../../icons/close.cjs"),u=require("../../../../icons/folder.cjs"),d=require("../../../shared/modals/confirmation-modal.cjs");let f=require("react");f=e.__toESM(f,1);let p=require("react/jsx-runtime");function m({isOpen:e,workspaces:m,workspaceParents:h=[],onClose:g,onRemove:_,onRemoveParent:v}){let{t:y}=t.useTranslation(`openhands`),[b,x]=f.default.useState(null);if(!e)return null;let S=m.filter(e=>!e.parentPath),C=new Map;m.forEach(e=>{if(!e.parentPath)return;let t=C.get(e.parentPath)??[];t.push(e),C.set(e.parentPath,t)});let w=S.length>0||h.length>0;return(0,p.jsxs)(p.Fragment,{children:[(0,p.jsx)(i.ModalBackdrop,{onClose:g,"aria-label":y(n.I18nKey.HOME$MANAGE_WORKSPACES),children:(0,p.jsxs)(`div`,{"data-testid":`manage-workspaces-modal`,className:r.cn(`flex flex-col bg-[var(--oh-surface)] border border-[var(--oh-border-input)] rounded-xl`,a.modalWidthClassName(`lg`),a.MODAL_MAX_WIDTH_VIEWPORT,`max-h-[70vh]`),children:[(0,p.jsx)(`div`,{className:`flex items-center justify-between px-5 py-3 border-b border-[var(--oh-border-input)]`,children:(0,p.jsx)(s.BaseModalTitle,{className:o.modalTitleSmClassName,title:y(n.I18nKey.HOME$MANAGE_WORKSPACES)})}),(0,p.jsxs)(`div`,{className:`flex-1 overflow-auto custom-scrollbar-always`,"data-testid":`manage-workspaces-list`,children:[!w&&(0,p.jsx)(`p`,{className:`px-5 py-6 text-sm text-[var(--oh-text-secondary)] text-center`,children:y(n.I18nKey.HOME$MANAGE_WORKSPACES_EMPTY)}),S.length>0&&(0,p.jsx)(`ul`,{children:S.map(e=>(0,p.jsxs)(`li`,{className:`flex items-center gap-3 px-5 py-2 border-b border-[var(--oh-border-subtle)] last:border-b-0`,"data-testid":`manage-workspaces-row-${e.name}`,children:[(0,p.jsx)(u.default,{width:16,height:16,className:`shrink-0`}),(0,p.jsxs)(`div`,{className:`flex flex-col min-w-0 flex-1`,children:[(0,p.jsx)(`span`,{className:`text-sm text-white truncate`,children:e.name}),(0,p.jsx)(`span`,{className:`text-xs text-[var(--oh-muted)] truncate`,children:e.path})]}),(0,p.jsxs)(`button`,{type:`button`,onClick:()=>x({type:`workspace`,path:e.path,text:y(n.I18nKey.HOME$REMOVE_WORKSPACE_CONFIRMATION,{name:e.name})}),"aria-label":y(n.I18nKey.HOME$REMOVE_WORKSPACE),"data-testid":`manage-workspaces-remove-${e.name}`,className:`flex items-center gap-1 px-2 py-1 rounded text-xs text-[var(--oh-text-tertiary)] hover:bg-[var(--oh-interactive-hover)] hover:text-white cursor-pointer`,children:[(0,p.jsx)(l.default,{width:12,height:12}),(0,p.jsx)(`span`,{children:y(n.I18nKey.HOME$REMOVE_WORKSPACE)})]})]},e.id))}),h.length>0&&(0,p.jsxs)(`div`,{"data-testid":`manage-workspaces-parents-section`,children:[(0,p.jsx)(`div`,{className:`px-5 pt-3 pb-1 text-[11px] uppercase tracking-wide text-[var(--oh-muted)] font-semibold`,children:y(n.I18nKey.HOME$WORKSPACE_PARENTS)}),(0,p.jsx)(`ul`,{children:h.map(e=>{let t=C.get(e.path)??[];return(0,p.jsxs)(`li`,{className:`border-b border-[var(--oh-border-subtle)] last:border-b-0`,"data-testid":`manage-workspaces-parent-row-${e.name}`,children:[(0,p.jsxs)(`div`,{className:`flex items-center gap-3 px-5 py-2`,children:[(0,p.jsx)(u.default,{width:16,height:16,className:`shrink-0`}),(0,p.jsxs)(`div`,{className:`flex flex-col min-w-0 flex-1`,children:[(0,p.jsx)(`span`,{className:`text-sm text-white truncate`,children:e.name}),(0,p.jsx)(`span`,{className:`text-xs text-[var(--oh-muted)] truncate`,children:e.path})]}),v&&(0,p.jsxs)(`button`,{type:`button`,onClick:()=>x({type:`parent`,path:e.path,text:y(n.I18nKey.HOME$REMOVE_WORKSPACE_PARENT_CONFIRMATION,{name:e.name,count:t.length})}),"aria-label":y(n.I18nKey.HOME$REMOVE_WORKSPACE_PARENT),"data-testid":`manage-workspaces-remove-parent-${e.name}`,className:`flex items-center gap-1 px-2 py-1 rounded text-xs text-[var(--oh-text-tertiary)] hover:bg-[var(--oh-interactive-hover)] hover:text-white cursor-pointer`,children:[(0,p.jsx)(l.default,{width:12,height:12}),(0,p.jsx)(`span`,{children:y(n.I18nKey.HOME$REMOVE_WORKSPACE_PARENT)})]})]}),t.length>0&&(0,p.jsx)(`ul`,{className:`pb-2`,children:t.map(e=>(0,p.jsxs)(`li`,{className:`flex items-center gap-3 px-5 pl-10 py-1 text-xs text-[var(--oh-text-secondary)]`,"data-testid":`manage-workspaces-child-${e.name}`,children:[(0,p.jsx)(u.default,{width:12,height:12,className:`shrink-0 opacity-70`}),(0,p.jsx)(`span`,{className:`truncate`,children:e.name})]},e.id))})]},e.id)})})]})]}),(0,p.jsx)(`div`,{className:`flex justify-end gap-2 px-5 py-3 border-t border-[var(--oh-border-input)]`,children:(0,p.jsx)(c.BrandButton,{type:`button`,variant:`primary`,onClick:g,testId:`manage-workspaces-done`,children:y(n.I18nKey.HOME$DONE)})})]})}),b&&(0,p.jsx)(d.ConfirmationModal,{text:b.text,onConfirm:()=>{b&&(b.type===`workspace`?_(b.path):v?.(b.path),x(null))},onCancel:()=>x(null)})]})}exports.ManageWorkspacesModal=m;
 //# sourceMappingURL=manage-workspaces-modal.cjs.map

package/dist/components/features/home/workspace-dropdown/manage-workspaces-modal.js

@@ -7,8 +7,8 @@ import { modalTitleSmClassName as o } from "../../../../utils/modal-classes.js";
 import { BaseModalTitle as s } from "../../../shared/modals/confirmation-modals/base-modal.js";
 import { BrandButton as c } from "../../settings/brand-button.js";
 import l from "../../../../icons/close.js";
-import { ConfirmationModal as u } from "../../../shared/modals/confirmation-modal.js";
-import d from "../../../../icons/folder.js";
+import u from "../../../../icons/folder.js";
+import { ConfirmationModal as d } from "../../../shared/modals/confirmation-modal.js";
 import f from "react";
 import { Fragment as p, jsx as m, jsxs as h } from "react/jsx-runtime";
 //#region src/components/features/home/workspace-dropdown/manage-workspaces-modal.tsx
@@ -48,7 +48,7 @@ function g({ isOpen: g, workspaces: _, workspaceParents: v = [], onClose: y, onR
 							className: "flex items-center gap-3 px-5 py-2 border-b border-[var(--oh-border-subtle)] last:border-b-0",
 							"data-testid": `manage-workspaces-row-${e.name}`,
 							children: [
-								/* @__PURE__ */ m(d, {
+								/* @__PURE__ */ m(u, {
 									width: 16,
 									height: 16,
 									className: "shrink-0"
@@ -93,7 +93,7 @@ function g({ isOpen: g, workspaces: _, workspaceParents: v = [], onClose: y, onR
 									children: [/* @__PURE__ */ h("div", {
 										className: "flex items-center gap-3 px-5 py-2",
 										children: [
-											/* @__PURE__ */ m(d, {
+											/* @__PURE__ */ m(u, {
 												width: 16,
 												height: 16,
 												className: "shrink-0"
@@ -132,7 +132,7 @@ function g({ isOpen: g, workspaces: _, workspaceParents: v = [], onClose: y, onR
 										children: n.map((e) => /* @__PURE__ */ h("li", {
 											className: "flex items-center gap-3 px-5 pl-10 py-1 text-xs text-[var(--oh-text-secondary)]",
 											"data-testid": `manage-workspaces-child-${e.name}`,
-											children: [/* @__PURE__ */ m(d, {
+											children: [/* @__PURE__ */ m(u, {
 												width: 12,
 												height: 12,
 												className: "shrink-0 opacity-70"
@@ -159,7 +159,7 @@ function g({ isOpen: g, workspaces: _, workspaceParents: v = [], onClose: y, onR
 				})
 			]
 		})
-	}), C && /* @__PURE__ */ m(u, {
+	}), C && /* @__PURE__ */ m(d, {
 		text: C.text,
 		onConfirm: () => {
 			C && (C.type === "workspace" ? b(C.path) : x?.(C.path), w(null));

package/dist/components/features/manifest/manifest-form-field.d.ts

@@ -1,10 +1,11 @@
 import type { GitRepository } from "#/types/git";
-import type { SetupFieldOption, SetupFormField as SetupFormFieldDefinition } from "#/manifests/types";
+import type { SetupFieldOption, SetupFormField as SetupFormFieldDefinition, SetupFormValue } from "#/manifests/types";
 export interface SetupFormFieldProps {
     /** The record key the field is declared under, and what `{{form.x}}` reads. */
     name: string;
     field: SetupFormFieldDefinition;
-    value: string;
+    /** A list for a field collecting several values, a string for the rest. */
+    value: SetupFormValue;
     /** Already-resolved copy: local checks and service errors look the same here. */
     error?: string;
     /** Declared options, or the ones the deployment supplied. */
@@ -12,7 +13,7 @@ export interface SetupFormFieldProps {
     /** The picked repository, kept so the picker can show what is selected. */
     repository: GitRepository | null;
     disabled: boolean;
-    onChange: (value: string) => void;
+    onChange: (value: SetupFormValue) => void;
     onRepositoryChange: (repository: GitRepository | null) => void;
     onBlur: () => void;
 }

package/dist/components/features/manifest/manifest-icons.cjs

@@ -0,0 +1,2 @@
+require("../../../_virtual/_rolldown/runtime.cjs");const e=require("../../../node_modules/lucide-react/dist/esm/icons/activity.cjs"),t=require("../../../node_modules/lucide-react/dist/esm/icons/bot.cjs"),n=require("../../../node_modules/lucide-react/dist/esm/icons/circle-alert.cjs"),r=require("../../../node_modules/lucide-react/dist/esm/icons/layout-dashboard.cjs"),i=require("../../../node_modules/lucide-react/dist/esm/icons/library.cjs"),a=require("../../../node_modules/lucide-react/dist/esm/icons/sparkles.cjs"),o=require("../../../node_modules/lucide-react/dist/esm/icons/timer.cjs");var s={"layout-dashboard":r.LayoutDashboard,sparkles:a.Sparkles,library:i.Library,bot:t.Bot,"circle-alert":n.CircleAlert,activity:e.Activity,timer:o.Timer};exports.MANIFEST_ICON_BY_SLUG=s;
+//# sourceMappingURL=manifest-icons.cjs.map

package/dist/components/features/manifest/manifest-icons.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"manifest-icons.cjs","names":[],"sources":["../../../../src/components/features/manifest/manifest-icons.ts"],"sourcesContent":["import {\n  Activity,\n  Bot,\n  CircleAlert,\n  LayoutDashboard,\n  Library,\n  Sparkles,\n  Timer,\n  type LucideIcon,\n} from \"lucide-react\";\nimport type { InterfaceIconSlug } from \"#/manifests/types\";\n\n/**\n * The artwork behind each icon slug admission accepts. `satisfies` keeps this\n * map and the validator's closed set in lockstep: a slug without artwork, or\n * artwork without a slug, fails to compile.\n */\nexport const MANIFEST_ICON_BY_SLUG = {\n  \"layout-dashboard\": LayoutDashboard,\n  sparkles: Sparkles,\n  library: Library,\n  bot: Bot,\n  \"circle-alert\": CircleAlert,\n  activity: Activity,\n  timer: Timer,\n} satisfies Record<InterfaceIconSlug, LucideIcon>;\n"],"mappings":"glBAiBA,IAAa,EAAwB,CACnC,mBAAoB,EAAA,gBACpB,SAAU,EAAA,SACV,QAAS,EAAA,QACT,IAAK,EAAA,IACL,eAAgB,EAAA,YAChB,SAAU,EAAA,SACV,MAAO,EAAA,KACT"}

package/dist/components/features/manifest/manifest-icons.d.ts

@@ -6,6 +6,7 @@
 export declare const MANIFEST_ICON_BY_SLUG: {
     "layout-dashboard": import("react").ForwardRefExoticComponent<Omit<import("lucide-react").LucideProps, "ref"> & import("react").RefAttributes<SVGSVGElement>>;
     sparkles: import("react").ForwardRefExoticComponent<Omit<import("lucide-react").LucideProps, "ref"> & import("react").RefAttributes<SVGSVGElement>>;
+    library: import("react").ForwardRefExoticComponent<Omit<import("lucide-react").LucideProps, "ref"> & import("react").RefAttributes<SVGSVGElement>>;
     bot: import("react").ForwardRefExoticComponent<Omit<import("lucide-react").LucideProps, "ref"> & import("react").RefAttributes<SVGSVGElement>>;
     "circle-alert": import("react").ForwardRefExoticComponent<Omit<import("lucide-react").LucideProps, "ref"> & import("react").RefAttributes<SVGSVGElement>>;
     activity: import("react").ForwardRefExoticComponent<Omit<import("lucide-react").LucideProps, "ref"> & import("react").RefAttributes<SVGSVGElement>>;

package/dist/components/features/manifest/manifest-icons.js

@@ -0,0 +1,21 @@
+import { Activity as e } from "../../../node_modules/lucide-react/dist/esm/icons/activity.js";
+import { Bot as t } from "../../../node_modules/lucide-react/dist/esm/icons/bot.js";
+import { CircleAlert as n } from "../../../node_modules/lucide-react/dist/esm/icons/circle-alert.js";
+import { LayoutDashboard as r } from "../../../node_modules/lucide-react/dist/esm/icons/layout-dashboard.js";
+import { Library as i } from "../../../node_modules/lucide-react/dist/esm/icons/library.js";
+import { Sparkles as a } from "../../../node_modules/lucide-react/dist/esm/icons/sparkles.js";
+import { Timer as o } from "../../../node_modules/lucide-react/dist/esm/icons/timer.js";
+//#region src/components/features/manifest/manifest-icons.ts
+var s = {
+	"layout-dashboard": r,
+	sparkles: a,
+	library: i,
+	bot: t,
+	"circle-alert": n,
+	activity: e,
+	timer: o
+};
+//#endregion
+export { s as MANIFEST_ICON_BY_SLUG };
+
+//# sourceMappingURL=manifest-icons.js.map

package/dist/components/features/manifest/manifest-icons.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"manifest-icons.js","names":[],"sources":["../../../../src/components/features/manifest/manifest-icons.ts"],"sourcesContent":["import {\n  Activity,\n  Bot,\n  CircleAlert,\n  LayoutDashboard,\n  Library,\n  Sparkles,\n  Timer,\n  type LucideIcon,\n} from \"lucide-react\";\nimport type { InterfaceIconSlug } from \"#/manifests/types\";\n\n/**\n * The artwork behind each icon slug admission accepts. `satisfies` keeps this\n * map and the validator's closed set in lockstep: a slug without artwork, or\n * artwork without a slug, fails to compile.\n */\nexport const MANIFEST_ICON_BY_SLUG = {\n  \"layout-dashboard\": LayoutDashboard,\n  sparkles: Sparkles,\n  library: Library,\n  bot: Bot,\n  \"circle-alert\": CircleAlert,\n  activity: Activity,\n  timer: Timer,\n} satisfies Record<InterfaceIconSlug, LucideIcon>;\n"],"mappings":";;;;;;;;AAiBA,IAAa,IAAwB;CACnC,oBAAoB;CACpB,UAAU;CACV,SAAS;CACT,KAAK;CACL,gBAAgB;CAChB,UAAU;CACV,OAAO;AACT"}

package/dist/components/features/manifest/manifest-repository-list.d.ts

@@ -0,0 +1,25 @@
+import type { SetupFormField as SetupFormFieldDefinition } from "#/manifests/types";
+export interface SetupRepositoryListProps {
+    name: string;
+    field: SetupFormFieldDefinition;
+    values: string[];
+    /** Whether this backend can list the user's repositories to pick from. */
+    canListRepositories: boolean;
+    placeholder?: string;
+    disabled: boolean;
+    onChange: (values: string[]) => void;
+    onBlur: () => void;
+}
+/**
+ * A repository field that collects several repositories.
+ *
+ * One automation polling several repositories is the shape the entry asked
+ * for; the alternative is one automation each, with the trigger label, tone and
+ * schedule restated every time. Added repositories are listed above the input
+ * that adds them, each removable, because the list is the answer and the input
+ * is only how it is built.
+ *
+ * A repository already in the list is not added twice: the entry would poll it
+ * twice per run for one result.
+ */
+export declare function SetupRepositoryList({ name, field, values, canListRepositories, placeholder, disabled, onChange, onBlur, }: SetupRepositoryListProps): import("react").JSX.Element;

package/dist/components/features/markdown/markdown-table-scroll.cjs

@@ -1,2 +1,2 @@
-const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../../utils/utils.cjs");let n=require("react");n=e.__toESM(n,1);let r=require("react/jsx-runtime");var i=1,a=`w-10`;function o(e){let{scrollLeft:t,scrollWidth:n,clientWidth:r}=e,a=n-r,o=a>i;return{left:o&&t>i,right:o&&t<a-i}}function s({children:e}){let i=n.default.useRef(null),[s,c]=n.default.useState({left:!1,right:!1}),l=n.default.useCallback(()=>{let e=i.current;e&&c(o(e))},[]);return n.default.useLayoutEffect(()=>{l();let e=i.current;if(!e)return;let t=new ResizeObserver(l);t.observe(e);let n=e.firstElementChild;return n&&t.observe(n),()=>t.disconnect()},[l,e]),(0,r.jsxs)(`div`,{className:`relative max-w-full`,children:[(0,r.jsx)(`div`,{ref:i,"data-testid":`markdown-table-scroll`,onScroll:l,className:`max-w-full overflow-x-auto custom-scrollbar-always`,children:e}),(0,r.jsx)(`div`,{"aria-hidden":!0,"data-testid":`markdown-table-scroll-fade-left`,"data-visible":s.left?`true`:`false`,className:t.cn(`pointer-events-none absolute inset-y-0 left-0 z-10`,a,`bg-gradient-to-r from-[var(--oh-scroll-fade-from,var(--oh-color-base))] to-transparent`,`transition-opacity duration-300 ease-out motion-reduce:transition-none`,s.left?`opacity-100`:`opacity-0`)}),(0,r.jsx)(`div`,{"aria-hidden":!0,"data-testid":`markdown-table-scroll-fade-right`,"data-visible":s.right?`true`:`false`,className:t.cn(`pointer-events-none absolute inset-y-0 right-0 z-10`,a,`bg-gradient-to-l from-[var(--oh-scroll-fade-from,var(--oh-color-base))] to-transparent`,`transition-opacity duration-300 ease-out motion-reduce:transition-none`,s.right?`opacity-100`:`opacity-0`)})]})}exports.MarkdownTableScroll=s;
+const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../../utils/utils.cjs"),n=require("../../../utils/scroll-fade-state.cjs");let r=require("react");r=e.__toESM(r,1);let i=require("react/jsx-runtime");var a=`w-10`;function o({children:e}){let o=r.default.useRef(null),[s,c]=r.default.useState({left:!1,right:!1}),l=r.default.useCallback(()=>{let e=o.current;e&&c(n.readScrollFadeState(e))},[]);return r.default.useLayoutEffect(()=>{l();let e=o.current;if(!e)return;let t=new ResizeObserver(l);t.observe(e);let n=e.firstElementChild;return n&&t.observe(n),()=>t.disconnect()},[l,e]),(0,i.jsxs)(`div`,{className:`relative max-w-full`,children:[(0,i.jsx)(`div`,{ref:o,"data-testid":`markdown-table-scroll`,onScroll:l,className:`max-w-full overflow-x-auto custom-scrollbar-always`,children:e}),(0,i.jsx)(`div`,{"aria-hidden":!0,"data-testid":`markdown-table-scroll-fade-left`,"data-visible":s.left?`true`:`false`,className:t.cn(`pointer-events-none absolute inset-y-0 left-0 z-10`,a,`bg-gradient-to-r from-[var(--oh-scroll-fade-from,var(--oh-color-base))] to-transparent`,`transition-opacity duration-300 ease-out motion-reduce:transition-none`,s.left?`opacity-100`:`opacity-0`)}),(0,i.jsx)(`div`,{"aria-hidden":!0,"data-testid":`markdown-table-scroll-fade-right`,"data-visible":s.right?`true`:`false`,className:t.cn(`pointer-events-none absolute inset-y-0 right-0 z-10`,a,`bg-gradient-to-l from-[var(--oh-scroll-fade-from,var(--oh-color-base))] to-transparent`,`transition-opacity duration-300 ease-out motion-reduce:transition-none`,s.right?`opacity-100`:`opacity-0`)})]})}exports.MarkdownTableScroll=o;
 //# sourceMappingURL=markdown-table-scroll.cjs.map

package/dist/components/features/markdown/markdown-table-scroll.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"markdown-table-scroll.cjs","names":[],"sources":["../../../../src/components/features/markdown/markdown-table-scroll.tsx"],"sourcesContent":["import React from \"react\";\nimport { cn } from \"#/utils/utils\";\n\nconst SCROLL_EDGE_THRESHOLD_PX = 1;\nconst FADE_WIDTH_CLASS = \"w-10\";\n\ninterface MarkdownTableScrollProps {\n  children: React.ReactNode;\n}\n\ninterface ScrollFadeState {\n  left: boolean;\n  right: boolean;\n}\n\nexport function readScrollFadeState(element: HTMLDivElement): ScrollFadeState {\n  const { scrollLeft, scrollWidth, clientWidth } = element;\n  const maxScroll = scrollWidth - clientWidth;\n  const hasOverflow = maxScroll > SCROLL_EDGE_THRESHOLD_PX;\n\n  return {\n    left: hasOverflow && scrollLeft > SCROLL_EDGE_THRESHOLD_PX,\n    right: hasOverflow && scrollLeft < maxScroll - SCROLL_EDGE_THRESHOLD_PX,\n  };\n}\n\nexport function MarkdownTableScroll({ children }: MarkdownTableScrollProps) {\n  const scrollRef = React.useRef<HTMLDivElement>(null);\n  const [fadeState, setFadeState] = React.useState<ScrollFadeState>({\n    left: false,\n    right: false,\n  });\n\n  const updateFadeState = React.useCallback(() => {\n    const element = scrollRef.current;\n    if (!element) {\n      return;\n    }\n    setFadeState(readScrollFadeState(element));\n  }, []);\n\n  React.useLayoutEffect(() => {\n    updateFadeState();\n\n    const element = scrollRef.current;\n    if (!element) {\n      return undefined;\n    }\n\n    const resizeObserver = new ResizeObserver(updateFadeState);\n    resizeObserver.observe(element);\n\n    const table = element.firstElementChild;\n    if (table) {\n      resizeObserver.observe(table);\n    }\n\n    return () => resizeObserver.disconnect();\n  }, [updateFadeState, children]);\n\n  return (\n    <div className=\"relative max-w-full\">\n      <div\n        ref={scrollRef}\n        data-testid=\"markdown-table-scroll\"\n        onScroll={updateFadeState}\n        className=\"max-w-full overflow-x-auto custom-scrollbar-always\"\n      >\n        {children}\n      </div>\n      {/* The fades blend into whatever surface the table sits on, which differs\n          between the chat stream and cards like the markdown artifact preview.\n          Set `--oh-scroll-fade-from` on any ancestor to match another surface.\n          The value is inlined at both edges because Tailwind only extracts\n          classes from literal strings, not interpolated constants. */}\n      <div\n        aria-hidden\n        data-testid=\"markdown-table-scroll-fade-left\"\n        data-visible={fadeState.left ? \"true\" : \"false\"}\n        className={cn(\n          \"pointer-events-none absolute inset-y-0 left-0 z-10\",\n          FADE_WIDTH_CLASS,\n          \"bg-gradient-to-r from-[var(--oh-scroll-fade-from,var(--oh-color-base))] to-transparent\",\n          \"transition-opacity duration-300 ease-out motion-reduce:transition-none\",\n          fadeState.left ? \"opacity-100\" : \"opacity-0\",\n        )}\n      />\n      <div\n        aria-hidden\n        data-testid=\"markdown-table-scroll-fade-right\"\n        data-visible={fadeState.right ? \"true\" : \"false\"}\n        className={cn(\n          \"pointer-events-none absolute inset-y-0 right-0 z-10\",\n          FADE_WIDTH_CLASS,\n          \"bg-gradient-to-l from-[var(--oh-scroll-fade-from,var(--oh-color-base))] to-transparent\",\n          \"transition-opacity duration-300 ease-out motion-reduce:transition-none\",\n          fadeState.right ? \"opacity-100\" : \"opacity-0\",\n        )}\n      />\n    </div>\n  );\n}\n"],"mappings":"4KAGA,IAAM,EAA2B,EAC3B,EAAmB,OAWzB,SAAgB,EAAoB,EAA0C,CAC5E,GAAM,CAAE,aAAY,cAAa,eAAgB,EAC3C,EAAY,EAAc,EAC1B,EAAc,EAAY,EAEhC,MAAO,CACL,KAAM,GAAe,EAAa,EAClC,MAAO,GAAe,EAAa,EAAY,CACjD,CACF,CAEA,SAAgB,EAAoB,CAAE,YAAsC,CAC1E,IAAM,EAAY,EAAA,QAAM,OAAuB,IAAI,EAC7C,CAAC,EAAW,GAAgB,EAAA,QAAM,SAA0B,CAChE,KAAM,GACN,MAAO,EACT,CAAC,EAEK,EAAkB,EAAA,QAAM,gBAAkB,CAC9C,IAAM,EAAU,EAAU,QACrB,GAGL,EAAa,EAAoB,CAAO,CAAC,CAC3C,EAAG,CAAC,CAAC,EAqBL,OAnBA,EAAA,QAAM,oBAAsB,CAC1B,EAAgB,EAEhB,IAAM,EAAU,EAAU,QAC1B,GAAI,CAAC,EACH,OAGF,IAAM,EAAiB,IAAI,eAAe,CAAe,EACzD,EAAe,QAAQ,CAAO,EAE9B,IAAM,EAAQ,EAAQ,kBAKtB,OAJI,GACF,EAAe,QAAQ,CAAK,MAGjB,EAAe,WAAW,CACzC,EAAG,CAAC,EAAiB,CAAQ,CAAC,GAG5B,EAAA,EAAA,MAAC,MAAD,CAAK,UAAU,+BAAf,EACE,EAAA,EAAA,KAAC,MAAD,CACE,IAAK,EACL,cAAY,wBACZ,SAAU,EACV,UAAU,qDAET,UACE,CAAA,GAML,EAAA,EAAA,KAAC,MAAD,CACE,cAAA,GACA,cAAY,kCACZ,eAAc,EAAU,KAAO,OAAS,QACxC,UAAW,EAAA,GACT,qDACA,EACA,yFACA,yEACA,EAAU,KAAO,cAAgB,WACnC,CACD,CAAA,GACD,EAAA,EAAA,KAAC,MAAD,CACE,cAAA,GACA,cAAY,mCACZ,eAAc,EAAU,MAAQ,OAAS,QACzC,UAAW,EAAA,GACT,sDACA,EACA,yFACA,yEACA,EAAU,MAAQ,cAAgB,WACpC,CACD,CAAA,CACE,GAET"}
+{"version":3,"file":"markdown-table-scroll.cjs","names":[],"sources":["../../../../src/components/features/markdown/markdown-table-scroll.tsx"],"sourcesContent":["import React from \"react\";\nimport { cn } from \"#/utils/utils\";\nimport {\n  readScrollFadeState,\n  type ScrollFadeState,\n} from \"#/utils/scroll-fade-state\";\n\nexport { readScrollFadeState };\n\nconst FADE_WIDTH_CLASS = \"w-10\";\n\ninterface MarkdownTableScrollProps {\n  children: React.ReactNode;\n}\n\nexport function MarkdownTableScroll({ children }: MarkdownTableScrollProps) {\n  const scrollRef = React.useRef<HTMLDivElement>(null);\n  const [fadeState, setFadeState] = React.useState<ScrollFadeState>({\n    left: false,\n    right: false,\n  });\n\n  const updateFadeState = React.useCallback(() => {\n    const element = scrollRef.current;\n    if (!element) {\n      return;\n    }\n    setFadeState(readScrollFadeState(element));\n  }, []);\n\n  React.useLayoutEffect(() => {\n    updateFadeState();\n\n    const element = scrollRef.current;\n    if (!element) {\n      return undefined;\n    }\n\n    const resizeObserver = new ResizeObserver(updateFadeState);\n    resizeObserver.observe(element);\n\n    const table = element.firstElementChild;\n    if (table) {\n      resizeObserver.observe(table);\n    }\n\n    return () => resizeObserver.disconnect();\n  }, [updateFadeState, children]);\n\n  return (\n    <div className=\"relative max-w-full\">\n      <div\n        ref={scrollRef}\n        data-testid=\"markdown-table-scroll\"\n        onScroll={updateFadeState}\n        className=\"max-w-full overflow-x-auto custom-scrollbar-always\"\n      >\n        {children}\n      </div>\n      {/* The fades blend into whatever surface the table sits on, which differs\n          between the chat stream and cards like the markdown artifact preview.\n          Set `--oh-scroll-fade-from` on any ancestor to match another surface.\n          The value is inlined at both edges because Tailwind only extracts\n          classes from literal strings, not interpolated constants. */}\n      <div\n        aria-hidden\n        data-testid=\"markdown-table-scroll-fade-left\"\n        data-visible={fadeState.left ? \"true\" : \"false\"}\n        className={cn(\n          \"pointer-events-none absolute inset-y-0 left-0 z-10\",\n          FADE_WIDTH_CLASS,\n          \"bg-gradient-to-r from-[var(--oh-scroll-fade-from,var(--oh-color-base))] to-transparent\",\n          \"transition-opacity duration-300 ease-out motion-reduce:transition-none\",\n          fadeState.left ? \"opacity-100\" : \"opacity-0\",\n        )}\n      />\n      <div\n        aria-hidden\n        data-testid=\"markdown-table-scroll-fade-right\"\n        data-visible={fadeState.right ? \"true\" : \"false\"}\n        className={cn(\n          \"pointer-events-none absolute inset-y-0 right-0 z-10\",\n          FADE_WIDTH_CLASS,\n          \"bg-gradient-to-l from-[var(--oh-scroll-fade-from,var(--oh-color-base))] to-transparent\",\n          \"transition-opacity duration-300 ease-out motion-reduce:transition-none\",\n          fadeState.right ? \"opacity-100\" : \"opacity-0\",\n        )}\n      />\n    </div>\n  );\n}\n"],"mappings":"8NASA,IAAM,EAAmB,OAMzB,SAAgB,EAAoB,CAAE,YAAsC,CAC1E,IAAM,EAAY,EAAA,QAAM,OAAuB,IAAI,EAC7C,CAAC,EAAW,GAAgB,EAAA,QAAM,SAA0B,CAChE,KAAM,GACN,MAAO,EACT,CAAC,EAEK,EAAkB,EAAA,QAAM,gBAAkB,CAC9C,IAAM,EAAU,EAAU,QACrB,GAGL,EAAa,EAAA,oBAAoB,CAAO,CAAC,CAC3C,EAAG,CAAC,CAAC,EAqBL,OAnBA,EAAA,QAAM,oBAAsB,CAC1B,EAAgB,EAEhB,IAAM,EAAU,EAAU,QAC1B,GAAI,CAAC,EACH,OAGF,IAAM,EAAiB,IAAI,eAAe,CAAe,EACzD,EAAe,QAAQ,CAAO,EAE9B,IAAM,EAAQ,EAAQ,kBAKtB,OAJI,GACF,EAAe,QAAQ,CAAK,MAGjB,EAAe,WAAW,CACzC,EAAG,CAAC,EAAiB,CAAQ,CAAC,GAG5B,EAAA,EAAA,MAAC,MAAD,CAAK,UAAU,+BAAf,EACE,EAAA,EAAA,KAAC,MAAD,CACE,IAAK,EACL,cAAY,wBACZ,SAAU,EACV,UAAU,qDAET,UACE,CAAA,GAML,EAAA,EAAA,KAAC,MAAD,CACE,cAAA,GACA,cAAY,kCACZ,eAAc,EAAU,KAAO,OAAS,QACxC,UAAW,EAAA,GACT,qDACA,EACA,yFACA,yEACA,EAAU,KAAO,cAAgB,WACnC,CACD,CAAA,GACD,EAAA,EAAA,KAAC,MAAD,CACE,cAAA,GACA,cAAY,mCACZ,eAAc,EAAU,MAAQ,OAAS,QACzC,UAAW,EAAA,GACT,sDACA,EACA,yFACA,yEACA,EAAU,MAAQ,cAAgB,WACpC,CACD,CAAA,CACE,GAET"}

package/dist/components/features/markdown/markdown-table-scroll.d.ts

@@ -1,11 +1,7 @@
 import React from "react";
+import { readScrollFadeState } from "#/utils/scroll-fade-state";
+export { readScrollFadeState };
 interface MarkdownTableScrollProps {
     children: React.ReactNode;
 }
-interface ScrollFadeState {
-    left: boolean;
-    right: boolean;
-}
-export declare function readScrollFadeState(element: HTMLDivElement): ScrollFadeState;
 export declare function MarkdownTableScroll({ children }: MarkdownTableScrollProps): React.JSX.Element;
-export {};

package/dist/components/features/markdown/markdown-table-scroll.js

@@ -1,24 +1,18 @@
 import { cn as e } from "../../../utils/utils.js";
-import t from "react";
-import { jsx as n, jsxs as r } from "react/jsx-runtime";
+import { readScrollFadeState as t } from "../../../utils/scroll-fade-state.js";
+import n from "react";
+import { jsx as r, jsxs as i } from "react/jsx-runtime";
 //#region src/components/features/markdown/markdown-table-scroll.tsx
-var i = 1, a = "w-10";
-function o(e) {
-	let { scrollLeft: t, scrollWidth: n, clientWidth: r } = e, a = n - r, o = a > i;
-	return {
-		left: o && t > i,
-		right: o && t < a - i
-	};
-}
-function s({ children: i }) {
-	let s = t.useRef(null), [c, l] = t.useState({
+var a = "w-10";
+function o({ children: o }) {
+	let s = n.useRef(null), [c, l] = n.useState({
 		left: !1,
 		right: !1
-	}), u = t.useCallback(() => {
+	}), u = n.useCallback(() => {
 		let e = s.current;
-		e && l(o(e));
+		e && l(t(e));
 	}, []);
-	return t.useLayoutEffect(() => {
+	return n.useLayoutEffect(() => {
 		u();
 		let e = s.current;
 		if (!e) return;
@@ -26,23 +20,23 @@ function s({ children: i }) {
 		t.observe(e);
 		let n = e.firstElementChild;
 		return n && t.observe(n), () => t.disconnect();
-	}, [u, i]), /* @__PURE__ */ r("div", {
+	}, [u, o]), /* @__PURE__ */ i("div", {
 		className: "relative max-w-full",
 		children: [
-			/* @__PURE__ */ n("div", {
+			/* @__PURE__ */ r("div", {
 				ref: s,
 				"data-testid": "markdown-table-scroll",
 				onScroll: u,
 				className: "max-w-full overflow-x-auto custom-scrollbar-always",
-				children: i
+				children: o
 			}),
-			/* @__PURE__ */ n("div", {
+			/* @__PURE__ */ r("div", {
 				"aria-hidden": !0,
 				"data-testid": "markdown-table-scroll-fade-left",
 				"data-visible": c.left ? "true" : "false",
 				className: e("pointer-events-none absolute inset-y-0 left-0 z-10", a, "bg-gradient-to-r from-[var(--oh-scroll-fade-from,var(--oh-color-base))] to-transparent", "transition-opacity duration-300 ease-out motion-reduce:transition-none", c.left ? "opacity-100" : "opacity-0")
 			}),
-			/* @__PURE__ */ n("div", {
+			/* @__PURE__ */ r("div", {
 				"aria-hidden": !0,
 				"data-testid": "markdown-table-scroll-fade-right",
 				"data-visible": c.right ? "true" : "false",
@@ -52,6 +46,6 @@ function s({ children: i }) {
 	});
 }
 //#endregion
-export { s as MarkdownTableScroll };
+export { o as MarkdownTableScroll };
 
 //# sourceMappingURL=markdown-table-scroll.js.map

package/dist/components/features/markdown/markdown-table-scroll.js.map

@@ -1 +1 @@
-{"version":3,"file":"markdown-table-scroll.js","names":[],"sources":["../../../../src/components/features/markdown/markdown-table-scroll.tsx"],"sourcesContent":["import React from \"react\";\nimport { cn } from \"#/utils/utils\";\n\nconst SCROLL_EDGE_THRESHOLD_PX = 1;\nconst FADE_WIDTH_CLASS = \"w-10\";\n\ninterface MarkdownTableScrollProps {\n  children: React.ReactNode;\n}\n\ninterface ScrollFadeState {\n  left: boolean;\n  right: boolean;\n}\n\nexport function readScrollFadeState(element: HTMLDivElement): ScrollFadeState {\n  const { scrollLeft, scrollWidth, clientWidth } = element;\n  const maxScroll = scrollWidth - clientWidth;\n  const hasOverflow = maxScroll > SCROLL_EDGE_THRESHOLD_PX;\n\n  return {\n    left: hasOverflow && scrollLeft > SCROLL_EDGE_THRESHOLD_PX,\n    right: hasOverflow && scrollLeft < maxScroll - SCROLL_EDGE_THRESHOLD_PX,\n  };\n}\n\nexport function MarkdownTableScroll({ children }: MarkdownTableScrollProps) {\n  const scrollRef = React.useRef<HTMLDivElement>(null);\n  const [fadeState, setFadeState] = React.useState<ScrollFadeState>({\n    left: false,\n    right: false,\n  });\n\n  const updateFadeState = React.useCallback(() => {\n    const element = scrollRef.current;\n    if (!element) {\n      return;\n    }\n    setFadeState(readScrollFadeState(element));\n  }, []);\n\n  React.useLayoutEffect(() => {\n    updateFadeState();\n\n    const element = scrollRef.current;\n    if (!element) {\n      return undefined;\n    }\n\n    const resizeObserver = new ResizeObserver(updateFadeState);\n    resizeObserver.observe(element);\n\n    const table = element.firstElementChild;\n    if (table) {\n      resizeObserver.observe(table);\n    }\n\n    return () => resizeObserver.disconnect();\n  }, [updateFadeState, children]);\n\n  return (\n    <div className=\"relative max-w-full\">\n      <div\n        ref={scrollRef}\n        data-testid=\"markdown-table-scroll\"\n        onScroll={updateFadeState}\n        className=\"max-w-full overflow-x-auto custom-scrollbar-always\"\n      >\n        {children}\n      </div>\n      {/* The fades blend into whatever surface the table sits on, which differs\n          between the chat stream and cards like the markdown artifact preview.\n          Set `--oh-scroll-fade-from` on any ancestor to match another surface.\n          The value is inlined at both edges because Tailwind only extracts\n          classes from literal strings, not interpolated constants. */}\n      <div\n        aria-hidden\n        data-testid=\"markdown-table-scroll-fade-left\"\n        data-visible={fadeState.left ? \"true\" : \"false\"}\n        className={cn(\n          \"pointer-events-none absolute inset-y-0 left-0 z-10\",\n          FADE_WIDTH_CLASS,\n          \"bg-gradient-to-r from-[var(--oh-scroll-fade-from,var(--oh-color-base))] to-transparent\",\n          \"transition-opacity duration-300 ease-out motion-reduce:transition-none\",\n          fadeState.left ? \"opacity-100\" : \"opacity-0\",\n        )}\n      />\n      <div\n        aria-hidden\n        data-testid=\"markdown-table-scroll-fade-right\"\n        data-visible={fadeState.right ? \"true\" : \"false\"}\n        className={cn(\n          \"pointer-events-none absolute inset-y-0 right-0 z-10\",\n          FADE_WIDTH_CLASS,\n          \"bg-gradient-to-l from-[var(--oh-scroll-fade-from,var(--oh-color-base))] to-transparent\",\n          \"transition-opacity duration-300 ease-out motion-reduce:transition-none\",\n          fadeState.right ? \"opacity-100\" : \"opacity-0\",\n        )}\n      />\n    </div>\n  );\n}\n"],"mappings":";;;;AAGA,IAAM,IAA2B,GAC3B,IAAmB;AAWzB,SAAgB,EAAoB,GAA0C;CAC5E,IAAM,EAAE,eAAY,gBAAa,mBAAgB,GAC3C,IAAY,IAAc,GAC1B,IAAc,IAAY;CAEhC,OAAO;EACL,MAAM,KAAe,IAAa;EAClC,OAAO,KAAe,IAAa,IAAY;CACjD;AACF;AAEA,SAAgB,EAAoB,EAAE,eAAsC;CAC1E,IAAM,IAAY,EAAM,OAAuB,IAAI,GAC7C,CAAC,GAAW,KAAgB,EAAM,SAA0B;EAChE,MAAM;EACN,OAAO;CACT,CAAC,GAEK,IAAkB,EAAM,kBAAkB;EAC9C,IAAM,IAAU,EAAU;EACrB,KAGL,EAAa,EAAoB,CAAO,CAAC;CAC3C,GAAG,CAAC,CAAC;CAqBL,OAnBA,EAAM,sBAAsB;EAC1B,EAAgB;EAEhB,IAAM,IAAU,EAAU;EAC1B,IAAI,CAAC,GACH;EAGF,IAAM,IAAiB,IAAI,eAAe,CAAe;EACzD,EAAe,QAAQ,CAAO;EAE9B,IAAM,IAAQ,EAAQ;EAKtB,OAJI,KACF,EAAe,QAAQ,CAAK,SAGjB,EAAe,WAAW;CACzC,GAAG,CAAC,GAAiB,CAAQ,CAAC,GAG5B,kBAAC,OAAD;EAAK,WAAU;YAAf;GACE,kBAAC,OAAD;IACE,KAAK;IACL,eAAY;IACZ,UAAU;IACV,WAAU;IAET;GACE,CAAA;GAML,kBAAC,OAAD;IACE,eAAA;IACA,eAAY;IACZ,gBAAc,EAAU,OAAO,SAAS;IACxC,WAAW,EACT,sDACA,GACA,0FACA,0EACA,EAAU,OAAO,gBAAgB,WACnC;GACD,CAAA;GACD,kBAAC,OAAD;IACE,eAAA;IACA,eAAY;IACZ,gBAAc,EAAU,QAAQ,SAAS;IACzC,WAAW,EACT,uDACA,GACA,0FACA,0EACA,EAAU,QAAQ,gBAAgB,WACpC;GACD,CAAA;EACE;;AAET"}
+{"version":3,"file":"markdown-table-scroll.js","names":[],"sources":["../../../../src/components/features/markdown/markdown-table-scroll.tsx"],"sourcesContent":["import React from \"react\";\nimport { cn } from \"#/utils/utils\";\nimport {\n  readScrollFadeState,\n  type ScrollFadeState,\n} from \"#/utils/scroll-fade-state\";\n\nexport { readScrollFadeState };\n\nconst FADE_WIDTH_CLASS = \"w-10\";\n\ninterface MarkdownTableScrollProps {\n  children: React.ReactNode;\n}\n\nexport function MarkdownTableScroll({ children }: MarkdownTableScrollProps) {\n  const scrollRef = React.useRef<HTMLDivElement>(null);\n  const [fadeState, setFadeState] = React.useState<ScrollFadeState>({\n    left: false,\n    right: false,\n  });\n\n  const updateFadeState = React.useCallback(() => {\n    const element = scrollRef.current;\n    if (!element) {\n      return;\n    }\n    setFadeState(readScrollFadeState(element));\n  }, []);\n\n  React.useLayoutEffect(() => {\n    updateFadeState();\n\n    const element = scrollRef.current;\n    if (!element) {\n      return undefined;\n    }\n\n    const resizeObserver = new ResizeObserver(updateFadeState);\n    resizeObserver.observe(element);\n\n    const table = element.firstElementChild;\n    if (table) {\n      resizeObserver.observe(table);\n    }\n\n    return () => resizeObserver.disconnect();\n  }, [updateFadeState, children]);\n\n  return (\n    <div className=\"relative max-w-full\">\n      <div\n        ref={scrollRef}\n        data-testid=\"markdown-table-scroll\"\n        onScroll={updateFadeState}\n        className=\"max-w-full overflow-x-auto custom-scrollbar-always\"\n      >\n        {children}\n      </div>\n      {/* The fades blend into whatever surface the table sits on, which differs\n          between the chat stream and cards like the markdown artifact preview.\n          Set `--oh-scroll-fade-from` on any ancestor to match another surface.\n          The value is inlined at both edges because Tailwind only extracts\n          classes from literal strings, not interpolated constants. */}\n      <div\n        aria-hidden\n        data-testid=\"markdown-table-scroll-fade-left\"\n        data-visible={fadeState.left ? \"true\" : \"false\"}\n        className={cn(\n          \"pointer-events-none absolute inset-y-0 left-0 z-10\",\n          FADE_WIDTH_CLASS,\n          \"bg-gradient-to-r from-[var(--oh-scroll-fade-from,var(--oh-color-base))] to-transparent\",\n          \"transition-opacity duration-300 ease-out motion-reduce:transition-none\",\n          fadeState.left ? \"opacity-100\" : \"opacity-0\",\n        )}\n      />\n      <div\n        aria-hidden\n        data-testid=\"markdown-table-scroll-fade-right\"\n        data-visible={fadeState.right ? \"true\" : \"false\"}\n        className={cn(\n          \"pointer-events-none absolute inset-y-0 right-0 z-10\",\n          FADE_WIDTH_CLASS,\n          \"bg-gradient-to-l from-[var(--oh-scroll-fade-from,var(--oh-color-base))] to-transparent\",\n          \"transition-opacity duration-300 ease-out motion-reduce:transition-none\",\n          fadeState.right ? \"opacity-100\" : \"opacity-0\",\n        )}\n      />\n    </div>\n  );\n}\n"],"mappings":";;;;;AASA,IAAM,IAAmB;AAMzB,SAAgB,EAAoB,EAAE,eAAsC;CAC1E,IAAM,IAAY,EAAM,OAAuB,IAAI,GAC7C,CAAC,GAAW,KAAgB,EAAM,SAA0B;EAChE,MAAM;EACN,OAAO;CACT,CAAC,GAEK,IAAkB,EAAM,kBAAkB;EAC9C,IAAM,IAAU,EAAU;EACrB,KAGL,EAAa,EAAoB,CAAO,CAAC;CAC3C,GAAG,CAAC,CAAC;CAqBL,OAnBA,EAAM,sBAAsB;EAC1B,EAAgB;EAEhB,IAAM,IAAU,EAAU;EAC1B,IAAI,CAAC,GACH;EAGF,IAAM,IAAiB,IAAI,eAAe,CAAe;EACzD,EAAe,QAAQ,CAAO;EAE9B,IAAM,IAAQ,EAAQ;EAKtB,OAJI,KACF,EAAe,QAAQ,CAAK,SAGjB,EAAe,WAAW;CACzC,GAAG,CAAC,GAAiB,CAAQ,CAAC,GAG5B,kBAAC,OAAD;EAAK,WAAU;YAAf;GACE,kBAAC,OAAD;IACE,KAAK;IACL,eAAY;IACZ,UAAU;IACV,WAAU;IAET;GACE,CAAA;GAML,kBAAC,OAAD;IACE,eAAA;IACA,eAAY;IACZ,gBAAc,EAAU,OAAO,SAAS;IACxC,WAAW,EACT,sDACA,GACA,0FACA,0EACA,EAAU,OAAO,gBAAgB,WACnC;GACD,CAAA;GACD,kBAAC,OAAD;IACE,eAAA;IACA,eAAY;IACZ,gBAAc,EAAU,QAAQ,SAAS;IACzC,WAAW,EACT,uDACA,GACA,0FACA,0EACA,EAAU,QAAQ,gBAAgB,WACpC;GACD,CAAA;EACE;;AAET"}

package/dist/components/features/mcp-logo-badge.cjs

@@ -1,2 +1,2 @@
-require("../../_virtual/_rolldown/runtime.cjs");const e=require("../../node_modules/lucide-react/dist/esm/icons/bot.cjs"),t=require("../../utils/utils.cjs"),n=require("../../icons/slack.cjs");let r=require("react/jsx-runtime");var i={xs:`h-4 w-4 rounded [&>svg]:h-2.5 [&>svg]:w-2.5`,sm:`h-5 w-5 rounded-md [&>svg]:h-3 [&>svg]:w-3`,md:`h-10 w-10 rounded-lg [&>svg]:h-5 [&>svg]:w-5`},a={slack:n.default};function o({entry:n,size:o=`md`,className:s,fallback:c,testId:l}){let u=n?a[n.id]:void 0;return(0,r.jsx)(`span`,{"aria-hidden":`true`,title:n?.name,"data-testid":l,className:t.cn(`inline-flex shrink-0 items-center justify-center overflow-hidden`,`border border-white/10 shadow-[inset_0_1px_0_rgba(255,255,255,0.18)]`,i[o],s),style:{backgroundColor:n?.iconBg??`var(--oh-color-tertiary)`,color:n?.iconColor??`#FFFFFF`},children:u?(0,r.jsx)(u,{}):n?.logoUrl?(0,r.jsx)(`img`,{src:n.logoUrl,alt:`${n.name} logo`,className:`h-full w-full object-contain p-[22%]`,onError:e=>{let t=e.currentTarget;t.style.display=`none`}}):c??(0,r.jsx)(e.Bot,{className:`h-5 w-5`,strokeWidth:2.25})})}exports.McpLogoBadge=o;
+require("../../_virtual/_rolldown/runtime.cjs");const e=require("../../node_modules/lucide-react/dist/esm/icons/bot.cjs"),t=require("../../utils/utils.cjs"),n=require("../../icons/slack.cjs");let r=require("react/jsx-runtime");var i={xs:`h-4 w-4 rounded [&>svg]:h-2.5 [&>svg]:w-2.5`,sm:`h-5 w-5 rounded-md [&>svg]:h-3 [&>svg]:w-3`,base:`h-7 w-7 rounded-lg [&>svg]:h-3.5 [&>svg]:w-3.5`,md:`h-10 w-10 rounded-lg [&>svg]:h-5 [&>svg]:w-5`},a={slack:n.default};function o({entry:n,size:o=`md`,className:s,fallback:c,testId:l}){let u=n?a[n.id]:void 0;return(0,r.jsx)(`span`,{"aria-hidden":`true`,title:n?.name,"data-testid":l,className:t.cn(`inline-flex shrink-0 items-center justify-center overflow-hidden`,`border border-white/10 shadow-[inset_0_1px_0_rgba(255,255,255,0.18)]`,i[o],s),style:{backgroundColor:n?.iconBg??`var(--oh-color-tertiary)`,color:n?.iconColor??`#FFFFFF`},children:u?(0,r.jsx)(u,{}):n?.logoUrl?(0,r.jsx)(`img`,{src:n.logoUrl,alt:`${n.name} logo`,className:`h-full w-full object-contain p-[22%]`,onError:e=>{let t=e.currentTarget;t.style.display=`none`}}):c??(0,r.jsx)(e.Bot,{className:`h-5 w-5`,strokeWidth:2.25})})}exports.McpLogoBadge=o;
 //# sourceMappingURL=mcp-logo-badge.cjs.map

package/dist/components/features/mcp-logo-badge.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"mcp-logo-badge.cjs","names":[],"sources":["../../../src/components/features/mcp-logo-badge.tsx"],"sourcesContent":["import type { ComponentType, ReactNode, SVGProps } from \"react\";\nimport { Bot } from \"lucide-react\";\nimport type { IntegrationCatalogEntry } from \"@openhands/extensions/integrations\";\nimport SlackIcon from \"#/icons/slack.svg?react\";\nimport { cn } from \"#/utils/utils\";\n\ntype McpLogoEntry = Pick<\n  IntegrationCatalogEntry,\n  \"id\" | \"name\" | \"iconBg\" | \"iconColor\" | \"logoUrl\"\n>;\n\nexport type { McpLogoEntry };\n\ninterface McpLogoBadgeProps {\n  entry?: McpLogoEntry | null;\n  size?: \"xs\" | \"sm\" | \"md\";\n  className?: string;\n  fallback?: ReactNode;\n  testId?: string;\n}\n\nconst sizeClassNames = {\n  xs: \"h-4 w-4 rounded [&>svg]:h-2.5 [&>svg]:w-2.5\",\n  sm: \"h-5 w-5 rounded-md [&>svg]:h-3 [&>svg]:w-3\",\n  md: \"h-10 w-10 rounded-lg [&>svg]:h-5 [&>svg]:w-5\",\n};\n\n// Catalog entries whose remote logoUrl is unreliable (e.g. Slack's was removed\n// from cdn.simpleicons.org and now 404s) render a bundled mark instead, keyed\n// by IntegrationCatalogEntry.id.\nconst LOCAL_LOGO_ICONS: Record<\n  string,\n  ComponentType<SVGProps<SVGSVGElement>>\n> = {\n  slack: SlackIcon,\n};\n\nexport function McpLogoBadge({\n  entry,\n  size = \"md\",\n  className,\n  fallback,\n  testId,\n}: McpLogoBadgeProps) {\n  const LocalLogoIcon = entry ? LOCAL_LOGO_ICONS[entry.id] : undefined;\n  return (\n    <span\n      aria-hidden=\"true\"\n      title={entry?.name}\n      data-testid={testId}\n      className={cn(\n        \"inline-flex shrink-0 items-center justify-center overflow-hidden\",\n        \"border border-white/10 shadow-[inset_0_1px_0_rgba(255,255,255,0.18)]\",\n        sizeClassNames[size],\n        className,\n      )}\n      style={{\n        backgroundColor: entry?.iconBg ?? \"var(--oh-color-tertiary)\",\n        color: entry?.iconColor ?? \"#FFFFFF\",\n      }}\n    >\n      {LocalLogoIcon ? (\n        <LocalLogoIcon />\n      ) : entry?.logoUrl ? (\n        <img\n          src={entry.logoUrl}\n          alt={`${entry.name} logo`}\n          className=\"h-full w-full object-contain p-[22%]\"\n          onError={(e) => {\n            const image = e.currentTarget;\n            image.style.display = \"none\";\n          }}\n        />\n      ) : (\n        (fallback ?? <Bot className=\"h-5 w-5\" strokeWidth={2.25} />)\n      )}\n    </span>\n  );\n}\n"],"mappings":"mOAqBA,IAAM,EAAiB,CACrB,GAAI,8CACJ,GAAI,6CACJ,GAAI,8CACN,EAKM,EAGF,CACF,MAAO,EAAA,OACT,EAEA,SAAgB,EAAa,CAC3B,QACA,OAAO,KACP,YACA,WACA,UACoB,CACpB,IAAM,EAAgB,EAAQ,EAAiB,EAAM,IAAM,IAAA,GAC3D,OACE,EAAA,EAAA,KAAC,OAAD,CACE,cAAY,OACZ,MAAO,GAAO,KACd,cAAa,EACb,UAAW,EAAA,GACT,mEACA,uEACA,EAAe,GACf,CACF,EACA,MAAO,CACL,gBAAiB,GAAO,QAAU,2BAClC,MAAO,GAAO,WAAa,SAC7B,WAEC,GACC,EAAA,EAAA,KAAC,EAAD,CAAgB,CAAA,EACd,GAAO,SACT,EAAA,EAAA,KAAC,MAAD,CACE,IAAK,EAAM,QACX,IAAK,GAAG,EAAM,KAAK,OACnB,UAAU,uCACV,QAAU,GAAM,CACd,IAAM,EAAQ,EAAE,cAChB,EAAM,MAAM,QAAU,MACxB,CACD,CAAA,EAEA,IAAY,EAAA,EAAA,KAAC,EAAA,IAAD,CAAK,UAAU,UAAU,YAAa,IAAO,CAAA,CAExD,CAAA,CAEV"}
+{"version":3,"file":"mcp-logo-badge.cjs","names":[],"sources":["../../../src/components/features/mcp-logo-badge.tsx"],"sourcesContent":["import type { ComponentType, ReactNode, SVGProps } from \"react\";\nimport { Bot } from \"lucide-react\";\nimport type { IntegrationCatalogEntry } from \"@openhands/extensions/integrations\";\nimport SlackIcon from \"#/icons/slack.svg?react\";\nimport { cn } from \"#/utils/utils\";\n\ntype McpLogoEntry = Pick<\n  IntegrationCatalogEntry,\n  \"id\" | \"name\" | \"iconBg\" | \"iconColor\" | \"logoUrl\"\n>;\n\nexport type { McpLogoEntry };\n\ninterface McpLogoBadgeProps {\n  entry?: McpLogoEntry | null;\n  size?: \"xs\" | \"sm\" | \"base\" | \"md\";\n  className?: string;\n  fallback?: ReactNode;\n  testId?: string;\n}\n\nconst sizeClassNames = {\n  xs: \"h-4 w-4 rounded [&>svg]:h-2.5 [&>svg]:w-2.5\",\n  sm: \"h-5 w-5 rounded-md [&>svg]:h-3 [&>svg]:w-3\",\n  base: \"h-7 w-7 rounded-lg [&>svg]:h-3.5 [&>svg]:w-3.5\",\n  md: \"h-10 w-10 rounded-lg [&>svg]:h-5 [&>svg]:w-5\",\n};\n\n// Catalog entries whose remote logoUrl is unreliable (e.g. Slack's was removed\n// from cdn.simpleicons.org and now 404s) render a bundled mark instead, keyed\n// by IntegrationCatalogEntry.id.\nconst LOCAL_LOGO_ICONS: Record<\n  string,\n  ComponentType<SVGProps<SVGSVGElement>>\n> = {\n  slack: SlackIcon,\n};\n\nexport function McpLogoBadge({\n  entry,\n  size = \"md\",\n  className,\n  fallback,\n  testId,\n}: McpLogoBadgeProps) {\n  const LocalLogoIcon = entry ? LOCAL_LOGO_ICONS[entry.id] : undefined;\n  return (\n    <span\n      aria-hidden=\"true\"\n      title={entry?.name}\n      data-testid={testId}\n      className={cn(\n        \"inline-flex shrink-0 items-center justify-center overflow-hidden\",\n        \"border border-white/10 shadow-[inset_0_1px_0_rgba(255,255,255,0.18)]\",\n        sizeClassNames[size],\n        className,\n      )}\n      style={{\n        backgroundColor: entry?.iconBg ?? \"var(--oh-color-tertiary)\",\n        color: entry?.iconColor ?? \"#FFFFFF\",\n      }}\n    >\n      {LocalLogoIcon ? (\n        <LocalLogoIcon />\n      ) : entry?.logoUrl ? (\n        <img\n          src={entry.logoUrl}\n          alt={`${entry.name} logo`}\n          className=\"h-full w-full object-contain p-[22%]\"\n          onError={(e) => {\n            const image = e.currentTarget;\n            image.style.display = \"none\";\n          }}\n        />\n      ) : (\n        (fallback ?? <Bot className=\"h-5 w-5\" strokeWidth={2.25} />)\n      )}\n    </span>\n  );\n}\n"],"mappings":"mOAqBA,IAAM,EAAiB,CACrB,GAAI,8CACJ,GAAI,6CACJ,KAAM,iDACN,GAAI,8CACN,EAKM,EAGF,CACF,MAAO,EAAA,OACT,EAEA,SAAgB,EAAa,CAC3B,QACA,OAAO,KACP,YACA,WACA,UACoB,CACpB,IAAM,EAAgB,EAAQ,EAAiB,EAAM,IAAM,IAAA,GAC3D,OACE,EAAA,EAAA,KAAC,OAAD,CACE,cAAY,OACZ,MAAO,GAAO,KACd,cAAa,EACb,UAAW,EAAA,GACT,mEACA,uEACA,EAAe,GACf,CACF,EACA,MAAO,CACL,gBAAiB,GAAO,QAAU,2BAClC,MAAO,GAAO,WAAa,SAC7B,WAEC,GACC,EAAA,EAAA,KAAC,EAAD,CAAgB,CAAA,EACd,GAAO,SACT,EAAA,EAAA,KAAC,MAAD,CACE,IAAK,EAAM,QACX,IAAK,GAAG,EAAM,KAAK,OACnB,UAAU,uCACV,QAAU,GAAM,CACd,IAAM,EAAQ,EAAE,cAChB,EAAM,MAAM,QAAU,MACxB,CACD,CAAA,EAEA,IAAY,EAAA,EAAA,KAAC,EAAA,IAAD,CAAK,UAAU,UAAU,YAAa,IAAO,CAAA,CAExD,CAAA,CAEV"}

package/dist/components/features/mcp-logo-badge.d.ts

@@ -4,7 +4,7 @@ type McpLogoEntry = Pick<IntegrationCatalogEntry, "id" | "name" | "iconBg" | "ic
 export type { McpLogoEntry };
 interface McpLogoBadgeProps {
     entry?: McpLogoEntry | null;
-    size?: "xs" | "sm" | "md";
+    size?: "xs" | "sm" | "base" | "md";
     className?: string;
     fallback?: ReactNode;
     testId?: string;

package/dist/components/features/mcp-logo-badge.js

@@ -6,6 +6,7 @@ import { jsx as r } from "react/jsx-runtime";
 var i = {
 	xs: "h-4 w-4 rounded [&>svg]:h-2.5 [&>svg]:w-2.5",
 	sm: "h-5 w-5 rounded-md [&>svg]:h-3 [&>svg]:w-3",
+	base: "h-7 w-7 rounded-lg [&>svg]:h-3.5 [&>svg]:w-3.5",
 	md: "h-10 w-10 rounded-lg [&>svg]:h-5 [&>svg]:w-5"
 }, a = { slack: n };
 function o({ entry: n, size: o = "md", className: s, fallback: c, testId: l }) {

package/dist/components/features/mcp-logo-badge.js.map

@@ -1 +1 @@
-{"version":3,"file":"mcp-logo-badge.js","names":[],"sources":["../../../src/components/features/mcp-logo-badge.tsx"],"sourcesContent":["import type { ComponentType, ReactNode, SVGProps } from \"react\";\nimport { Bot } from \"lucide-react\";\nimport type { IntegrationCatalogEntry } from \"@openhands/extensions/integrations\";\nimport SlackIcon from \"#/icons/slack.svg?react\";\nimport { cn } from \"#/utils/utils\";\n\ntype McpLogoEntry = Pick<\n  IntegrationCatalogEntry,\n  \"id\" | \"name\" | \"iconBg\" | \"iconColor\" | \"logoUrl\"\n>;\n\nexport type { McpLogoEntry };\n\ninterface McpLogoBadgeProps {\n  entry?: McpLogoEntry | null;\n  size?: \"xs\" | \"sm\" | \"md\";\n  className?: string;\n  fallback?: ReactNode;\n  testId?: string;\n}\n\nconst sizeClassNames = {\n  xs: \"h-4 w-4 rounded [&>svg]:h-2.5 [&>svg]:w-2.5\",\n  sm: \"h-5 w-5 rounded-md [&>svg]:h-3 [&>svg]:w-3\",\n  md: \"h-10 w-10 rounded-lg [&>svg]:h-5 [&>svg]:w-5\",\n};\n\n// Catalog entries whose remote logoUrl is unreliable (e.g. Slack's was removed\n// from cdn.simpleicons.org and now 404s) render a bundled mark instead, keyed\n// by IntegrationCatalogEntry.id.\nconst LOCAL_LOGO_ICONS: Record<\n  string,\n  ComponentType<SVGProps<SVGSVGElement>>\n> = {\n  slack: SlackIcon,\n};\n\nexport function McpLogoBadge({\n  entry,\n  size = \"md\",\n  className,\n  fallback,\n  testId,\n}: McpLogoBadgeProps) {\n  const LocalLogoIcon = entry ? LOCAL_LOGO_ICONS[entry.id] : undefined;\n  return (\n    <span\n      aria-hidden=\"true\"\n      title={entry?.name}\n      data-testid={testId}\n      className={cn(\n        \"inline-flex shrink-0 items-center justify-center overflow-hidden\",\n        \"border border-white/10 shadow-[inset_0_1px_0_rgba(255,255,255,0.18)]\",\n        sizeClassNames[size],\n        className,\n      )}\n      style={{\n        backgroundColor: entry?.iconBg ?? \"var(--oh-color-tertiary)\",\n        color: entry?.iconColor ?? \"#FFFFFF\",\n      }}\n    >\n      {LocalLogoIcon ? (\n        <LocalLogoIcon />\n      ) : entry?.logoUrl ? (\n        <img\n          src={entry.logoUrl}\n          alt={`${entry.name} logo`}\n          className=\"h-full w-full object-contain p-[22%]\"\n          onError={(e) => {\n            const image = e.currentTarget;\n            image.style.display = \"none\";\n          }}\n        />\n      ) : (\n        (fallback ?? <Bot className=\"h-5 w-5\" strokeWidth={2.25} />)\n      )}\n    </span>\n  );\n}\n"],"mappings":";;;;;AAqBA,IAAM,IAAiB;CACrB,IAAI;CACJ,IAAI;CACJ,IAAI;AACN,GAKM,IAGF,EACF,OAAO,EACT;AAEA,SAAgB,EAAa,EAC3B,UACA,UAAO,MACP,cACA,aACA,aACoB;CACpB,IAAM,IAAgB,IAAQ,EAAiB,EAAM,MAAM,KAAA;CAC3D,OACE,kBAAC,QAAD;EACE,eAAY;EACZ,OAAO,GAAO;EACd,eAAa;EACb,WAAW,EACT,oEACA,wEACA,EAAe,IACf,CACF;EACA,OAAO;GACL,iBAAiB,GAAO,UAAU;GAClC,OAAO,GAAO,aAAa;EAC7B;YAEC,IACC,kBAAC,GAAD,CAAgB,CAAA,IACd,GAAO,UACT,kBAAC,OAAD;GACE,KAAK,EAAM;GACX,KAAK,GAAG,EAAM,KAAK;GACnB,WAAU;GACV,UAAU,MAAM;IACd,IAAM,IAAQ,EAAE;IAChB,EAAM,MAAM,UAAU;GACxB;EACD,CAAA,IAEA,KAAY,kBAAC,GAAD;GAAK,WAAU;GAAU,aAAa;EAAO,CAAA;CAExD,CAAA;AAEV"}
+{"version":3,"file":"mcp-logo-badge.js","names":[],"sources":["../../../src/components/features/mcp-logo-badge.tsx"],"sourcesContent":["import type { ComponentType, ReactNode, SVGProps } from \"react\";\nimport { Bot } from \"lucide-react\";\nimport type { IntegrationCatalogEntry } from \"@openhands/extensions/integrations\";\nimport SlackIcon from \"#/icons/slack.svg?react\";\nimport { cn } from \"#/utils/utils\";\n\ntype McpLogoEntry = Pick<\n  IntegrationCatalogEntry,\n  \"id\" | \"name\" | \"iconBg\" | \"iconColor\" | \"logoUrl\"\n>;\n\nexport type { McpLogoEntry };\n\ninterface McpLogoBadgeProps {\n  entry?: McpLogoEntry | null;\n  size?: \"xs\" | \"sm\" | \"base\" | \"md\";\n  className?: string;\n  fallback?: ReactNode;\n  testId?: string;\n}\n\nconst sizeClassNames = {\n  xs: \"h-4 w-4 rounded [&>svg]:h-2.5 [&>svg]:w-2.5\",\n  sm: \"h-5 w-5 rounded-md [&>svg]:h-3 [&>svg]:w-3\",\n  base: \"h-7 w-7 rounded-lg [&>svg]:h-3.5 [&>svg]:w-3.5\",\n  md: \"h-10 w-10 rounded-lg [&>svg]:h-5 [&>svg]:w-5\",\n};\n\n// Catalog entries whose remote logoUrl is unreliable (e.g. Slack's was removed\n// from cdn.simpleicons.org and now 404s) render a bundled mark instead, keyed\n// by IntegrationCatalogEntry.id.\nconst LOCAL_LOGO_ICONS: Record<\n  string,\n  ComponentType<SVGProps<SVGSVGElement>>\n> = {\n  slack: SlackIcon,\n};\n\nexport function McpLogoBadge({\n  entry,\n  size = \"md\",\n  className,\n  fallback,\n  testId,\n}: McpLogoBadgeProps) {\n  const LocalLogoIcon = entry ? LOCAL_LOGO_ICONS[entry.id] : undefined;\n  return (\n    <span\n      aria-hidden=\"true\"\n      title={entry?.name}\n      data-testid={testId}\n      className={cn(\n        \"inline-flex shrink-0 items-center justify-center overflow-hidden\",\n        \"border border-white/10 shadow-[inset_0_1px_0_rgba(255,255,255,0.18)]\",\n        sizeClassNames[size],\n        className,\n      )}\n      style={{\n        backgroundColor: entry?.iconBg ?? \"var(--oh-color-tertiary)\",\n        color: entry?.iconColor ?? \"#FFFFFF\",\n      }}\n    >\n      {LocalLogoIcon ? (\n        <LocalLogoIcon />\n      ) : entry?.logoUrl ? (\n        <img\n          src={entry.logoUrl}\n          alt={`${entry.name} logo`}\n          className=\"h-full w-full object-contain p-[22%]\"\n          onError={(e) => {\n            const image = e.currentTarget;\n            image.style.display = \"none\";\n          }}\n        />\n      ) : (\n        (fallback ?? <Bot className=\"h-5 w-5\" strokeWidth={2.25} />)\n      )}\n    </span>\n  );\n}\n"],"mappings":";;;;;AAqBA,IAAM,IAAiB;CACrB,IAAI;CACJ,IAAI;CACJ,MAAM;CACN,IAAI;AACN,GAKM,IAGF,EACF,OAAO,EACT;AAEA,SAAgB,EAAa,EAC3B,UACA,UAAO,MACP,cACA,aACA,aACoB;CACpB,IAAM,IAAgB,IAAQ,EAAiB,EAAM,MAAM,KAAA;CAC3D,OACE,kBAAC,QAAD;EACE,eAAY;EACZ,OAAO,GAAO;EACd,eAAa;EACb,WAAW,EACT,oEACA,wEACA,EAAe,IACf,CACF;EACA,OAAO;GACL,iBAAiB,GAAO,UAAU;GAClC,OAAO,GAAO,aAAa;EAC7B;YAEC,IACC,kBAAC,GAAD,CAAgB,CAAA,IACd,GAAO,UACT,kBAAC,OAAD;GACE,KAAK,EAAM;GACX,KAAK,GAAG,EAAM,KAAK;GACnB,WAAU;GACV,UAAU,MAAM;IACd,IAAM,IAAQ,EAAE;IAChB,EAAM,MAAM,UAAU;GACxB;EACD,CAAA,IAEA,KAAY,kBAAC,GAAD;GAAK,WAAU;GAAU,aAAa;EAAO,CAAA;CAExD,CAAA;AAEV"}

package/dist/components/features/mcp-page/custom-server-editor.cjs

@@ -1,2 +1,2 @@
-const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../../node_modules/react-i18next/dist/es/useTranslation.cjs"),n=require("../../../i18n/declaration.cjs"),r=require("../../../utils/utils.cjs"),i=require("../../../utils/retrieve-axios-error-message.cjs"),a=require("../../../utils/custom-toast-handlers.cjs"),o=require("../../../contexts/active-backend-context.cjs");require("../../../utils/mcp-config.cjs");const s=require("../../shared/modals/modal-backdrop.cjs"),c=require("../../../utils/modal-classes.cjs"),l=require("../../shared/modals/modal-close-button.cjs"),u=require("../../../hooks/mutation/use-update-mcp-server.cjs"),d=require("../../../api/mcp-service/mcp-service.api.cjs"),f=require("../../../api/mcp-health/probe-mcp-server-health.cjs"),p=require("../../../utils/mcp-test-error-message.cjs"),m=require("../../../hooks/mutation/use-add-mcp-server.cjs"),h=require("../../../hooks/mutation/use-test-mcp-server.cjs"),g=require("../../shared/modals/confirmation-modal.cjs"),_=require("../settings/mcp-settings/mcp-server-form.cjs"),v=require("../../../hooks/mutation/use-delete-mcp-server.cjs");let y=require("react");y=e.__toESM(y,1);let b=require("react/jsx-runtime");function x({server:e,existingServers:x,onClose:S}){let{t:C}=t.useTranslation(`openhands`),{mutate:w,isPending:T}=m.useAddMcpServer(),{mutate:E,isPending:D}=u.useUpdateMcpServer(),{mutate:O,isPending:k}=v.useDeleteMcpServer(),{mutate:A,isPending:j,data:M,reset:N}=h.useTestMcpServer(),[P,F]=y.default.useState(!1),[I,L]=y.default.useState(null),[R,z]=y.default.useState(!1),{backend:B}=o.useActiveBackend(),V=B.kind===`cloud`,H=!!e.id,U=T||D||k,W=U||j||R||P,G=y.default.useMemo(()=>{let e=I??M;return e?e.ok?{ok:!0,text:C(n.I18nKey.MCP$TEST_SUCCESS,{count:e.tools.length})}:{ok:!1,text:p.makeMcpTestErrorMessage(C,e.error_kind,e.error)}:null},[I,M,C]),K=(t,n)=>{V||f.seedMcpServerHealth(t,n,H?x.filter(t=>t.id!==e.id):x)},q=e=>{if(e instanceof Error&&e.message===`Replace or clear the stored credential before renaming this MCP server.`){a.displayErrorToast(e.message);return}a.displayErrorToast(i.retrieveAxiosErrorMessage(e)||C(n.I18nKey.ERROR$GENERIC))};return(0,b.jsxs)(b.Fragment,{children:[(0,b.jsx)(s.ModalBackdrop,{onClose:W?void 0:S,closeOnEscape:!W,"aria-label":C(H?n.I18nKey.MCP$EDIT_CUSTOM_TITLE:n.I18nKey.MCP$ADD_CUSTOM_TITLE),children:(0,b.jsxs)(`div`,{"data-testid":`mcp-custom-editor`,className:`relative bg-base-secondary p-6 rounded-xl border border-[var(--oh-border)] w-[520px] max-w-[90vw] max-h-[90vh] overflow-y-auto custom-scrollbar`,children:[(0,b.jsx)(l.ModalCloseButton,{onClose:S,testId:`mcp-custom-editor-close`,disabled:W}),(0,b.jsx)(`h2`,{className:r.cn(`mb-4 pr-6`,c.modalTitleLgClassName),children:C(H?n.I18nKey.MCP$EDIT_CUSTOM_TITLE:n.I18nKey.MCP$ADD_CUSTOM_TITLE)}),(0,b.jsx)(_.MCPServerForm,{mode:H?`edit`:`add`,server:H?e:void 0,existingServers:x,onSubmit:t=>{if(N(),L(null),t.auth?.strategy===`oauth2`){z(!0),d.default.authorizeOAuth(t).then(n=>{if(L(n),!n.ok)return;let r=n.oauth_state?{...t,auth:{...t.auth,state:n.oauth_state}}:t,i=()=>{K(r,n),S()};H?E({serverId:e.id,server:r},{onSuccess:i,onError:q}):w(r,{onSuccess:i,onError:q})}).catch(q).finally(()=>z(!1));return}A(t,{onSuccess:n=>{if(!n.ok)return;let r=n.oauth_state&&t.auth?.strategy===`oauth2`?{...t,auth:{...t.auth,state:n.oauth_state}}:t,i=()=>{K(r,n),S()};H?E({serverId:e.id,server:r},{onSuccess:i,onError:q}):w(r,{onSuccess:i,onError:q})},onError:q})},onCancel:S,onDelete:H?()=>F(!0):void 0,isActionDisabled:U,onTest:V?void 0:e=>{if(L(null),e.auth?.strategy===`oauth2`&&!V){z(!0),d.default.authorizeOAuth(e).then(L).catch(q).finally(()=>z(!1));return}A(e)},isTestPending:j||R,testMessage:V?null:G})]})}),P?(0,b.jsx)(g.ConfirmationModal,{text:C(n.I18nKey.SETTINGS$MCP_CONFIRM_DELETE),onCancel:()=>F(!1),onConfirm:()=>{O(e,{onSuccess:()=>{a.displaySuccessToast(C(n.I18nKey.MCP$REMOVE_SUCCESS)),F(!1),S()},onError:e=>{q(e),F(!1)}})},isConfirming:k}):null]})}exports.CustomServerEditor=x;
+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/retrieve-axios-error-message.cjs"),a=require("../../../utils/custom-toast-handlers.cjs"),o=require("../../../contexts/active-backend-context.cjs");require("../../../utils/mcp-config.cjs");const s=require("../../shared/modals/modal-backdrop.cjs"),c=require("../../../utils/modal-classes.cjs"),l=require("../../shared/modals/modal-close-button.cjs"),u=require("../../../api/mcp-service/mcp-service.api.cjs"),d=require("../../../api/mcp-health/probe-mcp-server-health.cjs"),f=require("../../../hooks/mutation/use-add-mcp-server.cjs"),p=require("../../../hooks/mutation/use-test-mcp-server.cjs"),m=require("../../../utils/mcp-test-error-message.cjs"),h=require("../../shared/modals/confirmation-modal.cjs"),g=require("../../../hooks/mutation/use-delete-mcp-server.cjs"),_=require("../../../hooks/mutation/use-update-mcp-server.cjs"),v=require("../settings/mcp-settings/mcp-server-form.cjs");let y=require("react");y=e.__toESM(y,1);let b=require("react/jsx-runtime");function x({server:e,existingServers:x,onClose:S}){let{t:C}=t.useTranslation(`openhands`),{mutate:w,isPending:T}=f.useAddMcpServer(),{mutate:E,isPending:D}=_.useUpdateMcpServer(),{mutate:O,isPending:k}=g.useDeleteMcpServer(),{mutate:A,isPending:j,data:M,reset:N}=p.useTestMcpServer(),[P,F]=y.default.useState(!1),[I,L]=y.default.useState(null),[R,z]=y.default.useState(!1),{backend:B}=o.useActiveBackend(),V=B.kind===`cloud`,H=!!e.id,U=T||D||k,W=U||j||R||P,G=y.default.useMemo(()=>{let e=I??M;return e?e.ok?{ok:!0,text:C(n.I18nKey.MCP$TEST_SUCCESS,{count:e.tools.length})}:{ok:!1,text:m.makeMcpTestErrorMessage(C,e.error_kind,e.error)}:null},[I,M,C]),K=(t,n)=>{V||d.seedMcpServerHealth(t,n,H?x.filter(t=>t.id!==e.id):x)},q=e=>{if(e instanceof Error&&e.message===`Replace or clear the stored credential before renaming this MCP server.`){a.displayErrorToast(e.message);return}a.displayErrorToast(i.retrieveAxiosErrorMessage(e)||C(n.I18nKey.ERROR$GENERIC))};return(0,b.jsxs)(b.Fragment,{children:[(0,b.jsx)(s.ModalBackdrop,{onClose:W?void 0:S,closeOnEscape:!W,"aria-label":C(H?n.I18nKey.MCP$EDIT_CUSTOM_TITLE:n.I18nKey.MCP$ADD_CUSTOM_TITLE),children:(0,b.jsxs)(`div`,{"data-testid":`mcp-custom-editor`,className:`relative bg-base-secondary p-6 rounded-xl border border-[var(--oh-border)] w-[520px] max-w-[90vw] max-h-[90vh] overflow-y-auto custom-scrollbar`,children:[(0,b.jsx)(l.ModalCloseButton,{onClose:S,testId:`mcp-custom-editor-close`,disabled:W}),(0,b.jsx)(`h2`,{className:r.cn(`mb-4 pr-6`,c.modalTitleLgClassName),children:C(H?n.I18nKey.MCP$EDIT_CUSTOM_TITLE:n.I18nKey.MCP$ADD_CUSTOM_TITLE)}),(0,b.jsx)(v.MCPServerForm,{mode:H?`edit`:`add`,server:H?e:void 0,existingServers:x,onSubmit:t=>{if(N(),L(null),t.auth?.strategy===`oauth2`){z(!0),u.default.authorizeOAuth(t).then(n=>{if(L(n),!n.ok)return;let r=n.oauth_state?{...t,auth:{...t.auth,state:n.oauth_state}}:t,i=()=>{K(r,n),S()};H?E({serverId:e.id,server:r},{onSuccess:i,onError:q}):w(r,{onSuccess:i,onError:q})}).catch(q).finally(()=>z(!1));return}A(t,{onSuccess:n=>{if(!n.ok)return;let r=n.oauth_state&&t.auth?.strategy===`oauth2`?{...t,auth:{...t.auth,state:n.oauth_state}}:t,i=()=>{K(r,n),S()};H?E({serverId:e.id,server:r},{onSuccess:i,onError:q}):w(r,{onSuccess:i,onError:q})},onError:q})},onCancel:S,onDelete:H?()=>F(!0):void 0,isActionDisabled:U,onTest:V?void 0:e=>{if(L(null),e.auth?.strategy===`oauth2`&&!V){z(!0),u.default.authorizeOAuth(e).then(L).catch(q).finally(()=>z(!1));return}A(e)},isTestPending:j||R,testMessage:V?null:G})]})}),P?(0,b.jsx)(h.ConfirmationModal,{text:C(n.I18nKey.SETTINGS$MCP_CONFIRM_DELETE),onCancel:()=>F(!1),onConfirm:()=>{O(e,{onSuccess:()=>{a.displaySuccessToast(C(n.I18nKey.MCP$REMOVE_SUCCESS)),F(!1),S()},onError:e=>{q(e),F(!1)}})},isConfirming:k}):null]})}exports.CustomServerEditor=x;
 //# sourceMappingURL=custom-server-editor.cjs.map