npm - @openhands/agent-canvas - Versions diffs - 1.0.0-beta.6 → 1.0.0-beta.8 - Mend

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

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 (802) hide show

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

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

package/dist/components/features/conversation-panel/new-conversation-dropdown-styles.cjs CHANGED Viewed

@@ -1,2 +1,2 @@
-require(`../../../_virtual/_rolldown/runtime.cjs`);var e=require(`../../../utils/utils.cjs`).cn(`z-50 flex flex-col rounded-md border border-[var(--oh-border-subtle)] bg-tertiary px-1 py-1 text-white shadow-lg`);exports.NEW_CONVERSATION_DROPDOWN_SURFACE=e;
+require(`../../../_virtual/_rolldown/runtime.cjs`);const e=require(`../../../utils/utils.cjs`),t=require(`../../../utils/dropdown-classes.cjs`);var n=e.cn(`z-50 flex flex-col rounded-md border border-[var(--oh-border-subtle)] bg-tertiary px-1 py-1 text-white shadow-lg`,t.dropdownMenuListGapClassName);exports.NEW_CONVERSATION_DROPDOWN_SURFACE=n;
 //# sourceMappingURL=new-conversation-dropdown-styles.cjs.map

package/dist/components/features/conversation-panel/new-conversation-dropdown-styles.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"new-conversation-dropdown-styles.cjs","names":[],"sources":["../../../../src/components/features/conversation-panel/new-conversation-dropdown-styles.ts"],"sourcesContent":["import { cn } from \"#/utils/utils\";\n\n/** Match conversation panel filter and other sidebar menus */\nexport const NEW_CONVERSATION_DROPDOWN_SURFACE = cn(\n \"z-50 flex flex-col rounded-md border border-[var(--oh-border-subtle)] bg-tertiary px-1 py-1 text-white shadow-lg\",\n);\n"],"mappings":"~~mDAGA~~,IAAa,~~qCAAoC~~,~~CAAA~~,GAC/C,~~mHACD~~"}
1	+ {"version":3,"file":"new-conversation-dropdown-styles.cjs","names":[],"sources":["../../../../src/components/features/conversation-panel/new-conversation-dropdown-styles.ts"],"sourcesContent":["import { cn } from \"#/utils/utils\";\nimport { dropdownMenuListGapClassName } from \"#/utils/dropdown-classes\";\n\n/** Match conversation panel filter and other sidebar menus */\nexport const NEW_CONVERSATION_DROPDOWN_SURFACE = cn(\n \"z-50 flex flex-col rounded-md border border-[var(--oh-border-subtle)] bg-tertiary px-1 py-1 text-white shadow-lg\",\n dropdownMenuListGapClassName,\n);\n"],"mappings":"gJAIA,IAAa,EAAoC,EAAA,GAC/C,mHACA,EAAA,6BACD"}

package/dist/components/features/conversation-panel/new-conversation-dropdown-styles.js CHANGED Viewed

@@ -1,7 +1,8 @@
 import { cn as e } from "../../../utils/utils.js";
+import { dropdownMenuListGapClassName as t } from "../../../utils/dropdown-classes.js";
 //#region src/components/features/conversation-panel/new-conversation-dropdown-styles.ts
-var t = e("z-50 flex flex-col rounded-md border border-[var(--oh-border-subtle)] bg-tertiary px-1 py-1 text-white shadow-lg");
+var n = e("z-50 flex flex-col rounded-md border border-[var(--oh-border-subtle)] bg-tertiary px-1 py-1 text-white shadow-lg", t);
 //#endregion
-export { t as NEW_CONVERSATION_DROPDOWN_SURFACE };
+export { n as NEW_CONVERSATION_DROPDOWN_SURFACE };
 //# sourceMappingURL=new-conversation-dropdown-styles.js.map

package/dist/components/features/conversation-panel/new-conversation-dropdown-styles.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"new-conversation-dropdown-styles.js","names":[],"sources":["../../../../src/components/features/conversation-panel/new-conversation-dropdown-styles.ts"],"sourcesContent":["import { cn } from \"#/utils/utils\";\n\n/** Match conversation panel filter and other sidebar menus */\nexport const NEW_CONVERSATION_DROPDOWN_SURFACE = cn(\n \"z-50 flex flex-col rounded-md border border-[var(--oh-border-subtle)] bg-tertiary px-1 py-1 text-white shadow-lg\",\n);\n"],"mappings":"~~;;AAGA~~,IAAa,IAAoC,EAC/C,~~mHACD~~"}
1	+ {"version":3,"file":"new-conversation-dropdown-styles.js","names":[],"sources":["../../../../src/components/features/conversation-panel/new-conversation-dropdown-styles.ts"],"sourcesContent":["import { cn } from \"#/utils/utils\";\nimport { dropdownMenuListGapClassName } from \"#/utils/dropdown-classes\";\n\n/** Match conversation panel filter and other sidebar menus */\nexport const NEW_CONVERSATION_DROPDOWN_SURFACE = cn(\n \"z-50 flex flex-col rounded-md border border-[var(--oh-border-subtle)] bg-tertiary px-1 py-1 text-white shadow-lg\",\n dropdownMenuListGapClassName,\n);\n"],"mappings":";;;AAIA,IAAa,IAAoC,EAC/C,oHACA,EACD"}

package/dist/components/features/conversation-panel/start-task-card/start-task-status-badge.cjs CHANGED Viewed

@@ -1,2 +1,2 @@
-require(`../../../../_virtual/_rolldown/runtime.cjs`);const e=require(`../../../../utils/utils.cjs`);let t=require(`react/jsx-runtime`);function n({taskStatus:n}){return n===`WORKING`?null:(0,t.jsx)(`span`,{className:e.cn(`text-xs font-medium px-2 py-0.5 rounded border flex-shrink-0`,(()=>{switch(n){case`READY`:return`bg-green-500/10 text-green-400 border-green-500/20`;case`ERROR`:return`bg-red-500/10 text-red-400 border-red-500/20`;default:return`bg-yellow-500/10 text-yellow-400 border-yellow-500/20`}})()),children:(e=>e.toLowerCase().replace(/_/g,` `).replace(/\b\w/g,e=>e.toUpperCase()))(n)})}exports.StartTaskStatusBadge=n;
+require(`../../../../_virtual/_rolldown/runtime.cjs`);const e=require(`../../../../node_modules/react-i18next/dist/es/useTranslation.cjs`),t=require(`../../../../utils/status.cjs`),n=require(`../../../../utils/utils.cjs`);let r=require(`react/jsx-runtime`);function i({taskStatus:i}){let{t:a}=e.useTranslation(`openhands`);return i===`WORKING`?null:(0,r.jsx)(`span`,{className:n.cn(`text-xs font-medium px-2 py-0.5 rounded border flex-shrink-0`,(()=>{switch(i){case`READY`:return`bg-green-500/10 text-green-400 border-green-500/20`;case`ERROR`:return`bg-red-500/10 text-red-400 border-red-500/20`;default:return`bg-yellow-500/10 text-yellow-400 border-yellow-500/20`}})()),children:a(t.getTaskStatusI18nKey(i))})}exports.StartTaskStatusBadge=i;
 //# sourceMappingURL=start-task-status-badge.cjs.map

package/dist/components/features/conversation-panel/start-task-card/start-task-status-badge.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"start-task-status-badge.cjs","names":[],"sources":["../../../../../src/components/features/conversation-panel/start-task-card/start-task-status-badge.tsx"],"sourcesContent":["import type { AppConversationStartTaskStatus } from \"#/api/conversation-service/agent-server-conversation-service.types\";\nimport { cn } from \"#/utils/utils\";\n\ninterface StartTaskStatusBadgeProps {\n taskStatus: AppConversationStartTaskStatus;\n}\n\nexport function StartTaskStatusBadge({\n taskStatus,\n}: StartTaskStatusBadgeProps) {\n // Don't show badge for WORKING status (most common, clutters UI)\n if (taskStatus === \"WORKING\") {\n return null;\n }\n\n // ~~Format~~ status ~~for~~ ~~display\n const~~ ~~formatStatus~~ = (status: ~~string) =>\n status\n .toLowerCase~~()\n ~~.replace(~~/~~_/g,~~ \" ~~\")\~~n ~~.replace(/\\b\\w/g,~~ (c) => ~~c.toUpperCase~~());\n\n // Get status color\n const getStatusStyle = () => {\n switch (taskStatus) {\n case \"READY\":\n return \"bg-green-500/10 text-green-400 border-green-500/20\";\n case \"ERROR\":\n return \"bg-red-500/10 text-red-400 border-red-500/20\";\n default:\n return \"bg-yellow-500/10 text-yellow-400 border-yellow-500/20\";\n }\n };\n\n return (\n <span\n className={cn(\n \"text-xs font-medium px-2 py-0.5 rounded border flex-shrink-0\",\n getStatusStyle(),\n )}\n >\n {~~formatStatus~~(~~taskStatus~~)}\n </span>\n );\n}\n"],"mappings":"~~wIAOA~~,SAAgB,EAAqB,CACnC,cAC4B,~~CAyB5B~~,~~OAvBI~~,IAAe,UACV,~~MAuBP~~,EAAA,EAAA,KAAC,OAAD,CACE,UAAW,EAAA,GACT,oEAduB,CAC3B,OAAQ,EAAR,CACE,IAAK,QACH,MAAO,qDACT,IAAK,QACH,MAAO,+CACT,QACE,MAAO,4DAQS,CACjB,~~WAvBiB~~,~~GACpB~~,~~EACG~~,~~aAAa~~,~~CACb~~,~~QAAQ,KAAM,IAAI,CAClB,QAAQ,QAAU,GAAM,EAAE,aAAa,~~CAAC,~~EAqB3B~~,~~EAAW,CACpB,~~CAAA"}
1	+ {"version":3,"file":"start-task-status-badge.cjs","names":[],"sources":["../../../../../src/components/features/conversation-panel/start-task-card/start-task-status-badge.tsx"],"sourcesContent":["import { useTranslation } from \"react-i18next\";\nimport type { AppConversationStartTaskStatus } from \"#/api/conversation-service/agent-server-conversation-service.types\";\nimport { cn } from \"#/utils/utils\";\nimport { getTaskStatusI18nKey } from \"#/utils/status\";\n\ninterface StartTaskStatusBadgeProps {\n taskStatus: AppConversationStartTaskStatus;\n}\n\nexport function StartTaskStatusBadge({\n taskStatus,\n}: StartTaskStatusBadgeProps) {\n const { t } = useTranslation(\"openhands\");\n\n // Don't show badge for WORKING status (most common, clutters UI)\n if (taskStatus === \"WORKING\") {\n return null;\n }\n\n // Localized status label — getTaskStatusI18nKey maps every status (including\n // the terminal READY/ERROR states) to its localized key.\n const getStatusLabel = () => t(getTaskStatusI18nKey(taskStatus));\n\n // Get status color\n const getStatusStyle = () => {\n switch (taskStatus) {\n case \"READY\":\n return \"bg-green-500/10 text-green-400 border-green-500/20\";\n case \"ERROR\":\n return \"bg-red-500/10 text-red-400 border-red-500/20\";\n default:\n return \"bg-yellow-500/10 text-yellow-400 border-yellow-500/20\";\n }\n };\n\n return (\n <span\n className={cn(\n \"text-xs font-medium px-2 py-0.5 rounded border flex-shrink-0\",\n getStatusStyle(),\n )}\n >\n {getStatusLabel()}\n </span>\n );\n}\n"],"mappings":"iQASA,SAAgB,EAAqB,CACnC,cAC4B,CAC5B,GAAM,CAAE,KAAM,EAAA,eAAe,YAAY,CAuBzC,OApBI,IAAe,UACV,MAoBP,EAAA,EAAA,KAAC,OAAD,CACE,UAAW,EAAA,GACT,oEAduB,CAC3B,OAAQ,EAAR,CACE,IAAK,QACH,MAAO,qDACT,IAAK,QACH,MAAO,+CACT,QACE,MAAO,4DAQS,CACjB,UAnBwB,EAAE,EAAA,qBAAqB,EAAW,CAAC,CAsBvD,CAAA"}

package/dist/components/features/conversation-panel/start-task-card/start-task-status-badge.js CHANGED Viewed

@@ -1,19 +1,22 @@
-import { cn as e } from "../../../../utils/utils.js";
-import { jsx as t } from "react/jsx-runtime";
+import { useTranslation as e } from "../../../../node_modules/react-i18next/dist/es/useTranslation.js";
+import { getTaskStatusI18nKey as t } from "../../../../utils/status.js";
+import { cn as n } from "../../../../utils/utils.js";
+import { jsx as r } from "react/jsx-runtime";
 //#region src/components/features/conversation-panel/start-task-card/start-task-status-badge.tsx
