@openhands/agent-canvas 1.9.0 → 1.11.0

package/dist/components/features/skills/skill-facet-rail.d.ts

@@ -0,0 +1,8 @@
+import type { SkillFacetGroup, SkillFacetGroupId } from "./skill-filter";
+interface SkillFacetRailProps {
+    groups: SkillFacetGroup[];
+    onToggle: (groupId: SkillFacetGroupId, value: string) => void;
+    className?: string;
+}
+export declare function SkillFacetRail({ groups, onToggle, className, }: SkillFacetRailProps): import("react").JSX.Element | null;
+export {};

package/dist/components/features/skills/skill-facet-row.d.ts

@@ -0,0 +1,13 @@
+import { type LucideIcon } from "lucide-react";
+import { I18nKey } from "#/i18n/declaration";
+interface SkillFacetRowProps {
+    labelKey: I18nKey;
+    count: number;
+    checked: boolean;
+    disabled: boolean;
+    icon?: LucideIcon;
+    testId: string;
+    onToggle: () => void;
+}
+export declare function SkillFacetRow({ labelKey, count, checked, disabled, icon: Icon, testId, onToggle, }: SkillFacetRowProps): import("react").JSX.Element;
+export {};

package/dist/components/features/skills/skill-filter.d.ts

@@ -0,0 +1,34 @@
+import type { SkillCategoryId } from "@openhands/extensions/skills";
+import { I18nKey } from "#/i18n/declaration";
+import type { SkillInfo, SkillType } from "#/types/settings";
+import { type SkillScope } from "#/utils/skill-scope";
+export declare const SKILL_FILTER_QUERY_PARAM = "q";
+export type SkillEnabledState = "enabled" | "disabled";
+export type SkillFacetGroupId = "state" | "source" | "category" | "type";
+export interface SkillFilterState {
+    query: string;
+    sources: Set<SkillScope>;
+    categories: Set<SkillCategoryId>;
+    types: Set<SkillType>;
+    states: Set<SkillEnabledState>;
+}
+export interface SkillFacetRowModel {
+    value: string;
+    labelKey: I18nKey;
+    count: number;
+    checked: boolean;
+    disabled: boolean;
+}
+export interface SkillFacetGroup {
+    id: SkillFacetGroupId;
+    labelKey: I18nKey;
+    rows: SkillFacetRowModel[];
+}
+export declare const EMPTY_SKILL_FILTER_STATE: SkillFilterState;
+export declare function parseSkillFilterState(params: URLSearchParams): SkillFilterState;
+export declare function toSkillFilterSearchParams(state: SkillFilterState): URLSearchParams;
+export declare function applySkillFilters(skills: SkillInfo[], disabledSet: Set<string>, state: SkillFilterState): SkillInfo[];
+export declare function buildSkillFacetGroups(skills: SkillInfo[], disabledSet: Set<string>, state: SkillFilterState): SkillFacetGroup[];
+export declare function toggleSkillFilterValue(state: SkillFilterState, groupId: SkillFacetGroupId, value: string): SkillFilterState;
+export declare function clearSkillFilterFacets(state: SkillFilterState): SkillFilterState;
+export declare function countActiveFilters(state: SkillFilterState): number;

package/dist/components/features/skills/skill-filters-modal.d.ts

@@ -0,0 +1,10 @@
+import type { SkillFacetGroup, SkillFacetGroupId } from "./skill-filter";
+interface SkillFiltersModalProps {
+    groups: SkillFacetGroup[];
+    activeCount: number;
+    onToggle: (groupId: SkillFacetGroupId, value: string) => void;
+    onClearAll: () => void;
+    onClose: () => void;
+}
+export declare function SkillFiltersModal({ groups, activeCount, onToggle, onClearAll, onClose, }: SkillFiltersModalProps): import("react").JSX.Element;
+export {};

package/dist/components/features/skills/skill-icon-badge.d.ts

@@ -2,5 +2,5 @@ interface SkillIconBadgeProps {
     skillName: string;
     className?: string;
 }
-export declare function SkillIconBadge({ skillName, className }: SkillIconBadgeProps): import("react/jsx-runtime").JSX.Element;
+export declare function SkillIconBadge({ skillName, className }: SkillIconBadgeProps): import("react").JSX.Element;
 export {};

package/dist/components/features/skills/skill-type-badge.d.ts

@@ -4,5 +4,5 @@ interface SkillTypeBadgeProps {
     type: SkillType;
 }
 export declare function getSkillTypeLabelKey(type: SkillType): I18nKey;
-export declare function SkillTypeBadge({ type }: SkillTypeBadgeProps): import("react/jsx-runtime").JSX.Element;
+export declare function SkillTypeBadge({ type }: SkillTypeBadgeProps): import("react").JSX.Element;
 export {};

package/dist/components/features/skills/skills-toolbar.d.ts

@@ -1,9 +1,8 @@
-import type { SkillTypeFilter } from "./skill-type-filter";
 interface SkillsToolbarProps {
     search: string;
     onSearchChange: (value: string) => void;
-    typeFilter: SkillTypeFilter;
-    onTypeFilterChange: (filter: SkillTypeFilter) => void;
+    activeFilterCount: number;
+    onOpenFilters: () => void;
 }
-export declare function SkillsToolbar({ search, onSearchChange, typeFilter, onTypeFilterChange, }: SkillsToolbarProps): import("react/jsx-runtime").JSX.Element;
+export declare function SkillsToolbar({ search, onSearchChange, activeFilterCount, onOpenFilters, }: SkillsToolbarProps): import("react").JSX.Element;
 export {};

package/dist/components/features/suggestions/suggestion-item.d.ts

@@ -7,5 +7,5 @@ interface SuggestionItemProps {
     suggestion: Suggestion;
     onClick: (value: string) => void;
 }
-export declare function SuggestionItem({ suggestion, onClick }: SuggestionItemProps): import("react/jsx-runtime").JSX.Element;
+export declare function SuggestionItem({ suggestion, onClick }: SuggestionItemProps): import("react").JSX.Element;
 export {};

package/dist/components/features/suggestions/suggestions.d.ts

@@ -3,5 +3,5 @@ interface SuggestionsProps {
     suggestions: Suggestion[];
     onSuggestionClick: (value: string) => void;
 }
-export declare function Suggestions({ suggestions, onSuggestionClick, }: SuggestionsProps): import("react/jsx-runtime").JSX.Element;
+export declare function Suggestions({ suggestions, onSuggestionClick, }: SuggestionsProps): import("react").JSX.Element;
 export {};

package/dist/components/features/terminal/empty-terminal-message.d.ts

@@ -1 +1 @@
-export declare function EmptyTerminalMessage(): import("react/jsx-runtime").JSX.Element;
+export declare function EmptyTerminalMessage(): import("react").JSX.Element;

package/dist/components/features/terminal/terminal.d.ts

@@ -1,3 +1,3 @@
 import "@xterm/xterm/css/xterm.css";
-declare function Terminal(): import("react/jsx-runtime").JSX.Element;
+declare function Terminal(): import("react").JSX.Element;
 export default Terminal;

package/dist/components/features/tips/random-tip.d.ts

@@ -1 +1,2 @@
-export declare function RandomTip(): import("react/jsx-runtime").JSX.Element;
+import React from "react";
+export declare function RandomTip(): React.JSX.Element;

package/dist/components/providers/agent-server-ui-providers.d.ts

@@ -15,4 +15,4 @@ export interface AgentServerUIProvidersProps extends Pick<AgentServerUIRootProps
     i18n?: I18nInstance;
     withStyleRoot?: boolean;
 }
-export declare function AgentServerUIProviders({ children, queryClient, analytics, i18n, className, contentClassName, style, styleOverrides, theme, withStyleRoot, }: AgentServerUIProvidersProps): import("react/jsx-runtime").JSX.Element;
+export declare function AgentServerUIProviders({ children, queryClient, analytics, i18n, className, contentClassName, style, styleOverrides, theme, withStyleRoot, }: AgentServerUIProvidersProps): React.JSX.Element;

package/dist/components/providers/agent-server-ui-root.d.ts

@@ -7,4 +7,4 @@ export interface AgentServerUIRootProps extends Omit<React.HTMLAttributes<HTMLDi
     styleOverrides?: AgentServerUIStyleOverrides;
     contentClassName?: string;
 }
-export declare function AgentServerUIRoot({ children, theme, className, style, styleOverrides, contentClassName, ...divProps }: AgentServerUIRootProps): import("react/jsx-runtime").JSX.Element;
+export declare function AgentServerUIRoot({ children, theme, className, style, styleOverrides, contentClassName, ...divProps }: AgentServerUIRootProps): React.JSX.Element;

package/dist/components/providers/telemetry-provider.d.ts

@@ -3,4 +3,4 @@ import { type TelemetryConfiguration } from "#/services/telemetry";
 export declare function TelemetryProvider({ children, config, }: {
     children: React.ReactNode;
     config?: TelemetryConfiguration;
-}): import("react/jsx-runtime").JSX.Element;
+}): React.JSX.Element;

