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

package/dist/ui/dropdown/dropdown.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"dropdown.cjs","names":[],"sources":["../../../src/ui/dropdown/dropdown.tsx"],"sourcesContent":["import React, { useState } from \"react\";\nimport { useCombobox } from \"downshift\";\nimport { cn } from \"#/utils/utils\";\nimport { DropdownOption } from \"./types\";\nimport { formControlShellClassName } from \"#/utils/form-control-classes\";\nimport { LoadingSpinner } from \"./loading-spinner\";\nimport { ClearButton } from \"./clear-button\";\nimport { ToggleButton } from \"./toggle-button\";\nimport { DropdownMenu } from \"./dropdown-menu\";\nimport { DropdownInput } from \"./dropdown-input\";\n\n// Equivalent to Tailwind's `sr-only`, inlined so we don't depend on the\n// utility class being preserved by the host project's CSS pipeline.\nconst visuallyHiddenStyle: React.CSSProperties = {\n  position: \"absolute\",\n  width: 1,\n  height: 1,\n  padding: 0,\n  margin: -1,\n  overflow: \"hidden\",\n  clip: \"rect(0, 0, 0, 0)\",\n  whiteSpace: \"nowrap\",\n  border: 0,\n};\n\ninterface DropdownProps {\n  options: DropdownOption[];\n  emptyMessage?: string;\n  clearable?: boolean;\n  loading?: boolean;\n  disabled?: boolean;\n  placeholder?: string;\n  defaultValue?: DropdownOption;\n  onChange?: (item: DropdownOption | null) => void;\n  testId?: string;\n  className?: string;\n  footer?: React.ReactNode;\n  openUpward?: boolean;\n  hideTrigger?: boolean;\n  defaultOpen?: boolean;\n  /** Open the dropdown menu on hover instead of requiring a click. */\n  openOnHover?: boolean;\n  /** When false, the combobox placeholder uses normal (non-italic) type. */\n  italicPlaceholder?: boolean;\n  /** Size the trigger to its label instead of stretching to the container width. */\n  fitContent?: boolean;\n}\n\nexport function Dropdown({\n  options,\n  emptyMessage = \"No options\",\n  clearable = false,\n  loading = false,\n  disabled = false,\n  placeholder,\n  defaultValue,\n  onChange,\n  testId,\n  className,\n  footer,\n  openUpward = false,\n  hideTrigger = false,\n  defaultOpen = false,\n  openOnHover = false,\n  italicPlaceholder = true,\n  fitContent = false,\n}: DropdownProps) {\n  const closeTimerRef = React.useRef<ReturnType<typeof setTimeout> | null>(\n    null,\n  );\n  const [inputValue, setInputValue] = useState(defaultValue?.label ?? \"\");\n  const [searchTerm, setSearchTerm] = useState(\"\");\n\n  const filteredOptions = options.filter((option) =>\n    option.label.toLowerCase().includes(searchTerm.toLowerCase()),\n  );\n\n  const {\n    isOpen,\n    selectedItem,\n    selectItem,\n    openMenu,\n    closeMenu,\n    getToggleButtonProps,\n    getMenuProps,\n    getItemProps,\n    getInputProps,\n  } = useCombobox({\n    items: filteredOptions,\n    itemToString: (item) => item?.label ?? \"\",\n    inputValue,\n    stateReducer: (state, actionAndChanges) =>\n      actionAndChanges.type === useCombobox.stateChangeTypes.InputClick &&\n      state.isOpen\n        ? { ...actionAndChanges.changes, isOpen: true }\n        : actionAndChanges.changes,\n    initialIsOpen: defaultOpen,\n    onInputValueChange: ({ inputValue: newValue }) => {\n      setInputValue(newValue ?? \"\");\n      setSearchTerm(newValue ?? \"\");\n    },\n    defaultSelectedItem: defaultValue,\n    onSelectedItemChange: ({ selectedItem: newSelectedItem }) => {\n      onChange?.(newSelectedItem ?? null);\n    },\n    onIsOpenChange: ({\n      isOpen: newIsOpen,\n      selectedItem: currentSelectedItem,\n    }) => {\n      if (newIsOpen) {\n        // Clear the input on open so the user sees an empty search box\n        // (with the placeholder reminding them of the current value)\n        // and the full options list. Otherwise the active label would\n        // appear both in the trigger AND as the highlighted menu row.\n        setInputValue(\"\");\n        setSearchTerm(\"\");\n      } else {\n        setInputValue(currentSelectedItem?.label ?? \"\");\n        setSearchTerm(\"\");\n      }\n    },\n  });\n\n  const isDisabled = loading || disabled;\n\n  // `selectedItem` is downshift's internal state, frozen to whatever\n  // initialized it. Resolve the currently selected option against the\n  // live `options` array so per-option fields like `prefix` (e.g. a\n  // status indicator that re-renders on a timer) update on the trigger\n  // without remounting the dropdown.\n  const liveSelectedOption = selectedItem\n    ? (options.find((o) => o.value === selectedItem.value) ?? selectedItem)\n    : null;\n\n  // Wrap getInputProps to inject a direct onChange handler that preserves\n  // cursor position. Downshift's default onInputValueChange resets cursor\n  // to end of input on every keystroke; reading from e.target.value keeps\n  // the browser's native cursor position intact.\n  const getInputPropsWithCursorFix = (props?: object) =>\n    getInputProps({\n      ...props,\n      onChange: (e: React.ChangeEvent<HTMLInputElement>) => {\n        setInputValue(e.target.value);\n        setSearchTerm(e.target.value);\n      },\n    });\n\n  return (\n    <div\n      className={cn(\"relative\", fitContent ? \"inline-block w-auto\" : \"w-full\")}\n      data-testid={testId}\n      onMouseEnter={\n        openOnHover\n          ? () => {\n              if (closeTimerRef.current) {\n                clearTimeout(closeTimerRef.current);\n                closeTimerRef.current = null;\n              }\n              openMenu();\n            }\n          : undefined\n      }\n      onMouseLeave={\n        openOnHover\n          ? () => {\n              closeTimerRef.current = setTimeout(() => closeMenu(), 150);\n            }\n          : undefined\n      }\n    >\n      {!hideTrigger ? (\n        <div\n          className={cn(\n            \"bg-tertiary border border-[var(--oh-border-input)] rounded p-2\",\n            \"flex items-center gap-2\",\n            fitContent ? \"w-auto\" : \"w-full\",\n            formControlShellClassName,\n            \"group w-full gap-2 px-3 text-[var(--oh-muted)] hover:text-white\",\n            isDisabled && \"cursor-not-allowed opacity-60\",\n            className,\n          )}\n        >\n          {liveSelectedOption?.prefix ? (\n            <span className=\"flex items-center shrink-0\">\n              {liveSelectedOption.prefix}\n            </span>\n          ) : null}\n          <DropdownInput\n            placeholder={placeholder}\n            isDisabled={isDisabled}\n            getInputProps={getInputPropsWithCursorFix}\n            italicPlaceholder={italicPlaceholder}\n            fitContent={fitContent}\n          />\n          {loading && <LoadingSpinner />}\n          {clearable && selectedItem && (\n            <ClearButton onClear={() => selectItem(null)} />\n          )}\n          <ToggleButton\n            isOpen={isOpen}\n            isDisabled={isDisabled}\n            getToggleButtonProps={getToggleButtonProps}\n          />\n        </div>\n      ) : (\n        // downshift's useCombobox always expects getInputProps() (and the\n        // toggle button) to be wired up. When the trigger is hidden (e.g.\n        // collapsed-sidebar popover) we still need to mount a real input\n        // so it stops warning every render. Keep it visually hidden but\n        // present in the DOM for accessibility.\n        <>\n          <input\n            {...getInputPropsWithCursorFix({\n              \"aria-label\": placeholder ?? \"Filter options\",\n              tabIndex: -1,\n            })}\n            style={visuallyHiddenStyle}\n          />\n          <button\n            type=\"button\"\n            {...getToggleButtonProps({ tabIndex: -1 })}\n            style={visuallyHiddenStyle}\n            aria-hidden\n          />\n        </>\n      )}\n      <DropdownMenu\n        isOpen={isOpen}\n        filteredOptions={filteredOptions}\n        selectedItem={selectedItem}\n        emptyMessage={emptyMessage}\n        getMenuProps={getMenuProps}\n        getItemProps={getItemProps}\n        footer={footer}\n        openUpward={openUpward}\n        fitContent={fitContent}\n      />\n    </div>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"dropdown.cjs","names":[],"sources":["../../../src/ui/dropdown/dropdown.tsx"],"sourcesContent":["import React, { useState } from \"react\";\nimport { useCombobox } from \"downshift\";\nimport { cn } from \"#/utils/utils\";\nimport { DropdownOption } from \"./types\";\nimport { dropdownTriggerShellClassName } from \"#/utils/dropdown-classes\";\nimport { LoadingSpinner } from \"./loading-spinner\";\nimport { ClearButton } from \"./clear-button\";\nimport { ToggleButton } from \"./toggle-button\";\nimport { DropdownMenu } from \"./dropdown-menu\";\nimport { DropdownInput } from \"./dropdown-input\";\n\n// Equivalent to Tailwind's `sr-only`, inlined so we don't depend on the\n// utility class being preserved by the host project's CSS pipeline.\nconst visuallyHiddenStyle: React.CSSProperties = {\n  position: \"absolute\",\n  width: 1,\n  height: 1,\n  padding: 0,\n  margin: -1,\n  overflow: \"hidden\",\n  clip: \"rect(0, 0, 0, 0)\",\n  whiteSpace: \"nowrap\",\n  border: 0,\n};\n\ninterface DropdownProps {\n  options: DropdownOption[];\n  emptyMessage?: string;\n  clearable?: boolean;\n  loading?: boolean;\n  disabled?: boolean;\n  placeholder?: string;\n  defaultValue?: DropdownOption;\n  onChange?: (item: DropdownOption | null) => void;\n  testId?: string;\n  className?: string;\n  footer?: React.ReactNode;\n  openUpward?: boolean;\n  hideTrigger?: boolean;\n  defaultOpen?: boolean;\n  /** Open the dropdown menu on hover instead of requiring a click. */\n  openOnHover?: boolean;\n  /** When false, the combobox placeholder uses normal (non-italic) type. */\n  italicPlaceholder?: boolean;\n  /** Size the trigger to its label instead of stretching to the container width. */\n  fitContent?: boolean;\n}\n\nexport function Dropdown({\n  options,\n  emptyMessage = \"No options\",\n  clearable = false,\n  loading = false,\n  disabled = false,\n  placeholder,\n  defaultValue,\n  onChange,\n  testId,\n  className,\n  footer,\n  openUpward = false,\n  hideTrigger = false,\n  defaultOpen = false,\n  openOnHover = false,\n  italicPlaceholder = true,\n  fitContent = false,\n}: DropdownProps) {\n  const closeTimerRef = React.useRef<ReturnType<typeof setTimeout> | null>(\n    null,\n  );\n  const [inputValue, setInputValue] = useState(defaultValue?.label ?? \"\");\n  const [searchTerm, setSearchTerm] = useState(\"\");\n\n  const filteredOptions = options.filter((option) =>\n    option.label.toLowerCase().includes(searchTerm.toLowerCase()),\n  );\n\n  const {\n    isOpen,\n    selectedItem,\n    selectItem,\n    openMenu,\n    closeMenu,\n    getToggleButtonProps,\n    getMenuProps,\n    getItemProps,\n    getInputProps,\n  } = useCombobox({\n    items: filteredOptions,\n    itemToString: (item) => item?.label ?? \"\",\n    inputValue,\n    stateReducer: (state, actionAndChanges) =>\n      actionAndChanges.type === useCombobox.stateChangeTypes.InputClick &&\n      state.isOpen\n        ? { ...actionAndChanges.changes, isOpen: true }\n        : actionAndChanges.changes,\n    initialIsOpen: defaultOpen,\n    onInputValueChange: ({ inputValue: newValue }) => {\n      setInputValue(newValue ?? \"\");\n      setSearchTerm(newValue ?? \"\");\n    },\n    defaultSelectedItem: defaultValue,\n    onSelectedItemChange: ({ selectedItem: newSelectedItem }) => {\n      onChange?.(newSelectedItem ?? null);\n    },\n    onIsOpenChange: ({\n      isOpen: newIsOpen,\n      selectedItem: currentSelectedItem,\n    }) => {\n      if (newIsOpen) {\n        // Clear the input on open so the user sees an empty search box\n        // (with the placeholder reminding them of the current value)\n        // and the full options list. Otherwise the active label would\n        // appear both in the trigger AND as the highlighted menu row.\n        setInputValue(\"\");\n        setSearchTerm(\"\");\n      } else {\n        setInputValue(currentSelectedItem?.label ?? \"\");\n        setSearchTerm(\"\");\n      }\n    },\n  });\n\n  const isDisabled = loading || disabled;\n\n  // `selectedItem` is downshift's internal state, frozen to whatever\n  // initialized it. Resolve the currently selected option against the\n  // live `options` array so per-option fields like `prefix` (e.g. a\n  // status indicator that re-renders on a timer) update on the trigger\n  // without remounting the dropdown.\n  const liveSelectedOption = selectedItem\n    ? (options.find((o) => o.value === selectedItem.value) ?? selectedItem)\n    : null;\n\n  // Wrap getInputProps to inject a direct onChange handler that preserves\n  // cursor position. Downshift's default onInputValueChange resets cursor\n  // to end of input on every keystroke; reading from e.target.value keeps\n  // the browser's native cursor position intact.\n  const getInputPropsWithCursorFix = (props?: object) =>\n    getInputProps({\n      ...props,\n      onChange: (e: React.ChangeEvent<HTMLInputElement>) => {\n        setInputValue(e.target.value);\n        setSearchTerm(e.target.value);\n      },\n    });\n\n  return (\n    <div\n      className={cn(\"relative\", fitContent ? \"inline-block w-auto\" : \"w-full\")}\n      data-testid={testId}\n      onMouseEnter={\n        openOnHover\n          ? () => {\n              if (closeTimerRef.current) {\n                clearTimeout(closeTimerRef.current);\n                closeTimerRef.current = null;\n              }\n              openMenu();\n            }\n          : undefined\n      }\n      onMouseLeave={\n        openOnHover\n          ? () => {\n              closeTimerRef.current = setTimeout(() => closeMenu(), 150);\n            }\n          : undefined\n      }\n    >\n      {!hideTrigger ? (\n        <div\n          className={cn(\n            dropdownTriggerShellClassName,\n            fitContent ? \"w-auto\" : \"w-full\",\n            isDisabled && \"cursor-not-allowed opacity-60\",\n            className,\n          )}\n        >\n          {liveSelectedOption?.prefix ? (\n            <span className=\"flex items-center shrink-0\">\n              {liveSelectedOption.prefix}\n            </span>\n          ) : null}\n          <DropdownInput\n            placeholder={placeholder}\n            isDisabled={isDisabled}\n            getInputProps={getInputPropsWithCursorFix}\n            italicPlaceholder={italicPlaceholder}\n            fitContent={fitContent}\n          />\n          {loading && <LoadingSpinner />}\n          {clearable && selectedItem && (\n            <ClearButton onClear={() => selectItem(null)} />\n          )}\n          <ToggleButton\n            isOpen={isOpen}\n            isDisabled={isDisabled}\n            getToggleButtonProps={getToggleButtonProps}\n          />\n        </div>\n      ) : (\n        // downshift's useCombobox always expects getInputProps() (and the\n        // toggle button) to be wired up. When the trigger is hidden (e.g.\n        // collapsed-sidebar popover) we still need to mount a real input\n        // so it stops warning every render. Keep it visually hidden but\n        // present in the DOM for accessibility.\n        <>\n          <input\n            {...getInputPropsWithCursorFix({\n              \"aria-label\": placeholder ?? \"Filter options\",\n              tabIndex: -1,\n            })}\n            style={visuallyHiddenStyle}\n          />\n          <button\n            type=\"button\"\n            {...getToggleButtonProps({ tabIndex: -1 })}\n            style={visuallyHiddenStyle}\n            aria-hidden\n          />\n        </>\n      )}\n      <DropdownMenu\n        isOpen={isOpen}\n        filteredOptions={filteredOptions}\n        selectedItem={selectedItem}\n        emptyMessage={emptyMessage}\n        getMenuProps={getMenuProps}\n        getItemProps={getItemProps}\n        footer={footer}\n        openUpward={openUpward}\n        fitContent={fitContent}\n      />\n    </div>\n  );\n}\n"],"mappings":"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"}