-function n({ taskStatus: n }) {
-	return n === "WORKING" ? null : /* @__PURE__ */ t("span", {
-		className: e("text-xs font-medium px-2 py-0.5 rounded border flex-shrink-0", (() => {
-			switch (n) {
+function i({ taskStatus: i }) {
+	let { t: a } = e("openhands");
+	return i === "WORKING" ? null : /* @__PURE__ */ r("span", {
+		className: n("text-xs font-medium px-2 py-0.5 rounded border flex-shrink-0", (() => {
+			switch (i) {
 				case "READY": return "bg-green-500/10 text-green-400 border-green-500/20";
 				case "ERROR": return "bg-red-500/10 text-red-400 border-red-500/20";
 				default: return "bg-yellow-500/10 text-yellow-400 border-yellow-500/20";
 			}
 		})()),
-		children: ((e) => e.toLowerCase().replace(/_/g, " ").replace(/\b\w/g, (e) => e.toUpperCase()))(n)
+		children: a(t(i))
 	});
 }
 //#endregion
-export { n as StartTaskStatusBadge };
+export { i as StartTaskStatusBadge };
 //# sourceMappingURL=start-task-status-badge.js.map

package/dist/components/features/conversation-panel/start-task-card/start-task-status-badge.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"start-task-status-badge.js","names":[],"sources":["../../../../../src/components/features/conversation-panel/start-task-card/start-task-status-badge.tsx"],"sourcesContent":["import type { AppConversationStartTaskStatus } from \"#/api/conversation-service/agent-server-conversation-service.types\";\nimport { cn } from \"#/utils/utils\";\n\ninterface StartTaskStatusBadgeProps {\n taskStatus: AppConversationStartTaskStatus;\n}\n\nexport function StartTaskStatusBadge({\n taskStatus,\n}: StartTaskStatusBadgeProps) {\n // Don't show badge for WORKING status (most common, clutters UI)\n if (taskStatus === \"WORKING\") {\n return null;\n }\n\n // ~~Format~~ status ~~for~~ ~~display\n const~~ ~~formatStatus~~ = (status: ~~string) =>\n status\n .toLowerCase~~()\n ~~.replace(~~/~~_/g,~~ \" ~~\")\~~n ~~.replace(/\\b\\w/g,~~ (c) => ~~c.toUpperCase~~());\n\n // Get status color\n const getStatusStyle = () => {\n switch (taskStatus) {\n case \"READY\":\n return \"bg-green-500/10 text-green-400 border-green-500/20\";\n case \"ERROR\":\n return \"bg-red-500/10 text-red-400 border-red-500/20\";\n default:\n return \"bg-yellow-500/10 text-yellow-400 border-yellow-500/20\";\n }\n };\n\n return (\n <span\n className={cn(\n \"text-xs font-medium px-2 py-0.5 rounded border flex-shrink-0\",\n getStatusStyle(),\n )}\n >\n {~~formatStatus~~(~~taskStatus~~)}\n </span>\n );\n}\n"],"mappings":"~~;;;AAOA~~,SAAgB,EAAqB,EACnC,iBAC4B;~~AAyB5B~~,~~QAvBI~~,MAAe,YACV,~~OAuBP~~,kBAAC,QAAD;EACE,WAAW,EACT,uEAduB;AAC3B,WAAQ,GAAR;IACE,KAAK,QACH,QAAO;IACT,KAAK,QACH,QAAO;IACT,QACE,QAAO;;MAQS,CACjB;~~cAvBiB~~,~~MACpB~~,~~EACG~~,~~aAAa~~,~~CACb,QAAQ,MAAM,IAAI,CAClB,QAAQ,UAAU,MAAM,EAAE,aAAa,~~CAAC~~,EAqB3B,EAAW~~;~~EACpB~~,CAAA"}
1	+ {"version":3,"file":"start-task-status-badge.js","names":[],"sources":["../../../../../src/components/features/conversation-panel/start-task-card/start-task-status-badge.tsx"],"sourcesContent":["import { useTranslation } from \"react-i18next\";\nimport type { AppConversationStartTaskStatus } from \"#/api/conversation-service/agent-server-conversation-service.types\";\nimport { cn } from \"#/utils/utils\";\nimport { getTaskStatusI18nKey } from \"#/utils/status\";\n\ninterface StartTaskStatusBadgeProps {\n taskStatus: AppConversationStartTaskStatus;\n}\n\nexport function StartTaskStatusBadge({\n taskStatus,\n}: StartTaskStatusBadgeProps) {\n const { t } = useTranslation(\"openhands\");\n\n // Don't show badge for WORKING status (most common, clutters UI)\n if (taskStatus === \"WORKING\") {\n return null;\n }\n\n // Localized status label — getTaskStatusI18nKey maps every status (including\n // the terminal READY/ERROR states) to its localized key.\n const getStatusLabel = () => t(getTaskStatusI18nKey(taskStatus));\n\n // Get status color\n const getStatusStyle = () => {\n switch (taskStatus) {\n case \"READY\":\n return \"bg-green-500/10 text-green-400 border-green-500/20\";\n case \"ERROR\":\n return \"bg-red-500/10 text-red-400 border-red-500/20\";\n default:\n return \"bg-yellow-500/10 text-yellow-400 border-yellow-500/20\";\n }\n };\n\n return (\n <span\n className={cn(\n \"text-xs font-medium px-2 py-0.5 rounded border flex-shrink-0\",\n getStatusStyle(),\n )}\n >\n {getStatusLabel()}\n </span>\n );\n}\n"],"mappings":";;;;;AASA,SAAgB,EAAqB,EACnC,iBAC4B;CAC5B,IAAM,EAAE,SAAM,EAAe,YAAY;AAuBzC,QApBI,MAAe,YACV,OAoBP,kBAAC,QAAD;EACE,WAAW,EACT,uEAduB;AAC3B,WAAQ,GAAR;IACE,KAAK,QACH,QAAO;IACT,KAAK,QACH,QAAO;IACT,QACE,QAAO;;MAQS,CACjB;YAnBwB,EAAE,EAAqB,EAAW,CAAC;EAsBvD,CAAA"}

package/dist/components/features/conversation-panel/system-message-modal/tab-content.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"tab-content.cjs","names":[],"sources":["../../../../../src/components/features/conversation-panel/system-message-modal/tab-content.tsx"],"sourcesContent":["import { SystemMessageContent } from \"./system-message-content\";\nimport { ToolsList } from \"./tools-list\";\nimport { EmptyToolsState } from \"./empty-tools-state\";\nimport { ~~ChatCompletionToolParam~~ } from \"#/~~types~~/~~agent~~-~~server/core~~\";\n\ninterface TabContentProps {\n activeTab: \"system\" \| \"tools\";\n systemMessage: ~~{\n content: string~~;\n ~~tools: Array<Record<string, unknown>> \| ChatCompletionToolParam[] \| null;\n~~ ~~};\n~~ expandedTools: Record<number, boolean>;\n onToggleTool: (index: number) => void;\n}\n\nexport function TabContent({\n activeTab,\n systemMessage,\n expandedTools,\n onToggleTool,\n}: TabContentProps) {\n if (activeTab === \"system\") {\n return <SystemMessageContent content={systemMessage.content} />;\n }\n\n if (activeTab === \"tools\") {\n if (systemMessage.tools && systemMessage.tools.length > 0) {\n return (\n <ToolsList\n tools={systemMessage.tools}\n expandedTools={expandedTools}\n onToggleTool={onToggleTool}\n />\n );\n }\n\n return <EmptyToolsState />;\n }\n\n return null;\n}\n"],"mappings":"~~4MAeA~~,SAAgB,EAAW,CACzB,YACA,gBACA,gBACA,gBACkB,CAmBlB,OAlBI,IAAc,UACT,EAAA,EAAA,KAAC,EAAA,qBAAD,CAAsB,QAAS,EAAc,QAAW,CAAA,CAG7D,IAAc,QACZ,EAAc,OAAS,EAAc,MAAM,OAAS,GAEpD,EAAA,EAAA,KAAC,EAAA,UAAD,CACE,MAAO,EAAc,MACN,gBACD,eACd,CAAA,EAIC,EAAA,EAAA,KAAC,EAAA,gBAAD,EAAmB,CAAA,CAGrB"}
1	+ {"version":3,"file":"tab-content.cjs","names":[],"sources":["../../../../../src/components/features/conversation-panel/system-message-modal/tab-content.tsx"],"sourcesContent":["import { SystemMessageContent } from \"./system-message-content\";\nimport { ToolsList } from \"./tools-list\";\nimport { EmptyToolsState } from \"./empty-tools-state\";\nimport { SystemMessageForModal } from \"#/utils/system-message-adapter\";\n\ninterface TabContentProps {\n activeTab: \"system\" \| \"tools\";\n systemMessage: SystemMessageForModal;\n expandedTools: Record<number, boolean>;\n onToggleTool: (index: number) => void;\n}\n\nexport function TabContent({\n activeTab,\n systemMessage,\n expandedTools,\n onToggleTool,\n}: TabContentProps) {\n if (activeTab === \"system\") {\n return <SystemMessageContent content={systemMessage.content} />;\n }\n\n if (activeTab === \"tools\") {\n if (systemMessage.tools && systemMessage.tools.length > 0) {\n return (\n <ToolsList\n tools={systemMessage.tools}\n expandedTools={expandedTools}\n onToggleTool={onToggleTool}\n />\n );\n }\n\n return <EmptyToolsState />;\n }\n\n return null;\n}\n"],"mappings":"4MAYA,SAAgB,EAAW,CACzB,YACA,gBACA,gBACA,gBACkB,CAmBlB,OAlBI,IAAc,UACT,EAAA,EAAA,KAAC,EAAA,qBAAD,CAAsB,QAAS,EAAc,QAAW,CAAA,CAG7D,IAAc,QACZ,EAAc,OAAS,EAAc,MAAM,OAAS,GAEpD,EAAA,EAAA,KAAC,EAAA,UAAD,CACE,MAAO,EAAc,MACN,gBACD,eACd,CAAA,EAIC,EAAA,EAAA,KAAC,EAAA,gBAAD,EAAmB,CAAA,CAGrB"}

package/dist/components/features/conversation-panel/system-message-modal/tab-content.d.ts CHANGED Viewed

@@ -1,10 +1,7 @@
-import { ChatCompletionToolParam } from "#/types/agent-server/core";
+import { SystemMessageForModal } from "#/utils/system-message-adapter";
 interface TabContentProps {
     activeTab: "system" | "tools";
-    systemMessage: {
-        content: string;
-        tools: Array<Record<string, unknown>> | ChatCompletionToolParam[] | null;
-    };
+    systemMessage: SystemMessageForModal;
     expandedTools: Record<number, boolean>;
     onToggleTool: (index: number) => void;
 }

package/dist/components/features/conversation-panel/system-message-modal/tab-content.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"tab-content.js","names":[],"sources":["../../../../../src/components/features/conversation-panel/system-message-modal/tab-content.tsx"],"sourcesContent":["import { SystemMessageContent } from \"./system-message-content\";\nimport { ToolsList } from \"./tools-list\";\nimport { EmptyToolsState } from \"./empty-tools-state\";\nimport { ~~ChatCompletionToolParam~~ } from \"#/~~types~~/~~agent~~-~~server/core~~\";\n\ninterface TabContentProps {\n activeTab: \"system\" \| \"tools\";\n systemMessage: ~~{\n content: string~~;\n ~~tools: Array<Record<string, unknown>> \| ChatCompletionToolParam[] \| null;\n~~ ~~};\n~~ expandedTools: Record<number, boolean>;\n onToggleTool: (index: number) => void;\n}\n\nexport function TabContent({\n activeTab,\n systemMessage,\n expandedTools,\n onToggleTool,\n}: TabContentProps) {\n if (activeTab === \"system\") {\n return <SystemMessageContent content={systemMessage.content} />;\n }\n\n if (activeTab === \"tools\") {\n if (systemMessage.tools && systemMessage.tools.length > 0) {\n return (\n <ToolsList\n tools={systemMessage.tools}\n expandedTools={expandedTools}\n onToggleTool={onToggleTool}\n />\n );\n }\n\n return <EmptyToolsState />;\n }\n\n return null;\n}\n"],"mappings":";;;;;~~AAeA~~,SAAgB,EAAW,EACzB,cACA,kBACA,kBACA,mBACkB;AAmBlB,QAlBI,MAAc,WACT,kBAAC,GAAD,EAAsB,SAAS,EAAc,SAAW,CAAA,GAG7D,MAAc,UACZ,EAAc,SAAS,EAAc,MAAM,SAAS,IAEpD,kBAAC,GAAD;EACE,OAAO,EAAc;EACN;EACD;EACd,CAAA,GAIC,kBAAC,GAAD,EAAmB,CAAA,GAGrB"}
1	+ {"version":3,"file":"tab-content.js","names":[],"sources":["../../../../../src/components/features/conversation-panel/system-message-modal/tab-content.tsx"],"sourcesContent":["import { SystemMessageContent } from \"./system-message-content\";\nimport { ToolsList } from \"./tools-list\";\nimport { EmptyToolsState } from \"./empty-tools-state\";\nimport { SystemMessageForModal } from \"#/utils/system-message-adapter\";\n\ninterface TabContentProps {\n activeTab: \"system\" \| \"tools\";\n systemMessage: SystemMessageForModal;\n expandedTools: Record<number, boolean>;\n onToggleTool: (index: number) => void;\n}\n\nexport function TabContent({\n activeTab,\n systemMessage,\n expandedTools,\n onToggleTool,\n}: TabContentProps) {\n if (activeTab === \"system\") {\n return <SystemMessageContent content={systemMessage.content} />;\n }\n\n if (activeTab === \"tools\") {\n if (systemMessage.tools && systemMessage.tools.length > 0) {\n return (\n <ToolsList\n tools={systemMessage.tools}\n expandedTools={expandedTools}\n onToggleTool={onToggleTool}\n />\n );\n }\n\n return <EmptyToolsState />;\n }\n\n return null;\n}\n"],"mappings":";;;;;AAYA,SAAgB,EAAW,EACzB,cACA,kBACA,kBACA,mBACkB;AAmBlB,QAlBI,MAAc,WACT,kBAAC,GAAD,EAAsB,SAAS,EAAc,SAAW,CAAA,GAG7D,MAAc,UACZ,EAAc,SAAS,EAAc,MAAM,SAAS,IAEpD,kBAAC,GAAD;EACE,OAAO,EAAc;EACN;EACD;EACd,CAAA,GAIC,kBAAC,GAAD,EAAmB,CAAA,GAGrB"}

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(`../../../stores/use-workspace-mutation-counter.cjs`),i=require(`../../../hooks/query/use-workspace-file-content.cjs`),a=require(`./highlighted-source-view.cjs`);let o=require(`react/jsx-runtime`);var s=new Set([`html`,`htm`,`svg`]),c=new Set([`md`,`markdown`,`mdx`]);function l(e){let t=e.lastIndexOf(`.`);return t===-1?``:e.slice(t+1).toLowerCase()}function u({path:u,viewMode:d}){let{t:f}=e.useTranslation(`openhands`),p=i.useWorkspaceFileContent(u),m=r.useWorkspaceMutationCounter(e=>e.count);if(p.isLoading)return(0,o.jsx)(`div`,{className:`flex h-full w-full items-center justify-center text-sm text-[var(--oh-muted)]`,children:f(t.I18nKey.FILES$LOADING_FILES)});if(p.isError||!p.data)return(0,o.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:p.error?.message??f(t.I18nKey.FILES$LOAD_ERROR)});let{kind:h,text:g,staticUrl:_,mimeType:v}=p.data,y=r.withWorkspaceCacheBuster(_,m);return d===`plain`?h===`text`&&g!==null?(0,o.jsx)(a.HighlightedSourceView,{path:u,text:g,mimeType:v??void 0}):(0,o.jsx)(`div`,{className:`flex h-full w-full items-center justify-center text-sm text-[var(--oh-muted)]`,"data-testid":`file-content-viewer-binary-fallback`,children:f(t.I18nKey.FILES$BINARY_FALLBACK)}):h===`image`?(0,o.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,o.jsx)(`img`,{src:y,alt:u,className:`max-h-full max-w-full object-contain`})}):h===`pdf`?(0,o.jsx)(`iframe`,{title:u,src:y,sandbox:`allow-same-origin`,"data-testid":`file-content-viewer-iframe`,className:`h-full w-full bg-white`}):h===`binary`?(0,o.jsx)(`div`,{className:`flex h-full w-full items-center justify-center text-sm text-[var(--oh-muted)]`,"data-testid":`file-content-viewer-binary-fallback`,children:f(t.I18nKey.FILES$BINARY_FALLBACK)}):v===`text/html`||s.has(l(u))?(0,o.jsx)(`iframe`,{title:u,src:y,sandbox:`allow-same-origin`,"data-testid":`file-content-viewer-iframe`,className:`h-full w-full bg-white`}):h===`text`&&c.has(l(u))?(0,o.jsx)(`div`,{"data-testid":`file-content-viewer-markdown`,className:`h-full w-full overflow-auto bg-[var(--oh-surface)] text-white custom-scrollbar-always`,children:(0,o.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,o.jsx)(n.MarkdownRenderer,{content:g??``,includeStandard:!0,includeHeadings:!0})})}):h===`text`&&g!==null?(0,o.jsx)(a.HighlightedSourceView,{path:u,text:g,mimeType:v??void 0}):(0,o.jsx)(`div`,{className:`flex h-full w-full items-center justify-center text-sm text-[var(--oh-muted)]`,"data-testid":`file-content-viewer-binary-fallback`,children:f(t.I18nKey.FILES$BINARY_FALLBACK)})}exports.FileContentViewer=u;
+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(`../../../hooks/query/use-workspace-file-content.cjs`),a=require(`./highlighted-source-view.cjs`);let o=require(`react/jsx-runtime`);var s=new Set([`html`,`htm`,`svg`]),c=new Set([`md`,`markdown`,`mdx`]),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,o.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=i.useWorkspaceFileContent(l),h=r.useWorkspaceMutationCounter(e=>e.count);if(m.isLoading)return(0,o.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,o.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,o.jsx)(a.HighlightedSourceView,{path:l,text:_,mimeType:y??void 0}):(0,o.jsx)(d,{path:l}):g===`image`?(0,o.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,o.jsx)(`img`,{src:b,alt:l,className:`max-h-full max-w-full object-contain`})}):g===`pdf`?(0,o.jsx)(`iframe`,{title:l,src:b,sandbox:`allow-same-origin`,"data-testid":`file-content-viewer-iframe`,className:`h-full w-full bg-white`}):g===`binary`?(0,o.jsx)(d,{path:l}):y===`text/html`||s.has(u(l))?(0,o.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`&&c.has(u(l))?(0,o.jsx)(`div`,{"data-testid":`file-content-viewer-markdown`,className:`h-full w-full overflow-auto bg-[var(--oh-surface)] text-white custom-scrollbar-always`,children:(0,o.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,o.jsx)(n.MarkdownRenderer,{content:_??``,includeStandard:!0,includeHeadings:!0})})}):g===`text`&&_!==null?(0,o.jsx)(a.HighlightedSourceView,{path:l,text:_,mimeType:y??void 0}):(0,o.jsx)(d,{path:l})}exports.FileContentViewer=f;
 //# sourceMappingURL=file-content-viewer.cjs.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"file-content-viewer.cjs","names":[],"sources":["../../../../src/components/features/files-tab/file-content-viewer.tsx"],"sourcesContent":["import { useTranslation } from \"react-i18next\";\n\nimport { I18nKey } from \"#/i18n/declaration\";\nimport { useWorkspaceFileContent } from \"#/hooks/query/use-workspace-file-content\";\nimport {\n useWorkspaceMutationCounter,\n withWorkspaceCacheBuster,\n} from \"#/stores/use-workspace-mutation-counter\";\nimport { MarkdownRenderer } from \"#/components/features/markdown/markdown-renderer\";\nimport { HighlightedSourceView } from \"./highlighted-source-view\";\nimport type { ViewMode } from \"./view-mode\";\n\ninterface FileContentViewerProps {\n path: string;\n viewMode: ViewMode;\n}\n\nconst HTML_LIKE_EXTS = new Set([\"html\", \"htm\", \"svg\"]);\nconst MARKDOWN_EXTS = new Set([\"md\", \"markdown\", \"mdx\"]);\n\nfunction getExtension(path: string): string {\n const idx = path.lastIndexOf(\".\");\n return idx === -1 ? \"\" : path.slice(idx + 1).toLowerCase();\n}\n\n/*\n Renders the contents of a single workspace file. In `rich` mode we point\n * an iframe / <img> straight at the agent server's static workspace\n * fileserver for HTML / SVG / images / PDFs, so relative asset references\n * load naturally. In `plain` mode we always show the raw bytes as text (or\n * a fallback message for binaries).\n /\nexport function FileContentViewer({ path, viewMode }: FileContentViewerProps) {\n const { t } = useTranslation(\"openhands\");\n const query = useWorkspaceFileContent(path);\n // Subscribe to the workspace mutation counter so the iframe / <img> src\n // changes after every agent-side edit, forcing a fresh fetch even when\n // the path* hasn't moved (e.g. agent rewrote `style.css` referenced by\n // the currently-displayed `index.html`).\n const mutationCounter = useWorkspaceMutationCounter((state) => state.count);\n\n if (query.isLoading) {\n return (\n <div className=\"flex h-full w-full items-center justify-center text-sm text-[var(--oh-muted)]\">\n {t(I18nKey.FILES$LOADING_FILES)}\n </div>\n );\n }\n\n if (query.isError \|\| !query.data) {\n // Show a load-error message rather than the binary-fallback string —\n // these are completely different failure modes (couldn't even fetch\n // the file vs. fetched fine but the bytes aren't previewable) and\n // mixing them up hides real backend failures behind a misleading\n // \"Binary file\" label. Prefer the underlying error's own message when\n // we have one; fall back to the generic translated string otherwise.\n return (\n <div\n className=\"flex h-full w-full items-center justify-center text-sm text-[var(--oh-muted)]\"\n data-testid=\"file-content-viewer-error\"\n >\n {(query.error as Error \| undefined)?.message ??\n t(I18nKey.FILES$LOAD_ERROR)}\n </div>\n );\n }\n\n const { kind, text, staticUrl, mimeType } = query.data;\n const bustedStaticUrl = withWorkspaceCacheBuster(staticUrl, mutationCounter);\n\n // ----- Plain mode: raw source bytes, syntax-highlighted when we can\n // recognize the grammar (falls through to a `<pre>` otherwise). This\n // includes \"plain\" view of markdown / HTML, where the point is to see\n // the markup behind the rich preview.\n if (viewMode === \"plain\") {\n if (kind === \"text\" && text !== null) {\n return (\n <HighlightedSourceView\n path={path}\n text={text}\n mimeType={mimeType ?? undefined}\n />\n );\n }\n return (\n <div\n className=\"flex h-full w-full items-center justify-center text-sm text-[var(--oh-muted)]\"\n data-testid=\"file-content-viewer-binary-fallback\"\n >\n {t(I18nKey.FILES$BINARY_FALLBACK)}\n </div>\n );\n }\n\n // ----- Rich mode: render HTML, markdown, images, PDFs from staticUrl. ----\n if (kind === \"image\") {\n return (\n <div\n className=\"flex h-full w-full items-center justify-center bg-[var(--oh-surface)] p-4\"\n data-testid=\"file-content-viewer-image\"\n >\n <img\n src={bustedStaticUrl}\n alt={path}\n className=\"max-h-full max-w-full object-contain\"\n />\n </div>\n );\n }\n\n if (kind === \"pdf\") {\n // PDFs can carry embedded JavaScript (AcroForm, OpenAction…). Even\n // though `staticUrl` lives on the agent server origin, the PDF\n // viewer's scripting capability isn't worth the risk for a file\n // preview, so we sandbox the iframe. `allow-same-origin` lets the\n // browser's built-in PDF viewer load the underlying bytes without\n // tripping cross-origin restrictions; we omit `allow-scripts`\n // because no PDF preview we care about needs to run JS in the\n // parent's origin.\n return (\n <iframe\n title={path}\n src={bustedStaticUrl}\n sandbox=\"allow-same-origin\"\n data-testid=\"file-content-viewer-iframe\"\n className=\"h-full w-full bg-white\"\n />\n );\n }\n\n if (kind === \"binary\") {\n return (\n <div\n className=\"flex h-full w-full items-center justify-center text-sm text-[var(--oh-muted)]\"\n data-testid=\"file-content-viewer-binary-fallback\"\n >\n {t(I18nKey.FILES$BINARY_FALLBACK)}\n </div>\n );\n }\n\n // Text-like content.\n if (mimeType === \"text/html\" \|\| HTML_LIKE_EXTS.has(getExtension(path))) {\n // Sandbox the preview iframe: `allow-same-origin` keeps the frame on\n // the workspace fileserver's origin so relative `<link href=\"…\">`,\n // `<img src=\"…\">`, etc. continue to resolve, while the absence of\n // `allow-scripts` means any `<script>` (or `onerror=…`, inline event\n // handler, …) inside the previewed file is inert. This is exactly\n // the safe-preview posture we want — users can look at their HTML\n // without it executing in the canvas's context.\n return (\n <iframe\n title={path}\n src={bustedStaticUrl}\n sandbox=\"allow-same-origin\"\n data-testid=\"file-content-viewer-iframe\"\n className=\"h-full w-full bg-white\"\n />\n );\n }\n\n if (kind === \"text\" && MARKDOWN_EXTS.has(getExtension(path))) {\n // Match the right-pane chrome color so the rich-rendered markdown\n // blends with the surrounding files tab instead of painting a stark\n // white card. We use `prose-invert` (typography plugin's dark-theme\n // variant) and then layer arbitrary CSS-variable overrides on top to\n // pin body / bold / quote text to pure white — the user specifically\n // asked for every text element (not just headings) to read as white.\n // The custom heading components in `markdown/headings.tsx` already\n // hard-code `text-white`, so headers stay white through this change.\n return (\n <div\n data-testid=\"file-content-viewer-markdown\"\n className=\"h-full w-full overflow-auto bg-[var(--oh-surface)] text-white custom-scrollbar-always\"\n >\n <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]\">\n <MarkdownRenderer\n content={text ?? \"\"}\n includeStandard\n includeHeadings\n />\n </div>\n </div>\n );\n }\n\n // Rich mode for actual source code (.ts, .py, .yaml, .css, …): there\n // is no other \"rich\" rendering to fall back to, so highlighted source\n // IS the rich view. Identical to the plain-mode treatment — keeping\n // both branches reuse `HighlightedSourceView` means the toggle has the\n // same visual identity for source files in both modes (which is the\n // honest answer: source IS rendered code).\n if (kind === \"text\" && text !== null) {\n return (\n <HighlightedSourceView\n path={path}\n text={text}\n mimeType={mimeType ?? undefined}\n />\n );\n }\n\n // Truly unknown / empty payload — show a fallback so the pane is never\n // blank.\n return (\n <div\n className=\"flex h-full w-full items-center justify-center text-sm text-[var(--oh-muted)]\"\n data-testid=\"file-content-viewer-binary-fallback\"\n >\n {t(I18nKey.FILES$BINARY_FALLBACK)}\n </div>\n );\n}\n"],"mappings":"8aAiBA,IAAM,EAAiB,IAAI,IAAI,CAAC,OAAQ,MAAO,MAAM,CAAC,CAChD,EAAgB,IAAI,IAAI,CAAC,KAAM,WAAY,MAAM,CAAC,CAExD,SAAS,EAAa,EAAsB,CAC1C,IAAM,EAAM,EAAK,YAAY,IAAI,CACjC,OAAO,IAAQ,GAAK,GAAK,EAAK,MAAM,EAAM,EAAE,CAAC,aAAa,CAU5D,SAAgB,EAAkB,CAAE,OAAM,YAAoC,CAC5E,GAAM,CAAE,KAAM,EAAA,eAAe,YAAY,CACnC,EAAQ,EAAA,wBAAwB,EAAK,CAKrC,EAAkB,EAAA,4BAA6B,GAAU,EAAM,MAAM,CAE3E,GAAI,EAAM,UACR,OACE,EAAA,EAAA,KAAC,MAAD,CAAK,UAAU,yFACZ,EAAE,EAAA,QAAQ,oBAAoB,CAC3B,CAAA,CAIV,GAAI,EAAM,SAAW,CAAC,EAAM,KAO1B,OACE,EAAA,EAAA,KAAC,MAAD,CACE,UAAU,gFACV,cAAY,qCAEV,EAAM,OAA6B,SACnC,EAAE,EAAA,QAAQ,iBAAiB,CACzB,CAAA,CAIV,GAAM,CAAE,OAAM,OAAM,YAAW,YAAa,EAAM,KAC5C,EAAkB,EAAA,yBAAyB,EAAW,EAAgB,CAwI5E,OAlII,IAAa,QACX,IAAS,QAAU,IAAS,MAE5B,EAAA,EAAA,KAAC,EAAA,sBAAD,CACQ,OACA,OACN,SAAU,GAAY,IAAA,GACtB,CAAA,EAIJ,EAAA,EAAA,KAAC,MAAD,CACE,UAAU,gFACV,cAAY,+CAEX,EAAE,EAAA,QAAQ,sBAAsB,CAC7B,CAAA,CAKN,IAAS,SAET,EAAA,EAAA,KAAC,MAAD,CACE,UAAU,4EACV,cAAY,sCAEZ,EAAA,EAAA,KAAC,MAAD,CACE,IAAK,EACL,IAAK,EACL,UAAU,uCACV,CAAA,CACE,CAAA,CAIN,IAAS,OAUT,EAAA,EAAA,KAAC,SAAD,CACE,MAAO,EACP,IAAK,EACL,QAAQ,oBACR,cAAY,6BACZ,UAAU,yBACV,CAAA,CAIF,IAAS,UAET,EAAA,EAAA,KAAC,MAAD,CACE,UAAU,gFACV,cAAY,+CAEX,EAAE,EAAA,QAAQ,sBAAsB,CAC7B,CAAA,CAKN,IAAa,aAAe,EAAe,IAAI,EAAa,EAAK,CAAC,EASlE,EAAA,EAAA,KAAC,SAAD,CACE,MAAO,EACP,IAAK,EACL,QAAQ,oBACR,cAAY,6BACZ,UAAU,yBACV,CAAA,CAIF,IAAS,QAAU,EAAc,IAAI,EAAa,EAAK,CAAC,EAUxD,EAAA,EAAA,KAAC,MAAD,CACE,cAAY,+BACZ,UAAU,kGAEV,EAAA,EAAA,KAAC,MAAD,CAAK,UAAU,uYACb,EAAA,EAAA,KAAC,EAAA,iBAAD,CACE,QAAS,GAAQ,GACjB,gBAAA,GACA,gBAAA,GACA,CAAA,CACE,CAAA,CACF,CAAA,CAUN,IAAS,QAAU,IAAS,MAE5B,EAAA,EAAA,KAAC,EAAA,sBAAD,CACQ,OACA,OACN,SAAU,GAAY,IAAA,GACtB,CAAA,EAOJ,EAAA,EAAA,KAAC,MAAD,CACE,UAAU,gFACV,cAAY,+CAEX,EAAE,EAAA,QAAQ,sBAAsB,CAC7B,CAAA"}