package/dist/components/shared/action-tooltip.d.ts

@@ -2,5 +2,5 @@ interface ActionTooltipProps {
     type: "confirm" | "reject";
     onClick: () => void;
 }
-export declare function ActionTooltip({ type, onClick }: ActionTooltipProps): import("react/jsx-runtime").JSX.Element;
+export declare function ActionTooltip({ type, onClick }: ActionTooltipProps): import("react").JSX.Element;
 export {};

package/dist/components/shared/agent-brand-icon.d.ts

@@ -12,5 +12,5 @@ interface AgentBrandIconProps {
     className?: string;
     "data-testid"?: string;
 }
-export declare function AgentBrandIcon({ kind, size, className, "data-testid": testId, }: AgentBrandIconProps): import("react/jsx-runtime").JSX.Element;
+export declare function AgentBrandIcon({ kind, size, className, "data-testid": testId, }: AgentBrandIconProps): import("react").JSX.Element;
 export {};

package/dist/components/shared/badge.d.ts

@@ -1 +1 @@
-export declare function BrandBadge({ children, className, ...rest }: React.HTMLAttributes<HTMLSpanElement>): import("react/jsx-runtime").JSX.Element;
+export declare function BrandBadge({ children, className, ...rest }: React.HTMLAttributes<HTMLSpanElement>): import("react").JSX.Element;

package/dist/components/shared/buttons/back-nav-button-content.d.ts

@@ -1,4 +1,4 @@
 import type { ReactNode } from "react";
 export declare function BackNavButtonContent({ children }: {
     children: ReactNode;
-}): import("react/jsx-runtime").JSX.Element;
+}): import("react").JSX.Element;

package/dist/components/shared/buttons/circle-plus-check-toggle.d.ts

@@ -1,3 +1,4 @@
+import React from "react";
 import { I18nKey } from "#/i18n/declaration";
 interface CirclePlusCheckToggleProps {
     testId?: string;
@@ -15,6 +16,6 @@ export declare function CirclePlusBadge({ className, testId, tooltipKey, }: {
     className?: string;
     testId?: string;
     tooltipKey?: I18nKey;
-}): import("react/jsx-runtime").JSX.Element;
-export declare function CirclePlusCheckToggle({ testId, isSelected, onToggle, isDisabled, className, enableLabelKey, disableLabelKey, enableTooltipKey, disableTooltipKey, removeTooltipKey, }: CirclePlusCheckToggleProps): import("react/jsx-runtime").JSX.Element;
+}): React.JSX.Element;
+export declare function CirclePlusCheckToggle({ testId, isSelected, onToggle, isDisabled, className, enableLabelKey, disableLabelKey, enableTooltipKey, disableTooltipKey, removeTooltipKey, }: CirclePlusCheckToggleProps): React.JSX.Element;
 export {};

package/dist/components/shared/buttons/conversation-confirmation-buttons.d.ts

@@ -1 +1 @@
-export declare function ConversationConfirmationButtons(): import("react/jsx-runtime").JSX.Element | null;
+export declare function ConversationConfirmationButtons(): import("react").JSX.Element | null;

package/dist/components/shared/buttons/copy-to-clipboard-button.d.ts

@@ -4,5 +4,5 @@ interface CopyToClipboardButtonProps {
     onClick: () => void;
     mode: "copy" | "copied";
 }
-export declare function CopyToClipboardButton({ isHidden, isDisabled, onClick, mode, }: CopyToClipboardButtonProps): import("react/jsx-runtime").JSX.Element;
+export declare function CopyToClipboardButton({ isHidden, isDisabled, onClick, mode, }: CopyToClipboardButtonProps): import("react").JSX.Element;
 export {};

package/dist/components/shared/buttons/copyable-content-wrapper.d.ts

@@ -2,4 +2,4 @@ import React from "react";
 export declare function CopyableContentWrapper({ text, children, }: {
     text: string;
     children: React.ReactNode;
-}): import("react/jsx-runtime").JSX.Element;
+}): React.JSX.Element;

package/dist/components/shared/buttons/modal-button.d.ts

@@ -10,5 +10,5 @@ interface ModalButtonProps {
     disabled?: boolean;
     intent?: string;
 }
-export declare function ModalButton({ testId, variant, onClick, text, className, icon, type, disabled, intent, }: ModalButtonProps): import("react/jsx-runtime").JSX.Element;
+export declare function ModalButton({ testId, variant, onClick, text, className, icon, type, disabled, intent, }: ModalButtonProps): React.JSX.Element;
 export {};

package/dist/components/shared/buttons/openhands-logo-button.d.ts

@@ -5,4 +5,4 @@ export type OpenHandsLogoButtonProps = {
     logoWidth?: number;
     logoHeight?: number;
 };
-export declare function OpenHandsLogoButton({ className, logoClassName, logoWidth, logoHeight, }?: OpenHandsLogoButtonProps): import("react/jsx-runtime").JSX.Element;
+export declare function OpenHandsLogoButton({ className, logoClassName, logoWidth, logoHeight, }?: OpenHandsLogoButtonProps): import("react").JSX.Element;

package/dist/components/shared/buttons/remove-button.d.ts

@@ -2,5 +2,5 @@ interface RemoveButtonProps {
     onClick: () => void;
     className?: React.HTMLAttributes<HTMLDivElement>["className"];
 }
-export declare function RemoveButton({ onClick, className }: RemoveButtonProps): import("react/jsx-runtime").JSX.Element;
+export declare function RemoveButton({ onClick, className }: RemoveButtonProps): import("react").JSX.Element;
 export {};

package/dist/components/shared/buttons/scroll-to-bottom-button.d.ts

@@ -1,5 +1,5 @@
 interface ScrollToBottomButtonProps {
     onClick: () => void;
 }
-export declare function ScrollToBottomButton({ onClick }: ScrollToBottomButtonProps): import("react/jsx-runtime").JSX.Element;
+export declare function ScrollToBottomButton({ onClick }: ScrollToBottomButtonProps): import("react").JSX.Element;
 export {};

package/dist/components/shared/buttons/styled-tooltip.d.ts

@@ -10,4 +10,4 @@ export interface StyledTooltipProps {
     offset?: number;
     shouldFlip?: boolean;
 }
-export declare function StyledTooltip({ children, content, tooltipClassName, placement, showArrow, closeDelay, shouldFlip, offset, }: StyledTooltipProps): import("react/jsx-runtime").JSX.Element;
+export declare function StyledTooltip({ children, content, tooltipClassName, placement, showArrow, closeDelay, shouldFlip, offset, }: StyledTooltipProps): React.JSX.Element;

package/dist/components/shared/filters/enum-filter-dropdown.cjs