package/dist/ui/dropdown/dropdown.js

@@ -1,5 +1,5 @@
 import { cn as e } from "../../utils/utils.js";
-import { formControlShellClassName as t } from "../../utils/form-control-classes.js";
+import { dropdownTriggerShellClassName as t } from "../../utils/dropdown-classes.js";
 import { useCombobox as n } from "../../node_modules/downshift/dist/downshift.esm.js";
 import { LoadingSpinner as r } from "./loading-spinner.js";
 import { ClearButton as i } from "./clear-button.js";
@@ -67,7 +67,7 @@ function m({ options: m, emptyMessage: h = "No options", clearable: g = !1, load
 			style: p,
 			"aria-hidden": !0
 		})] }) : /* @__PURE__ */ f("div", {
-			className: e("bg-tertiary border border-[var(--oh-border-input)] rounded p-2", "flex items-center gap-2", A ? "w-auto" : "w-full", t, "group w-full gap-2 px-3 text-[var(--oh-muted)] hover:text-white", K && "cursor-not-allowed opacity-60", C),
+			className: e(t, A ? "w-auto" : "w-full", K && "cursor-not-allowed opacity-60", C),
 			children: [
 				q?.prefix ? /* @__PURE__ */ d("span", {
 					className: "flex items-center shrink-0",

package/dist/ui/dropdown/dropdown.js.map

@@ -1 +1 @@
-{"version":3,"file":"dropdown.js","names":[],"sources":["../../../src/ui/dropdown/dropdown.tsx"],"sourcesContent":["import React, { useState } from \"react\";\nimport { useCombobox } from \"downshift\";\nimport { cn } from \"#/utils/utils\";\nimport { DropdownOption } from \"./types\";\nimport { formControlShellClassName } from \"#/utils/form-control-classes\";\nimport { LoadingSpinner } from \"./loading-spinner\";\nimport { ClearButton } from \"./clear-button\";\nimport { ToggleButton } from \"./toggle-button\";\nimport { DropdownMenu } from \"./dropdown-menu\";\nimport { DropdownInput } from \"./dropdown-input\";\n\n// Equivalent to Tailwind's `sr-only`, inlined so we don't depend on the\n// utility class being preserved by the host project's CSS pipeline.\nconst visuallyHiddenStyle: React.CSSProperties = {\n  position: \"absolute\",\n  width: 1,\n  height: 1,\n  padding: 0,\n  margin: -1,\n  overflow: \"hidden\",\n  clip: \"rect(0, 0, 0, 0)\",\n  whiteSpace: \"nowrap\",\n  border: 0,\n};\n\ninterface DropdownProps {\n  options: DropdownOption[];\n  emptyMessage?: string;\n  clearable?: boolean;\n  loading?: boolean;\n  disabled?: boolean;\n  placeholder?: string;\n  defaultValue?: DropdownOption;\n  onChange?: (item: DropdownOption | null) => void;\n  testId?: string;\n  className?: string;\n  footer?: React.ReactNode;\n  openUpward?: boolean;\n  hideTrigger?: boolean;\n  defaultOpen?: boolean;\n  /** Open the dropdown menu on hover instead of requiring a click. */\n  openOnHover?: boolean;\n  /** When false, the combobox placeholder uses normal (non-italic) type. */\n  italicPlaceholder?: boolean;\n  /** Size the trigger to its label instead of stretching to the container width. */\n  fitContent?: boolean;\n}\n\nexport function Dropdown({\n  options,\n  emptyMessage = \"No options\",\n  clearable = false,\n  loading = false,\n  disabled = false,\n  placeholder,\n  defaultValue,\n  onChange,\n  testId,\n  className,\n  footer,\n  openUpward = false,\n  hideTrigger = false,\n  defaultOpen = false,\n  openOnHover = false,\n  italicPlaceholder = true,\n  fitContent = false,\n}: DropdownProps) {\n  const closeTimerRef = React.useRef<ReturnType<typeof setTimeout> | null>(\n    null,\n  );\n  const [inputValue, setInputValue] = useState(defaultValue?.label ?? \"\");\n  const [searchTerm, setSearchTerm] = useState(\"\");\n\n  const filteredOptions = options.filter((option) =>\n    option.label.toLowerCase().includes(searchTerm.toLowerCase()),\n  );\n\n  const {\n    isOpen,\n    selectedItem,\n    selectItem,\n    openMenu,\n    closeMenu,\n    getToggleButtonProps,\n    getMenuProps,\n    getItemProps,\n    getInputProps,\n  } = useCombobox({\n    items: filteredOptions,\n    itemToString: (item) => item?.label ?? \"\",\n    inputValue,\n    stateReducer: (state, actionAndChanges) =>\n      actionAndChanges.type === useCombobox.stateChangeTypes.InputClick &&\n      state.isOpen\n        ? { ...actionAndChanges.changes, isOpen: true }\n        : actionAndChanges.changes,\n    initialIsOpen: defaultOpen,\n    onInputValueChange: ({ inputValue: newValue }) => {\n      setInputValue(newValue ?? \"\");\n      setSearchTerm(newValue ?? \"\");\n    },\n    defaultSelectedItem: defaultValue,\n    onSelectedItemChange: ({ selectedItem: newSelectedItem }) => {\n      onChange?.(newSelectedItem ?? null);\n    },\n    onIsOpenChange: ({\n      isOpen: newIsOpen,\n      selectedItem: currentSelectedItem,\n    }) => {\n      if (newIsOpen) {\n        // Clear the input on open so the user sees an empty search box\n        // (with the placeholder reminding them of the current value)\n        // and the full options list. Otherwise the active label would\n        // appear both in the trigger AND as the highlighted menu row.\n        setInputValue(\"\");\n        setSearchTerm(\"\");\n      } else {\n        setInputValue(currentSelectedItem?.label ?? \"\");\n        setSearchTerm(\"\");\n      }\n    },\n  });\n\n  const isDisabled = loading || disabled;\n\n  // `selectedItem` is downshift's internal state, frozen to whatever\n  // initialized it. Resolve the currently selected option against the\n  // live `options` array so per-option fields like `prefix` (e.g. a\n  // status indicator that re-renders on a timer) update on the trigger\n  // without remounting the dropdown.\n  const liveSelectedOption = selectedItem\n    ? (options.find((o) => o.value === selectedItem.value) ?? selectedItem)\n    : null;\n\n  // Wrap getInputProps to inject a direct onChange handler that preserves\n  // cursor position. Downshift's default onInputValueChange resets cursor\n  // to end of input on every keystroke; reading from e.target.value keeps\n  // the browser's native cursor position intact.\n  const getInputPropsWithCursorFix = (props?: object) =>\n    getInputProps({\n      ...props,\n      onChange: (e: React.ChangeEvent<HTMLInputElement>) => {\n        setInputValue(e.target.value);\n        setSearchTerm(e.target.value);\n      },\n    });\n\n  return (\n    <div\n      className={cn(\"relative\", fitContent ? \"inline-block w-auto\" : \"w-full\")}\n      data-testid={testId}\n      onMouseEnter={\n        openOnHover\n          ? () => {\n              if (closeTimerRef.current) {\n                clearTimeout(closeTimerRef.current);\n                closeTimerRef.current = null;\n              }\n              openMenu();\n            }\n          : undefined\n      }\n      onMouseLeave={\n        openOnHover\n          ? () => {\n              closeTimerRef.current = setTimeout(() => closeMenu(), 150);\n            }\n          : undefined\n      }\n    >\n      {!hideTrigger ? (\n        <div\n          className={cn(\n            \"bg-tertiary border border-[var(--oh-border-input)] rounded p-2\",\n            \"flex items-center gap-2\",\n            fitContent ? \"w-auto\" : \"w-full\",\n            formControlShellClassName,\n            \"group w-full gap-2 px-3 text-[var(--oh-muted)] hover:text-white\",\n            isDisabled && \"cursor-not-allowed opacity-60\",\n            className,\n          )}\n        >\n          {liveSelectedOption?.prefix ? (\n            <span className=\"flex items-center shrink-0\">\n              {liveSelectedOption.prefix}\n            </span>\n          ) : null}\n          <DropdownInput\n            placeholder={placeholder}\n            isDisabled={isDisabled}\n            getInputProps={getInputPropsWithCursorFix}\n            italicPlaceholder={italicPlaceholder}\n            fitContent={fitContent}\n          />\n          {loading && <LoadingSpinner />}\n          {clearable && selectedItem && (\n            <ClearButton onClear={() => selectItem(null)} />\n          )}\n          <ToggleButton\n            isOpen={isOpen}\n            isDisabled={isDisabled}\n            getToggleButtonProps={getToggleButtonProps}\n          />\n        </div>\n      ) : (\n        // downshift's useCombobox always expects getInputProps() (and the\n        // toggle button) to be wired up. When the trigger is hidden (e.g.\n        // collapsed-sidebar popover) we still need to mount a real input\n        // so it stops warning every render. Keep it visually hidden but\n        // present in the DOM for accessibility.\n        <>\n          <input\n            {...getInputPropsWithCursorFix({\n              \"aria-label\": placeholder ?? \"Filter options\",\n              tabIndex: -1,\n            })}\n            style={visuallyHiddenStyle}\n          />\n          <button\n            type=\"button\"\n            {...getToggleButtonProps({ tabIndex: -1 })}\n            style={visuallyHiddenStyle}\n            aria-hidden\n          />\n        </>\n      )}\n      <DropdownMenu\n        isOpen={isOpen}\n        filteredOptions={filteredOptions}\n        selectedItem={selectedItem}\n        emptyMessage={emptyMessage}\n        getMenuProps={getMenuProps}\n        getItemProps={getItemProps}\n        footer={footer}\n        openUpward={openUpward}\n        fitContent={fitContent}\n      />\n    </div>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"dropdown.js","names":[],"sources":["../../../src/ui/dropdown/dropdown.tsx"],"sourcesContent":["import React, { useState } from \"react\";\nimport { useCombobox } from \"downshift\";\nimport { cn } from \"#/utils/utils\";\nimport { DropdownOption } from \"./types\";\nimport { dropdownTriggerShellClassName } from \"#/utils/dropdown-classes\";\nimport { LoadingSpinner } from \"./loading-spinner\";\nimport { ClearButton } from \"./clear-button\";\nimport { ToggleButton } from \"./toggle-button\";\nimport { DropdownMenu } from \"./dropdown-menu\";\nimport { DropdownInput } from \"./dropdown-input\";\n\n// Equivalent to Tailwind's `sr-only`, inlined so we don't depend on the\n// utility class being preserved by the host project's CSS pipeline.\nconst visuallyHiddenStyle: React.CSSProperties = {\n  position: \"absolute\",\n  width: 1,\n  height: 1,\n  padding: 0,\n  margin: -1,\n  overflow: \"hidden\",\n  clip: \"rect(0, 0, 0, 0)\",\n  whiteSpace: \"nowrap\",\n  border: 0,\n};\n\ninterface DropdownProps {\n  options: DropdownOption[];\n  emptyMessage?: string;\n  clearable?: boolean;\n  loading?: boolean;\n  disabled?: boolean;\n  placeholder?: string;\n  defaultValue?: DropdownOption;\n  onChange?: (item: DropdownOption | null) => void;\n  testId?: string;\n  className?: string;\n  footer?: React.ReactNode;\n  openUpward?: boolean;\n  hideTrigger?: boolean;\n  defaultOpen?: boolean;\n  /** Open the dropdown menu on hover instead of requiring a click. */\n  openOnHover?: boolean;\n  /** When false, the combobox placeholder uses normal (non-italic) type. */\n  italicPlaceholder?: boolean;\n  /** Size the trigger to its label instead of stretching to the container width. */\n  fitContent?: boolean;\n}\n\nexport function Dropdown({\n  options,\n  emptyMessage = \"No options\",\n  clearable = false,\n  loading = false,\n  disabled = false,\n  placeholder,\n  defaultValue,\n  onChange,\n  testId,\n  className,\n  footer,\n  openUpward = false,\n  hideTrigger = false,\n  defaultOpen = false,\n  openOnHover = false,\n  italicPlaceholder = true,\n  fitContent = false,\n}: DropdownProps) {\n  const closeTimerRef = React.useRef<ReturnType<typeof setTimeout> | null>(\n    null,\n  );\n  const [inputValue, setInputValue] = useState(defaultValue?.label ?? \"\");\n  const [searchTerm, setSearchTerm] = useState(\"\");\n\n  const filteredOptions = options.filter((option) =>\n    option.label.toLowerCase().includes(searchTerm.toLowerCase()),\n  );\n\n  const {\n    isOpen,\n    selectedItem,\n    selectItem,\n    openMenu,\n    closeMenu,\n    getToggleButtonProps,\n    getMenuProps,\n    getItemProps,\n    getInputProps,\n  } = useCombobox({\n    items: filteredOptions,\n    itemToString: (item) => item?.label ?? \"\",\n    inputValue,\n    stateReducer: (state, actionAndChanges) =>\n      actionAndChanges.type === useCombobox.stateChangeTypes.InputClick &&\n      state.isOpen\n        ? { ...actionAndChanges.changes, isOpen: true }\n        : actionAndChanges.changes,\n    initialIsOpen: defaultOpen,\n    onInputValueChange: ({ inputValue: newValue }) => {\n      setInputValue(newValue ?? \"\");\n      setSearchTerm(newValue ?? \"\");\n    },\n    defaultSelectedItem: defaultValue,\n    onSelectedItemChange: ({ selectedItem: newSelectedItem }) => {\n      onChange?.(newSelectedItem ?? null);\n    },\n    onIsOpenChange: ({\n      isOpen: newIsOpen,\n      selectedItem: currentSelectedItem,\n    }) => {\n      if (newIsOpen) {\n        // Clear the input on open so the user sees an empty search box\n        // (with the placeholder reminding them of the current value)\n        // and the full options list. Otherwise the active label would\n        // appear both in the trigger AND as the highlighted menu row.\n        setInputValue(\"\");\n        setSearchTerm(\"\");\n      } else {\n        setInputValue(currentSelectedItem?.label ?? \"\");\n        setSearchTerm(\"\");\n      }\n    },\n  });\n\n  const isDisabled = loading || disabled;\n\n  // `selectedItem` is downshift's internal state, frozen to whatever\n  // initialized it. Resolve the currently selected option against the\n  // live `options` array so per-option fields like `prefix` (e.g. a\n  // status indicator that re-renders on a timer) update on the trigger\n  // without remounting the dropdown.\n  const liveSelectedOption = selectedItem\n    ? (options.find((o) => o.value === selectedItem.value) ?? selectedItem)\n    : null;\n\n  // Wrap getInputProps to inject a direct onChange handler that preserves\n  // cursor position. Downshift's default onInputValueChange resets cursor\n  // to end of input on every keystroke; reading from e.target.value keeps\n  // the browser's native cursor position intact.\n  const getInputPropsWithCursorFix = (props?: object) =>\n    getInputProps({\n      ...props,\n      onChange: (e: React.ChangeEvent<HTMLInputElement>) => {\n        setInputValue(e.target.value);\n        setSearchTerm(e.target.value);\n      },\n    });\n\n  return (\n    <div\n      className={cn(\"relative\", fitContent ? \"inline-block w-auto\" : \"w-full\")}\n      data-testid={testId}\n      onMouseEnter={\n        openOnHover\n          ? () => {\n              if (closeTimerRef.current) {\n                clearTimeout(closeTimerRef.current);\n                closeTimerRef.current = null;\n              }\n              openMenu();\n            }\n          : undefined\n      }\n      onMouseLeave={\n        openOnHover\n          ? () => {\n              closeTimerRef.current = setTimeout(() => closeMenu(), 150);\n            }\n          : undefined\n      }\n    >\n      {!hideTrigger ? (\n        <div\n          className={cn(\n            dropdownTriggerShellClassName,\n            fitContent ? \"w-auto\" : \"w-full\",\n            isDisabled && \"cursor-not-allowed opacity-60\",\n            className,\n          )}\n        >\n          {liveSelectedOption?.prefix ? (\n            <span className=\"flex items-center shrink-0\">\n              {liveSelectedOption.prefix}\n            </span>\n          ) : null}\n          <DropdownInput\n            placeholder={placeholder}\n            isDisabled={isDisabled}\n            getInputProps={getInputPropsWithCursorFix}\n            italicPlaceholder={italicPlaceholder}\n            fitContent={fitContent}\n          />\n          {loading && <LoadingSpinner />}\n          {clearable && selectedItem && (\n            <ClearButton onClear={() => selectItem(null)} />\n          )}\n          <ToggleButton\n            isOpen={isOpen}\n            isDisabled={isDisabled}\n            getToggleButtonProps={getToggleButtonProps}\n          />\n        </div>\n      ) : (\n        // downshift's useCombobox always expects getInputProps() (and the\n        // toggle button) to be wired up. When the trigger is hidden (e.g.\n        // collapsed-sidebar popover) we still need to mount a real input\n        // so it stops warning every render. Keep it visually hidden but\n        // present in the DOM for accessibility.\n        <>\n          <input\n            {...getInputPropsWithCursorFix({\n              \"aria-label\": placeholder ?? \"Filter options\",\n              tabIndex: -1,\n            })}\n            style={visuallyHiddenStyle}\n          />\n          <button\n            type=\"button\"\n            {...getToggleButtonProps({ tabIndex: -1 })}\n            style={visuallyHiddenStyle}\n            aria-hidden\n          />\n        </>\n      )}\n      <DropdownMenu\n        isOpen={isOpen}\n        filteredOptions={filteredOptions}\n        selectedItem={selectedItem}\n        emptyMessage={emptyMessage}\n        getMenuProps={getMenuProps}\n        getItemProps={getItemProps}\n        footer={footer}\n        openUpward={openUpward}\n        fitContent={fitContent}\n      />\n    </div>\n  );\n}\n"],"mappings":"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"}

package/dist/utils/automation-schedule.d.ts

@@ -19,3 +19,4 @@ export declare function parseTimeOfDay(value: string): {
     hour: number;
     minute: number;
 } | null;
+export declare function formatEventOn(on: string | string[] | undefined): string;

package/dist/utils/dropdown-classes.cjs

@@ -0,0 +1,2 @@
+require(`../_virtual/_rolldown/runtime.cjs`);const e=require(`./utils.cjs`),t=require(`./form-control-classes.cjs`);var n=`transition-none`,r=`gap-0.5`,i=`gap-2`,a=e.cn(`flex flex-col`,r),o=e.cn(`bg-tertiary border border-[var(--oh-border-input)] rounded p-2`,`flex items-center gap-2`,t.formControlShellClassName,n,`group w-full gap-2 px-3 text-[var(--oh-muted)] hover:text-white`),s=e.cn(`group flex w-full cursor-pointer items-center rounded px-2 py-2 text-left text-sm font-normal text-white`,i,`hover:bg-[var(--oh-interactive-hover)] disabled:cursor-not-allowed disabled:opacity-60`,n),c=e.cn(`group flex w-full cursor-pointer items-center rounded px-2 py-2 text-start text-sm font-normal`,i,`text-[var(--oh-foreground)] hover:bg-[var(--oh-interactive-hover)]`,`disabled:cursor-not-allowed disabled:opacity-50 disabled:hover:bg-transparent`,n),l=e.cn(`shrink-0 text-[var(--oh-muted)] group-hover:text-white group-focus-visible:text-white`,n),u=e.cn(`flex size-4 shrink-0 items-center justify-center [&_svg]:text-current`,l),d=e.cn(`inline-flex cursor-pointer items-center gap-1.5 rounded-lg border px-3 py-2 text-sm font-medium`,`border-[var(--oh-border)] bg-base-secondary text-white`,`focus-visible:border-white/40 focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-white/20`,n),f=e.cn(a,`overflow-y-auto custom-scrollbar-always`,`max-h-[13.875rem]`),p=e.cn(`overflow-y-auto custom-scrollbar`,`max-h-[min(60vh,calc(100dvh-5rem))]`),m=e.cn(`group flex w-full items-center rounded-md px-2 py-2 text-sm font-normal text-white`,i,`hover:bg-[var(--oh-interactive-hover)]`,n);exports.dropdownFilterTriggerClassName=d,exports.dropdownFooterActionClassName=m,exports.dropdownInstantColorClassName=n,exports.dropdownMenuListClassName=a,exports.dropdownMenuListGapClassName=r,exports.dropdownMenuRowClassName=s,exports.dropdownMenuRowForegroundClassName=c,exports.dropdownMenuRowGapClassName=i,exports.dropdownMenuRowIconClassName=l,exports.dropdownMenuRowIconWrapperClassName=u,exports.dropdownMenuViewportScrollClassName=p,exports.dropdownTriggerShellClassName=o,exports.switchProfileMenuListScrollClassName=f;
+//# sourceMappingURL=dropdown-classes.cjs.map

package/dist/utils/dropdown-classes.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"dropdown-classes.cjs","names":[],"sources":["../../src/utils/dropdown-classes.ts"],"sourcesContent":["import { cn } from \"#/utils/utils\";\nimport { formControlShellClassName } from \"#/utils/form-control-classes\";\n\n/** Snap hover colors instantly — no transition-colors delay on menus/dropdowns. */\nexport const dropdownInstantColorClassName = \"transition-none\";\n\n/** 2px vertical gap between rows in a dropdown/context menu list. */\nexport const dropdownMenuListGapClassName = \"gap-0.5\";\n\n/** Standard horizontal gap between a row icon and its label. */\nexport const dropdownMenuRowGapClassName = \"gap-2\";\n\n/** Flex column shell for a dropdown menu item list. */\nexport const dropdownMenuListClassName = cn(\n  \"flex flex-col\",\n  dropdownMenuListGapClassName,\n);\n\n/** Combobox/select trigger shell with instant hover colors. */\nexport const dropdownTriggerShellClassName = cn(\n  \"bg-tertiary border border-[var(--oh-border-input)] rounded p-2\",\n  \"flex items-center gap-2\",\n  formControlShellClassName,\n  dropdownInstantColorClassName,\n  \"group w-full gap-2 px-3 text-[var(--oh-muted)] hover:text-white\",\n);\n\n/** Standard white-label menu row. */\nexport const dropdownMenuRowClassName = cn(\n  \"group flex w-full cursor-pointer items-center rounded px-2 py-2 text-left text-sm font-normal text-white\",\n  dropdownMenuRowGapClassName,\n  \"hover:bg-[var(--oh-interactive-hover)] disabled:cursor-not-allowed disabled:opacity-60\",\n  dropdownInstantColorClassName,\n);\n\n/** Menu row using foreground token (context menus). */\nexport const dropdownMenuRowForegroundClassName = cn(\n  \"group flex w-full cursor-pointer items-center rounded px-2 py-2 text-start text-sm font-normal\",\n  dropdownMenuRowGapClassName,\n  \"text-[var(--oh-foreground)] hover:bg-[var(--oh-interactive-hover)]\",\n  \"disabled:cursor-not-allowed disabled:opacity-50 disabled:hover:bg-transparent\",\n  dropdownInstantColorClassName,\n);\n\n/** Icon inside a menu row — muted until row hover/focus. */\nexport const dropdownMenuRowIconClassName = cn(\n  \"shrink-0 text-[var(--oh-muted)] group-hover:text-white group-focus-visible:text-white\",\n  dropdownInstantColorClassName,\n);\n\n/** Wrapper for SVG/React icon nodes inside a menu row. */\nexport const dropdownMenuRowIconWrapperClassName = cn(\n  \"flex size-4 shrink-0 items-center justify-center [&_svg]:text-current\",\n  dropdownMenuRowIconClassName,\n);\n\n/** Enum/filter dropdown trigger chip. */\nexport const dropdownFilterTriggerClassName = cn(\n  \"inline-flex cursor-pointer items-center gap-1.5 rounded-lg border px-3 py-2 text-sm font-medium\",\n  \"border-[var(--oh-border)] bg-base-secondary text-white\",\n  \"focus-visible:border-white/40 focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-white/20\",\n  dropdownInstantColorClassName,\n);\n\n/**\n * Scroll cap for the switch-profile menu: four two-line rows\n * (p-2 + leading-5 title + gap-0.5 + leading-4 subtitle) plus list gaps.\n */\nexport const switchProfileMenuListScrollClassName = cn(\n  dropdownMenuListClassName,\n  \"overflow-y-auto custom-scrollbar-always\",\n  \"max-h-[13.875rem]\",\n);\n\n/**\n * Tall sidebar/context menus: cap height to the viewport and scroll with the\n * custom scrollbar when content overflows (no scrollbar when everything fits).\n */\nexport const dropdownMenuViewportScrollClassName = cn(\n  \"overflow-y-auto custom-scrollbar\",\n  \"max-h-[min(60vh,calc(100dvh-5rem))]\",\n);\n\n/** Footer action row inside a dropdown panel. */\nexport const dropdownFooterActionClassName = cn(\n  \"group flex w-full items-center rounded-md px-2 py-2 text-sm font-normal text-white\",\n  dropdownMenuRowGapClassName,\n  \"hover:bg-[var(--oh-interactive-hover)]\",\n  dropdownInstantColorClassName,\n);\n"],"mappings":"oHAIA,IAAa,EAAgC,kBAGhC,EAA+B,UAG/B,EAA8B,QAG9B,EAA4B,EAAA,GACvC,gBACA,EACD,CAGY,EAAgC,EAAA,GAC3C,iEACA,0BACA,EAAA,0BACA,EACA,kEACD,CAGY,EAA2B,EAAA,GACtC,2GACA,EACA,yFACA,EACD,CAGY,EAAqC,EAAA,GAChD,iGACA,EACA,qEACA,gFACA,EACD,CAGY,EAA+B,EAAA,GAC1C,wFACA,EACD,CAGY,EAAsC,EAAA,GACjD,wEACA,EACD,CAGY,EAAiC,EAAA,GAC5C,kGACA,yDACA,4GACA,EACD,CAMY,EAAuC,EAAA,GAClD,EACA,0CACA,oBACD,CAMY,EAAsC,EAAA,GACjD,mCACA,sCACD,CAGY,EAAgC,EAAA,GAC3C,qFACA,EACA,yCACA,EACD"}

package/dist/utils/dropdown-classes.d.ts

@@ -0,0 +1,32 @@
+/** Snap hover colors instantly — no transition-colors delay on menus/dropdowns. */
+export declare const dropdownInstantColorClassName = "transition-none";
+/** 2px vertical gap between rows in a dropdown/context menu list. */
+export declare const dropdownMenuListGapClassName = "gap-0.5";
+/** Standard horizontal gap between a row icon and its label. */
+export declare const dropdownMenuRowGapClassName = "gap-2";
+/** Flex column shell for a dropdown menu item list. */
+export declare const dropdownMenuListClassName: string;
+/** Combobox/select trigger shell with instant hover colors. */
+export declare const dropdownTriggerShellClassName: string;
+/** Standard white-label menu row. */
+export declare const dropdownMenuRowClassName: string;
+/** Menu row using foreground token (context menus). */
+export declare const dropdownMenuRowForegroundClassName: string;
+/** Icon inside a menu row — muted until row hover/focus. */
+export declare const dropdownMenuRowIconClassName: string;
+/** Wrapper for SVG/React icon nodes inside a menu row. */
+export declare const dropdownMenuRowIconWrapperClassName: string;
+/** Enum/filter dropdown trigger chip. */
+export declare const dropdownFilterTriggerClassName: string;
+/**
+ * Scroll cap for the switch-profile menu: four two-line rows
+ * (p-2 + leading-5 title + gap-0.5 + leading-4 subtitle) plus list gaps.
+ */
+export declare const switchProfileMenuListScrollClassName: string;
+/**
+ * Tall sidebar/context menus: cap height to the viewport and scroll with the
+ * custom scrollbar when content overflows (no scrollbar when everything fits).
+ */
+export declare const dropdownMenuViewportScrollClassName: string;
+/** Footer action row inside a dropdown panel. */
+export declare const dropdownFooterActionClassName: string;

package/dist/utils/dropdown-classes.js

@@ -0,0 +1,8 @@
+import { cn as e } from "./utils.js";
+import { formControlShellClassName as t } from "./form-control-classes.js";
+//#region src/utils/dropdown-classes.ts
+var n = "transition-none", r = "gap-0.5", i = "gap-2", a = e("flex flex-col", r), o = e("bg-tertiary border border-[var(--oh-border-input)] rounded p-2", "flex items-center gap-2", t, n, "group w-full gap-2 px-3 text-[var(--oh-muted)] hover:text-white"), s = e("group flex w-full cursor-pointer items-center rounded px-2 py-2 text-left text-sm font-normal text-white", i, "hover:bg-[var(--oh-interactive-hover)] disabled:cursor-not-allowed disabled:opacity-60", n), c = e("group flex w-full cursor-pointer items-center rounded px-2 py-2 text-start text-sm font-normal", i, "text-[var(--oh-foreground)] hover:bg-[var(--oh-interactive-hover)]", "disabled:cursor-not-allowed disabled:opacity-50 disabled:hover:bg-transparent", n), l = e("shrink-0 text-[var(--oh-muted)] group-hover:text-white group-focus-visible:text-white", n), u = e("flex size-4 shrink-0 items-center justify-center [&_svg]:text-current", l), d = e("inline-flex cursor-pointer items-center gap-1.5 rounded-lg border px-3 py-2 text-sm font-medium", "border-[var(--oh-border)] bg-base-secondary text-white", "focus-visible:border-white/40 focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-white/20", n), f = e(a, "overflow-y-auto custom-scrollbar-always", "max-h-[13.875rem]"), p = e("overflow-y-auto custom-scrollbar", "max-h-[min(60vh,calc(100dvh-5rem))]"), m = e("group flex w-full items-center rounded-md px-2 py-2 text-sm font-normal text-white", i, "hover:bg-[var(--oh-interactive-hover)]", n);
+//#endregion
+export { d as dropdownFilterTriggerClassName, m as dropdownFooterActionClassName, n as dropdownInstantColorClassName, a as dropdownMenuListClassName, r as dropdownMenuListGapClassName, s as dropdownMenuRowClassName, c as dropdownMenuRowForegroundClassName, i as dropdownMenuRowGapClassName, l as dropdownMenuRowIconClassName, u as dropdownMenuRowIconWrapperClassName, p as dropdownMenuViewportScrollClassName, o as dropdownTriggerShellClassName, f as switchProfileMenuListScrollClassName };
+
+//# sourceMappingURL=dropdown-classes.js.map

package/dist/utils/dropdown-classes.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dropdown-classes.js","names":[],"sources":["../../src/utils/dropdown-classes.ts"],"sourcesContent":["import { cn } from \"#/utils/utils\";\nimport { formControlShellClassName } from \"#/utils/form-control-classes\";\n\n/** Snap hover colors instantly — no transition-colors delay on menus/dropdowns. */\nexport const dropdownInstantColorClassName = \"transition-none\";\n\n/** 2px vertical gap between rows in a dropdown/context menu list. */\nexport const dropdownMenuListGapClassName = \"gap-0.5\";\n\n/** Standard horizontal gap between a row icon and its label. */\nexport const dropdownMenuRowGapClassName = \"gap-2\";\n\n/** Flex column shell for a dropdown menu item list. */\nexport const dropdownMenuListClassName = cn(\n  \"flex flex-col\",\n  dropdownMenuListGapClassName,\n);\n\n/** Combobox/select trigger shell with instant hover colors. */\nexport const dropdownTriggerShellClassName = cn(\n  \"bg-tertiary border border-[var(--oh-border-input)] rounded p-2\",\n  \"flex items-center gap-2\",\n  formControlShellClassName,\n  dropdownInstantColorClassName,\n  \"group w-full gap-2 px-3 text-[var(--oh-muted)] hover:text-white\",\n);\n\n/** Standard white-label menu row. */\nexport const dropdownMenuRowClassName = cn(\n  \"group flex w-full cursor-pointer items-center rounded px-2 py-2 text-left text-sm font-normal text-white\",\n  dropdownMenuRowGapClassName,\n  \"hover:bg-[var(--oh-interactive-hover)] disabled:cursor-not-allowed disabled:opacity-60\",\n  dropdownInstantColorClassName,\n);\n\n/** Menu row using foreground token (context menus). */\nexport const dropdownMenuRowForegroundClassName = cn(\n  \"group flex w-full cursor-pointer items-center rounded px-2 py-2 text-start text-sm font-normal\",\n  dropdownMenuRowGapClassName,\n  \"text-[var(--oh-foreground)] hover:bg-[var(--oh-interactive-hover)]\",\n  \"disabled:cursor-not-allowed disabled:opacity-50 disabled:hover:bg-transparent\",\n  dropdownInstantColorClassName,\n);\n\n/** Icon inside a menu row — muted until row hover/focus. */\nexport const dropdownMenuRowIconClassName = cn(\n  \"shrink-0 text-[var(--oh-muted)] group-hover:text-white group-focus-visible:text-white\",\n  dropdownInstantColorClassName,\n);\n\n/** Wrapper for SVG/React icon nodes inside a menu row. */\nexport const dropdownMenuRowIconWrapperClassName = cn(\n  \"flex size-4 shrink-0 items-center justify-center [&_svg]:text-current\",\n  dropdownMenuRowIconClassName,\n);\n\n/** Enum/filter dropdown trigger chip. */\nexport const dropdownFilterTriggerClassName = cn(\n  \"inline-flex cursor-pointer items-center gap-1.5 rounded-lg border px-3 py-2 text-sm font-medium\",\n  \"border-[var(--oh-border)] bg-base-secondary text-white\",\n  \"focus-visible:border-white/40 focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-white/20\",\n  dropdownInstantColorClassName,\n);\n\n/**\n * Scroll cap for the switch-profile menu: four two-line rows\n * (p-2 + leading-5 title + gap-0.5 + leading-4 subtitle) plus list gaps.\n */\nexport const switchProfileMenuListScrollClassName = cn(\n  dropdownMenuListClassName,\n  \"overflow-y-auto custom-scrollbar-always\",\n  \"max-h-[13.875rem]\",\n);\n\n/**\n * Tall sidebar/context menus: cap height to the viewport and scroll with the\n * custom scrollbar when content overflows (no scrollbar when everything fits).\n */\nexport const dropdownMenuViewportScrollClassName = cn(\n  \"overflow-y-auto custom-scrollbar\",\n  \"max-h-[min(60vh,calc(100dvh-5rem))]\",\n);\n\n/** Footer action row inside a dropdown panel. */\nexport const dropdownFooterActionClassName = cn(\n  \"group flex w-full items-center rounded-md px-2 py-2 text-sm font-normal text-white\",\n  dropdownMenuRowGapClassName,\n  \"hover:bg-[var(--oh-interactive-hover)]\",\n  dropdownInstantColorClassName,\n);\n"],"mappings":";;;AAIA,IAAa,IAAgC,mBAGhC,IAA+B,WAG/B,IAA8B,SAG9B,IAA4B,EACvC,iBACA,EACD,EAGY,IAAgC,EAC3C,kEACA,2BACA,GACA,GACA,kEACD,EAGY,IAA2B,EACtC,4GACA,GACA,0FACA,EACD,EAGY,IAAqC,EAChD,kGACA,GACA,sEACA,iFACA,EACD,EAGY,IAA+B,EAC1C,yFACA,EACD,EAGY,IAAsC,EACjD,yEACA,EACD,EAGY,IAAiC,EAC5C,mGACA,0DACA,6GACA,EACD,EAMY,IAAuC,EAClD,GACA,2CACA,oBACD,EAMY,IAAsC,EACjD,oCACA,sCACD,EAGY,IAAgC,EAC3C,sFACA,GACA,0CACA,EACD"}

package/dist/utils/form-control-classes.cjs

@@ -1,2 +1,2 @@
-require(`../_virtual/_rolldown/runtime.cjs`);const e=require(`./utils.cjs`);var t=`h-9 min-h-9`,n=`rounded-lg`,r=`border border-[var(--oh-border)]`,i=`bg-base-secondary`,a=`transition-[background-color,border-color,box-shadow,opacity] duration-150 motion-reduce:transition-none`,o=`!transition-[background-color,border-color,box-shadow,opacity] !duration-150 motion-reduce:transition-none`,s=`focus:border-white/40 focus:ring-1 focus:ring-white/20 focus:outline-none`,c=`focus-within:border-white/40 focus-within:ring-1 focus-within:ring-white/20`,l=`disabled:cursor-not-allowed disabled:opacity-60`,u=e.cn(t,n,r,i,a,s,l,`w-full min-w-0 px-3 text-sm text-white placeholder:text-tertiary-alt`),d=e.cn(u,`placeholder:italic`,o),f=e.cn(n,r,i,a,s,l,`w-full min-w-0 px-3 py-2 text-sm text-white placeholder:text-tertiary-alt`),p=e.cn(t,`relative flex min-w-0 items-center`,n,r,i,a,c),m=e.cn(`min-w-0 flex-1 border-0 bg-transparent px-3 text-sm outline-none`,`placeholder:text-tertiary-alt`,`[&::-webkit-search-cancel-button]:hidden`),h=e.cn(t,`inline-flex w-fit cursor-pointer items-center justify-center gap-2 px-3`,n,a,`text-sm font-normal disabled:cursor-not-allowed disabled:opacity-30`),g=`pl-12`;e.cn(h,r,i,`shrink-0 text-white`),exports.formControlBorderClassName=r,exports.formControlButtonClassName=h,exports.formControlFieldClassName=u,exports.formControlInlineInputClassName=m,exports.formControlMultilineFieldClassName=f,exports.formControlRadiusClassName=n,exports.formControlSettingsFieldClassName=d,exports.formControlShellClassName=p,exports.formControlSurfaceClassName=i,exports.formControlSwitchDescriptionClassName=g,exports.formControlTransitionClassName=a;
+require(`../_virtual/_rolldown/runtime.cjs`);const e=require(`./utils.cjs`);var t=`h-9 min-h-9`,n=`rounded-lg`,r=`border border-[var(--oh-border)]`,i=`bg-base-secondary`,a=`duration-75`,o=`!duration-75`,s=`motion-reduce:transition-none`,c=e.cn(`transition-[background-color,border-color,box-shadow,opacity]`,a,s),l=e.cn(`!transition-[background-color,border-color,box-shadow,opacity]`,o,s),u=e.cn(`transition-[transform] ease`,a,s),d=`hover:text-white hover:bg-white/10`,f=e.cn(`inline-flex items-center gap-1 rounded-[100px] border border-transparent px-1.5`,`text-sm font-normal leading-5 text-[var(--oh-muted)] whitespace-nowrap min-w-0 cursor-pointer`,c,d),p=e.cn(`flex items-center justify-center rounded-full text-[var(--oh-muted)] cursor-pointer`,c,d),m=`focus:border-white/40 focus:ring-1 focus:ring-white/20 focus:outline-none`,h=`focus-within:border-white/40 focus-within:ring-1 focus-within:ring-white/20`,g=`disabled:cursor-not-allowed disabled:opacity-60`,_=e.cn(t,n,r,i,c,m,g,`w-full min-w-0 px-3 text-sm text-white placeholder:text-tertiary-alt`),v=e.cn(_,`placeholder:italic`,l),y=e.cn(n,r,i,c,m,g,`w-full min-w-0 px-3 py-2 text-sm text-white placeholder:text-tertiary-alt`),b=e.cn(t,`relative flex min-w-0 items-center`,n,r,i,c,h),x=e.cn(`min-w-0 flex-1 border-0 bg-transparent px-3 text-sm outline-none`,`placeholder:text-tertiary-alt`,`[&::-webkit-search-cancel-button]:hidden`),S=e.cn(t,`inline-flex w-fit cursor-pointer items-center justify-center gap-2 px-3`,n,c,`text-sm font-normal disabled:cursor-not-allowed disabled:opacity-30`),C=`pl-12`;e.cn(S,r,i,`shrink-0 text-white`);var w=e.cn(`inline-flex items-center gap-2 self-start rounded-lg p-2`,`text-sm font-normal leading-5 text-[var(--oh-muted)] cursor-pointer`,c,`hover:bg-tertiary hover:text-white`);exports.chatInputIconButtonClassName=p,exports.chatInputPillButtonClassName=f,exports.formControlBackNavButtonClassName=w,exports.formControlBorderClassName=r,exports.formControlButtonClassName=S,exports.formControlFieldClassName=_,exports.formControlInlineInputClassName=x,exports.formControlMultilineFieldClassName=y,exports.formControlMutedHoverClassName=d,exports.formControlRadiusClassName=n,exports.formControlSettingsFieldClassName=v,exports.formControlShellClassName=b,exports.formControlSurfaceClassName=i,exports.formControlSwitchDescriptionClassName=C,exports.formControlTransformTransitionClassName=u,exports.formControlTransitionClassName=c;
 //# sourceMappingURL=form-control-classes.cjs.map

package/dist/utils/form-control-classes.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"form-control-classes.cjs","names":[],"sources":["../../src/utils/form-control-classes.ts"],"sourcesContent":["import { cn } from \"#/utils/utils\";\n\n/** 36px control height — shared by fields, dropdowns, and buttons. */\nexport const formControlHeightClassName = \"h-9 min-h-9\";\n\nexport const formControlRadiusClassName = \"rounded-lg\";\n\nexport const formControlBorderClassName = \"border border-[var(--oh-border)]\";\n\nexport const formControlSurfaceClassName = \"bg-base-secondary\";\n\n/** Animate shell chrome on hover/focus; foreground color snaps instantly. */\nexport const formControlTransitionClassName =\n  \"transition-[background-color,border-color,box-shadow,opacity] duration-150 motion-reduce:transition-none\";\n\n/** HeroUI input wrappers ship `transition-colors`; override so caret/text hover is instant. */\nexport const formControlHeroUiWrapperTransitionClassName =\n  \"!transition-[background-color,border-color,box-shadow,opacity] !duration-150 motion-reduce:transition-none\";\n\nexport const formControlFocusClassName =\n  \"focus:border-white/40 focus:ring-1 focus:ring-white/20 focus:outline-none\";\n\nexport const formControlFocusWithinClassName =\n  \"focus-within:border-white/40 focus-within:ring-1 focus-within:ring-white/20\";\n\nexport const formControlDisabledClassName =\n  \"disabled:cursor-not-allowed disabled:opacity-60\";\n\n/** Native text inputs and HeroUI Autocomplete wrappers. */\nexport const formControlFieldClassName = cn(\n  formControlHeightClassName,\n  formControlRadiusClassName,\n  formControlBorderClassName,\n  formControlSurfaceClassName,\n  formControlTransitionClassName,\n  formControlFocusClassName,\n  formControlDisabledClassName,\n  \"w-full min-w-0 px-3 text-sm text-white placeholder:text-tertiary-alt\",\n);\n\n/** Settings screens keep italic placeholders on form controls. */\nexport const formControlSettingsFieldClassName = cn(\n  formControlFieldClassName,\n  \"placeholder:italic\",\n  formControlHeroUiWrapperTransitionClassName,\n);\n\n/** Multiline fields share border/radius/focus styling without a fixed height. */\nexport const formControlMultilineFieldClassName = cn(\n  formControlRadiusClassName,\n  formControlBorderClassName,\n  formControlSurfaceClassName,\n  formControlTransitionClassName,\n  formControlFocusClassName,\n  formControlDisabledClassName,\n  \"w-full min-w-0 px-3 py-2 text-sm text-white placeholder:text-tertiary-alt\",\n);\n\n/** Combobox / search shell (icon + input), e.g. skills toolbar. */\nexport const formControlShellClassName = cn(\n  formControlHeightClassName,\n  \"relative flex min-w-0 items-center\",\n  formControlRadiusClassName,\n  formControlBorderClassName,\n  formControlSurfaceClassName,\n  formControlTransitionClassName,\n  formControlFocusWithinClassName,\n);\n\n/** Borderless input nested inside {@link formControlShellClassName}. */\nexport const formControlInlineInputClassName = cn(\n  \"min-w-0 flex-1 border-0 bg-transparent px-3 text-sm outline-none\",\n  \"placeholder:text-tertiary-alt\",\n  \"[&::-webkit-search-cancel-button]:hidden\",\n);\n\n/** Primary/secondary/danger action buttons. */\nexport const formControlButtonClassName = cn(\n  formControlHeightClassName,\n  \"inline-flex w-fit cursor-pointer items-center justify-center gap-2 px-3\",\n  formControlRadiusClassName,\n  formControlTransitionClassName,\n  \"text-sm font-normal disabled:cursor-not-allowed disabled:opacity-30\",\n);\n\n/** Helper text under a left-aligned {@link SettingsSwitch} (40px track + gap-2). */\nexport const formControlSwitchDescriptionClassName = \"pl-12\";\n\n/** Filter / enum dropdown triggers beside search toolbars. */\nexport const formControlFilterTriggerClassName = cn(\n  formControlButtonClassName,\n  formControlBorderClassName,\n  formControlSurfaceClassName,\n  \"shrink-0 text-white\",\n);\n"],"mappings":"4EAGA,IAAa,EAA6B,cAE7B,EAA6B,aAE7B,EAA6B,mCAE7B,EAA8B,oBAG9B,EACX,2GAGW,EACX,6GAEW,EACX,4EAEW,EACX,8EAEW,EACX,kDAGW,EAA4B,EAAA,GACvC,EACA,EACA,EACA,EACA,EACA,EACA,EACA,uEACD,CAGY,EAAoC,EAAA,GAC/C,EACA,qBACA,EACD,CAGY,EAAqC,EAAA,GAChD,EACA,EACA,EACA,EACA,EACA,EACA,4EACD,CAGY,EAA4B,EAAA,GACvC,EACA,qCACA,EACA,EACA,EACA,EACA,EACD,CAGY,EAAkC,EAAA,GAC7C,mEACA,gCACA,2CACD,CAGY,EAA6B,EAAA,GACxC,EACA,0EACA,EACA,EACA,sEACD,CAGY,EAAwC,QAGJ,EAAA,GAC/C,EACA,EACA,EACA,sBACD"}
+{"version":3,"file":"form-control-classes.cjs","names":[],"sources":["../../src/utils/form-control-classes.ts"],"sourcesContent":["import { cn } from \"#/utils/utils\";\n\n/** 36px control height — shared by fields, dropdowns, and buttons. */\nexport const formControlHeightClassName = \"h-9 min-h-9\";\n\nexport const formControlRadiusClassName = \"rounded-lg\";\n\nexport const formControlBorderClassName = \"border border-[var(--oh-border)]\";\n\nexport const formControlSurfaceClassName = \"bg-base-secondary\";\n\n/** Shared transition duration for form controls and chrome buttons. */\nexport const formControlTransitionDurationClassName = \"duration-75\";\n\nexport const formControlHeroUiTransitionDurationClassName = \"!duration-75\";\n\nexport const formControlMotionReduceClassName = \"motion-reduce:transition-none\";\n\n/** Shell properties that animate on hover/focus; foreground color snaps instantly. */\nexport const formControlTransitionPropertiesClassName =\n  \"transition-[background-color,border-color,box-shadow,opacity]\";\n\n/** Animate shell chrome on hover/focus; foreground color snaps instantly. */\nexport const formControlTransitionClassName = cn(\n  formControlTransitionPropertiesClassName,\n  formControlTransitionDurationClassName,\n  formControlMotionReduceClassName,\n);\n\n/** HeroUI input wrappers ship `transition-colors`; override so caret/text hover is instant. */\nexport const formControlHeroUiWrapperTransitionClassName = cn(\n  \"!transition-[background-color,border-color,box-shadow,opacity]\",\n  formControlHeroUiTransitionDurationClassName,\n  formControlMotionReduceClassName,\n);\n\n/** Transform-only transitions (e.g. combobox carets). */\nexport const formControlTransformTransitionClassName = cn(\n  \"transition-[transform] ease\",\n  formControlTransitionDurationClassName,\n  formControlMotionReduceClassName,\n);\n\n/** Muted icon/pill controls: instant foreground, fading shell on hover. */\nexport const formControlMutedHoverClassName =\n  \"hover:text-white hover:bg-white/10\";\n\n/** Text/icon pill triggers in the chat input actions row. */\nexport const chatInputPillButtonClassName = cn(\n  \"inline-flex items-center gap-1 rounded-[100px] border border-transparent px-1.5\",\n  \"text-sm font-normal leading-5 text-[var(--oh-muted)] whitespace-nowrap min-w-0 cursor-pointer\",\n  formControlTransitionClassName,\n  formControlMutedHoverClassName,\n);\n\n/** Circular icon triggers in the chat input actions row. */\nexport const chatInputIconButtonClassName = cn(\n  \"flex items-center justify-center rounded-full text-[var(--oh-muted)] cursor-pointer\",\n  formControlTransitionClassName,\n  formControlMutedHoverClassName,\n);\n\nexport const formControlFocusClassName =\n  \"focus:border-white/40 focus:ring-1 focus:ring-white/20 focus:outline-none\";\n\nexport const formControlFocusWithinClassName =\n  \"focus-within:border-white/40 focus-within:ring-1 focus-within:ring-white/20\";\n\nexport const formControlDisabledClassName =\n  \"disabled:cursor-not-allowed disabled:opacity-60\";\n\n/** Native text inputs and HeroUI Autocomplete wrappers. */\nexport const formControlFieldClassName = cn(\n  formControlHeightClassName,\n  formControlRadiusClassName,\n  formControlBorderClassName,\n  formControlSurfaceClassName,\n  formControlTransitionClassName,\n  formControlFocusClassName,\n  formControlDisabledClassName,\n  \"w-full min-w-0 px-3 text-sm text-white placeholder:text-tertiary-alt\",\n);\n\n/** Settings screens keep italic placeholders on form controls. */\nexport const formControlSettingsFieldClassName = cn(\n  formControlFieldClassName,\n  \"placeholder:italic\",\n  formControlHeroUiWrapperTransitionClassName,\n);\n\n/** Multiline fields share border/radius/focus styling without a fixed height. */\nexport const formControlMultilineFieldClassName = cn(\n  formControlRadiusClassName,\n  formControlBorderClassName,\n  formControlSurfaceClassName,\n  formControlTransitionClassName,\n  formControlFocusClassName,\n  formControlDisabledClassName,\n  \"w-full min-w-0 px-3 py-2 text-sm text-white placeholder:text-tertiary-alt\",\n);\n\n/** Combobox / search shell (icon + input), e.g. skills toolbar. */\nexport const formControlShellClassName = cn(\n  formControlHeightClassName,\n  \"relative flex min-w-0 items-center\",\n  formControlRadiusClassName,\n  formControlBorderClassName,\n  formControlSurfaceClassName,\n  formControlTransitionClassName,\n  formControlFocusWithinClassName,\n);\n\n/** Borderless input nested inside {@link formControlShellClassName}. */\nexport const formControlInlineInputClassName = cn(\n  \"min-w-0 flex-1 border-0 bg-transparent px-3 text-sm outline-none\",\n  \"placeholder:text-tertiary-alt\",\n  \"[&::-webkit-search-cancel-button]:hidden\",\n);\n\n/** Primary/secondary/danger action buttons. */\nexport const formControlButtonClassName = cn(\n  formControlHeightClassName,\n  \"inline-flex w-fit cursor-pointer items-center justify-center gap-2 px-3\",\n  formControlRadiusClassName,\n  formControlTransitionClassName,\n  \"text-sm font-normal disabled:cursor-not-allowed disabled:opacity-30\",\n);\n\n/** Helper text under a left-aligned {@link SettingsSwitch} (40px track + gap-2). */\nexport const formControlSwitchDescriptionClassName = \"pl-12\";\n\n/** Filter / enum dropdown triggers beside search toolbars. */\nexport const formControlFilterTriggerClassName = cn(\n  formControlButtonClassName,\n  formControlBorderClassName,\n  formControlSurfaceClassName,\n  \"shrink-0 text-white\",\n);\n\n/** Muted back navigation control with tertiary hover fill (settings sub-pages, detail views). */\nexport const formControlBackNavButtonClassName = cn(\n  \"inline-flex items-center gap-2 self-start rounded-lg p-2\",\n  \"text-sm font-normal leading-5 text-[var(--oh-muted)] cursor-pointer\",\n  formControlTransitionClassName,\n  \"hover:bg-tertiary hover:text-white\",\n);\n"],"mappings":"4EAGA,IAAa,EAA6B,cAE7B,EAA6B,aAE7B,EAA6B,mCAE7B,EAA8B,oBAG9B,EAAyC,cAEzC,EAA+C,eAE/C,EAAmC,gCAOnC,EAAiC,EAAA,GAC5C,gEACA,EACA,EACD,CAGY,EAA8C,EAAA,GACzD,iEACA,EACA,EACD,CAGY,EAA0C,EAAA,GACrD,8BACA,EACA,EACD,CAGY,EACX,qCAGW,EAA+B,EAAA,GAC1C,kFACA,gGACA,EACA,EACD,CAGY,EAA+B,EAAA,GAC1C,sFACA,EACA,EACD,CAEY,EACX,4EAEW,EACX,8EAEW,EACX,kDAGW,EAA4B,EAAA,GACvC,EACA,EACA,EACA,EACA,EACA,EACA,EACA,uEACD,CAGY,EAAoC,EAAA,GAC/C,EACA,qBACA,EACD,CAGY,EAAqC,EAAA,GAChD,EACA,EACA,EACA,EACA,EACA,EACA,4EACD,CAGY,EAA4B,EAAA,GACvC,EACA,qCACA,EACA,EACA,EACA,EACA,EACD,CAGY,EAAkC,EAAA,GAC7C,mEACA,gCACA,2CACD,CAGY,EAA6B,EAAA,GACxC,EACA,0EACA,EACA,EACA,sEACD,CAGY,EAAwC,QAGJ,EAAA,GAC/C,EACA,EACA,EACA,sBACD,CAGD,IAAa,EAAoC,EAAA,GAC/C,2DACA,sEACA,EACA,qCACD"}

package/dist/utils/form-control-classes.d.ts

@@ -3,10 +3,24 @@ export declare const formControlHeightClassName = "h-9 min-h-9";
 export declare const formControlRadiusClassName = "rounded-lg";
 export declare const formControlBorderClassName = "border border-[var(--oh-border)]";
 export declare const formControlSurfaceClassName = "bg-base-secondary";
+/** Shared transition duration for form controls and chrome buttons. */
+export declare const formControlTransitionDurationClassName = "duration-75";
+export declare const formControlHeroUiTransitionDurationClassName = "!duration-75";
+export declare const formControlMotionReduceClassName = "motion-reduce:transition-none";
+/** Shell properties that animate on hover/focus; foreground color snaps instantly. */
+export declare const formControlTransitionPropertiesClassName = "transition-[background-color,border-color,box-shadow,opacity]";
 /** Animate shell chrome on hover/focus; foreground color snaps instantly. */
-export declare const formControlTransitionClassName = "transition-[background-color,border-color,box-shadow,opacity] duration-150 motion-reduce:transition-none";
+export declare const formControlTransitionClassName: string;
 /** HeroUI input wrappers ship `transition-colors`; override so caret/text hover is instant. */
-export declare const formControlHeroUiWrapperTransitionClassName = "!transition-[background-color,border-color,box-shadow,opacity] !duration-150 motion-reduce:transition-none";
+export declare const formControlHeroUiWrapperTransitionClassName: string;
+/** Transform-only transitions (e.g. combobox carets). */
+export declare const formControlTransformTransitionClassName: string;
+/** Muted icon/pill controls: instant foreground, fading shell on hover. */
+export declare const formControlMutedHoverClassName = "hover:text-white hover:bg-white/10";
+/** Text/icon pill triggers in the chat input actions row. */
+export declare const chatInputPillButtonClassName: string;
+/** Circular icon triggers in the chat input actions row. */
+export declare const chatInputIconButtonClassName: string;
 export declare const formControlFocusClassName = "focus:border-white/40 focus:ring-1 focus:ring-white/20 focus:outline-none";
 export declare const formControlFocusWithinClassName = "focus-within:border-white/40 focus-within:ring-1 focus-within:ring-white/20";
 export declare const formControlDisabledClassName = "disabled:cursor-not-allowed disabled:opacity-60";
@@ -26,3 +40,5 @@ export declare const formControlButtonClassName: string;
 export declare const formControlSwitchDescriptionClassName = "pl-12";
 /** Filter / enum dropdown triggers beside search toolbars. */
 export declare const formControlFilterTriggerClassName: string;
+/** Muted back navigation control with tertiary hover fill (settings sub-pages, detail views). */
+export declare const formControlBackNavButtonClassName: string;

package/dist/utils/form-control-classes.js

@@ -1,8 +1,9 @@
 import { cn as e } from "./utils.js";
 //#region src/utils/form-control-classes.ts
-var t = "h-9 min-h-9", n = "rounded-lg", r = "border border-[var(--oh-border)]", i = "bg-base-secondary", a = "transition-[background-color,border-color,box-shadow,opacity] duration-150 motion-reduce:transition-none", o = "!transition-[background-color,border-color,box-shadow,opacity] !duration-150 motion-reduce:transition-none", s = "focus:border-white/40 focus:ring-1 focus:ring-white/20 focus:outline-none", c = "focus-within:border-white/40 focus-within:ring-1 focus-within:ring-white/20", l = "disabled:cursor-not-allowed disabled:opacity-60", u = e(t, n, r, i, a, s, l, "w-full min-w-0 px-3 text-sm text-white placeholder:text-tertiary-alt"), d = e(u, "placeholder:italic", o), f = e(n, r, i, a, s, l, "w-full min-w-0 px-3 py-2 text-sm text-white placeholder:text-tertiary-alt"), p = e(t, "relative flex min-w-0 items-center", n, r, i, a, c), m = e("min-w-0 flex-1 border-0 bg-transparent px-3 text-sm outline-none", "placeholder:text-tertiary-alt", "[&::-webkit-search-cancel-button]:hidden"), h = e(t, "inline-flex w-fit cursor-pointer items-center justify-center gap-2 px-3", n, a, "text-sm font-normal disabled:cursor-not-allowed disabled:opacity-30"), g = "pl-12";
-e(h, r, i, "shrink-0 text-white");
+var t = "h-9 min-h-9", n = "rounded-lg", r = "border border-[var(--oh-border)]", i = "bg-base-secondary", a = "duration-75", o = "!duration-75", s = "motion-reduce:transition-none", c = e("transition-[background-color,border-color,box-shadow,opacity]", a, s), l = e("!transition-[background-color,border-color,box-shadow,opacity]", o, s), u = e("transition-[transform] ease", a, s), d = "hover:text-white hover:bg-white/10", f = e("inline-flex items-center gap-1 rounded-[100px] border border-transparent px-1.5", "text-sm font-normal leading-5 text-[var(--oh-muted)] whitespace-nowrap min-w-0 cursor-pointer", c, d), p = e("flex items-center justify-center rounded-full text-[var(--oh-muted)] cursor-pointer", c, d), m = "focus:border-white/40 focus:ring-1 focus:ring-white/20 focus:outline-none", h = "focus-within:border-white/40 focus-within:ring-1 focus-within:ring-white/20", g = "disabled:cursor-not-allowed disabled:opacity-60", _ = e(t, n, r, i, c, m, g, "w-full min-w-0 px-3 text-sm text-white placeholder:text-tertiary-alt"), v = e(_, "placeholder:italic", l), y = e(n, r, i, c, m, g, "w-full min-w-0 px-3 py-2 text-sm text-white placeholder:text-tertiary-alt"), b = e(t, "relative flex min-w-0 items-center", n, r, i, c, h), x = e("min-w-0 flex-1 border-0 bg-transparent px-3 text-sm outline-none", "placeholder:text-tertiary-alt", "[&::-webkit-search-cancel-button]:hidden"), S = e(t, "inline-flex w-fit cursor-pointer items-center justify-center gap-2 px-3", n, c, "text-sm font-normal disabled:cursor-not-allowed disabled:opacity-30"), C = "pl-12";
+e(S, r, i, "shrink-0 text-white");
+var w = e("inline-flex items-center gap-2 self-start rounded-lg p-2", "text-sm font-normal leading-5 text-[var(--oh-muted)] cursor-pointer", c, "hover:bg-tertiary hover:text-white");
 //#endregion
-export { r as formControlBorderClassName, h as formControlButtonClassName, u as formControlFieldClassName, m as formControlInlineInputClassName, f as formControlMultilineFieldClassName, n as formControlRadiusClassName, d as formControlSettingsFieldClassName, p as formControlShellClassName, i as formControlSurfaceClassName, g as formControlSwitchDescriptionClassName, a as formControlTransitionClassName };
+export { p as chatInputIconButtonClassName, f as chatInputPillButtonClassName, w as formControlBackNavButtonClassName, r as formControlBorderClassName, S as formControlButtonClassName, _ as formControlFieldClassName, x as formControlInlineInputClassName, y as formControlMultilineFieldClassName, d as formControlMutedHoverClassName, n as formControlRadiusClassName, v as formControlSettingsFieldClassName, b as formControlShellClassName, i as formControlSurfaceClassName, C as formControlSwitchDescriptionClassName, u as formControlTransformTransitionClassName, c as formControlTransitionClassName };
 
 //# sourceMappingURL=form-control-classes.js.map

package/dist/utils/form-control-classes.js.map

@@ -1 +1 @@
-{"version":3,"file":"form-control-classes.js","names":[],"sources":["../../src/utils/form-control-classes.ts"],"sourcesContent":["import { cn } from \"#/utils/utils\";\n\n/** 36px control height — shared by fields, dropdowns, and buttons. */\nexport const formControlHeightClassName = \"h-9 min-h-9\";\n\nexport const formControlRadiusClassName = \"rounded-lg\";\n\nexport const formControlBorderClassName = \"border border-[var(--oh-border)]\";\n\nexport const formControlSurfaceClassName = \"bg-base-secondary\";\n\n/** Animate shell chrome on hover/focus; foreground color snaps instantly. */\nexport const formControlTransitionClassName =\n  \"transition-[background-color,border-color,box-shadow,opacity] duration-150 motion-reduce:transition-none\";\n\n/** HeroUI input wrappers ship `transition-colors`; override so caret/text hover is instant. */\nexport const formControlHeroUiWrapperTransitionClassName =\n  \"!transition-[background-color,border-color,box-shadow,opacity] !duration-150 motion-reduce:transition-none\";\n\nexport const formControlFocusClassName =\n  \"focus:border-white/40 focus:ring-1 focus:ring-white/20 focus:outline-none\";\n\nexport const formControlFocusWithinClassName =\n  \"focus-within:border-white/40 focus-within:ring-1 focus-within:ring-white/20\";\n\nexport const formControlDisabledClassName =\n  \"disabled:cursor-not-allowed disabled:opacity-60\";\n\n/** Native text inputs and HeroUI Autocomplete wrappers. */\nexport const formControlFieldClassName = cn(\n  formControlHeightClassName,\n  formControlRadiusClassName,\n  formControlBorderClassName,\n  formControlSurfaceClassName,\n  formControlTransitionClassName,\n  formControlFocusClassName,\n  formControlDisabledClassName,\n  \"w-full min-w-0 px-3 text-sm text-white placeholder:text-tertiary-alt\",\n);\n\n/** Settings screens keep italic placeholders on form controls. */\nexport const formControlSettingsFieldClassName = cn(\n  formControlFieldClassName,\n  \"placeholder:italic\",\n  formControlHeroUiWrapperTransitionClassName,\n);\n\n/** Multiline fields share border/radius/focus styling without a fixed height. */\nexport const formControlMultilineFieldClassName = cn(\n  formControlRadiusClassName,\n  formControlBorderClassName,\n  formControlSurfaceClassName,\n  formControlTransitionClassName,\n  formControlFocusClassName,\n  formControlDisabledClassName,\n  \"w-full min-w-0 px-3 py-2 text-sm text-white placeholder:text-tertiary-alt\",\n);\n\n/** Combobox / search shell (icon + input), e.g. skills toolbar. */\nexport const formControlShellClassName = cn(\n  formControlHeightClassName,\n  \"relative flex min-w-0 items-center\",\n  formControlRadiusClassName,\n  formControlBorderClassName,\n  formControlSurfaceClassName,\n  formControlTransitionClassName,\n  formControlFocusWithinClassName,\n);\n\n/** Borderless input nested inside {@link formControlShellClassName}. */\nexport const formControlInlineInputClassName = cn(\n  \"min-w-0 flex-1 border-0 bg-transparent px-3 text-sm outline-none\",\n  \"placeholder:text-tertiary-alt\",\n  \"[&::-webkit-search-cancel-button]:hidden\",\n);\n\n/** Primary/secondary/danger action buttons. */\nexport const formControlButtonClassName = cn(\n  formControlHeightClassName,\n  \"inline-flex w-fit cursor-pointer items-center justify-center gap-2 px-3\",\n  formControlRadiusClassName,\n  formControlTransitionClassName,\n  \"text-sm font-normal disabled:cursor-not-allowed disabled:opacity-30\",\n);\n\n/** Helper text under a left-aligned {@link SettingsSwitch} (40px track + gap-2). */\nexport const formControlSwitchDescriptionClassName = \"pl-12\";\n\n/** Filter / enum dropdown triggers beside search toolbars. */\nexport const formControlFilterTriggerClassName = cn(\n  formControlButtonClassName,\n  formControlBorderClassName,\n  formControlSurfaceClassName,\n  \"shrink-0 text-white\",\n);\n"],"mappings":";;AAGA,IAAa,IAA6B,eAE7B,IAA6B,cAE7B,IAA6B,oCAE7B,IAA8B,qBAG9B,IACX,4GAGW,IACX,8GAEW,IACX,6EAEW,IACX,+EAEW,IACX,mDAGW,IAA4B,EACvC,GACA,GACA,GACA,GACA,GACA,GACA,GACA,uEACD,EAGY,IAAoC,EAC/C,GACA,sBACA,EACD,EAGY,IAAqC,EAChD,GACA,GACA,GACA,GACA,GACA,GACA,4EACD,EAGY,IAA4B,EACvC,GACA,sCACA,GACA,GACA,GACA,GACA,EACD,EAGY,IAAkC,EAC7C,oEACA,iCACA,2CACD,EAGY,IAA6B,EACxC,GACA,2EACA,GACA,GACA,sEACD,EAGY,IAAwC;AAGJ,EAC/C,GACA,GACA,GACA,sBACD"}
+{"version":3,"file":"form-control-classes.js","names":[],"sources":["../../src/utils/form-control-classes.ts"],"sourcesContent":["import { cn } from \"#/utils/utils\";\n\n/** 36px control height — shared by fields, dropdowns, and buttons. */\nexport const formControlHeightClassName = \"h-9 min-h-9\";\n\nexport const formControlRadiusClassName = \"rounded-lg\";\n\nexport const formControlBorderClassName = \"border border-[var(--oh-border)]\";\n\nexport const formControlSurfaceClassName = \"bg-base-secondary\";\n\n/** Shared transition duration for form controls and chrome buttons. */\nexport const formControlTransitionDurationClassName = \"duration-75\";\n\nexport const formControlHeroUiTransitionDurationClassName = \"!duration-75\";\n\nexport const formControlMotionReduceClassName = \"motion-reduce:transition-none\";\n\n/** Shell properties that animate on hover/focus; foreground color snaps instantly. */\nexport const formControlTransitionPropertiesClassName =\n  \"transition-[background-color,border-color,box-shadow,opacity]\";\n\n/** Animate shell chrome on hover/focus; foreground color snaps instantly. */\nexport const formControlTransitionClassName = cn(\n  formControlTransitionPropertiesClassName,\n  formControlTransitionDurationClassName,\n  formControlMotionReduceClassName,\n);\n\n/** HeroUI input wrappers ship `transition-colors`; override so caret/text hover is instant. */\nexport const formControlHeroUiWrapperTransitionClassName = cn(\n  \"!transition-[background-color,border-color,box-shadow,opacity]\",\n  formControlHeroUiTransitionDurationClassName,\n  formControlMotionReduceClassName,\n);\n\n/** Transform-only transitions (e.g. combobox carets). */\nexport const formControlTransformTransitionClassName = cn(\n  \"transition-[transform] ease\",\n  formControlTransitionDurationClassName,\n  formControlMotionReduceClassName,\n);\n\n/** Muted icon/pill controls: instant foreground, fading shell on hover. */\nexport const formControlMutedHoverClassName =\n  \"hover:text-white hover:bg-white/10\";\n\n/** Text/icon pill triggers in the chat input actions row. */\nexport const chatInputPillButtonClassName = cn(\n  \"inline-flex items-center gap-1 rounded-[100px] border border-transparent px-1.5\",\n  \"text-sm font-normal leading-5 text-[var(--oh-muted)] whitespace-nowrap min-w-0 cursor-pointer\",\n  formControlTransitionClassName,\n  formControlMutedHoverClassName,\n);\n\n/** Circular icon triggers in the chat input actions row. */\nexport const chatInputIconButtonClassName = cn(\n  \"flex items-center justify-center rounded-full text-[var(--oh-muted)] cursor-pointer\",\n  formControlTransitionClassName,\n  formControlMutedHoverClassName,\n);\n\nexport const formControlFocusClassName =\n  \"focus:border-white/40 focus:ring-1 focus:ring-white/20 focus:outline-none\";\n\nexport const formControlFocusWithinClassName =\n  \"focus-within:border-white/40 focus-within:ring-1 focus-within:ring-white/20\";\n\nexport const formControlDisabledClassName =\n  \"disabled:cursor-not-allowed disabled:opacity-60\";\n\n/** Native text inputs and HeroUI Autocomplete wrappers. */\nexport const formControlFieldClassName = cn(\n  formControlHeightClassName,\n  formControlRadiusClassName,\n  formControlBorderClassName,\n  formControlSurfaceClassName,\n  formControlTransitionClassName,\n  formControlFocusClassName,\n  formControlDisabledClassName,\n  \"w-full min-w-0 px-3 text-sm text-white placeholder:text-tertiary-alt\",\n);\n\n/** Settings screens keep italic placeholders on form controls. */\nexport const formControlSettingsFieldClassName = cn(\n  formControlFieldClassName,\n  \"placeholder:italic\",\n  formControlHeroUiWrapperTransitionClassName,\n);\n\n/** Multiline fields share border/radius/focus styling without a fixed height. */\nexport const formControlMultilineFieldClassName = cn(\n  formControlRadiusClassName,\n  formControlBorderClassName,\n  formControlSurfaceClassName,\n  formControlTransitionClassName,\n  formControlFocusClassName,\n  formControlDisabledClassName,\n  \"w-full min-w-0 px-3 py-2 text-sm text-white placeholder:text-tertiary-alt\",\n);\n\n/** Combobox / search shell (icon + input), e.g. skills toolbar. */\nexport const formControlShellClassName = cn(\n  formControlHeightClassName,\n  \"relative flex min-w-0 items-center\",\n  formControlRadiusClassName,\n  formControlBorderClassName,\n  formControlSurfaceClassName,\n  formControlTransitionClassName,\n  formControlFocusWithinClassName,\n);\n\n/** Borderless input nested inside {@link formControlShellClassName}. */\nexport const formControlInlineInputClassName = cn(\n  \"min-w-0 flex-1 border-0 bg-transparent px-3 text-sm outline-none\",\n  \"placeholder:text-tertiary-alt\",\n  \"[&::-webkit-search-cancel-button]:hidden\",\n);\n\n/** Primary/secondary/danger action buttons. */\nexport const formControlButtonClassName = cn(\n  formControlHeightClassName,\n  \"inline-flex w-fit cursor-pointer items-center justify-center gap-2 px-3\",\n  formControlRadiusClassName,\n  formControlTransitionClassName,\n  \"text-sm font-normal disabled:cursor-not-allowed disabled:opacity-30\",\n);\n\n/** Helper text under a left-aligned {@link SettingsSwitch} (40px track + gap-2). */\nexport const formControlSwitchDescriptionClassName = \"pl-12\";\n\n/** Filter / enum dropdown triggers beside search toolbars. */\nexport const formControlFilterTriggerClassName = cn(\n  formControlButtonClassName,\n  formControlBorderClassName,\n  formControlSurfaceClassName,\n  \"shrink-0 text-white\",\n);\n\n/** Muted back navigation control with tertiary hover fill (settings sub-pages, detail views). */\nexport const formControlBackNavButtonClassName = cn(\n  \"inline-flex items-center gap-2 self-start rounded-lg p-2\",\n  \"text-sm font-normal leading-5 text-[var(--oh-muted)] cursor-pointer\",\n  formControlTransitionClassName,\n  \"hover:bg-tertiary hover:text-white\",\n);\n"],"mappings":";;AAGA,IAAa,IAA6B,eAE7B,IAA6B,cAE7B,IAA6B,oCAE7B,IAA8B,qBAG9B,IAAyC,eAEzC,IAA+C,gBAE/C,IAAmC,iCAOnC,IAAiC,EAC5C,iEACA,GACA,EACD,EAGY,IAA8C,EACzD,kEACA,GACA,EACD,EAGY,IAA0C,EACrD,+BACA,GACA,EACD,EAGY,IACX,sCAGW,IAA+B,EAC1C,mFACA,iGACA,GACA,EACD,EAGY,IAA+B,EAC1C,uFACA,GACA,EACD,EAEY,IACX,6EAEW,IACX,+EAEW,IACX,mDAGW,IAA4B,EACvC,GACA,GACA,GACA,GACA,GACA,GACA,GACA,uEACD,EAGY,IAAoC,EAC/C,GACA,sBACA,EACD,EAGY,IAAqC,EAChD,GACA,GACA,GACA,GACA,GACA,GACA,4EACD,EAGY,IAA4B,EACvC,GACA,sCACA,GACA,GACA,GACA,GACA,EACD,EAGY,IAAkC,EAC7C,oEACA,iCACA,2CACD,EAGY,IAA6B,EACxC,GACA,2EACA,GACA,GACA,sEACD,EAGY,IAAwC;AAGJ,EAC/C,GACA,GACA,GACA,sBACD;AAGD,IAAa,IAAoC,EAC/C,4DACA,uEACA,GACA,qCACD"}

package/dist/utils/git-control-bar-classes.cjs

@@ -0,0 +1,2 @@
+require(`../_virtual/_rolldown/runtime.cjs`);const e=require(`./utils.cjs`);var t=`flex flex-row gap-1 items-center justify-center rounded-[100px]`;function n(n){return e.cn(t,n?`bg-[var(--oh-surface)] hover:bg-tertiary cursor-pointer text-white`:`bg-[var(--oh-surface)] cursor-not-allowed opacity-50 text-[var(--oh-muted)]`)}function r(e){return e?`white`:`var(--oh-muted)`}var i=`font-normal text-sm leading-5 truncate`;exports.gitControlBarActionButtonClassName=n,exports.gitControlBarActionIconColor=r,exports.gitControlBarActionLabelClassName=i;
+//# sourceMappingURL=git-control-bar-classes.cjs.map

package/dist/utils/git-control-bar-classes.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"git-control-bar-classes.cjs","names":[],"sources":["../../src/utils/git-control-bar-classes.ts"],"sourcesContent":["import { cn } from \"#/utils/utils\";\n\nexport const gitControlBarActionButtonBaseClassName =\n  \"flex flex-row gap-1 items-center justify-center rounded-[100px]\";\n\nexport function gitControlBarActionButtonClassName(isEnabled: boolean) {\n  return cn(\n    gitControlBarActionButtonBaseClassName,\n    isEnabled\n      ? \"bg-[var(--oh-surface)] hover:bg-tertiary cursor-pointer text-white\"\n      : \"bg-[var(--oh-surface)] cursor-not-allowed opacity-50 text-[var(--oh-muted)]\",\n  );\n}\n\nexport function gitControlBarActionIconColor(isEnabled: boolean) {\n  return isEnabled ? \"white\" : \"var(--oh-muted)\";\n}\n\nexport const gitControlBarActionLabelClassName =\n  \"font-normal text-sm leading-5 truncate\";\n"],"mappings":"4EAEA,IAAa,EACX,kEAEF,SAAgB,EAAmC,EAAoB,CACrE,OAAO,EAAA,GACL,EACA,EACI,qEACA,8EACL,CAGH,SAAgB,EAA6B,EAAoB,CAC/D,OAAO,EAAY,QAAU,kBAG/B,IAAa,EACX"}

