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

@openhands/agent-canvas 1.15.0 → 1.16.0

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

Files changed (739) hide show

package/dist/components/features/conversation/conversation-tabs/conversation-tabs.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"conversation-tabs.js","names":[],"sources":["../../../../../src/components/features/conversation/conversation-tabs/conversation-tabs.tsx"],"sourcesContent":["import { useEffect, useLayoutEffect, useRef, useState } from \"react\";\nimport { useTranslation } from \"react-i18next\";\nimport { LayoutGroup } from \"framer-motion\";\nimport { Gauge, Globe, ListTodo, SquareChevronRight } from \"lucide-react\";\nimport { LuFileDiff } from \"react-icons/lu\";\nimport DocumentIcon from \"#/icons/document.svg?react\";\nimport DoubleCheckIcon from \"#/icons/double-check.svg?react\";\nimport { EllipsisButton } from \"#/components/features/conversation-panel/ellipsis-button\";\nimport { cn } from \"#/utils/utils\";\nimport { useConversationLocalStorageState } from \"#/utils/conversation-local-storage\";\nimport { ConversationTabNav } from \"./conversation-tab-nav\";\nimport { DrawerVSCodeLink } from \"./drawer-vscode-link\";\nimport { ChatActionTooltip } from \"../../chat/chat-action-tooltip\";\nimport { I18nKey } from \"#/i18n/declaration\";\nimport { useConversationStore } from \"#/stores/conversation-store\";\nimport { ConversationTabsContextMenu } from \"./conversation-tabs-context-menu\";\nimport { useConversationId } from \"#/hooks/use-conversation-id\";\nimport { useSelectConversationTab } from \"#/hooks/use-select-conversation-tab\";\nimport { useTaskList } from \"#/hooks/use-task-list\";\nimport { useActiveBackend } from \"#/contexts/active-backend-context\";\nimport { useHandleBuildPlanClick } from \"#/hooks/use-handle-build-plan-click\";\nimport { useAgentState } from \"#/hooks/use-agent-state\";\nimport { AgentState } from \"#/types/agent-state\";\nimport { Typography } from \"#/ui/typography\";\nimport { mobileTopBarIconClassName } from \"#/utils/mobile-top-bar-icon-button-classes\";\n\nexport function ConversationTabs({\n variant = \"default\",\n isPanelResizing = false,\n}: {\n variant?: \"default\" \| \"compact\";\n /** True while the desktop drawer gripper is being dragged. /\n isPanelResizing?: boolean;\n}) {\n const { conversationId } = useConversationId();\n const { setSelectedTab, planContent } = useConversationStore();\n\n const [isMenuOpen, setIsMenuOpen] = useState(false);\n\n const { state: persistedState } =\n useConversationLocalStorageState(conversationId);\n\n const { hasTaskList } = useTaskList();\n const { backend } = useActiveBackend();\n\n const { handleBuildPlanClick } = useHandleBuildPlanClick();\n const { curAgentState } = useAgentState();\n\n const {\n selectTab,\n isTabActive,\n onTabChange,\n selectedTab,\n isRightPanelShown,\n } = useSelectConversationTab();\n\n // Restore the most-recently-used tab from localStorage so users don't\n // lose their tab selection across reloads.\n //\n // Note: we deliberately do NOT mirror `rightPanelShown` from\n // localStorage. The drawer's open/closed state is session-only — see\n // the comment in `useConversationStore` and the schema note in\n // `conversation-local-storage.ts` for the rationale.\n useEffect(() => {\n setSelectedTab(persistedState.selectedTab);\n }, [setSelectedTab, persistedState.selectedTab]);\n\n useEffect(() => {\n const handlePanelVisibilityChange = () => {\n if (isRightPanelShown) {\n // If no tab is selected, default to files tab\n if (!selectedTab) {\n onTabChange(\"files\");\n }\n }\n };\n\n handlePanelVisibilityChange();\n }, [isRightPanelShown, selectedTab, onTabChange]);\n\n const { t, i18n } = useTranslation(\"openhands\");\n\n // `files` is intentionally the leftmost tab — it's the primary entry\n // point for inspecting agent output (workspace files + git diff).\n const tabs = [\n {\n tabValue: \"files\",\n isActive: isTabActive(\"files\"),\n icon: DocumentIcon,\n onClick: () => selectTab(\"files\"),\n tooltipContent: t(I18nKey.COMMON$FILES),\n tooltipAriaLabel: t(I18nKey.COMMON$FILES),\n label: t(I18nKey.COMMON$FILES),\n },\n {\n tabValue: \"commits\",\n isActive: isTabActive(\"commits\"),\n icon: LuFileDiff,\n onClick: () => selectTab(\"commits\"),\n tooltipContent: t(I18nKey.DIFF_VIEWER$COMMITS),\n tooltipAriaLabel: t(I18nKey.DIFF_VIEWER$COMMITS),\n label: t(I18nKey.DIFF_VIEWER$COMMITS),\n },\n {\n tabValue: \"planner\",\n isActive: isTabActive(\"planner\"),\n icon: ListTodo,\n onClick: () => selectTab(\"planner\"),\n tooltipContent: t(I18nKey.COMMON$PLANNER),\n tooltipAriaLabel: t(I18nKey.COMMON$PLANNER),\n label: t(I18nKey.COMMON$PLANNER),\n },\n {\n tabValue: \"terminal\",\n isActive: isTabActive(\"terminal\"),\n icon: SquareChevronRight,\n onClick: () => selectTab(\"terminal\"),\n tooltipContent: t(I18nKey.COMMON$TERMINAL),\n tooltipAriaLabel: t(I18nKey.COMMON$TERMINAL),\n label: t(I18nKey.COMMON$TERMINAL),\n className: \"pl-2\",\n },\n {\n tabValue: \"browser\",\n isActive: isTabActive(\"browser\"),\n icon: Globe,\n onClick: () => selectTab(\"browser\"),\n tooltipContent: t(I18nKey.COMMON$BROWSER),\n tooltipAriaLabel: t(I18nKey.COMMON$BROWSER),\n label: t(I18nKey.COMMON$BROWSER),\n },\n {\n tabValue: \"usage\",\n isActive: isTabActive(\"usage\"),\n icon: Gauge,\n onClick: () => selectTab(\"usage\"),\n tooltipContent: t(I18nKey.COMMON$USAGE),\n tooltipAriaLabel: t(I18nKey.COMMON$USAGE),\n label: t(I18nKey.COMMON$USAGE),\n },\n ];\n\n if (hasTaskList) {\n // Insert after the file-related tabs.\n tabs.splice(2, 0, {\n tabValue: \"tasklist\",\n isActive: isTabActive(\"tasklist\"),\n icon: DoubleCheckIcon,\n onClick: () => selectTab(\"tasklist\"),\n tooltipContent: t(I18nKey.COMMON$TASK_LIST),\n tooltipAriaLabel: t(I18nKey.COMMON$TASK_LIST),\n label: t(I18nKey.COMMON$TASK_LIST),\n });\n }\n\n // Pinned tabs always show in the bar. Unpinned tabs stay hidden unless the\n // user has that tab selected — then it appears while active so the bar\n // matches the open panel. Hide Planner on local backends — the planning\n // agent isn't supported locally.\n const visibleTabs = tabs.filter((tab) => {\n if (tab.tabValue === \"planner\" && backend.kind !== \"cloud\") return false;\n if (!persistedState.unpinnedTabs.includes(tab.tabValue)) return true;\n return selectedTab === tab.tabValue;\n });\n\n const unpinnedSignature = persistedState.unpinnedTabs.join(\",\");\n\n const isAgentRunning =\n curAgentState === AgentState.RUNNING \|\|\n curAgentState === AgentState.LOADING;\n const isBuildDisabled = isAgentRunning \|\| !planContent;\n\n const tabsRowInnerRef = useRef<HTMLDivElement>(null);\n const measureRowRef = useRef<HTMLDivElement>(null);\n const menuRef = useRef<HTMLDivElement>(null);\n const vscodeButtonRef = useRef<HTMLDivElement>(null);\n const anchorRef = useRef<HTMLButtonElement>(null);\n const [inlineTabCount, setInlineTabCount] = useState(visibleTabs.length);\n\n useLayoutEffect(() => {\n const rowInner = tabsRowInnerRef.current;\n const measureRow = measureRowRef.current;\n const menuEl = menuRef.current;\n const vscodeEl = vscodeButtonRef.current;\n if (!rowInner \|\| !measureRow \|\| !menuEl \|\| !vscodeEl) return undefined;\n\n const measure = () => {\n const measureButtons = measureRow.querySelectorAll<HTMLButtonElement>(\n '[data-tab-measure=\"true\"]',\n );\n const tabCount = measureButtons.length;\n\n const rowWidth = rowInner.getBoundingClientRect().width;\n if (rowWidth === 0) {\n setInlineTabCount(tabCount);\n return;\n }\n\n const widths = Array.from(measureButtons).map(\n (button) => button.getBoundingClientRect().width,\n );\n\n if (widths.length !== tabCount \|\| tabCount === 0) {\n setInlineTabCount(Math.max(0, tabCount));\n return;\n }\n\n const menuWidth = menuEl.getBoundingClientRect().width;\n const vscodeWidth = vscodeEl.getBoundingClientRect().width;\n const gapCss =\n getComputedStyle(rowInner).columnGap \|\| getComputedStyle(rowInner).gap;\n const gapPx = parseFloat(gapCss) \|\| 6;\n\n let nextCount = 0;\n for (let k = tabCount; k >= 0; k -= 1) {\n let total = menuWidth + vscodeWidth;\n for (let i = 0; i < k; i += 1) {\n total += widths[i] ?? 0;\n }\n if (k > 0) {\n total += k gapPx;\n }\n if (total <= rowWidth + 0.5) {\n nextCount = k;\n break;\n }\n }\n\n setInlineTabCount((prev) => (prev === nextCount ? prev : nextCount));\n };\n\n measure();\n if (typeof ResizeObserver === \"undefined\") return undefined;\n const ro = new ResizeObserver(measure);\n ro.observe(rowInner);\n return () => ro.disconnect();\n }, [\n unpinnedSignature,\n visibleTabs.length,\n hasTaskList,\n backend.kind,\n selectedTab,\n isRightPanelShown,\n i18n.language,\n ]);\n\n const safeInlineTabCount = Math.min(inlineTabCount, visibleTabs.length);\n\n return (\n <>\n <div\n className={cn(\n \"relative w-full min-w-0\",\n variant === \"compact\"\n ? \"flex h-full min-h-0 items-center py-0 pl-0 pr-1\"\n : \"min-h-10 p-1\",\n )}\n >\n <div\n ref={measureRowRef}\n aria-hidden\n className=\"pointer-events-none absolute top-0 left-[-10000px] flex flex-nowrap items-center gap-1.5\"\n >\n {visibleTabs.map(\n (\n {\n tabValue,\n icon,\n isActive,\n tooltipContent,\n tooltipAriaLabel,\n label,\n className: tabClassName,\n },\n index,\n ) => (\n <ChatActionTooltip\n key={`measure-${tabValue}-${index}`}\n tooltip={tooltipContent}\n ariaLabel={tooltipAriaLabel}\n >\n <ConversationTabNav\n tabValue={tabValue}\n icon={icon}\n onClick={() => {}}\n isActive={isActive}\n label={label}\n className={cn(tabClassName, \"shrink-0\")}\n measureOnly\n />\n </ChatActionTooltip>\n ),\n )}\n </div>\n <div\n ref={tabsRowInnerRef}\n className=\"flex w-full min-w-0 flex-nowrap items-center justify-start\"\n >\n <div className=\"flex min-w-0 flex-1 items-center justify-start overflow-hidden\">\n <div className=\"flex w-fit max-w-full min-w-0 items-center gap-1.5\">\n <LayoutGroup id=\"conversation-drawer-tabs\">\n <div className=\"flex w-fit max-w-full min-w-0 flex-nowrap items-center gap-1.5 overflow-x-hidden\">\n {visibleTabs\n .slice(0, safeInlineTabCount)\n .map(\n (\n {\n tabValue,\n icon,\n onClick,\n isActive,\n tooltipContent,\n tooltipAriaLabel,\n label,\n className: tabClassName,\n },\n index,\n ) => (\n <ChatActionTooltip\n key={`${tabValue}-${index}`}\n tooltip={tooltipContent}\n ariaLabel={tooltipAriaLabel}\n >\n <ConversationTabNav\n tabValue={tabValue}\n icon={icon}\n onClick={onClick}\n isActive={isActive}\n label={label}\n className={cn(tabClassName, \"shrink-0\")}\n suppressLayoutAnimation={isPanelResizing}\n />\n </ChatActionTooltip>\n ),\n )}\n </div>\n </LayoutGroup>\n <div ref={menuRef} className=\"relative shrink-0\">\n <EllipsisButton\n ref={anchorRef}\n onClick={() => setIsMenuOpen(!isMenuOpen)}\n ariaLabel={t(I18nKey.COMMON$MORE_OPTIONS)}\n iconClassName={\n variant === \"compact\"\n ? mobileTopBarIconClassName\n : undefined\n }\n />\n <ConversationTabsContextMenu\n isOpen={isMenuOpen}\n onClose={() => setIsMenuOpen(false)}\n ignoreOutsideClickRef={anchorRef}\n anchorRef={anchorRef}\n />\n </div>\n </div>\n </div>\n {/* Keep the ref'd wrapper mounted on local backends too — the\n overflow measurement effect above bails if it's missing. /}\n <div\n ref={vscodeButtonRef}\n className={cn(\n \"ml-auto shrink-0\",\n backend.kind === \"cloud\" && \"pr-1\",\n )}\n >\n {backend.kind === \"cloud\" && <DrawerVSCodeLink />}\n </div>\n </div>\n </div>\n {isTabActive(\"planner\") && (\n <div\n className={cn(\n \"flex h-10 min-h-10 shrink-0 items-center border-t border-[var(--oh-border)] pl-[10px] pr-1\",\n )}\n >\n <button\n type=\"button\"\n onClick={handleBuildPlanClick}\n disabled={isBuildDisabled}\n className={cn(\n \"flex h-5 min-w-17 items-center justify-center rounded bg-white px-2 transition-opacity\",\n isBuildDisabled\n ? \"cursor-not-allowed opacity-50\"\n : \"cursor-pointer hover:opacity-90\",\n )}\n data-testid=\"planner-tab-build-button\"\n >\n <Typography.Text className=\"text-[11px] font-normal leading-5 text-black\">\n {/ eslint-disable-next-line i18next/no-literal-string */}\n {t(I18nKey.COMMON$BUILD)} ⌘↩\n </Typography.Text>\n </button>\n </div>\n )}\n </>\n );\n}\n"],"mappings":"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"}
1	+ {"version":3,"file":"conversation-tabs.js","names":[],"sources":["../../../../../src/components/features/conversation/conversation-tabs/conversation-tabs.tsx"],"sourcesContent":["import { useEffect, useLayoutEffect, useRef, useState } from \"react\";\nimport { useTranslation } from \"react-i18next\";\nimport { LayoutGroup } from \"framer-motion\";\nimport { Gauge, Globe, ListTodo, SquareChevronRight } from \"lucide-react\";\nimport { LuFileDiff } from \"react-icons/lu\";\nimport DocumentIcon from \"#/icons/document.svg?react\";\nimport DoubleCheckIcon from \"#/icons/double-check.svg?react\";\nimport { EllipsisButton } from \"#/components/features/conversation-panel/ellipsis-button\";\nimport { cn } from \"#/utils/utils\";\nimport { useConversationLocalStorageState } from \"#/utils/conversation-local-storage\";\nimport { ConversationTabNav } from \"./conversation-tab-nav\";\nimport { DrawerVSCodeLink } from \"./drawer-vscode-link\";\nimport { ChatActionTooltip } from \"../../chat/chat-action-tooltip\";\nimport { I18nKey } from \"#/i18n/declaration\";\nimport { useConversationStore } from \"#/stores/conversation-store\";\nimport { ConversationTabsContextMenu } from \"./conversation-tabs-context-menu\";\nimport { useConversationId } from \"#/hooks/use-conversation-id\";\nimport { useSelectConversationTab } from \"#/hooks/use-select-conversation-tab\";\nimport { useTaskList } from \"#/hooks/use-task-list\";\nimport { useActiveBackend } from \"#/contexts/active-backend-context\";\nimport { useHandleBuildPlanClick } from \"#/hooks/use-handle-build-plan-click\";\nimport { useAgentState } from \"#/hooks/use-agent-state\";\nimport { AgentState } from \"#/types/agent-state\";\nimport { Typography } from \"#/ui/typography\";\nimport { mobileTopBarIconClassName } from \"#/utils/mobile-top-bar-icon-button-classes\";\n\nexport function ConversationTabs({\n variant = \"default\",\n isPanelResizing = false,\n}: {\n variant?: \"default\" \| \"compact\";\n /** True while the desktop drawer gripper is being dragged. /\n isPanelResizing?: boolean;\n}) {\n const { conversationId } = useConversationId();\n const { setSelectedTab, planContent } = useConversationStore();\n\n const [isMenuOpen, setIsMenuOpen] = useState(false);\n\n const { state: persistedState } =\n useConversationLocalStorageState(conversationId);\n\n const { hasTaskList } = useTaskList();\n const { backend } = useActiveBackend();\n\n const { handleBuildPlanClick } = useHandleBuildPlanClick();\n const { curAgentState } = useAgentState();\n\n const {\n selectTab,\n isTabActive,\n onTabChange,\n selectedTab,\n isRightPanelShown,\n } = useSelectConversationTab();\n\n // Restore the most-recently-used tab from localStorage so users don't\n // lose their tab selection across reloads.\n //\n // Note: we deliberately do NOT mirror `rightPanelShown` from\n // localStorage. The drawer's open/closed state is session-only — see\n // the comment in `useConversationStore` and the schema note in\n // `conversation-local-storage.ts` for the rationale.\n useEffect(() => {\n setSelectedTab(persistedState.selectedTab);\n }, [setSelectedTab, persistedState.selectedTab]);\n\n useEffect(() => {\n const handlePanelVisibilityChange = () => {\n if (isRightPanelShown) {\n // If no tab is selected, default to files tab\n if (!selectedTab) {\n onTabChange(\"files\");\n }\n }\n };\n\n handlePanelVisibilityChange();\n }, [isRightPanelShown, selectedTab, onTabChange]);\n\n const { t, i18n } = useTranslation(\"openhands\");\n\n // `files` is intentionally the leftmost tab — it's the primary entry\n // point for inspecting agent output (workspace files + git diff).\n const tabs = [\n {\n tabValue: \"files\",\n isActive: isTabActive(\"files\"),\n icon: DocumentIcon,\n onClick: () => selectTab(\"files\"),\n tooltipContent: t(I18nKey.COMMON$FILES),\n tooltipAriaLabel: t(I18nKey.COMMON$FILES),\n label: t(I18nKey.COMMON$FILES),\n },\n {\n tabValue: \"commits\",\n isActive: isTabActive(\"commits\"),\n icon: LuFileDiff,\n onClick: () => selectTab(\"commits\"),\n tooltipContent: t(I18nKey.DIFF_VIEWER$COMMITS),\n tooltipAriaLabel: t(I18nKey.DIFF_VIEWER$COMMITS),\n label: t(I18nKey.DIFF_VIEWER$COMMITS),\n },\n {\n tabValue: \"planner\",\n isActive: isTabActive(\"planner\"),\n icon: ListTodo,\n onClick: () => selectTab(\"planner\"),\n tooltipContent: t(I18nKey.COMMON$PLANNER),\n tooltipAriaLabel: t(I18nKey.COMMON$PLANNER),\n label: t(I18nKey.COMMON$PLANNER),\n },\n {\n tabValue: \"terminal\",\n isActive: isTabActive(\"terminal\"),\n icon: SquareChevronRight,\n onClick: () => selectTab(\"terminal\"),\n tooltipContent: t(I18nKey.COMMON$TERMINAL),\n tooltipAriaLabel: t(I18nKey.COMMON$TERMINAL),\n label: t(I18nKey.COMMON$TERMINAL),\n className: \"pl-2\",\n },\n {\n tabValue: \"browser\",\n isActive: isTabActive(\"browser\"),\n icon: Globe,\n onClick: () => selectTab(\"browser\"),\n tooltipContent: t(I18nKey.COMMON$BROWSER),\n tooltipAriaLabel: t(I18nKey.COMMON$BROWSER),\n label: t(I18nKey.COMMON$BROWSER),\n },\n {\n tabValue: \"usage\",\n isActive: isTabActive(\"usage\"),\n icon: Gauge,\n onClick: () => selectTab(\"usage\"),\n tooltipContent: t(I18nKey.COMMON$USAGE),\n tooltipAriaLabel: t(I18nKey.COMMON$USAGE),\n label: t(I18nKey.COMMON$USAGE),\n },\n ];\n\n if (hasTaskList) {\n // Insert after the file-related tabs.\n tabs.splice(2, 0, {\n tabValue: \"tasklist\",\n isActive: isTabActive(\"tasklist\"),\n icon: DoubleCheckIcon,\n onClick: () => selectTab(\"tasklist\"),\n tooltipContent: t(I18nKey.COMMON$TASK_LIST),\n tooltipAriaLabel: t(I18nKey.COMMON$TASK_LIST),\n label: t(I18nKey.COMMON$TASK_LIST),\n });\n }\n\n // Pinned tabs always show in the bar. Unpinned tabs stay hidden unless the\n // user has that tab selected — then it appears while active so the bar\n // matches the open panel. Hide Planner on local backends — the planning\n // agent isn't supported locally.\n const visibleTabs = tabs.filter((tab) => {\n if (tab.tabValue === \"planner\" && backend.kind !== \"cloud\") return false;\n if (!persistedState.unpinnedTabs.includes(tab.tabValue)) return true;\n return selectedTab === tab.tabValue;\n });\n\n const unpinnedSignature = persistedState.unpinnedTabs.join(\",\");\n\n const isAgentRunning =\n curAgentState === AgentState.RUNNING \|\|\n curAgentState === AgentState.LOADING;\n const isBuildDisabled = isAgentRunning \|\| !planContent;\n\n const tabsRowInnerRef = useRef<HTMLDivElement>(null);\n const measureRowRef = useRef<HTMLDivElement>(null);\n const menuRef = useRef<HTMLDivElement>(null);\n const vscodeButtonRef = useRef<HTMLDivElement>(null);\n const anchorRef = useRef<HTMLButtonElement>(null);\n const [inlineTabCount, setInlineTabCount] = useState(visibleTabs.length);\n\n useLayoutEffect(() => {\n const rowInner = tabsRowInnerRef.current;\n const measureRow = measureRowRef.current;\n const menuEl = menuRef.current;\n const vscodeEl = vscodeButtonRef.current;\n if (!rowInner \|\| !measureRow \|\| !menuEl \|\| !vscodeEl) return undefined;\n\n const measure = () => {\n const measureButtons = measureRow.querySelectorAll<HTMLButtonElement>(\n '[data-tab-measure=\"true\"]',\n );\n const tabCount = measureButtons.length;\n\n const rowWidth = rowInner.getBoundingClientRect().width;\n if (rowWidth === 0) {\n setInlineTabCount(tabCount);\n return;\n }\n\n const widths = Array.from(measureButtons).map(\n (button) => button.getBoundingClientRect().width,\n );\n\n if (widths.length !== tabCount \|\| tabCount === 0) {\n setInlineTabCount(Math.max(0, tabCount));\n return;\n }\n\n const menuWidth = menuEl.getBoundingClientRect().width;\n const vscodeWidth = vscodeEl.getBoundingClientRect().width;\n const gapCss =\n getComputedStyle(rowInner).columnGap \|\| getComputedStyle(rowInner).gap;\n const gapPx = parseFloat(gapCss) \|\| 6;\n\n let nextCount = 0;\n for (let k = tabCount; k >= 0; k -= 1) {\n let total = menuWidth + vscodeWidth;\n for (let i = 0; i < k; i += 1) {\n total += widths[i] ?? 0;\n }\n if (k > 0) {\n total += k gapPx;\n }\n if (total <= rowWidth + 0.5) {\n nextCount = k;\n break;\n }\n }\n\n setInlineTabCount((prev) => (prev === nextCount ? prev : nextCount));\n };\n\n measure();\n if (typeof ResizeObserver === \"undefined\") return undefined;\n const ro = new ResizeObserver(measure);\n ro.observe(rowInner);\n // The editor button's presence is resolved asynchronously (the hook probes\n // /api/vscode/status), and it sits inside an `ml-auto shrink-0` wrapper, so\n // it appearing or disappearing does not change `rowInner`'s own box and\n // would not otherwise re-measure. Its width is folded into the fit\n // calculation above, so a stale value permanently costs an inline tab.\n ro.observe(vscodeEl);\n return () => ro.disconnect();\n }, [\n unpinnedSignature,\n visibleTabs.length,\n hasTaskList,\n backend.kind,\n selectedTab,\n isRightPanelShown,\n i18n.language,\n ]);\n\n const safeInlineTabCount = Math.min(inlineTabCount, visibleTabs.length);\n\n return (\n <>\n <div\n className={cn(\n \"relative w-full min-w-0\",\n variant === \"compact\"\n ? \"flex h-full min-h-0 items-center py-0 pl-0 pr-1\"\n : \"min-h-10 p-1\",\n )}\n >\n <div\n ref={measureRowRef}\n aria-hidden\n className=\"pointer-events-none absolute top-0 left-[-10000px] flex flex-nowrap items-center gap-1.5\"\n >\n {visibleTabs.map(\n (\n {\n tabValue,\n icon,\n isActive,\n tooltipContent,\n tooltipAriaLabel,\n label,\n className: tabClassName,\n },\n index,\n ) => (\n <ChatActionTooltip\n key={`measure-${tabValue}-${index}`}\n tooltip={tooltipContent}\n ariaLabel={tooltipAriaLabel}\n >\n <ConversationTabNav\n tabValue={tabValue}\n icon={icon}\n onClick={() => {}}\n isActive={isActive}\n label={label}\n className={cn(tabClassName, \"shrink-0\")}\n measureOnly\n />\n </ChatActionTooltip>\n ),\n )}\n </div>\n <div\n ref={tabsRowInnerRef}\n className=\"flex w-full min-w-0 flex-nowrap items-center justify-start\"\n >\n <div className=\"flex min-w-0 flex-1 items-center justify-start overflow-hidden\">\n <div className=\"flex w-fit max-w-full min-w-0 items-center gap-1.5\">\n <LayoutGroup id=\"conversation-drawer-tabs\">\n <div className=\"flex w-fit max-w-full min-w-0 flex-nowrap items-center gap-1.5 overflow-x-hidden\">\n {visibleTabs\n .slice(0, safeInlineTabCount)\n .map(\n (\n {\n tabValue,\n icon,\n onClick,\n isActive,\n tooltipContent,\n tooltipAriaLabel,\n label,\n className: tabClassName,\n },\n index,\n ) => (\n <ChatActionTooltip\n key={`${tabValue}-${index}`}\n tooltip={tooltipContent}\n ariaLabel={tooltipAriaLabel}\n >\n <ConversationTabNav\n tabValue={tabValue}\n icon={icon}\n onClick={onClick}\n isActive={isActive}\n label={label}\n className={cn(tabClassName, \"shrink-0\")}\n suppressLayoutAnimation={isPanelResizing}\n />\n </ChatActionTooltip>\n ),\n )}\n </div>\n </LayoutGroup>\n <div ref={menuRef} className=\"relative shrink-0\">\n <EllipsisButton\n ref={anchorRef}\n onClick={() => setIsMenuOpen(!isMenuOpen)}\n ariaLabel={t(I18nKey.COMMON$MORE_OPTIONS)}\n iconClassName={\n variant === \"compact\"\n ? mobileTopBarIconClassName\n : undefined\n }\n />\n <ConversationTabsContextMenu\n isOpen={isMenuOpen}\n onClose={() => setIsMenuOpen(false)}\n ignoreOutsideClickRef={anchorRef}\n anchorRef={anchorRef}\n />\n </div>\n </div>\n </div>\n {/* The ref'd wrapper must stay mounted — the overflow measurement\n effect above bails if it's missing. /}\n <div ref={vscodeButtonRef} className=\"ml-auto shrink-0 pr-1\">\n <DrawerVSCodeLink />\n </div>\n </div>\n </div>\n {isTabActive(\"planner\") && (\n <div\n className={cn(\n \"flex h-10 min-h-10 shrink-0 items-center border-t border-[var(--oh-border)] pl-[10px] pr-1\",\n )}\n >\n <button\n type=\"button\"\n onClick={handleBuildPlanClick}\n disabled={isBuildDisabled}\n className={cn(\n \"flex h-5 min-w-17 items-center justify-center rounded bg-white px-2 transition-opacity\",\n isBuildDisabled\n ? \"cursor-not-allowed opacity-50\"\n : \"cursor-pointer hover:opacity-90\",\n )}\n data-testid=\"planner-tab-build-button\"\n >\n <Typography.Text className=\"text-[11px] font-normal leading-5 text-black\">\n {/ eslint-disable-next-line i18next/no-literal-string */}\n {t(I18nKey.COMMON$BUILD)} ⌘↩\n </Typography.Text>\n </button>\n </div>\n )}\n </>\n );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA0BA,SAAgB,EAAiB,EAC/B,aAAU,WACV,sBAAkB,MAKjB;CACD,IAAM,EAAE,sBAAmB,EAAkB,GACvC,EAAE,mBAAgB,mBAAgB,EAAqB,GAEvD,CAAC,GAAY,KAAiB,EAAS,EAAK,GAE5C,EAAE,OAAO,MACb,EAAiC,CAAc,GAE3C,EAAE,mBAAgB,GAAY,GAC9B,EAAE,eAAY,EAAiB,GAE/B,EAAE,6BAAyB,EAAwB,GACnD,EAAE,qBAAkB,EAAc,GAElC,EACJ,cACA,gBACA,gBACA,gBACA,yBACE,GAAyB;CAa7B,AAJA,QAAgB;EACd,EAAe,EAAe,WAAW;CAC3C,GAAG,CAAC,GAAgB,EAAe,WAAW,CAAC,GAE/C,QAAgB;EAUd,AARM,MAEG,KACH,EAAY,OAAO;CAM3B,GAAG;EAAC;EAAmB;EAAa;CAAW,CAAC;CAEhD,IAAM,EAAE,MAAG,YAAS,EAAe,WAAW,GAIxC,IAAO;EACX;GACE,UAAU;GACV,UAAU,EAAY,OAAO;GAC7B,MAAM;GACN,eAAe,EAAU,OAAO;GAChC,gBAAgB,EAAE,EAAQ,YAAY;GACtC,kBAAkB,EAAE,EAAQ,YAAY;GACxC,OAAO,EAAE,EAAQ,YAAY;EAC/B;EACA;GACE,UAAU;GACV,UAAU,EAAY,SAAS;GAC/B,MAAM;GACN,eAAe,EAAU,SAAS;GAClC,gBAAgB,EAAE,EAAQ,mBAAmB;GAC7C,kBAAkB,EAAE,EAAQ,mBAAmB;GAC/C,OAAO,EAAE,EAAQ,mBAAmB;EACtC;EACA;GACE,UAAU;GACV,UAAU,EAAY,SAAS;GAC/B,MAAM;GACN,eAAe,EAAU,SAAS;GAClC,gBAAgB,EAAE,EAAQ,cAAc;GACxC,kBAAkB,EAAE,EAAQ,cAAc;GAC1C,OAAO,EAAE,EAAQ,cAAc;EACjC;EACA;GACE,UAAU;GACV,UAAU,EAAY,UAAU;GAChC,MAAM;GACN,eAAe,EAAU,UAAU;GACnC,gBAAgB,EAAE,EAAQ,eAAe;GACzC,kBAAkB,EAAE,EAAQ,eAAe;GAC3C,OAAO,EAAE,EAAQ,eAAe;GAChC,WAAW;EACb;EACA;GACE,UAAU;GACV,UAAU,EAAY,SAAS;GAC/B,MAAM;GACN,eAAe,EAAU,SAAS;GAClC,gBAAgB,EAAE,EAAQ,cAAc;GACxC,kBAAkB,EAAE,EAAQ,cAAc;GAC1C,OAAO,EAAE,EAAQ,cAAc;EACjC;EACA;GACE,UAAU;GACV,UAAU,EAAY,OAAO;GAC7B,MAAM;GACN,eAAe,EAAU,OAAO;GAChC,gBAAgB,EAAE,EAAQ,YAAY;GACtC,kBAAkB,EAAE,EAAQ,YAAY;GACxC,OAAO,EAAE,EAAQ,YAAY;EAC/B;CACF;CAEA,AAAI,KAEF,EAAK,OAAO,GAAG,GAAG;EAChB,UAAU;EACV,UAAU,EAAY,UAAU;EAChC,MAAM;EACN,eAAe,EAAU,UAAU;EACnC,gBAAgB,EAAE,EAAQ,gBAAgB;EAC1C,kBAAkB,EAAE,EAAQ,gBAAgB;EAC5C,OAAO,EAAE,EAAQ,gBAAgB;CACnC,CAAC;CAOH,IAAM,IAAc,EAAK,QAAQ,MAC3B,EAAI,aAAa,aAAa,EAAQ,SAAS,UAAgB,KAC9D,EAAe,aAAa,SAAS,EAAI,QAAQ,IAC/C,MAAgB,EAAI,WADqC,EAEjE,GAEK,KAAoB,EAAe,aAAa,KAAK,GAAG,GAKxD,IAFJ,MAAkB,EAAW,WAC7B,MAAkB,EAAW,WACW,CAAC,GAErC,IAAkB,EAAuB,IAAI,GAC7C,IAAgB,EAAuB,IAAI,GAC3C,IAAU,EAAuB,IAAI,GACrC,IAAkB,EAAuB,IAAI,GAC7C,IAAY,EAA0B,IAAI,GAC1C,CAAC,IAAgB,KAAqB,EAAS,EAAY,MAAM;CAEvE,QAAsB;EACpB,IAAM,IAAW,EAAgB,SAC3B,IAAa,EAAc,SAC3B,IAAS,EAAQ,SACjB,IAAW,EAAgB;EACjC,IAAI,CAAC,KAAY,CAAC,KAAc,CAAC,KAAU,CAAC,GAAU;EAEtD,IAAM,UAAgB;GACpB,IAAM,IAAiB,EAAW,iBAChC,6BACF,GACM,IAAW,EAAe,QAE1B,IAAW,EAAS,sBAAsB,EAAE;GAClD,IAAI,MAAa,GAAG;IAClB,EAAkB,CAAQ;IAC1B;GACF;GAEA,IAAM,IAAS,MAAM,KAAK,CAAc,EAAE,KACvC,MAAW,EAAO,sBAAsB,EAAE,KAC7C;GAEA,IAAI,EAAO,WAAW,KAAY,MAAa,GAAG;IAChD,EAAkB,KAAK,IAAI,GAAG,CAAQ,CAAC;IACvC;GACF;GAEA,IAAM,IAAY,EAAO,sBAAsB,EAAE,OAC3C,IAAc,EAAS,sBAAsB,EAAE,OAC/C,IACJ,iBAAiB,CAAQ,EAAE,aAAa,iBAAiB,CAAQ,EAAE,KAC/D,IAAQ,WAAW,CAAM,KAAK,GAEhC,IAAY;GAChB,KAAK,IAAI,IAAI,GAAU,KAAK,GAAG,KAAQ;IACrC,IAAI,IAAQ,IAAY;IACxB,KAAK,IAAI,IAAI,GAAG,IAAI,GAAG,KAAK,GAC1B,KAAS,EAAO,MAAM;IAKxB,IAHI,IAAI,MACN,KAAS,IAAI,IAEX,KAAS,IAAW,IAAK;KAC3B,IAAY;KACZ;IACF;GACF;GAEA,GAAmB,MAAU,MAAS,IAAY,IAAO,CAAU;EACrE;EAGA,IADA,EAAQ,GACJ,OAAO,iBAAmB,KAAa;EAC3C,IAAM,IAAK,IAAI,eAAe,CAAO;EAQrC,OAPA,EAAG,QAAQ,CAAQ,GAMnB,EAAG,QAAQ,CAAQ,SACN,EAAG,WAAW;CAC7B,GAAG;EACD;EACA,EAAY;EACZ;EACA,EAAQ;EACR;EACA;EACA,EAAK;CACP,CAAC;CAED,IAAM,KAAqB,KAAK,IAAI,IAAgB,EAAY,MAAM;CAEtE,OACE,kBAAA,GAAA,EAAA,UAAA,CACE,kBAAC,OAAD;EACE,WAAW,EACT,2BACA,MAAY,YACR,oDACA,cACN;YANF,CAQE,kBAAC,OAAD;GACE,KAAK;GACL,eAAA;GACA,WAAU;aAET,EAAY,KAET,EACE,aACA,SACA,aACA,mBACA,qBACA,UACA,WAAW,KAEb,MAEA,kBAAC,GAAD;IAEE,SAAS;IACT,WAAW;cAEX,kBAAC,GAAD;KACY;KACJ;KACN,eAAe,CAAC;KACN;KACH;KACP,WAAW,EAAG,GAAc,UAAU;KACtC,aAAA;IACD,CAAA;GACgB,GAbZ,WAAW,EAAS,GAAG,GAaX,CAEvB;EACG,CAAA,GACL,kBAAC,OAAD;GACE,KAAK;GACL,WAAU;aAFZ,CAIE,kBAAC,OAAD;IAAK,WAAU;cACb,kBAAC,OAAD;KAAK,WAAU;eAAf,CACE,kBAAC,IAAD;MAAa,IAAG;gBACd,kBAAC,OAAD;OAAK,WAAU;iBACZ,EACE,MAAM,GAAG,EAAkB,EAC3B,KAEG,EACE,aACA,SACA,YACA,aACA,mBACA,qBACA,UACA,WAAW,KAEb,MAEA,kBAAC,GAAD;QAEE,SAAS;QACT,WAAW;kBAEX,kBAAC,GAAD;SACY;SACJ;SACG;SACC;SACH;SACP,WAAW,EAAG,GAAc,UAAU;SACtC,yBAAyB;QAC1B,CAAA;OACgB,GAbZ,GAAG,EAAS,GAAG,GAaH,CAEvB;MACC,CAAA;KACM,CAAA,GACb,kBAAC,OAAD;MAAK,KAAK;MAAS,WAAU;gBAA7B,CACE,kBAAC,GAAD;OACE,KAAK;OACL,eAAe,EAAc,CAAC,CAAU;OACxC,WAAW,EAAE,EAAQ,mBAAmB;OACxC,eACE,MAAY,YACR,KACA,KAAA;MAEP,CAAA,GACD,kBAAC,GAAD;OACE,QAAQ;OACR,eAAe,EAAc,EAAK;OAClC,uBAAuB;OACZ;MACZ,CAAA,CACE;OACF;;GACF,CAAA,GAGL,kBAAC,OAAD;IAAK,KAAK;IAAiB,WAAU;cACnC,kBAAC,IAAD,CAAmB,CAAA;GAChB,CAAA,CACF;IACF;KACJ,EAAY,SAAS,KACpB,kBAAC,OAAD;EACE,WAAW,EACT,4FACF;YAEA,kBAAC,UAAD;GACE,MAAK;GACL,SAAS;GACT,UAAU;GACV,WAAW,EACT,0FACA,IACI,kCACA,iCACN;GACA,eAAY;aAEZ,kBAAC,GAAW,MAAZ;IAAiB,WAAU;cAA3B,CAEG,EAAE,EAAQ,YAAY,GAAE,KACV;;EACX,CAAA;CACL,CAAA,CAEP,EAAA,CAAA;AAEN"}

package/dist/components/features/conversation/conversation-tabs/drawer-vscode-link.cjs CHANGED Viewed

@@ -1,2 +1,2 @@
-require("../../../../_virtual/_rolldown/runtime.cjs");const e=require("../../../../node_modules/react-i18next/dist/es/useTranslation.cjs"),t=require("../../../../i18n/declaration.cjs"),n=require("../../../../node_modules/lucide-react/dist/esm/icons/external-link.cjs"),r=require("../../../../types/agent-state.cjs"),i=require("../../../../utils/utils.cjs"),a=require("../../../../hooks/use-agent-state.cjs"),o=require("../../../../icons/vscode.cjs"),s=require("../../../../hooks/query/use-unified-vscode-url.cjs");let c=require("react/jsx-runtime");function l(){let{t:l}=e.useTranslation(`openhands`),{curAgentState:u}=a.useAgentState(),{data:d,refetch:f,isLoading:p}=s.useUnifiedVSCodeUrl(),m=r.RUNTIME_STARTING_STATES.includes(u);return(0,c.jsxs)(`button`,{type:`button`,onClick:async()=>{let e=d?.url;e||=(await f()).data?.url??null,e&&window.open(e,`_blank`,`noopener,noreferrer`)},disabled:p||m,"aria-label":l(t.I18nKey.VSCODE$OPEN),title:l(t.I18nKey.VSCODE$OPEN),"data-testid":`drawer-vscode-link`,className:i.cn(`inline-flex items-center gap-1.5 rounded-[7px] border border-[var(--oh-border)] bg-base-secondary px-2 py-1 text-xs`,`text-[var(--oh-muted)] transition-colors hover:enabled:bg-surface-raised hover:enabled:text-white`,`cursor-pointer disabled:opacity-50 disabled:cursor-not-allowed`),children:[(0,c.jsx)(o.default,{className:`h-[15px] w-[15px] shrink-0`,"aria-hidden":!0}),(0,c.jsx)(`span`,{children:l(t.I18nKey.FILES$VSCODE)}),(0,c.jsx)(n.ExternalLink,{className:`h-3.5 w-3.5 shrink-0`,"aria-hidden":!0,strokeWidth:2})]})}exports.DrawerVSCodeLink=l;
+require("../../../../_virtual/_rolldown/runtime.cjs");const e=require("../../../../node_modules/react-i18next/dist/es/useTranslation.cjs"),t=require("../../../../i18n/declaration.cjs"),n=require("../../../../node_modules/lucide-react/dist/esm/icons/external-link.cjs"),r=require("../../../../types/agent-state.cjs"),i=require("../../../../utils/utils.cjs"),a=require("../../../../hooks/use-agent-state.cjs"),o=require("../../../../icons/vscode.cjs"),s=require("../../../../hooks/query/use-unified-vscode-url.cjs");let c=require("react/jsx-runtime");function l(){let{t:l}=e.useTranslation(`openhands`),{curAgentState:u}=a.useAgentState(),{data:d,refetch:f,isLoading:p,isUnavailable:m}=s.useUnifiedVSCodeUrl(),h=r.RUNTIME_STARTING_STATES.includes(u);return m?null:(0,c.jsxs)(`button`,{type:`button`,onClick:async()=>{let e=d?.url;e||=(await f()).data?.url??null,e&&window.open(e,`_blank`,`noopener,noreferrer`)},disabled:p||h,"aria-label":l(t.I18nKey.VSCODE$OPEN),title:l(t.I18nKey.VSCODE$OPEN),"data-testid":`drawer-vscode-link`,className:i.cn(`inline-flex items-center gap-1.5 rounded-[7px] border border-[var(--oh-border)] bg-base-secondary px-2 py-1 text-xs`,`text-[var(--oh-muted)] transition-colors hover:enabled:bg-surface-raised hover:enabled:text-white`,`cursor-pointer disabled:opacity-50 disabled:cursor-not-allowed`),children:[(0,c.jsx)(o.default,{className:`h-[15px] w-[15px] shrink-0`,"aria-hidden":!0}),(0,c.jsx)(`span`,{children:l(t.I18nKey.FILES$VSCODE)}),(0,c.jsx)(n.ExternalLink,{className:`h-3.5 w-3.5 shrink-0`,"aria-hidden":!0,strokeWidth:2})]})}exports.DrawerVSCodeLink=l;
 //# sourceMappingURL=drawer-vscode-link.cjs.map

package/dist/components/features/conversation/conversation-tabs/drawer-vscode-link.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"drawer-vscode-link.cjs","names":[],"sources":["../../../../../src/components/features/conversation/conversation-tabs/drawer-vscode-link.tsx"],"sourcesContent":["import { ExternalLink } from \"lucide-react\";\nimport { useTranslation } from \"react-i18next\";\nimport VSCodeIcon from \"#/icons/vscode.svg?react\";\nimport { I18nKey } from \"#/i18n/declaration\";\nimport { useAgentState } from \"#/hooks/use-agent-state\";\nimport { useUnifiedVSCodeUrl } from \"#/hooks/query/use-unified-vscode-url\";\nimport { RUNTIME_STARTING_STATES } from \"#/types/agent-state\";\nimport { cn } from \"#/utils/utils\";\n\nexport function DrawerVSCodeLink() {\n const { t } = useTranslation(\"openhands\");\n const { curAgentState } = useAgentState();\n const { data, refetch, isLoading } = useUnifiedVSCodeUrl();\n const isRuntimeStarting = RUNTIME_STARTING_STATES.includes(curAgentState);\n\n const handleClick = async () => {\n let vscodeUrl = data?.url;\n\n if (!vscodeUrl) {\n const result = await refetch();\n vscodeUrl = result.data?.url ?? null;\n }\n\n if (vscodeUrl) {\n window.open(vscodeUrl, \"_blank\", \"noopener,noreferrer\");\n }\n };\n\n return (\n <button\n type=\"button\"\n onClick={handleClick}\n disabled={isLoading \|\| isRuntimeStarting}\n aria-label={t(I18nKey.VSCODE$OPEN)}\n title={t(I18nKey.VSCODE$OPEN)}\n data-testid=\"drawer-vscode-link\"\n className={cn(\n \"inline-flex items-center gap-1.5 rounded-[7px] border border-[var(--oh-border)] bg-base-secondary px-2 py-1 text-xs\",\n \"text-[var(--oh-muted)] transition-colors hover:enabled:bg-surface-raised hover:enabled:text-white\",\n \"cursor-pointer disabled:opacity-50 disabled:cursor-not-allowed\",\n )}\n >\n <VSCodeIcon className=\"h-[15px] w-[15px] shrink-0\" aria-hidden />\n <span>{t(I18nKey.FILES$VSCODE)}</span>\n <ExternalLink\n className=\"h-3.5 w-3.5 shrink-0\"\n aria-hidden\n strokeWidth={2}\n />\n </button>\n );\n}\n"],"mappings":"qiBASA,SAAgB,GAAmB,CACjC,GAAM,CAAE,KAAM,EAAA,eAAe,WAAW,EAClC,CAAE,iBAAkB,EAAA,cAAc,EAClC,CAAE,OAAM,UAAS,~~aAAc~~,EAAA,oBAAoB,~~EACnD~~,EAAoB,EAAA,wBAAwB,SAAS,CAAa,~~EAexE~~,~~OACE~~,EAAA,EAAA,MAAC,SAAD,CACE,KAAK,SACL,QAAS,~~SAhBmB~~,CAC9B,IAAI,EAAY,GAAM,IAEtB,AAEE,KAAY,MADS,EAAQ,GACV,MAAM,KAAO,KAG9B,GACF,OAAO,KAAK,EAAW,SAAU,qBAAqB,CAE1D,~~EAMI~~,SAAU,GAAa,EACvB,aAAY,EAAE,EAAA,QAAQ,WAAW,EACjC,MAAO,EAAE,EAAA,QAAQ,WAAW,EAC5B,cAAY,qBACZ,UAAW,EAAA,GACT,sHACA,oGACA,gEACF,WAXF,EAaE,EAAA,EAAA,KAAC,EAAA,QAAD,CAAY,UAAU,6BAA6B,cAAA,EAAa,CAAA,GAChE,EAAA,EAAA,KAAC,OAAD,CAAA,SAAO,EAAE,EAAA,QAAQ,YAAY,CAAQ,CAAA,GACrC,EAAA,EAAA,KAAC,EAAA,aAAD,CACE,UAAU,uBACV,cAAA,GACA,YAAa,CACd,CAAA,CACK,GAEZ"}
1	+ {"version":3,"file":"drawer-vscode-link.cjs","names":[],"sources":["../../../../../src/components/features/conversation/conversation-tabs/drawer-vscode-link.tsx"],"sourcesContent":["import { ExternalLink } from \"lucide-react\";\nimport { useTranslation } from \"react-i18next\";\nimport VSCodeIcon from \"#/icons/vscode.svg?react\";\nimport { I18nKey } from \"#/i18n/declaration\";\nimport { useAgentState } from \"#/hooks/use-agent-state\";\nimport { useUnifiedVSCodeUrl } from \"#/hooks/query/use-unified-vscode-url\";\nimport { RUNTIME_STARTING_STATES } from \"#/types/agent-state\";\nimport { cn } from \"#/utils/utils\";\n\nexport function DrawerVSCodeLink() {\n const { t } = useTranslation(\"openhands\");\n const { curAgentState } = useAgentState();\n const { data, refetch, isLoading, isUnavailable } = useUnifiedVSCodeUrl();\n const isRuntimeStarting = RUNTIME_STARTING_STATES.includes(curAgentState);\n\n const handleClick = async () => {\n let vscodeUrl = data?.url;\n\n if (!vscodeUrl) {\n const result = await refetch();\n vscodeUrl = result.data?.url ?? null;\n }\n\n if (vscodeUrl) {\n window.open(vscodeUrl, \"_blank\", \"noopener,noreferrer\");\n }\n };\n\n // Backends that report no editor to open — `enable_vscode: false`, a\n // configured editor whose process is not running, or no URL reported — get\n // no button rather than one that does nothing when clicked.\n if (isUnavailable) {\n return null;\n }\n\n return (\n <button\n type=\"button\"\n onClick={handleClick}\n disabled={isLoading \|\| isRuntimeStarting}\n aria-label={t(I18nKey.VSCODE$OPEN)}\n title={t(I18nKey.VSCODE$OPEN)}\n data-testid=\"drawer-vscode-link\"\n className={cn(\n \"inline-flex items-center gap-1.5 rounded-[7px] border border-[var(--oh-border)] bg-base-secondary px-2 py-1 text-xs\",\n \"text-[var(--oh-muted)] transition-colors hover:enabled:bg-surface-raised hover:enabled:text-white\",\n \"cursor-pointer disabled:opacity-50 disabled:cursor-not-allowed\",\n )}\n >\n <VSCodeIcon className=\"h-[15px] w-[15px] shrink-0\" aria-hidden />\n <span>{t(I18nKey.FILES$VSCODE)}</span>\n <ExternalLink\n className=\"h-3.5 w-3.5 shrink-0\"\n aria-hidden\n strokeWidth={2}\n />\n </button>\n );\n}\n"],"mappings":"qiBASA,SAAgB,GAAmB,CACjC,GAAM,CAAE,KAAM,EAAA,eAAe,WAAW,EAClC,CAAE,iBAAkB,EAAA,cAAc,EAClC,CAAE,OAAM,UAAS,YAAW,iBAAkB,EAAA,oBAAoB,EAClE,EAAoB,EAAA,wBAAwB,SAAS,CAAa,EAsBxE,OAJI,EACK,MAIP,EAAA,EAAA,MAAC,SAAD,CACE,KAAK,SACL,QAAS,SAvBmB,CAC9B,IAAI,EAAY,GAAM,IAEtB,AAEE,KAAY,MADS,EAAQ,GACV,MAAM,KAAO,KAG9B,GACF,OAAO,KAAK,EAAW,SAAU,qBAAqB,CAE1D,EAaI,SAAU,GAAa,EACvB,aAAY,EAAE,EAAA,QAAQ,WAAW,EACjC,MAAO,EAAE,EAAA,QAAQ,WAAW,EAC5B,cAAY,qBACZ,UAAW,EAAA,GACT,sHACA,oGACA,gEACF,WAXF,EAaE,EAAA,EAAA,KAAC,EAAA,QAAD,CAAY,UAAU,6BAA6B,cAAA,EAAa,CAAA,GAChE,EAAA,EAAA,KAAC,OAAD,CAAA,SAAO,EAAE,EAAA,QAAQ,YAAY,CAAQ,CAAA,GACrC,EAAA,EAAA,KAAC,EAAA,aAAD,CACE,UAAU,uBACV,cAAA,GACA,YAAa,CACd,CAAA,CACK,GAEZ"}

