npm - @openhands/agent-canvas - Versions diffs - 1.1.0 → 1.2.1 - Mend

@openhands/agent-canvas 1.1.0 → 1.2.1

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

Files changed (1390) hide show

package/dist/components/features/conversation-panel/local-new-conversation-menu.cjs CHANGED Viewed

@@ -1,2 +1,2 @@
-const e=require(`../../../_virtual/_rolldown/runtime.cjs`),t=require(`../../../node_modules/react-i18next/dist/es/useTranslation.cjs`),n=require(`../../../i18n/declaration.cjs`),r=require(`../../../utils/utils.cjs`),i=require(`../../../context/navigation-context.cjs`),a=require(`../../shared/buttons/styled-tooltip.cjs`),o=require(`../../../utils/dropdown-classes.cjs`),ee=require(`../../../hooks/mutation/use-create-conversation.cjs`),s=require(`../../../ui/divider.cjs`),c=require(`../../../icons/repo.cjs`),l=require(`../../../hooks/use-is-creating-conversation.cjs`),u=require(`../../../hooks/mutation/use-local-workspaces-mutations.cjs`),d=require(`../../../hooks/query/use-local-workspaces.cjs`),f=require(`../../../hooks/query/use-resolved-workspaces.cjs`),p=require(`../../../utils/workspaces-compatibility.cjs`),te=require(`../home/workspace-dropdown/folder-browser-modal.cjs`),m=require(`../home/workspace-dropdown/manage-workspaces-modal.cjs`),h=require(`./new-conversation-dropdown-styles.cjs`),g=require(`../../../hooks/use-popover-fixed-placement.cjs`);let _=require(`react`);_=e.__toESM(_,1);let v=require(`react/jsx-runtime`);function y({trigger:e,className:y,popoverClassName:b,popoverTestId:x=`new-conversation-popover`,useFixedPlacement:S=!1}){let{t:C}=t.useTranslation(`openhands`),{navigate:w}=i.useNavigation(),[T,E]=_.default.useState(!1),D=_.default.useRef(null),O=_.default.useRef(null),k=g.usePopoverFixedPlacement(O,{open:T,enabled:S}),{data:A,error:j}=d.useLocalWorkspaces(),M=A?.workspaceParents??[],{mutate:N}=u.useAddWorkspaces(),{mutate:P}=u.useRemoveWorkspace(),{mutate:F}=u.useAddWorkspaceParents(),{mutate:I}=u.useRemoveWorkspaceParent(),{workspaces:L}=f.useResolvedWorkspaces(),R=p.getWorkspacesUnsupportedMessage(j,C),[z,B]=_.default.useState(!1),[V,H]=_.default.useState(!1),{mutate:U,isPending:W}=ee.useCreateConversation(),G=l.useIsCreatingConversation(),K=W||G;_.default.useEffect(()=>{if(!T||z||V)return;let e=e=>{D.current&&!D.current.contains(e.target)&&E(!1)};return document.addEventListener(`mousedown`,e),()=>document.removeEventListener(`mousedown`,e)},[T,z,V]),_.default.useEffect(()=>{if(!T||z||V)return;let e=e=>{e.key===`Escape`&&E(!1)};return window.addEventListener(`keydown`,e),()=>window.removeEventListener(`keydown`,e)},[T,z,V]);let q=e=>{K||U({workingDir:e},{onSuccess:e=>{E(!1),w(`/conversations/${e.conversation_id}`)}})},J=o.dropdownMenuRowClassName,Y=_.default.useCallback(e=>{e.preventDefault(),e.stopPropagation()},[]),X=_.default.useCallback(()=>{E(e=>!e)},[]),Z=T&&(!S||k!==null),Q=!!R,ne=S&&k?{position:`fixed`,top:k.top,left:k.left,width:k.width}:void 0,$=(0,v.jsx)(`button`,{type:`button`,"data-testid":`add-workspaces-button`,disabled:Q,onMouseDown:Y,onClick:e=>{e.preventDefault(),e.stopPropagation(),!Q&&B(!0)},className:J,children:C(n.I18nKey.HOME$ADD_WORKSPACES)}),re=R?(0,v.jsx)(a.StyledTooltip,{content:R,placement:`top`,children:(0,v.jsx)(`span`,{className:`block`,children:$})}):$;return(0,v.jsxs)(`div`,{className:r.cn(!S&&`relative`,y),ref:D,children:[(0,v.jsx)(`span`,{ref:O,className:`inline-flex`,children:e({onClick:X,"aria-expanded":T,"aria-haspopup":`menu`,disabled:K})}),Z&&(0,v.jsxs)(`div`,{"data-testid":x,className:r.cn(h.NEW_CONVERSATION_DROPDOWN_SURFACE,!S&&r.cn(`absolute top-full mt-0`,b)),style:ne,children:[(0,v.jsxs)(`ul`,{className:r.cn(`max-h-[40vh] overflow-y-auto sm:max-h-[280px]`,o.dropdownMenuListClassName),children:[(0,v.jsx)(`li`,{children:(0,v.jsx)(`button`,{type:`button`,disabled:K,"data-testid":`launch-no-workspace`,onClick:()=>q(),className:J,children:(0,v.jsx)(`span`,{className:`text-[var(--oh-muted)]`,children:C(n.I18nKey.HOME$NO_WORKSPACE_OPTION)})})}),L.map(e=>(0,v.jsx)(`li`,{children:(0,v.jsxs)(`button`,{type:`button`,disabled:K,"data-testid":`launch-workspace`,"data-workspace-path":e.path,onClick:()=>q(e.path),className:J,children:[(0,v.jsx)(`span`,{className:o.dropdownMenuRowIconWrapperClassName,"aria-hidden":!0,children:(0,v.jsx)(c.default,{width:14,height:14})}),(0,v.jsx)(`span`,{className:`truncate`,children:e.name})]})},e.id))]}),(0,v.jsxs)(`div`,{className:r.cn(`flex flex-col`,o.dropdownMenuListClassName),"data-testid":`new-conversation-menu-footer`,children:[(0,v.jsx)(s.Divider,{inset:`menu`,testId:`new-conversation-menu-footer-divider`}),re,(L.length>0||M.length>0)&&(0,v.jsx)(`button`,{type:`button`,"data-testid":`manage-workspaces-button`,onMouseDown:Y,onClick:e=>{e.preventDefault(),e.stopPropagation(),H(!0)},className:J,children:C(n.I18nKey.HOME$MANAGE_WORKSPACES)})]})]}),(0,v.jsx)(te.FolderBrowserModal,{isOpen:z,onClose:()=>B(!1),onAdd:e=>N(e),onAddParent:e=>F(e)}),(0,v.jsx)(m.ManageWorkspacesModal,{isOpen:V,workspaces:L,workspaceParents:M,onClose:()=>H(!1),onRemove:e=>P(e),onRemoveParent:e=>I(e)})]})}exports.LocalNewConversationMenu=y;
+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(`../../../context/navigation-context.cjs`),a=require(`../../shared/buttons/styled-tooltip.cjs`),o=require(`../../../utils/dropdown-classes.cjs`),ee=require(`../../../hooks/mutation/use-create-conversation.cjs`),s=require(`../../../ui/divider.cjs`),c=require(`../../../icons/repo.cjs`),l=require(`../../../hooks/use-is-creating-conversation.cjs`),u=require(`../../../hooks/mutation/use-local-workspaces-mutations.cjs`),d=require(`../../../hooks/query/use-local-workspaces.cjs`),f=require(`../../../hooks/query/use-resolved-workspaces.cjs`),p=require(`../../../utils/workspaces-compatibility.cjs`),te=require(`../home/workspace-dropdown/folder-browser-modal.cjs`),m=require(`../home/workspace-dropdown/manage-workspaces-modal.cjs`),h=require(`./new-conversation-dropdown-styles.cjs`),g=require(`../../../hooks/use-popover-fixed-placement.cjs`);let _=require(`react`);_=e.__toESM(_,1);let v=require(`react/jsx-runtime`);function y({trigger:e,className:y,popoverClassName:b,popoverTestId:x=`new-conversation-popover`,useFixedPlacement:S=!1}){let{t:C}=t.useTranslation(`openhands`),{navigate:w}=i.useNavigation(),[T,E]=_.default.useState(!1),D=_.default.useRef(null),O=_.default.useRef(null),k=g.usePopoverFixedPlacement(O,{open:T,enabled:S}),{data:A,error:j}=d.useLocalWorkspaces(),M=A?.workspaceParents??[],{mutate:N}=u.useAddWorkspaces(),{mutate:P}=u.useRemoveWorkspace(),{mutate:F}=u.useAddWorkspaceParents(),{mutate:I}=u.useRemoveWorkspaceParent(),{workspaces:L}=f.useResolvedWorkspaces(),R=p.getWorkspacesUnsupportedMessage(j,C),[z,B]=_.default.useState(!1),[V,H]=_.default.useState(!1),{mutate:U,isPending:W}=ee.useCreateConversation(),G=l.useIsCreatingConversation(),K=W||G;_.default.useEffect(()=>{if(!T||z||V)return;let e=e=>{D.current&&!D.current.contains(e.target)&&E(!1)};return document.addEventListener(`mousedown`,e),()=>document.removeEventListener(`mousedown`,e)},[T,z,V]),_.default.useEffect(()=>{if(!T||z||V)return;let e=e=>{e.key===`Escape`&&E(!1)};return window.addEventListener(`keydown`,e),()=>window.removeEventListener(`keydown`,e)},[T,z,V]);let q=e=>{K||U({workingDir:e,entryPoint:`sidebar_local_menu`},{onSuccess:e=>{E(!1),w(`/conversations/${e.conversation_id}`)}})},J=o.dropdownMenuRowClassName,Y=_.default.useCallback(e=>{e.preventDefault(),e.stopPropagation()},[]),X=_.default.useCallback(()=>{E(e=>!e)},[]),Z=T&&(!S||k!==null),Q=!!R,ne=S&&k?{position:`fixed`,top:k.top,left:k.left,width:k.width}:void 0,$=(0,v.jsx)(`button`,{type:`button`,"data-testid":`add-workspaces-button`,disabled:Q,onMouseDown:Y,onClick:e=>{e.preventDefault(),e.stopPropagation(),!Q&&B(!0)},className:J,children:C(n.I18nKey.HOME$ADD_WORKSPACES)}),re=R?(0,v.jsx)(a.StyledTooltip,{content:R,placement:`top`,children:(0,v.jsx)(`span`,{className:`block`,children:$})}):$;return(0,v.jsxs)(`div`,{className:r.cn(!S&&`relative`,y),ref:D,children:[(0,v.jsx)(`span`,{ref:O,className:`inline-flex`,children:e({onClick:X,"aria-expanded":T,"aria-haspopup":`menu`,disabled:K})}),Z&&(0,v.jsxs)(`div`,{"data-testid":x,className:r.cn(h.NEW_CONVERSATION_DROPDOWN_SURFACE,!S&&r.cn(`absolute top-full mt-0`,b)),style:ne,children:[(0,v.jsxs)(`ul`,{className:r.cn(`max-h-[40vh] overflow-y-auto sm:max-h-[280px]`,o.dropdownMenuListClassName),children:[(0,v.jsx)(`li`,{children:(0,v.jsx)(`button`,{type:`button`,disabled:K,"data-testid":`launch-no-workspace`,onClick:()=>q(),className:J,children:(0,v.jsx)(`span`,{className:`text-[var(--oh-muted)]`,children:C(n.I18nKey.HOME$NO_WORKSPACE_OPTION)})})}),L.map(e=>(0,v.jsx)(`li`,{children:(0,v.jsxs)(`button`,{type:`button`,disabled:K,"data-testid":`launch-workspace`,"data-workspace-path":e.path,onClick:()=>q(e.path),className:J,children:[(0,v.jsx)(`span`,{className:o.dropdownMenuRowIconWrapperClassName,"aria-hidden":!0,children:(0,v.jsx)(c.default,{width:14,height:14})}),(0,v.jsx)(`span`,{className:`truncate`,children:e.name})]})},e.id))]}),(0,v.jsxs)(`div`,{className:r.cn(`flex flex-col`,o.dropdownMenuListClassName),"data-testid":`new-conversation-menu-footer`,children:[(0,v.jsx)(s.Divider,{inset:`menu`,testId:`new-conversation-menu-footer-divider`}),re,(L.length>0||M.length>0)&&(0,v.jsx)(`button`,{type:`button`,"data-testid":`manage-workspaces-button`,onMouseDown:Y,onClick:e=>{e.preventDefault(),e.stopPropagation(),H(!0)},className:J,children:C(n.I18nKey.HOME$MANAGE_WORKSPACES)})]})]}),(0,v.jsx)(te.FolderBrowserModal,{isOpen:z,onClose:()=>B(!1),onAdd:e=>N(e),onAddParent:e=>F(e)}),(0,v.jsx)(m.ManageWorkspacesModal,{isOpen:V,workspaces:L,workspaceParents:M,onClose:()=>H(!1),onRemove:e=>P(e),onRemoveParent:e=>I(e)})]})}exports.LocalNewConversationMenu=y;
 //# sourceMappingURL=local-new-conversation-menu.cjs.map