package/dist/utils/git-control-bar-classes.d.ts

@@ -0,0 +1,4 @@
+export declare const gitControlBarActionButtonBaseClassName = "flex flex-row gap-1 items-center justify-center rounded-[100px]";
+export declare function gitControlBarActionButtonClassName(isEnabled: boolean): string;
+export declare function gitControlBarActionIconColor(isEnabled: boolean): "white" | "var(--oh-muted)";
+export declare const gitControlBarActionLabelClassName = "font-normal text-sm leading-5 truncate";

package/dist/utils/git-control-bar-classes.js

@@ -0,0 +1,14 @@
+import { cn as e } from "./utils.js";
+//#region src/utils/git-control-bar-classes.ts
+var t = "flex flex-row gap-1 items-center justify-center rounded-[100px]";
+function n(n) {
+	return e(t, n ? "bg-[var(--oh-surface)] hover:bg-tertiary cursor-pointer text-white" : "bg-[var(--oh-surface)] cursor-not-allowed opacity-50 text-[var(--oh-muted)]");
+}
+function r(e) {
+	return e ? "white" : "var(--oh-muted)";
+}
+var i = "font-normal text-sm leading-5 truncate";
+//#endregion
+export { n as gitControlBarActionButtonClassName, r as gitControlBarActionIconColor, i as gitControlBarActionLabelClassName };
+
+//# sourceMappingURL=git-control-bar-classes.js.map