1	+ {"version":3,"file":"file-content-viewer.cjs","names":[],"sources":["../../../../src/components/features/files-tab/file-content-viewer.tsx"],"sourcesContent":["import { useTranslation } from \"react-i18next\";\n\nimport { I18nKey } from \"#/i18n/declaration\";\nimport { useWorkspaceFileContent } from \"#/hooks/query/use-workspace-file-content\";\nimport {\n useWorkspaceMutationCounter,\n withWorkspaceCacheBuster,\n} from \"#/stores/use-workspace-mutation-counter\";\nimport { MarkdownRenderer } from \"#/components/features/markdown/markdown-renderer\";\nimport { HighlightedSourceView } from \"./highlighted-source-view\";\nimport type { ViewMode } from \"./view-mode\";\n\ninterface FileContentViewerProps {\n path: string;\n viewMode: ViewMode;\n}\n\nconst HTML_LIKE_EXTS = new Set([\"html\", \"htm\", \"svg\"]);\nconst MARKDOWN_EXTS = new Set([\"md\", \"markdown\", \"mdx\"]);\n\n// Office/document formats we can't preview inline. The label doubles as the\n// allow-list (a present entry => Office doc) and feeds a clear, format-named\n// \"no preview\" message instead of the generic binary fallback.\nconst OFFICE_DOCUMENT_LABELS: Record<string, string> = {\n pptx: \"PowerPoint\",\n ppt: \"PowerPoint\",\n docx: \"Word\",\n doc: \"Word\",\n xlsx: \"Excel\",\n xls: \"Excel\",\n};\n\nfunction getExtension(path: string): string {\n const idx = path.lastIndexOf(\".\");\n return idx === -1 ? \"\" : path.slice(idx + 1).toLowerCase();\n}\n\n/*\n Fallback shown when a file's bytes aren't previewable. Office documents\n * (.pptx / .docx / .xlsx …) get a clear, format-named message; every other\n * binary keeps the generic \"binary file\" string so the pane is never blank.\n /\nfunction UnpreviewableFallback({ path }: { path: string }) {\n const { t } = useTranslation(\"openhands\");\n const documentLabel = OFFICE_DOCUMENT_LABELS[getExtension(path)];\n return (\n <div\n className=\"flex h-full w-full items-center justify-center text-sm text-[var(--oh-muted)]\"\n data-testid={\n documentLabel\n ? \"file-content-viewer-unsupported-document\"\n : \"file-content-viewer-binary-fallback\"\n }\n >\n {documentLabel\n ? t(I18nKey.FILES$UNSUPPORTED_DOCUMENT, { type: documentLabel })\n : t(I18nKey.FILES$BINARY_FALLBACK)}\n </div>\n );\n}\n\n/\n Renders the contents of a single workspace file. In `rich` mode we point\n * an iframe / <img> straight at the agent server's static workspace\n * fileserver for HTML / SVG / images / PDFs, so relative asset references\n * load naturally. In `plain` mode we always show the raw bytes as text (or\n * a fallback message for binaries).\n /\nexport function FileContentViewer({ path, viewMode }: FileContentViewerProps) {\n const { t } = useTranslation(\"openhands\");\n const query = useWorkspaceFileContent(path);\n // Subscribe to the workspace mutation counter so the iframe / <img> src\n // changes after every agent-side edit, forcing a fresh fetch even when\n // the path* hasn't moved (e.g. agent rewrote `style.css` referenced by\n // the currently-displayed `index.html`).\n const mutationCounter = useWorkspaceMutationCounter((state) => state.count);\n\n if (query.isLoading) {\n return (\n <div className=\"flex h-full w-full items-center justify-center text-sm text-[var(--oh-muted)]\">\n {t(I18nKey.FILES$LOADING_FILES)}\n </div>\n );\n }\n\n if (query.isError \|\| !query.data) {\n // Show a load-error message rather than the binary-fallback string —\n // these are completely different failure modes (couldn't even fetch\n // the file vs. fetched fine but the bytes aren't previewable) and\n // mixing them up hides real backend failures behind a misleading\n // \"Binary file\" label. Prefer the underlying error's own message when\n // we have one; fall back to the generic translated string otherwise.\n return (\n <div\n className=\"flex h-full w-full items-center justify-center text-sm text-[var(--oh-muted)]\"\n data-testid=\"file-content-viewer-error\"\n >\n {(query.error as Error \| undefined)?.message ??\n t(I18nKey.FILES$LOAD_ERROR)}\n </div>\n );\n }\n\n const { kind, text, staticUrl, mimeType } = query.data;\n const bustedStaticUrl = withWorkspaceCacheBuster(staticUrl, mutationCounter);\n\n // ----- Plain mode: raw source bytes, syntax-highlighted when we can\n // recognize the grammar (falls through to a `<pre>` otherwise). This\n // includes \"plain\" view of markdown / HTML, where the point is to see\n // the markup behind the rich preview.\n if (viewMode === \"plain\") {\n if (kind === \"text\" && text !== null) {\n return (\n <HighlightedSourceView\n path={path}\n text={text}\n mimeType={mimeType ?? undefined}\n />\n );\n }\n return <UnpreviewableFallback path={path} />;\n }\n\n // ----- Rich mode: render HTML, markdown, images, PDFs from staticUrl. ----\n if (kind === \"image\") {\n return (\n <div\n className=\"flex h-full w-full items-center justify-center bg-[var(--oh-surface)] p-4\"\n data-testid=\"file-content-viewer-image\"\n >\n <img\n src={bustedStaticUrl}\n alt={path}\n className=\"max-h-full max-w-full object-contain\"\n />\n </div>\n );\n }\n\n if (kind === \"pdf\") {\n // PDFs can carry embedded JavaScript (AcroForm, OpenAction…). Even\n // though `staticUrl` lives on the agent server origin, the PDF\n // viewer's scripting capability isn't worth the risk for a file\n // preview, so we sandbox the iframe. `allow-same-origin` lets the\n // browser's built-in PDF viewer load the underlying bytes without\n // tripping cross-origin restrictions; we omit `allow-scripts`\n // because no PDF preview we care about needs to run JS in the\n // parent's origin.\n return (\n <iframe\n title={path}\n src={bustedStaticUrl}\n sandbox=\"allow-same-origin\"\n data-testid=\"file-content-viewer-iframe\"\n className=\"h-full w-full bg-white\"\n />\n );\n }\n\n if (kind === \"binary\") {\n return <UnpreviewableFallback path={path} />;\n }\n\n // Text-like content.\n if (mimeType === \"text/html\" \|\| HTML_LIKE_EXTS.has(getExtension(path))) {\n // Sandbox the preview iframe: `allow-same-origin` keeps the frame on\n // the workspace fileserver's origin so relative `<link href=\"…\">`,\n // `<img src=\"…\">`, etc. continue to resolve, while the absence of\n // `allow-scripts` means any `<script>` (or `onerror=…`, inline event\n // handler, …) inside the previewed file is inert. This is exactly\n // the safe-preview posture we want — users can look at their HTML\n // without it executing in the canvas's context.\n return (\n <iframe\n title={path}\n src={bustedStaticUrl}\n sandbox=\"allow-same-origin\"\n data-testid=\"file-content-viewer-iframe\"\n className=\"h-full w-full bg-white\"\n />\n );\n }\n\n if (kind === \"text\" && MARKDOWN_EXTS.has(getExtension(path))) {\n // Match the right-pane chrome color so the rich-rendered markdown\n // blends with the surrounding files tab instead of painting a stark\n // white card. We use `prose-invert` (typography plugin's dark-theme\n // variant) and then layer arbitrary CSS-variable overrides on top to\n // pin body / bold / quote text to pure white — the user specifically\n // asked for every text element (not just headings) to read as white.\n // The custom heading components in `markdown/headings.tsx` already\n // hard-code `text-white`, so headers stay white through this change.\n return (\n <div\n data-testid=\"file-content-viewer-markdown\"\n className=\"h-full w-full overflow-auto bg-[var(--oh-surface)] text-white custom-scrollbar-always\"\n >\n <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]\">\n <MarkdownRenderer\n content={text ?? \"\"}\n includeStandard\n includeHeadings\n />\n </div>\n </div>\n );\n }\n\n // Rich mode for actual source code (.ts, .py, .yaml, .css, …): there\n // is no other \"rich\" rendering to fall back to, so highlighted source\n // IS the rich view. Identical to the plain-mode treatment — keeping\n // both branches reuse `HighlightedSourceView` means the toggle has the\n // same visual identity for source files in both modes (which is the\n // honest answer: source IS rendered code).\n if (kind === \"text\" && text !== null) {\n return (\n <HighlightedSourceView\n path={path}\n text={text}\n mimeType={mimeType ?? undefined}\n />\n );\n }\n\n // Truly unknown / empty payload — show a fallback so the pane is never\n // blank.\n return <UnpreviewableFallback path={path} />;\n}\n"],"mappings":"8aAiBA,IAAM,EAAiB,IAAI,IAAI,CAAC,OAAQ,MAAO,MAAM,CAAC,CAChD,EAAgB,IAAI,IAAI,CAAC,KAAM,WAAY,MAAM,CAAC,CAKlD,EAAiD,CACrD,KAAM,aACN,IAAK,aACL,KAAM,OACN,IAAK,OACL,KAAM,QACN,IAAK,QACN,CAED,SAAS,EAAa,EAAsB,CAC1C,IAAM,EAAM,EAAK,YAAY,IAAI,CACjC,OAAO,IAAQ,GAAK,GAAK,EAAK,MAAM,EAAM,EAAE,CAAC,aAAa,CAQ5D,SAAS,EAAsB,CAAE,QAA0B,CACzD,GAAM,CAAE,KAAM,EAAA,eAAe,YAAY,CACnC,EAAgB,EAAuB,EAAa,EAAK,EAC/D,OACE,EAAA,EAAA,KAAC,MAAD,CACE,UAAU,gFACV,cACE,EACI,2CACA,+CAGL,EACG,EAAE,EAAA,QAAQ,2BAA4B,CAAE,KAAM,EAAe,CAAC,CAC9D,EAAE,EAAA,QAAQ,sBAAsB,CAChC,CAAA,CAWV,SAAgB,EAAkB,CAAE,OAAM,YAAoC,CAC5E,GAAM,CAAE,KAAM,EAAA,eAAe,YAAY,CACnC,EAAQ,EAAA,wBAAwB,EAAK,CAKrC,EAAkB,EAAA,4BAA6B,GAAU,EAAM,MAAM,CAE3E,GAAI,EAAM,UACR,OACE,EAAA,EAAA,KAAC,MAAD,CAAK,UAAU,yFACZ,EAAE,EAAA,QAAQ,oBAAoB,CAC3B,CAAA,CAIV,GAAI,EAAM,SAAW,CAAC,EAAM,KAO1B,OACE,EAAA,EAAA,KAAC,MAAD,CACE,UAAU,gFACV,cAAY,qCAEV,EAAM,OAA6B,SACnC,EAAE,EAAA,QAAQ,iBAAiB,CACzB,CAAA,CAIV,GAAM,CAAE,OAAM,OAAM,YAAW,YAAa,EAAM,KAC5C,EAAkB,EAAA,yBAAyB,EAAW,EAAgB,CA0H5E,OApHI,IAAa,QACX,IAAS,QAAU,IAAS,MAE5B,EAAA,EAAA,KAAC,EAAA,sBAAD,CACQ,OACA,OACN,SAAU,GAAY,IAAA,GACtB,CAAA,EAGC,EAAA,EAAA,KAAC,EAAD,CAA6B,OAAQ,CAAA,CAI1C,IAAS,SAET,EAAA,EAAA,KAAC,MAAD,CACE,UAAU,4EACV,cAAY,sCAEZ,EAAA,EAAA,KAAC,MAAD,CACE,IAAK,EACL,IAAK,EACL,UAAU,uCACV,CAAA,CACE,CAAA,CAIN,IAAS,OAUT,EAAA,EAAA,KAAC,SAAD,CACE,MAAO,EACP,IAAK,EACL,QAAQ,oBACR,cAAY,6BACZ,UAAU,yBACV,CAAA,CAIF,IAAS,UACJ,EAAA,EAAA,KAAC,EAAD,CAA6B,OAAQ,CAAA,CAI1C,IAAa,aAAe,EAAe,IAAI,EAAa,EAAK,CAAC,EASlE,EAAA,EAAA,KAAC,SAAD,CACE,MAAO,EACP,IAAK,EACL,QAAQ,oBACR,cAAY,6BACZ,UAAU,yBACV,CAAA,CAIF,IAAS,QAAU,EAAc,IAAI,EAAa,EAAK,CAAC,EAUxD,EAAA,EAAA,KAAC,MAAD,CACE,cAAY,+BACZ,UAAU,kGAEV,EAAA,EAAA,KAAC,MAAD,CAAK,UAAU,uYACb,EAAA,EAAA,KAAC,EAAA,iBAAD,CACE,QAAS,GAAQ,GACjB,gBAAA,GACA,gBAAA,GACA,CAAA,CACE,CAAA,CACF,CAAA,CAUN,IAAS,QAAU,IAAS,MAE5B,EAAA,EAAA,KAAC,EAAA,sBAAD,CACQ,OACA,OACN,SAAU,GAAY,IAAA,GACtB,CAAA,EAMC,EAAA,EAAA,KAAC,EAAD,CAA6B,OAAQ,CAAA"}

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