@@ -1,2 +1,2 @@
-const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../../node_modules/react-i18next/dist/es/useTranslation.cjs"),n=require("../../../i18n/declaration.cjs"),r=require("../../../node_modules/lucide-react/dist/esm/icons/check.cjs"),i=require("../../../node_modules/lucide-react/dist/esm/icons/chevron-down.cjs"),a=require("../../../utils/utils.cjs"),o=require("../../../utils/dropdown-classes.cjs"),s=require("../../../hooks/use-click-outside-element.cjs");let c=require("react");c=e.__toESM(c,1);let l=require("react/jsx-runtime");function u({testId:e,value:u,onChange:d,options:f,labelKeyByValue:p}){let{t:m}=t.useTranslation(`openhands`),[h,g]=c.default.useState(!1),_=s.useClickOutsideElement(()=>g(!1)),v=f[0],y=m(p[u]);return(0,l.jsxs)(`div`,{ref:_,className:`relative shrink-0 w-auto`,"data-testid":e,children:[(0,l.jsxs)(`button`,{type:`button`,"data-testid":`dropdown-trigger`,"aria-haspopup":`menu`,"aria-expanded":h,"aria-label":m(n.I18nKey.CONVERSATION_PANEL$FILTER_LABEL),onClick:()=>g(e=>!e),className:a.cn(o.dropdownFilterTriggerClassName,v&&u!==v&&`border-white/60 bg-white/10`),children:[(0,l.jsx)(`span`,{className:`whitespace-nowrap`,children:y}),(0,l.jsx)(i.ChevronDown,{className:a.cn(`h-4 w-4 shrink-0 text-tertiary-alt transition-transform`,h&&`rotate-180`),"aria-hidden":!0})]}),h?(0,l.jsx)(`div`,{role:`menu`,"data-testid":`${e}-menu`,"aria-label":m(n.I18nKey.CONVERSATION_PANEL$FILTER_LABEL),className:a.cn(`absolute right-0 top-full z-50 mt-1 min-w-full w-max`,`max-h-60 overflow-auto rounded-[6px] bg-tertiary p-1 context-menu-box-shadow`,o.dropdownMenuListClassName),children:f.map(t=>{let n=t===u;return(0,l.jsxs)(`button`,{type:`button`,role:`menuitemradio`,"aria-checked":n,"data-testid":`${e}-${t}`,onClick:()=>{d(t),g(!1)},className:a.cn(o.dropdownMenuRowClassName,n&&`bg-[var(--oh-interactive-selected)]`),children:[(0,l.jsx)(`span`,{className:`min-w-0 flex-1 truncate`,children:m(p[t])}),n?(0,l.jsx)(r.Check,{className:`h-4 w-4 shrink-0`,"aria-hidden":!0}):null]},t)})}):null]})}exports.EnumFilterDropdown=u;
+const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../../node_modules/react-i18next/dist/es/useTranslation.cjs"),n=require("../../../i18n/declaration.cjs"),r=require("../../../node_modules/lucide-react/dist/esm/icons/check.cjs"),i=require("../../../node_modules/lucide-react/dist/esm/icons/chevron-down.cjs"),a=require("../../../utils/utils.cjs"),o=require("../../../utils/dropdown-classes.cjs"),s=require("../../../hooks/use-click-outside-element.cjs");let c=require("react");c=e.__toESM(c,1);let l=require("react/jsx-runtime");function u({testId:e,value:u,onChange:d,options:f,labelKeyByValue:p,labelByValue:m,ariaLabel:h}){let{t:g}=t.useTranslation(`openhands`),[_,v]=c.default.useState(!1),y=s.useClickOutsideElement(()=>v(!1)),b=e=>m?.[e]??(p?g(p[e]):e),x=h??g(n.I18nKey.CONVERSATION_PANEL$FILTER_LABEL),S=f[0],C=b(u);return(0,l.jsxs)(`div`,{ref:y,className:`relative shrink-0 w-auto`,"data-testid":e,children:[(0,l.jsxs)(`button`,{type:`button`,"data-testid":`dropdown-trigger`,"aria-haspopup":`menu`,"aria-expanded":_,"aria-label":x,onClick:()=>v(e=>!e),className:a.cn(o.dropdownFilterTriggerClassName,S&&u!==S&&`border-white/60 bg-white/10`),children:[(0,l.jsx)(`span`,{className:`whitespace-nowrap`,children:C}),(0,l.jsx)(i.ChevronDown,{className:a.cn(`h-4 w-4 shrink-0 text-tertiary-alt transition-transform`,_&&`rotate-180`),"aria-hidden":!0})]}),_?(0,l.jsx)(`div`,{role:`menu`,"data-testid":`${e}-menu`,"aria-label":x,className:a.cn(`absolute right-0 top-full z-50 mt-1 min-w-full w-max`,`max-h-60 overflow-auto rounded-[6px] bg-tertiary p-1 context-menu-box-shadow`,o.dropdownMenuListClassName),children:f.map(t=>{let n=t===u;return(0,l.jsxs)(`button`,{type:`button`,role:`menuitemradio`,"aria-checked":n,"data-testid":`${e}-${t}`,onClick:()=>{d(t),v(!1)},className:a.cn(o.dropdownMenuRowClassName,n&&`bg-[var(--oh-interactive-selected)]`),children:[(0,l.jsx)(`span`,{className:`min-w-0 flex-1 truncate`,children:b(t)}),n?(0,l.jsx)(r.Check,{className:`h-4 w-4 shrink-0`,"aria-hidden":!0}):null]},t)})}):null]})}exports.EnumFilterDropdown=u;
 //# sourceMappingURL=enum-filter-dropdown.cjs.map