package/dist/utils/git-control-bar-classes.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"git-control-bar-classes.js","names":[],"sources":["../../src/utils/git-control-bar-classes.ts"],"sourcesContent":["import { cn } from \"#/utils/utils\";\n\nexport const gitControlBarActionButtonBaseClassName =\n  \"flex flex-row gap-1 items-center justify-center rounded-[100px]\";\n\nexport function gitControlBarActionButtonClassName(isEnabled: boolean) {\n  return cn(\n    gitControlBarActionButtonBaseClassName,\n    isEnabled\n      ? \"bg-[var(--oh-surface)] hover:bg-tertiary cursor-pointer text-white\"\n      : \"bg-[var(--oh-surface)] cursor-not-allowed opacity-50 text-[var(--oh-muted)]\",\n  );\n}\n\nexport function gitControlBarActionIconColor(isEnabled: boolean) {\n  return isEnabled ? \"white\" : \"var(--oh-muted)\";\n}\n\nexport const gitControlBarActionLabelClassName =\n  \"font-normal text-sm leading-5 truncate\";\n"],"mappings":";;AAEA,IAAa,IACX;AAEF,SAAgB,EAAmC,GAAoB;AACrE,QAAO,EACL,GACA,IACI,uEACA,8EACL;;AAGH,SAAgB,EAA6B,GAAoB;AAC/D,QAAO,IAAY,UAAU;;AAG/B,IAAa,IACX"}