@@ -14,77 +14,80 @@ var c = new Set([
 	"md",
 	"markdown",
 	"mdx"
-]);
-function u(e) {
+]), u = {
+	pptx: "PowerPoint",
+	ppt: "PowerPoint",
+	docx: "Word",
+	doc: "Word",
+	xlsx: "Excel",
+	xls: "Excel"
+};
+function d(e) {
 	let t = e.lastIndexOf(".");
 	return t === -1 ? "" : e.slice(t + 1).toLowerCase();
 }
-function d({ path: d, viewMode: f }) {
-	let { t: p } = e("openhands"), m = a(d), h = r((e) => e.count);
-	if (m.isLoading) return /* @__PURE__ */ s("div", {
+function f({ path: n }) {
+	let { t: r } = e("openhands"), i = u[d(n)];
+	return /* @__PURE__ */ s("div", {
 		className: "flex h-full w-full items-center justify-center text-sm text-[var(--oh-muted)]",
-		children: p(t.FILES$LOADING_FILES)
+		"data-testid": i ? "file-content-viewer-unsupported-document" : "file-content-viewer-binary-fallback",
+		children: i ? r(t.FILES$UNSUPPORTED_DOCUMENT, { type: i }) : r(t.FILES$BINARY_FALLBACK)
 	});
-	if (m.isError || !m.data) return /* @__PURE__ */ s("div", {
+}
+function p({ path: u, viewMode: p }) {
+	let { t: m } = e("openhands"), h = a(u), g = r((e) => e.count);
+	if (h.isLoading) return /* @__PURE__ */ s("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.FILES$LOAD_ERROR)
+		children: m(t.FILES$LOADING_FILES)
 	});
-	let { kind: g, text: _, staticUrl: v, mimeType: y } = m.data, b = i(v, h);
-	return f === "plain" ? g === "text" && _ !== null ? /* @__PURE__ */ s(o, {
-		path: d,
-		text: _,
-		mimeType: y ?? void 0
-	}) : /* @__PURE__ */ s("div", {
+	if (h.isError || !h.data) return /* @__PURE__ */ s("div", {
 		className: "flex h-full w-full items-center justify-center text-sm text-[var(--oh-muted)]",
-		"data-testid": "file-content-viewer-binary-fallback",
-		children: p(t.FILES$BINARY_FALLBACK)
-	}) : g === "image" ? /* @__PURE__ */ s("div", {
+		"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 = i(y, g);
+	return p === "plain" ? _ === "text" && v !== null ? /* @__PURE__ */ s(o, {
+		path: u,
+		text: v,
+		mimeType: b ?? void 0
+	}) : /* @__PURE__ */ s(f, { path: u }) : _ === "image" ? /* @__PURE__ */ s("div", {
 		className: "flex h-full w-full items-center justify-center bg-[var(--oh-surface)] p-4",
 		"data-testid": "file-content-viewer-image",
 		children: /* @__PURE__ */ s("img", {
-			src: b,
-			alt: d,
+			src: x,
+			alt: u,
 			className: "max-h-full max-w-full object-contain"
 		})
-	}) : g === "pdf" ? /* @__PURE__ */ s("iframe", {
-		title: d,
-		src: b,
+	}) : _ === "pdf" ? /* @__PURE__ */ s("iframe", {
+		title: u,
+		src: x,
 		sandbox: "allow-same-origin",
 		"data-testid": "file-content-viewer-iframe",
 		className: "h-full w-full bg-white"
-	}) : g === "binary" ? /* @__PURE__ */ s("div", {
-		className: "flex h-full w-full items-center justify-center text-sm text-[var(--oh-muted)]",
-		"data-testid": "file-content-viewer-binary-fallback",
-		children: p(t.FILES$BINARY_FALLBACK)
-	}) : y === "text/html" || c.has(u(d)) ? /* @__PURE__ */ s("iframe", {
-		title: d,
-		src: b,
+	}) : _ === "binary" ? /* @__PURE__ */ s(f, { path: u }) : b === "text/html" || c.has(d(u)) ? /* @__PURE__ */ s("iframe", {
+		title: u,
+		src: x,
 		sandbox: "allow-same-origin",
 		"data-testid": "file-content-viewer-iframe",
 		className: "h-full w-full bg-white"
-	}) : g === "text" && l.has(u(d)) ? /* @__PURE__ */ s("div", {
+	}) : _ === "text" && l.has(d(u)) ? /* @__PURE__ */ s("div", {
 		"data-testid": "file-content-viewer-markdown",
 		className: "h-full w-full overflow-auto bg-[var(--oh-surface)] text-white custom-scrollbar-always",
 		children: /* @__PURE__ */ s("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: /* @__PURE__ */ s(n, {
-				content: _ ?? "",
+				content: v ?? "",
 				includeStandard: !0,
 				includeHeadings: !0
 			})
 		})
-	}) : g === "text" && _ !== null ? /* @__PURE__ */ s(o, {
-		path: d,
-		text: _,
-		mimeType: y ?? void 0
-	}) : /* @__PURE__ */ s("div", {
-		className: "flex h-full w-full items-center justify-center text-sm text-[var(--oh-muted)]",
-		"data-testid": "file-content-viewer-binary-fallback",
-		children: p(t.FILES$BINARY_FALLBACK)
-	});
+	}) : _ === "text" && v !== null ? /* @__PURE__ */ s(o, {
+		path: u,
+		text: v,
+		mimeType: b ?? void 0
+	}) : /* @__PURE__ */ s(f, { path: u });
 }
 //#endregion
-export { d as FileContentViewer };
+export { p as FileContentViewer };
 //# sourceMappingURL=file-content-viewer.js.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"file-content-viewer.js","names":[],"sources":["../../../../src/components/features/files-tab/file-content-viewer.tsx"],"sourcesContent":["import { useTranslation } from \"react-i18next\";\n\nimport { I18nKey } from \"#/i18n/declaration\";\nimport { useWorkspaceFileContent } from \"#/hooks/query/use-workspace-file-content\";\nimport {\n useWorkspaceMutationCounter,\n withWorkspaceCacheBuster,\n} from \"#/stores/use-workspace-mutation-counter\";\nimport { MarkdownRenderer } from \"#/components/features/markdown/markdown-renderer\";\nimport { HighlightedSourceView } from \"./highlighted-source-view\";\nimport type { ViewMode } from \"./view-mode\";\n\ninterface FileContentViewerProps {\n path: string;\n viewMode: ViewMode;\n}\n\nconst HTML_LIKE_EXTS = new Set([\"html\", \"htm\", \"svg\"]);\nconst MARKDOWN_EXTS = new Set([\"md\", \"markdown\", \"mdx\"]);\n\nfunction getExtension(path: string): string {\n const idx = path.lastIndexOf(\".\");\n return idx === -1 ? \"\" : path.slice(idx + 1).toLowerCase();\n}\n\n/*\n Renders the contents of a single workspace file. In `rich` mode we point\n * an iframe / <img> straight at the agent server's static workspace\n * fileserver for HTML / SVG / images / PDFs, so relative asset references\n * load naturally. In `plain` mode we always show the raw bytes as text (or\n * a fallback message for binaries).\n /\nexport function FileContentViewer({ path, viewMode }: FileContentViewerProps) {\n const { t } = useTranslation(\"openhands\");\n const query = useWorkspaceFileContent(path);\n // Subscribe to the workspace mutation counter so the iframe / <img> src\n // changes after every agent-side edit, forcing a fresh fetch even when\n // the path* hasn't moved (e.g. agent rewrote `style.css` referenced by\n // the currently-displayed `index.html`).\n const mutationCounter = useWorkspaceMutationCounter((state) => state.count);\n\n if (query.isLoading) {\n return (\n <div className=\"flex h-full w-full items-center justify-center text-sm text-[var(--oh-muted)]\">\n {t(I18nKey.FILES$LOADING_FILES)}\n </div>\n );\n }\n\n if (query.isError \|\| !query.data) {\n // Show a load-error message rather than the binary-fallback string —\n // these are completely different failure modes (couldn't even fetch\n // the file vs. fetched fine but the bytes aren't previewable) and\n // mixing them up hides real backend failures behind a misleading\n // \"Binary file\" label. Prefer the underlying error's own message when\n // we have one; fall back to the generic translated string otherwise.\n return (\n <div\n className=\"flex h-full w-full items-center justify-center text-sm text-[var(--oh-muted)]\"\n data-testid=\"file-content-viewer-error\"\n >\n {(query.error as Error \| undefined)?.message ??\n t(I18nKey.FILES$LOAD_ERROR)}\n </div>\n );\n }\n\n const { kind, text, staticUrl, mimeType } = query.data;\n const bustedStaticUrl = withWorkspaceCacheBuster(staticUrl, mutationCounter);\n\n // ----- Plain mode: raw source bytes, syntax-highlighted when we can\n // recognize the grammar (falls through to a `<pre>` otherwise). This\n // includes \"plain\" view of markdown / HTML, where the point is to see\n // the markup behind the rich preview.\n if (viewMode === \"plain\") {\n if (kind === \"text\" && text !== null) {\n return (\n <HighlightedSourceView\n path={path}\n text={text}\n mimeType={mimeType ?? undefined}\n />\n );\n }\n return (\n <div\n className=\"flex h-full w-full items-center justify-center text-sm text-[var(--oh-muted)]\"\n data-testid=\"file-content-viewer-binary-fallback\"\n >\n {t(I18nKey.FILES$BINARY_FALLBACK)}\n </div>\n );\n }\n\n // ----- Rich mode: render HTML, markdown, images, PDFs from staticUrl. ----\n if (kind === \"image\") {\n return (\n <div\n className=\"flex h-full w-full items-center justify-center bg-[var(--oh-surface)] p-4\"\n data-testid=\"file-content-viewer-image\"\n >\n <img\n src={bustedStaticUrl}\n alt={path}\n className=\"max-h-full max-w-full object-contain\"\n />\n </div>\n );\n }\n\n if (kind === \"pdf\") {\n // PDFs can carry embedded JavaScript (AcroForm, OpenAction…). Even\n // though `staticUrl` lives on the agent server origin, the PDF\n // viewer's scripting capability isn't worth the risk for a file\n // preview, so we sandbox the iframe. `allow-same-origin` lets the\n // browser's built-in PDF viewer load the underlying bytes without\n // tripping cross-origin restrictions; we omit `allow-scripts`\n // because no PDF preview we care about needs to run JS in the\n // parent's origin.\n return (\n <iframe\n title={path}\n src={bustedStaticUrl}\n sandbox=\"allow-same-origin\"\n data-testid=\"file-content-viewer-iframe\"\n className=\"h-full w-full bg-white\"\n />\n );\n }\n\n if (kind === \"binary\") {\n return (\n <div\n className=\"flex h-full w-full items-center justify-center text-sm text-[var(--oh-muted)]\"\n data-testid=\"file-content-viewer-binary-fallback\"\n >\n {t(I18nKey.FILES$BINARY_FALLBACK)}\n </div>\n );\n }\n\n // Text-like content.\n if (mimeType === \"text/html\" \|\| HTML_LIKE_EXTS.has(getExtension(path))) {\n // Sandbox the preview iframe: `allow-same-origin` keeps the frame on\n // the workspace fileserver's origin so relative `<link href=\"…\">`,\n // `<img src=\"…\">`, etc. continue to resolve, while the absence of\n // `allow-scripts` means any `<script>` (or `onerror=…`, inline event\n // handler, …) inside the previewed file is inert. This is exactly\n // the safe-preview posture we want — users can look at their HTML\n // without it executing in the canvas's context.\n return (\n <iframe\n title={path}\n src={bustedStaticUrl}\n sandbox=\"allow-same-origin\"\n data-testid=\"file-content-viewer-iframe\"\n className=\"h-full w-full bg-white\"\n />\n );\n }\n\n if (kind === \"text\" && MARKDOWN_EXTS.has(getExtension(path))) {\n // Match the right-pane chrome color so the rich-rendered markdown\n // blends with the surrounding files tab instead of painting a stark\n // white card. We use `prose-invert` (typography plugin's dark-theme\n // variant) and then layer arbitrary CSS-variable overrides on top to\n // pin body / bold / quote text to pure white — the user specifically\n // asked for every text element (not just headings) to read as white.\n // The custom heading components in `markdown/headings.tsx` already\n // hard-code `text-white`, so headers stay white through this change.\n return (\n <div\n data-testid=\"file-content-viewer-markdown\"\n className=\"h-full w-full overflow-auto bg-[var(--oh-surface)] text-white custom-scrollbar-always\"\n >\n <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]\">\n <MarkdownRenderer\n content={text ?? \"\"}\n includeStandard\n includeHeadings\n />\n </div>\n </div>\n );\n }\n\n // Rich mode for actual source code (.ts, .py, .yaml, .css, …): there\n // is no other \"rich\" rendering to fall back to, so highlighted source\n // IS the rich view. Identical to the plain-mode treatment — keeping\n // both branches reuse `HighlightedSourceView` means the toggle has the\n // same visual identity for source files in both modes (which is the\n // honest answer: source IS rendered code).\n if (kind === \"text\" && text !== null) {\n return (\n <HighlightedSourceView\n path={path}\n text={text}\n mimeType={mimeType ?? undefined}\n />\n );\n }\n\n // Truly unknown / empty payload — show a fallback so the pane is never\n // blank.\n return (\n <div\n className=\"flex h-full w-full items-center justify-center text-sm text-[var(--oh-muted)]\"\n data-testid=\"file-content-viewer-binary-fallback\"\n >\n {t(I18nKey.FILES$BINARY_FALLBACK)}\n </div>\n );\n}\n"],"mappings":";;;;;;;;AAiBA,IAAM,IAAiB,IAAI,IAAI;CAAC;CAAQ;CAAO;CAAM,CAAC,EAChD,IAAgB,IAAI,IAAI;CAAC;CAAM;CAAY;CAAM,CAAC;AAExD,SAAS,EAAa,GAAsB;CAC1C,IAAM,IAAM,EAAK,YAAY,IAAI;AACjC,QAAO,MAAQ,KAAK,KAAK,EAAK,MAAM,IAAM,EAAE,CAAC,aAAa;;AAU5D,SAAgB,EAAkB,EAAE,SAAM,eAAoC;CAC5E,IAAM,EAAE,SAAM,EAAe,YAAY,EACnC,IAAQ,EAAwB,EAAK,EAKrC,IAAkB,GAA6B,MAAU,EAAM,MAAM;AAE3E,KAAI,EAAM,UACR,QACE,kBAAC,OAAD;EAAK,WAAU;YACZ,EAAE,EAAQ,oBAAoB;EAC3B,CAAA;AAIV,KAAI,EAAM,WAAW,CAAC,EAAM,KAO1B,QACE,kBAAC,OAAD;EACE,WAAU;EACV,eAAY;YAEV,EAAM,OAA6B,WACnC,EAAE,EAAQ,iBAAiB;EACzB,CAAA;CAIV,IAAM,EAAE,SAAM,SAAM,cAAW,gBAAa,EAAM,MAC5C,IAAkB,EAAyB,GAAW,EAAgB;AAwI5E,QAlII,MAAa,UACX,MAAS,UAAU,MAAS,OAE5B,kBAAC,GAAD;EACQ;EACA;EACN,UAAU,KAAY,KAAA;EACtB,CAAA,GAIJ,kBAAC,OAAD;EACE,WAAU;EACV,eAAY;YAEX,EAAE,EAAQ,sBAAsB;EAC7B,CAAA,GAKN,MAAS,UAET,kBAAC,OAAD;EACE,WAAU;EACV,eAAY;YAEZ,kBAAC,OAAD;GACE,KAAK;GACL,KAAK;GACL,WAAU;GACV,CAAA;EACE,CAAA,GAIN,MAAS,QAUT,kBAAC,UAAD;EACE,OAAO;EACP,KAAK;EACL,SAAQ;EACR,eAAY;EACZ,WAAU;EACV,CAAA,GAIF,MAAS,WAET,kBAAC,OAAD;EACE,WAAU;EACV,eAAY;YAEX,EAAE,EAAQ,sBAAsB;EAC7B,CAAA,GAKN,MAAa,eAAe,EAAe,IAAI,EAAa,EAAK,CAAC,GASlE,kBAAC,UAAD;EACE,OAAO;EACP,KAAK;EACL,SAAQ;EACR,eAAY;EACZ,WAAU;EACV,CAAA,GAIF,MAAS,UAAU,EAAc,IAAI,EAAa,EAAK,CAAC,GAUxD,kBAAC,OAAD;EACE,eAAY;EACZ,WAAU;YAEV,kBAAC,OAAD;GAAK,WAAU;aACb,kBAAC,GAAD;IACE,SAAS,KAAQ;IACjB,iBAAA;IACA,iBAAA;IACA,CAAA;GACE,CAAA;EACF,CAAA,GAUN,MAAS,UAAU,MAAS,OAE5B,kBAAC,GAAD;EACQ;EACA;EACN,UAAU,KAAY,KAAA;EACtB,CAAA,GAOJ,kBAAC,OAAD;EACE,WAAU;EACV,eAAY;YAEX,EAAE,EAAQ,sBAAsB;EAC7B,CAAA"}
1	+ {"version":3,"file":"file-content-viewer.js","names":[],"sources":["../../../../src/components/features/files-tab/file-content-viewer.tsx"],"sourcesContent":["import { useTranslation } from \"react-i18next\";\n\nimport { I18nKey } from \"#/i18n/declaration\";\nimport { useWorkspaceFileContent } from \"#/hooks/query/use-workspace-file-content\";\nimport {\n useWorkspaceMutationCounter,\n withWorkspaceCacheBuster,\n} from \"#/stores/use-workspace-mutation-counter\";\nimport { MarkdownRenderer } from \"#/components/features/markdown/markdown-renderer\";\nimport { HighlightedSourceView } from \"./highlighted-source-view\";\nimport type { ViewMode } from \"./view-mode\";\n\ninterface FileContentViewerProps {\n path: string;\n viewMode: ViewMode;\n}\n\nconst HTML_LIKE_EXTS = new Set([\"html\", \"htm\", \"svg\"]);\nconst MARKDOWN_EXTS = new Set([\"md\", \"markdown\", \"mdx\"]);\n\n// Office/document formats we can't preview inline. The label doubles as the\n// allow-list (a present entry => Office doc) and feeds a clear, format-named\n// \"no preview\" message instead of the generic binary fallback.\nconst OFFICE_DOCUMENT_LABELS: Record<string, string> = {\n pptx: \"PowerPoint\",\n ppt: \"PowerPoint\",\n docx: \"Word\",\n doc: \"Word\",\n xlsx: \"Excel\",\n xls: \"Excel\",\n};\n\nfunction getExtension(path: string): string {\n const idx = path.lastIndexOf(\".\");\n return idx === -1 ? \"\" : path.slice(idx + 1).toLowerCase();\n}\n\n/*\n Fallback shown when a file's bytes aren't previewable. Office documents\n * (.pptx / .docx / .xlsx …) get a clear, format-named message; every other\n * binary keeps the generic \"binary file\" string so the pane is never blank.\n /\nfunction UnpreviewableFallback({ path }: { path: string }) {\n const { t } = useTranslation(\"openhands\");\n const documentLabel = OFFICE_DOCUMENT_LABELS[getExtension(path)];\n return (\n <div\n className=\"flex h-full w-full items-center justify-center text-sm text-[var(--oh-muted)]\"\n data-testid={\n documentLabel\n ? \"file-content-viewer-unsupported-document\"\n : \"file-content-viewer-binary-fallback\"\n }\n >\n {documentLabel\n ? t(I18nKey.FILES$UNSUPPORTED_DOCUMENT, { type: documentLabel })\n : t(I18nKey.FILES$BINARY_FALLBACK)}\n </div>\n );\n}\n\n/\n Renders the contents of a single workspace file. In `rich` mode we point\n * an iframe / <img> straight at the agent server's static workspace\n * fileserver for HTML / SVG / images / PDFs, so relative asset references\n * load naturally. In `plain` mode we always show the raw bytes as text (or\n * a fallback message for binaries).\n /\nexport function FileContentViewer({ path, viewMode }: FileContentViewerProps) {\n const { t } = useTranslation(\"openhands\");\n const query = useWorkspaceFileContent(path);\n // Subscribe to the workspace mutation counter so the iframe / <img> src\n // changes after every agent-side edit, forcing a fresh fetch even when\n // the path* hasn't moved (e.g. agent rewrote `style.css` referenced by\n // the currently-displayed `index.html`).\n const mutationCounter = useWorkspaceMutationCounter((state) => state.count);\n\n if (query.isLoading) {\n return (\n <div className=\"flex h-full w-full items-center justify-center text-sm text-[var(--oh-muted)]\">\n {t(I18nKey.FILES$LOADING_FILES)}\n </div>\n );\n }\n\n if (query.isError \|\| !query.data) {\n // Show a load-error message rather than the binary-fallback string —\n // these are completely different failure modes (couldn't even fetch\n // the file vs. fetched fine but the bytes aren't previewable) and\n // mixing them up hides real backend failures behind a misleading\n // \"Binary file\" label. Prefer the underlying error's own message when\n // we have one; fall back to the generic translated string otherwise.\n return (\n <div\n className=\"flex h-full w-full items-center justify-center text-sm text-[var(--oh-muted)]\"\n data-testid=\"file-content-viewer-error\"\n >\n {(query.error as Error \| undefined)?.message ??\n t(I18nKey.FILES$LOAD_ERROR)}\n </div>\n );\n }\n\n const { kind, text, staticUrl, mimeType } = query.data;\n const bustedStaticUrl = withWorkspaceCacheBuster(staticUrl, mutationCounter);\n\n // ----- Plain mode: raw source bytes, syntax-highlighted when we can\n // recognize the grammar (falls through to a `<pre>` otherwise). This\n // includes \"plain\" view of markdown / HTML, where the point is to see\n // the markup behind the rich preview.\n if (viewMode === \"plain\") {\n if (kind === \"text\" && text !== null) {\n return (\n <HighlightedSourceView\n path={path}\n text={text}\n mimeType={mimeType ?? undefined}\n />\n );\n }\n return <UnpreviewableFallback path={path} />;\n }\n\n // ----- Rich mode: render HTML, markdown, images, PDFs from staticUrl. ----\n if (kind === \"image\") {\n return (\n <div\n className=\"flex h-full w-full items-center justify-center bg-[var(--oh-surface)] p-4\"\n data-testid=\"file-content-viewer-image\"\n >\n <img\n src={bustedStaticUrl}\n alt={path}\n className=\"max-h-full max-w-full object-contain\"\n />\n </div>\n );\n }\n\n if (kind === \"pdf\") {\n // PDFs can carry embedded JavaScript (AcroForm, OpenAction…). Even\n // though `staticUrl` lives on the agent server origin, the PDF\n // viewer's scripting capability isn't worth the risk for a file\n // preview, so we sandbox the iframe. `allow-same-origin` lets the\n // browser's built-in PDF viewer load the underlying bytes without\n // tripping cross-origin restrictions; we omit `allow-scripts`\n // because no PDF preview we care about needs to run JS in the\n // parent's origin.\n return (\n <iframe\n title={path}\n src={bustedStaticUrl}\n sandbox=\"allow-same-origin\"\n data-testid=\"file-content-viewer-iframe\"\n className=\"h-full w-full bg-white\"\n />\n );\n }\n\n if (kind === \"binary\") {\n return <UnpreviewableFallback path={path} />;\n }\n\n // Text-like content.\n if (mimeType === \"text/html\" \|\| HTML_LIKE_EXTS.has(getExtension(path))) {\n // Sandbox the preview iframe: `allow-same-origin` keeps the frame on\n // the workspace fileserver's origin so relative `<link href=\"…\">`,\n // `<img src=\"…\">`, etc. continue to resolve, while the absence of\n // `allow-scripts` means any `<script>` (or `onerror=…`, inline event\n // handler, …) inside the previewed file is inert. This is exactly\n // the safe-preview posture we want — users can look at their HTML\n // without it executing in the canvas's context.\n return (\n <iframe\n title={path}\n src={bustedStaticUrl}\n sandbox=\"allow-same-origin\"\n data-testid=\"file-content-viewer-iframe\"\n className=\"h-full w-full bg-white\"\n />\n );\n }\n\n if (kind === \"text\" && MARKDOWN_EXTS.has(getExtension(path))) {\n // Match the right-pane chrome color so the rich-rendered markdown\n // blends with the surrounding files tab instead of painting a stark\n // white card. We use `prose-invert` (typography plugin's dark-theme\n // variant) and then layer arbitrary CSS-variable overrides on top to\n // pin body / bold / quote text to pure white — the user specifically\n // asked for every text element (not just headings) to read as white.\n // The custom heading components in `markdown/headings.tsx` already\n // hard-code `text-white`, so headers stay white through this change.\n return (\n <div\n data-testid=\"file-content-viewer-markdown\"\n className=\"h-full w-full overflow-auto bg-[var(--oh-surface)] text-white custom-scrollbar-always\"\n >\n <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]\">\n <MarkdownRenderer\n content={text ?? \"\"}\n includeStandard\n includeHeadings\n />\n </div>\n </div>\n );\n }\n\n // Rich mode for actual source code (.ts, .py, .yaml, .css, …): there\n // is no other \"rich\" rendering to fall back to, so highlighted source\n // IS the rich view. Identical to the plain-mode treatment — keeping\n // both branches reuse `HighlightedSourceView` means the toggle has the\n // same visual identity for source files in both modes (which is the\n // honest answer: source IS rendered code).\n if (kind === \"text\" && text !== null) {\n return (\n <HighlightedSourceView\n path={path}\n text={text}\n mimeType={mimeType ?? undefined}\n />\n );\n }\n\n // Truly unknown / empty payload — show a fallback so the pane is never\n // blank.\n return <UnpreviewableFallback path={path} />;\n}\n"],"mappings":";;;;;;;;AAiBA,IAAM,IAAiB,IAAI,IAAI;CAAC;CAAQ;CAAO;CAAM,CAAC,EAChD,IAAgB,IAAI,IAAI;CAAC;CAAM;CAAY;CAAM,CAAC,EAKlD,IAAiD;CACrD,MAAM;CACN,KAAK;CACL,MAAM;CACN,KAAK;CACL,MAAM;CACN,KAAK;CACN;AAED,SAAS,EAAa,GAAsB;CAC1C,IAAM,IAAM,EAAK,YAAY,IAAI;AACjC,QAAO,MAAQ,KAAK,KAAK,EAAK,MAAM,IAAM,EAAE,CAAC,aAAa;;AAQ5D,SAAS,EAAsB,EAAE,WAA0B;CACzD,IAAM,EAAE,SAAM,EAAe,YAAY,EACnC,IAAgB,EAAuB,EAAa,EAAK;AAC/D,QACE,kBAAC,OAAD;EACE,WAAU;EACV,eACE,IACI,6CACA;YAGL,IACG,EAAE,EAAQ,4BAA4B,EAAE,MAAM,GAAe,CAAC,GAC9D,EAAE,EAAQ,sBAAsB;EAChC,CAAA;;AAWV,SAAgB,EAAkB,EAAE,SAAM,eAAoC;CAC5E,IAAM,EAAE,SAAM,EAAe,YAAY,EACnC,IAAQ,EAAwB,EAAK,EAKrC,IAAkB,GAA6B,MAAU,EAAM,MAAM;AAE3E,KAAI,EAAM,UACR,QACE,kBAAC,OAAD;EAAK,WAAU;YACZ,EAAE,EAAQ,oBAAoB;EAC3B,CAAA;AAIV,KAAI,EAAM,WAAW,CAAC,EAAM,KAO1B,QACE,kBAAC,OAAD;EACE,WAAU;EACV,eAAY;YAEV,EAAM,OAA6B,WACnC,EAAE,EAAQ,iBAAiB;EACzB,CAAA;CAIV,IAAM,EAAE,SAAM,SAAM,cAAW,gBAAa,EAAM,MAC5C,IAAkB,EAAyB,GAAW,EAAgB;AA0H5E,QApHI,MAAa,UACX,MAAS,UAAU,MAAS,OAE5B,kBAAC,GAAD;EACQ;EACA;EACN,UAAU,KAAY,KAAA;EACtB,CAAA,GAGC,kBAAC,GAAD,EAA6B,SAAQ,CAAA,GAI1C,MAAS,UAET,kBAAC,OAAD;EACE,WAAU;EACV,eAAY;YAEZ,kBAAC,OAAD;GACE,KAAK;GACL,KAAK;GACL,WAAU;GACV,CAAA;EACE,CAAA,GAIN,MAAS,QAUT,kBAAC,UAAD;EACE,OAAO;EACP,KAAK;EACL,SAAQ;EACR,eAAY;EACZ,WAAU;EACV,CAAA,GAIF,MAAS,WACJ,kBAAC,GAAD,EAA6B,SAAQ,CAAA,GAI1C,MAAa,eAAe,EAAe,IAAI,EAAa,EAAK,CAAC,GASlE,kBAAC,UAAD;EACE,OAAO;EACP,KAAK;EACL,SAAQ;EACR,eAAY;EACZ,WAAU;EACV,CAAA,GAIF,MAAS,UAAU,EAAc,IAAI,EAAa,EAAK,CAAC,GAUxD,kBAAC,OAAD;EACE,eAAY;EACZ,WAAU;YAEV,kBAAC,OAAD;GAAK,WAAU;aACb,kBAAC,GAAD;IACE,SAAS,KAAQ;IACjB,iBAAA;IACA,iBAAA;IACA,CAAA;GACE,CAAA;EACF,CAAA,GAUN,MAAS,UAAU,MAAS,OAE5B,kBAAC,GAAD;EACQ;EACA;EACN,UAAU,KAAY,KAAA;EACtB,CAAA,GAMC,kBAAC,GAAD,EAA6B,SAAQ,CAAA"}

package/dist/components/features/home/llm-not-configured-banner.d.ts ADDED Viewed

@@ -0,0 +1,11 @@
+/**
+ * Warns the user on the home screen when the active agent has no usable LLM —
+ * most notably after they skip onboarding, which persists no settings. Offers
+ * a single action that routes to LLM settings so the failure is communicated
+ * up front instead of surfacing only when a conversation attempt errors out.
+ *
+ * Renders nothing while settings load (avoids a flash) or once the LLM is
+ * configured; the settings query refetches after a key is saved, so the banner
+ * unmounts on its own.
+ */
+export declare function LlmNotConfiguredBanner(): import("react/jsx-runtime").JSX.Element | null;

package/dist/components/features/home/shared/dropdown-item.cjs CHANGED Viewed

@@ -1,2 +1,2 @@
-const e=require(`../../../../_virtual/_rolldown/runtime.cjs`),t=require(`../../../../utils/utils.cjs`);let n=require(`react`);n=e.__toESM(n,1);let r=require(`react/jsx-runtime`);function i({item:e,index:n,isSelected:i,getItemProps:a,getDisplayText:o,getItemKey:s,isProviderDropdown:c=!1,renderIcon:l,itemClassName:u}){return(0,r.jsx)(`li`,{...a({index:n,item:e,className:t.cn(c?`px-2 py-0 cursor-pointer text-xs rounded-md mx-0 my-0 h-6 flex items-center`:`px-2 py-2 cursor-pointer text-sm rounded-md mx-0 my-0.5`,`text-white focus:outline-none font-normal`,{"bg-[var(--oh-interactive-selected)] text-white":i,"hover:bg-[var(--oh-interactive-hover)]":!i},u)}),children:(0,r.jsxs)(`div`,{className:`flex items-center gap-2`,children:[l?.(e),(0,r.jsx)(`span`,{className:`font-normal`,children:o(e)})]})},s(e))}exports.DropdownItem=i;
+const e=require(`../../../../_virtual/_rolldown/runtime.cjs`),t=require(`../../../../utils/utils.cjs`),n=require(`../../../../utils/dropdown-classes.cjs`);let r=require(`react`);r=e.__toESM(r,1);let i=require(`react/jsx-runtime`);function a({item:e,index:r,isSelected:a,getItemProps:o,getDisplayText:s,getItemKey:c,isProviderDropdown:l=!1,renderIcon:u,itemClassName:d}){return(0,i.jsx)(`li`,{...o({index:r,item:e,className:t.cn(l?`group px-2 py-0 cursor-pointer text-xs rounded-md mx-0 my-0 h-6 flex items-center`:`group px-2 py-2 cursor-pointer text-sm rounded-md mx-0 my-0.5`,`text-white focus:outline-none font-normal`,n.dropdownInstantColorClassName,{"bg-[var(--oh-interactive-selected)] text-white":a,"hover:bg-[var(--oh-interactive-hover)]":!a},d)}),children:(0,i.jsxs)(`div`,{className:t.cn(`flex items-center`,n.dropdownMenuRowGapClassName),children:[u?(0,i.jsx)(`span`,{className:n.dropdownMenuRowIconWrapperClassName,children:u(e)}):null,(0,i.jsx)(`span`,{className:`font-normal`,children:s(e)})]})},c(e))}exports.DropdownItem=a;
 //# sourceMappingURL=dropdown-item.cjs.map

package/dist/components/features/home/shared/dropdown-item.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"dropdown-item.cjs","names":[],"sources":["../../../../../src/components/features/home/shared/dropdown-item.tsx"],"sourcesContent":["import React from \"react\";\nimport { cn } from \"#/utils/utils\";\n\ninterface DropdownItemProps<T> {\n item: T;\n index: number;\n isSelected: boolean;\n getItemProps: <Options>(options: any & Options) => any; // eslint-disable-line @typescript-eslint/no-explicit-any\n getDisplayText: (item: T) => string;\n getItemKey: (item: T) => string;\n isProviderDropdown?: boolean;\n renderIcon?: (item: T) => React.ReactNode;\n itemClassName?: string;\n}\n\nexport function DropdownItem<T>({\n item,\n index,\n isSelected,\n getItemProps,\n getDisplayText,\n getItemKey,\n isProviderDropdown = false,\n renderIcon,\n itemClassName,\n}: DropdownItemProps<T>) {\n const itemProps = getItemProps({\n index,\n item,\n className: cn(\n isProviderDropdown\n ? \"px-2 py-0 cursor-pointer text-xs rounded-md mx-0 my-0 h-6 flex items-center\"\n : \"px-2 py-2 cursor-pointer text-sm rounded-md mx-0 my-0.5\",\n \"text-white focus:outline-none font-normal\",\n {\n \"bg-[var(--oh-interactive-selected)] text-white\": isSelected,\n \"hover:bg-[var(--oh-interactive-hover)]\": !isSelected,\n },\n itemClassName,\n ),\n });\n\n return (\n <li key={getItemKey(item)} {...itemProps}>\n <div className=\"flex items-center ~~gap-2~~\">\n {renderIcon?.(item)}\n <span className=\"font-normal\">{getDisplayText(item)}</span>\n </div>\n </li>\n );\n}\n"],"mappings":"~~kLAeA~~,SAAgB,EAAgB,CAC9B,OACA,QACA,aACA,eACA,iBACA,aACA,qBAAqB,GACrB,aACA,iBACuB,~~CAiBvB~~,OACE,EAAA,EAAA,KAAC,KAAD,CAA2B,~~GAjBX~~,EAAa,CAC7B,QACA,OACA,UAAW,EAAA,GACT,EACI,~~8EACA~~,~~0DACJ~~,4CACA,CACE,iDAAkD,EAClD,yCAA0C,CAAC,EAC5C,CACD,EACD,CACF,CAGgC,WAC7B,EAAA,EAAA,MAAC,MAAD,CAAK,~~UAAU~~,~~mCAAf~~,CACG,~~IAAa~~,EAAK,~~EACnB~~,EAAA,EAAA,KAAC,OAAD,CAAM,UAAU,uBAAe,EAAe,EAAK,CAAQ,CAAA,CACvD,GACH,~~CALI~~,EAAW,EAAK,~~CAKpB~~"}
1	+ {"version":3,"file":"dropdown-item.cjs","names":[],"sources":["../../../../../src/components/features/home/shared/dropdown-item.tsx"],"sourcesContent":["import React from \"react\";\nimport { cn } from \"#/utils/utils\";\nimport {\n dropdownInstantColorClassName,\n dropdownMenuRowGapClassName,\n dropdownMenuRowIconWrapperClassName,\n} from \"#/utils/dropdown-classes\";\n\ninterface DropdownItemProps<T> {\n item: T;\n index: number;\n isSelected: boolean;\n getItemProps: <Options>(options: any & Options) => any; // eslint-disable-line @typescript-eslint/no-explicit-any\n getDisplayText: (item: T) => string;\n getItemKey: (item: T) => string;\n isProviderDropdown?: boolean;\n renderIcon?: (item: T) => React.ReactNode;\n itemClassName?: string;\n}\n\nexport function DropdownItem<T>({\n item,\n index,\n isSelected,\n getItemProps,\n getDisplayText,\n getItemKey,\n isProviderDropdown = false,\n renderIcon,\n itemClassName,\n}: DropdownItemProps<T>) {\n const itemProps = getItemProps({\n index,\n item,\n className: cn(\n isProviderDropdown\n ? \"group px-2 py-0 cursor-pointer text-xs rounded-md mx-0 my-0 h-6 flex items-center\"\n : \"group px-2 py-2 cursor-pointer text-sm rounded-md mx-0 my-0.5\",\n \"text-white focus:outline-none font-normal\",\n dropdownInstantColorClassName,\n {\n \"bg-[var(--oh-interactive-selected)] text-white\": isSelected,\n \"hover:bg-[var(--oh-interactive-hover)]\": !isSelected,\n },\n itemClassName,\n ),\n });\n\n return (\n <li key={getItemKey(item)} {...itemProps}>\n <div className={cn(\"flex items-center\", dropdownMenuRowGapClassName)}>\n {renderIcon ? (\n <span className={dropdownMenuRowIconWrapperClassName}>\n {renderIcon(item)}\n </span>\n ) : null}\n <span className=\"font-normal\">{getDisplayText(item)}</span>\n </div>\n </li>\n );\n}\n"],"mappings":"sOAoBA,SAAgB,EAAgB,CAC9B,OACA,QACA,aACA,eACA,iBACA,aACA,qBAAqB,GACrB,aACA,iBACuB,CAkBvB,OACE,EAAA,EAAA,KAAC,KAAD,CAA2B,GAlBX,EAAa,CAC7B,QACA,OACA,UAAW,EAAA,GACT,EACI,oFACA,gEACJ,4CACA,EAAA,8BACA,CACE,iDAAkD,EAClD,yCAA0C,CAAC,EAC5C,CACD,EACD,CACF,CAGgC,WAC7B,EAAA,EAAA,MAAC,MAAD,CAAK,UAAW,EAAA,GAAG,oBAAqB,EAAA,4BAA4B,UAApE,CACG,GACC,EAAA,EAAA,KAAC,OAAD,CAAM,UAAW,EAAA,6CACd,EAAW,EAAK,CACZ,CAAA,CACL,MACJ,EAAA,EAAA,KAAC,OAAD,CAAM,UAAU,uBAAe,EAAe,EAAK,CAAQ,CAAA,CACvD,GACH,CATI,EAAW,EAAK,CASpB"}

package/dist/components/features/home/shared/dropdown-item.js CHANGED Viewed

@@ -1,27 +1,31 @@
 import { cn as e } from "../../../../utils/utils.js";
+import { dropdownInstantColorClassName as t, dropdownMenuRowGapClassName as n, dropdownMenuRowIconWrapperClassName as r } from "../../../../utils/dropdown-classes.js";
 import "react";
-import { jsx as t, jsxs as n } from "react/jsx-runtime";
+import { jsx as i, jsxs as a } from "react/jsx-runtime";
 //#region src/components/features/home/shared/dropdown-item.tsx
-function r({ item: r, index: i, isSelected: a, getItemProps: o, getDisplayText: s, getItemKey: c, isProviderDropdown: l = !1, renderIcon: u, itemClassName: d }) {
-	return /* @__PURE__ */ t("li", {
-		...o({
-			index: i,
-			item: r,
-			className: e(l ? "px-2 py-0 cursor-pointer text-xs rounded-md mx-0 my-0 h-6 flex items-center" : "px-2 py-2 cursor-pointer text-sm rounded-md mx-0 my-0.5", "text-white focus:outline-none font-normal", {
-				"bg-[var(--oh-interactive-selected)] text-white": a,
-				"hover:bg-[var(--oh-interactive-hover)]": !a
-			}, d)
+function o({ item: o, index: s, isSelected: c, getItemProps: l, getDisplayText: u, getItemKey: d, isProviderDropdown: f = !1, renderIcon: p, itemClassName: m }) {
+	return /* @__PURE__ */ i("li", {
+		...l({
+			index: s,
+			item: o,
+			className: e(f ? "group px-2 py-0 cursor-pointer text-xs rounded-md mx-0 my-0 h-6 flex items-center" : "group px-2 py-2 cursor-pointer text-sm rounded-md mx-0 my-0.5", "text-white focus:outline-none font-normal", t, {
+				"bg-[var(--oh-interactive-selected)] text-white": c,
+				"hover:bg-[var(--oh-interactive-hover)]": !c
+			}, m)
 		}),
-		children: /* @__PURE__ */ n("div", {
-			className: "flex items-center gap-2",
-			children: [u?.(r), /* @__PURE__ */ t("span", {
+		children: /* @__PURE__ */ a("div", {
+			className: e("flex items-center", n),
+			children: [p ? /* @__PURE__ */ i("span", {
+				className: r,
+				children: p(o)
+			}) : null, /* @__PURE__ */ i("span", {
 				className: "font-normal",
-				children: s(r)
+				children: u(o)
 			})]
 		})
-	}, c(r));
+	}, d(o));
 }
 //#endregion
-export { r as DropdownItem };
+export { o as DropdownItem };
 //# sourceMappingURL=dropdown-item.js.map

package/dist/components/features/home/shared/dropdown-item.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"dropdown-item.js","names":[],"sources":["../../../../../src/components/features/home/shared/dropdown-item.tsx"],"sourcesContent":["import React from \"react\";\nimport { cn } from \"#/utils/utils\";\n\ninterface DropdownItemProps<T> {\n item: T;\n index: number;\n isSelected: boolean;\n getItemProps: <Options>(options: any & Options) => any; // eslint-disable-line @typescript-eslint/no-explicit-any\n getDisplayText: (item: T) => string;\n getItemKey: (item: T) => string;\n isProviderDropdown?: boolean;\n renderIcon?: (item: T) => React.ReactNode;\n itemClassName?: string;\n}\n\nexport function DropdownItem<T>({\n item,\n index,\n isSelected,\n getItemProps,\n getDisplayText,\n getItemKey,\n isProviderDropdown = false,\n renderIcon,\n itemClassName,\n}: DropdownItemProps<T>) {\n const itemProps = getItemProps({\n index,\n item,\n className: cn(\n isProviderDropdown\n ? \"px-2 py-0 cursor-pointer text-xs rounded-md mx-0 my-0 h-6 flex items-center\"\n : \"px-2 py-2 cursor-pointer text-sm rounded-md mx-0 my-0.5\",\n \"text-white focus:outline-none font-normal\",\n {\n \"bg-[var(--oh-interactive-selected)] text-white\": isSelected,\n \"hover:bg-[var(--oh-interactive-hover)]\": !isSelected,\n },\n itemClassName,\n ),\n });\n\n return (\n <li key={getItemKey(item)} {...itemProps}>\n <div className=\"flex items-center ~~gap-2~~\">\n {renderIcon?.(item)}\n <span className=\"font-normal\">{getDisplayText(item)}</span>\n </div>\n </li>\n );\n}\n"],"mappings":"~~;;;;AAeA~~,SAAgB,EAAgB,EAC9B,SACA,UACA,eACA,iBACA,mBACA,eACA,wBAAqB,IACrB,eACA,oBACuB;~~AAiBvB~~,QACE,kBAAC,MAAD;EAA2B,~~GAjBX~~,EAAa;GAC7B;GACA;GACA,WAAW,EACT,IACI,~~gFACA~~,~~2DACJ~~,6CACA;IACE,kDAAkD;IAClD,0CAA0C,CAAC;IAC5C,EACD,EACD;GACF,CAGgC;YAC7B,kBAAC,OAAD;GAAK,~~WAAU~~;~~aAAf~~,CACG,~~IAAa~~,EAAK,~~EACnB~~,kBAAC,QAAD;IAAM,WAAU;cAAe,EAAe,EAAK;IAAQ,CAAA,CACvD;;EACH,~~EALI~~,EAAW,EAAK,~~CAKpB~~"}
1	+ {"version":3,"file":"dropdown-item.js","names":[],"sources":["../../../../../src/components/features/home/shared/dropdown-item.tsx"],"sourcesContent":["import React from \"react\";\nimport { cn } from \"#/utils/utils\";\nimport {\n dropdownInstantColorClassName,\n dropdownMenuRowGapClassName,\n dropdownMenuRowIconWrapperClassName,\n} from \"#/utils/dropdown-classes\";\n\ninterface DropdownItemProps<T> {\n item: T;\n index: number;\n isSelected: boolean;\n getItemProps: <Options>(options: any & Options) => any; // eslint-disable-line @typescript-eslint/no-explicit-any\n getDisplayText: (item: T) => string;\n getItemKey: (item: T) => string;\n isProviderDropdown?: boolean;\n renderIcon?: (item: T) => React.ReactNode;\n itemClassName?: string;\n}\n\nexport function DropdownItem<T>({\n item,\n index,\n isSelected,\n getItemProps,\n getDisplayText,\n getItemKey,\n isProviderDropdown = false,\n renderIcon,\n itemClassName,\n}: DropdownItemProps<T>) {\n const itemProps = getItemProps({\n index,\n item,\n className: cn(\n isProviderDropdown\n ? \"group px-2 py-0 cursor-pointer text-xs rounded-md mx-0 my-0 h-6 flex items-center\"\n : \"group px-2 py-2 cursor-pointer text-sm rounded-md mx-0 my-0.5\",\n \"text-white focus:outline-none font-normal\",\n dropdownInstantColorClassName,\n {\n \"bg-[var(--oh-interactive-selected)] text-white\": isSelected,\n \"hover:bg-[var(--oh-interactive-hover)]\": !isSelected,\n },\n itemClassName,\n ),\n });\n\n return (\n <li key={getItemKey(item)} {...itemProps}>\n <div className={cn(\"flex items-center\", dropdownMenuRowGapClassName)}>\n {renderIcon ? (\n <span className={dropdownMenuRowIconWrapperClassName}>\n {renderIcon(item)}\n </span>\n ) : null}\n <span className=\"font-normal\">{getDisplayText(item)}</span>\n </div>\n </li>\n );\n}\n"],"mappings":";;;;;AAoBA,SAAgB,EAAgB,EAC9B,SACA,UACA,eACA,iBACA,mBACA,eACA,wBAAqB,IACrB,eACA,oBACuB;AAkBvB,QACE,kBAAC,MAAD;EAA2B,GAlBX,EAAa;GAC7B;GACA;GACA,WAAW,EACT,IACI,sFACA,iEACJ,6CACA,GACA;IACE,kDAAkD;IAClD,0CAA0C,CAAC;IAC5C,EACD,EACD;GACF,CAGgC;YAC7B,kBAAC,OAAD;GAAK,WAAW,EAAG,qBAAqB,EAA4B;aAApE,CACG,IACC,kBAAC,QAAD;IAAM,WAAW;cACd,EAAW,EAAK;IACZ,CAAA,GACL,MACJ,kBAAC,QAAD;IAAM,WAAU;cAAe,EAAe,EAAK;IAAQ,CAAA,CACvD;;EACH,EATI,EAAW,EAAK,CASpB"}