package/dist/components/features/conversation-panel/local-new-conversation-menu.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"local-new-conversation-menu.cjs","names":[],"sources":["../../../../src/components/features/conversation-panel/local-new-conversation-menu.tsx"],"sourcesContent":["import React from \"react\";\nimport { useTranslation } from \"react-i18next\";\n\nimport { useCreateConversation } from \"#/hooks/mutation/use-create-conversation\";\nimport { useNavigation } from \"#/context/navigation-context\";\nimport { useIsCreatingConversation } from \"#/hooks/use-is-creating-conversation\";\nimport {\n useAddWorkspaces,\n useAddWorkspaceParents,\n useRemoveWorkspace,\n useRemoveWorkspaceParent,\n} from \"#/hooks/mutation/use-local-workspaces-mutations\";\nimport { useLocalWorkspaces } from \"#/hooks/query/use-local-workspaces\";\nimport { useResolvedWorkspaces } from \"#/hooks/query/use-resolved-workspaces\";\nimport { I18nKey } from \"#/i18n/declaration\";\nimport { cn } from \"#/utils/utils\";\nimport {\n dropdownMenuRowClassName,\n dropdownMenuListClassName,\n dropdownMenuRowIconWrapperClassName,\n} from \"#/utils/dropdown-classes\";\nimport { getWorkspacesUnsupportedMessage } from \"#/utils/workspaces-compatibility\";\nimport RepoIcon from \"#/icons/repo.svg?react\";\n\nimport { FolderBrowserModal } from \"#/components/features/home/workspace-dropdown/folder-browser-modal\";\nimport { ManageWorkspacesModal } from \"#/components/features/home/workspace-dropdown/manage-workspaces-modal\";\n\nimport { StyledTooltip } from \"#/components/shared/buttons/styled-tooltip\";\nimport { Divider } from \"#/ui/divider\";\nimport { NEW_CONVERSATION_DROPDOWN_SURFACE } from \"./new-conversation-dropdown-styles\";\nimport { usePopoverFixedPlacement } from \"#/hooks/use-popover-fixed-placement\";\n\nexport type LocalNewConversationMenuTriggerProps = {\n onClick: () => void;\n \"aria-expanded\": boolean;\n \"aria-haspopup\": \"menu\";\n disabled?: boolean;\n};\n\nexport interface LocalNewConversationMenuProps {\n trigger: (props: LocalNewConversationMenuTriggerProps) => React.ReactNode;\n /** Root wrapper class (e.g. `relative` + alignment in header row) /\n className?: string;\n /* Panel positioning / dimensions when using absolute placement (sidebar) /\n popoverClassName: string;\n /* Optional test id for the popover surface /\n popoverTestId?: string;\n /\n Use `position: fixed` from the trigger rect so the menu is not clipped by\n * sidebar overflow (conversation panel header).\n /\n useFixedPlacement?: boolean;\n}\n\n/\n Workspace/repo picker + launch flow for local agent-server backends.\n * Shared by the sidebar \"+ New conversation\" control and the conversation\n * panel \"new thread folder\" control.\n */\nexport function LocalNewConversationMenu({\n trigger,\n className,\n popoverClassName,\n popoverTestId = \"new-conversation-popover\",\n useFixedPlacement = false,\n}: LocalNewConversationMenuProps) {\n const { t } = useTranslation(\"openhands\");\n const { navigate } = useNavigation();\n\n const [open, setOpen] = React.useState(false);\n const popoverRef = React.useRef<HTMLDivElement>(null);\n const triggerWrapRef = React.useRef<HTMLSpanElement>(null);\n const fixedBox = usePopoverFixedPlacement(triggerWrapRef, {\n open,\n enabled: useFixedPlacement,\n });\n\n const { data: workspacesData, error: workspacesError } = useLocalWorkspaces();\n const workspaceParents = workspacesData?.workspaceParents ?? [];\n const { mutate: addWorkspaces } = useAddWorkspaces();\n const { mutate: removeWorkspace } = useRemoveWorkspace();\n const { mutate: addWorkspaceParents } = useAddWorkspaceParents();\n const { mutate: removeWorkspaceParent } = useRemoveWorkspaceParent();\n const { workspaces } = useResolvedWorkspaces();\n const workspacesUnsupportedMessage = getWorkspacesUnsupportedMessage(\n workspacesError,\n t,\n );\n const [browserOpen, setBrowserOpen] = React.useState(false);\n const [manageOpen, setManageOpen] = React.useState(false);\n\n const { mutate: createConversation, isPending } = useCreateConversation();\n const isCreatingElsewhere = useIsCreatingConversation();\n const isCreating = isPending \|\| isCreatingElsewhere;\n\n React.useEffect(() => {\n if (!open \|\| browserOpen \|\| manageOpen) return undefined;\n const onDown = (e: MouseEvent) => {\n if (\n popoverRef.current &&\n !popoverRef.current.contains(e.target as Node)\n ) {\n setOpen(false);\n }\n };\n document.addEventListener(\"mousedown\", onDown);\n return () => document.removeEventListener(\"mousedown\", onDown);\n }, [open, browserOpen, manageOpen]);\n\n React.useEffect(() => {\n if (!open \|\| browserOpen \|\| manageOpen) return undefined;\n const onKeyDown = (event: KeyboardEvent) => {\n if (event.key === \"Escape\") {\n setOpen(false);\n }\n };\n window.addEventListener(\"keydown\", onKeyDown);\n return () => window.removeEventListener(\"keydown\", onKeyDown);\n }, [open, browserOpen, manageOpen]);\n\n const launch = (workingDir?: string) => {\n if (isCreating) return;\n createConversation(\n { workingDir },\n {\n onSuccess: (data) => {\n setOpen(false);\n navigate(`/conversations/${data.conversation_id}`);\n },\n },\n );\n };\n\n const itemClass = dropdownMenuRowClassName;\n\n const keepPopoverOpenOnMouseDown = React.useCallback(\n (event: React.MouseEvent<HTMLButtonElement>) => {\n event.preventDefault();\n event.stopPropagation();\n },\n [],\n );\n\n const toggleOpen = React.useCallback(() => {\n setOpen((o) => !o);\n }, []);\n\n const showPopover = open && (!useFixedPlacement \|\| fixedBox !== null);\n const workspaceActionsDisabled = Boolean(workspacesUnsupportedMessage);\n\n const fixedStyle: React.CSSProperties \| undefined =\n useFixedPlacement && fixedBox\n ? {\n position: \"fixed\",\n top: fixedBox.top,\n left: fixedBox.left,\n width: fixedBox.width,\n }\n : undefined;\n\n const addWorkspacesButton = (\n <button\n type=\"button\"\n data-testid=\"add-workspaces-button\"\n disabled={workspaceActionsDisabled}\n onMouseDown={keepPopoverOpenOnMouseDown}\n onClick={(event) => {\n event.preventDefault();\n event.stopPropagation();\n if (workspaceActionsDisabled) return;\n setBrowserOpen(true);\n }}\n className={itemClass}\n >\n {t(I18nKey.HOME$ADD_WORKSPACES)}\n </button>\n );\n\n const addWorkspacesControl = workspacesUnsupportedMessage ? (\n <StyledTooltip content={workspacesUnsupportedMessage} placement=\"top\">\n <span className=\"block\">{addWorkspacesButton}</span>\n </StyledTooltip>\n ) : (\n addWorkspacesButton\n );\n\n return (\n <div\n className={cn(!useFixedPlacement && \"relative\", className)}\n ref={popoverRef}\n >\n <span ref={triggerWrapRef} className=\"inline-flex\">\n {trigger({\n onClick: toggleOpen,\n \"aria-expanded\": open,\n \"aria-haspopup\": \"menu\",\n disabled: isCreating,\n })}\n </span>\n\n {showPopover && (\n <div\n data-testid={popoverTestId}\n className={cn(\n NEW_CONVERSATION_DROPDOWN_SURFACE,\n !useFixedPlacement &&\n cn(\"absolute top-full mt-0\", popoverClassName),\n )}\n style={fixedStyle}\n >\n <ul\n className={cn(\n \"max-h-[40vh] overflow-y-auto sm:max-h-[280px]\",\n dropdownMenuListClassName,\n )}\n >\n <li>\n <button\n type=\"button\"\n disabled={isCreating}\n data-testid=\"launch-no-workspace\"\n onClick={() => launch()}\n className={itemClass}\n >\n <span className=\"text-[var(--oh-muted)]\">\n {t(I18nKey.HOME$NO_WORKSPACE_OPTION)}\n </span>\n </button>\n </li>\n {workspaces.map((w) => (\n <li key={w.id}>\n <button\n type=\"button\"\n disabled={isCreating}\n data-testid=\"launch-workspace\"\n data-workspace-path={w.path}\n onClick={() => launch(w.path)}\n className={itemClass}\n >\n <span\n className={dropdownMenuRowIconWrapperClassName}\n aria-hidden\n >\n <RepoIcon width={14} height={14} />\n </span>\n <span className=\"truncate\">{w.name}</span>\n </button>\n </li>\n ))}\n </ul>\n\n <div\n className={cn(\"flex flex-col\", dropdownMenuListClassName)}\n data-testid=\"new-conversation-menu-footer\"\n >\n <Divider\n inset=\"menu\"\n testId=\"new-conversation-menu-footer-divider\"\n />\n {addWorkspacesControl}\n {(workspaces.length > 0 \|\| workspaceParents.length > 0) && (\n <button\n type=\"button\"\n data-testid=\"manage-workspaces-button\"\n onMouseDown={keepPopoverOpenOnMouseDown}\n onClick={(event) => {\n event.preventDefault();\n event.stopPropagation();\n setManageOpen(true);\n }}\n className={itemClass}\n >\n {t(I18nKey.HOME$MANAGE_WORKSPACES)}\n </button>\n )}\n </div>\n </div>\n )}\n\n <FolderBrowserModal\n isOpen={browserOpen}\n onClose={() => setBrowserOpen(false)}\n onAdd={(items) => addWorkspaces(items)}\n onAddParent={(items) => addWorkspaceParents(items)}\n />\n\n <ManageWorkspacesModal\n isOpen={manageOpen}\n workspaces={workspaces}\n workspaceParents={workspaceParents}\n onClose={() => setManageOpen(false)}\n onRemove={(path) => removeWorkspace(path)}\n onRemoveParent={(path) => removeWorkspaceParent(path)}\n />\n </div>\n );\n}\n"],"mappings":"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"}
1	+ {"version":3,"file":"local-new-conversation-menu.cjs","names":[],"sources":["../../../../src/components/features/conversation-panel/local-new-conversation-menu.tsx"],"sourcesContent":["import React from \"react\";\nimport { useTranslation } from \"react-i18next\";\n\nimport { useCreateConversation } from \"#/hooks/mutation/use-create-conversation\";\nimport { useNavigation } from \"#/context/navigation-context\";\nimport { useIsCreatingConversation } from \"#/hooks/use-is-creating-conversation\";\nimport {\n useAddWorkspaces,\n useAddWorkspaceParents,\n useRemoveWorkspace,\n useRemoveWorkspaceParent,\n} from \"#/hooks/mutation/use-local-workspaces-mutations\";\nimport { useLocalWorkspaces } from \"#/hooks/query/use-local-workspaces\";\nimport { useResolvedWorkspaces } from \"#/hooks/query/use-resolved-workspaces\";\nimport { I18nKey } from \"#/i18n/declaration\";\nimport { cn } from \"#/utils/utils\";\nimport {\n dropdownMenuRowClassName,\n dropdownMenuListClassName,\n dropdownMenuRowIconWrapperClassName,\n} from \"#/utils/dropdown-classes\";\nimport { getWorkspacesUnsupportedMessage } from \"#/utils/workspaces-compatibility\";\nimport RepoIcon from \"#/icons/repo.svg?react\";\n\nimport { FolderBrowserModal } from \"#/components/features/home/workspace-dropdown/folder-browser-modal\";\nimport { ManageWorkspacesModal } from \"#/components/features/home/workspace-dropdown/manage-workspaces-modal\";\n\nimport { StyledTooltip } from \"#/components/shared/buttons/styled-tooltip\";\nimport { Divider } from \"#/ui/divider\";\nimport { NEW_CONVERSATION_DROPDOWN_SURFACE } from \"./new-conversation-dropdown-styles\";\nimport { usePopoverFixedPlacement } from \"#/hooks/use-popover-fixed-placement\";\n\nexport type LocalNewConversationMenuTriggerProps = {\n onClick: () => void;\n \"aria-expanded\": boolean;\n \"aria-haspopup\": \"menu\";\n disabled?: boolean;\n};\n\nexport interface LocalNewConversationMenuProps {\n trigger: (props: LocalNewConversationMenuTriggerProps) => React.ReactNode;\n /** Root wrapper class (e.g. `relative` + alignment in header row) /\n className?: string;\n /* Panel positioning / dimensions when using absolute placement (sidebar) /\n popoverClassName: string;\n /* Optional test id for the popover surface /\n popoverTestId?: string;\n /\n Use `position: fixed` from the trigger rect so the menu is not clipped by\n * sidebar overflow (conversation panel header).\n /\n useFixedPlacement?: boolean;\n}\n\n/\n Workspace/repo picker + launch flow for local agent-server backends.\n * Shared by the sidebar \"+ New conversation\" control and the conversation\n * panel \"new thread folder\" control.\n */\nexport function LocalNewConversationMenu({\n trigger,\n className,\n popoverClassName,\n popoverTestId = \"new-conversation-popover\",\n useFixedPlacement = false,\n}: LocalNewConversationMenuProps) {\n const { t } = useTranslation(\"openhands\");\n const { navigate } = useNavigation();\n\n const [open, setOpen] = React.useState(false);\n const popoverRef = React.useRef<HTMLDivElement>(null);\n const triggerWrapRef = React.useRef<HTMLSpanElement>(null);\n const fixedBox = usePopoverFixedPlacement(triggerWrapRef, {\n open,\n enabled: useFixedPlacement,\n });\n\n const { data: workspacesData, error: workspacesError } = useLocalWorkspaces();\n const workspaceParents = workspacesData?.workspaceParents ?? [];\n const { mutate: addWorkspaces } = useAddWorkspaces();\n const { mutate: removeWorkspace } = useRemoveWorkspace();\n const { mutate: addWorkspaceParents } = useAddWorkspaceParents();\n const { mutate: removeWorkspaceParent } = useRemoveWorkspaceParent();\n const { workspaces } = useResolvedWorkspaces();\n const workspacesUnsupportedMessage = getWorkspacesUnsupportedMessage(\n workspacesError,\n t,\n );\n const [browserOpen, setBrowserOpen] = React.useState(false);\n const [manageOpen, setManageOpen] = React.useState(false);\n\n const { mutate: createConversation, isPending } = useCreateConversation();\n const isCreatingElsewhere = useIsCreatingConversation();\n const isCreating = isPending \|\| isCreatingElsewhere;\n\n React.useEffect(() => {\n if (!open \|\| browserOpen \|\| manageOpen) return undefined;\n const onDown = (e: MouseEvent) => {\n if (\n popoverRef.current &&\n !popoverRef.current.contains(e.target as Node)\n ) {\n setOpen(false);\n }\n };\n document.addEventListener(\"mousedown\", onDown);\n return () => document.removeEventListener(\"mousedown\", onDown);\n }, [open, browserOpen, manageOpen]);\n\n React.useEffect(() => {\n if (!open \|\| browserOpen \|\| manageOpen) return undefined;\n const onKeyDown = (event: KeyboardEvent) => {\n if (event.key === \"Escape\") {\n setOpen(false);\n }\n };\n window.addEventListener(\"keydown\", onKeyDown);\n return () => window.removeEventListener(\"keydown\", onKeyDown);\n }, [open, browserOpen, manageOpen]);\n\n const launch = (workingDir?: string) => {\n if (isCreating) return;\n createConversation(\n { workingDir, entryPoint: \"sidebar_local_menu\" },\n {\n onSuccess: (data) => {\n setOpen(false);\n navigate(`/conversations/${data.conversation_id}`);\n },\n },\n );\n };\n\n const itemClass = dropdownMenuRowClassName;\n\n const keepPopoverOpenOnMouseDown = React.useCallback(\n (event: React.MouseEvent<HTMLButtonElement>) => {\n event.preventDefault();\n event.stopPropagation();\n },\n [],\n );\n\n const toggleOpen = React.useCallback(() => {\n setOpen((o) => !o);\n }, []);\n\n const showPopover = open && (!useFixedPlacement \|\| fixedBox !== null);\n const workspaceActionsDisabled = Boolean(workspacesUnsupportedMessage);\n\n const fixedStyle: React.CSSProperties \| undefined =\n useFixedPlacement && fixedBox\n ? {\n position: \"fixed\",\n top: fixedBox.top,\n left: fixedBox.left,\n width: fixedBox.width,\n }\n : undefined;\n\n const addWorkspacesButton = (\n <button\n type=\"button\"\n data-testid=\"add-workspaces-button\"\n disabled={workspaceActionsDisabled}\n onMouseDown={keepPopoverOpenOnMouseDown}\n onClick={(event) => {\n event.preventDefault();\n event.stopPropagation();\n if (workspaceActionsDisabled) return;\n setBrowserOpen(true);\n }}\n className={itemClass}\n >\n {t(I18nKey.HOME$ADD_WORKSPACES)}\n </button>\n );\n\n const addWorkspacesControl = workspacesUnsupportedMessage ? (\n <StyledTooltip content={workspacesUnsupportedMessage} placement=\"top\">\n <span className=\"block\">{addWorkspacesButton}</span>\n </StyledTooltip>\n ) : (\n addWorkspacesButton\n );\n\n return (\n <div\n className={cn(!useFixedPlacement && \"relative\", className)}\n ref={popoverRef}\n >\n <span ref={triggerWrapRef} className=\"inline-flex\">\n {trigger({\n onClick: toggleOpen,\n \"aria-expanded\": open,\n \"aria-haspopup\": \"menu\",\n disabled: isCreating,\n })}\n </span>\n\n {showPopover && (\n <div\n data-testid={popoverTestId}\n className={cn(\n NEW_CONVERSATION_DROPDOWN_SURFACE,\n !useFixedPlacement &&\n cn(\"absolute top-full mt-0\", popoverClassName),\n )}\n style={fixedStyle}\n >\n <ul\n className={cn(\n \"max-h-[40vh] overflow-y-auto sm:max-h-[280px]\",\n dropdownMenuListClassName,\n )}\n >\n <li>\n <button\n type=\"button\"\n disabled={isCreating}\n data-testid=\"launch-no-workspace\"\n onClick={() => launch()}\n className={itemClass}\n >\n <span className=\"text-[var(--oh-muted)]\">\n {t(I18nKey.HOME$NO_WORKSPACE_OPTION)}\n </span>\n </button>\n </li>\n {workspaces.map((w) => (\n <li key={w.id}>\n <button\n type=\"button\"\n disabled={isCreating}\n data-testid=\"launch-workspace\"\n data-workspace-path={w.path}\n onClick={() => launch(w.path)}\n className={itemClass}\n >\n <span\n className={dropdownMenuRowIconWrapperClassName}\n aria-hidden\n >\n <RepoIcon width={14} height={14} />\n </span>\n <span className=\"truncate\">{w.name}</span>\n </button>\n </li>\n ))}\n </ul>\n\n <div\n className={cn(\"flex flex-col\", dropdownMenuListClassName)}\n data-testid=\"new-conversation-menu-footer\"\n >\n <Divider\n inset=\"menu\"\n testId=\"new-conversation-menu-footer-divider\"\n />\n {addWorkspacesControl}\n {(workspaces.length > 0 \|\| workspaceParents.length > 0) && (\n <button\n type=\"button\"\n data-testid=\"manage-workspaces-button\"\n onMouseDown={keepPopoverOpenOnMouseDown}\n onClick={(event) => {\n event.preventDefault();\n event.stopPropagation();\n setManageOpen(true);\n }}\n className={itemClass}\n >\n {t(I18nKey.HOME$MANAGE_WORKSPACES)}\n </button>\n )}\n </div>\n </div>\n )}\n\n <FolderBrowserModal\n isOpen={browserOpen}\n onClose={() => setBrowserOpen(false)}\n onAdd={(items) => addWorkspaces(items)}\n onAddParent={(items) => addWorkspaceParents(items)}\n />\n\n <ManageWorkspacesModal\n isOpen={manageOpen}\n workspaces={workspaces}\n workspaceParents={workspaceParents}\n onClose={() => setManageOpen(false)}\n onRemove={(path) => removeWorkspace(path)}\n onRemoveParent={(path) => removeWorkspaceParent(path)}\n />\n </div>\n );\n}\n"],"mappings":"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"}