package/dist/components/features/conversation/conversation-tabs/drawer-vscode-link.d.ts CHANGED Viewed

	@@ -1 +1 @@
1	- export declare function DrawerVSCodeLink(): import("react").JSX.Element;
1	+ export declare function DrawerVSCodeLink(): import("react").JSX.Element \| null;

package/dist/components/features/conversation/conversation-tabs/drawer-vscode-link.js CHANGED Viewed

@@ -9,14 +9,14 @@ import { useUnifiedVSCodeUrl as s } from "../../../../hooks/query/use-unified-vs
 import { jsx as c, jsxs as l } from "react/jsx-runtime";
 //#region src/components/features/conversation/conversation-tabs/drawer-vscode-link.tsx
 function u() {
-	let { t: u } = e("openhands"), { curAgentState: d } = a(), { data: f, refetch: p, isLoading: m } = s(), h = r.includes(d);
-	return /* @__PURE__ */ l("button", {
+	let { t: u } = e("openhands"), { curAgentState: d } = a(), { data: f, refetch: p, isLoading: m, isUnavailable: h } = s(), g = r.includes(d);
+	return h ? null : /* @__PURE__ */ l("button", {
 		type: "button",
 		onClick: async () => {
 			let e = f?.url;
 			e ||= (await p()).data?.url ?? null, e && window.open(e, "_blank", "noopener,noreferrer");
 		},
-		disabled: m || h,
+		disabled: m || g,
 		"aria-label": u(t.VSCODE$OPEN),
 		title: u(t.VSCODE$OPEN),
 		"data-testid": "drawer-vscode-link",

package/dist/components/features/conversation/conversation-tabs/drawer-vscode-link.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"drawer-vscode-link.js","names":[],"sources":["../../../../../src/components/features/conversation/conversation-tabs/drawer-vscode-link.tsx"],"sourcesContent":["import { ExternalLink } from \"lucide-react\";\nimport { useTranslation } from \"react-i18next\";\nimport VSCodeIcon from \"#/icons/vscode.svg?react\";\nimport { I18nKey } from \"#/i18n/declaration\";\nimport { useAgentState } from \"#/hooks/use-agent-state\";\nimport { useUnifiedVSCodeUrl } from \"#/hooks/query/use-unified-vscode-url\";\nimport { RUNTIME_STARTING_STATES } from \"#/types/agent-state\";\nimport { cn } from \"#/utils/utils\";\n\nexport function DrawerVSCodeLink() {\n const { t } = useTranslation(\"openhands\");\n const { curAgentState } = useAgentState();\n const { data, refetch, isLoading } = useUnifiedVSCodeUrl();\n const isRuntimeStarting = RUNTIME_STARTING_STATES.includes(curAgentState);\n\n const handleClick = async () => {\n let vscodeUrl = data?.url;\n\n if (!vscodeUrl) {\n const result = await refetch();\n vscodeUrl = result.data?.url ?? null;\n }\n\n if (vscodeUrl) {\n window.open(vscodeUrl, \"_blank\", \"noopener,noreferrer\");\n }\n };\n\n return (\n <button\n type=\"button\"\n onClick={handleClick}\n disabled={isLoading \|\| isRuntimeStarting}\n aria-label={t(I18nKey.VSCODE$OPEN)}\n title={t(I18nKey.VSCODE$OPEN)}\n data-testid=\"drawer-vscode-link\"\n className={cn(\n \"inline-flex items-center gap-1.5 rounded-[7px] border border-[var(--oh-border)] bg-base-secondary px-2 py-1 text-xs\",\n \"text-[var(--oh-muted)] transition-colors hover:enabled:bg-surface-raised hover:enabled:text-white\",\n \"cursor-pointer disabled:opacity-50 disabled:cursor-not-allowed\",\n )}\n >\n <VSCodeIcon className=\"h-[15px] w-[15px] shrink-0\" aria-hidden />\n <span>{t(I18nKey.FILES$VSCODE)}</span>\n <ExternalLink\n className=\"h-3.5 w-3.5 shrink-0\"\n aria-hidden\n strokeWidth={2}\n />\n </button>\n );\n}\n"],"mappings":";;;;;;;;;;AASA,SAAgB,IAAmB;CACjC,IAAM,EAAE,SAAM,EAAe,WAAW,GAClC,EAAE,qBAAkB,EAAc,GAClC,EAAE,SAAM,YAAS,~~iBAAc~~,EAAoB,~~GACnD~~,IAAoB,EAAwB,SAAS,CAAa;~~CAexE~~,~~OACE~~,kBAAC,UAAD;EACE,MAAK;EACL,SAAS,~~YAhBmB~~;GAC9B,IAAI,IAAY,GAAM;GAOtB,AALA,AAEE,OAAY,MADS,EAAQ,GACV,MAAM,OAAO,MAG9B,KACF,OAAO,KAAK,GAAW,UAAU,qBAAqB;EAE1D;~~EAMI~~,UAAU,KAAa;EACvB,cAAY,EAAE,EAAQ,WAAW;EACjC,OAAO,EAAE,EAAQ,WAAW;EAC5B,eAAY;EACZ,WAAW,EACT,uHACA,qGACA,gEACF;YAXF;GAaE,kBAAC,GAAD;IAAY,WAAU;IAA6B,eAAA;GAAa,CAAA;GAChE,kBAAC,QAAD,EAAA,UAAO,EAAE,EAAQ,YAAY,EAAQ,CAAA;GACrC,kBAAC,GAAD;IACE,WAAU;IACV,eAAA;IACA,aAAa;GACd,CAAA;EACK;;AAEZ"}
1	+ {"version":3,"file":"drawer-vscode-link.js","names":[],"sources":["../../../../../src/components/features/conversation/conversation-tabs/drawer-vscode-link.tsx"],"sourcesContent":["import { ExternalLink } from \"lucide-react\";\nimport { useTranslation } from \"react-i18next\";\nimport VSCodeIcon from \"#/icons/vscode.svg?react\";\nimport { I18nKey } from \"#/i18n/declaration\";\nimport { useAgentState } from \"#/hooks/use-agent-state\";\nimport { useUnifiedVSCodeUrl } from \"#/hooks/query/use-unified-vscode-url\";\nimport { RUNTIME_STARTING_STATES } from \"#/types/agent-state\";\nimport { cn } from \"#/utils/utils\";\n\nexport function DrawerVSCodeLink() {\n const { t } = useTranslation(\"openhands\");\n const { curAgentState } = useAgentState();\n const { data, refetch, isLoading, isUnavailable } = useUnifiedVSCodeUrl();\n const isRuntimeStarting = RUNTIME_STARTING_STATES.includes(curAgentState);\n\n const handleClick = async () => {\n let vscodeUrl = data?.url;\n\n if (!vscodeUrl) {\n const result = await refetch();\n vscodeUrl = result.data?.url ?? null;\n }\n\n if (vscodeUrl) {\n window.open(vscodeUrl, \"_blank\", \"noopener,noreferrer\");\n }\n };\n\n // Backends that report no editor to open — `enable_vscode: false`, a\n // configured editor whose process is not running, or no URL reported — get\n // no button rather than one that does nothing when clicked.\n if (isUnavailable) {\n return null;\n }\n\n return (\n <button\n type=\"button\"\n onClick={handleClick}\n disabled={isLoading \|\| isRuntimeStarting}\n aria-label={t(I18nKey.VSCODE$OPEN)}\n title={t(I18nKey.VSCODE$OPEN)}\n data-testid=\"drawer-vscode-link\"\n className={cn(\n \"inline-flex items-center gap-1.5 rounded-[7px] border border-[var(--oh-border)] bg-base-secondary px-2 py-1 text-xs\",\n \"text-[var(--oh-muted)] transition-colors hover:enabled:bg-surface-raised hover:enabled:text-white\",\n \"cursor-pointer disabled:opacity-50 disabled:cursor-not-allowed\",\n )}\n >\n <VSCodeIcon className=\"h-[15px] w-[15px] shrink-0\" aria-hidden />\n <span>{t(I18nKey.FILES$VSCODE)}</span>\n <ExternalLink\n className=\"h-3.5 w-3.5 shrink-0\"\n aria-hidden\n strokeWidth={2}\n />\n </button>\n );\n}\n"],"mappings":";;;;;;;;;;AASA,SAAgB,IAAmB;CACjC,IAAM,EAAE,SAAM,EAAe,WAAW,GAClC,EAAE,qBAAkB,EAAc,GAClC,EAAE,SAAM,YAAS,cAAW,qBAAkB,EAAoB,GAClE,IAAoB,EAAwB,SAAS,CAAa;CAsBxE,OAJI,IACK,OAIP,kBAAC,UAAD;EACE,MAAK;EACL,SAAS,YAvBmB;GAC9B,IAAI,IAAY,GAAM;GAOtB,AALA,AAEE,OAAY,MADS,EAAQ,GACV,MAAM,OAAO,MAG9B,KACF,OAAO,KAAK,GAAW,UAAU,qBAAqB;EAE1D;EAaI,UAAU,KAAa;EACvB,cAAY,EAAE,EAAQ,WAAW;EACjC,OAAO,EAAE,EAAQ,WAAW;EAC5B,eAAY;EACZ,WAAW,EACT,uHACA,qGACA,gEACF;YAXF;GAaE,kBAAC,GAAD;IAAY,WAAU;IAA6B,eAAA;GAAa,CAAA;GAChE,kBAAC,QAAD,EAAA,UAAO,EAAE,EAAQ,YAAY,EAAQ,CAAA;GACrC,kBAAC,GAAD;IACE,WAAU;IACV,eAAA;IACA,aAAa;GACd,CAAA;EACK;;AAEZ"}

package/dist/components/features/conversation-panel/skills-modal.cjs CHANGED Viewed

@@ -1,2 +1,2 @@
-require("../../../_virtual/_rolldown/runtime.cjs");const e=require("../../../node_modules/react-i18next/dist/es/useTranslation.cjs"),t=require("../../../i18n/declaration.cjs"),n=require("../../../api/agent-server-config.cjs"),r=require("../../../hooks/query/use-conversation-skills.cjs"),i=require("../../shared/modals/modal-backdrop.cjs"),a=require("../../shared/modals/modal-body.cjs"),o=require("../../../utils/skill-scope.cjs"),s=require("./skills-modal-header.cjs"),c=require("./skills-modal-section.cjs"),l=require("./skills-loading-state.cjs"),u=require("./skills-empty-state.cjs"),d=require("./skill-item.cjs");let f=require("react"),p=require("react/jsx-runtime");var m={project:t.I18nKey.SKILLS_MODAL$SECTION_PROJECT,personal:t.I18nKey.SKILLS_MODAL$SECTION_USER,public:t.I18nKey.SKILLS_MODAL$SECTION_PUBLIC};function h({onClose:t}){let{t:h}=e.useTranslation(`openhands`),g=n.getAgentServerWorkingDir(),[_,v]=(0,f.useState)({}),{data:y,isLoading:b,isError:x,refetch:S,isRefetching:C}=r.useConversationSkills(),w=(0,f.useMemo)(()=>y?o.groupSkillsByScope(y,g):null,[y,g]),T=e=>{v(t=>({...t,[e]:!t[e]}))};return(0,p.jsx)(i.ModalBackdrop,{onClose:t,children:(0,p.jsxs)(a.ModalBody,{width:`lg`,className:`relative max-h-[80vh] flex flex-col items-start border border-[var(--oh-border)]`,testID:`skills-modal`,children:[(0,p.jsx)(s.SkillsModalHeader,{isLoading:b,isRefetching:C,onRefresh:S,onClose:t}),(0,p.jsx)(`div`,{className:`w-full h-[60vh] overflow-auto rounded-md border border-[var(--oh-border)] bg-surface-raised custom-scrollbar-always`,children:b?(0,p.jsx)(l.SkillsLoadingState,{}):x||!y||y.length===0?(0,p.jsx)(u.SkillsEmptyState,{isError:x}):w&&(0,p.jsx)(`div`,{className:`divide-y divide-[var(--oh-border)]`,children:o.SKILL_SCOPE_ORDER.map(e=>{let t=w[e];return t.length===0?null:(0,p.jsx)(c.SkillsModalSection,{title:h(m[e]),count:t.length,children:t.map(t=>(0,p.jsx)(d.SkillItem,{skill:t,isExpanded:_[t.name]||!1,onToggle:T},`${e}-${t.name}`))},e)})})})]})})}exports.SkillsModal=h;
+require("../../../_virtual/_rolldown/runtime.cjs");const e=require("../../../node_modules/react-i18next/dist/es/useTranslation.cjs"),t=require("../../../i18n/declaration.cjs"),n=require("../../../api/agent-server-config.cjs"),r=require("../../../hooks/query/use-conversation-skills.cjs"),i=require("../../shared/modals/modal-backdrop.cjs"),a=require("../../shared/modals/modal-body.cjs"),o=require("../../../hooks/use-skill-enablement.cjs"),s=require("../../../utils/skill-scope.cjs"),c=require("./skills-modal-header.cjs"),l=require("./skills-modal-section.cjs"),u=require("./skills-loading-state.cjs"),d=require("./skills-empty-state.cjs"),f=require("./skill-item.cjs");let p=require("react"),m=require("react/jsx-runtime");var h={project:t.I18nKey.SKILLS_MODAL$SECTION_PROJECT,personal:t.I18nKey.SKILLS_MODAL$SECTION_USER,public:t.I18nKey.SKILLS_MODAL$SECTION_PUBLIC};function g({onClose:t}){let{t:g}=e.useTranslation(`openhands`),_=n.getAgentServerWorkingDir(),[v,y]=(0,p.useState)({}),{data:b,isLoading:x,isError:S,refetch:C,isRefetching:w}=r.useConversationSkills(),T=o.useSkillEnabledFilter(),E=(0,p.useMemo)(()=>(b??[]).filter(T),[b,T]),D=(0,p.useMemo)(()=>s.groupSkillsByScope(E,_),[E,_]),O=e=>{y(t=>({...t,[e]:!t[e]}))};return(0,m.jsx)(i.ModalBackdrop,{onClose:t,children:(0,m.jsxs)(a.ModalBody,{width:`lg`,className:`relative max-h-[80vh] flex flex-col items-start border border-[var(--oh-border)]`,testID:`skills-modal`,children:[(0,m.jsx)(c.SkillsModalHeader,{isLoading:x,isRefetching:w,onRefresh:C,onClose:t}),(0,m.jsx)(`div`,{className:`w-full h-[60vh] overflow-auto rounded-md border border-[var(--oh-border)] bg-surface-raised custom-scrollbar-always`,children:x?(0,m.jsx)(u.SkillsLoadingState,{}):S||!b||E.length===0?(0,m.jsx)(d.SkillsEmptyState,{isError:S}):D&&(0,m.jsx)(`div`,{className:`divide-y divide-[var(--oh-border)]`,children:s.SKILL_SCOPE_ORDER.map(e=>{let t=D[e];return t.length===0?null:(0,m.jsx)(l.SkillsModalSection,{title:g(h[e]),count:t.length,children:t.map(t=>(0,m.jsx)(f.SkillItem,{skill:t,isExpanded:v[t.name]||!1,onToggle:O},`${e}-${t.name}`))},e)})})})]})})}exports.SkillsModal=g;
 //# sourceMappingURL=skills-modal.cjs.map

package/dist/components/features/conversation-panel/skills-modal.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"skills-modal.cjs","names":[],"sources":["../../../../src/components/features/conversation-panel/skills-modal.tsx"],"sourcesContent":["import { useMemo, useState } from \"react\";\nimport { useTranslation } from \"react-i18next\";\nimport { ModalBackdrop } from \"#/components/shared/modals/modal-backdrop\";\nimport { ModalBody } from \"#/components/shared/modals/modal-body\";\nimport { I18nKey } from \"#/i18n/declaration\";\nimport { getAgentServerWorkingDir } from \"#/api/agent-server-config\";\nimport { useConversationSkills } from \"#/hooks/query/use-conversation-skills\";\nimport {\n groupSkillsByScope,\n SKILL_SCOPE_ORDER,\n type SkillScope,\n} from \"#/utils/skill-scope\";\nimport { SkillsModalHeader } from \"./skills-modal-header\";\nimport { SkillsModalSection } from \"./skills-modal-section\";\nimport { SkillsLoadingState } from \"./skills-loading-state\";\nimport { SkillsEmptyState } from \"./skills-empty-state\";\nimport { SkillItem } from \"./skill-item\";\n\ninterface SkillsModalProps {\n onClose: () => void;\n}\n\nconst SECTION_TITLE_KEY: Record<SkillScope, I18nKey> = {\n project: I18nKey.SKILLS_MODAL$SECTION_PROJECT,\n personal: I18nKey.SKILLS_MODAL$SECTION_USER,\n public: I18nKey.SKILLS_MODAL$SECTION_PUBLIC,\n};\n\nexport function SkillsModal({ onClose }: SkillsModalProps) {\n const { t } = useTranslation(\"openhands\");\n const projectDir = getAgentServerWorkingDir();\n const [expandedAgents, setExpandedAgents] = useState<Record<string, boolean>>(\n {},\n );\n // Scope the catalog to this conversation's attached workspace so the listed\n // skills match the project skills actually loaded into the conversation.\n const {\n data: skills,\n isLoading,\n isError,\n refetch,\n isRefetching,\n } = useConversationSkills();\n\n const ~~groupedSkills~~ = useMemo(\n () => (skills ? ~~groupSkillsByScope~~(skills, ~~projectDir~~) : ~~null~~),\n [~~skills~~, projectDir],\n );\n\n const toggleAgent = (agentName: string) => {\n setExpandedAgents((prev) => ({\n ...prev,\n [agentName]: !prev[agentName],\n }));\n };\n\n return (\n <ModalBackdrop onClose={onClose}>\n <ModalBody\n width=\"lg\"\n className=\"relative max-h-[80vh] flex flex-col items-start border border-[var(--oh-border)]\"\n testID=\"skills-modal\"\n >\n <SkillsModalHeader\n isLoading={isLoading}\n isRefetching={isRefetching}\n onRefresh={refetch}\n onClose={onClose}\n />\n\n <div className=\"w-full h-[60vh] overflow-auto rounded-md border border-[var(--oh-border)] bg-surface-raised custom-scrollbar-always\">\n {isLoading ? (\n <SkillsLoadingState />\n ) : isError \|\| !skills \|\| ~~skills~~.length === 0 ? (\n <SkillsEmptyState isError={isError} />\n ) : (\n groupedSkills && (\n <div className=\"divide-y divide-[var(--oh-border)]\">\n {SKILL_SCOPE_ORDER.map((scope) => {\n const scopedSkills = groupedSkills[scope];\n if (scopedSkills.length === 0) {\n return null;\n }\n\n return (\n <SkillsModalSection\n key={scope}\n title={t(SECTION_TITLE_KEY[scope])}\n count={scopedSkills.length}\n >\n {scopedSkills.map((skill) => {\n const isExpanded = expandedAgents[skill.name] \|\| false;\n\n return (\n <SkillItem\n key={`${scope}-${skill.name}`}\n skill={skill}\n isExpanded={isExpanded}\n onToggle={toggleAgent}\n />\n );\n })}\n </SkillsModalSection>\n );\n })}\n </div>\n )\n )}\n </div>\n </ModalBody>\n </ModalBackdrop>\n );\n}\n"],"mappings":"~~iqBAsBA~~,IAAM,EAAiD,CACrD,QAAS,EAAA,QAAQ,6BACjB,SAAU,EAAA,QAAQ,0BAClB,OAAQ,EAAA,QAAQ,2BAClB,EAEA,SAAgB,EAAY,CAAE,WAA6B,CACzD,GAAM,CAAE,KAAM,EAAA,eAAe,WAAW,EAClC,EAAa,EAAA,yBAAyB,EACtC,CAAC,EAAgB,IAAA,EAAA,EAAA,UACrB,CAAC,CACH,EAGM,CACJ,KAAM,EACN,YACA,UACA,UACA,gBACE,EAAA,sBAAsB,~~EAEpB~~,GAAA,EAAA,EAAA,~~aACG~~,~~EAAS~~,EAAA,mBAAmB,~~EAAQ~~,CAAU,~~EAAI~~,~~KACzD,~~CAAC,~~EAAQ~~,CAAU,~~CACrB~~,EAEM,EAAe,GAAsB,CACzC,EAAmB,IAAU,CAC3B,GAAG,GACF,GAAY,CAAC,EAAK,EACrB,EAAE,CACJ,EAEA,OACE,EAAA,EAAA,KAAC,EAAA,cAAD,CAAwB,oBACtB,EAAA,EAAA,MAAC,EAAA,UAAD,CACE,MAAM,KACN,UAAU,mFACV,OAAO,wBAHT,EAKE,EAAA,EAAA,KAAC,EAAA,kBAAD,CACa,YACG,eACd,UAAW,EACF,SACV,CAAA,GAED,EAAA,EAAA,KAAC,MAAD,CAAK,UAAU,+HACZ,GACC,EAAA,EAAA,KAAC,EAAA,mBAAD,CAAqB,CAAA,EACnB,GAAW,CAAC,GAAU,~~EAAO~~,SAAW,~~GAC1C~~,EAAA,EAAA,KAAC,EAAA,iBAAD,CAA2B,SAAU,CAAA,EAErC,IACE,EAAA,EAAA,KAAC,MAAD,CAAK,UAAU,8CACZ,EAAA,kBAAkB,IAAK,GAAU,CAChC,IAAM,EAAe,EAAc,GAKnC,OAJI,EAAa,SAAW,EACnB,MAIP,EAAA,EAAA,KAAC,EAAA,mBAAD,CAEE,MAAO,EAAE,EAAkB,EAAM,EACjC,MAAO,EAAa,gBAEnB,EAAa,IAAK,IAIf,EAAA,EAAA,KAAC,EAAA,UAAD,CAES,QACK,WANG,EAAe,EAAM,OAAS,GAO7C,SAAU,CACX,EAJM,GAAG,EAAM,GAAG,EAAM,MAIxB,CAEJ,CACiB,EAhBb,CAgBa,CAExB,CAAC,CACE,CAAA,CAGN,CAAA,CACI,GACE,CAAA,CAEnB"}
1	+ {"version":3,"file":"skills-modal.cjs","names":[],"sources":["../../../../src/components/features/conversation-panel/skills-modal.tsx"],"sourcesContent":["import { useMemo, useState } from \"react\";\nimport { useTranslation } from \"react-i18next\";\nimport { ModalBackdrop } from \"#/components/shared/modals/modal-backdrop\";\nimport { ModalBody } from \"#/components/shared/modals/modal-body\";\nimport { I18nKey } from \"#/i18n/declaration\";\nimport { getAgentServerWorkingDir } from \"#/api/agent-server-config\";\nimport { useConversationSkills } from \"#/hooks/query/use-conversation-skills\";\nimport { useSkillEnabledFilter } from \"#/hooks/use-skill-enablement\";\nimport {\n groupSkillsByScope,\n SKILL_SCOPE_ORDER,\n type SkillScope,\n} from \"#/utils/skill-scope\";\nimport { SkillsModalHeader } from \"./skills-modal-header\";\nimport { SkillsModalSection } from \"./skills-modal-section\";\nimport { SkillsLoadingState } from \"./skills-loading-state\";\nimport { SkillsEmptyState } from \"./skills-empty-state\";\nimport { SkillItem } from \"./skill-item\";\n\ninterface SkillsModalProps {\n onClose: () => void;\n}\n\nconst SECTION_TITLE_KEY: Record<SkillScope, I18nKey> = {\n project: I18nKey.SKILLS_MODAL$SECTION_PROJECT,\n personal: I18nKey.SKILLS_MODAL$SECTION_USER,\n public: I18nKey.SKILLS_MODAL$SECTION_PUBLIC,\n};\n\nexport function SkillsModal({ onClose }: SkillsModalProps) {\n const { t } = useTranslation(\"openhands\");\n const projectDir = getAgentServerWorkingDir();\n const [expandedAgents, setExpandedAgents] = useState<Record<string, boolean>>(\n {},\n );\n // Scope the catalog to this conversation's attached workspace so the listed\n // skills match the project skills actually loaded into the conversation.\n const {\n data: skills,\n isLoading,\n isError,\n refetch,\n isRefetching,\n } = useConversationSkills();\n const isSkillEnabled = useSkillEnabledFilter();\n\n // The modal reports what the conversation actually has, so it lists the\n // enabled set rather than the whole catalog.\n const visibleSkills = useMemo(\n () => (skills ?? []).filter(isSkillEnabled),\n [skills, isSkillEnabled],\n );\n\n const groupedSkills = useMemo(\n () => groupSkillsByScope(visibleSkills, projectDir),\n [visibleSkills, projectDir],\n );\n\n const toggleAgent = (agentName: string) => {\n setExpandedAgents((prev) => ({\n ...prev,\n [agentName]: !prev[agentName],\n }));\n };\n\n return (\n <ModalBackdrop onClose={onClose}>\n <ModalBody\n width=\"lg\"\n className=\"relative max-h-[80vh] flex flex-col items-start border border-[var(--oh-border)]\"\n testID=\"skills-modal\"\n >\n <SkillsModalHeader\n isLoading={isLoading}\n isRefetching={isRefetching}\n onRefresh={refetch}\n onClose={onClose}\n />\n\n <div className=\"w-full h-[60vh] overflow-auto rounded-md border border-[var(--oh-border)] bg-surface-raised custom-scrollbar-always\">\n {isLoading ? (\n <SkillsLoadingState />\n ) : isError \|\| !skills \|\| visibleSkills.length === 0 ? (\n <SkillsEmptyState isError={isError} />\n ) : (\n groupedSkills && (\n <div className=\"divide-y divide-[var(--oh-border)]\">\n {SKILL_SCOPE_ORDER.map((scope) => {\n const scopedSkills = groupedSkills[scope];\n if (scopedSkills.length === 0) {\n return null;\n }\n\n return (\n <SkillsModalSection\n key={scope}\n title={t(SECTION_TITLE_KEY[scope])}\n count={scopedSkills.length}\n >\n {scopedSkills.map((skill) => {\n const isExpanded = expandedAgents[skill.name] \|\| false;\n\n return (\n <SkillItem\n key={`${scope}-${skill.name}`}\n skill={skill}\n isExpanded={isExpanded}\n onToggle={toggleAgent}\n />\n );\n })}\n </SkillsModalSection>\n );\n })}\n </div>\n )\n )}\n </div>\n </ModalBody>\n </ModalBackdrop>\n );\n}\n"],"mappings":"stBAuBA,IAAM,EAAiD,CACrD,QAAS,EAAA,QAAQ,6BACjB,SAAU,EAAA,QAAQ,0BAClB,OAAQ,EAAA,QAAQ,2BAClB,EAEA,SAAgB,EAAY,CAAE,WAA6B,CACzD,GAAM,CAAE,KAAM,EAAA,eAAe,WAAW,EAClC,EAAa,EAAA,yBAAyB,EACtC,CAAC,EAAgB,IAAA,EAAA,EAAA,UACrB,CAAC,CACH,EAGM,CACJ,KAAM,EACN,YACA,UACA,UACA,gBACE,EAAA,sBAAsB,EACpB,EAAiB,EAAA,sBAAsB,EAIvC,GAAA,EAAA,EAAA,cACG,GAAU,CAAC,GAAG,OAAO,CAAc,EAC1C,CAAC,EAAQ,CAAc,CACzB,EAEM,GAAA,EAAA,EAAA,aACE,EAAA,mBAAmB,EAAe,CAAU,EAClD,CAAC,EAAe,CAAU,CAC5B,EAEM,EAAe,GAAsB,CACzC,EAAmB,IAAU,CAC3B,GAAG,GACF,GAAY,CAAC,EAAK,EACrB,EAAE,CACJ,EAEA,OACE,EAAA,EAAA,KAAC,EAAA,cAAD,CAAwB,oBACtB,EAAA,EAAA,MAAC,EAAA,UAAD,CACE,MAAM,KACN,UAAU,mFACV,OAAO,wBAHT,EAKE,EAAA,EAAA,KAAC,EAAA,kBAAD,CACa,YACG,eACd,UAAW,EACF,SACV,CAAA,GAED,EAAA,EAAA,KAAC,MAAD,CAAK,UAAU,+HACZ,GACC,EAAA,EAAA,KAAC,EAAA,mBAAD,CAAqB,CAAA,EACnB,GAAW,CAAC,GAAU,EAAc,SAAW,GACjD,EAAA,EAAA,KAAC,EAAA,iBAAD,CAA2B,SAAU,CAAA,EAErC,IACE,EAAA,EAAA,KAAC,MAAD,CAAK,UAAU,8CACZ,EAAA,kBAAkB,IAAK,GAAU,CAChC,IAAM,EAAe,EAAc,GAKnC,OAJI,EAAa,SAAW,EACnB,MAIP,EAAA,EAAA,KAAC,EAAA,mBAAD,CAEE,MAAO,EAAE,EAAkB,EAAM,EACjC,MAAO,EAAa,gBAEnB,EAAa,IAAK,IAIf,EAAA,EAAA,KAAC,EAAA,UAAD,CAES,QACK,WANG,EAAe,EAAM,OAAS,GAO7C,SAAU,CACX,EAJM,GAAG,EAAM,GAAG,EAAM,MAIxB,CAEJ,CACiB,EAhBb,CAgBa,CAExB,CAAC,CACE,CAAA,CAGN,CAAA,CACI,GACE,CAAA,CAEnB"}

package/dist/components/features/conversation-panel/skills-modal.js CHANGED Viewed

@@ -4,51 +4,52 @@ import { getAgentServerWorkingDir as n } from "../../../api/agent-server-config.
 import { useConversationSkills as r } from "../../../hooks/query/use-conversation-skills.js";
 import { ModalBackdrop as i } from "../../shared/modals/modal-backdrop.js";
 import { ModalBody as a } from "../../shared/modals/modal-body.js";
-import { SKILL_SCOPE_ORDER as o, groupSkillsByScope as s } from "../../../utils/skill-scope.js";
-import { SkillsModalHeader as c } from "./skills-modal-header.js";
-import { SkillsModalSection as l } from "./skills-modal-section.js";
-import { SkillsLoadingState as u } from "./skills-loading-state.js";
-import { SkillsEmptyState as d } from "./skills-empty-state.js";
-import { SkillItem as f } from "./skill-item.js";
-import { useMemo as p, useState as m } from "react";
-import { jsx as h, jsxs as g } from "react/jsx-runtime";
+import { useSkillEnabledFilter as o } from "../../../hooks/use-skill-enablement.js";
+import { SKILL_SCOPE_ORDER as s, groupSkillsByScope as c } from "../../../utils/skill-scope.js";
+import { SkillsModalHeader as l } from "./skills-modal-header.js";
+import { SkillsModalSection as u } from "./skills-modal-section.js";
+import { SkillsLoadingState as d } from "./skills-loading-state.js";
+import { SkillsEmptyState as f } from "./skills-empty-state.js";
+import { SkillItem as p } from "./skill-item.js";
+import { useMemo as m, useState as h } from "react";
+import { jsx as g, jsxs as _ } from "react/jsx-runtime";
 //#region src/components/features/conversation-panel/skills-modal.tsx
-var _ = {
+var v = {
 	project: t.SKILLS_MODAL$SECTION_PROJECT,
 	personal: t.SKILLS_MODAL$SECTION_USER,
 	public: t.SKILLS_MODAL$SECTION_PUBLIC
 };
-function v({ onClose: t }) {
-	let { t: v } = e("openhands"), y = n(), [b, x] = m({}), { data: S, isLoading: C, isError: w, refetch: T, isRefetching: E } = r(), D = p(() => S ? s(S, y) : null, [S, y]), O = (e) => {
-		x((t) => ({
+function y({ onClose: t }) {
+	let { t: y } = e("openhands"), b = n(), [x, S] = h({}), { data: C, isLoading: w, isError: T, refetch: E, isRefetching: D } = r(), O = o(), k = m(() => (C ?? []).filter(O), [C, O]), A = m(() => c(k, b), [k, b]), j = (e) => {
+		S((t) => ({
 			...t,
 			[e]: !t[e]
 		}));
 	};
-	return /* @__PURE__ */ h(i, {
+	return /* @__PURE__ */ g(i, {
 		onClose: t,
-		children: /* @__PURE__ */ g(a, {
+		children: /* @__PURE__ */ _(a, {
 			width: "lg",
 			className: "relative max-h-[80vh] flex flex-col items-start border border-[var(--oh-border)]",
 			testID: "skills-modal",
-			children: [/* @__PURE__ */ h(c, {
-				isLoading: C,
-				isRefetching: E,
-				onRefresh: T,
+			children: [/* @__PURE__ */ g(l, {
+				isLoading: w,
+				isRefetching: D,
+				onRefresh: E,
 				onClose: t
-			}), /* @__PURE__ */ h("div", {
+			}), /* @__PURE__ */ g("div", {
 				className: "w-full h-[60vh] overflow-auto rounded-md border border-[var(--oh-border)] bg-surface-raised custom-scrollbar-always",
-				children: C ? /* @__PURE__ */ h(u, {}) : w || !S || S.length === 0 ? /* @__PURE__ */ h(d, { isError: w }) : D && /* @__PURE__ */ h("div", {
+				children: w ? /* @__PURE__ */ g(d, {}) : T || !C || k.length === 0 ? /* @__PURE__ */ g(f, { isError: T }) : A && /* @__PURE__ */ g("div", {
 					className: "divide-y divide-[var(--oh-border)]",
-					children: o.map((e) => {
-						let t = D[e];
-						return t.length === 0 ? null : /* @__PURE__ */ h(l, {
-							title: v(_[e]),
+					children: s.map((e) => {
+						let t = A[e];
+						return t.length === 0 ? null : /* @__PURE__ */ g(u, {
+							title: y(v[e]),
 							count: t.length,
-							children: t.map((t) => /* @__PURE__ */ h(f, {
+							children: t.map((t) => /* @__PURE__ */ g(p, {
 								skill: t,
-								isExpanded: b[t.name] || !1,
-								onToggle: O
+								isExpanded: x[t.name] || !1,
+								onToggle: j
 							}, `${e}-${t.name}`))
 						}, e);
 					})
@@ -58,6 +59,6 @@ function v({ onClose: t }) {
 	});
 }
 //#endregion
-export { v as SkillsModal };
+export { y as SkillsModal };
 //# sourceMappingURL=skills-modal.js.map

package/dist/components/features/conversation-panel/skills-modal.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"skills-modal.js","names":[],"sources":["../../../../src/components/features/conversation-panel/skills-modal.tsx"],"sourcesContent":["import { useMemo, useState } from \"react\";\nimport { useTranslation } from \"react-i18next\";\nimport { ModalBackdrop } from \"#/components/shared/modals/modal-backdrop\";\nimport { ModalBody } from \"#/components/shared/modals/modal-body\";\nimport { I18nKey } from \"#/i18n/declaration\";\nimport { getAgentServerWorkingDir } from \"#/api/agent-server-config\";\nimport { useConversationSkills } from \"#/hooks/query/use-conversation-skills\";\nimport {\n groupSkillsByScope,\n SKILL_SCOPE_ORDER,\n type SkillScope,\n} from \"#/utils/skill-scope\";\nimport { SkillsModalHeader } from \"./skills-modal-header\";\nimport { SkillsModalSection } from \"./skills-modal-section\";\nimport { SkillsLoadingState } from \"./skills-loading-state\";\nimport { SkillsEmptyState } from \"./skills-empty-state\";\nimport { SkillItem } from \"./skill-item\";\n\ninterface SkillsModalProps {\n onClose: () => void;\n}\n\nconst SECTION_TITLE_KEY: Record<SkillScope, I18nKey> = {\n project: I18nKey.SKILLS_MODAL$SECTION_PROJECT,\n personal: I18nKey.SKILLS_MODAL$SECTION_USER,\n public: I18nKey.SKILLS_MODAL$SECTION_PUBLIC,\n};\n\nexport function SkillsModal({ onClose }: SkillsModalProps) {\n const { t } = useTranslation(\"openhands\");\n const projectDir = getAgentServerWorkingDir();\n const [expandedAgents, setExpandedAgents] = useState<Record<string, boolean>>(\n {},\n );\n // Scope the catalog to this conversation's attached workspace so the listed\n // skills match the project skills actually loaded into the conversation.\n const {\n data: skills,\n isLoading,\n isError,\n refetch,\n isRefetching,\n } = useConversationSkills();\n\n const ~~groupedSkills~~ = useMemo(\n () => (skills ? ~~groupSkillsByScope~~(skills, ~~projectDir~~) : ~~null~~),\n [~~skills~~, projectDir],\n );\n\n const toggleAgent = (agentName: string) => {\n setExpandedAgents((prev) => ({\n ...prev,\n [agentName]: !prev[agentName],\n }));\n };\n\n return (\n <ModalBackdrop onClose={onClose}>\n <ModalBody\n width=\"lg\"\n className=\"relative max-h-[80vh] flex flex-col items-start border border-[var(--oh-border)]\"\n testID=\"skills-modal\"\n >\n <SkillsModalHeader\n isLoading={isLoading}\n isRefetching={isRefetching}\n onRefresh={refetch}\n onClose={onClose}\n />\n\n <div className=\"w-full h-[60vh] overflow-auto rounded-md border border-[var(--oh-border)] bg-surface-raised custom-scrollbar-always\">\n {isLoading ? (\n <SkillsLoadingState />\n ) : isError \|\| !skills \|\| ~~skills~~.length === 0 ? (\n <SkillsEmptyState isError={isError} />\n ) : (\n groupedSkills && (\n <div className=\"divide-y divide-[var(--oh-border)]\">\n {SKILL_SCOPE_ORDER.map((scope) => {\n const scopedSkills = groupedSkills[scope];\n if (scopedSkills.length === 0) {\n return null;\n }\n\n return (\n <SkillsModalSection\n key={scope}\n title={t(SECTION_TITLE_KEY[scope])}\n count={scopedSkills.length}\n >\n {scopedSkills.map((skill) => {\n const isExpanded = expandedAgents[skill.name] \|\| false;\n\n return (\n <SkillItem\n key={`${scope}-${skill.name}`}\n skill={skill}\n isExpanded={isExpanded}\n onToggle={toggleAgent}\n />\n );\n })}\n </SkillsModalSection>\n );\n })}\n </div>\n )\n )}\n </div>\n </ModalBody>\n </ModalBackdrop>\n );\n}\n"],"mappings":"~~;;;;;;;;;;;;;;;AAsBA~~,IAAM,IAAiD;CACrD,SAAS,EAAQ;CACjB,UAAU,EAAQ;CAClB,QAAQ,EAAQ;AAClB;AAEA,SAAgB,EAAY,EAAE,cAA6B;CACzD,IAAM,EAAE,SAAM,EAAe,WAAW,GAClC,IAAa,EAAyB,GACtC,CAAC,GAAgB,KAAqB,EAC1C,CAAC,CACH,GAGM,EACJ,MAAM,GACN,cACA,YACA,YACA,oBACE,EAAsB,~~GAEpB~~,IAAgB,~~QACb~~,~~IAAS~~,~~EAAmB~~,~~GAAQ~~,~~CAAU~~,~~IAAI~~,~~MACzD~~,CAAC,GAAQ,CAAU,~~CACrB~~,GAEM,KAAe,MAAsB;EACzC,GAAmB,OAAU;GAC3B,GAAG;IACF,IAAY,CAAC,EAAK;EACrB,EAAE;CACJ;CAEA,OACE,kBAAC,GAAD;EAAwB;YACtB,kBAAC,GAAD;GACE,OAAM;GACN,WAAU;GACV,QAAO;aAHT,CAKE,kBAAC,GAAD;IACa;IACG;IACd,WAAW;IACF;GACV,CAAA,GAED,kBAAC,OAAD;IAAK,WAAU;cACZ,IACC,kBAAC,GAAD,CAAqB,CAAA,IACnB,KAAW,CAAC,KAAU,~~EAAO~~,WAAW,~~IAC1C~~,kBAAC,GAAD,EAA2B,WAAU,CAAA,IAErC,KACE,kBAAC,OAAD;KAAK,WAAU;eACZ,EAAkB,KAAK,MAAU;MAChC,IAAM,IAAe,EAAc;MAKnC,OAJI,EAAa,WAAW,IACnB,OAIP,kBAAC,GAAD;OAEE,OAAO,EAAE,EAAkB,EAAM;OACjC,OAAO,EAAa;iBAEnB,EAAa,KAAK,MAIf,kBAAC,GAAD;QAES;QACK,YANG,EAAe,EAAM,SAAS;QAO7C,UAAU;OACX,GAJM,GAAG,EAAM,GAAG,EAAM,MAIxB,CAEJ;MACiB,GAhBb,CAgBa;KAExB,CAAC;IACE,CAAA;GAGN,CAAA,CACI;;CACE,CAAA;AAEnB"}
1	+ {"version":3,"file":"skills-modal.js","names":[],"sources":["../../../../src/components/features/conversation-panel/skills-modal.tsx"],"sourcesContent":["import { useMemo, useState } from \"react\";\nimport { useTranslation } from \"react-i18next\";\nimport { ModalBackdrop } from \"#/components/shared/modals/modal-backdrop\";\nimport { ModalBody } from \"#/components/shared/modals/modal-body\";\nimport { I18nKey } from \"#/i18n/declaration\";\nimport { getAgentServerWorkingDir } from \"#/api/agent-server-config\";\nimport { useConversationSkills } from \"#/hooks/query/use-conversation-skills\";\nimport { useSkillEnabledFilter } from \"#/hooks/use-skill-enablement\";\nimport {\n groupSkillsByScope,\n SKILL_SCOPE_ORDER,\n type SkillScope,\n} from \"#/utils/skill-scope\";\nimport { SkillsModalHeader } from \"./skills-modal-header\";\nimport { SkillsModalSection } from \"./skills-modal-section\";\nimport { SkillsLoadingState } from \"./skills-loading-state\";\nimport { SkillsEmptyState } from \"./skills-empty-state\";\nimport { SkillItem } from \"./skill-item\";\n\ninterface SkillsModalProps {\n onClose: () => void;\n}\n\nconst SECTION_TITLE_KEY: Record<SkillScope, I18nKey> = {\n project: I18nKey.SKILLS_MODAL$SECTION_PROJECT,\n personal: I18nKey.SKILLS_MODAL$SECTION_USER,\n public: I18nKey.SKILLS_MODAL$SECTION_PUBLIC,\n};\n\nexport function SkillsModal({ onClose }: SkillsModalProps) {\n const { t } = useTranslation(\"openhands\");\n const projectDir = getAgentServerWorkingDir();\n const [expandedAgents, setExpandedAgents] = useState<Record<string, boolean>>(\n {},\n );\n // Scope the catalog to this conversation's attached workspace so the listed\n // skills match the project skills actually loaded into the conversation.\n const {\n data: skills,\n isLoading,\n isError,\n refetch,\n isRefetching,\n } = useConversationSkills();\n const isSkillEnabled = useSkillEnabledFilter();\n\n // The modal reports what the conversation actually has, so it lists the\n // enabled set rather than the whole catalog.\n const visibleSkills = useMemo(\n () => (skills ?? []).filter(isSkillEnabled),\n [skills, isSkillEnabled],\n );\n\n const groupedSkills = useMemo(\n () => groupSkillsByScope(visibleSkills, projectDir),\n [visibleSkills, projectDir],\n );\n\n const toggleAgent = (agentName: string) => {\n setExpandedAgents((prev) => ({\n ...prev,\n [agentName]: !prev[agentName],\n }));\n };\n\n return (\n <ModalBackdrop onClose={onClose}>\n <ModalBody\n width=\"lg\"\n className=\"relative max-h-[80vh] flex flex-col items-start border border-[var(--oh-border)]\"\n testID=\"skills-modal\"\n >\n <SkillsModalHeader\n isLoading={isLoading}\n isRefetching={isRefetching}\n onRefresh={refetch}\n onClose={onClose}\n />\n\n <div className=\"w-full h-[60vh] overflow-auto rounded-md border border-[var(--oh-border)] bg-surface-raised custom-scrollbar-always\">\n {isLoading ? (\n <SkillsLoadingState />\n ) : isError \|\| !skills \|\| visibleSkills.length === 0 ? (\n <SkillsEmptyState isError={isError} />\n ) : (\n groupedSkills && (\n <div className=\"divide-y divide-[var(--oh-border)]\">\n {SKILL_SCOPE_ORDER.map((scope) => {\n const scopedSkills = groupedSkills[scope];\n if (scopedSkills.length === 0) {\n return null;\n }\n\n return (\n <SkillsModalSection\n key={scope}\n title={t(SECTION_TITLE_KEY[scope])}\n count={scopedSkills.length}\n >\n {scopedSkills.map((skill) => {\n const isExpanded = expandedAgents[skill.name] \|\| false;\n\n return (\n <SkillItem\n key={`${scope}-${skill.name}`}\n skill={skill}\n isExpanded={isExpanded}\n onToggle={toggleAgent}\n />\n );\n })}\n </SkillsModalSection>\n );\n })}\n </div>\n )\n )}\n </div>\n </ModalBody>\n </ModalBackdrop>\n );\n}\n"],"mappings":";;;;;;;;;;;;;;;;AAuBA,IAAM,IAAiD;CACrD,SAAS,EAAQ;CACjB,UAAU,EAAQ;CAClB,QAAQ,EAAQ;AAClB;AAEA,SAAgB,EAAY,EAAE,cAA6B;CACzD,IAAM,EAAE,SAAM,EAAe,WAAW,GAClC,IAAa,EAAyB,GACtC,CAAC,GAAgB,KAAqB,EAC1C,CAAC,CACH,GAGM,EACJ,MAAM,GACN,cACA,YACA,YACA,oBACE,EAAsB,GACpB,IAAiB,EAAsB,GAIvC,IAAgB,SACb,KAAU,CAAC,GAAG,OAAO,CAAc,GAC1C,CAAC,GAAQ,CAAc,CACzB,GAEM,IAAgB,QACd,EAAmB,GAAe,CAAU,GAClD,CAAC,GAAe,CAAU,CAC5B,GAEM,KAAe,MAAsB;EACzC,GAAmB,OAAU;GAC3B,GAAG;IACF,IAAY,CAAC,EAAK;EACrB,EAAE;CACJ;CAEA,OACE,kBAAC,GAAD;EAAwB;YACtB,kBAAC,GAAD;GACE,OAAM;GACN,WAAU;GACV,QAAO;aAHT,CAKE,kBAAC,GAAD;IACa;IACG;IACd,WAAW;IACF;GACV,CAAA,GAED,kBAAC,OAAD;IAAK,WAAU;cACZ,IACC,kBAAC,GAAD,CAAqB,CAAA,IACnB,KAAW,CAAC,KAAU,EAAc,WAAW,IACjD,kBAAC,GAAD,EAA2B,WAAU,CAAA,IAErC,KACE,kBAAC,OAAD;KAAK,WAAU;eACZ,EAAkB,KAAK,MAAU;MAChC,IAAM,IAAe,EAAc;MAKnC,OAJI,EAAa,WAAW,IACnB,OAIP,kBAAC,GAAD;OAEE,OAAO,EAAE,EAAkB,EAAM;OACjC,OAAO,EAAa;iBAEnB,EAAa,KAAK,MAIf,kBAAC,GAAD;QAES;QACK,YANG,EAAe,EAAM,SAAS;QAO7C,UAAU;OACX,GAJM,GAAG,EAAM,GAAG,EAAM,MAIxB,CAEJ;MACiB,GAhBb,CAgBa;KAExB,CAAC;IACE,CAAA;GAGN,CAAA,CACI;;CACE,CAAA;AAEnB"}

package/dist/components/features/files-tab/file-content-viewer.cjs CHANGED Viewed

@@ -1,2 +1,2 @@
-require("../../../_virtual/_rolldown/runtime.cjs");const e=require("../../../node_modules/react-i18next/dist/es/useTranslation.cjs"),t=require("../../../i18n/declaration.cjs"),n=require("../markdown/markdown-renderer.cjs"),r=require("../../../utils/is-markdown-file-path.cjs"),i=require("../../../stores/use-workspace-mutation-counter.cjs"),a=require("../../../hooks/query/use-workspace-file-content.cjs"),o=require("./highlighted-source-view.cjs");let s=require("react/jsx-runtime");var c=new Set([`html`,`htm`,`svg`]),l={pptx:`PowerPoint`,ppt:`PowerPoint`,docx:`Word`,doc:`Word`,xlsx:`Excel`,xls:`Excel`};function u(e){let t=e.lastIndexOf(`.`);return t===-1?``:e.slice(t+1).toLowerCase()}function d({path:n}){let{t:r}=e.useTranslation(`openhands`),i=l[u(n)];return(0,s.jsx)(`div`,{className:`flex h-full w-full items-center justify-center text-sm text-[var(--oh-muted)]`,"data-testid":i?`file-content-viewer-unsupported-document`:`file-content-viewer-binary-fallback`,children:i?r(t.I18nKey.FILES$UNSUPPORTED_DOCUMENT,{type:i}):r(t.I18nKey.FILES$BINARY_FALLBACK)})}function f({path:l,viewMode:f}){let{t:p}=e.useTranslation(`openhands`),m=a.useWorkspaceFileContent(l),h=i.useWorkspaceMutationCounter(e=>e.count);if(m.isLoading)return(0,s.jsx)(`div`,{className:`flex h-full w-full items-center justify-center text-sm text-[var(--oh-muted)]`,children:p(t.I18nKey.FILES$LOADING_FILES)});if(m.isError||!m.data)return(0,s.jsx)(`div`,{className:`flex h-full w-full items-center justify-center text-sm text-[var(--oh-muted)]`,"data-testid":`file-content-viewer-error`,children:m.error?.message??p(t.I18nKey.FILES$LOAD_ERROR)});let{kind:g,text:_,staticUrl:v,mimeType:y}=m.data,b=i.withWorkspaceCacheBuster(v,h);return f===`plain`?g===`text`&&_!==null?(0,s.jsx)(o.HighlightedSourceView,{path:l,text:_,mimeType:y??void 0}):(0,s.jsx)(d,{path:l}):g===`image`?(0,s.jsx)(`div`,{className:`flex h-full w-full items-center justify-center bg-[var(--oh-surface)] p-4`,"data-testid":`file-content-viewer-image`,children:(0,s.jsx)(`img`,{src:b,alt:l,className:`max-h-full max-w-full object-contain`})}):g===`pdf`?(0,s.jsx)(`iframe`,{title:l,src:b,"data-testid":`file-content-viewer-iframe`,className:`h-full w-full bg-white`}):g===`binary`?(0,s.jsx)(d,{path:l}):y===`text/html`||c.has(u(l))?(0,s.jsx)(`iframe`,{title:l,src:b,sandbox:`allow-same-origin`,"data-testid":`file-content-viewer-iframe`,className:`h-full w-full bg-white`}):g===`text`&&r.isMarkdownFilePath(l)?(0,s.jsx)(`div`,{"data-testid":`file-content-viewer-markdown`,className:`h-full w-full overflow-auto bg-[var(--oh-surface)] text-white custom-scrollbar-always [--oh-scroll-fade-from:var(--oh-surface)]`,children:(0,s.jsx)(`div`,{className:`prose prose-sm prose-invert max-w-none p-6 [--tw-prose-body:#fff] [--tw-prose-bold:#fff] [--tw-prose-headings:#fff] [--tw-prose-lead:#fff] [--tw-prose-counters:#fff] [--tw-prose-quotes:#fff] [--tw-prose-quote-borders:var(--oh-border-subtle)] [--tw-prose-bullets:var(--oh-muted)] [--tw-prose-hr:var(--oh-border-subtle)] [--tw-prose-captions:var(--oh-muted)] [--tw-prose-kbd:#fff]`,children:(0,s.jsx)(n.MarkdownRenderer,{content:_??``,includeStandard:!0,includeHeadings:!0})})}):g===`text`&&_!==null?(0,s.jsx)(o.HighlightedSourceView,{path:l,text:_,mimeType:y??void 0}):(0,s.jsx)(d,{path:l})}exports.FileContentViewer=f;
+require("../../../_virtual/_rolldown/runtime.cjs");const e=require("../../../node_modules/react-i18next/dist/es/useTranslation.cjs"),t=require("../../../i18n/declaration.cjs"),n=require("../markdown/markdown-renderer.cjs"),r=require("../../../stores/use-workspace-mutation-counter.cjs"),i=require("../../../utils/is-markdown-file-path.cjs"),a=require("../../../hooks/query/use-workspace-file-content.cjs"),o=require("./highlighted-source-view.cjs");let s=require("react/jsx-runtime");var c=new Set([`html`,`htm`,`svg`]),l={pptx:`PowerPoint`,ppt:`PowerPoint`,docx:`Word`,doc:`Word`,xlsx:`Excel`,xls:`Excel`};function u(e){let t=e.lastIndexOf(`.`);return t===-1?``:e.slice(t+1).toLowerCase()}function d({path:n}){let{t:r}=e.useTranslation(`openhands`),i=l[u(n)];return(0,s.jsx)(`div`,{className:`flex h-full w-full items-center justify-center text-sm text-[var(--oh-muted)]`,"data-testid":i?`file-content-viewer-unsupported-document`:`file-content-viewer-binary-fallback`,children:i?r(t.I18nKey.FILES$UNSUPPORTED_DOCUMENT,{type:i}):r(t.I18nKey.FILES$BINARY_FALLBACK)})}function f({path:l,viewMode:f}){let{t:p}=e.useTranslation(`openhands`),m=a.useWorkspaceFileContent(l),h=r.useWorkspaceMutationCounter(e=>e.count);if(m.isLoading)return(0,s.jsx)(`div`,{className:`flex h-full w-full items-center justify-center text-sm text-[var(--oh-muted)]`,children:p(t.I18nKey.FILES$LOADING_FILES)});if(m.isError||!m.data)return(0,s.jsx)(`div`,{className:`flex h-full w-full items-center justify-center text-sm text-[var(--oh-muted)]`,"data-testid":`file-content-viewer-error`,children:m.error?.message??p(t.I18nKey.FILES$LOAD_ERROR)});let{kind:g,text:_,staticUrl:v,mimeType:y}=m.data,b=r.withWorkspaceCacheBuster(v,h);return f===`plain`?g===`text`&&_!==null?(0,s.jsx)(o.HighlightedSourceView,{path:l,text:_,mimeType:y??void 0}):(0,s.jsx)(d,{path:l}):g===`image`?(0,s.jsx)(`div`,{className:`flex h-full w-full items-center justify-center bg-[var(--oh-surface)] p-4`,"data-testid":`file-content-viewer-image`,children:(0,s.jsx)(`img`,{src:b,alt:l,className:`max-h-full max-w-full object-contain`})}):g===`pdf`?(0,s.jsx)(`iframe`,{title:l,src:b,"data-testid":`file-content-viewer-iframe`,className:`h-full w-full bg-white`}):g===`binary`?(0,s.jsx)(d,{path:l}):y===`text/html`||c.has(u(l))?(0,s.jsx)(`iframe`,{title:l,src:b,sandbox:`allow-same-origin`,"data-testid":`file-content-viewer-iframe`,className:`h-full w-full bg-white`}):g===`text`&&i.isMarkdownFilePath(l)?(0,s.jsx)(`div`,{"data-testid":`file-content-viewer-markdown`,className:`h-full w-full overflow-auto bg-[var(--oh-surface)] text-white custom-scrollbar-always [--oh-scroll-fade-from:var(--oh-surface)]`,children:(0,s.jsx)(`div`,{className:`prose prose-sm prose-invert max-w-none p-6 [--tw-prose-body:#fff] [--tw-prose-bold:#fff] [--tw-prose-headings:#fff] [--tw-prose-lead:#fff] [--tw-prose-counters:#fff] [--tw-prose-quotes:#fff] [--tw-prose-quote-borders:var(--oh-border-subtle)] [--tw-prose-bullets:var(--oh-muted)] [--tw-prose-hr:var(--oh-border-subtle)] [--tw-prose-captions:var(--oh-muted)] [--tw-prose-kbd:#fff]`,children:(0,s.jsx)(n.MarkdownRenderer,{content:_??``,includeStandard:!0,includeHeadings:!0})})}):g===`text`&&_!==null?(0,s.jsx)(o.HighlightedSourceView,{path:l,text:_,mimeType:y??void 0}):(0,s.jsx)(d,{path:l})}exports.FileContentViewer=f;
 //# sourceMappingURL=file-content-viewer.cjs.map

package/dist/components/features/files-tab/file-content-viewer.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 { MarkdownRenderer as n } from "../markdown/markdown-renderer.js";
-import { isMarkdownFilePath as r } from "../../../utils/is-markdown-file-path.js";
-import { useWorkspaceMutationCounter as i, withWorkspaceCacheBuster as a } from "../../../stores/use-workspace-mutation-counter.js";
+import { useWorkspaceMutationCounter as r, withWorkspaceCacheBuster as i } from "../../../stores/use-workspace-mutation-counter.js";
+import { isMarkdownFilePath as a } from "../../../utils/is-markdown-file-path.js";
 import { useWorkspaceFileContent as o } from "../../../hooks/query/use-workspace-file-content.js";
 import { HighlightedSourceView as s } from "./highlighted-source-view.js";
 import { jsx as c } from "react/jsx-runtime";
@@ -32,7 +32,7 @@ function f({ path: n }) {
 	});
 }
 function p({ path: u, viewMode: p }) {
-	let { t: m } = e("openhands"), h = o(u), g = i((e) => e.count);
+	let { t: m } = e("openhands"), h = o(u), g = r((e) => e.count);
 	if (h.isLoading) return /* @__PURE__ */ c("div", {
 		className: "flex h-full w-full items-center justify-center text-sm text-[var(--oh-muted)]",
 		children: m(t.FILES$LOADING_FILES)
@@ -42,7 +42,7 @@ function p({ path: u, viewMode: p }) {
 		"data-testid": "file-content-viewer-error",
 		children: h.error?.message ?? m(t.FILES$LOAD_ERROR)
 	});
-	let { kind: _, text: v, staticUrl: y, mimeType: b } = h.data, x = a(y, g);
+	let { kind: _, text: v, staticUrl: y, mimeType: b } = h.data, x = i(y, g);
 	return p === "plain" ? _ === "text" && v !== null ? /* @__PURE__ */ c(s, {
 		path: u,
 		text: v,
@@ -66,7 +66,7 @@ function p({ path: u, viewMode: p }) {
 		sandbox: "allow-same-origin",
 		"data-testid": "file-content-viewer-iframe",
 		className: "h-full w-full bg-white"
-	}) : _ === "text" && r(u) ? /* @__PURE__ */ c("div", {
+	}) : _ === "text" && a(u) ? /* @__PURE__ */ c("div", {
 		"data-testid": "file-content-viewer-markdown",
 		className: "h-full w-full overflow-auto bg-[var(--oh-surface)] text-white custom-scrollbar-always [--oh-scroll-fade-from:var(--oh-surface)]",
 		children: /* @__PURE__ */ c("div", {

package/dist/components/features/home/featured-automations/home-automation-run-tooltip.cjs CHANGED Viewed

@@ -1,2 +1,2 @@
-require("../../../../_virtual/_rolldown/runtime.cjs");const e=require("../../../../node_modules/react-i18next/dist/es/useTranslation.cjs"),t=require("../../../../i18n/declaration.cjs"),n=require("../../../../node_modules/lucide-react/dist/esm/icons/zap.cjs"),r=require("../../../../types/automation.cjs"),i=require("../../../../utils/format-relative-time.cjs"),a=require("../../../../icons/clock.cjs"),o=require("./automation-run-health.cjs"),s=require("./automation-health-indicator.cjs");let c=require("react/jsx-runtime");function l(e){return e.isError?t.I18nKey.FEATURED_AUTOMATIONS$STATUS_UNAVAILABLE:o.getRunHealthLabelKey(o.deriveRunHealth(e))}function u({label:e,children:t}){return(0,c.jsxs)(`div`,{className:`flex items-start gap-2 text-xs`,children:[(0,c.jsx)(`span`,{className:`w-20 shrink-0 text-[var(--oh-muted)]`,children:e}),(0,c.jsx)(`span`,{className:`min-w-0 flex-1 break-words text-[var(--oh-foreground)]`,children:t})]})}function d({automation:d,runState:f}){let{t:p,i18n:m}=e.useTranslation(`openhands`),{latestRun:h}=f,g=h?o.getLastRunTimestamp(h):null,_=d.trigger.type===`event`?n.Zap:a.default,v=o.deriveRunHealth(f);return(0,c.jsxs)(`div`,{className:`flex w-[280px] flex-col gap-3 p-3`,children:[(0,c.jsx)(`span`,{className:`break-words text-sm font-medium text-white`,children:d.name}),(0,c.jsxs)(`dl`,{className:`flex flex-col gap-1.5`,children:[(0,c.jsx)(u,{label:p(t.I18nKey.AUTOMATIONS$DETAIL$TRIGGER),children:(0,c.jsxs)(`span`,{className:`inline-flex min-w-0 items-start gap-1.5`,children:[(0,c.jsx)(_,{className:`mt-0.5 size-3 shrink-0`,"aria-hidden":`true`}),(0,c.jsx)(`span`,{className:`break-all`,children:o.getTriggerSummary(d)})]})}),(0,c.jsx)(u,{label:p(t.I18nKey.COMMON$STATUS),children:(0,c.jsxs)(`span`,{className:`inline-flex min-w-0 items-center gap-1.5`,children:[(0,c.jsx)(s.AutomationHealthIndicator,{health:v}),(0,c.jsx)(`span`,{children:p(l(f))})]})}),g?(0,c.jsx)(u,{label:p(t.I18nKey.AUTOMATIONS$DETAIL$LAST_RUN),children:i.formatRelativeTime(g,m.language,p)}):null,h?.status===r.AutomationRunStatus.FAILED&&h.error_detail?(0,c.jsx)(u,{label:p(t.I18nKey.STATUS$ERROR),children:(0,c.jsx)(`span`,{className:`line-clamp-3 text-[var(--oh-status-error)]`,children:h.error_detail})}):null]})]})}exports.HomeAutomationRunTooltip=d,exports.getRunStatusLabelKey=l;
+require("../../../../_virtual/_rolldown/runtime.cjs");const e=require("../../../../node_modules/react-i18next/dist/es/useTranslation.cjs"),t=require("../../../../i18n/declaration.cjs"),n=require("../../../../node_modules/lucide-react/dist/esm/icons/zap.cjs"),r=require("../../../../types/automation.cjs"),i=require("../../../../utils/format-relative-time.cjs"),a=require("../../../../icons/clock.cjs"),o=require("./automation-run-health.cjs"),s=require("../../automations/detail/run-phase.cjs"),c=require("./automation-health-indicator.cjs");let l=require("react/jsx-runtime");function u(e){return e.isError?t.I18nKey.FEATURED_AUTOMATIONS$STATUS_UNAVAILABLE:o.getRunHealthLabelKey(o.deriveRunHealth(e))}function d({label:e,children:t}){return(0,l.jsxs)(`div`,{className:`flex items-start gap-2 text-xs`,children:[(0,l.jsx)(`span`,{className:`w-20 shrink-0 text-[var(--oh-muted)]`,children:e}),(0,l.jsx)(`span`,{className:`min-w-0 flex-1 break-words text-[var(--oh-foreground)]`,children:t})]})}function f({run:n}){let{t:r}=e.useTranslation(`openhands`),i=s.useRunPhase({status:n?.status,code:n?.phase_code,label:n?.phase_label,updatedAt:n?.phase_updated_at});if(!n||!s.shouldShowRunPhase(n.status)||!i)return null;let{text:a,age:o}=i;return(0,l.jsx)(d,{label:r(t.I18nKey.AUTOMATIONS$DETAIL$PHASE),children:(0,l.jsxs)(`span`,{"data-testid":`run-phase-row`,children:[a,o?(0,l.jsxs)(`span`,{className:`text-muted`,children:[` · `,o]}):null]})})}function p({automation:s,runState:p}){let{t:m,i18n:h}=e.useTranslation(`openhands`),{latestRun:g}=p,_=g?o.getLastRunTimestamp(g):null,v=s.trigger.type===`event`?n.Zap:a.default,y=o.deriveRunHealth(p);return(0,l.jsxs)(`div`,{className:`flex w-[280px] flex-col gap-3 p-3`,children:[(0,l.jsx)(`span`,{className:`break-words text-sm font-medium text-white`,children:s.name}),(0,l.jsxs)(`dl`,{className:`flex flex-col gap-1.5`,children:[(0,l.jsx)(d,{label:m(t.I18nKey.AUTOMATIONS$DETAIL$TRIGGER),children:(0,l.jsxs)(`span`,{className:`inline-flex min-w-0 items-start gap-1.5`,children:[(0,l.jsx)(v,{className:`mt-0.5 size-3 shrink-0`,"aria-hidden":`true`}),(0,l.jsx)(`span`,{className:`break-all`,children:o.getTriggerSummary(s)})]})}),(0,l.jsx)(d,{label:m(t.I18nKey.COMMON$STATUS),children:(0,l.jsxs)(`span`,{className:`inline-flex min-w-0 items-center gap-1.5`,children:[(0,l.jsx)(c.AutomationHealthIndicator,{health:y}),(0,l.jsx)(`span`,{children:m(u(p))})]})}),(0,l.jsx)(f,{run:g}),_?(0,l.jsx)(d,{label:m(t.I18nKey.AUTOMATIONS$DETAIL$LAST_RUN),children:i.formatRelativeTime(_,h.language,m)}):null,g?.status===r.AutomationRunStatus.FAILED&&g.error_detail?(0,l.jsx)(d,{label:m(t.I18nKey.STATUS$ERROR),children:(0,l.jsx)(`span`,{className:`line-clamp-3 text-[var(--oh-status-error)]`,children:g.error_detail})}):null]})]})}exports.HomeAutomationRunTooltip=p,exports.getRunStatusLabelKey=u;
 //# sourceMappingURL=home-automation-run-tooltip.cjs.map

package/dist/components/features/home/featured-automations/home-automation-run-tooltip.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"home-automation-run-tooltip.cjs","names":[],"sources":["../../../../../src/components/features/home/featured-automations/home-automation-run-tooltip.tsx"],"sourcesContent":["import type { ReactNode } from \"react\";\nimport { Zap } from \"lucide-react\";\nimport { useTranslation } from \"react-i18next\";\nimport type { LatestAutomationRunState } from \"#/hooks/query/use-latest-automation-runs\";\nimport { I18nKey } from \"#/i18n/declaration\";\nimport ClockIcon from \"#/icons/clock.svg?react\";\nimport { AutomationRunStatus, type Automation } from \"#/types/automation\";\nimport { formatRelativeTime } from \"#/utils/format-relative-time\";\nimport { AutomationHealthIndicator } from \"./automation-health-indicator\";\nimport {\n deriveRunHealth,\n getLastRunTimestamp,\n getRunHealthLabelKey,\n getTriggerSummary,\n} from \"./automation-run-health\";\n\nexport function getRunStatusLabelKey(\n runState: LatestAutomationRunState,\n): I18nKey {\n if (runState.isError) return I18nKey.FEATURED_AUTOMATIONS$STATUS_UNAVAILABLE;\n return getRunHealthLabelKey(deriveRunHealth(runState));\n}\n\nfunction PreviewRow({\n label,\n children,\n}: {\n label: string;\n children: ReactNode;\n}) {\n return (\n <div className=\"flex items-start gap-2 text-xs\">\n <span className=\"w-20 shrink-0 text-[var(--oh-muted)]\">{label}</span>\n <span className=\"min-w-0 flex-1 break-words text-[var(--oh-foreground)]\">\n {children}\n </span>\n </div>\n );\n}\n\n/*\n Left-nav-style hovercard body for an automation's latest-run health.\n * Matches `ConversationCardPreview` layout: title + label/value rows.\n */\nexport function HomeAutomationRunTooltip({\n automation,\n runState,\n}: {\n automation: Automation;\n runState: LatestAutomationRunState;\n}) {\n const { t, i18n } = useTranslation(\"openhands\");\n const { latestRun } = runState;\n const timestamp = latestRun ? getLastRunTimestamp(latestRun) : null;\n const TriggerIcon = automation.trigger.type === \"event\" ? Zap : ClockIcon;\n const health = deriveRunHealth(runState);\n\n return (\n <div className=\"flex w-[280px] flex-col gap-3 p-3\">\n <span className=\"break-words text-sm font-medium text-white\">\n {automation.name}\n </span>\n\n <dl className=\"flex flex-col gap-1.5\">\n <PreviewRow label={t(I18nKey.AUTOMATIONS$DETAIL$TRIGGER)}>\n <span className=\"inline-flex min-w-0 items-start gap-1.5\">\n <TriggerIcon\n className=\"mt-0.5 size-3 shrink-0\"\n aria-hidden=\"true\"\n />\n <span className=\"break-all\">{getTriggerSummary(automation)}</span>\n </span>\n </PreviewRow>\n\n <PreviewRow label={t(I18nKey.COMMON$STATUS)}>\n <span className=\"inline-flex min-w-0 items-center gap-1.5\">\n <AutomationHealthIndicator health={health} />\n <span>{t(getRunStatusLabelKey(runState))}</span>\n </span>\n </PreviewRow>\n\n {timestamp ? (\n <PreviewRow label={t(I18nKey.AUTOMATIONS$DETAIL$LAST_RUN)}>\n {formatRelativeTime(timestamp, i18n.language, t)}\n </PreviewRow>\n ) : null}\n\n {latestRun?.status === AutomationRunStatus.FAILED &&\n latestRun.error_detail ? (\n <PreviewRow label={t(I18nKey.STATUS$ERROR)}>\n <span className=\"line-clamp-3 text-[var(--oh-status-error)]\">\n {latestRun.error_detail}\n </span>\n </PreviewRow>\n ) : null}\n </dl>\n </div>\n );\n}\n"],"mappings":"~~6gBAgBA~~,SAAgB,EACd,EACS,CAET,OADI,EAAS,QAAgB,EAAA,QAAQ,wCAC9B,EAAA,qBAAqB,EAAA,gBAAgB,CAAQ,CAAC,CACvD,CAEA,SAAS,EAAW,CAClB,QACA,YAIC,CACD,OACE,EAAA,EAAA,MAAC,MAAD,CAAK,UAAU,0CAAf,EACE,EAAA,EAAA,KAAC,OAAD,CAAM,UAAU,gDAAwC,CAAY,CAAA,GACpE,EAAA,EAAA,KAAC,OAAD,CAAM,UAAU,yDACb,UACG,CAAA,CACH,GAET,CAMA,SAAgB,EAAyB,CACvC,aACA,YAIC,CACD,GAAM,CAAE,IAAG,QAAS,EAAA,eAAe,WAAW,EACxC,CAAE,aAAc,EAChB,EAAY,EAAY,EAAA,oBAAoB,CAAS,EAAI,KACzD,EAAc,EAAW,QAAQ,OAAS,QAAU,EAAA,IAAM,EAAA,QAC1D,EAAS,EAAA,gBAAgB,CAAQ,EAEvC,OACE,EAAA,EAAA,MAAC,MAAD,CAAK,UAAU,6CAAf,EACE,EAAA,EAAA,KAAC,OAAD,CAAM,UAAU,sDACb,EAAW,IACR,CAAA,GAEN,EAAA,EAAA,MAAC,KAAD,CAAI,UAAU,iCAAd,EACE,EAAA,EAAA,KAAC,EAAD,CAAY,MAAO,EAAE,EAAA,QAAQ,0BAA0B,YACrD,EAAA,EAAA,MAAC,OAAD,CAAM,UAAU,mDAAhB,EACE,EAAA,EAAA,KAAC,EAAD,CACE,UAAU,yBACV,cAAY,MACb,CAAA,GACD,EAAA,EAAA,KAAC,OAAD,CAAM,UAAU,qBAAa,EAAA,kBAAkB,CAAU,CAAQ,CAAA,CAC7D,GACI,CAAA,GAEZ,EAAA,EAAA,KAAC,EAAD,CAAY,MAAO,EAAE,EAAA,QAAQ,aAAa,YACxC,EAAA,EAAA,MAAC,OAAD,CAAM,UAAU,oDAAhB,EACE,EAAA,EAAA,KAAC,EAAA,0BAAD,CAAmC,QAAS,CAAA,GAC5C,EAAA,EAAA,KAAC,OAAD,CAAA,SAAO,EAAE,EAAqB,CAAQ,CAAC,CAAQ,CAAA,CAC3C,GACI,CAAA,~~EAEX~~,GACC,EAAA,EAAA,KAAC,EAAD,CAAY,MAAO,EAAE,EAAA,QAAQ,2BAA2B,WACrD,EAAA,mBAAmB,EAAW,EAAK,SAAU,CAAC,CACrC,CAAA,EACV,KAEH,GAAW,SAAW,EAAA,oBAAoB,QAC3C,EAAU,cACR,EAAA,EAAA,KAAC,EAAD,CAAY,MAAO,EAAE,EAAA,QAAQ,YAAY,YACvC,EAAA,EAAA,KAAC,OAAD,CAAM,UAAU,sDACb,EAAU,YACP,CAAA,CACI,CAAA,EACV,IACF,GACD,GAET"}
1	+ {"version":3,"file":"home-automation-run-tooltip.cjs","names":[],"sources":["../../../../../src/components/features/home/featured-automations/home-automation-run-tooltip.tsx"],"sourcesContent":["import type { ReactNode } from \"react\";\nimport { Zap } from \"lucide-react\";\nimport { useTranslation } from \"react-i18next\";\nimport type { LatestAutomationRunState } from \"#/hooks/query/use-latest-automation-runs\";\nimport { I18nKey } from \"#/i18n/declaration\";\nimport ClockIcon from \"#/icons/clock.svg?react\";\nimport {\n shouldShowRunPhase,\n useRunPhase,\n} from \"#/components/features/automations/detail/run-phase\";\nimport {\n AutomationRunStatus,\n type Automation,\n type AutomationRun,\n} from \"#/types/automation\";\nimport { formatRelativeTime } from \"#/utils/format-relative-time\";\nimport { AutomationHealthIndicator } from \"./automation-health-indicator\";\nimport {\n deriveRunHealth,\n getLastRunTimestamp,\n getRunHealthLabelKey,\n getTriggerSummary,\n} from \"./automation-run-health\";\n\nexport function getRunStatusLabelKey(\n runState: LatestAutomationRunState,\n): I18nKey {\n if (runState.isError) return I18nKey.FEATURED_AUTOMATIONS$STATUS_UNAVAILABLE;\n return getRunHealthLabelKey(deriveRunHealth(runState));\n}\n\nfunction PreviewRow({\n label,\n children,\n}: {\n label: string;\n children: ReactNode;\n}) {\n return (\n <div className=\"flex items-start gap-2 text-xs\">\n <span className=\"w-20 shrink-0 text-[var(--oh-muted)]\">{label}</span>\n <span className=\"min-w-0 flex-1 break-words text-[var(--oh-foreground)]\">\n {children}\n </span>\n </div>\n );\n}\n\n/*\n The run's phase and how long it has held it. The row that opens this\n * hovercard has to clip a long phase; here there is room to wrap, so this is\n * where the whole thing is readable — and the age is what says whether the\n * run is moving through phases or sitting in one. Only the layout differs\n * from the row's: what the phase says, and whether its age is meaningful,\n * comes from the same hook the row uses.\n /\nfunction PhaseRow({ run }: { run: AutomationRun \| null }) {\n const { t } = useTranslation(\"openhands\");\n const phase = useRunPhase({\n status: run?.status,\n code: run?.phase_code,\n label: run?.phase_label,\n updatedAt: run?.phase_updated_at,\n });\n\n if (!run \|\| !shouldShowRunPhase(run.status) \|\| !phase) return null;\n\n const { text, age } = phase;\n\n return (\n <PreviewRow label={t(I18nKey.AUTOMATIONS$DETAIL$PHASE)}>\n <span data-testid=\"run-phase-row\">\n {text}\n {age ? <span className=\"text-muted\"> · {age}</span> : null}\n </span>\n </PreviewRow>\n );\n}\n\n/\n Left-nav-style hovercard body for an automation's latest-run health.\n * Matches `ConversationCardPreview` layout: title + label/value rows.\n */\nexport function HomeAutomationRunTooltip({\n automation,\n runState,\n}: {\n automation: Automation;\n runState: LatestAutomationRunState;\n}) {\n const { t, i18n } = useTranslation(\"openhands\");\n const { latestRun } = runState;\n const timestamp = latestRun ? getLastRunTimestamp(latestRun) : null;\n const TriggerIcon = automation.trigger.type === \"event\" ? Zap : ClockIcon;\n const health = deriveRunHealth(runState);\n\n return (\n <div className=\"flex w-[280px] flex-col gap-3 p-3\">\n <span className=\"break-words text-sm font-medium text-white\">\n {automation.name}\n </span>\n\n <dl className=\"flex flex-col gap-1.5\">\n <PreviewRow label={t(I18nKey.AUTOMATIONS$DETAIL$TRIGGER)}>\n <span className=\"inline-flex min-w-0 items-start gap-1.5\">\n <TriggerIcon\n className=\"mt-0.5 size-3 shrink-0\"\n aria-hidden=\"true\"\n />\n <span className=\"break-all\">{getTriggerSummary(automation)}</span>\n </span>\n </PreviewRow>\n\n <PreviewRow label={t(I18nKey.COMMON$STATUS)}>\n <span className=\"inline-flex min-w-0 items-center gap-1.5\">\n <AutomationHealthIndicator health={health} />\n <span>{t(getRunStatusLabelKey(runState))}</span>\n </span>\n </PreviewRow>\n\n <PhaseRow run={latestRun} />\n\n {timestamp ? (\n <PreviewRow label={t(I18nKey.AUTOMATIONS$DETAIL$LAST_RUN)}>\n {formatRelativeTime(timestamp, i18n.language, t)}\n </PreviewRow>\n ) : null}\n\n {latestRun?.status === AutomationRunStatus.FAILED &&\n latestRun.error_detail ? (\n <PreviewRow label={t(I18nKey.STATUS$ERROR)}>\n <span className=\"line-clamp-3 text-[var(--oh-status-error)]\">\n {latestRun.error_detail}\n </span>\n </PreviewRow>\n ) : null}\n </dl>\n </div>\n );\n}\n"],"mappings":"ikBAwBA,SAAgB,EACd,EACS,CAET,OADI,EAAS,QAAgB,EAAA,QAAQ,wCAC9B,EAAA,qBAAqB,EAAA,gBAAgB,CAAQ,CAAC,CACvD,CAEA,SAAS,EAAW,CAClB,QACA,YAIC,CACD,OACE,EAAA,EAAA,MAAC,MAAD,CAAK,UAAU,0CAAf,EACE,EAAA,EAAA,KAAC,OAAD,CAAM,UAAU,gDAAwC,CAAY,CAAA,GACpE,EAAA,EAAA,KAAC,OAAD,CAAM,UAAU,yDACb,UACG,CAAA,CACH,GAET,CAUA,SAAS,EAAS,CAAE,OAAsC,CACxD,GAAM,CAAE,KAAM,EAAA,eAAe,WAAW,EAClC,EAAQ,EAAA,YAAY,CACxB,OAAQ,GAAK,OACb,KAAM,GAAK,WACX,MAAO,GAAK,YACZ,UAAW,GAAK,gBAClB,CAAC,EAED,GAAI,CAAC,GAAO,CAAC,EAAA,mBAAmB,EAAI,MAAM,GAAK,CAAC,EAAO,OAAO,KAE9D,GAAM,CAAE,OAAM,OAAQ,EAEtB,OACE,EAAA,EAAA,KAAC,EAAD,CAAY,MAAO,EAAE,EAAA,QAAQ,wBAAwB,YACnD,EAAA,EAAA,MAAC,OAAD,CAAM,cAAY,yBAAlB,CACG,EACA,GAAM,EAAA,EAAA,MAAC,OAAD,CAAM,UAAU,sBAAhB,CAA6B,MAAI,CAAU,IAAI,IAClD,GACI,CAAA,CAEhB,CAMA,SAAgB,EAAyB,CACvC,aACA,YAIC,CACD,GAAM,CAAE,IAAG,QAAS,EAAA,eAAe,WAAW,EACxC,CAAE,aAAc,EAChB,EAAY,EAAY,EAAA,oBAAoB,CAAS,EAAI,KACzD,EAAc,EAAW,QAAQ,OAAS,QAAU,EAAA,IAAM,EAAA,QAC1D,EAAS,EAAA,gBAAgB,CAAQ,EAEvC,OACE,EAAA,EAAA,MAAC,MAAD,CAAK,UAAU,6CAAf,EACE,EAAA,EAAA,KAAC,OAAD,CAAM,UAAU,sDACb,EAAW,IACR,CAAA,GAEN,EAAA,EAAA,MAAC,KAAD,CAAI,UAAU,iCAAd,EACE,EAAA,EAAA,KAAC,EAAD,CAAY,MAAO,EAAE,EAAA,QAAQ,0BAA0B,YACrD,EAAA,EAAA,MAAC,OAAD,CAAM,UAAU,mDAAhB,EACE,EAAA,EAAA,KAAC,EAAD,CACE,UAAU,yBACV,cAAY,MACb,CAAA,GACD,EAAA,EAAA,KAAC,OAAD,CAAM,UAAU,qBAAa,EAAA,kBAAkB,CAAU,CAAQ,CAAA,CAC7D,GACI,CAAA,GAEZ,EAAA,EAAA,KAAC,EAAD,CAAY,MAAO,EAAE,EAAA,QAAQ,aAAa,YACxC,EAAA,EAAA,MAAC,OAAD,CAAM,UAAU,oDAAhB,EACE,EAAA,EAAA,KAAC,EAAA,0BAAD,CAAmC,QAAS,CAAA,GAC5C,EAAA,EAAA,KAAC,OAAD,CAAA,SAAO,EAAE,EAAqB,CAAQ,CAAC,CAAQ,CAAA,CAC3C,GACI,CAAA,GAEZ,EAAA,EAAA,KAAC,EAAD,CAAU,IAAK,CAAY,CAAA,EAE1B,GACC,EAAA,EAAA,KAAC,EAAD,CAAY,MAAO,EAAE,EAAA,QAAQ,2BAA2B,WACrD,EAAA,mBAAmB,EAAW,EAAK,SAAU,CAAC,CACrC,CAAA,EACV,KAEH,GAAW,SAAW,EAAA,oBAAoB,QAC3C,EAAU,cACR,EAAA,EAAA,KAAC,EAAD,CAAY,MAAO,EAAE,EAAA,QAAQ,YAAY,YACvC,EAAA,EAAA,KAAC,OAAD,CAAM,UAAU,sDACb,EAAU,YACP,CAAA,CACI,CAAA,EACV,IACF,GACD,GAET"}

package/dist/components/features/home/featured-automations/home-automation-run-tooltip.js CHANGED Viewed

@@ -5,63 +5,85 @@ import { AutomationRunStatus as r } from "../../../../types/automation.js";
 import { formatRelativeTime as i } from "../../../../utils/format-relative-time.js";
 import a from "../../../../icons/clock.js";
 import { deriveRunHealth as o, getLastRunTimestamp as s, getRunHealthLabelKey as c, getTriggerSummary as l } from "./automation-run-health.js";
-import { AutomationHealthIndicator as u } from "./automation-health-indicator.js";
-import { jsx as d, jsxs as f } from "react/jsx-runtime";
+import { shouldShowRunPhase as u, useRunPhase as d } from "../../automations/detail/run-phase.js";
+import { AutomationHealthIndicator as f } from "./automation-health-indicator.js";
+import { jsx as p, jsxs as m } from "react/jsx-runtime";
 //#region src/components/features/home/featured-automations/home-automation-run-tooltip.tsx
-function p(e) {
+function h(e) {
 	return e.isError ? t.FEATURED_AUTOMATIONS$STATUS_UNAVAILABLE : c(o(e));
 }
-function m({ label: e, children: t }) {
-	return /* @__PURE__ */ f("div", {
+function g({ label: e, children: t }) {
+	return /* @__PURE__ */ m("div", {
 		className: "flex items-start gap-2 text-xs",
-		children: [/* @__PURE__ */ d("span", {
+		children: [/* @__PURE__ */ p("span", {
 			className: "w-20 shrink-0 text-[var(--oh-muted)]",
 			children: e
-		}), /* @__PURE__ */ d("span", {
+		}), /* @__PURE__ */ p("span", {
 			className: "min-w-0 flex-1 break-words text-[var(--oh-foreground)]",
 			children: t
 		})]
 	});
 }
-function h({ automation: c, runState: h }) {
-	let { t: g, i18n: _ } = e("openhands"), { latestRun: v } = h, y = v ? s(v) : null, b = c.trigger.type === "event" ? n : a, x = o(h);
-	return /* @__PURE__ */ f("div", {
+function _({ run: n }) {
+	let { t: r } = e("openhands"), i = d({
+		status: n?.status,
+		code: n?.phase_code,
+		label: n?.phase_label,
+		updatedAt: n?.phase_updated_at
+	});
+	if (!n || !u(n.status) || !i) return null;
+	let { text: a, age: o } = i;
+	return /* @__PURE__ */ p(g, {
+		label: r(t.AUTOMATIONS$DETAIL$PHASE),
+		children: /* @__PURE__ */ m("span", {
+			"data-testid": "run-phase-row",
+			children: [a, o ? /* @__PURE__ */ m("span", {
+				className: "text-muted",
+				children: [" · ", o]
+			}) : null]
+		})
+	});
+}
+function v({ automation: c, runState: u }) {
+	let { t: d, i18n: v } = e("openhands"), { latestRun: y } = u, b = y ? s(y) : null, x = c.trigger.type === "event" ? n : a, S = o(u);
+	return /* @__PURE__ */ m("div", {
 		className: "flex w-[280px] flex-col gap-3 p-3",
-		children: [/* @__PURE__ */ d("span", {
+		children: [/* @__PURE__ */ p("span", {
 			className: "break-words text-sm font-medium text-white",
 			children: c.name
-		}), /* @__PURE__ */ f("dl", {
+		}), /* @__PURE__ */ m("dl", {
 			className: "flex flex-col gap-1.5",
 			children: [
-				/* @__PURE__ */ d(m, {
-					label: g(t.AUTOMATIONS$DETAIL$TRIGGER),
-					children: /* @__PURE__ */ f("span", {
+				/* @__PURE__ */ p(g, {
+					label: d(t.AUTOMATIONS$DETAIL$TRIGGER),
+					children: /* @__PURE__ */ m("span", {
 						className: "inline-flex min-w-0 items-start gap-1.5",
-						children: [/* @__PURE__ */ d(b, {
+						children: [/* @__PURE__ */ p(x, {
 							className: "mt-0.5 size-3 shrink-0",
 							"aria-hidden": "true"
-						}), /* @__PURE__ */ d("span", {
+						}), /* @__PURE__ */ p("span", {
 							className: "break-all",
 							children: l(c)
 						})]
 					})
 				}),
-				/* @__PURE__ */ d(m, {
-					label: g(t.COMMON$STATUS),
-					children: /* @__PURE__ */ f("span", {
+				/* @__PURE__ */ p(g, {
+					label: d(t.COMMON$STATUS),
+					children: /* @__PURE__ */ m("span", {
 						className: "inline-flex min-w-0 items-center gap-1.5",
-						children: [/* @__PURE__ */ d(u, { health: x }), /* @__PURE__ */ d("span", { children: g(p(h)) })]
+						children: [/* @__PURE__ */ p(f, { health: S }), /* @__PURE__ */ p("span", { children: d(h(u)) })]
 					})
 				}),
-				y ? /* @__PURE__ */ d(m, {
-					label: g(t.AUTOMATIONS$DETAIL$LAST_RUN),
-					children: i(y, _.language, g)
+				/* @__PURE__ */ p(_, { run: y }),
+				b ? /* @__PURE__ */ p(g, {
+					label: d(t.AUTOMATIONS$DETAIL$LAST_RUN),
+					children: i(b, v.language, d)
 				}) : null,
-				v?.status === r.FAILED && v.error_detail ? /* @__PURE__ */ d(m, {
-					label: g(t.STATUS$ERROR),
-					children: /* @__PURE__ */ d("span", {
+				y?.status === r.FAILED && y.error_detail ? /* @__PURE__ */ p(g, {
+					label: d(t.STATUS$ERROR),
+					children: /* @__PURE__ */ p("span", {
 						className: "line-clamp-3 text-[var(--oh-status-error)]",
-						children: v.error_detail
+						children: y.error_detail
 					})
 				}) : null
 			]
@@ -69,6 +91,6 @@ function h({ automation: c, runState: h }) {
 	});
 }
 //#endregion
-export { h as HomeAutomationRunTooltip, p as getRunStatusLabelKey };
+export { v as HomeAutomationRunTooltip, h as getRunStatusLabelKey };
 //# sourceMappingURL=home-automation-run-tooltip.js.map