package/dist/components/shared/filters/enum-filter-dropdown.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"enum-filter-dropdown.cjs","names":[],"sources":["../../../../src/components/shared/filters/enum-filter-dropdown.tsx"],"sourcesContent":["import React from \"react\";\nimport { Check, ChevronDown } from \"lucide-react\";\nimport { useTranslation } from \"react-i18next\";\nimport { I18nKey } from \"#/i18n/declaration\";\nimport { useClickOutsideElement } from \"#/hooks/use-click-outside-element\";\nimport { cn } from \"#/utils/utils\";\nimport {\n  dropdownFilterTriggerClassName,\n  dropdownMenuListClassName,\n  dropdownMenuRowClassName,\n} from \"#/utils/dropdown-classes\";\n\ninterface EnumFilterDropdownProps<T extends string> {\n  testId: string;\n  value: T;\n  onChange: (value: T) => void;\n  options: readonly T[];\n  labelKeyByValue: Record<T, I18nKey>;\n}\n\nexport function EnumFilterDropdown<T extends string>({\n  testId,\n  value,\n  onChange,\n  options,\n  labelKeyByValue,\n}: EnumFilterDropdownProps<T>) {\n  const { t } = useTranslation(\"openhands\");\n  const [open, setOpen] = React.useState(false);\n  const containerRef = useClickOutsideElement<HTMLDivElement>(() =>\n    setOpen(false),\n  );\n\n  const defaultOption = options[0];\n  const selectedLabel = t(labelKeyByValue[value]);\n\n  return (\n    <div\n      ref={containerRef}\n      className=\"relative shrink-0 w-auto\"\n      data-testid={testId}\n    >\n      <button\n        type=\"button\"\n        data-testid=\"dropdown-trigger\"\n        aria-haspopup=\"menu\"\n        aria-expanded={open}\n        aria-label={t(I18nKey.CONVERSATION_PANEL$FILTER_LABEL)}\n        onClick={() => setOpen((prev) => !prev)}\n        className={cn(\n          dropdownFilterTriggerClassName,\n          defaultOption &&\n            value !== defaultOption &&\n            \"border-white/60 bg-white/10\",\n        )}\n      >\n        <span className=\"whitespace-nowrap\">{selectedLabel}</span>\n        <ChevronDown\n          className={cn(\n            \"h-4 w-4 shrink-0 text-tertiary-alt transition-transform\",\n            open && \"rotate-180\",\n          )}\n          aria-hidden\n        />\n      </button>\n\n      {open ? (\n        <div\n          role=\"menu\"\n          data-testid={`${testId}-menu`}\n          aria-label={t(I18nKey.CONVERSATION_PANEL$FILTER_LABEL)}\n          className={cn(\n            \"absolute right-0 top-full z-50 mt-1 min-w-full w-max\",\n            \"max-h-60 overflow-auto rounded-[6px] bg-tertiary p-1 context-menu-box-shadow\",\n            dropdownMenuListClassName,\n          )}\n        >\n          {options.map((option) => {\n            const selected = option === value;\n            return (\n              <button\n                key={option}\n                type=\"button\"\n                role=\"menuitemradio\"\n                aria-checked={selected}\n                data-testid={`${testId}-${option}`}\n                onClick={() => {\n                  onChange(option);\n                  setOpen(false);\n                }}\n                className={cn(\n                  dropdownMenuRowClassName,\n                  selected && \"bg-[var(--oh-interactive-selected)]\",\n                )}\n              >\n                <span className=\"min-w-0 flex-1 truncate\">\n                  {t(labelKeyByValue[option])}\n                </span>\n                {selected ? (\n                  <Check className=\"h-4 w-4 shrink-0\" aria-hidden />\n                ) : null}\n              </button>\n            );\n          })}\n        </div>\n      ) : null}\n    </div>\n  );\n}\n"],"mappings":"uiBAoBA,SAAgB,EAAqC,CACnD,SACA,QACA,WACA,UACA,mBAC6B,CAC7B,GAAM,CAAE,KAAM,EAAA,eAAe,WAAW,EAClC,CAAC,EAAM,GAAW,EAAA,QAAM,SAAS,EAAK,EACtC,EAAe,EAAA,2BACnB,EAAQ,EAAK,CACf,EAEM,EAAgB,EAAQ,GACxB,EAAgB,EAAE,EAAgB,EAAM,EAE9C,OACE,EAAA,EAAA,MAAC,MAAD,CACE,IAAK,EACL,UAAU,2BACV,cAAa,WAHf,EAKE,EAAA,EAAA,MAAC,SAAD,CACE,KAAK,SACL,cAAY,mBACZ,gBAAc,OACd,gBAAe,EACf,aAAY,EAAE,EAAA,QAAQ,+BAA+B,EACrD,YAAe,EAAS,GAAS,CAAC,CAAI,EACtC,UAAW,EAAA,GACT,EAAA,+BACA,GACE,IAAU,GACV,6BACJ,WAZF,EAcE,EAAA,EAAA,KAAC,OAAD,CAAM,UAAU,6BAAqB,CAAoB,CAAA,GACzD,EAAA,EAAA,KAAC,EAAA,YAAD,CACE,UAAW,EAAA,GACT,0DACA,GAAQ,YACV,EACA,cAAA,EACD,CAAA,CACK,IAEP,GACC,EAAA,EAAA,KAAC,MAAD,CACE,KAAK,OACL,cAAa,GAAG,EAAO,OACvB,aAAY,EAAE,EAAA,QAAQ,+BAA+B,EACrD,UAAW,EAAA,GACT,uDACA,+EACA,EAAA,yBACF,WAEC,EAAQ,IAAK,GAAW,CACvB,IAAM,EAAW,IAAW,EAC5B,OACE,EAAA,EAAA,MAAC,SAAD,CAEE,KAAK,SACL,KAAK,gBACL,eAAc,EACd,cAAa,GAAG,EAAO,GAAG,IAC1B,YAAe,CACb,EAAS,CAAM,EACf,EAAQ,EAAK,CACf,EACA,UAAW,EAAA,GACT,EAAA,yBACA,GAAY,qCACd,WAbF,EAeE,EAAA,EAAA,KAAC,OAAD,CAAM,UAAU,mCACb,EAAE,EAAgB,EAAO,CACtB,CAAA,EACL,GACC,EAAA,EAAA,KAAC,EAAA,MAAD,CAAO,UAAU,mBAAmB,cAAA,EAAa,CAAA,EAC/C,IACE,GApBD,CAoBC,CAEZ,CAAC,CACE,CAAA,EACH,IACD,GAET"}
+{"version":3,"file":"enum-filter-dropdown.cjs","names":[],"sources":["../../../../src/components/shared/filters/enum-filter-dropdown.tsx"],"sourcesContent":["import React from \"react\";\nimport { Check, ChevronDown } from \"lucide-react\";\nimport { useTranslation } from \"react-i18next\";\nimport { I18nKey } from \"#/i18n/declaration\";\nimport { useClickOutsideElement } from \"#/hooks/use-click-outside-element\";\nimport { cn } from \"#/utils/utils\";\nimport {\n  dropdownFilterTriggerClassName,\n  dropdownMenuListClassName,\n  dropdownMenuRowClassName,\n} from \"#/utils/dropdown-classes\";\n\ninterface EnumFilterDropdownProps<T extends string> {\n  testId: string;\n  value: T;\n  onChange: (value: T) => void;\n  options: readonly T[];\n  labelKeyByValue?: Record<T, I18nKey>;\n  /** Plain-string labels, e.g. manifest-supplied copy. Wins over the keys. */\n  labelByValue?: Record<T, string>;\n  ariaLabel?: string;\n}\n\nexport function EnumFilterDropdown<T extends string>({\n  testId,\n  value,\n  onChange,\n  options,\n  labelKeyByValue,\n  labelByValue,\n  ariaLabel,\n}: EnumFilterDropdownProps<T>) {\n  const { t } = useTranslation(\"openhands\");\n  const [open, setOpen] = React.useState(false);\n  const containerRef = useClickOutsideElement<HTMLDivElement>(() =>\n    setOpen(false),\n  );\n\n  const getOptionLabel = (option: T): string =>\n    labelByValue?.[option] ??\n    (labelKeyByValue ? t(labelKeyByValue[option]) : option);\n  const resolvedAriaLabel =\n    ariaLabel ?? t(I18nKey.CONVERSATION_PANEL$FILTER_LABEL);\n\n  const defaultOption = options[0];\n  const selectedLabel = getOptionLabel(value);\n\n  return (\n    <div\n      ref={containerRef}\n      className=\"relative shrink-0 w-auto\"\n      data-testid={testId}\n    >\n      <button\n        type=\"button\"\n        data-testid=\"dropdown-trigger\"\n        aria-haspopup=\"menu\"\n        aria-expanded={open}\n        aria-label={resolvedAriaLabel}\n        onClick={() => setOpen((prev) => !prev)}\n        className={cn(\n          dropdownFilterTriggerClassName,\n          defaultOption &&\n            value !== defaultOption &&\n            \"border-white/60 bg-white/10\",\n        )}\n      >\n        <span className=\"whitespace-nowrap\">{selectedLabel}</span>\n        <ChevronDown\n          className={cn(\n            \"h-4 w-4 shrink-0 text-tertiary-alt transition-transform\",\n            open && \"rotate-180\",\n          )}\n          aria-hidden\n        />\n      </button>\n\n      {open ? (\n        <div\n          role=\"menu\"\n          data-testid={`${testId}-menu`}\n          aria-label={resolvedAriaLabel}\n          className={cn(\n            \"absolute right-0 top-full z-50 mt-1 min-w-full w-max\",\n            \"max-h-60 overflow-auto rounded-[6px] bg-tertiary p-1 context-menu-box-shadow\",\n            dropdownMenuListClassName,\n          )}\n        >\n          {options.map((option) => {\n            const selected = option === value;\n            return (\n              <button\n                key={option}\n                type=\"button\"\n                role=\"menuitemradio\"\n                aria-checked={selected}\n                data-testid={`${testId}-${option}`}\n                onClick={() => {\n                  onChange(option);\n                  setOpen(false);\n                }}\n                className={cn(\n                  dropdownMenuRowClassName,\n                  selected && \"bg-[var(--oh-interactive-selected)]\",\n                )}\n              >\n                <span className=\"min-w-0 flex-1 truncate\">\n                  {getOptionLabel(option)}\n                </span>\n                {selected ? (\n                  <Check className=\"h-4 w-4 shrink-0\" aria-hidden />\n                ) : null}\n              </button>\n            );\n          })}\n        </div>\n      ) : null}\n    </div>\n  );\n}\n"],"mappings":"uiBAuBA,SAAgB,EAAqC,CACnD,SACA,QACA,WACA,UACA,kBACA,eACA,aAC6B,CAC7B,GAAM,CAAE,KAAM,EAAA,eAAe,WAAW,EAClC,CAAC,EAAM,GAAW,EAAA,QAAM,SAAS,EAAK,EACtC,EAAe,EAAA,2BACnB,EAAQ,EAAK,CACf,EAEM,EAAkB,GACtB,IAAe,KACd,EAAkB,EAAE,EAAgB,EAAO,EAAI,GAC5C,EACJ,GAAa,EAAE,EAAA,QAAQ,+BAA+B,EAElD,EAAgB,EAAQ,GACxB,EAAgB,EAAe,CAAK,EAE1C,OACE,EAAA,EAAA,MAAC,MAAD,CACE,IAAK,EACL,UAAU,2BACV,cAAa,WAHf,EAKE,EAAA,EAAA,MAAC,SAAD,CACE,KAAK,SACL,cAAY,mBACZ,gBAAc,OACd,gBAAe,EACf,aAAY,EACZ,YAAe,EAAS,GAAS,CAAC,CAAI,EACtC,UAAW,EAAA,GACT,EAAA,+BACA,GACE,IAAU,GACV,6BACJ,WAZF,EAcE,EAAA,EAAA,KAAC,OAAD,CAAM,UAAU,6BAAqB,CAAoB,CAAA,GACzD,EAAA,EAAA,KAAC,EAAA,YAAD,CACE,UAAW,EAAA,GACT,0DACA,GAAQ,YACV,EACA,cAAA,EACD,CAAA,CACK,IAEP,GACC,EAAA,EAAA,KAAC,MAAD,CACE,KAAK,OACL,cAAa,GAAG,EAAO,OACvB,aAAY,EACZ,UAAW,EAAA,GACT,uDACA,+EACA,EAAA,yBACF,WAEC,EAAQ,IAAK,GAAW,CACvB,IAAM,EAAW,IAAW,EAC5B,OACE,EAAA,EAAA,MAAC,SAAD,CAEE,KAAK,SACL,KAAK,gBACL,eAAc,EACd,cAAa,GAAG,EAAO,GAAG,IAC1B,YAAe,CACb,EAAS,CAAM,EACf,EAAQ,EAAK,CACf,EACA,UAAW,EAAA,GACT,EAAA,yBACA,GAAY,qCACd,WAbF,EAeE,EAAA,EAAA,KAAC,OAAD,CAAM,UAAU,mCACb,EAAe,CAAM,CAClB,CAAA,EACL,GACC,EAAA,EAAA,KAAC,EAAA,MAAD,CAAO,UAAU,mBAAmB,cAAA,EAAa,CAAA,EAC/C,IACE,GApBD,CAoBC,CAEZ,CAAC,CACE,CAAA,EACH,IACD,GAET"}

package/dist/components/shared/filters/enum-filter-dropdown.d.ts

@@ -1,10 +1,14 @@
+import React from "react";
 import { I18nKey } from "#/i18n/declaration";
 interface EnumFilterDropdownProps<T extends string> {
     testId: string;
     value: T;
     onChange: (value: T) => void;
     options: readonly T[];
-    labelKeyByValue: Record<T, I18nKey>;
+    labelKeyByValue?: Record<T, I18nKey>;
+    /** Plain-string labels, e.g. manifest-supplied copy. Wins over the keys. */
+    labelByValue?: Record<T, string>;
+    ariaLabel?: string;
 }
-export declare function EnumFilterDropdown<T extends string>({ testId, value, onChange, options, labelKeyByValue, }: EnumFilterDropdownProps<T>): import("react/jsx-runtime").JSX.Element;
+export declare function EnumFilterDropdown<T extends string>({ testId, value, onChange, options, labelKeyByValue, labelByValue, ariaLabel, }: EnumFilterDropdownProps<T>): React.JSX.Element;
 export {};

package/dist/components/shared/filters/enum-filter-dropdown.js