package/dist/utils/handle-event-for-ui.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"handle-event-for-ui.cjs","names":[],"sources":["../../src/utils/handle-event-for-ui.ts"],"sourcesContent":["import { OpenHandsEvent } from \"#/types/agent-server/core\";\nimport {\n  isACPToolCallEvent,\n  isObservationEvent,\n} from \"#/types/agent-server/type-guards\";\n\n/**\n * Handles adding an event to the UI events array\n * Replaces actions with observations when they arrive (so UI shows observation instead of action)\n * Exception: ThinkAction is NOT replaced because the thought content is in the action, not in the observation\n *\n * ACPToolCallEvent dedup: multiple events share a ``tool_call_id`` as an ACP\n * tool call progresses (in_progress → completed / failed). Collapse them to\n * the latest state at the original position so the card updates in place.\n */\nexport const handleEventForUI = (\n  event: OpenHandsEvent,\n  uiEvents: OpenHandsEvent[],\n): OpenHandsEvent[] => {\n  const newUiEvents = [...uiEvents];\n\n  if (isACPToolCallEvent(event)) {\n    const existingIndex = newUiEvents.findIndex(\n      (uiEvent) =>\n        isACPToolCallEvent(uiEvent) &&\n        uiEvent.tool_call_id === event.tool_call_id,\n    );\n    if (existingIndex !== -1) {\n      newUiEvents[existingIndex] = event;\n    } else {\n      newUiEvents.push(event);\n    }\n    return newUiEvents;\n  }\n\n  if (isObservationEvent(event)) {\n    // Don't add ThinkObservation at all - we keep the ThinkAction instead\n    // The thought content is in the action, not the observation\n    if (event.observation.kind === \"ThinkObservation\") {\n      return newUiEvents;\n    }\n\n    // Don't add FinishObservation at all - we keep the FinishAction instead\n    // Both contain the same message content, so we only need to display one\n    // This also prevents duplicate messages when events arrive out of order due to React batching\n    if (event.observation.kind === \"FinishObservation\") {\n      return newUiEvents;\n    }\n\n    // Find and replace the corresponding action from uiEvents\n    const actionIndex = newUiEvents.findIndex(\n      (uiEvent) => uiEvent.id === event.action_id,\n    );\n    if (actionIndex !== -1) {\n      newUiEvents[actionIndex] = event;\n    } else {\n      // Action not found in uiEvents, just add the observation\n      newUiEvents.push(event);\n    }\n  } else {\n    // For non-observation events, just add them to uiEvents\n    newUiEvents.push(event);\n  }\n\n  return newUiEvents;\n};\n"],"mappings":"sGAeA,IAAa,GACX,EACA,IACqB,CACrB,IAAM,EAAc,CAAC,GAAG,EAAS,CAEjC,GAAI,EAAA,mBAAmB,EAAM,CAAE,CAC7B,IAAM,EAAgB,EAAY,UAC/B,GACC,EAAA,mBAAmB,EAAQ,EAC3B,EAAQ,eAAiB,EAAM,aAClC,CAMD,OALI,IAAkB,GAGpB,EAAY,KAAK,EAAM,CAFvB,EAAY,GAAiB,EAIxB,EAGT,GAAI,EAAA,mBAAmB,EAAM,CAAE,CAU7B,GAPI,EAAM,YAAY,OAAS,oBAO3B,EAAM,YAAY,OAAS,oBAC7B,OAAO,EAIT,IAAM,EAAc,EAAY,UAC7B,GAAY,EAAQ,KAAO,EAAM,UACnC,CACG,IAAgB,GAIlB,EAAY,KAAK,EAAM,CAHvB,EAAY,GAAe,OAO7B,EAAY,KAAK,EAAM,CAGzB,OAAO"}
+{"version":3,"file":"handle-event-for-ui.cjs","names":[],"sources":["../../src/utils/handle-event-for-ui.ts"],"sourcesContent":["import { OpenHandsEvent } from \"#/types/agent-server/core\";\nimport {\n  isACPToolCallEvent,\n  isObservationEvent,\n} from \"#/types/agent-server/type-guards\";\n\n/**\n * Handles adding an event to the UI events array\n * Replaces actions with observations when they arrive (so UI shows observation instead of action)\n * Exception: ThinkAction is NOT replaced because the thought content is in the action, not in the observation\n *\n * ACPToolCallEvent merge: the SDK emits two events per ``tool_call_id`` — an\n * early ``started`` event (``pending`` / ``in_progress``) and one terminal\n * (completed / failed) event, the action->observation pair for a tool call.\n * Replace the started entry in place with the terminal one so a single card\n * updates from running to its result, exactly like an observation superseding\n * its action below.\n */\nexport const handleEventForUI = (\n  event: OpenHandsEvent,\n  uiEvents: OpenHandsEvent[],\n): OpenHandsEvent[] => {\n  const newUiEvents = [...uiEvents];\n\n  if (isACPToolCallEvent(event)) {\n    const existingIndex = newUiEvents.findIndex(\n      (uiEvent) =>\n        isACPToolCallEvent(uiEvent) &&\n        uiEvent.tool_call_id === event.tool_call_id,\n    );\n    if (existingIndex !== -1) {\n      newUiEvents[existingIndex] = event;\n    } else {\n      newUiEvents.push(event);\n    }\n    return newUiEvents;\n  }\n\n  if (isObservationEvent(event)) {\n    // Don't add ThinkObservation at all - we keep the ThinkAction instead\n    // The thought content is in the action, not the observation\n    if (event.observation.kind === \"ThinkObservation\") {\n      return newUiEvents;\n    }\n\n    // Don't add FinishObservation at all - we keep the FinishAction instead\n    // Both contain the same message content, so we only need to display one\n    // This also prevents duplicate messages when events arrive out of order due to React batching\n    if (event.observation.kind === \"FinishObservation\") {\n      return newUiEvents;\n    }\n\n    // Find and replace the corresponding action from uiEvents\n    const actionIndex = newUiEvents.findIndex(\n      (uiEvent) => uiEvent.id === event.action_id,\n    );\n    if (actionIndex !== -1) {\n      newUiEvents[actionIndex] = event;\n    } else {\n      // Action not found in uiEvents, just add the observation\n      newUiEvents.push(event);\n    }\n  } else {\n    // For non-observation events, just add them to uiEvents\n    newUiEvents.push(event);\n  }\n\n  return newUiEvents;\n};\n"],"mappings":"sGAkBA,IAAa,GACX,EACA,IACqB,CACrB,IAAM,EAAc,CAAC,GAAG,EAAS,CAEjC,GAAI,EAAA,mBAAmB,EAAM,CAAE,CAC7B,IAAM,EAAgB,EAAY,UAC/B,GACC,EAAA,mBAAmB,EAAQ,EAC3B,EAAQ,eAAiB,EAAM,aAClC,CAMD,OALI,IAAkB,GAGpB,EAAY,KAAK,EAAM,CAFvB,EAAY,GAAiB,EAIxB,EAGT,GAAI,EAAA,mBAAmB,EAAM,CAAE,CAU7B,GAPI,EAAM,YAAY,OAAS,oBAO3B,EAAM,YAAY,OAAS,oBAC7B,OAAO,EAIT,IAAM,EAAc,EAAY,UAC7B,GAAY,EAAQ,KAAO,EAAM,UACnC,CACG,IAAgB,GAIlB,EAAY,KAAK,EAAM,CAHvB,EAAY,GAAe,OAO7B,EAAY,KAAK,EAAM,CAGzB,OAAO"}