package/dist/components/features/conversation-panel/local-new-conversation-menu.js CHANGED Viewed

@@ -46,7 +46,10 @@ function S({ trigger: S, className: ie, popoverClassName: ae, popoverTestId: C =
 		U
 	]);
 	let Y = (e) => {
-		J || G({ workingDir: e }, { onSuccess: (e) => {
+		J || G({
+			workingDir: e,
+			entryPoint: "sidebar_local_menu"
+		}, { onSuccess: (e) => {
 			O(!1), E(`/conversations/${e.conversation_id}`);
 		} });
 	}, X = te, Z = y.useCallback((e) => {

package/dist/components/features/conversation-panel/local-new-conversation-menu.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"local-new-conversation-menu.js","names":[],"sources":["../../../../src/components/features/conversation-panel/local-new-conversation-menu.tsx"],"sourcesContent":["import React from \"react\";\nimport { useTranslation } from \"react-i18next\";\n\nimport { useCreateConversation } from \"#/hooks/mutation/use-create-conversation\";\nimport { useNavigation } from \"#/context/navigation-context\";\nimport { useIsCreatingConversation } from \"#/hooks/use-is-creating-conversation\";\nimport {\n useAddWorkspaces,\n useAddWorkspaceParents,\n useRemoveWorkspace,\n useRemoveWorkspaceParent,\n} from \"#/hooks/mutation/use-local-workspaces-mutations\";\nimport { useLocalWorkspaces } from \"#/hooks/query/use-local-workspaces\";\nimport { useResolvedWorkspaces } from \"#/hooks/query/use-resolved-workspaces\";\nimport { I18nKey } from \"#/i18n/declaration\";\nimport { cn } from \"#/utils/utils\";\nimport {\n dropdownMenuRowClassName,\n dropdownMenuListClassName,\n dropdownMenuRowIconWrapperClassName,\n} from \"#/utils/dropdown-classes\";\nimport { getWorkspacesUnsupportedMessage } from \"#/utils/workspaces-compatibility\";\nimport RepoIcon from \"#/icons/repo.svg?react\";\n\nimport { FolderBrowserModal } from \"#/components/features/home/workspace-dropdown/folder-browser-modal\";\nimport { ManageWorkspacesModal } from \"#/components/features/home/workspace-dropdown/manage-workspaces-modal\";\n\nimport { StyledTooltip } from \"#/components/shared/buttons/styled-tooltip\";\nimport { Divider } from \"#/ui/divider\";\nimport { NEW_CONVERSATION_DROPDOWN_SURFACE } from \"./new-conversation-dropdown-styles\";\nimport { usePopoverFixedPlacement } from \"#/hooks/use-popover-fixed-placement\";\n\nexport type LocalNewConversationMenuTriggerProps = {\n onClick: () => void;\n \"aria-expanded\": boolean;\n \"aria-haspopup\": \"menu\";\n disabled?: boolean;\n};\n\nexport interface LocalNewConversationMenuProps {\n trigger: (props: LocalNewConversationMenuTriggerProps) => React.ReactNode;\n /** Root wrapper class (e.g. `relative` + alignment in header row) /\n className?: string;\n /* Panel positioning / dimensions when using absolute placement (sidebar) /\n popoverClassName: string;\n /* Optional test id for the popover surface /\n popoverTestId?: string;\n /\n Use `position: fixed` from the trigger rect so the menu is not clipped by\n * sidebar overflow (conversation panel header).\n /\n useFixedPlacement?: boolean;\n}\n\n/\n Workspace/repo picker + launch flow for local agent-server backends.\n * Shared by the sidebar \"+ New conversation\" control and the conversation\n * panel \"new thread folder\" control.\n */\nexport function LocalNewConversationMenu({\n trigger,\n className,\n popoverClassName,\n popoverTestId = \"new-conversation-popover\",\n useFixedPlacement = false,\n}: LocalNewConversationMenuProps) {\n const { t } = useTranslation(\"openhands\");\n const { navigate } = useNavigation();\n\n const [open, setOpen] = React.useState(false);\n const popoverRef = React.useRef<HTMLDivElement>(null);\n const triggerWrapRef = React.useRef<HTMLSpanElement>(null);\n const fixedBox = usePopoverFixedPlacement(triggerWrapRef, {\n open,\n enabled: useFixedPlacement,\n });\n\n const { data: workspacesData, error: workspacesError } = useLocalWorkspaces();\n const workspaceParents = workspacesData?.workspaceParents ?? [];\n const { mutate: addWorkspaces } = useAddWorkspaces();\n const { mutate: removeWorkspace } = useRemoveWorkspace();\n const { mutate: addWorkspaceParents } = useAddWorkspaceParents();\n const { mutate: removeWorkspaceParent } = useRemoveWorkspaceParent();\n const { workspaces } = useResolvedWorkspaces();\n const workspacesUnsupportedMessage = getWorkspacesUnsupportedMessage(\n workspacesError,\n t,\n );\n const [browserOpen, setBrowserOpen] = React.useState(false);\n const [manageOpen, setManageOpen] = React.useState(false);\n\n const { mutate: createConversation, isPending } = useCreateConversation();\n const isCreatingElsewhere = useIsCreatingConversation();\n const isCreating = isPending \|\| isCreatingElsewhere;\n\n React.useEffect(() => {\n if (!open \|\| browserOpen \|\| manageOpen) return undefined;\n const onDown = (e: MouseEvent) => {\n if (\n popoverRef.current &&\n !popoverRef.current.contains(e.target as Node)\n ) {\n setOpen(false);\n }\n };\n document.addEventListener(\"mousedown\", onDown);\n return () => document.removeEventListener(\"mousedown\", onDown);\n }, [open, browserOpen, manageOpen]);\n\n React.useEffect(() => {\n if (!open \|\| browserOpen \|\| manageOpen) return undefined;\n const onKeyDown = (event: KeyboardEvent) => {\n if (event.key === \"Escape\") {\n setOpen(false);\n }\n };\n window.addEventListener(\"keydown\", onKeyDown);\n return () => window.removeEventListener(\"keydown\", onKeyDown);\n }, [open, browserOpen, manageOpen]);\n\n const launch = (workingDir?: string) => {\n if (isCreating) return;\n createConversation(\n { workingDir },\n {\n onSuccess: (data) => {\n setOpen(false);\n navigate(`/conversations/${data.conversation_id}`);\n },\n },\n );\n };\n\n const itemClass = dropdownMenuRowClassName;\n\n const keepPopoverOpenOnMouseDown = React.useCallback(\n (event: React.MouseEvent<HTMLButtonElement>) => {\n event.preventDefault();\n event.stopPropagation();\n },\n [],\n );\n\n const toggleOpen = React.useCallback(() => {\n setOpen((o) => !o);\n }, []);\n\n const showPopover = open && (!useFixedPlacement \|\| fixedBox !== null);\n const workspaceActionsDisabled = Boolean(workspacesUnsupportedMessage);\n\n const fixedStyle: React.CSSProperties \| undefined =\n useFixedPlacement && fixedBox\n ? {\n position: \"fixed\",\n top: fixedBox.top,\n left: fixedBox.left,\n width: fixedBox.width,\n }\n : undefined;\n\n const addWorkspacesButton = (\n <button\n type=\"button\"\n data-testid=\"add-workspaces-button\"\n disabled={workspaceActionsDisabled}\n onMouseDown={keepPopoverOpenOnMouseDown}\n onClick={(event) => {\n event.preventDefault();\n event.stopPropagation();\n if (workspaceActionsDisabled) return;\n setBrowserOpen(true);\n }}\n className={itemClass}\n >\n {t(I18nKey.HOME$ADD_WORKSPACES)}\n </button>\n );\n\n const addWorkspacesControl = workspacesUnsupportedMessage ? (\n <StyledTooltip content={workspacesUnsupportedMessage} placement=\"top\">\n <span className=\"block\">{addWorkspacesButton}</span>\n </StyledTooltip>\n ) : (\n addWorkspacesButton\n );\n\n return (\n <div\n className={cn(!useFixedPlacement && \"relative\", className)}\n ref={popoverRef}\n >\n <span ref={triggerWrapRef} className=\"inline-flex\">\n {trigger({\n onClick: toggleOpen,\n \"aria-expanded\": open,\n \"aria-haspopup\": \"menu\",\n disabled: isCreating,\n })}\n </span>\n\n {showPopover && (\n <div\n data-testid={popoverTestId}\n className={cn(\n NEW_CONVERSATION_DROPDOWN_SURFACE,\n !useFixedPlacement &&\n cn(\"absolute top-full mt-0\", popoverClassName),\n )}\n style={fixedStyle}\n >\n <ul\n className={cn(\n \"max-h-[40vh] overflow-y-auto sm:max-h-[280px]\",\n dropdownMenuListClassName,\n )}\n >\n <li>\n <button\n type=\"button\"\n disabled={isCreating}\n data-testid=\"launch-no-workspace\"\n onClick={() => launch()}\n className={itemClass}\n >\n <span className=\"text-[var(--oh-muted)]\">\n {t(I18nKey.HOME$NO_WORKSPACE_OPTION)}\n </span>\n </button>\n </li>\n {workspaces.map((w) => (\n <li key={w.id}>\n <button\n type=\"button\"\n disabled={isCreating}\n data-testid=\"launch-workspace\"\n data-workspace-path={w.path}\n onClick={() => launch(w.path)}\n className={itemClass}\n >\n <span\n className={dropdownMenuRowIconWrapperClassName}\n aria-hidden\n >\n <RepoIcon width={14} height={14} />\n </span>\n <span className=\"truncate\">{w.name}</span>\n </button>\n </li>\n ))}\n </ul>\n\n <div\n className={cn(\"flex flex-col\", dropdownMenuListClassName)}\n data-testid=\"new-conversation-menu-footer\"\n >\n <Divider\n inset=\"menu\"\n testId=\"new-conversation-menu-footer-divider\"\n />\n {addWorkspacesControl}\n {(workspaces.length > 0 \|\| workspaceParents.length > 0) && (\n <button\n type=\"button\"\n data-testid=\"manage-workspaces-button\"\n onMouseDown={keepPopoverOpenOnMouseDown}\n onClick={(event) => {\n event.preventDefault();\n event.stopPropagation();\n setManageOpen(true);\n }}\n className={itemClass}\n >\n {t(I18nKey.HOME$MANAGE_WORKSPACES)}\n </button>\n )}\n </div>\n </div>\n )}\n\n <FolderBrowserModal\n isOpen={browserOpen}\n onClose={() => setBrowserOpen(false)}\n onAdd={(items) => addWorkspaces(items)}\n onAddParent={(items) => addWorkspaceParents(items)}\n />\n\n <ManageWorkspacesModal\n isOpen={manageOpen}\n workspaces={workspaces}\n workspaceParents={workspaceParents}\n onClose={() => setManageOpen(false)}\n onRemove={(path) => removeWorkspace(path)}\n onRemoveParent={(path) => removeWorkspaceParent(path)}\n />\n </div>\n );\n}\n"],"mappings":"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"}
1	+ {"version":3,"file":"local-new-conversation-menu.js","names":[],"sources":["../../../../src/components/features/conversation-panel/local-new-conversation-menu.tsx"],"sourcesContent":["import React from \"react\";\nimport { useTranslation } from \"react-i18next\";\n\nimport { useCreateConversation } from \"#/hooks/mutation/use-create-conversation\";\nimport { useNavigation } from \"#/context/navigation-context\";\nimport { useIsCreatingConversation } from \"#/hooks/use-is-creating-conversation\";\nimport {\n useAddWorkspaces,\n useAddWorkspaceParents,\n useRemoveWorkspace,\n useRemoveWorkspaceParent,\n} from \"#/hooks/mutation/use-local-workspaces-mutations\";\nimport { useLocalWorkspaces } from \"#/hooks/query/use-local-workspaces\";\nimport { useResolvedWorkspaces } from \"#/hooks/query/use-resolved-workspaces\";\nimport { I18nKey } from \"#/i18n/declaration\";\nimport { cn } from \"#/utils/utils\";\nimport {\n dropdownMenuRowClassName,\n dropdownMenuListClassName,\n dropdownMenuRowIconWrapperClassName,\n} from \"#/utils/dropdown-classes\";\nimport { getWorkspacesUnsupportedMessage } from \"#/utils/workspaces-compatibility\";\nimport RepoIcon from \"#/icons/repo.svg?react\";\n\nimport { FolderBrowserModal } from \"#/components/features/home/workspace-dropdown/folder-browser-modal\";\nimport { ManageWorkspacesModal } from \"#/components/features/home/workspace-dropdown/manage-workspaces-modal\";\n\nimport { StyledTooltip } from \"#/components/shared/buttons/styled-tooltip\";\nimport { Divider } from \"#/ui/divider\";\nimport { NEW_CONVERSATION_DROPDOWN_SURFACE } from \"./new-conversation-dropdown-styles\";\nimport { usePopoverFixedPlacement } from \"#/hooks/use-popover-fixed-placement\";\n\nexport type LocalNewConversationMenuTriggerProps = {\n onClick: () => void;\n \"aria-expanded\": boolean;\n \"aria-haspopup\": \"menu\";\n disabled?: boolean;\n};\n\nexport interface LocalNewConversationMenuProps {\n trigger: (props: LocalNewConversationMenuTriggerProps) => React.ReactNode;\n /** Root wrapper class (e.g. `relative` + alignment in header row) /\n className?: string;\n /* Panel positioning / dimensions when using absolute placement (sidebar) /\n popoverClassName: string;\n /* Optional test id for the popover surface /\n popoverTestId?: string;\n /\n Use `position: fixed` from the trigger rect so the menu is not clipped by\n * sidebar overflow (conversation panel header).\n /\n useFixedPlacement?: boolean;\n}\n\n/\n Workspace/repo picker + launch flow for local agent-server backends.\n * Shared by the sidebar \"+ New conversation\" control and the conversation\n * panel \"new thread folder\" control.\n */\nexport function LocalNewConversationMenu({\n trigger,\n className,\n popoverClassName,\n popoverTestId = \"new-conversation-popover\",\n useFixedPlacement = false,\n}: LocalNewConversationMenuProps) {\n const { t } = useTranslation(\"openhands\");\n const { navigate } = useNavigation();\n\n const [open, setOpen] = React.useState(false);\n const popoverRef = React.useRef<HTMLDivElement>(null);\n const triggerWrapRef = React.useRef<HTMLSpanElement>(null);\n const fixedBox = usePopoverFixedPlacement(triggerWrapRef, {\n open,\n enabled: useFixedPlacement,\n });\n\n const { data: workspacesData, error: workspacesError } = useLocalWorkspaces();\n const workspaceParents = workspacesData?.workspaceParents ?? [];\n const { mutate: addWorkspaces } = useAddWorkspaces();\n const { mutate: removeWorkspace } = useRemoveWorkspace();\n const { mutate: addWorkspaceParents } = useAddWorkspaceParents();\n const { mutate: removeWorkspaceParent } = useRemoveWorkspaceParent();\n const { workspaces } = useResolvedWorkspaces();\n const workspacesUnsupportedMessage = getWorkspacesUnsupportedMessage(\n workspacesError,\n t,\n );\n const [browserOpen, setBrowserOpen] = React.useState(false);\n const [manageOpen, setManageOpen] = React.useState(false);\n\n const { mutate: createConversation, isPending } = useCreateConversation();\n const isCreatingElsewhere = useIsCreatingConversation();\n const isCreating = isPending \|\| isCreatingElsewhere;\n\n React.useEffect(() => {\n if (!open \|\| browserOpen \|\| manageOpen) return undefined;\n const onDown = (e: MouseEvent) => {\n if (\n popoverRef.current &&\n !popoverRef.current.contains(e.target as Node)\n ) {\n setOpen(false);\n }\n };\n document.addEventListener(\"mousedown\", onDown);\n return () => document.removeEventListener(\"mousedown\", onDown);\n }, [open, browserOpen, manageOpen]);\n\n React.useEffect(() => {\n if (!open \|\| browserOpen \|\| manageOpen) return undefined;\n const onKeyDown = (event: KeyboardEvent) => {\n if (event.key === \"Escape\") {\n setOpen(false);\n }\n };\n window.addEventListener(\"keydown\", onKeyDown);\n return () => window.removeEventListener(\"keydown\", onKeyDown);\n }, [open, browserOpen, manageOpen]);\n\n const launch = (workingDir?: string) => {\n if (isCreating) return;\n createConversation(\n { workingDir, entryPoint: \"sidebar_local_menu\" },\n {\n onSuccess: (data) => {\n setOpen(false);\n navigate(`/conversations/${data.conversation_id}`);\n },\n },\n );\n };\n\n const itemClass = dropdownMenuRowClassName;\n\n const keepPopoverOpenOnMouseDown = React.useCallback(\n (event: React.MouseEvent<HTMLButtonElement>) => {\n event.preventDefault();\n event.stopPropagation();\n },\n [],\n );\n\n const toggleOpen = React.useCallback(() => {\n setOpen((o) => !o);\n }, []);\n\n const showPopover = open && (!useFixedPlacement \|\| fixedBox !== null);\n const workspaceActionsDisabled = Boolean(workspacesUnsupportedMessage);\n\n const fixedStyle: React.CSSProperties \| undefined =\n useFixedPlacement && fixedBox\n ? {\n position: \"fixed\",\n top: fixedBox.top,\n left: fixedBox.left,\n width: fixedBox.width,\n }\n : undefined;\n\n const addWorkspacesButton = (\n <button\n type=\"button\"\n data-testid=\"add-workspaces-button\"\n disabled={workspaceActionsDisabled}\n onMouseDown={keepPopoverOpenOnMouseDown}\n onClick={(event) => {\n event.preventDefault();\n event.stopPropagation();\n if (workspaceActionsDisabled) return;\n setBrowserOpen(true);\n }}\n className={itemClass}\n >\n {t(I18nKey.HOME$ADD_WORKSPACES)}\n </button>\n );\n\n const addWorkspacesControl = workspacesUnsupportedMessage ? (\n <StyledTooltip content={workspacesUnsupportedMessage} placement=\"top\">\n <span className=\"block\">{addWorkspacesButton}</span>\n </StyledTooltip>\n ) : (\n addWorkspacesButton\n );\n\n return (\n <div\n className={cn(!useFixedPlacement && \"relative\", className)}\n ref={popoverRef}\n >\n <span ref={triggerWrapRef} className=\"inline-flex\">\n {trigger({\n onClick: toggleOpen,\n \"aria-expanded\": open,\n \"aria-haspopup\": \"menu\",\n disabled: isCreating,\n })}\n </span>\n\n {showPopover && (\n <div\n data-testid={popoverTestId}\n className={cn(\n NEW_CONVERSATION_DROPDOWN_SURFACE,\n !useFixedPlacement &&\n cn(\"absolute top-full mt-0\", popoverClassName),\n )}\n style={fixedStyle}\n >\n <ul\n className={cn(\n \"max-h-[40vh] overflow-y-auto sm:max-h-[280px]\",\n dropdownMenuListClassName,\n )}\n >\n <li>\n <button\n type=\"button\"\n disabled={isCreating}\n data-testid=\"launch-no-workspace\"\n onClick={() => launch()}\n className={itemClass}\n >\n <span className=\"text-[var(--oh-muted)]\">\n {t(I18nKey.HOME$NO_WORKSPACE_OPTION)}\n </span>\n </button>\n </li>\n {workspaces.map((w) => (\n <li key={w.id}>\n <button\n type=\"button\"\n disabled={isCreating}\n data-testid=\"launch-workspace\"\n data-workspace-path={w.path}\n onClick={() => launch(w.path)}\n className={itemClass}\n >\n <span\n className={dropdownMenuRowIconWrapperClassName}\n aria-hidden\n >\n <RepoIcon width={14} height={14} />\n </span>\n <span className=\"truncate\">{w.name}</span>\n </button>\n </li>\n ))}\n </ul>\n\n <div\n className={cn(\"flex flex-col\", dropdownMenuListClassName)}\n data-testid=\"new-conversation-menu-footer\"\n >\n <Divider\n inset=\"menu\"\n testId=\"new-conversation-menu-footer-divider\"\n />\n {addWorkspacesControl}\n {(workspaces.length > 0 \|\| workspaceParents.length > 0) && (\n <button\n type=\"button\"\n data-testid=\"manage-workspaces-button\"\n onMouseDown={keepPopoverOpenOnMouseDown}\n onClick={(event) => {\n event.preventDefault();\n event.stopPropagation();\n setManageOpen(true);\n }}\n className={itemClass}\n >\n {t(I18nKey.HOME$MANAGE_WORKSPACES)}\n </button>\n )}\n </div>\n </div>\n )}\n\n <FolderBrowserModal\n isOpen={browserOpen}\n onClose={() => setBrowserOpen(false)}\n onAdd={(items) => addWorkspaces(items)}\n onAddParent={(items) => addWorkspaceParents(items)}\n />\n\n <ManageWorkspacesModal\n isOpen={manageOpen}\n workspaces={workspaces}\n workspaceParents={workspaceParents}\n onClose={() => setManageOpen(false)}\n onRemove={(path) => removeWorkspace(path)}\n onRemoveParent={(path) => removeWorkspaceParent(path)}\n />\n </div>\n );\n}\n"],"mappings":"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"}

package/dist/components/features/conversation-panel/plugins-modal.cjs ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ require(`../../../_virtual/_rolldown/runtime.cjs`);const e=require(`../../../node_modules/react-i18next/dist/es/useTranslation.cjs`),t=require(`../../../i18n/declaration.cjs`),n=require(`../../../ui/typography.cjs`),r=require(`../../../utils/plugin-display.cjs`),i=require(`../../shared/modals/modal-backdrop.cjs`),a=require(`../../shared/modals/modal-body.cjs`),o=require(`../../shared/modals/confirmation-modals/base-modal.cjs`),s=require(`../../shared/modals/modal-close-button.cjs`),c=require(`../../../hooks/use-conversation-plugins.cjs`);let l=require(`react/jsx-runtime`);function u({onClose:u}){let{t:d}=e.useTranslation(`openhands`),f=c.useConversationPlugins();return(0,l.jsx)(i.ModalBackdrop,{onClose:u,children:(0,l.jsxs)(a.ModalBody,{width:`lg`,className:`relative flex max-h-[80vh] flex-col items-start border border-[var(--oh-border)]`,testID:`plugins-modal`,children:[(0,l.jsx)(s.ModalCloseButton,{onClose:u,testId:`close-plugins-modal`}),(0,l.jsxs)(`div`,{className:`flex w-full flex-col gap-2 pr-10`,children:[(0,l.jsx)(o.BaseModalTitle,{title:d(t.I18nKey.PLUGINS_MODAL$TITLE)}),(0,l.jsx)(n.Typography.Text,{className:`text-sm text-[var(--oh-muted)]`,children:d(t.I18nKey.PLUGINS_MODAL$DESCRIPTION)})]}),(0,l.jsx)(`div`,{className:`w-full overflow-auto rounded-md border border-[var(--oh-border)] bg-surface-raised custom-scrollbar-always`,children:f.length===0?(0,l.jsx)(`div`,{className:`flex items-center justify-center p-6`,children:(0,l.jsx)(n.Typography.Text,{className:`text-[var(--oh-muted)]`,children:d(t.I18nKey.PLUGINS_MODAL$EMPTY)})}):(0,l.jsx)(`ul`,{className:`divide-y divide-[var(--oh-border)]`,children:f.map(e=>(0,l.jsxs)(`li`,{"data-testid":`active-plugin-${r.getPluginDisplayName(e)}`,className:`flex flex-col gap-1 p-4`,children:[(0,l.jsx)(n.Typography.Text,{className:`font-semibold text-white`,children:r.getPluginDisplayName(e)}),(0,l.jsx)(n.Typography.Text,{className:`text-xs text-tertiary-alt`,children:r.isLocalPluginSource(e)?d(t.I18nKey.PLUGINS_MODAL$SOURCE_LOCAL):r.getPluginSourceLabel(e)})]},r.pluginReferenceKey(e)))})})]})})}exports.PluginsModal=u;
2	+ //# sourceMappingURL=plugins-modal.cjs.map

package/dist/components/features/conversation-panel/plugins-modal.cjs.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"plugins-modal.cjs","names":[],"sources":["../../../../src/components/features/conversation-panel/plugins-modal.tsx"],"sourcesContent":["import { useTranslation } from \"react-i18next\";\nimport { ModalBackdrop } from \"#/components/shared/modals/modal-backdrop\";\nimport { ModalBody } from \"#/components/shared/modals/modal-body\";\nimport { ModalCloseButton } from \"#/components/shared/modals/modal-close-button\";\nimport { BaseModalTitle } from \"#/components/shared/modals/confirmation-modals/base-modal\";\nimport { I18nKey } from \"#/i18n/declaration\";\nimport { Typography } from \"#/ui/typography\";\nimport { useConversationPlugins } from \"#/hooks/use-conversation-plugins\";\nimport {\n getPluginDisplayName,\n getPluginSourceLabel,\n isLocalPluginSource,\n pluginReferenceKey,\n} from \"#/utils/plugin-display\";\n\ninterface PluginsModalProps {\n onClose: () => void;\n}\n\n/**\n * Display-only view of the plugins loaded into the current conversation,\n * captured in client-side metadata at creation (explicitly attached plugins\n * plus the enabled installed plugins the SDK auto-loads). Mirrors\n * {@link SkillsModal}. The agent-server doesn't expose a live conversation's\n * loaded plugins, so this reads that client-side snapshot.\n */\nexport function PluginsModal({ onClose }: PluginsModalProps) {\n const { t } = useTranslation(\"openhands\");\n const plugins = useConversationPlugins();\n\n return (\n <ModalBackdrop onClose={onClose}>\n <ModalBody\n width=\"lg\"\n className=\"relative flex max-h-[80vh] flex-col items-start border border-[var(--oh-border)]\"\n testID=\"plugins-modal\"\n >\n <ModalCloseButton onClose={onClose} testId=\"close-plugins-modal\" />\n <div className=\"flex w-full flex-col gap-2 pr-10\">\n <BaseModalTitle title={t(I18nKey.PLUGINS_MODAL$TITLE)} />\n <Typography.Text className=\"text-sm text-[var(--oh-muted)]\">\n {t(I18nKey.PLUGINS_MODAL$DESCRIPTION)}\n </Typography.Text>\n </div>\n\n <div className=\"w-full overflow-auto rounded-md border border-[var(--oh-border)] bg-surface-raised custom-scrollbar-always\">\n {plugins.length === 0 ? (\n <div className=\"flex items-center justify-center p-6\">\n <Typography.Text className=\"text-[var(--oh-muted)]\">\n {t(I18nKey.PLUGINS_MODAL$EMPTY)}\n </Typography.Text>\n </div>\n ) : (\n <ul className=\"divide-y divide-[var(--oh-border)]\">\n {plugins.map((plugin) => (\n <li\n key={pluginReferenceKey(plugin)}\n data-testid={`active-plugin-${getPluginDisplayName(plugin)}`}\n className=\"flex flex-col gap-1 p-4\"\n >\n <Typography.Text className=\"font-semibold text-white\">\n {getPluginDisplayName(plugin)}\n </Typography.Text>\n <Typography.Text className=\"text-xs text-tertiary-alt\">\n {isLocalPluginSource(plugin)\n ? t(I18nKey.PLUGINS_MODAL$SOURCE_LOCAL)\n : getPluginSourceLabel(plugin)}\n </Typography.Text>\n </li>\n ))}\n </ul>\n )}\n </div>\n </ModalBody>\n </ModalBackdrop>\n );\n}\n"],"mappings":"mkBA0BA,SAAgB,EAAa,CAAE,WAA8B,CAC3D,GAAM,CAAE,KAAM,EAAA,eAAe,YAAY,CACnC,EAAU,EAAA,wBAAwB,CAExC,OACE,EAAA,EAAA,KAAC,EAAA,cAAD,CAAwB,oBACtB,EAAA,EAAA,MAAC,EAAA,UAAD,CACE,MAAM,KACN,UAAU,mFACV,OAAO,yBAHT,EAKE,EAAA,EAAA,KAAC,EAAA,iBAAD,CAA2B,UAAS,OAAO,sBAAwB,CAAA,EACnE,EAAA,EAAA,MAAC,MAAD,CAAK,UAAU,4CAAf,EACE,EAAA,EAAA,KAAC,EAAA,eAAD,CAAgB,MAAO,EAAE,EAAA,QAAQ,oBAAoB,CAAI,CAAA,EACzD,EAAA,EAAA,KAAC,EAAA,WAAW,KAAZ,CAAiB,UAAU,0CACxB,EAAE,EAAA,QAAQ,0BAA0B,CACrB,CAAA,CACd,IAEN,EAAA,EAAA,KAAC,MAAD,CAAK,UAAU,sHACZ,EAAQ,SAAW,GAClB,EAAA,EAAA,KAAC,MAAD,CAAK,UAAU,iDACb,EAAA,EAAA,KAAC,EAAA,WAAW,KAAZ,CAAiB,UAAU,kCACxB,EAAE,EAAA,QAAQ,oBAAoB,CACf,CAAA,CACd,CAAA,EAEN,EAAA,EAAA,KAAC,KAAD,CAAI,UAAU,8CACX,EAAQ,IAAK,IACZ,EAAA,EAAA,MAAC,KAAD,CAEE,cAAa,iBAAiB,EAAA,qBAAqB,EAAO,GAC1D,UAAU,mCAHZ,EAKE,EAAA,EAAA,KAAC,EAAA,WAAW,KAAZ,CAAiB,UAAU,oCACxB,EAAA,qBAAqB,EAAO,CACb,CAAA,EAClB,EAAA,EAAA,KAAC,EAAA,WAAW,KAAZ,CAAiB,UAAU,qCACxB,EAAA,oBAAoB,EAAO,CACxB,EAAE,EAAA,QAAQ,2BAA2B,CACrC,EAAA,qBAAqB,EAAO,CAChB,CAAA,CACf,EAZE,EAAA,mBAAmB,EAAO,CAY5B,CACL,CACC,CAAA,CAEH,CAAA,CACI,GACE,CAAA"}

package/dist/components/features/conversation-panel/plugins-modal.d.ts ADDED Viewed

@@ -0,0 +1,12 @@
+interface PluginsModalProps {
+    onClose: () => void;
+}
+/**
+ * Display-only view of the plugins loaded into the current conversation,
+ * captured in client-side metadata at creation (explicitly attached plugins
+ * plus the enabled installed plugins the SDK auto-loads). Mirrors
+ * {@link SkillsModal}. The agent-server doesn't expose a live conversation's
+ * loaded plugins, so this reads that client-side snapshot.
+ */
+export declare function PluginsModal({ onClose }: PluginsModalProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/features/conversation-panel/plugins-modal.js ADDED Viewed

@@ -0,0 +1,62 @@
+import { useTranslation as e } from "../../../node_modules/react-i18next/dist/es/useTranslation.js";
+import { I18nKey as t } from "../../../i18n/declaration.js";
+import { Typography as n } from "../../../ui/typography.js";
+import { getPluginDisplayName as r, getPluginSourceLabel as i, isLocalPluginSource as a, pluginReferenceKey as o } from "../../../utils/plugin-display.js";
+import { ModalBackdrop as s } from "../../shared/modals/modal-backdrop.js";
+import { ModalBody as c } from "../../shared/modals/modal-body.js";
+import { BaseModalTitle as l } from "../../shared/modals/confirmation-modals/base-modal.js";
+import { ModalCloseButton as u } from "../../shared/modals/modal-close-button.js";
+import { useConversationPlugins as d } from "../../../hooks/use-conversation-plugins.js";
+import { jsx as f, jsxs as p } from "react/jsx-runtime";
+//#region src/components/features/conversation-panel/plugins-modal.tsx
+function m({ onClose: m }) {
+	let { t: h } = e("openhands"), g = d();
+	return /* @__PURE__ */ f(s, {
+		onClose: m,
+		children: /* @__PURE__ */ p(c, {
+			width: "lg",
+			className: "relative flex max-h-[80vh] flex-col items-start border border-[var(--oh-border)]",
+			testID: "plugins-modal",
+			children: [
+				/* @__PURE__ */ f(u, {
+					onClose: m,
+					testId: "close-plugins-modal"
+				}),
+				/* @__PURE__ */ p("div", {
+					className: "flex w-full flex-col gap-2 pr-10",
+					children: [/* @__PURE__ */ f(l, { title: h(t.PLUGINS_MODAL$TITLE) }), /* @__PURE__ */ f(n.Text, {
+						className: "text-sm text-[var(--oh-muted)]",
+						children: h(t.PLUGINS_MODAL$DESCRIPTION)
+					})]
+				}),
+				/* @__PURE__ */ f("div", {
+					className: "w-full overflow-auto rounded-md border border-[var(--oh-border)] bg-surface-raised custom-scrollbar-always",
+					children: g.length === 0 ? /* @__PURE__ */ f("div", {
+						className: "flex items-center justify-center p-6",
+						children: /* @__PURE__ */ f(n.Text, {
+							className: "text-[var(--oh-muted)]",
+							children: h(t.PLUGINS_MODAL$EMPTY)
+						})
+					}) : /* @__PURE__ */ f("ul", {
+						className: "divide-y divide-[var(--oh-border)]",
+						children: g.map((e) => /* @__PURE__ */ p("li", {
+							"data-testid": `active-plugin-${r(e)}`,
+							className: "flex flex-col gap-1 p-4",
+							children: [/* @__PURE__ */ f(n.Text, {
+								className: "font-semibold text-white",
+								children: r(e)
+							}), /* @__PURE__ */ f(n.Text, {
+								className: "text-xs text-tertiary-alt",
+								children: a(e) ? h(t.PLUGINS_MODAL$SOURCE_LOCAL) : i(e)
+							})]
+						}, o(e)))
+					})
+				})
+			]
+		})
+	});
+}
+//#endregion
+export { m as PluginsModal };
+//# sourceMappingURL=plugins-modal.js.map

package/dist/components/features/conversation-panel/plugins-modal.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"plugins-modal.js","names":[],"sources":["../../../../src/components/features/conversation-panel/plugins-modal.tsx"],"sourcesContent":["import { useTranslation } from \"react-i18next\";\nimport { ModalBackdrop } from \"#/components/shared/modals/modal-backdrop\";\nimport { ModalBody } from \"#/components/shared/modals/modal-body\";\nimport { ModalCloseButton } from \"#/components/shared/modals/modal-close-button\";\nimport { BaseModalTitle } from \"#/components/shared/modals/confirmation-modals/base-modal\";\nimport { I18nKey } from \"#/i18n/declaration\";\nimport { Typography } from \"#/ui/typography\";\nimport { useConversationPlugins } from \"#/hooks/use-conversation-plugins\";\nimport {\n getPluginDisplayName,\n getPluginSourceLabel,\n isLocalPluginSource,\n pluginReferenceKey,\n} from \"#/utils/plugin-display\";\n\ninterface PluginsModalProps {\n onClose: () => void;\n}\n\n/**\n * Display-only view of the plugins loaded into the current conversation,\n * captured in client-side metadata at creation (explicitly attached plugins\n * plus the enabled installed plugins the SDK auto-loads). Mirrors\n * {@link SkillsModal}. The agent-server doesn't expose a live conversation's\n * loaded plugins, so this reads that client-side snapshot.\n */\nexport function PluginsModal({ onClose }: PluginsModalProps) {\n const { t } = useTranslation(\"openhands\");\n const plugins = useConversationPlugins();\n\n return (\n <ModalBackdrop onClose={onClose}>\n <ModalBody\n width=\"lg\"\n className=\"relative flex max-h-[80vh] flex-col items-start border border-[var(--oh-border)]\"\n testID=\"plugins-modal\"\n >\n <ModalCloseButton onClose={onClose} testId=\"close-plugins-modal\" />\n <div className=\"flex w-full flex-col gap-2 pr-10\">\n <BaseModalTitle title={t(I18nKey.PLUGINS_MODAL$TITLE)} />\n <Typography.Text className=\"text-sm text-[var(--oh-muted)]\">\n {t(I18nKey.PLUGINS_MODAL$DESCRIPTION)}\n </Typography.Text>\n </div>\n\n <div className=\"w-full overflow-auto rounded-md border border-[var(--oh-border)] bg-surface-raised custom-scrollbar-always\">\n {plugins.length === 0 ? (\n <div className=\"flex items-center justify-center p-6\">\n <Typography.Text className=\"text-[var(--oh-muted)]\">\n {t(I18nKey.PLUGINS_MODAL$EMPTY)}\n </Typography.Text>\n </div>\n ) : (\n <ul className=\"divide-y divide-[var(--oh-border)]\">\n {plugins.map((plugin) => (\n <li\n key={pluginReferenceKey(plugin)}\n data-testid={`active-plugin-${getPluginDisplayName(plugin)}`}\n className=\"flex flex-col gap-1 p-4\"\n >\n <Typography.Text className=\"font-semibold text-white\">\n {getPluginDisplayName(plugin)}\n </Typography.Text>\n <Typography.Text className=\"text-xs text-tertiary-alt\">\n {isLocalPluginSource(plugin)\n ? t(I18nKey.PLUGINS_MODAL$SOURCE_LOCAL)\n : getPluginSourceLabel(plugin)}\n </Typography.Text>\n </li>\n ))}\n </ul>\n )}\n </div>\n </ModalBody>\n </ModalBackdrop>\n );\n}\n"],"mappings":";;;;;;;;;;;AA0BA,SAAgB,EAAa,EAAE,cAA8B;CAC3D,IAAM,EAAE,SAAM,EAAe,YAAY,EACnC,IAAU,GAAwB;AAExC,QACE,kBAAC,GAAD;EAAwB;YACtB,kBAAC,GAAD;GACE,OAAM;GACN,WAAU;GACV,QAAO;aAHT;IAKE,kBAAC,GAAD;KAA2B;KAAS,QAAO;KAAwB,CAAA;IACnE,kBAAC,OAAD;KAAK,WAAU;eAAf,CACE,kBAAC,GAAD,EAAgB,OAAO,EAAE,EAAQ,oBAAoB,EAAI,CAAA,EACzD,kBAAC,EAAW,MAAZ;MAAiB,WAAU;gBACxB,EAAE,EAAQ,0BAA0B;MACrB,CAAA,CACd;;IAEN,kBAAC,OAAD;KAAK,WAAU;eACZ,EAAQ,WAAW,IAClB,kBAAC,OAAD;MAAK,WAAU;gBACb,kBAAC,EAAW,MAAZ;OAAiB,WAAU;iBACxB,EAAE,EAAQ,oBAAoB;OACf,CAAA;MACd,CAAA,GAEN,kBAAC,MAAD;MAAI,WAAU;gBACX,EAAQ,KAAK,MACZ,kBAAC,MAAD;OAEE,eAAa,iBAAiB,EAAqB,EAAO;OAC1D,WAAU;iBAHZ,CAKE,kBAAC,EAAW,MAAZ;QAAiB,WAAU;kBACxB,EAAqB,EAAO;QACb,CAAA,EAClB,kBAAC,EAAW,MAAZ;QAAiB,WAAU;kBACxB,EAAoB,EAAO,GACxB,EAAE,EAAQ,2BAA2B,GACrC,EAAqB,EAAO;QAChB,CAAA,CACf;SAZE,EAAmB,EAAO,CAY5B,CACL;MACC,CAAA;KAEH,CAAA;IACI;;EACE,CAAA"}

package/dist/components/features/home/git-repo-dropdown/git-repo-dropdown.cjs CHANGED Viewed

@@ -1,2 +1,2 @@
-const e=require(`../../../../_virtual/_rolldown/runtime.cjs`),t=require(`../../../../node_modules/react-i18next/dist/es/useTranslation.cjs`),n=require(`../../../../i18n/declaration.cjs`),r=require(`../../../../utils/utils.cjs`),i=require(`../../../../ui/typography.cjs`),ee=require(`../../../../utils/form-control-classes.cjs`),a=require(`../../../../node_modules/downshift/dist/downshift.esm.cjs`),o=require(`../../../../hooks/use-debounce.cjs`),s=require(`../shared/clear-button.cjs`),c=require(`../shared/toggle-button.cjs`),l=require(`../shared/error-message.cjs`),u=require(`../shared/dropdown-item.cjs`),d=require(`../shared/empty-state.cjs`),f=require(`./use-url-search.cjs`),p=require(`./use-repository-data.cjs`),m=require(`../shared/generic-dropdown-menu.cjs`),h=require(`../../../../icons/repo.cjs`),g=require(`../../../../stores/home-store.cjs`);let _=require(`react`);_=e.__toESM(_,1);let v=require(`react/jsx-runtime`);function y({provider:e,value:y,repositoryName:b,placeholder:x,className:S,disabled:C=!1,onChange:w}){let{t:T}=t.useTranslation(`openhands`),{recentRepositories:E}=g.useHomeStore(),[D,O]=(0,_.useState)(``),[k,A]=(0,_.useState)(null),j=o.useDebounce(D,300),M=(0,_.useRef)(null),N=(0,_.useMemo)(()=>{if(j.startsWith(`https://`)){let e=j.match(/https:\/\/[^/]+\/([^/]+\/[^/]+)/);return e?e[1]:j}return j},[j]),{urlSearchResults:P,isUrlSearchLoading:F}=f.useUrlSearch(D,e),{repositories:I,selectedRepository:L,fetchNextPage:R,hasNextPage:z,isLoading:B,isFetchingNextPage:V,isError:H,isSearchLoading:U}=p.useRepositoryData(e,C,N,P,D,y,b),W=L??k,G=(0,_.useMemo)(()=>{let t=E.filter(t=>t.git_provider===e);if(!D?.trim())return t;let n=D.startsWith(`https://`)?N:D;return t.filter(e=>e.full_name.toLowerCase().includes(n.toLowerCase()))},[E,e,D,N]),K=(0,_.useCallback)(e=>{let t=new Set(G.map(e=>e.id)),n=e.filter(e=>!t.has(e.id));return[...G,...n]},[G]),q=(0,_.useMemo)(()=>{let e;if(P.length>0)e=I;else if(D===L?.full_name)e=I;else if(!D?.trim())e=I;else{let t=D.startsWith(`https://`)?N:D;e=I.filter(e=>e.full_name.toLowerCase().includes(t.toLowerCase()))}return K(e)},[I,D,L,P,N,K]),J=(0,_.useCallback)(e=>{A(e),w?.(e||void 0),e&&O(e.full_name)},[w]),Y=(0,_.useCallback)(()=>{A(null),J(null),O(``)},[J]),X=(0,_.useCallback)(e=>{let{scrollTop:t,scrollHeight:n,clientHeight:r}=e.currentTarget;t+r>=n-10&&z&&!V&&R()},[z,V,R]),{isOpen:Z,getToggleButtonProps:Q,getMenuProps:te,getInputProps:ne,highlightedIndex:re,getItemProps:$,selectedItem:ie}=a.useCombobox({items:q,itemToString:e=>e?.full_name||``,selectedItem:k,onSelectedItemChange:({selectedItem:e})=>{J(e)},inputValue:D,stateReducer:(e,t)=>t.type===a.useCombobox.stateChangeTypes.InputClick&&e.isOpen?{...t.changes,isOpen:!0}:t.changes});(0,_.useEffect)(()=>{L?A(L):y===null&&A(null)},[L,y]),(0,_.useEffect)(()=>{Z||O(W?.full_name??``)},[W,Z]);let ae=B||U||V||F,oe=(e,t,n,r,i)=>(0,v.jsx)(u.DropdownItem,{item:e,index:t,isSelected:r?.id===e.id,getItemProps:i,getDisplayText:e=>e.full_name,getItemKey:e=>e.id},e.id),se=e=>(0,v.jsx)(d.EmptyState,{inputValue:e,searchMessage:T(n.I18nKey.HOME$NO_REPOSITORY_FOUND),emptyMessage:T(n.I18nKey.COMMON$NO_REPOSITORY),testId:`git-repo-dropdown-empty`}),ce=(0,_.useMemo)(()=>G.length===0?null:(0,v.jsx)(`div`,{children:(0,v.jsx)(i.Typography.Text,{className:`text-xs text-content-2 font-semibold leading-4 pl-2`,children:T(n.I18nKey.COMMON$MOST_RECENT)})}),[G,k,$,T]);return(0,v.jsxs)(`div`,{className:r.cn(`relative`,S),children:[(0,v.jsxs)(`div`,{className:`group relative text-[var(--oh-muted)] hover:text-white`,children:[(0,v.jsx)(`div`,{className:`absolute left-2 top-1/2 transform -translate-y-1/2 z-10`,children:ae?(0,v.jsx)(`div`,{className:`animate-spin h-4 w-4 border-2 border-transparent border-t-white rounded-full`}):(0,v.jsx)(h.default,{width:16,height:16})}),(0,v.jsx)(`input`,{...ne({disabled:C,placeholder:x??T(n.I18nKey.COMMON$SEARCH_REPOSITORIES_PLACEHOLDER),className:r.cn(ee.formControlFieldClassName,`text-inherit shadow-none pl-7 pr-16 text-sm font-normal leading-5`,`placeholder:text-[var(--oh-muted)]`,`disabled:cursor-not-allowed disabled:opacity-60`),onChange:e=>{O(e.target.value)}}),"data-testid":`git-repo-dropdown`}),(0,v.jsxs)(`div`,{className:`absolute right-1 top-1/2 transform -translate-y-1/2 flex items-center`,children:[W&&(0,v.jsx)(s.ClearButton,{disabled:C,onClear:Y}),(0,v.jsx)(c.ToggleButton,{isOpen:Z,disabled:C,getToggleButtonProps:Q})]})]}),(0,v.jsx)(m.GenericDropdownMenu,{isOpen:Z,filteredItems:q,inputValue:D,highlightedIndex:re,selectedItem:ie,getMenuProps:te,getItemProps:$,onScroll:X,menuRef:M,renderItem:oe,renderEmptyState:se,stickyTopItem:ce,testId:`git-repo-dropdown-menu`,numberOfRecentItems:G.length,itemKey:e=>e.id}),(0,v.jsx)(l.ErrorMessage,{isError:H})]})}exports.GitRepoDropdown=y;
+const e=require(`../../../../_virtual/_rolldown/runtime.cjs`),t=require(`../../../../node_modules/react-i18next/dist/es/useTranslation.cjs`),n=require(`../../../../i18n/declaration.cjs`),r=require(`../../../../utils/utils.cjs`),i=require(`../../../../utils/form-control-classes.cjs`),ee=require(`../../../../ui/typography.cjs`),a=require(`../../../../node_modules/downshift/dist/downshift.esm.cjs`),o=require(`../../../../hooks/use-debounce.cjs`),s=require(`../shared/clear-button.cjs`),c=require(`../shared/toggle-button.cjs`),l=require(`../shared/error-message.cjs`),u=require(`../shared/dropdown-item.cjs`),d=require(`../shared/empty-state.cjs`),f=require(`./use-url-search.cjs`),p=require(`./use-repository-data.cjs`),m=require(`../shared/generic-dropdown-menu.cjs`),h=require(`../../../../icons/repo.cjs`),g=require(`../../../../stores/home-store.cjs`);let _=require(`react`);_=e.__toESM(_,1);let v=require(`react/jsx-runtime`);function y({provider:e,value:y,repositoryName:b,placeholder:x,className:S,disabled:C=!1,onChange:w}){let{t:T}=t.useTranslation(`openhands`),{recentRepositories:E}=g.useHomeStore(),[D,O]=(0,_.useState)(``),[k,A]=(0,_.useState)(null),j=o.useDebounce(D,300),M=(0,_.useRef)(null),N=(0,_.useMemo)(()=>{if(j.startsWith(`https://`)){let e=j.match(/https:\/\/[^/]+\/([^/]+\/[^/]+)/);return e?e[1]:j}return j},[j]),{urlSearchResults:P,isUrlSearchLoading:F}=f.useUrlSearch(D,e),{repositories:I,selectedRepository:L,fetchNextPage:R,hasNextPage:z,isLoading:B,isFetchingNextPage:V,isError:H,isSearchLoading:U}=p.useRepositoryData(e,C,N,P,D,y,b),W=L??k,G=(0,_.useMemo)(()=>{let t=E.filter(t=>t.git_provider===e);if(!D?.trim())return t;let n=D.startsWith(`https://`)?N:D;return t.filter(e=>e.full_name.toLowerCase().includes(n.toLowerCase()))},[E,e,D,N]),K=(0,_.useCallback)(e=>{let t=new Set(G.map(e=>e.id)),n=e.filter(e=>!t.has(e.id));return[...G,...n]},[G]),q=(0,_.useMemo)(()=>{let e;if(P.length>0)e=I;else if(D===L?.full_name)e=I;else if(!D?.trim())e=I;else{let t=D.startsWith(`https://`)?N:D;e=I.filter(e=>e.full_name.toLowerCase().includes(t.toLowerCase()))}return K(e)},[I,D,L,P,N,K]),J=(0,_.useCallback)(e=>{A(e),w?.(e||void 0),e&&O(e.full_name)},[w]),Y=(0,_.useCallback)(()=>{A(null),J(null),O(``)},[J]),X=(0,_.useCallback)(e=>{let{scrollTop:t,scrollHeight:n,clientHeight:r}=e.currentTarget;t+r>=n-10&&z&&!V&&R()},[z,V,R]),{isOpen:Z,getToggleButtonProps:Q,getMenuProps:te,getInputProps:ne,highlightedIndex:re,getItemProps:$,selectedItem:ie}=a.useCombobox({items:q,itemToString:e=>e?.full_name||``,selectedItem:k,onSelectedItemChange:({selectedItem:e})=>{J(e)},inputValue:D,stateReducer:(e,t)=>t.type===a.useCombobox.stateChangeTypes.InputClick&&e.isOpen?{...t.changes,isOpen:!0}:t.changes});(0,_.useEffect)(()=>{L?A(L):y===null&&A(null)},[L,y]),(0,_.useEffect)(()=>{Z||O(W?.full_name??``)},[W,Z]);let ae=B||U||V||F,oe=(e,t,n,r,i)=>(0,v.jsx)(u.DropdownItem,{item:e,index:t,isSelected:r?.id===e.id,getItemProps:i,getDisplayText:e=>e.full_name,getItemKey:e=>e.id},e.id),se=e=>(0,v.jsx)(d.EmptyState,{inputValue:e,searchMessage:T(n.I18nKey.HOME$NO_REPOSITORY_FOUND),emptyMessage:T(n.I18nKey.COMMON$NO_REPOSITORY),testId:`git-repo-dropdown-empty`}),ce=(0,_.useMemo)(()=>G.length===0?null:(0,v.jsx)(`div`,{children:(0,v.jsx)(ee.Typography.Text,{className:`text-xs text-content-2 font-semibold leading-4 pl-2`,children:T(n.I18nKey.COMMON$MOST_RECENT)})}),[G,k,$,T]);return(0,v.jsxs)(`div`,{className:r.cn(`relative`,S),children:[(0,v.jsxs)(`div`,{className:`group relative text-[var(--oh-muted)] hover:text-white`,children:[(0,v.jsx)(`div`,{className:`absolute left-2 top-1/2 transform -translate-y-1/2 z-10`,children:ae?(0,v.jsx)(`div`,{className:`animate-spin h-4 w-4 border-2 border-transparent border-t-white rounded-full`}):(0,v.jsx)(h.default,{width:16,height:16})}),(0,v.jsx)(`input`,{...ne({disabled:C,placeholder:x??T(n.I18nKey.COMMON$SEARCH_REPOSITORIES_PLACEHOLDER),className:r.cn(i.formControlFieldClassName,`text-inherit shadow-none pl-7 pr-16 text-sm font-normal leading-5`,`placeholder:text-[var(--oh-muted)]`,`disabled:cursor-not-allowed disabled:opacity-60`),onChange:e=>{O(e.target.value)}}),"data-testid":`git-repo-dropdown`}),(0,v.jsxs)(`div`,{className:`absolute right-1 top-1/2 transform -translate-y-1/2 flex items-center`,children:[W&&(0,v.jsx)(s.ClearButton,{disabled:C,onClear:Y}),(0,v.jsx)(c.ToggleButton,{isOpen:Z,disabled:C,getToggleButtonProps:Q})]})]}),(0,v.jsx)(m.GenericDropdownMenu,{isOpen:Z,filteredItems:q,inputValue:D,highlightedIndex:re,selectedItem:ie,getMenuProps:te,getItemProps:$,onScroll:X,menuRef:M,renderItem:oe,renderEmptyState:se,stickyTopItem:ce,testId:`git-repo-dropdown-menu`,numberOfRecentItems:G.length,itemKey:e=>e.id}),(0,v.jsx)(l.ErrorMessage,{isError:H})]})}exports.GitRepoDropdown=y;
 //# sourceMappingURL=git-repo-dropdown.cjs.map

package/dist/components/features/home/git-repo-dropdown/git-repo-dropdown.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"git-repo-dropdown.cjs","names":[],"sources":["../../../../../src/components/features/home/git-repo-dropdown/git-repo-dropdown.tsx"],"sourcesContent":["import React, {\n useState,\n useMemo,\n useCallback,\n useRef,\n useEffect,\n} from \"react\";\nimport { useCombobox } from \"downshift\";\nimport { useTranslation } from \"react-i18next\";\nimport { Provider } from \"#/types/settings\";\nimport { GitRepository } from \"#/types/git\";\nimport { useDebounce } from \"#/hooks/use-debounce\";\nimport { cn } from \"#/utils/utils\";\nimport { formControlFieldClassName } from \"#/utils/form-control-classes\";\n\nimport { ClearButton } from \"../shared/clear-button\";\nimport { ToggleButton } from \"../shared/toggle-button\";\nimport { ErrorMessage } from \"../shared/error-message\";\nimport { DropdownItem } from \"../shared/dropdown-item\";\nimport { EmptyState } from \"../shared/empty-state\";\nimport { useUrlSearch } from \"./use-url-search\";\nimport { useRepositoryData } from \"./use-repository-data\";\nimport { GenericDropdownMenu } from \"../shared/generic-dropdown-menu\";\nimport { I18nKey } from \"#/i18n/declaration\";\nimport RepoIcon from \"#/icons/repo.svg?react\";\nimport { useHomeStore } from \"#/stores/home-store\";\nimport { Typography } from \"#/ui/typography\";\n\nexport interface GitRepoDropdownProps {\n provider: Provider;\n value?: string \| null;\n repositoryName?: string \| null;\n placeholder?: string;\n className?: string;\n disabled?: boolean;\n onChange?: (repository?: GitRepository) => void;\n}\n\nexport function GitRepoDropdown({\n provider,\n value,\n repositoryName,\n placeholder,\n className,\n disabled = false,\n onChange,\n}: GitRepoDropdownProps) {\n const { t } = useTranslation(\"openhands\");\n const { recentRepositories: storedRecentRepositories } = useHomeStore();\n const [inputValue, setInputValue] = useState(\"\");\n const [localSelectedItem, setLocalSelectedItem] =\n useState<GitRepository \| null>(null);\n const debouncedInputValue = useDebounce(inputValue, 300);\n const menuRef = useRef<HTMLUListElement>(null);\n\n // Process search input to handle URLs\n const processedSearchInput = useMemo(() => {\n if (debouncedInputValue.startsWith(\"https://\")) {\n const match = debouncedInputValue.match(\n /https:\\/\\/[^/]+\\/([^/]+\\/[^/]+)/,\n );\n return match ? match[1] : debouncedInputValue;\n }\n return debouncedInputValue;\n }, [debouncedInputValue]);\n\n // URL search functionality\n const { urlSearchResults, isUrlSearchLoading } = useUrlSearch(\n inputValue,\n provider,\n );\n\n // Repository data management\n const {\n repositories,\n selectedRepository,\n fetchNextPage,\n hasNextPage,\n isLoading,\n isFetchingNextPage,\n isError,\n isSearchLoading,\n } = useRepositoryData(\n provider,\n disabled,\n processedSearchInput,\n urlSearchResults,\n inputValue,\n value,\n repositoryName,\n );\n\n /*\n `selectedRepository` is derived from fetched/search results. A repo selected\n * from \"Most Recent\" may not be present in those results yet, so use the\n * locally selected item as a fallback to keep the UI stable.\n */\n const effectiveSelectedRepository = selectedRepository ?? localSelectedItem;\n\n // Get recent repositories filtered by provider and input keyword\n const recentRepositories = useMemo(() => {\n const allRecentRepos = storedRecentRepositories;\n const providerFilteredRepos = allRecentRepos.filter(\n (repo) => repo.git_provider === provider,\n );\n\n // If no input value, return all recent repos for this provider\n if (!inputValue?.trim()) {\n return providerFilteredRepos;\n }\n\n // Filter by input keyword\n const filterText = inputValue.startsWith(\"https://\")\n ? processedSearchInput\n : inputValue;\n\n return providerFilteredRepos.filter((repo) =>\n repo.full_name.toLowerCase().includes(filterText.toLowerCase()),\n );\n }, [storedRecentRepositories, provider, inputValue, processedSearchInput]);\n\n // Helper function to prioritize recent repositories at the top\n const prioritizeRecentRepositories = useCallback(\n (repoList: GitRepository[]) => {\n const recentRepoIds = new Set(recentRepositories.map((repo) => repo.id));\n const otherRepos = repoList.filter((repo) => !recentRepoIds.has(repo.id));\n return [...recentRepositories, ...otherRepos];\n },\n [recentRepositories],\n );\n\n // Filter repositories based on input value\n const filteredRepositories = useMemo(() => {\n let baseRepositories: GitRepository[];\n\n // If we have URL search results, show them directly (no filtering needed)\n if (urlSearchResults.length > 0) {\n baseRepositories = repositories;\n }\n // If we have a selected repository and the input matches it exactly, show all repositories\n else if (inputValue === selectedRepository?.full_name) {\n baseRepositories = repositories;\n }\n // If no input value, show all repositories\n else if (!inputValue?.trim()) {\n baseRepositories = repositories;\n }\n // For URL inputs, use the processed search input for filtering\n else {\n const filterText = inputValue.startsWith(\"https://\")\n ? processedSearchInput\n : inputValue;\n\n baseRepositories = repositories.filter((repo) =>\n repo.full_name.toLowerCase().includes(filterText.toLowerCase()),\n );\n }\n\n // Prioritize recent repositories at the top\n return prioritizeRecentRepositories(baseRepositories);\n }, [\n repositories,\n inputValue,\n selectedRepository,\n urlSearchResults,\n processedSearchInput,\n prioritizeRecentRepositories,\n ]);\n\n // Handle selection\n const handleSelectionChange = useCallback(\n (selectedItem: GitRepository \| null) => {\n setLocalSelectedItem(selectedItem);\n onChange?.(selectedItem \|\| undefined);\n // Update input value to show selected item\n if (selectedItem) {\n setInputValue(selectedItem.full_name);\n }\n },\n [onChange],\n );\n\n // Handle clear selection\n const handleClear = useCallback(() => {\n setLocalSelectedItem(null);\n handleSelectionChange(null);\n setInputValue(\"\");\n }, [handleSelectionChange]);\n\n // Handle scroll to bottom for pagination\n const handleMenuScroll = useCallback(\n (event: React.UIEvent<HTMLUListElement>) => {\n const { scrollTop, scrollHeight, clientHeight } = event.currentTarget;\n const isNearBottom = scrollTop + clientHeight >= scrollHeight - 10;\n\n if (isNearBottom && hasNextPage && !isFetchingNextPage) {\n fetchNextPage();\n }\n },\n [hasNextPage, isFetchingNextPage, fetchNextPage],\n );\n\n const {\n isOpen,\n getToggleButtonProps,\n getMenuProps,\n getInputProps,\n highlightedIndex,\n getItemProps,\n selectedItem,\n } = useCombobox({\n items: filteredRepositories,\n itemToString: (item) => item?.full_name \|\| \"\",\n selectedItem: localSelectedItem,\n onSelectedItemChange: ({ selectedItem: newSelectedItem }) => {\n handleSelectionChange(newSelectedItem);\n },\n inputValue,\n // Override Downshift's default input-click behavior to avoid closing/reopening\n // the menu, which would reset scroll position and break search continuity.\n stateReducer: (state, actionAndChanges) =>\n actionAndChanges.type === useCombobox.stateChangeTypes.InputClick &&\n state.isOpen\n ? { ...actionAndChanges.changes, isOpen: true }\n : actionAndChanges.changes,\n });\n\n // Sync localSelectedItem with external value prop\n useEffect(() => {\n if (selectedRepository) {\n setLocalSelectedItem(selectedRepository);\n } else if (value === null) {\n setLocalSelectedItem(null);\n }\n }, [selectedRepository, value]);\n\n // Initialize input value when selectedRepository changes (but not when user is typing)\n useEffect(() => {\n if (isOpen) return;\n setInputValue(effectiveSelectedRepository?.full_name ?? \"\");\n }, [effectiveSelectedRepository, isOpen]);\n\n const isLoadingState =\n isLoading \|\| isSearchLoading \|\| isFetchingNextPage \|\| isUrlSearchLoading;\n\n const renderItem = (\n item: GitRepository,\n index: number,\n itemHighlightedIndex: number,\n itemSelectedItem: GitRepository \| null,\n itemGetItemProps: any, // eslint-disable-line @typescript-eslint/no-explicit-any\n ) => (\n <DropdownItem\n key={item.id}\n item={item}\n index={index}\n isSelected={itemSelectedItem?.id === item.id}\n getItemProps={itemGetItemProps}\n getDisplayText={(repo) => repo.full_name}\n getItemKey={(repo) => repo.id}\n />\n );\n\n const renderEmptyState = (emptyInputValue: string) => (\n <EmptyState\n inputValue={emptyInputValue}\n searchMessage={t(I18nKey.HOME$NO_REPOSITORY_FOUND)}\n emptyMessage={t(I18nKey.COMMON$NO_REPOSITORY)}\n testId=\"git-repo-dropdown-empty\"\n />\n );\n\n // Create sticky top item for recent repositories\n const stickyTopItem = useMemo(() => {\n if (recentRepositories.length === 0) {\n return null;\n }\n\n return (\n <div>\n <Typography.Text className=\"text-xs text-content-2 font-semibold leading-4 pl-2\">\n {t(I18nKey.COMMON$MOST_RECENT)}\n </Typography.Text>\n </div>\n );\n }, [recentRepositories, localSelectedItem, getItemProps, t]);\n\n return (\n <div className={cn(\"relative\", className)}>\n <div className=\"group relative text-[var(--oh-muted)] hover:text-white\">\n <div className=\"absolute left-2 top-1/2 transform -translate-y-1/2 z-10\">\n {isLoadingState ? (\n <div className=\"animate-spin h-4 w-4 border-2 border-transparent border-t-white rounded-full\" />\n ) : (\n <RepoIcon width={16} height={16} />\n )}\n </div>\n <input\n {...getInputProps({\n disabled,\n placeholder:\n placeholder ?? t(I18nKey.COMMON$SEARCH_REPOSITORIES_PLACEHOLDER),\n className: cn(\n formControlFieldClassName,\n \"text-inherit shadow-none pl-7 pr-16 text-sm font-normal leading-5\",\n \"placeholder:text-[var(--oh-muted)]\",\n \"disabled:cursor-not-allowed disabled:opacity-60\",\n ),\n // Direct onChange for cursor position preservation\n onChange: (e: React.ChangeEvent<HTMLInputElement>) => {\n setInputValue(e.target.value);\n },\n })}\n data-testid=\"git-repo-dropdown\"\n />\n\n <div className=\"absolute right-1 top-1/2 transform -translate-y-1/2 flex items-center\">\n {effectiveSelectedRepository && (\n <ClearButton disabled={disabled} onClear={handleClear} />\n )}\n\n <ToggleButton\n isOpen={isOpen}\n disabled={disabled}\n getToggleButtonProps={getToggleButtonProps}\n />\n </div>\n </div>\n\n <GenericDropdownMenu\n isOpen={isOpen}\n filteredItems={filteredRepositories}\n inputValue={inputValue}\n highlightedIndex={highlightedIndex}\n selectedItem={selectedItem}\n getMenuProps={getMenuProps}\n getItemProps={getItemProps}\n onScroll={handleMenuScroll}\n menuRef={menuRef}\n renderItem={renderItem}\n renderEmptyState={renderEmptyState}\n stickyTopItem={stickyTopItem}\n testId=\"git-repo-dropdown-menu\"\n numberOfRecentItems={recentRepositories.length}\n itemKey={(repo) => repo.id}\n />\n\n <ErrorMessage isError={isError} />\n </div>\n );\n}\n"],"mappings":"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"}
1	+ {"version":3,"file":"git-repo-dropdown.cjs","names":[],"sources":["../../../../../src/components/features/home/git-repo-dropdown/git-repo-dropdown.tsx"],"sourcesContent":["import React, {\n useState,\n useMemo,\n useCallback,\n useRef,\n useEffect,\n} from \"react\";\nimport { useCombobox } from \"downshift\";\nimport { useTranslation } from \"react-i18next\";\nimport { Provider } from \"#/types/settings\";\nimport { GitRepository } from \"#/types/git\";\nimport { useDebounce } from \"#/hooks/use-debounce\";\nimport { cn } from \"#/utils/utils\";\nimport { formControlFieldClassName } from \"#/utils/form-control-classes\";\n\nimport { ClearButton } from \"../shared/clear-button\";\nimport { ToggleButton } from \"../shared/toggle-button\";\nimport { ErrorMessage } from \"../shared/error-message\";\nimport { DropdownItem } from \"../shared/dropdown-item\";\nimport { EmptyState } from \"../shared/empty-state\";\nimport { useUrlSearch } from \"./use-url-search\";\nimport { useRepositoryData } from \"./use-repository-data\";\nimport { GenericDropdownMenu } from \"../shared/generic-dropdown-menu\";\nimport { I18nKey } from \"#/i18n/declaration\";\nimport RepoIcon from \"#/icons/repo.svg?react\";\nimport { useHomeStore } from \"#/stores/home-store\";\nimport { Typography } from \"#/ui/typography\";\n\nexport interface GitRepoDropdownProps {\n provider: Provider;\n value?: string \| null;\n repositoryName?: string \| null;\n placeholder?: string;\n className?: string;\n disabled?: boolean;\n onChange?: (repository?: GitRepository) => void;\n}\n\nexport function GitRepoDropdown({\n provider,\n value,\n repositoryName,\n placeholder,\n className,\n disabled = false,\n onChange,\n}: GitRepoDropdownProps) {\n const { t } = useTranslation(\"openhands\");\n const { recentRepositories: storedRecentRepositories } = useHomeStore();\n const [inputValue, setInputValue] = useState(\"\");\n const [localSelectedItem, setLocalSelectedItem] =\n useState<GitRepository \| null>(null);\n const debouncedInputValue = useDebounce(inputValue, 300);\n const menuRef = useRef<HTMLUListElement>(null);\n\n // Process search input to handle URLs\n const processedSearchInput = useMemo(() => {\n if (debouncedInputValue.startsWith(\"https://\")) {\n const match = debouncedInputValue.match(\n /https:\\/\\/[^/]+\\/([^/]+\\/[^/]+)/,\n );\n return match ? match[1] : debouncedInputValue;\n }\n return debouncedInputValue;\n }, [debouncedInputValue]);\n\n // URL search functionality\n const { urlSearchResults, isUrlSearchLoading } = useUrlSearch(\n inputValue,\n provider,\n );\n\n // Repository data management\n const {\n repositories,\n selectedRepository,\n fetchNextPage,\n hasNextPage,\n isLoading,\n isFetchingNextPage,\n isError,\n isSearchLoading,\n } = useRepositoryData(\n provider,\n disabled,\n processedSearchInput,\n urlSearchResults,\n inputValue,\n value,\n repositoryName,\n );\n\n /*\n `selectedRepository` is derived from fetched/search results. A repo selected\n * from \"Most Recent\" may not be present in those results yet, so use the\n * locally selected item as a fallback to keep the UI stable.\n */\n const effectiveSelectedRepository = selectedRepository ?? localSelectedItem;\n\n // Get recent repositories filtered by provider and input keyword\n const recentRepositories = useMemo(() => {\n const allRecentRepos = storedRecentRepositories;\n const providerFilteredRepos = allRecentRepos.filter(\n (repo) => repo.git_provider === provider,\n );\n\n // If no input value, return all recent repos for this provider\n if (!inputValue?.trim()) {\n return providerFilteredRepos;\n }\n\n // Filter by input keyword\n const filterText = inputValue.startsWith(\"https://\")\n ? processedSearchInput\n : inputValue;\n\n return providerFilteredRepos.filter((repo) =>\n repo.full_name.toLowerCase().includes(filterText.toLowerCase()),\n );\n }, [storedRecentRepositories, provider, inputValue, processedSearchInput]);\n\n // Helper function to prioritize recent repositories at the top\n const prioritizeRecentRepositories = useCallback(\n (repoList: GitRepository[]) => {\n const recentRepoIds = new Set(recentRepositories.map((repo) => repo.id));\n const otherRepos = repoList.filter((repo) => !recentRepoIds.has(repo.id));\n return [...recentRepositories, ...otherRepos];\n },\n [recentRepositories],\n );\n\n // Filter repositories based on input value\n const filteredRepositories = useMemo(() => {\n let baseRepositories: GitRepository[];\n\n // If we have URL search results, show them directly (no filtering needed)\n if (urlSearchResults.length > 0) {\n baseRepositories = repositories;\n }\n // If we have a selected repository and the input matches it exactly, show all repositories\n else if (inputValue === selectedRepository?.full_name) {\n baseRepositories = repositories;\n }\n // If no input value, show all repositories\n else if (!inputValue?.trim()) {\n baseRepositories = repositories;\n }\n // For URL inputs, use the processed search input for filtering\n else {\n const filterText = inputValue.startsWith(\"https://\")\n ? processedSearchInput\n : inputValue;\n\n baseRepositories = repositories.filter((repo) =>\n repo.full_name.toLowerCase().includes(filterText.toLowerCase()),\n );\n }\n\n // Prioritize recent repositories at the top\n return prioritizeRecentRepositories(baseRepositories);\n }, [\n repositories,\n inputValue,\n selectedRepository,\n urlSearchResults,\n processedSearchInput,\n prioritizeRecentRepositories,\n ]);\n\n // Handle selection\n const handleSelectionChange = useCallback(\n (selectedItem: GitRepository \| null) => {\n setLocalSelectedItem(selectedItem);\n onChange?.(selectedItem \|\| undefined);\n // Update input value to show selected item\n if (selectedItem) {\n setInputValue(selectedItem.full_name);\n }\n },\n [onChange],\n );\n\n // Handle clear selection\n const handleClear = useCallback(() => {\n setLocalSelectedItem(null);\n handleSelectionChange(null);\n setInputValue(\"\");\n }, [handleSelectionChange]);\n\n // Handle scroll to bottom for pagination\n const handleMenuScroll = useCallback(\n (event: React.UIEvent<HTMLUListElement>) => {\n const { scrollTop, scrollHeight, clientHeight } = event.currentTarget;\n const isNearBottom = scrollTop + clientHeight >= scrollHeight - 10;\n\n if (isNearBottom && hasNextPage && !isFetchingNextPage) {\n fetchNextPage();\n }\n },\n [hasNextPage, isFetchingNextPage, fetchNextPage],\n );\n\n const {\n isOpen,\n getToggleButtonProps,\n getMenuProps,\n getInputProps,\n highlightedIndex,\n getItemProps,\n selectedItem,\n } = useCombobox({\n items: filteredRepositories,\n itemToString: (item) => item?.full_name \|\| \"\",\n selectedItem: localSelectedItem,\n onSelectedItemChange: ({ selectedItem: newSelectedItem }) => {\n handleSelectionChange(newSelectedItem);\n },\n inputValue,\n // Override Downshift's default input-click behavior to avoid closing/reopening\n // the menu, which would reset scroll position and break search continuity.\n stateReducer: (state, actionAndChanges) =>\n actionAndChanges.type === useCombobox.stateChangeTypes.InputClick &&\n state.isOpen\n ? { ...actionAndChanges.changes, isOpen: true }\n : actionAndChanges.changes,\n });\n\n // Sync localSelectedItem with external value prop\n useEffect(() => {\n if (selectedRepository) {\n setLocalSelectedItem(selectedRepository);\n } else if (value === null) {\n setLocalSelectedItem(null);\n }\n }, [selectedRepository, value]);\n\n // Initialize input value when selectedRepository changes (but not when user is typing)\n useEffect(() => {\n if (isOpen) return;\n setInputValue(effectiveSelectedRepository?.full_name ?? \"\");\n }, [effectiveSelectedRepository, isOpen]);\n\n const isLoadingState =\n isLoading \|\| isSearchLoading \|\| isFetchingNextPage \|\| isUrlSearchLoading;\n\n const renderItem = (\n item: GitRepository,\n index: number,\n itemHighlightedIndex: number,\n itemSelectedItem: GitRepository \| null,\n itemGetItemProps: any, // eslint-disable-line @typescript-eslint/no-explicit-any\n ) => (\n <DropdownItem\n key={item.id}\n item={item}\n index={index}\n isSelected={itemSelectedItem?.id === item.id}\n getItemProps={itemGetItemProps}\n getDisplayText={(repo) => repo.full_name}\n getItemKey={(repo) => repo.id}\n />\n );\n\n const renderEmptyState = (emptyInputValue: string) => (\n <EmptyState\n inputValue={emptyInputValue}\n searchMessage={t(I18nKey.HOME$NO_REPOSITORY_FOUND)}\n emptyMessage={t(I18nKey.COMMON$NO_REPOSITORY)}\n testId=\"git-repo-dropdown-empty\"\n />\n );\n\n // Create sticky top item for recent repositories\n const stickyTopItem = useMemo(() => {\n if (recentRepositories.length === 0) {\n return null;\n }\n\n return (\n <div>\n <Typography.Text className=\"text-xs text-content-2 font-semibold leading-4 pl-2\">\n {t(I18nKey.COMMON$MOST_RECENT)}\n </Typography.Text>\n </div>\n );\n }, [recentRepositories, localSelectedItem, getItemProps, t]);\n\n return (\n <div className={cn(\"relative\", className)}>\n <div className=\"group relative text-[var(--oh-muted)] hover:text-white\">\n <div className=\"absolute left-2 top-1/2 transform -translate-y-1/2 z-10\">\n {isLoadingState ? (\n <div className=\"animate-spin h-4 w-4 border-2 border-transparent border-t-white rounded-full\" />\n ) : (\n <RepoIcon width={16} height={16} />\n )}\n </div>\n <input\n {...getInputProps({\n disabled,\n placeholder:\n placeholder ?? t(I18nKey.COMMON$SEARCH_REPOSITORIES_PLACEHOLDER),\n className: cn(\n formControlFieldClassName,\n \"text-inherit shadow-none pl-7 pr-16 text-sm font-normal leading-5\",\n \"placeholder:text-[var(--oh-muted)]\",\n \"disabled:cursor-not-allowed disabled:opacity-60\",\n ),\n // Direct onChange for cursor position preservation\n onChange: (e: React.ChangeEvent<HTMLInputElement>) => {\n setInputValue(e.target.value);\n },\n })}\n data-testid=\"git-repo-dropdown\"\n />\n\n <div className=\"absolute right-1 top-1/2 transform -translate-y-1/2 flex items-center\">\n {effectiveSelectedRepository && (\n <ClearButton disabled={disabled} onClear={handleClear} />\n )}\n\n <ToggleButton\n isOpen={isOpen}\n disabled={disabled}\n getToggleButtonProps={getToggleButtonProps}\n />\n </div>\n </div>\n\n <GenericDropdownMenu\n isOpen={isOpen}\n filteredItems={filteredRepositories}\n inputValue={inputValue}\n highlightedIndex={highlightedIndex}\n selectedItem={selectedItem}\n getMenuProps={getMenuProps}\n getItemProps={getItemProps}\n onScroll={handleMenuScroll}\n menuRef={menuRef}\n renderItem={renderItem}\n renderEmptyState={renderEmptyState}\n stickyTopItem={stickyTopItem}\n testId=\"git-repo-dropdown-menu\"\n numberOfRecentItems={recentRepositories.length}\n itemKey={(repo) => repo.id}\n />\n\n <ErrorMessage isError={isError} />\n </div>\n );\n}\n"],"mappings":"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"}

package/dist/components/features/home/git-repo-dropdown/git-repo-dropdown.js CHANGED Viewed

@@ -1,8 +1,8 @@
 import { useTranslation as e } from "../../../../node_modules/react-i18next/dist/es/useTranslation.js";
 import { I18nKey as t } from "../../../../i18n/declaration.js";
 import { cn as n } from "../../../../utils/utils.js";
-import { Typography as r } from "../../../../ui/typography.js";
-import { formControlFieldClassName as i } from "../../../../utils/form-control-classes.js";
+import { formControlFieldClassName as r } from "../../../../utils/form-control-classes.js";
+import { Typography as i } from "../../../../ui/typography.js";
 import { useCombobox as a } from "../../../../node_modules/downshift/dist/downshift.esm.js";
 import { useDebounce as o } from "../../../../hooks/use-debounce.js";
 import { ClearButton as s } from "../shared/clear-button.js";
@@ -96,7 +96,7 @@ function C({ provider: C, value: w, repositoryName: te, placeholder: T, classNam
 		searchMessage: k(t.HOME$NO_REPOSITORY_FOUND),
 		emptyMessage: k(t.COMMON$NO_REPOSITORY),
 		testId: "git-repo-dropdown-empty"
-	}), pe = v(() => J.length === 0 ? null : /* @__PURE__ */ x("div", { children: /* @__PURE__ */ x(r.Text, {
+	}), pe = v(() => J.length === 0 ? null : /* @__PURE__ */ x("div", { children: /* @__PURE__ */ x(i.Text, {
 		className: "text-xs text-content-2 font-semibold leading-4 pl-2",
 		children: k(t.COMMON$MOST_RECENT)
 	}) }), [
@@ -122,7 +122,7 @@ function C({ provider: C, value: w, repositoryName: te, placeholder: T, classNam
 						...se({
 							disabled: D,
 							placeholder: T ?? k(t.COMMON$SEARCH_REPOSITORIES_PLACEHOLDER),
-							className: n(i, "text-inherit shadow-none pl-7 pr-16 text-sm font-normal leading-5", "placeholder:text-[var(--oh-muted)]", "disabled:cursor-not-allowed disabled:opacity-60"),
+							className: n(r, "text-inherit shadow-none pl-7 pr-16 text-sm font-normal leading-5", "placeholder:text-[var(--oh-muted)]", "disabled:cursor-not-allowed disabled:opacity-60"),
 							onChange: (e) => {
 								M(e.target.value);
 							}

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

@@ -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`);let n=require(`react/jsx-runtime`);var r={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`};function i({entry:i,size:a=`md`,className:o,fallback:s,testId:c}){return(0,n.jsx)(`span`,{"aria-hidden":`true`,title:i?.name,"data-testid":c,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)]`,r[a],o),style:{backgroundColor:i?.iconBg??`var(--oh-color-tertiary)`,color:i?.iconColor??`#FFFFFF`},children:i?.logoUrl?(0,n.jsx)(`img`,{src:i.logoUrl,alt:`${i.name} logo`,className:`h-full w-full object-contain p-[22%]`,onError:e=>{let t=e.currentTarget;t.style.display=`none`}}):s??(0,n.jsx)(e.Bot,{className:`h-5 w-5`,strokeWidth:2.25})})}exports.McpLogoBadge=i;
+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;
 //# sourceMappingURL=mcp-logo-badge.cjs.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"mcp-logo-badge.cjs","names":[],"sources":["../../../src/components/features/mcp-logo-badge.tsx"],"sourcesContent":["import type { ReactNode } from \"react\";\nimport { Bot } from \"lucide-react\";\nimport type { IntegrationCatalogEntry } from \"@openhands/extensions/integrations\";\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\nexport function McpLogoBadge({\n entry,\n size = \"md\",\n className,\n fallback,\n testId,\n}: McpLogoBadgeProps) {\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 {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":"~~gMAoBA~~,IAAM,EAAiB,CACrB,GAAI,8CACJ,GAAI,6CACJ,GAAI,+CACL,CAED,SAAgB,EAAa,CAC3B,QACA,OAAO,KACP,YACA,WACA,UACoB,CACpB,OACE,EAAA,EAAA,KAAC,OAAD,CACE,cAAY,OACZ,MAAO,GAAO,KACd,cAAa,EACb,UAAW,EAAA,GACT,mEACA,uEACA,EAAe,GACf,EACD,CACD,MAAO,CACL,gBAAiB,GAAO,QAAU,2BAClC,MAAO,GAAO,WAAa,UAC5B,UAEA,GAAO,~~SACN~~,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,QAExB,CAAA,CAED,IAAY,EAAA,EAAA,KAAC,EAAA,IAAD,CAAK,UAAU,UAAU,YAAa,KAAQ,CAAA,CAExD,CAAA"}
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,+CACL,CAKK,EAGF,CACF,MAAO,EAAA,QACR,CAED,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,EACD,CACD,MAAO,CACL,gBAAiB,GAAO,QAAU,2BAClC,MAAO,GAAO,WAAa,UAC5B,UAEA,GACC,EAAA,EAAA,KAAC,EAAD,EAAiB,CAAA,CACf,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,QAExB,CAAA,CAED,IAAY,EAAA,EAAA,KAAC,EAAA,IAAD,CAAK,UAAU,UAAU,YAAa,KAAQ,CAAA,CAExD,CAAA"}

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

@@ -1,37 +1,39 @@
 import { Bot as e } from "../../node_modules/lucide-react/dist/esm/icons/bot.js";
 import { cn as t } from "../../utils/utils.js";
-import { jsx as n } from "react/jsx-runtime";
+import n from "../../icons/slack.js";
+import { jsx as r } from "react/jsx-runtime";
 //#region src/components/features/mcp-logo-badge.tsx
-var r = {
+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"
-};
-function i({ entry: i, size: a = "md", className: o, fallback: s, testId: c }) {
-	return /* @__PURE__ */ n("span", {
+}, a = { slack: n };
+function o({ entry: n, size: o = "md", className: s, fallback: c, testId: l }) {
+	let u = n ? a[n.id] : void 0;
+	return /* @__PURE__ */ r("span", {
 		"aria-hidden": "true",
-		title: i?.name,
-		"data-testid": c,
-		className: t("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)]", r[a], o),
+		title: n?.name,
+		"data-testid": l,
+		className: t("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: i?.iconBg ?? "var(--oh-color-tertiary)",
-			color: i?.iconColor ?? "#FFFFFF"
+			backgroundColor: n?.iconBg ?? "var(--oh-color-tertiary)",
+			color: n?.iconColor ?? "#FFFFFF"
 		},
-		children: i?.logoUrl ? /* @__PURE__ */ n("img", {
-			src: i.logoUrl,
-			alt: `${i.name} logo`,
+		children: u ? /* @__PURE__ */ r(u, {}) : n?.logoUrl ? /* @__PURE__ */ r("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";
 			}
-		}) : s ?? /* @__PURE__ */ n(e, {
+		}) : c ?? /* @__PURE__ */ r(e, {
 			className: "h-5 w-5",
 			strokeWidth: 2.25
 		})
 	});
 }
 //#endregion
-export { i as McpLogoBadge };
+export { o as McpLogoBadge };
 //# sourceMappingURL=mcp-logo-badge.js.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"mcp-logo-badge.js","names":[],"sources":["../../../src/components/features/mcp-logo-badge.tsx"],"sourcesContent":["import type { ReactNode } from \"react\";\nimport { Bot } from \"lucide-react\";\nimport type { IntegrationCatalogEntry } from \"@openhands/extensions/integrations\";\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\nexport function McpLogoBadge({\n entry,\n size = \"md\",\n className,\n fallback,\n testId,\n}: McpLogoBadgeProps) {\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 {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":"~~;;;;AAoBA~~,IAAM,IAAiB;CACrB,IAAI;CACJ,IAAI;CACJ,IAAI;CACL;AAED,SAAgB,EAAa,EAC3B,UACA,UAAO,MACP,cACA,aACA,aACoB;~~AACpB~~,QACE,kBAAC,QAAD;EACE,eAAY;EACZ,OAAO,GAAO;EACd,eAAa;EACb,WAAW,EACT,oEACA,wEACA,EAAe,IACf,EACD;EACD,OAAO;GACL,iBAAiB,GAAO,UAAU;GAClC,OAAO,GAAO,aAAa;GAC5B;YAEA,GAAO,~~UACN~~,kBAAC,OAAD;GACE,KAAK,EAAM;GACX,KAAK,GAAG,EAAM,KAAK;GACnB,WAAU;GACV,UAAU,MAAM;IACd,IAAM,IAAQ,EAAE;AAChB,MAAM,MAAM,UAAU;;GAExB,CAAA,GAED,KAAY,kBAAC,GAAD;GAAK,WAAU;GAAU,aAAa;GAAQ,CAAA;EAExD,CAAA"}
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;CACL,EAKK,IAGF,EACF,OAAO,GACR;AAED,SAAgB,EAAa,EAC3B,UACA,UAAO,MACP,cACA,aACA,aACoB;CACpB,IAAM,IAAgB,IAAQ,EAAiB,EAAM,MAAM,KAAA;AAC3D,QACE,kBAAC,QAAD;EACE,eAAY;EACZ,OAAO,GAAO;EACd,eAAa;EACb,WAAW,EACT,oEACA,wEACA,EAAe,IACf,EACD;EACD,OAAO;GACL,iBAAiB,GAAO,UAAU;GAClC,OAAO,GAAO,aAAa;GAC5B;YAEA,IACC,kBAAC,GAAD,EAAiB,CAAA,GACf,GAAO,UACT,kBAAC,OAAD;GACE,KAAK,EAAM;GACX,KAAK,GAAG,EAAM,KAAK;GACnB,WAAU;GACV,UAAU,MAAM;IACd,IAAM,IAAQ,EAAE;AAChB,MAAM,MAAM,UAAU;;GAExB,CAAA,GAED,KAAY,kBAAC,GAAD;GAAK,WAAU;GAAU,aAAa;GAAQ,CAAA;EAExD,CAAA"}

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

@@ -1,2 +1,2 @@
-const e=require(`../../../_virtual/_rolldown/runtime.cjs`),t=require(`../../../node_modules/react-i18next/dist/es/useTranslation.cjs`),n=require(`../../../i18n/declaration.cjs`),r=require(`../../../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`),s=require(`../../shared/modals/modal-backdrop.cjs`),c=require(`../../../utils/modal-classes.cjs`),l=require(`../../shared/modals/modal-close-button.cjs`),u=require(`../../shared/modals/confirmation-modal.cjs`),d=require(`../../../hooks/mutation/use-delete-mcp-server.cjs`),f=require(`../../../hooks/mutation/use-add-mcp-server.cjs`),p=require(`../../../hooks/mutation/use-test-mcp-server.cjs`),m=require(`../settings/mcp-settings/mcp-server-form.cjs`),h=require(`../../../hooks/mutation/use-update-mcp-server.cjs`);let g=require(`react`);g=e.__toESM(g,1);let _=require(`react/jsx-runtime`);function v({server:e,existingServers:v,onClose:y}){let{t:b}=t.useTranslation(`openhands`),{mutate:x,isPending:S}=f.useAddMcpServer(),{mutate:C,isPending:w}=h.useUpdateMcpServer(),{mutate:T,isPending:E}=d.useDeleteMcpServer(),{mutate:D,isPending:O,data:k,reset:A}=p.useTestMcpServer(),[j,M]=g.default.useState(!1),{backend:N}=o.useActiveBackend(),P=N.kind===`cloud`,F=!!e.id,I=S||w||E,L=I||O||j,R=e=>{switch(e.error_kind){case`timeout`:return b(n.I18nKey.MCP$TEST_ERROR_TIMEOUT);case`connection`:return b(n.I18nKey.MCP$TEST_ERROR_CONNECTION);case`credentials`:return b(n.I18nKey.MCP$TEST_ERROR_CREDENTIALS,{error:e.error});default:return b(n.I18nKey.MCP$TEST_ERROR_UNKNOWN,{error:e.error})}},z=g.default.useMemo(()=>k?k.ok?{ok:!0,text:b(n.I18nKey.MCP$TEST_SUCCESS,{count:k.tools.length})}:{ok:!1,text:R(k)}:null,[k,b]),B=e=>{a.displayErrorToast(i.retrieveAxiosErrorMessage(e)||b(n.I18nKey.ERROR$GENERIC))};return(0,_.jsxs)(_.Fragment,{children:[(0,_.jsx)(s.ModalBackdrop,{onClose:L?void 0:y,closeOnEscape:!L,"aria-label":b(F?n.I18nKey.MCP$EDIT_CUSTOM_TITLE:n.I18nKey.MCP$ADD_CUSTOM_TITLE),children:(0,_.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,_.jsx)(l.ModalCloseButton,{onClose:y,testId:`mcp-custom-editor-close`,disabled:L}),(0,_.jsx)(`h2`,{className:r.cn(`mb-4 pr-6`,c.modalTitleLgClassName),children:b(F?n.I18nKey.MCP$EDIT_CUSTOM_TITLE:n.I18nKey.MCP$ADD_CUSTOM_TITLE)}),(0,_.jsx)(m.MCPServerForm,{mode:F?`edit`:`add`,server:F?e:void 0,existingServers:v,onSubmit:t=>{A(),D(t,{onSuccess:n=>{n.ok&&(F?C({serverId:e.id,server:t},{onSuccess:y,onError:B}):x(t,{onSuccess:y,onError:B}))},onError:B})},onCancel:y,onDelete:F?()=>M(!0):void 0,isActionDisabled:I,onTest:P?void 0:e=>{D(e)},isTestPending:O,testMessage:P?null:z})]})}),j?(0,_.jsx)(u.ConfirmationModal,{text:b(n.I18nKey.SETTINGS$MCP_CONFIRM_DELETE),onCancel:()=>M(!1),onConfirm:()=>{T(e,{onSuccess:()=>{a.displaySuccessToast(b(n.I18nKey.MCP$REMOVE_SUCCESS)),M(!1),y()},onError:e=>{B(e),M(!1)}})},isConfirming:E}):null]})}exports.CustomServerEditor=v;
+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`),s=require(`../../shared/modals/modal-backdrop.cjs`),c=require(`../../../utils/modal-classes.cjs`),l=require(`../../shared/modals/modal-close-button.cjs`),u=require(`../../shared/modals/confirmation-modal.cjs`),d=require(`../../../hooks/mutation/use-delete-mcp-server.cjs`),f=require(`../../../hooks/mutation/use-add-mcp-server.cjs`),p=require(`../../../api/mcp-service/mcp-service.api.cjs`),m=require(`../../../hooks/mutation/use-test-mcp-server.cjs`),h=require(`../settings/mcp-settings/mcp-server-form.cjs`),g=require(`../../../hooks/mutation/use-update-mcp-server.cjs`);let _=require(`react`);_=e.__toESM(_,1);let v=require(`react/jsx-runtime`);function y({server:e,existingServers:y,onClose:b}){let{t:x}=t.useTranslation(`openhands`),{mutate:S,isPending:C}=f.useAddMcpServer(),{mutate:w,isPending:T}=g.useUpdateMcpServer(),{mutate:E,isPending:D}=d.useDeleteMcpServer(),{mutate:O,isPending:k,data:A,reset:j}=m.useTestMcpServer(),[M,N]=_.default.useState(!1),[P,F]=_.default.useState(null),[I,L]=_.default.useState(!1),{backend:R}=o.useActiveBackend(),z=R.kind===`cloud`,B=!!e.id,V=C||T||D,H=V||k||I||M,U=e=>{switch(e.error_kind){case`timeout`:return x(n.I18nKey.MCP$TEST_ERROR_TIMEOUT);case`connection`:return x(n.I18nKey.MCP$TEST_ERROR_CONNECTION);case`credentials`:return x(n.I18nKey.MCP$TEST_ERROR_CREDENTIALS,{error:e.error});default:return x(n.I18nKey.MCP$TEST_ERROR_UNKNOWN,{error:e.error})}},W=_.default.useMemo(()=>{let e=P??A;return e?e.ok?{ok:!0,text:x(n.I18nKey.MCP$TEST_SUCCESS,{count:e.tools.length})}:{ok:!1,text:U(e)}:null},[P,A,x]),G=e=>{a.displayErrorToast(i.retrieveAxiosErrorMessage(e)||x(n.I18nKey.ERROR$GENERIC))};return(0,v.jsxs)(v.Fragment,{children:[(0,v.jsx)(s.ModalBackdrop,{onClose:H?void 0:b,closeOnEscape:!H,"aria-label":x(B?n.I18nKey.MCP$EDIT_CUSTOM_TITLE:n.I18nKey.MCP$ADD_CUSTOM_TITLE),children:(0,v.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,v.jsx)(l.ModalCloseButton,{onClose:b,testId:`mcp-custom-editor-close`,disabled:H}),(0,v.jsx)(`h2`,{className:r.cn(`mb-4 pr-6`,c.modalTitleLgClassName),children:x(B?n.I18nKey.MCP$EDIT_CUSTOM_TITLE:n.I18nKey.MCP$ADD_CUSTOM_TITLE)}),(0,v.jsx)(h.MCPServerForm,{mode:B?`edit`:`add`,server:B?e:void 0,existingServers:y,onSubmit:t=>{if(j(),F(null),t.auth?.strategy===`oauth2`){L(!0),p.default.authorizeOAuth(t).then(n=>{if(F(n),!n.ok)return;let r=n.oauth_state?{...t,auth:{...t.auth,state:n.oauth_state}}:t;B?w({serverId:e.id,server:r},{onSuccess:b,onError:G}):S(r,{onSuccess:b,onError:G})}).catch(G).finally(()=>L(!1));return}O(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;B?w({serverId:e.id,server:r},{onSuccess:b,onError:G}):S(r,{onSuccess:b,onError:G})},onError:G})},onCancel:b,onDelete:B?()=>N(!0):void 0,isActionDisabled:V,onTest:z?void 0:e=>{if(F(null),e.auth?.strategy===`oauth2`&&!z){L(!0),p.default.authorizeOAuth(e).then(F).catch(G).finally(()=>L(!1));return}O(e)},isTestPending:k||I,testMessage:z?null:W})]})}),M?(0,v.jsx)(u.ConfirmationModal,{text:x(n.I18nKey.SETTINGS$MCP_CONFIRM_DELETE),onCancel:()=>N(!1),onConfirm:()=>{E(e,{onSuccess:()=>{a.displaySuccessToast(x(n.I18nKey.MCP$REMOVE_SUCCESS)),N(!1),b()},onError:e=>{G(e),N(!1)}})},isConfirming:D}):null]})}exports.CustomServerEditor=y;
 //# sourceMappingURL=custom-server-editor.cjs.map