@@ -8,31 +8,31 @@ import { useClickOutsideElement as c } from "../../../hooks/use-click-outside-el
 import l from "react";
 import { jsx as u, jsxs as d } from "react/jsx-runtime";
 //#region src/components/shared/filters/enum-filter-dropdown.tsx
-function f({ testId: f, value: p, onChange: m, options: h, labelKeyByValue: g }) {
-	let { t: _ } = e("openhands"), [v, y] = l.useState(!1), b = c(() => y(!1)), x = h[0], S = _(g[p]);
+function f({ testId: f, value: p, onChange: m, options: h, labelKeyByValue: g, labelByValue: _, ariaLabel: v }) {
+	let { t: y } = e("openhands"), [b, x] = l.useState(!1), S = c(() => x(!1)), C = (e) => _?.[e] ?? (g ? y(g[e]) : e), w = v ?? y(t.CONVERSATION_PANEL$FILTER_LABEL), T = h[0], E = C(p);
 	return /* @__PURE__ */ d("div", {
-		ref: b,
+		ref: S,
 		className: "relative shrink-0 w-auto",
 		"data-testid": f,
 		children: [/* @__PURE__ */ d("button", {
 			type: "button",
 			"data-testid": "dropdown-trigger",
 			"aria-haspopup": "menu",
-			"aria-expanded": v,
-			"aria-label": _(t.CONVERSATION_PANEL$FILTER_LABEL),
-			onClick: () => y((e) => !e),
-			className: i(a, x && p !== x && "border-white/60 bg-white/10"),
+			"aria-expanded": b,
+			"aria-label": w,
+			onClick: () => x((e) => !e),
+			className: i(a, T && p !== T && "border-white/60 bg-white/10"),
 			children: [/* @__PURE__ */ u("span", {
 				className: "whitespace-nowrap",
-				children: S
+				children: E
 			}), /* @__PURE__ */ u(r, {
-				className: i("h-4 w-4 shrink-0 text-tertiary-alt transition-transform", v && "rotate-180"),
+				className: i("h-4 w-4 shrink-0 text-tertiary-alt transition-transform", b && "rotate-180"),
 				"aria-hidden": !0
 			})]
-		}), v ? /* @__PURE__ */ u("div", {
+		}), b ? /* @__PURE__ */ u("div", {
 			role: "menu",
 			"data-testid": `${f}-menu`,
-			"aria-label": _(t.CONVERSATION_PANEL$FILTER_LABEL),
+			"aria-label": w,
 			className: i("absolute right-0 top-full z-50 mt-1 min-w-full w-max", "max-h-60 overflow-auto rounded-[6px] bg-tertiary p-1 context-menu-box-shadow", o),
 			children: h.map((e) => {
 				let t = e === p;
@@ -42,12 +42,12 @@ function f({ testId: f, value: p, onChange: m, options: h, labelKeyByValue: g })
 					"aria-checked": t,
 					"data-testid": `${f}-${e}`,
 					onClick: () => {
-						m(e), y(!1);
+						m(e), x(!1);
 					},
 					className: i(s, t && "bg-[var(--oh-interactive-selected)]"),
 					children: [/* @__PURE__ */ u("span", {
 						className: "min-w-0 flex-1 truncate",
-						children: _(g[e])
+						children: C(e)
 					}), t ? /* @__PURE__ */ u(n, {
 						className: "h-4 w-4 shrink-0",
 						"aria-hidden": !0

package/dist/components/shared/filters/enum-filter-dropdown.js.map

@@ -1 +1 @@
-{"version":3,"file":"enum-filter-dropdown.js","names":[],"sources":["../../../../src/components/shared/filters/enum-filter-dropdown.tsx"],"sourcesContent":["import React from \"react\";\nimport { Check, ChevronDown } from \"lucide-react\";\nimport { useTranslation } from \"react-i18next\";\nimport { I18nKey } from \"#/i18n/declaration\";\nimport { useClickOutsideElement } from \"#/hooks/use-click-outside-element\";\nimport { cn } from \"#/utils/utils\";\nimport {\n  dropdownFilterTriggerClassName,\n  dropdownMenuListClassName,\n  dropdownMenuRowClassName,\n} from \"#/utils/dropdown-classes\";\n\ninterface EnumFilterDropdownProps<T extends string> {\n  testId: string;\n  value: T;\n  onChange: (value: T) => void;\n  options: readonly T[];\n  labelKeyByValue: Record<T, I18nKey>;\n}\n\nexport function EnumFilterDropdown<T extends string>({\n  testId,\n  value,\n  onChange,\n  options,\n  labelKeyByValue,\n}: EnumFilterDropdownProps<T>) {\n  const { t } = useTranslation(\"openhands\");\n  const [open, setOpen] = React.useState(false);\n  const containerRef = useClickOutsideElement<HTMLDivElement>(() =>\n    setOpen(false),\n  );\n\n  const defaultOption = options[0];\n  const selectedLabel = t(labelKeyByValue[value]);\n\n  return (\n    <div\n      ref={containerRef}\n      className=\"relative shrink-0 w-auto\"\n      data-testid={testId}\n    >\n      <button\n        type=\"button\"\n        data-testid=\"dropdown-trigger\"\n        aria-haspopup=\"menu\"\n        aria-expanded={open}\n        aria-label={t(I18nKey.CONVERSATION_PANEL$FILTER_LABEL)}\n        onClick={() => setOpen((prev) => !prev)}\n        className={cn(\n          dropdownFilterTriggerClassName,\n          defaultOption &&\n            value !== defaultOption &&\n            \"border-white/60 bg-white/10\",\n        )}\n      >\n        <span className=\"whitespace-nowrap\">{selectedLabel}</span>\n        <ChevronDown\n          className={cn(\n            \"h-4 w-4 shrink-0 text-tertiary-alt transition-transform\",\n            open && \"rotate-180\",\n          )}\n          aria-hidden\n        />\n      </button>\n\n      {open ? (\n        <div\n          role=\"menu\"\n          data-testid={`${testId}-menu`}\n          aria-label={t(I18nKey.CONVERSATION_PANEL$FILTER_LABEL)}\n          className={cn(\n            \"absolute right-0 top-full z-50 mt-1 min-w-full w-max\",\n            \"max-h-60 overflow-auto rounded-[6px] bg-tertiary p-1 context-menu-box-shadow\",\n            dropdownMenuListClassName,\n          )}\n        >\n          {options.map((option) => {\n            const selected = option === value;\n            return (\n              <button\n                key={option}\n                type=\"button\"\n                role=\"menuitemradio\"\n                aria-checked={selected}\n                data-testid={`${testId}-${option}`}\n                onClick={() => {\n                  onChange(option);\n                  setOpen(false);\n                }}\n                className={cn(\n                  dropdownMenuRowClassName,\n                  selected && \"bg-[var(--oh-interactive-selected)]\",\n                )}\n              >\n                <span className=\"min-w-0 flex-1 truncate\">\n                  {t(labelKeyByValue[option])}\n                </span>\n                {selected ? (\n                  <Check className=\"h-4 w-4 shrink-0\" aria-hidden />\n                ) : null}\n              </button>\n            );\n          })}\n        </div>\n      ) : null}\n    </div>\n  );\n}\n"],"mappings":";;;;;;;;;;AAoBA,SAAgB,EAAqC,EACnD,WACA,UACA,aACA,YACA,sBAC6B;CAC7B,IAAM,EAAE,SAAM,EAAe,WAAW,GAClC,CAAC,GAAM,KAAW,EAAM,SAAS,EAAK,GACtC,IAAe,QACnB,EAAQ,EAAK,CACf,GAEM,IAAgB,EAAQ,IACxB,IAAgB,EAAE,EAAgB,EAAM;CAE9C,OACE,kBAAC,OAAD;EACE,KAAK;EACL,WAAU;EACV,eAAa;YAHf,CAKE,kBAAC,UAAD;GACE,MAAK;GACL,eAAY;GACZ,iBAAc;GACd,iBAAe;GACf,cAAY,EAAE,EAAQ,+BAA+B;GACrD,eAAe,GAAS,MAAS,CAAC,CAAI;GACtC,WAAW,EACT,GACA,KACE,MAAU,KACV,6BACJ;aAZF,CAcE,kBAAC,QAAD;IAAM,WAAU;cAAqB;GAAoB,CAAA,GACzD,kBAAC,GAAD;IACE,WAAW,EACT,2DACA,KAAQ,YACV;IACA,eAAA;GACD,CAAA,CACK;MAEP,IACC,kBAAC,OAAD;GACE,MAAK;GACL,eAAa,GAAG,EAAO;GACvB,cAAY,EAAE,EAAQ,+BAA+B;GACrD,WAAW,EACT,wDACA,gFACA,CACF;aAEC,EAAQ,KAAK,MAAW;IACvB,IAAM,IAAW,MAAW;IAC5B,OACE,kBAAC,UAAD;KAEE,MAAK;KACL,MAAK;KACL,gBAAc;KACd,eAAa,GAAG,EAAO,GAAG;KAC1B,eAAe;MAEb,AADA,EAAS,CAAM,GACf,EAAQ,EAAK;KACf;KACA,WAAW,EACT,GACA,KAAY,qCACd;eAbF,CAeE,kBAAC,QAAD;MAAM,WAAU;gBACb,EAAE,EAAgB,EAAO;KACtB,CAAA,GACL,IACC,kBAAC,GAAD;MAAO,WAAU;MAAmB,eAAA;KAAa,CAAA,IAC/C,IACE;OApBD,CAoBC;GAEZ,CAAC;EACE,CAAA,IACH,IACD;;AAET"}
+{"version":3,"file":"enum-filter-dropdown.js","names":[],"sources":["../../../../src/components/shared/filters/enum-filter-dropdown.tsx"],"sourcesContent":["import React from \"react\";\nimport { Check, ChevronDown } from \"lucide-react\";\nimport { useTranslation } from \"react-i18next\";\nimport { I18nKey } from \"#/i18n/declaration\";\nimport { useClickOutsideElement } from \"#/hooks/use-click-outside-element\";\nimport { cn } from \"#/utils/utils\";\nimport {\n  dropdownFilterTriggerClassName,\n  dropdownMenuListClassName,\n  dropdownMenuRowClassName,\n} from \"#/utils/dropdown-classes\";\n\ninterface EnumFilterDropdownProps<T extends string> {\n  testId: string;\n  value: T;\n  onChange: (value: T) => void;\n  options: readonly T[];\n  labelKeyByValue?: Record<T, I18nKey>;\n  /** Plain-string labels, e.g. manifest-supplied copy. Wins over the keys. */\n  labelByValue?: Record<T, string>;\n  ariaLabel?: string;\n}\n\nexport function EnumFilterDropdown<T extends string>({\n  testId,\n  value,\n  onChange,\n  options,\n  labelKeyByValue,\n  labelByValue,\n  ariaLabel,\n}: EnumFilterDropdownProps<T>) {\n  const { t } = useTranslation(\"openhands\");\n  const [open, setOpen] = React.useState(false);\n  const containerRef = useClickOutsideElement<HTMLDivElement>(() =>\n    setOpen(false),\n  );\n\n  const getOptionLabel = (option: T): string =>\n    labelByValue?.[option] ??\n    (labelKeyByValue ? t(labelKeyByValue[option]) : option);\n  const resolvedAriaLabel =\n    ariaLabel ?? t(I18nKey.CONVERSATION_PANEL$FILTER_LABEL);\n\n  const defaultOption = options[0];\n  const selectedLabel = getOptionLabel(value);\n\n  return (\n    <div\n      ref={containerRef}\n      className=\"relative shrink-0 w-auto\"\n      data-testid={testId}\n    >\n      <button\n        type=\"button\"\n        data-testid=\"dropdown-trigger\"\n        aria-haspopup=\"menu\"\n        aria-expanded={open}\n        aria-label={resolvedAriaLabel}\n        onClick={() => setOpen((prev) => !prev)}\n        className={cn(\n          dropdownFilterTriggerClassName,\n          defaultOption &&\n            value !== defaultOption &&\n            \"border-white/60 bg-white/10\",\n        )}\n      >\n        <span className=\"whitespace-nowrap\">{selectedLabel}</span>\n        <ChevronDown\n          className={cn(\n            \"h-4 w-4 shrink-0 text-tertiary-alt transition-transform\",\n            open && \"rotate-180\",\n          )}\n          aria-hidden\n        />\n      </button>\n\n      {open ? (\n        <div\n          role=\"menu\"\n          data-testid={`${testId}-menu`}\n          aria-label={resolvedAriaLabel}\n          className={cn(\n            \"absolute right-0 top-full z-50 mt-1 min-w-full w-max\",\n            \"max-h-60 overflow-auto rounded-[6px] bg-tertiary p-1 context-menu-box-shadow\",\n            dropdownMenuListClassName,\n          )}\n        >\n          {options.map((option) => {\n            const selected = option === value;\n            return (\n              <button\n                key={option}\n                type=\"button\"\n                role=\"menuitemradio\"\n                aria-checked={selected}\n                data-testid={`${testId}-${option}`}\n                onClick={() => {\n                  onChange(option);\n                  setOpen(false);\n                }}\n                className={cn(\n                  dropdownMenuRowClassName,\n                  selected && \"bg-[var(--oh-interactive-selected)]\",\n                )}\n              >\n                <span className=\"min-w-0 flex-1 truncate\">\n                  {getOptionLabel(option)}\n                </span>\n                {selected ? (\n                  <Check className=\"h-4 w-4 shrink-0\" aria-hidden />\n                ) : null}\n              </button>\n            );\n          })}\n        </div>\n      ) : null}\n    </div>\n  );\n}\n"],"mappings":";;;;;;;;;;AAuBA,SAAgB,EAAqC,EACnD,WACA,UACA,aACA,YACA,oBACA,iBACA,gBAC6B;CAC7B,IAAM,EAAE,SAAM,EAAe,WAAW,GAClC,CAAC,GAAM,KAAW,EAAM,SAAS,EAAK,GACtC,IAAe,QACnB,EAAQ,EAAK,CACf,GAEM,KAAkB,MACtB,IAAe,OACd,IAAkB,EAAE,EAAgB,EAAO,IAAI,IAC5C,IACJ,KAAa,EAAE,EAAQ,+BAA+B,GAElD,IAAgB,EAAQ,IACxB,IAAgB,EAAe,CAAK;CAE1C,OACE,kBAAC,OAAD;EACE,KAAK;EACL,WAAU;EACV,eAAa;YAHf,CAKE,kBAAC,UAAD;GACE,MAAK;GACL,eAAY;GACZ,iBAAc;GACd,iBAAe;GACf,cAAY;GACZ,eAAe,GAAS,MAAS,CAAC,CAAI;GACtC,WAAW,EACT,GACA,KACE,MAAU,KACV,6BACJ;aAZF,CAcE,kBAAC,QAAD;IAAM,WAAU;cAAqB;GAAoB,CAAA,GACzD,kBAAC,GAAD;IACE,WAAW,EACT,2DACA,KAAQ,YACV;IACA,eAAA;GACD,CAAA,CACK;MAEP,IACC,kBAAC,OAAD;GACE,MAAK;GACL,eAAa,GAAG,EAAO;GACvB,cAAY;GACZ,WAAW,EACT,wDACA,gFACA,CACF;aAEC,EAAQ,KAAK,MAAW;IACvB,IAAM,IAAW,MAAW;IAC5B,OACE,kBAAC,UAAD;KAEE,MAAK;KACL,MAAK;KACL,gBAAc;KACd,eAAa,GAAG,EAAO,GAAG;KAC1B,eAAe;MAEb,AADA,EAAS,CAAM,GACf,EAAQ,EAAK;KACf;KACA,WAAW,EACT,GACA,KAAY,qCACd;eAbF,CAeE,kBAAC,QAAD;MAAM,WAAU;gBACb,EAAe,CAAM;KAClB,CAAA,GACL,IACC,kBAAC,GAAD;MAAO,WAAU;MAAmB,eAAA;KAAa,CAAA,IAC/C,IACE;OApBD,CAoBC;GAEZ,CAAC;EACE,CAAA,IACH,IACD;;AAET"}

package/dist/components/shared/git-provider-icon.d.ts

@@ -3,5 +3,5 @@ interface GitProviderIconProps {
     gitProvider: Provider;
     className?: string;
 }
-export declare function GitProviderIcon({ gitProvider, className, }: GitProviderIconProps): import("react/jsx-runtime").JSX.Element;
+export declare function GitProviderIcon({ gitProvider, className, }: GitProviderIconProps): import("react").JSX.Element;
 export {};

package/dist/components/shared/hook-execution-event-message.d.ts

@@ -1,6 +1,7 @@
+import React from "react";
 import { OpenHandsEvent } from "#/types/agent-server/core";
 interface HookExecutionEventMessageProps {
     event: OpenHandsEvent;
 }
-export declare function HookExecutionEventMessage({ event, }: HookExecutionEventMessageProps): import("react/jsx-runtime").JSX.Element | null;
+export declare function HookExecutionEventMessage({ event, }: HookExecutionEventMessageProps): React.JSX.Element | null;
 export {};

package/dist/components/shared/loading-spinner.d.ts

@@ -3,5 +3,5 @@ interface LoadingSpinnerProps {
     className?: string;
     outerClassName?: string;
 }
-export declare function LoadingSpinner({ size, className, outerClassName, }: LoadingSpinnerProps): import("react/jsx-runtime").JSX.Element;
+export declare function LoadingSpinner({ size, className, outerClassName, }: LoadingSpinnerProps): import("react").JSX.Element;
 export {};

package/dist/components/shared/modals/confirmation-modal.d.ts

@@ -9,5 +9,5 @@ interface ConfirmationModalProps {
      */
     isConfirming?: boolean;
 }
-export declare function ConfirmationModal({ text, onConfirm, onCancel, isConfirming, }: ConfirmationModalProps): import("react/jsx-runtime").JSX.Element;
+export declare function ConfirmationModal({ text, onConfirm, onCancel, isConfirming, }: ConfirmationModalProps): import("react").JSX.Element;
 export {};

package/dist/components/shared/modals/confirmation-modals/base-modal.d.ts

@@ -9,17 +9,17 @@ interface BaseModalTitleProps {
     id?: string;
     className?: string;
 }
-export declare function BaseModalTitle({ title, id, className }: BaseModalTitleProps): import("react/jsx-runtime").JSX.Element;
+export declare function BaseModalTitle({ title, id, className }: BaseModalTitleProps): React.JSX.Element;
 interface BaseModalDescriptionProps {
     description?: React.ReactNode;
     children?: React.ReactNode;
 }
-export declare function BaseModalDescription({ description, children, }: BaseModalDescriptionProps): import("react/jsx-runtime").JSX.Element;
+export declare function BaseModalDescription({ description, children, }: BaseModalDescriptionProps): React.JSX.Element;
 interface BaseModalProps {
     testId?: string;
     title: string;
     description: string;
     buttons: ButtonConfig[];
 }
-export declare function BaseModal({ testId, title, description, buttons, }: BaseModalProps): import("react/jsx-runtime").JSX.Element;
+export declare function BaseModal({ testId, title, description, buttons, }: BaseModalProps): React.JSX.Element;
 export {};

package/dist/components/shared/modals/confirmation-modals/danger-modal.d.ts

@@ -13,5 +13,5 @@ interface DangerModalProps {
         };
     };
 }
-export declare function DangerModal({ testId, title, description, buttons, }: DangerModalProps): import("react/jsx-runtime").JSX.Element;
+export declare function DangerModal({ testId, title, description, buttons, }: DangerModalProps): import("react").JSX.Element;
 export {};

package/dist/components/shared/modals/modal-body.d.ts

@@ -10,5 +10,5 @@ interface ModalBodyProps {
     className?: React.HTMLProps<HTMLDivElement>["className"];
     width?: ModalWidth;
 }
-export declare function ModalBody({ testID, children, className, width, }: ModalBodyProps): import("react/jsx-runtime").JSX.Element;
+export declare function ModalBody({ testID, children, className, width, }: ModalBodyProps): React.JSX.Element;
 export {};

package/dist/components/shared/modals/modal-close-button.d.ts

@@ -4,5 +4,5 @@ interface ModalCloseButtonProps {
     className?: string;
     disabled?: boolean;
 }
-export declare function ModalCloseButton({ onClose, testId, className, disabled, }: ModalCloseButtonProps): import("react/jsx-runtime").JSX.Element;
+export declare function ModalCloseButton({ onClose, testId, className, disabled, }: ModalCloseButtonProps): import("react").JSX.Element;
 export {};

package/dist/components/shared/modals/settings/model-selector.d.ts

@@ -1,3 +1,4 @@
+import React from "react";
 interface ModelSelectorProps {
     isDisabled?: boolean;
     currentModel?: string;
@@ -6,5 +7,5 @@ interface ModelSelectorProps {
     wrapperClassName?: string;
     labelClassName?: string;
 }
-export declare function ModelSelector({ isDisabled, currentModel, onChange, onDefaultValuesChanged, wrapperClassName, labelClassName, }: ModelSelectorProps): import("react/jsx-runtime").JSX.Element;
+export declare function ModelSelector({ isDisabled, currentModel, onChange, onDefaultValuesChanged, wrapperClassName, labelClassName, }: ModelSelectorProps): React.JSX.Element;
 export {};

package/dist/components/shared/modals/settings/settings-form.d.ts

@@ -1,7 +1,8 @@
+import React from "react";
 import { Settings } from "#/types/settings";
 interface SettingsFormProps {
     settings: Settings;
     onClose: () => void;
 }
-export declare function SettingsForm({ settings, onClose }: SettingsFormProps): import("react/jsx-runtime").JSX.Element;
+export declare function SettingsForm({ settings, onClose }: SettingsFormProps): React.JSX.Element;
 export {};

package/dist/components/shared/modals/settings/settings-modal.d.ts

@@ -3,5 +3,5 @@ interface SettingsModalProps {
     settings?: Settings;
     onClose: () => void;
 }
-export declare function SettingsModal({ onClose, settings }: SettingsModalProps): import("react/jsx-runtime").JSX.Element;
+export declare function SettingsModal({ onClose, settings }: SettingsModalProps): import("react").JSX.Element;
 export {};

package/dist/components/shared/navigation-link.cjs

@@ -1,2 +1,2 @@
-const e=require("../../_virtual/_rolldown/runtime.cjs"),t=require("../../context/navigation-context.cjs");let n=require("react");n=e.__toESM(n,1);let r=require("react/jsx-runtime");function i(e){return e.metaKey||e.altKey||e.ctrlKey||e.shiftKey}function a(e,t,n){return t===`/`||n?e===t:e===t||e.startsWith(`${t}/`)}var o=n.default.forwardRef(({to:e,replace:n=!1,end:o=!1,onClick:s,className:c,children:l,target:u,rel:d,...f},p)=>{let{currentPath:m,navigate:h}=t.useNavigation(),g=a(m,e,o),_=typeof c==`function`?c({isActive:g}):c,v=t=>{s?.(t),!(t.defaultPrevented||t.button!==0||i(t)||u===`_blank`)&&(t.preventDefault(),h(e,{replace:n}))};return(0,r.jsx)(`a`,{...f,ref:p,href:e,target:u,rel:d,onClick:v,className:_,"aria-current":g?`page`:void 0,children:l})});o.displayName=`NavigationLink`,exports.NavigationLink=o;
+const e=require("../../_virtual/_rolldown/runtime.cjs"),t=require("../../context/navigation-context.cjs");let n=require("react");n=e.__toESM(n,1);let r=require("react/jsx-runtime");function i(e){return e.metaKey||e.altKey||e.ctrlKey||e.shiftKey}function a(e){return e.split(/[?#]/)[0]}function o(e,t,n){let r=a(t);return r===`/`||n?e===r:e===r||e.startsWith(`${r}/`)}var s=n.default.forwardRef(({to:e,replace:n=!1,end:a=!1,onClick:s,className:c,children:l,target:u,rel:d,...f},p)=>{let{currentPath:m,navigate:h}=t.useNavigation(),g=o(m,e,a),_=typeof c==`function`?c({isActive:g}):c,v=t=>{s?.(t),!(t.defaultPrevented||t.button!==0||i(t)||u===`_blank`)&&(t.preventDefault(),h(e,{replace:n}))};return(0,r.jsx)(`a`,{...f,ref:p,href:e,target:u,rel:d,onClick:v,className:_,"aria-current":g?`page`:void 0,children:l})});s.displayName=`NavigationLink`,exports.NavigationLink=s;
 //# sourceMappingURL=navigation-link.cjs.map

package/dist/components/shared/navigation-link.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"navigation-link.cjs","names":[],"sources":["../../../src/components/shared/navigation-link.tsx"],"sourcesContent":["import React from \"react\";\nimport {\n  useNavigation,\n  type NavigationOptions,\n} from \"#/context/navigation-context\";\n\ninterface NavigationLinkClassNameState {\n  isActive: boolean;\n}\n\nexport interface NavigationLinkProps extends Omit<\n  React.AnchorHTMLAttributes<HTMLAnchorElement>,\n  \"className\" | \"href\"\n> {\n  to: string;\n  replace?: boolean;\n  end?: boolean;\n  className?:\n    | string\n    | ((state: NavigationLinkClassNameState) => string | undefined);\n}\n\nfunction isModifiedEvent(event: React.MouseEvent<HTMLAnchorElement>) {\n  return event.metaKey || event.altKey || event.ctrlKey || event.shiftKey;\n}\n\nfunction isPathActive(currentPath: string, to: string, end: boolean) {\n  if (to === \"/\") {\n    return currentPath === to;\n  }\n\n  if (end) {\n    return currentPath === to;\n  }\n\n  return currentPath === to || currentPath.startsWith(`${to}/`);\n}\n\nexport const NavigationLink = React.forwardRef<\n  HTMLAnchorElement,\n  NavigationLinkProps\n>(\n  (\n    {\n      to,\n      replace = false,\n      end = false,\n      onClick,\n      className,\n      children,\n      target,\n      rel,\n      ...props\n    },\n    ref,\n  ) => {\n    const { currentPath, navigate } = useNavigation();\n    const isActive = isPathActive(currentPath, to, end);\n\n    const resolvedClassName =\n      typeof className === \"function\" ? className({ isActive }) : className;\n\n    const handleClick = (event: React.MouseEvent<HTMLAnchorElement>) => {\n      onClick?.(event);\n\n      if (\n        event.defaultPrevented ||\n        event.button !== 0 ||\n        isModifiedEvent(event) ||\n        target === \"_blank\"\n      ) {\n        return;\n      }\n\n      event.preventDefault();\n      navigate(to, { replace } satisfies NavigationOptions);\n    };\n\n    return (\n      <a\n        {...props}\n        ref={ref}\n        href={to}\n        target={target}\n        rel={rel}\n        onClick={handleClick}\n        className={resolvedClassName}\n        aria-current={isActive ? \"page\" : undefined}\n      >\n        {children}\n      </a>\n    );\n  },\n);\n\nNavigationLink.displayName = \"NavigationLink\";\n"],"mappings":"qLAsBA,SAAS,EAAgB,EAA4C,CACnE,OAAO,EAAM,SAAW,EAAM,QAAU,EAAM,SAAW,EAAM,QACjE,CAEA,SAAS,EAAa,EAAqB,EAAY,EAAc,CASnE,OARI,IAAO,KAIP,EACK,IAAgB,EAGlB,IAAgB,GAAM,EAAY,WAAW,GAAG,EAAG,EAAE,CAC9D,CAEA,IAAa,EAAiB,EAAA,QAAM,YAKhC,CACE,KACA,UAAU,GACV,MAAM,GACN,UACA,YACA,WACA,SACA,MACA,GAAG,GAEL,IACG,CACH,GAAM,CAAE,cAAa,YAAa,EAAA,cAAc,EAC1C,EAAW,EAAa,EAAa,EAAI,CAAG,EAE5C,EACJ,OAAO,GAAc,WAAa,EAAU,CAAE,UAAS,CAAC,EAAI,EAExD,EAAe,GAA+C,CAClE,IAAU,CAAK,EAGb,IAAM,kBACN,EAAM,SAAW,GACjB,EAAgB,CAAK,GACrB,IAAW,YAKb,EAAM,eAAe,EACrB,EAAS,EAAI,CAAE,SAAQ,CAA6B,EACtD,EAEA,OACE,EAAA,EAAA,KAAC,IAAD,CACE,GAAI,EACC,MACL,KAAM,EACE,SACH,MACL,QAAS,EACT,UAAW,EACX,eAAc,EAAW,OAAS,IAAA,GAEjC,UACA,CAAA,CAEP,CACF,EAEA,EAAe,YAAc"}
+{"version":3,"file":"navigation-link.cjs","names":[],"sources":["../../../src/components/shared/navigation-link.tsx"],"sourcesContent":["import React from \"react\";\nimport {\n  useNavigation,\n  type NavigationOptions,\n} from \"#/context/navigation-context\";\n\ninterface NavigationLinkClassNameState {\n  isActive: boolean;\n}\n\nexport interface NavigationLinkProps extends Omit<\n  React.AnchorHTMLAttributes<HTMLAnchorElement>,\n  \"className\" | \"href\"\n> {\n  to: string;\n  replace?: boolean;\n  end?: boolean;\n  className?:\n    | string\n    | ((state: NavigationLinkClassNameState) => string | undefined);\n}\n\nfunction isModifiedEvent(event: React.MouseEvent<HTMLAnchorElement>) {\n  return event.metaKey || event.altKey || event.ctrlKey || event.shiftKey;\n}\n\n/**\n * `currentPath` is a pathname, so compare against the pathname portion of\n * `to`. Links may carry a query string (e.g. the backend identity pinned on\n * sidebar conversation links) that must not defeat the active check.\n */\nfunction toPathname(to: string) {\n  return to.split(/[?#]/)[0];\n}\n\nfunction isPathActive(currentPath: string, to: string, end: boolean) {\n  const path = toPathname(to);\n\n  if (path === \"/\") {\n    return currentPath === path;\n  }\n\n  if (end) {\n    return currentPath === path;\n  }\n\n  return currentPath === path || currentPath.startsWith(`${path}/`);\n}\n\nexport const NavigationLink = React.forwardRef<\n  HTMLAnchorElement,\n  NavigationLinkProps\n>(\n  (\n    {\n      to,\n      replace = false,\n      end = false,\n      onClick,\n      className,\n      children,\n      target,\n      rel,\n      ...props\n    },\n    ref,\n  ) => {\n    const { currentPath, navigate } = useNavigation();\n    const isActive = isPathActive(currentPath, to, end);\n\n    const resolvedClassName =\n      typeof className === \"function\" ? className({ isActive }) : className;\n\n    const handleClick = (event: React.MouseEvent<HTMLAnchorElement>) => {\n      onClick?.(event);\n\n      if (\n        event.defaultPrevented ||\n        event.button !== 0 ||\n        isModifiedEvent(event) ||\n        target === \"_blank\"\n      ) {\n        return;\n      }\n\n      event.preventDefault();\n      navigate(to, { replace } satisfies NavigationOptions);\n    };\n\n    return (\n      <a\n        {...props}\n        ref={ref}\n        href={to}\n        target={target}\n        rel={rel}\n        onClick={handleClick}\n        className={resolvedClassName}\n        aria-current={isActive ? \"page\" : undefined}\n      >\n        {children}\n      </a>\n    );\n  },\n);\n\nNavigationLink.displayName = \"NavigationLink\";\n"],"mappings":"qLAsBA,SAAS,EAAgB,EAA4C,CACnE,OAAO,EAAM,SAAW,EAAM,QAAU,EAAM,SAAW,EAAM,QACjE,CAOA,SAAS,EAAW,EAAY,CAC9B,OAAO,EAAG,MAAM,MAAM,EAAE,EAC1B,CAEA,SAAS,EAAa,EAAqB,EAAY,EAAc,CACnE,IAAM,EAAO,EAAW,CAAE,EAU1B,OARI,IAAS,KAIT,EACK,IAAgB,EAGlB,IAAgB,GAAQ,EAAY,WAAW,GAAG,EAAK,EAAE,CAClE,CAEA,IAAa,EAAiB,EAAA,QAAM,YAKhC,CACE,KACA,UAAU,GACV,MAAM,GACN,UACA,YACA,WACA,SACA,MACA,GAAG,GAEL,IACG,CACH,GAAM,CAAE,cAAa,YAAa,EAAA,cAAc,EAC1C,EAAW,EAAa,EAAa,EAAI,CAAG,EAE5C,EACJ,OAAO,GAAc,WAAa,EAAU,CAAE,UAAS,CAAC,EAAI,EAExD,EAAe,GAA+C,CAClE,IAAU,CAAK,EAGb,IAAM,kBACN,EAAM,SAAW,GACjB,EAAgB,CAAK,GACrB,IAAW,YAKb,EAAM,eAAe,EACrB,EAAS,EAAI,CAAE,SAAQ,CAA6B,EACtD,EAEA,OACE,EAAA,EAAA,KAAC,IAAD,CACE,GAAI,EACC,MACL,KAAM,EACE,SACH,MACL,QAAS,EACT,UAAW,EACX,eAAc,EAAW,OAAS,IAAA,GAEjC,UACA,CAAA,CAEP,CACF,EAEA,EAAe,YAAc"}

package/dist/components/shared/navigation-link.js

@@ -5,12 +5,16 @@ import { jsx as n } from "react/jsx-runtime";
 function r(e) {
 	return e.metaKey || e.altKey || e.ctrlKey || e.shiftKey;
 }
-function i(e, t, n) {
-	return t === "/" || n ? e === t : e === t || e.startsWith(`${t}/`);
+function i(e) {
+	return e.split(/[?#]/)[0];
 }
-var a = t.forwardRef(({ to: t, replace: a = !1, end: o = !1, onClick: s, className: c, children: l, target: u, rel: d, ...f }, p) => {
-	let { currentPath: m, navigate: h } = e(), g = i(m, t, o), _ = typeof c == "function" ? c({ isActive: g }) : c, v = (e) => {
-		s?.(e), !(e.defaultPrevented || e.button !== 0 || r(e) || u === "_blank") && (e.preventDefault(), h(t, { replace: a }));
+function a(e, t, n) {
+	let r = i(t);
+	return r === "/" || n ? e === r : e === r || e.startsWith(`${r}/`);
+}
+var o = t.forwardRef(({ to: t, replace: i = !1, end: o = !1, onClick: s, className: c, children: l, target: u, rel: d, ...f }, p) => {
+	let { currentPath: m, navigate: h } = e(), g = a(m, t, o), _ = typeof c == "function" ? c({ isActive: g }) : c, v = (e) => {
+		s?.(e), !(e.defaultPrevented || e.button !== 0 || r(e) || u === "_blank") && (e.preventDefault(), h(t, { replace: i }));
 	};
 	return /* @__PURE__ */ n("a", {
 		...f,
@@ -24,8 +28,8 @@ var a = t.forwardRef(({ to: t, replace: a = !1, end: o = !1, onClick: s, classNa
 		children: l
 	});
 });
-a.displayName = "NavigationLink";
+o.displayName = "NavigationLink";
 //#endregion
-export { a as NavigationLink };
+export { o as NavigationLink };
 
 //# sourceMappingURL=navigation-link.js.map