package/dist/utils/handle-event-for-ui.d.ts

@@ -4,8 +4,11 @@ import { OpenHandsEvent } from "#/types/agent-server/core";
  * Replaces actions with observations when they arrive (so UI shows observation instead of action)
  * Exception: ThinkAction is NOT replaced because the thought content is in the action, not in the observation
  *
- * ACPToolCallEvent dedup: multiple events share a ``tool_call_id`` as an ACP
- * tool call progresses (in_progress → completed / failed). Collapse them to
- * the latest state at the original position so the card updates in place.
+ * ACPToolCallEvent merge: the SDK emits two events per ``tool_call_id`` — an
+ * early ``started`` event (``pending`` / ``in_progress``) and one terminal
+ * (completed / failed) event, the action->observation pair for a tool call.
+ * Replace the started entry in place with the terminal one so a single card
+ * updates from running to its result, exactly like an observation superseding
+ * its action below.
  */
 export declare const handleEventForUI: (event: OpenHandsEvent, uiEvents: OpenHandsEvent[]) => OpenHandsEvent[];

package/dist/utils/handle-event-for-ui.js.map

@@ -1 +1 @@
-{"version":3,"file":"handle-event-for-ui.js","names":[],"sources":["../../src/utils/handle-event-for-ui.ts"],"sourcesContent":["import { OpenHandsEvent } from \"#/types/agent-server/core\";\nimport {\n  isACPToolCallEvent,\n  isObservationEvent,\n} from \"#/types/agent-server/type-guards\";\n\n/**\n * Handles adding an event to the UI events array\n * Replaces actions with observations when they arrive (so UI shows observation instead of action)\n * Exception: ThinkAction is NOT replaced because the thought content is in the action, not in the observation\n *\n * ACPToolCallEvent dedup: multiple events share a ``tool_call_id`` as an ACP\n * tool call progresses (in_progress → completed / failed). Collapse them to\n * the latest state at the original position so the card updates in place.\n */\nexport const handleEventForUI = (\n  event: OpenHandsEvent,\n  uiEvents: OpenHandsEvent[],\n): OpenHandsEvent[] => {\n  const newUiEvents = [...uiEvents];\n\n  if (isACPToolCallEvent(event)) {\n    const existingIndex = newUiEvents.findIndex(\n      (uiEvent) =>\n        isACPToolCallEvent(uiEvent) &&\n        uiEvent.tool_call_id === event.tool_call_id,\n    );\n    if (existingIndex !== -1) {\n      newUiEvents[existingIndex] = event;\n    } else {\n      newUiEvents.push(event);\n    }\n    return newUiEvents;\n  }\n\n  if (isObservationEvent(event)) {\n    // Don't add ThinkObservation at all - we keep the ThinkAction instead\n    // The thought content is in the action, not the observation\n    if (event.observation.kind === \"ThinkObservation\") {\n      return newUiEvents;\n    }\n\n    // Don't add FinishObservation at all - we keep the FinishAction instead\n    // Both contain the same message content, so we only need to display one\n    // This also prevents duplicate messages when events arrive out of order due to React batching\n    if (event.observation.kind === \"FinishObservation\") {\n      return newUiEvents;\n    }\n\n    // Find and replace the corresponding action from uiEvents\n    const actionIndex = newUiEvents.findIndex(\n      (uiEvent) => uiEvent.id === event.action_id,\n    );\n    if (actionIndex !== -1) {\n      newUiEvents[actionIndex] = event;\n    } else {\n      // Action not found in uiEvents, just add the observation\n      newUiEvents.push(event);\n    }\n  } else {\n    // For non-observation events, just add them to uiEvents\n    newUiEvents.push(event);\n  }\n\n  return newUiEvents;\n};\n"],"mappings":";;AAeA,IAAa,KACX,GACA,MACqB;CACrB,IAAM,IAAc,CAAC,GAAG,EAAS;AAEjC,KAAI,EAAmB,EAAM,EAAE;EAC7B,IAAM,IAAgB,EAAY,WAC/B,MACC,EAAmB,EAAQ,IAC3B,EAAQ,iBAAiB,EAAM,aAClC;AAMD,SALI,MAAkB,KAGpB,EAAY,KAAK,EAAM,GAFvB,EAAY,KAAiB,GAIxB;;AAGT,KAAI,EAAmB,EAAM,EAAE;AAU7B,MAPI,EAAM,YAAY,SAAS,sBAO3B,EAAM,YAAY,SAAS,oBAC7B,QAAO;EAIT,IAAM,IAAc,EAAY,WAC7B,MAAY,EAAQ,OAAO,EAAM,UACnC;AACD,EAAI,MAAgB,KAIlB,EAAY,KAAK,EAAM,GAHvB,EAAY,KAAe;OAO7B,GAAY,KAAK,EAAM;AAGzB,QAAO"}
+{"version":3,"file":"handle-event-for-ui.js","names":[],"sources":["../../src/utils/handle-event-for-ui.ts"],"sourcesContent":["import { OpenHandsEvent } from \"#/types/agent-server/core\";\nimport {\n  isACPToolCallEvent,\n  isObservationEvent,\n} from \"#/types/agent-server/type-guards\";\n\n/**\n * Handles adding an event to the UI events array\n * Replaces actions with observations when they arrive (so UI shows observation instead of action)\n * Exception: ThinkAction is NOT replaced because the thought content is in the action, not in the observation\n *\n * ACPToolCallEvent merge: the SDK emits two events per ``tool_call_id`` — an\n * early ``started`` event (``pending`` / ``in_progress``) and one terminal\n * (completed / failed) event, the action->observation pair for a tool call.\n * Replace the started entry in place with the terminal one so a single card\n * updates from running to its result, exactly like an observation superseding\n * its action below.\n */\nexport const handleEventForUI = (\n  event: OpenHandsEvent,\n  uiEvents: OpenHandsEvent[],\n): OpenHandsEvent[] => {\n  const newUiEvents = [...uiEvents];\n\n  if (isACPToolCallEvent(event)) {\n    const existingIndex = newUiEvents.findIndex(\n      (uiEvent) =>\n        isACPToolCallEvent(uiEvent) &&\n        uiEvent.tool_call_id === event.tool_call_id,\n    );\n    if (existingIndex !== -1) {\n      newUiEvents[existingIndex] = event;\n    } else {\n      newUiEvents.push(event);\n    }\n    return newUiEvents;\n  }\n\n  if (isObservationEvent(event)) {\n    // Don't add ThinkObservation at all - we keep the ThinkAction instead\n    // The thought content is in the action, not the observation\n    if (event.observation.kind === \"ThinkObservation\") {\n      return newUiEvents;\n    }\n\n    // Don't add FinishObservation at all - we keep the FinishAction instead\n    // Both contain the same message content, so we only need to display one\n    // This also prevents duplicate messages when events arrive out of order due to React batching\n    if (event.observation.kind === \"FinishObservation\") {\n      return newUiEvents;\n    }\n\n    // Find and replace the corresponding action from uiEvents\n    const actionIndex = newUiEvents.findIndex(\n      (uiEvent) => uiEvent.id === event.action_id,\n    );\n    if (actionIndex !== -1) {\n      newUiEvents[actionIndex] = event;\n    } else {\n      // Action not found in uiEvents, just add the observation\n      newUiEvents.push(event);\n    }\n  } else {\n    // For non-observation events, just add them to uiEvents\n    newUiEvents.push(event);\n  }\n\n  return newUiEvents;\n};\n"],"mappings":";;AAkBA,IAAa,KACX,GACA,MACqB;CACrB,IAAM,IAAc,CAAC,GAAG,EAAS;AAEjC,KAAI,EAAmB,EAAM,EAAE;EAC7B,IAAM,IAAgB,EAAY,WAC/B,MACC,EAAmB,EAAQ,IAC3B,EAAQ,iBAAiB,EAAM,aAClC;AAMD,SALI,MAAkB,KAGpB,EAAY,KAAK,EAAM,GAFvB,EAAY,KAAiB,GAIxB;;AAGT,KAAI,EAAmB,EAAM,EAAE;AAU7B,MAPI,EAAM,YAAY,SAAS,sBAO3B,EAAM,YAAY,SAAS,oBAC7B,QAAO;EAIT,IAAM,IAAc,EAAY,WAC7B,MAAY,EAAQ,OAAO,EAAM,UACnC;AACD,EAAI,MAAgB,KAIlB,EAAY,KAAK,EAAM,GAHvB,EAAY,KAAe;OAO7B,GAAY,KAAK,EAAM;AAGzB,QAAO"}

package/dist/utils/mobile-top-bar-icon-button-classes.cjs

@@ -1,2 +1,2 @@
-require(`../_virtual/_rolldown/runtime.cjs`);const e=require(`./utils.cjs`),t=require(`./form-control-classes.cjs`);var n=e.cn(`inline-flex shrink-0 cursor-pointer items-center justify-center rounded-md p-1`,`text-[var(--oh-muted)]`,t.formControlTransitionClassName,`hover:bg-white/10 hover:text-white`),r=`size-5 shrink-0`;exports.mobileTopBarIconButtonClassName=n,exports.mobileTopBarIconClassName=r;
+require(`../_virtual/_rolldown/runtime.cjs`);const e=require(`./utils.cjs`),t=require(`./form-control-classes.cjs`);var n=e.cn(`inline-flex shrink-0 cursor-pointer items-center justify-center rounded-md p-1`,`text-[var(--oh-muted)]`,t.formControlTransitionClassName,t.formControlMutedHoverClassName),r=`size-5 shrink-0`;exports.mobileTopBarIconButtonClassName=n,exports.mobileTopBarIconClassName=r;
 //# sourceMappingURL=mobile-top-bar-icon-button-classes.cjs.map

package/dist/utils/mobile-top-bar-icon-button-classes.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"mobile-top-bar-icon-button-classes.cjs","names":[],"sources":["../../src/utils/mobile-top-bar-icon-button-classes.ts"],"sourcesContent":["import { cn } from \"#/utils/utils\";\nimport { formControlTransitionClassName } from \"#/utils/form-control-classes\";\n\n/**\n * Shared control for icon-only buttons in mobile top bars (global nav, chat\n * header, full-screen panel chrome). Matches {@link RightPanelToggle}: `p-1`\n * with a `size-5` icon yields a 28×28px hit target.\n */\nexport const mobileTopBarIconButtonClassName = cn(\n  \"inline-flex shrink-0 cursor-pointer items-center justify-center rounded-md p-1\",\n  \"text-[var(--oh-muted)]\",\n  formControlTransitionClassName,\n  \"hover:bg-white/10 hover:text-white\",\n);\n\n/** Lucide / inline SVG wrapper size aligned with `BlockDrawerLeftIcon` (`w-5 h-5`). */\nexport const mobileTopBarIconClassName = \"size-5 shrink-0\";\n"],"mappings":"oHAQA,IAAa,EAAkC,EAAA,GAC7C,iFACA,yBACA,EAAA,+BACA,qCACD,CAGY,EAA4B"}
+{"version":3,"file":"mobile-top-bar-icon-button-classes.cjs","names":[],"sources":["../../src/utils/mobile-top-bar-icon-button-classes.ts"],"sourcesContent":["import { cn } from \"#/utils/utils\";\nimport {\n  formControlTransitionClassName,\n  formControlMutedHoverClassName,\n} from \"#/utils/form-control-classes\";\n\n/**\n * Shared control for icon-only buttons in mobile top bars (global nav, chat\n * header, full-screen panel chrome). Matches {@link RightPanelToggle}: `p-1`\n * with a `size-5` icon yields a 28×28px hit target.\n */\nexport const mobileTopBarIconButtonClassName = cn(\n  \"inline-flex shrink-0 cursor-pointer items-center justify-center rounded-md p-1\",\n  \"text-[var(--oh-muted)]\",\n  formControlTransitionClassName,\n  formControlMutedHoverClassName,\n);\n\n/** Lucide / inline SVG wrapper size aligned with `BlockDrawerLeftIcon` (`w-5 h-5`). */\nexport const mobileTopBarIconClassName = \"size-5 shrink-0\";\n"],"mappings":"oHAWA,IAAa,EAAkC,EAAA,GAC7C,iFACA,yBACA,EAAA,+BACA,EAAA,+BACD,CAGY,EAA4B"}

package/dist/utils/mobile-top-bar-icon-button-classes.js

@@ -1,8 +1,8 @@
 import { cn as e } from "./utils.js";
-import { formControlTransitionClassName as t } from "./form-control-classes.js";
+import { formControlMutedHoverClassName as t, formControlTransitionClassName as n } from "./form-control-classes.js";
 //#region src/utils/mobile-top-bar-icon-button-classes.ts
-var n = e("inline-flex shrink-0 cursor-pointer items-center justify-center rounded-md p-1", "text-[var(--oh-muted)]", t, "hover:bg-white/10 hover:text-white"), r = "size-5 shrink-0";
+var r = e("inline-flex shrink-0 cursor-pointer items-center justify-center rounded-md p-1", "text-[var(--oh-muted)]", n, t), i = "size-5 shrink-0";
 //#endregion
-export { n as mobileTopBarIconButtonClassName, r as mobileTopBarIconClassName };
+export { r as mobileTopBarIconButtonClassName, i as mobileTopBarIconClassName };
 
 //# sourceMappingURL=mobile-top-bar-icon-button-classes.js.map

package/dist/utils/mobile-top-bar-icon-button-classes.js.map

@@ -1 +1 @@
-{"version":3,"file":"mobile-top-bar-icon-button-classes.js","names":[],"sources":["../../src/utils/mobile-top-bar-icon-button-classes.ts"],"sourcesContent":["import { cn } from \"#/utils/utils\";\nimport { formControlTransitionClassName } from \"#/utils/form-control-classes\";\n\n/**\n * Shared control for icon-only buttons in mobile top bars (global nav, chat\n * header, full-screen panel chrome). Matches {@link RightPanelToggle}: `p-1`\n * with a `size-5` icon yields a 28×28px hit target.\n */\nexport const mobileTopBarIconButtonClassName = cn(\n  \"inline-flex shrink-0 cursor-pointer items-center justify-center rounded-md p-1\",\n  \"text-[var(--oh-muted)]\",\n  formControlTransitionClassName,\n  \"hover:bg-white/10 hover:text-white\",\n);\n\n/** Lucide / inline SVG wrapper size aligned with `BlockDrawerLeftIcon` (`w-5 h-5`). */\nexport const mobileTopBarIconClassName = \"size-5 shrink-0\";\n"],"mappings":";;;AAQA,IAAa,IAAkC,EAC7C,kFACA,0BACA,GACA,qCACD,EAGY,IAA4B"}
+{"version":3,"file":"mobile-top-bar-icon-button-classes.js","names":[],"sources":["../../src/utils/mobile-top-bar-icon-button-classes.ts"],"sourcesContent":["import { cn } from \"#/utils/utils\";\nimport {\n  formControlTransitionClassName,\n  formControlMutedHoverClassName,\n} from \"#/utils/form-control-classes\";\n\n/**\n * Shared control for icon-only buttons in mobile top bars (global nav, chat\n * header, full-screen panel chrome). Matches {@link RightPanelToggle}: `p-1`\n * with a `size-5` icon yields a 28×28px hit target.\n */\nexport const mobileTopBarIconButtonClassName = cn(\n  \"inline-flex shrink-0 cursor-pointer items-center justify-center rounded-md p-1\",\n  \"text-[var(--oh-muted)]\",\n  formControlTransitionClassName,\n  formControlMutedHoverClassName,\n);\n\n/** Lucide / inline SVG wrapper size aligned with `BlockDrawerLeftIcon` (`w-5 h-5`). */\nexport const mobileTopBarIconClassName = \"size-5 shrink-0\";\n"],"mappings":";;;AAWA,IAAa,IAAkC,EAC7C,kFACA,0BACA,GACA,EACD,EAGY,IAA4B"}

package/dist/utils/modal-classes.cjs

@@ -0,0 +1,2 @@
+require(`../_virtual/_rolldown/runtime.cjs`);const e=require(`./utils.cjs`);var t=e.cn(`text-xl leading-6 -tracking-[0.01em] font-medium text-[var(--oh-modal-title-foreground)]`),n=e.cn(`text-sm font-medium text-[var(--oh-modal-title-foreground)]`),r=e.cn(`text-lg font-medium text-[var(--oh-modal-title-foreground)]`),i=r;exports.modalTitleClassName=t,exports.modalTitleLgClassName=r,exports.modalTitleLgMediumClassName=i,exports.modalTitleSmClassName=n;
+//# sourceMappingURL=modal-classes.cjs.map

package/dist/utils/modal-classes.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"modal-classes.cjs","names":[],"sources":["../../src/utils/modal-classes.ts"],"sourcesContent":["import { cn } from \"#/utils/utils\";\n\n/** Primary modal heading on dark overlay surfaces. */\nexport const modalTitleClassName = cn(\n  \"text-xl leading-6 -tracking-[0.01em] font-medium text-[var(--oh-modal-title-foreground)]\",\n);\n\n/** Compact modal header bar title (folder browser, manage workspaces). */\nexport const modalTitleSmClassName = cn(\n  \"text-sm font-medium text-[var(--oh-modal-title-foreground)]\",\n);\n\n/** Large modal title used by form-style dialogs. */\nexport const modalTitleLgClassName = cn(\n  \"text-lg font-medium text-[var(--oh-modal-title-foreground)]\",\n);\n\n/** Alias of {@link modalTitleLgClassName} for historical call sites. */\nexport const modalTitleLgMediumClassName = modalTitleLgClassName;\n"],"mappings":"4EAGA,IAAa,EAAsB,EAAA,GACjC,2FACD,CAGY,EAAwB,EAAA,GACnC,8DACD,CAGY,EAAwB,EAAA,GACnC,8DACD,CAGY,EAA8B"}

package/dist/utils/modal-classes.d.ts

@@ -0,0 +1,8 @@
+/** Primary modal heading on dark overlay surfaces. */
+export declare const modalTitleClassName: string;
+/** Compact modal header bar title (folder browser, manage workspaces). */
+export declare const modalTitleSmClassName: string;
+/** Large modal title used by form-style dialogs. */
+export declare const modalTitleLgClassName: string;
+/** Alias of {@link modalTitleLgClassName} for historical call sites. */
+export declare const modalTitleLgMediumClassName: string;

package/dist/utils/modal-classes.js

@@ -0,0 +1,7 @@
+import { cn as e } from "./utils.js";
+//#region src/utils/modal-classes.ts
+var t = e("text-xl leading-6 -tracking-[0.01em] font-medium text-[var(--oh-modal-title-foreground)]"), n = e("text-sm font-medium text-[var(--oh-modal-title-foreground)]"), r = e("text-lg font-medium text-[var(--oh-modal-title-foreground)]"), i = r;
+//#endregion
+export { t as modalTitleClassName, r as modalTitleLgClassName, i as modalTitleLgMediumClassName, n as modalTitleSmClassName };
+
+//# sourceMappingURL=modal-classes.js.map

package/dist/utils/modal-classes.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"modal-classes.js","names":[],"sources":["../../src/utils/modal-classes.ts"],"sourcesContent":["import { cn } from \"#/utils/utils\";\n\n/** Primary modal heading on dark overlay surfaces. */\nexport const modalTitleClassName = cn(\n  \"text-xl leading-6 -tracking-[0.01em] font-medium text-[var(--oh-modal-title-foreground)]\",\n);\n\n/** Compact modal header bar title (folder browser, manage workspaces). */\nexport const modalTitleSmClassName = cn(\n  \"text-sm font-medium text-[var(--oh-modal-title-foreground)]\",\n);\n\n/** Large modal title used by form-style dialogs. */\nexport const modalTitleLgClassName = cn(\n  \"text-lg font-medium text-[var(--oh-modal-title-foreground)]\",\n);\n\n/** Alias of {@link modalTitleLgClassName} for historical call sites. */\nexport const modalTitleLgMediumClassName = modalTitleLgClassName;\n"],"mappings":";;AAGA,IAAa,IAAsB,EACjC,2FACD,EAGY,IAAwB,EACnC,8DACD,EAGY,IAAwB,EACnC,8DACD,EAGY,IAA8B"}

package/dist/utils/openhands-llm.cjs

@@ -0,0 +1,2 @@
+require(`../_virtual/_rolldown/runtime.cjs`);var e=`https://llm-proxy.app.all-hands.dev/`;function t(e){return typeof e==`string`&&e.startsWith(`openhands/`)}exports.OPENHANDS_LLM_PROXY_BASE_URL=e,exports.isOpenHandsProviderModel=t;
+//# sourceMappingURL=openhands-llm.cjs.map

package/dist/utils/openhands-llm.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"openhands-llm.cjs","names":[],"sources":["../../src/utils/openhands-llm.ts"],"sourcesContent":["export const OPENHANDS_LLM_PROXY_BASE_URL =\n  \"https://llm-proxy.app.all-hands.dev/\";\n\nexport function isOpenHandsProviderModel(model: unknown): model is string {\n  return typeof model === \"string\" && model.startsWith(\"openhands/\");\n}\n"],"mappings":"6CAAA,IAAa,EACX,uCAEF,SAAgB,EAAyB,EAAiC,CACxE,OAAO,OAAO,GAAU,UAAY,EAAM,WAAW,aAAa"}

package/dist/utils/openhands-llm.d.ts

@@ -0,0 +1,2 @@
+export declare const OPENHANDS_LLM_PROXY_BASE_URL = "https://llm-proxy.app.all-hands.dev/";
+export declare function isOpenHandsProviderModel(model: unknown): model is string;

package/dist/utils/openhands-llm.js

@@ -0,0 +1,9 @@
+//#region src/utils/openhands-llm.ts
+var e = "https://llm-proxy.app.all-hands.dev/";
+function t(e) {
+	return typeof e == "string" && e.startsWith("openhands/");
+}
+//#endregion
+export { e as OPENHANDS_LLM_PROXY_BASE_URL, t as isOpenHandsProviderModel };
+
+//# sourceMappingURL=openhands-llm.js.map

package/dist/utils/openhands-llm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"openhands-llm.js","names":[],"sources":["../../src/utils/openhands-llm.ts"],"sourcesContent":["export const OPENHANDS_LLM_PROXY_BASE_URL =\n  \"https://llm-proxy.app.all-hands.dev/\";\n\nexport function isOpenHandsProviderModel(model: unknown): model is string {\n  return typeof model === \"string\" && model.startsWith(\"openhands/\");\n}\n"],"mappings":";AAAA,IAAa,IACX;AAEF,SAAgB,EAAyB,GAAiC;AACxE,QAAO,OAAO,KAAU,YAAY,EAAM,WAAW,aAAa"}

package/dist/utils/redact-custom-secrets.cjs

@@ -0,0 +1,2 @@
+require(`../_virtual/_rolldown/runtime.cjs`);var e=`<secret-hidden>`;function t(t){let n=/(<CUSTOM_SECRETS>)([\s\S]*?)(<\/CUSTOM_SECRETS>|$)/gi,r=/^(\s*[^=:\n]+?\s*[:=]\s*)(.+?)\s*$/gm;return t.replace(n,(t,n,i,a)=>`${n}${i.replace(r,(t,n,r)=>r===e?t:`${n}${e}`)}${a}`)}exports.redactCustomSecrets=t;
+//# sourceMappingURL=redact-custom-secrets.cjs.map

package/dist/utils/redact-custom-secrets.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"redact-custom-secrets.cjs","names":[],"sources":["../../src/utils/redact-custom-secrets.ts"],"sourcesContent":["const MASKED_PLACEHOLDER = \"<secret-hidden>\";\n\n/**\n * Defensive backstop: redact any unmasked value inside a `<CUSTOM_SECRETS>`\n * block before showing dynamic context in the UI, in case backend masking\n * regresses. Text outside the block is untouched.\n */\nexport function redactCustomSecrets(text: string): string {\n  // Regexes are local: the `g` flag makes them stateful, and keeping them\n  // scoped to this call avoids cross-call `lastIndex` surprises.\n\n  // Closing tag is optional so a truncated block is still redacted, not leaked.\n  const customSecretsBlock =\n    /(<CUSTOM_SECRETS>)([\\s\\S]*?)(<\\/CUSTOM_SECRETS>|$)/gi;\n\n  // `KEY: value` / `KEY=value`, capturing key + separator so only the value changes.\n  const secretLine = /^(\\s*[^=:\\n]+?\\s*[:=]\\s*)(.+?)\\s*$/gm;\n\n  return text.replace(\n    customSecretsBlock,\n    (_match, open: string, body: string, close: string) => {\n      const redactedBody = body.replace(\n        secretLine,\n        (lineMatch, prefix: string, value: string) =>\n          value === MASKED_PLACEHOLDER\n            ? lineMatch\n            : `${prefix}${MASKED_PLACEHOLDER}`,\n      );\n      return `${open}${redactedBody}${close}`;\n    },\n  );\n}\n"],"mappings":"6CAAA,IAAM,EAAqB,kBAO3B,SAAgB,EAAoB,EAAsB,CAKxD,IAAM,EACJ,uDAGI,EAAa,uCAEnB,OAAO,EAAK,QACV,GACC,EAAQ,EAAc,EAAc,IAQ5B,GAAG,IAPW,EAAK,QACxB,GACC,EAAW,EAAgB,IAC1B,IAAU,EACN,EACA,GAAG,IAAS,IAEH,GAAe,IAEnC"}

package/dist/utils/redact-custom-secrets.d.ts

@@ -0,0 +1,6 @@
+/**
+ * Defensive backstop: redact any unmasked value inside a `<CUSTOM_SECRETS>`
+ * block before showing dynamic context in the UI, in case backend masking
+ * regresses. Text outside the block is untouched.
+ */
+export declare function redactCustomSecrets(text: string): string;

package/dist/utils/redact-custom-secrets.js

@@ -0,0 +1,10 @@
+//#region src/utils/redact-custom-secrets.ts
+var e = "<secret-hidden>";
+function t(t) {
+	let n = /(<CUSTOM_SECRETS>)([\s\S]*?)(<\/CUSTOM_SECRETS>|$)/gi, r = /^(\s*[^=:\n]+?\s*[:=]\s*)(.+?)\s*$/gm;
+	return t.replace(n, (t, n, i, a) => `${n}${i.replace(r, (t, n, r) => r === e ? t : `${n}${e}`)}${a}`);
+}
+//#endregion
+export { t as redactCustomSecrets };
+
+//# sourceMappingURL=redact-custom-secrets.js.map