@openhands/agent-canvas 1.8.0 → 1.10.0

package/dist/components/features/chat/components/chat-input-field.d.ts

@@ -8,5 +8,5 @@ interface ChatInputFieldProps {
     onFocus?: () => void;
     onBlur?: () => void;
 }
-export declare function ChatInputField({ chatInputRef, disabled, onInput, onPaste, onKeyDown, onFocus, onBlur, }: ChatInputFieldProps): import("react/jsx-runtime").JSX.Element;
+export declare function ChatInputField({ chatInputRef, disabled, onInput, onPaste, onKeyDown, onFocus, onBlur, }: ChatInputFieldProps): React.JSX.Element;
 export {};

package/dist/components/features/chat/components/chat-input-grip.d.ts

@@ -7,5 +7,5 @@ interface ChatInputGripProps {
     handleGripMouseDown: (e: React.MouseEvent) => void;
     handleGripTouchStart: (e: React.TouchEvent) => void;
 }
-export declare function ChatInputGrip({ gripRef, isGripVisible, isGripDragging, handleTopEdgeClick, handleGripMouseDown, handleGripTouchStart, }: ChatInputGripProps): import("react/jsx-runtime").JSX.Element;
+export declare function ChatInputGrip({ gripRef, isGripVisible, isGripDragging, handleTopEdgeClick, handleGripMouseDown, handleGripTouchStart, }: ChatInputGripProps): React.JSX.Element;
 export {};

package/dist/components/features/chat/components/chat-input-llm-profile-picker.d.ts

@@ -1,3 +1,4 @@
+import React from "react";
 interface ChatInputLlmProfileMenuContentProps {
     onClose: () => void;
     dividerInset?: "menu";
@@ -10,6 +11,6 @@ interface ChatInputLlmProfileMenuContentProps {
  * analog is {@link ChatInputModelMenuContent}). Shared by the inline pill and
  * the chat-input overflow submenu.
  */
-export declare function ChatInputLlmProfileMenuContent({ onClose, dividerInset, settingsLinkClassName, settingsIconClassName, }: ChatInputLlmProfileMenuContentProps): import("react/jsx-runtime").JSX.Element;
-export declare function ChatInputLlmProfilePicker(): import("react/jsx-runtime").JSX.Element | null;
+export declare function ChatInputLlmProfileMenuContent({ onClose, dividerInset, settingsLinkClassName, settingsIconClassName, }: ChatInputLlmProfileMenuContentProps): React.JSX.Element;
+export declare function ChatInputLlmProfilePicker(): React.JSX.Element | null;
 export {};

package/dist/components/features/chat/components/chat-input-model.d.ts

@@ -1,4 +1,5 @@
 import { type ChatInputModelState } from "#/hooks/use-chat-input-model-state";
+import React from "react";
 interface ChatInputModelMenuContentProps {
     model: ChatInputModelState;
     onClose: () => void;
@@ -6,6 +7,6 @@ interface ChatInputModelMenuContentProps {
     settingsLinkClassName?: string;
     settingsIconClassName?: string;
 }
-export declare function ChatInputModelMenuContent({ model, onClose, dividerInset, settingsLinkClassName, settingsIconClassName, }: ChatInputModelMenuContentProps): import("react/jsx-runtime").JSX.Element;
-export declare function ChatInputModel(): import("react/jsx-runtime").JSX.Element | null;
+export declare function ChatInputModelMenuContent({ model, onClose, dividerInset, settingsLinkClassName, settingsIconClassName, }: ChatInputModelMenuContentProps): React.JSX.Element;
+export declare function ChatInputModel(): React.JSX.Element | null;
 export {};

package/dist/components/features/chat/components/chat-input-profile-picker.d.ts

@@ -12,5 +12,5 @@ interface ChatInputProfileMenuContentProps {
  * `useChatInputProfileState`). The chat-input pill itself is always an LLM
  * selector; the former `ChatInputProfilePicker` pill is gone.
  */
-export declare function ChatInputProfileMenuContent({ onClose, dividerInset, settingsLinkClassName, settingsIconClassName, }: ChatInputProfileMenuContentProps): import("react/jsx-runtime").JSX.Element;
+export declare function ChatInputProfileMenuContent({ onClose, dividerInset, settingsLinkClassName, settingsIconClassName, }: ChatInputProfileMenuContentProps): import("react").JSX.Element;
 export {};

package/dist/components/features/chat/components/chat-input-row.d.ts

@@ -8,5 +8,5 @@ interface ChatInputRowProps {
     onFocus?: () => void;
     onBlur?: () => void;
 }
-export declare function ChatInputRow({ chatInputRef, isNewConversationPending, onInput, onPaste, onKeyDown, onFocus, onBlur, }: ChatInputRowProps): import("react/jsx-runtime").JSX.Element;
+export declare function ChatInputRow({ chatInputRef, isNewConversationPending, onInput, onPaste, onKeyDown, onFocus, onBlur, }: ChatInputRowProps): React.JSX.Element;
 export {};

package/dist/components/features/chat/components/hidden-file-input.d.ts

@@ -3,5 +3,5 @@ interface HiddenFileInputProps {
     fileInputRef: React.RefObject<HTMLInputElement | null>;
     onChange: (e: React.ChangeEvent<HTMLInputElement>) => void;
 }
-export declare function HiddenFileInput({ fileInputRef, onChange, }: HiddenFileInputProps): import("react/jsx-runtime").JSX.Element;
+export declare function HiddenFileInput({ fileInputRef, onChange, }: HiddenFileInputProps): React.JSX.Element;
 export {};

package/dist/components/features/chat/components/slash-command-menu.d.ts

@@ -1,3 +1,4 @@
+import React from "react";
 import { SlashCommandItem } from "#/hooks/chat/use-slash-command";
 /**
  * Strip common inline Markdown syntax so descriptions render as plain text.
@@ -16,5 +17,5 @@ interface SlashCommandMenuProps {
     selectedIndex: number;
     onSelect: (item: SlashCommandItem) => void;
 }
-export declare function SlashCommandMenu({ items, selectedIndex, onSelect, }: SlashCommandMenuProps): import("react/jsx-runtime").JSX.Element | null;
+export declare function SlashCommandMenu({ items, selectedIndex, onSelect, }: SlashCommandMenuProps): React.JSX.Element | null;
 export {};

package/dist/components/features/chat/confirmation-mode-enabled.d.ts

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

package/dist/components/features/chat/custom-chat-input.d.ts

@@ -11,4 +11,4 @@ export interface CustomChatInputProps {
     className?: React.HTMLAttributes<HTMLDivElement>["className"];
     buttonClassName?: React.HTMLAttributes<HTMLButtonElement>["className"];
 }
-export declare function CustomChatInput({ disabled, isNewConversationPending, hasStartedConversation, showButton, onSubmit, onFocus, onBlur, onFilesPaste, className, buttonClassName, }: CustomChatInputProps): import("react/jsx-runtime").JSX.Element;
+export declare function CustomChatInput({ disabled, isNewConversationPending, hasStartedConversation, showButton, onSubmit, onFocus, onBlur, onFilesPaste, className, buttonClassName, }: CustomChatInputProps): React.JSX.Element;

package/dist/components/features/chat/drag-over.d.ts

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

package/dist/components/features/chat/error-message-banner.d.ts

@@ -1,3 +1,4 @@
+import React from "react";
 interface ErrorMessageBannerProps {
     message: string;
     /** Structured error code (e.g. "ACPAuthRequired") used to pick a header. */
@@ -7,5 +8,5 @@ interface ErrorMessageBannerProps {
     /** Recovery action (e.g. re-authenticate) shown for credential failures. */
     onReauth?: () => void;
 }
-export declare function ErrorMessageBanner({ message, code, onDismiss, onRetry, onReauth, }: ErrorMessageBannerProps): import("react/jsx-runtime").JSX.Element;
+export declare function ErrorMessageBanner({ message, code, onDismiss, onRetry, onReauth, }: ErrorMessageBannerProps): React.JSX.Element;
 export {};

package/dist/components/features/chat/error-message.d.ts

@@ -1,6 +1,7 @@
+import React from "react";
 interface ErrorMessageProps {
     errorId?: string;
     defaultMessage: string;
 }
-export declare function ErrorMessage({ errorId, defaultMessage }: ErrorMessageProps): import("react/jsx-runtime").JSX.Element;
+export declare function ErrorMessage({ errorId, defaultMessage }: ErrorMessageProps): React.JSX.Element;
 export {};

package/dist/components/features/chat/generic-event-message.d.ts

@@ -12,5 +12,5 @@ interface GenericEventMessageProps {
     /** Optional icon rendered before the title text. */
     titleIcon?: React.ReactNode;
 }
-export declare function GenericEventMessage({ title, details, success, initiallyExpanded, chevronPosition, titleTrailing, titleIcon, }: GenericEventMessageProps): import("react/jsx-runtime").JSX.Element;
+export declare function GenericEventMessage({ title, details, success, initiallyExpanded, chevronPosition, titleTrailing, titleIcon, }: GenericEventMessageProps): React.JSX.Element;
 export {};

package/dist/components/features/chat/git-control-bar-branch-button.d.ts

@@ -4,5 +4,5 @@ interface GitControlBarBranchButtonProps {
     selectedRepository: string | null | undefined;
     gitProvider: Provider | null | undefined;
 }
-export declare function GitControlBarBranchButton({ selectedBranch, selectedRepository, gitProvider, }: GitControlBarBranchButtonProps): import("react/jsx-runtime").JSX.Element;
+export declare function GitControlBarBranchButton({ selectedBranch, selectedRepository, gitProvider, }: GitControlBarBranchButtonProps): import("react").JSX.Element;
 export {};

package/dist/components/features/chat/git-control-bar-pr-button.d.ts

@@ -6,5 +6,5 @@ interface GitControlBarPrButtonProps {
     currentGitProvider: Provider;
     isConversationReady?: boolean;
 }
-export declare function GitControlBarPrButton({ onSuggestionsClick, hasRepository, providerTokensReady, currentGitProvider, isConversationReady, }: GitControlBarPrButtonProps): import("react/jsx-runtime").JSX.Element;
+export declare function GitControlBarPrButton({ onSuggestionsClick, hasRepository, providerTokensReady, currentGitProvider, isConversationReady, }: GitControlBarPrButtonProps): import("react").JSX.Element;
 export {};

package/dist/components/features/chat/git-control-bar-pull-button.d.ts

@@ -4,5 +4,5 @@ interface GitControlBarPullButtonProps {
     providerTokensReady: boolean;
     isConversationReady?: boolean;
 }
-export declare function GitControlBarPullButton({ onSuggestionsClick, hasRepository, providerTokensReady, isConversationReady, }: GitControlBarPullButtonProps): import("react/jsx-runtime").JSX.Element;
+export declare function GitControlBarPullButton({ onSuggestionsClick, hasRepository, providerTokensReady, isConversationReady, }: GitControlBarPullButtonProps): import("react").JSX.Element;
 export {};

package/dist/components/features/chat/git-control-bar-push-button.d.ts

@@ -6,5 +6,5 @@ interface GitControlBarPushButtonProps {
     currentGitProvider: Provider;
     isConversationReady?: boolean;
 }
-export declare function GitControlBarPushButton({ onSuggestionsClick, hasRepository, providerTokensReady, currentGitProvider, isConversationReady, }: GitControlBarPushButtonProps): import("react/jsx-runtime").JSX.Element;
+export declare function GitControlBarPushButton({ onSuggestionsClick, hasRepository, providerTokensReady, currentGitProvider, isConversationReady, }: GitControlBarPushButtonProps): import("react").JSX.Element;
 export {};

package/dist/components/features/chat/git-control-bar-repo-button.d.ts

@@ -7,5 +7,5 @@ interface GitControlBarRepoButtonProps {
     onClick?: () => void;
     disabled?: boolean;
 }
-export declare function GitControlBarRepoButton({ selectedRepository, gitProvider, workspaceName, emptyStateLabel: _emptyStateLabel, onClick, disabled, }: GitControlBarRepoButtonProps): import("react/jsx-runtime").JSX.Element;
+export declare function GitControlBarRepoButton({ selectedRepository, gitProvider, workspaceName, emptyStateLabel: _emptyStateLabel, onClick, disabled, }: GitControlBarRepoButtonProps): import("react").JSX.Element;
 export {};

package/dist/components/features/chat/git-control-bar-tooltip-wrapper.d.ts

@@ -4,5 +4,5 @@ interface GitControlBarTooltipWrapperProps {
     children: React.ReactNode;
     shouldShowTooltip: boolean;
 }
-export declare function GitControlBarTooltipWrapper({ children, tooltipMessage, testId, shouldShowTooltip, }: GitControlBarTooltipWrapperProps): string | number | bigint | boolean | import("react/jsx-runtime").JSX.Element | Iterable<import("react").ReactNode> | Promise<string | number | bigint | boolean | import("react").ReactPortal | import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>> | Iterable<import("react").ReactNode> | null | undefined> | null | undefined;
+export declare function GitControlBarTooltipWrapper({ children, tooltipMessage, testId, shouldShowTooltip, }: GitControlBarTooltipWrapperProps): string | number | bigint | boolean | import("react").JSX.Element | Iterable<import("react").ReactNode> | Promise<string | number | bigint | boolean | import("react").ReactPortal | import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>> | Iterable<import("react").ReactNode> | null | undefined> | null | undefined;
 export {};

package/dist/components/features/chat/git-control-bar.d.ts

@@ -1,5 +1,5 @@
 interface GitControlBarProps {
     onSuggestionsClick: (value: string) => void;
 }
-export declare function GitControlBar({ onSuggestionsClick }: GitControlBarProps): import("react/jsx-runtime").JSX.Element | null;
+export declare function GitControlBar({ onSuggestionsClick }: GitControlBarProps): import("react").JSX.Element | null;
 export {};

package/dist/components/features/chat/git-external-link-icon.d.ts

@@ -1,5 +1,5 @@
 interface GitExternalLinkIconProps {
     className?: string;
 }
-export declare function GitExternalLinkIcon({ className }: GitExternalLinkIconProps): import("react/jsx-runtime").JSX.Element;
+export declare function GitExternalLinkIcon({ className }: GitExternalLinkIconProps): import("react").JSX.Element;
 export {};

package/dist/components/features/chat/goal-status-banner.d.ts

@@ -8,4 +8,4 @@ export interface GoalStatusBannerProps {
  * event-message.tsx + should-render-event.ts), so the finished goal settles into
  * the conversation and later messages append below it.
  */
-export declare function GoalStatusBanner({ conversationId }: GoalStatusBannerProps): import("react/jsx-runtime").JSX.Element | null;
+export declare function GoalStatusBanner({ conversationId }: GoalStatusBannerProps): import("react").JSX.Element | null;

package/dist/components/features/chat/goal-status-content.d.ts

@@ -18,4 +18,4 @@ import { GoalStatus } from "#/types/agent-server/core/events/conversation-state-
  */
 export declare function GoalStatusContent({ status }: {
     status: GoalStatus;
-}): import("react/jsx-runtime").JSX.Element;
+}): import("react").JSX.Element;

package/dist/components/features/chat/got-it-button.d.ts

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

package/dist/components/features/chat/interactive-chat-box.d.ts

@@ -3,5 +3,5 @@ interface InteractiveChatBoxProps {
     disabled?: boolean;
     hasStartedConversation?: boolean;
 }
-export declare function InteractiveChatBox({ onSubmit, disabled, hasStartedConversation, }: InteractiveChatBoxProps): import("react/jsx-runtime").JSX.Element;
+export declare function InteractiveChatBox({ onSubmit, disabled, hasStartedConversation, }: InteractiveChatBoxProps): import("react").JSX.Element;
 export {};

package/dist/components/features/chat/model-messages.d.ts

@@ -1,3 +1,4 @@
+import React from "react";
 export interface ModelMessagesProps {
     conversationId: string | null | undefined;
     /**
@@ -6,4 +7,4 @@ export interface ModelMessagesProps {
      */
     anchorEventId: string | null;
 }
-export declare function ModelMessages({ conversationId, anchorEventId, }: ModelMessagesProps): import("react/jsx-runtime").JSX.Element | null;
+export declare function ModelMessages({ conversationId, anchorEventId, }: ModelMessagesProps): React.JSX.Element | null;

package/dist/components/features/chat/mono-component.d.ts

@@ -1,5 +1,5 @@
 import { ReactNode } from "react";
 declare function MonoComponent(props: {
     children?: ReactNode;
-}): import("react/jsx-runtime").JSX.Element;
+}): import("react").JSX.Element;
 export { MonoComponent };

package/dist/components/features/chat/open-repository-modal.d.ts

@@ -1,3 +1,4 @@
+import React from "react";
 import { Provider } from "#/types/settings";
 import { Branch, GitRepository } from "#/types/git";
 interface OpenRepositoryModalProps {
@@ -6,5 +7,5 @@ interface OpenRepositoryModalProps {
     onLaunch: (repository: GitRepository, branch: Branch) => void;
     defaultProvider?: Provider;
 }
-export declare function OpenRepositoryModal({ isOpen, onClose, onLaunch, defaultProvider, }: OpenRepositoryModalProps): import("react/jsx-runtime").JSX.Element | null;
+export declare function OpenRepositoryModal({ isOpen, onClose, onLaunch, defaultProvider, }: OpenRepositoryModalProps): React.JSX.Element | null;
 export {};

package/dist/components/features/chat/pasted-image-upload-as-file-button.d.ts

@@ -2,5 +2,5 @@ interface PastedImageUploadAsFileButtonProps {
     active: boolean;
     onToggle: () => void;
 }
-export declare function PastedImageUploadAsFileButton({ active, onToggle, }: PastedImageUploadAsFileButtonProps): import("react/jsx-runtime").JSX.Element;
+export declare function PastedImageUploadAsFileButton({ active, onToggle, }: PastedImageUploadAsFileButtonProps): import("react").JSX.Element;
 export {};

package/dist/components/features/chat/path-component.d.ts

@@ -11,5 +11,5 @@ declare const isLikelyDirectory: (path: string) => boolean;
  */
 declare function PathComponent(props: {
     children?: ReactNode;
-}): import("react/jsx-runtime").JSX.Element;
+}): import("react").JSX.Element;
 export { PathComponent, isLikelyDirectory };

package/dist/components/features/chat/pending-stop-icon.d.ts

@@ -1,3 +1,3 @@
 export declare function PendingStopIcon({ className }: {
     className?: string;
-}): import("react/jsx-runtime").JSX.Element;
+}): import("react").JSX.Element;

package/dist/components/features/chat/pending-user-messages.cjs

@@ -1,2 +1,2 @@
-const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../../node_modules/react-i18next/dist/es/useTranslation.cjs"),n=require("../../../i18n/declaration.cjs"),r=require("../../../hooks/use-conversation-id.cjs"),i=require("../../../stores/conversation-store.cjs"),a=require("../../../stores/optimistic-user-message-store.cjs"),o=require("../../../hooks/use-send-message.cjs"),s=require("../../../utils/pending-task-message-link.cjs"),c=require("../../../services/chat-service.cjs"),l=require("./chat-message.cjs"),u=require("../images/image-carousel.cjs");let d=require("react");d=e.__toESM(d,1);let f=require("react/jsx-runtime");function p(){let{t:e}=t.useTranslation(`openhands`),{conversationId:p}=r.useOptionalConversationId(),m=a.useOptimisticUserMessageStore(e=>e.pendingMessages),h=a.useOptimisticUserMessageStore(e=>e.markPendingMessageError),g=a.useOptimisticUserMessageStore(e=>e.markPendingMessageSending),_=a.useOptimisticUserMessageStore(e=>e.removePendingMessage),v=i.useConversationStore(e=>e.restoreMessageToInputIfEmpty),{send:y}=o.useSendMessage(),b=d.default.useMemo(()=>p?m.filter(e=>s.matchesPendingConversationId(p,e.conversationId)):[],[m,p]),x=d.default.useCallback(async t=>{let r=a.useOptimisticUserMessageStore.getState().pendingMessages.find(e=>e.id===t);if(r){g(t);try{await y(c.createChatMessage(r.text,r.imageUrls,r.fileUrls,r.timestamp))}catch(r){h(t,r instanceof Error?r.message:e(n.I18nKey.CHAT_INTERFACE$FAILED_TO_SEND_MESSAGE))}}},[y,h,g,e]),S=d.default.useCallback((e,t)=>{v(t),_(e)},[v,_]);return b.length===0?null:(0,f.jsx)(f.Fragment,{children:b.map(e=>(0,f.jsx)(l.ChatMessage,{type:`user`,message:e.text,pendingStatus:e.status,onRetry:e.status===`error`?()=>x(e.id):void 0,onStop:e.status===`sending`?()=>S(e.id,e.text):void 0,children:e.imageUrls.length>0&&(0,f.jsx)(u.ImageCarousel,{size:`small`,images:e.imageUrls})},e.id))})}exports.PendingUserMessages=p;
+const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../../node_modules/react-i18next/dist/es/useTranslation.cjs"),n=require("../../../i18n/declaration.cjs"),r=require("../../../hooks/use-conversation-id.cjs"),i=require("../../../stores/conversation-store.cjs"),a=require("../../../stores/optimistic-user-message-store.cjs"),o=require("../../../hooks/use-send-message.cjs"),s=require("../../../utils/pending-task-message-link.cjs"),c=require("../../../services/chat-service.cjs"),l=require("./chat-message.cjs"),u=require("../images/image-carousel.cjs");let d=require("react");d=e.__toESM(d,1);let f=require("react/jsx-runtime");function p(){let{t:e}=t.useTranslation(`openhands`),{conversationId:p}=r.useOptionalConversationId(),m=a.useOptimisticUserMessageStore(e=>e.pendingMessages),h=a.useOptimisticUserMessageStore(e=>e.markPendingMessageError),g=a.useOptimisticUserMessageStore(e=>e.markPendingMessageSending),_=a.useOptimisticUserMessageStore(e=>e.removePendingMessage),v=i.useConversationStore(e=>e.restoreMessageToInputIfEmpty),{send:y}=o.useSendMessage(),b=d.default.useMemo(()=>p?m.filter(e=>s.matchesPendingConversationId(p,e.conversationId)):[],[m,p]),x=d.default.useCallback(async t=>{let r=a.useOptimisticUserMessageStore.getState().pendingMessages.find(e=>e.id===t);if(r){g(t);try{await y(c.createChatMessage(r.text,r.imageUrls,r.fileUrls,r.timestamp))}catch(r){h(t,r instanceof Error?r.message:e(n.I18nKey.CHAT_INTERFACE$FAILED_TO_SEND_MESSAGE))}}},[y,h,g,e]),S=d.default.useCallback((e,t)=>{v(t),_(e)},[v,_]),C=d.default.useCallback(e=>{_(e)},[_]);return b.length===0?null:(0,f.jsx)(f.Fragment,{children:b.map(e=>(0,f.jsx)(l.ChatMessage,{type:`user`,message:e.text,pendingStatus:e.status,onRetry:e.status===`error`?()=>x(e.id):void 0,onDismiss:e.status===`error`?()=>C(e.id):void 0,onStop:e.status===`sending`?()=>S(e.id,e.text):void 0,children:e.imageUrls.length>0&&(0,f.jsx)(u.ImageCarousel,{size:`small`,images:e.imageUrls})},e.id))})}exports.PendingUserMessages=p;
 //# sourceMappingURL=pending-user-messages.cjs.map

package/dist/components/features/chat/pending-user-messages.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"pending-user-messages.cjs","names":[],"sources":["../../../../src/components/features/chat/pending-user-messages.tsx"],"sourcesContent":["import React from \"react\";\nimport { useTranslation } from \"react-i18next\";\nimport { I18nKey } from \"#/i18n/declaration\";\nimport { useOptimisticUserMessageStore } from \"#/stores/optimistic-user-message-store\";\nimport { useConversationStore } from \"#/stores/conversation-store\";\nimport { useSendMessage } from \"#/hooks/use-send-message\";\nimport { createChatMessage } from \"#/services/chat-service\";\nimport { useOptionalConversationId } from \"#/hooks/use-conversation-id\";\nimport { matchesPendingConversationId } from \"#/utils/pending-task-message-link\";\nimport { ImageCarousel } from \"#/components/features/images/image-carousel\";\nimport { ChatMessage } from \"./chat-message\";\n\n/**\n * Renders the queue of locally-tracked user messages that have been submitted\n * but not yet echoed back through the WebSocket. Each message shows a faded\n * \"sending\" treatment until the server echoes a real `UserMessageEvent`\n * (which removes it via `consumeMatchingPendingMessage`). If the API rejects the\n * send, the message switches to an \"error\" state with a retry button.\n *\n * The queue is global but each entry is tagged with the conversation id it\n * was enqueued from; this component filters to only entries belonging to the\n * active conversation, so switching conversations never carries pending\n * bubbles over.\n */\nexport function PendingUserMessages() {\n  const { t } = useTranslation(\"openhands\");\n  const { conversationId } = useOptionalConversationId();\n  const pendingMessages = useOptimisticUserMessageStore(\n    (state) => state.pendingMessages,\n  );\n  const markPendingMessageError = useOptimisticUserMessageStore(\n    (state) => state.markPendingMessageError,\n  );\n  const markPendingMessageSending = useOptimisticUserMessageStore(\n    (state) => state.markPendingMessageSending,\n  );\n  const removePendingMessage = useOptimisticUserMessageStore(\n    (state) => state.removePendingMessage,\n  );\n  const restoreMessageToInputIfEmpty = useConversationStore(\n    (state) => state.restoreMessageToInputIfEmpty,\n  );\n  const { send } = useSendMessage();\n\n  const visibleMessages = React.useMemo(\n    () =>\n      conversationId\n        ? pendingMessages.filter((message) =>\n            matchesPendingConversationId(\n              conversationId,\n              message.conversationId,\n            ),\n          )\n        : [],\n    [pendingMessages, conversationId],\n  );\n\n  const handleRetry = React.useCallback(\n    async (id: string) => {\n      const message = useOptimisticUserMessageStore\n        .getState()\n        .pendingMessages.find((entry) => entry.id === id);\n      if (!message) return;\n\n      markPendingMessageSending(id);\n\n      try {\n        await send(\n          createChatMessage(\n            message.text,\n            message.imageUrls,\n            message.fileUrls,\n            message.timestamp,\n          ),\n        );\n      } catch (error) {\n        const errorMessage =\n          error instanceof Error\n            ? error.message\n            : t(I18nKey.CHAT_INTERFACE$FAILED_TO_SEND_MESSAGE);\n        markPendingMessageError(id, errorMessage);\n      }\n    },\n    [send, markPendingMessageError, markPendingMessageSending, t],\n  );\n\n  const handleStop = React.useCallback(\n    (id: string, text: string) => {\n      restoreMessageToInputIfEmpty(text);\n      removePendingMessage(id);\n    },\n    [restoreMessageToInputIfEmpty, removePendingMessage],\n  );\n\n  if (visibleMessages.length === 0) {\n    return null;\n  }\n\n  return (\n    <>\n      {visibleMessages.map((message) => (\n        <ChatMessage\n          key={message.id}\n          type=\"user\"\n          message={message.text}\n          pendingStatus={message.status}\n          onRetry={\n            message.status === \"error\"\n              ? () => handleRetry(message.id)\n              : undefined\n          }\n          onStop={\n            message.status === \"sending\"\n              ? () => handleStop(message.id, message.text)\n              : undefined\n          }\n        >\n          {message.imageUrls.length > 0 && (\n            <ImageCarousel size=\"small\" images={message.imageUrls} />\n          )}\n        </ChatMessage>\n      ))}\n    </>\n  );\n}\n"],"mappings":"yoBAwBA,SAAgB,GAAsB,CACpC,GAAM,CAAE,KAAM,EAAA,eAAe,WAAW,EAClC,CAAE,kBAAmB,EAAA,0BAA0B,EAC/C,EAAkB,EAAA,8BACrB,GAAU,EAAM,eACnB,EACM,EAA0B,EAAA,8BAC7B,GAAU,EAAM,uBACnB,EACM,EAA4B,EAAA,8BAC/B,GAAU,EAAM,yBACnB,EACM,EAAuB,EAAA,8BAC1B,GAAU,EAAM,oBACnB,EACM,EAA+B,EAAA,qBAClC,GAAU,EAAM,4BACnB,EACM,CAAE,QAAS,EAAA,eAAe,EAE1B,EAAkB,EAAA,QAAM,YAE1B,EACI,EAAgB,OAAQ,GACtB,EAAA,6BACE,EACA,EAAQ,cACV,CACF,EACA,CAAC,EACP,CAAC,EAAiB,CAAc,CAClC,EAEM,EAAc,EAAA,QAAM,YACxB,KAAO,IAAe,CACpB,IAAM,EAAU,EAAA,8BACb,SAAS,EACT,gBAAgB,KAAM,GAAU,EAAM,KAAO,CAAE,EAC7C,KAEL,GAA0B,CAAE,EAE5B,GAAI,CACF,MAAM,EACJ,EAAA,kBACE,EAAQ,KACR,EAAQ,UACR,EAAQ,SACR,EAAQ,SACV,CACF,CACF,OAAS,EAAO,CAKd,EAAwB,EAHtB,aAAiB,MACb,EAAM,QACN,EAAE,EAAA,QAAQ,qCAAqC,CACb,CAC1C,CAjB4B,CAkB9B,EACA,CAAC,EAAM,EAAyB,EAA2B,CAAC,CAC9D,EAEM,EAAa,EAAA,QAAM,aACtB,EAAY,IAAiB,CAC5B,EAA6B,CAAI,EACjC,EAAqB,CAAE,CACzB,EACA,CAAC,EAA8B,CAAoB,CACrD,EAMA,OAJI,EAAgB,SAAW,EACtB,MAIP,EAAA,EAAA,KAAA,EAAA,SAAA,CAAA,SACG,EAAgB,IAAK,IACpB,EAAA,EAAA,KAAC,EAAA,YAAD,CAEE,KAAK,OACL,QAAS,EAAQ,KACjB,cAAe,EAAQ,OACvB,QACE,EAAQ,SAAW,YACT,EAAY,EAAQ,EAAE,EAC5B,IAAA,GAEN,OACE,EAAQ,SAAW,cACT,EAAW,EAAQ,GAAI,EAAQ,IAAI,EACzC,IAAA,YAGL,EAAQ,UAAU,OAAS,IAC1B,EAAA,EAAA,KAAC,EAAA,cAAD,CAAe,KAAK,QAAQ,OAAQ,EAAQ,SAAY,CAAA,CAE/C,EAlBN,EAAQ,EAkBF,CACd,CACD,CAAA,CAEN"}
+{"version":3,"file":"pending-user-messages.cjs","names":[],"sources":["../../../../src/components/features/chat/pending-user-messages.tsx"],"sourcesContent":["import React from \"react\";\nimport { useTranslation } from \"react-i18next\";\nimport { I18nKey } from \"#/i18n/declaration\";\nimport { useOptimisticUserMessageStore } from \"#/stores/optimistic-user-message-store\";\nimport { useConversationStore } from \"#/stores/conversation-store\";\nimport { useSendMessage } from \"#/hooks/use-send-message\";\nimport { createChatMessage } from \"#/services/chat-service\";\nimport { useOptionalConversationId } from \"#/hooks/use-conversation-id\";\nimport { matchesPendingConversationId } from \"#/utils/pending-task-message-link\";\nimport { ImageCarousel } from \"#/components/features/images/image-carousel\";\nimport { ChatMessage } from \"./chat-message\";\n\n/**\n * Renders the queue of locally-tracked user messages that have been submitted\n * but not yet echoed back through the WebSocket. Each message shows a faded\n * \"sending\" treatment until the server echoes a real `UserMessageEvent`\n * (which removes it via `consumeMatchingPendingMessage`). If the API rejects the\n * send, the message switches to an \"error\" state with a retry button.\n *\n * The queue is global but each entry is tagged with the conversation id it\n * was enqueued from; this component filters to only entries belonging to the\n * active conversation, so switching conversations never carries pending\n * bubbles over.\n */\nexport function PendingUserMessages() {\n  const { t } = useTranslation(\"openhands\");\n  const { conversationId } = useOptionalConversationId();\n  const pendingMessages = useOptimisticUserMessageStore(\n    (state) => state.pendingMessages,\n  );\n  const markPendingMessageError = useOptimisticUserMessageStore(\n    (state) => state.markPendingMessageError,\n  );\n  const markPendingMessageSending = useOptimisticUserMessageStore(\n    (state) => state.markPendingMessageSending,\n  );\n  const removePendingMessage = useOptimisticUserMessageStore(\n    (state) => state.removePendingMessage,\n  );\n  const restoreMessageToInputIfEmpty = useConversationStore(\n    (state) => state.restoreMessageToInputIfEmpty,\n  );\n  const { send } = useSendMessage();\n\n  const visibleMessages = React.useMemo(\n    () =>\n      conversationId\n        ? pendingMessages.filter((message) =>\n            matchesPendingConversationId(\n              conversationId,\n              message.conversationId,\n            ),\n          )\n        : [],\n    [pendingMessages, conversationId],\n  );\n\n  const handleRetry = React.useCallback(\n    async (id: string) => {\n      const message = useOptimisticUserMessageStore\n        .getState()\n        .pendingMessages.find((entry) => entry.id === id);\n      if (!message) return;\n\n      markPendingMessageSending(id);\n\n      try {\n        await send(\n          createChatMessage(\n            message.text,\n            message.imageUrls,\n            message.fileUrls,\n            message.timestamp,\n          ),\n        );\n      } catch (error) {\n        const errorMessage =\n          error instanceof Error\n            ? error.message\n            : t(I18nKey.CHAT_INTERFACE$FAILED_TO_SEND_MESSAGE);\n        markPendingMessageError(id, errorMessage);\n      }\n    },\n    [send, markPendingMessageError, markPendingMessageSending, t],\n  );\n\n  const handleStop = React.useCallback(\n    (id: string, text: string) => {\n      restoreMessageToInputIfEmpty(text);\n      removePendingMessage(id);\n    },\n    [restoreMessageToInputIfEmpty, removePendingMessage],\n  );\n\n  const handleDismiss = React.useCallback(\n    (id: string) => {\n      removePendingMessage(id);\n    },\n    [removePendingMessage],\n  );\n\n  if (visibleMessages.length === 0) {\n    return null;\n  }\n\n  return (\n    <>\n      {visibleMessages.map((message) => (\n        <ChatMessage\n          key={message.id}\n          type=\"user\"\n          message={message.text}\n          pendingStatus={message.status}\n          onRetry={\n            message.status === \"error\"\n              ? () => handleRetry(message.id)\n              : undefined\n          }\n          onDismiss={\n            message.status === \"error\"\n              ? () => handleDismiss(message.id)\n              : undefined\n          }\n          onStop={\n            message.status === \"sending\"\n              ? () => handleStop(message.id, message.text)\n              : undefined\n          }\n        >\n          {message.imageUrls.length > 0 && (\n            <ImageCarousel size=\"small\" images={message.imageUrls} />\n          )}\n        </ChatMessage>\n      ))}\n    </>\n  );\n}\n"],"mappings":"yoBAwBA,SAAgB,GAAsB,CACpC,GAAM,CAAE,KAAM,EAAA,eAAe,WAAW,EAClC,CAAE,kBAAmB,EAAA,0BAA0B,EAC/C,EAAkB,EAAA,8BACrB,GAAU,EAAM,eACnB,EACM,EAA0B,EAAA,8BAC7B,GAAU,EAAM,uBACnB,EACM,EAA4B,EAAA,8BAC/B,GAAU,EAAM,yBACnB,EACM,EAAuB,EAAA,8BAC1B,GAAU,EAAM,oBACnB,EACM,EAA+B,EAAA,qBAClC,GAAU,EAAM,4BACnB,EACM,CAAE,QAAS,EAAA,eAAe,EAE1B,EAAkB,EAAA,QAAM,YAE1B,EACI,EAAgB,OAAQ,GACtB,EAAA,6BACE,EACA,EAAQ,cACV,CACF,EACA,CAAC,EACP,CAAC,EAAiB,CAAc,CAClC,EAEM,EAAc,EAAA,QAAM,YACxB,KAAO,IAAe,CACpB,IAAM,EAAU,EAAA,8BACb,SAAS,EACT,gBAAgB,KAAM,GAAU,EAAM,KAAO,CAAE,EAC7C,KAEL,GAA0B,CAAE,EAE5B,GAAI,CACF,MAAM,EACJ,EAAA,kBACE,EAAQ,KACR,EAAQ,UACR,EAAQ,SACR,EAAQ,SACV,CACF,CACF,OAAS,EAAO,CAKd,EAAwB,EAHtB,aAAiB,MACb,EAAM,QACN,EAAE,EAAA,QAAQ,qCAAqC,CACb,CAC1C,CAjB4B,CAkB9B,EACA,CAAC,EAAM,EAAyB,EAA2B,CAAC,CAC9D,EAEM,EAAa,EAAA,QAAM,aACtB,EAAY,IAAiB,CAC5B,EAA6B,CAAI,EACjC,EAAqB,CAAE,CACzB,EACA,CAAC,EAA8B,CAAoB,CACrD,EAEM,EAAgB,EAAA,QAAM,YACzB,GAAe,CACd,EAAqB,CAAE,CACzB,EACA,CAAC,CAAoB,CACvB,EAMA,OAJI,EAAgB,SAAW,EACtB,MAIP,EAAA,EAAA,KAAA,EAAA,SAAA,CAAA,SACG,EAAgB,IAAK,IACpB,EAAA,EAAA,KAAC,EAAA,YAAD,CAEE,KAAK,OACL,QAAS,EAAQ,KACjB,cAAe,EAAQ,OACvB,QACE,EAAQ,SAAW,YACT,EAAY,EAAQ,EAAE,EAC5B,IAAA,GAEN,UACE,EAAQ,SAAW,YACT,EAAc,EAAQ,EAAE,EAC9B,IAAA,GAEN,OACE,EAAQ,SAAW,cACT,EAAW,EAAQ,GAAI,EAAQ,IAAI,EACzC,IAAA,YAGL,EAAQ,UAAU,OAAS,IAC1B,EAAA,EAAA,KAAC,EAAA,cAAD,CAAe,KAAK,QAAQ,OAAQ,EAAQ,SAAY,CAAA,CAE/C,EAvBN,EAAQ,EAuBF,CACd,CACD,CAAA,CAEN"}

package/dist/components/features/chat/pending-user-messages.d.ts

@@ -1,3 +1,4 @@
+import React from "react";
 /**
  * Renders the queue of locally-tracked user messages that have been submitted
  * but not yet echoed back through the WebSocket. Each message shows a faded
@@ -10,4 +11,4 @@
  * active conversation, so switching conversations never carries pending
  * bubbles over.
  */
-export declare function PendingUserMessages(): import("react/jsx-runtime").JSX.Element | null;
+export declare function PendingUserMessages(): React.JSX.Element | null;

package/dist/components/features/chat/pending-user-messages.js

@@ -29,12 +29,15 @@ function p() {
 		p
 	]), C = u.useCallback((e, t) => {
 		y(t), v(e);
-	}, [y, v]);
+	}, [y, v]), w = u.useCallback((e) => {
+		v(e);
+	}, [v]);
 	return x.length === 0 ? null : /* @__PURE__ */ f(d, { children: x.map((e) => /* @__PURE__ */ f(c, {
 		type: "user",
 		message: e.text,
 		pendingStatus: e.status,
 		onRetry: e.status === "error" ? () => S(e.id) : void 0,
+		onDismiss: e.status === "error" ? () => w(e.id) : void 0,
 		onStop: e.status === "sending" ? () => C(e.id, e.text) : void 0,
 		children: e.imageUrls.length > 0 && /* @__PURE__ */ f(l, {
 			size: "small",

package/dist/components/features/chat/pending-user-messages.js.map

@@ -1 +1 @@
-{"version":3,"file":"pending-user-messages.js","names":[],"sources":["../../../../src/components/features/chat/pending-user-messages.tsx"],"sourcesContent":["import React from \"react\";\nimport { useTranslation } from \"react-i18next\";\nimport { I18nKey } from \"#/i18n/declaration\";\nimport { useOptimisticUserMessageStore } from \"#/stores/optimistic-user-message-store\";\nimport { useConversationStore } from \"#/stores/conversation-store\";\nimport { useSendMessage } from \"#/hooks/use-send-message\";\nimport { createChatMessage } from \"#/services/chat-service\";\nimport { useOptionalConversationId } from \"#/hooks/use-conversation-id\";\nimport { matchesPendingConversationId } from \"#/utils/pending-task-message-link\";\nimport { ImageCarousel } from \"#/components/features/images/image-carousel\";\nimport { ChatMessage } from \"./chat-message\";\n\n/**\n * Renders the queue of locally-tracked user messages that have been submitted\n * but not yet echoed back through the WebSocket. Each message shows a faded\n * \"sending\" treatment until the server echoes a real `UserMessageEvent`\n * (which removes it via `consumeMatchingPendingMessage`). If the API rejects the\n * send, the message switches to an \"error\" state with a retry button.\n *\n * The queue is global but each entry is tagged with the conversation id it\n * was enqueued from; this component filters to only entries belonging to the\n * active conversation, so switching conversations never carries pending\n * bubbles over.\n */\nexport function PendingUserMessages() {\n  const { t } = useTranslation(\"openhands\");\n  const { conversationId } = useOptionalConversationId();\n  const pendingMessages = useOptimisticUserMessageStore(\n    (state) => state.pendingMessages,\n  );\n  const markPendingMessageError = useOptimisticUserMessageStore(\n    (state) => state.markPendingMessageError,\n  );\n  const markPendingMessageSending = useOptimisticUserMessageStore(\n    (state) => state.markPendingMessageSending,\n  );\n  const removePendingMessage = useOptimisticUserMessageStore(\n    (state) => state.removePendingMessage,\n  );\n  const restoreMessageToInputIfEmpty = useConversationStore(\n    (state) => state.restoreMessageToInputIfEmpty,\n  );\n  const { send } = useSendMessage();\n\n  const visibleMessages = React.useMemo(\n    () =>\n      conversationId\n        ? pendingMessages.filter((message) =>\n            matchesPendingConversationId(\n              conversationId,\n              message.conversationId,\n            ),\n          )\n        : [],\n    [pendingMessages, conversationId],\n  );\n\n  const handleRetry = React.useCallback(\n    async (id: string) => {\n      const message = useOptimisticUserMessageStore\n        .getState()\n        .pendingMessages.find((entry) => entry.id === id);\n      if (!message) return;\n\n      markPendingMessageSending(id);\n\n      try {\n        await send(\n          createChatMessage(\n            message.text,\n            message.imageUrls,\n            message.fileUrls,\n            message.timestamp,\n          ),\n        );\n      } catch (error) {\n        const errorMessage =\n          error instanceof Error\n            ? error.message\n            : t(I18nKey.CHAT_INTERFACE$FAILED_TO_SEND_MESSAGE);\n        markPendingMessageError(id, errorMessage);\n      }\n    },\n    [send, markPendingMessageError, markPendingMessageSending, t],\n  );\n\n  const handleStop = React.useCallback(\n    (id: string, text: string) => {\n      restoreMessageToInputIfEmpty(text);\n      removePendingMessage(id);\n    },\n    [restoreMessageToInputIfEmpty, removePendingMessage],\n  );\n\n  if (visibleMessages.length === 0) {\n    return null;\n  }\n\n  return (\n    <>\n      {visibleMessages.map((message) => (\n        <ChatMessage\n          key={message.id}\n          type=\"user\"\n          message={message.text}\n          pendingStatus={message.status}\n          onRetry={\n            message.status === \"error\"\n              ? () => handleRetry(message.id)\n              : undefined\n          }\n          onStop={\n            message.status === \"sending\"\n              ? () => handleStop(message.id, message.text)\n              : undefined\n          }\n        >\n          {message.imageUrls.length > 0 && (\n            <ImageCarousel size=\"small\" images={message.imageUrls} />\n          )}\n        </ChatMessage>\n      ))}\n    </>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;AAwBA,SAAgB,IAAsB;CACpC,IAAM,EAAE,SAAM,EAAe,WAAW,GAClC,EAAE,sBAAmB,EAA0B,GAC/C,IAAkB,GACrB,MAAU,EAAM,eACnB,GACM,IAA0B,GAC7B,MAAU,EAAM,uBACnB,GACM,IAA4B,GAC/B,MAAU,EAAM,yBACnB,GACM,IAAuB,GAC1B,MAAU,EAAM,oBACnB,GACM,IAA+B,GAClC,MAAU,EAAM,4BACnB,GACM,EAAE,YAAS,EAAe,GAE1B,IAAkB,EAAM,cAE1B,IACI,EAAgB,QAAQ,MACtB,EACE,GACA,EAAQ,cACV,CACF,IACA,CAAC,GACP,CAAC,GAAiB,CAAc,CAClC,GAEM,IAAc,EAAM,YACxB,OAAO,MAAe;EACpB,IAAM,IAAU,EACb,SAAS,EACT,gBAAgB,MAAM,MAAU,EAAM,OAAO,CAAE;EAC7C,OAEL;KAA0B,CAAE;GAE5B,IAAI;IACF,MAAM,EACJ,EACE,EAAQ,MACR,EAAQ,WACR,EAAQ,UACR,EAAQ,SACV,CACF;GACF,SAAS,GAAO;IAKd,EAAwB,GAHtB,aAAiB,QACb,EAAM,UACN,EAAE,EAAQ,qCAAqC,CACb;GAC1C;EAjB4B;CAkB9B,GACA;EAAC;EAAM;EAAyB;EAA2B;CAAC,CAC9D,GAEM,IAAa,EAAM,aACtB,GAAY,MAAiB;EAE5B,AADA,EAA6B,CAAI,GACjC,EAAqB,CAAE;CACzB,GACA,CAAC,GAA8B,CAAoB,CACrD;CAMA,OAJI,EAAgB,WAAW,IACtB,OAIP,kBAAA,GAAA,EAAA,UACG,EAAgB,KAAK,MACpB,kBAAC,GAAD;EAEE,MAAK;EACL,SAAS,EAAQ;EACjB,eAAe,EAAQ;EACvB,SACE,EAAQ,WAAW,gBACT,EAAY,EAAQ,EAAE,IAC5B,KAAA;EAEN,QACE,EAAQ,WAAW,kBACT,EAAW,EAAQ,IAAI,EAAQ,IAAI,IACzC,KAAA;YAGL,EAAQ,UAAU,SAAS,KAC1B,kBAAC,GAAD;GAAe,MAAK;GAAQ,QAAQ,EAAQ;EAAY,CAAA;CAE/C,GAlBN,EAAQ,EAkBF,CACd,EACD,CAAA;AAEN"}
+{"version":3,"file":"pending-user-messages.js","names":[],"sources":["../../../../src/components/features/chat/pending-user-messages.tsx"],"sourcesContent":["import React from \"react\";\nimport { useTranslation } from \"react-i18next\";\nimport { I18nKey } from \"#/i18n/declaration\";\nimport { useOptimisticUserMessageStore } from \"#/stores/optimistic-user-message-store\";\nimport { useConversationStore } from \"#/stores/conversation-store\";\nimport { useSendMessage } from \"#/hooks/use-send-message\";\nimport { createChatMessage } from \"#/services/chat-service\";\nimport { useOptionalConversationId } from \"#/hooks/use-conversation-id\";\nimport { matchesPendingConversationId } from \"#/utils/pending-task-message-link\";\nimport { ImageCarousel } from \"#/components/features/images/image-carousel\";\nimport { ChatMessage } from \"./chat-message\";\n\n/**\n * Renders the queue of locally-tracked user messages that have been submitted\n * but not yet echoed back through the WebSocket. Each message shows a faded\n * \"sending\" treatment until the server echoes a real `UserMessageEvent`\n * (which removes it via `consumeMatchingPendingMessage`). If the API rejects the\n * send, the message switches to an \"error\" state with a retry button.\n *\n * The queue is global but each entry is tagged with the conversation id it\n * was enqueued from; this component filters to only entries belonging to the\n * active conversation, so switching conversations never carries pending\n * bubbles over.\n */\nexport function PendingUserMessages() {\n  const { t } = useTranslation(\"openhands\");\n  const { conversationId } = useOptionalConversationId();\n  const pendingMessages = useOptimisticUserMessageStore(\n    (state) => state.pendingMessages,\n  );\n  const markPendingMessageError = useOptimisticUserMessageStore(\n    (state) => state.markPendingMessageError,\n  );\n  const markPendingMessageSending = useOptimisticUserMessageStore(\n    (state) => state.markPendingMessageSending,\n  );\n  const removePendingMessage = useOptimisticUserMessageStore(\n    (state) => state.removePendingMessage,\n  );\n  const restoreMessageToInputIfEmpty = useConversationStore(\n    (state) => state.restoreMessageToInputIfEmpty,\n  );\n  const { send } = useSendMessage();\n\n  const visibleMessages = React.useMemo(\n    () =>\n      conversationId\n        ? pendingMessages.filter((message) =>\n            matchesPendingConversationId(\n              conversationId,\n              message.conversationId,\n            ),\n          )\n        : [],\n    [pendingMessages, conversationId],\n  );\n\n  const handleRetry = React.useCallback(\n    async (id: string) => {\n      const message = useOptimisticUserMessageStore\n        .getState()\n        .pendingMessages.find((entry) => entry.id === id);\n      if (!message) return;\n\n      markPendingMessageSending(id);\n\n      try {\n        await send(\n          createChatMessage(\n            message.text,\n            message.imageUrls,\n            message.fileUrls,\n            message.timestamp,\n          ),\n        );\n      } catch (error) {\n        const errorMessage =\n          error instanceof Error\n            ? error.message\n            : t(I18nKey.CHAT_INTERFACE$FAILED_TO_SEND_MESSAGE);\n        markPendingMessageError(id, errorMessage);\n      }\n    },\n    [send, markPendingMessageError, markPendingMessageSending, t],\n  );\n\n  const handleStop = React.useCallback(\n    (id: string, text: string) => {\n      restoreMessageToInputIfEmpty(text);\n      removePendingMessage(id);\n    },\n    [restoreMessageToInputIfEmpty, removePendingMessage],\n  );\n\n  const handleDismiss = React.useCallback(\n    (id: string) => {\n      removePendingMessage(id);\n    },\n    [removePendingMessage],\n  );\n\n  if (visibleMessages.length === 0) {\n    return null;\n  }\n\n  return (\n    <>\n      {visibleMessages.map((message) => (\n        <ChatMessage\n          key={message.id}\n          type=\"user\"\n          message={message.text}\n          pendingStatus={message.status}\n          onRetry={\n            message.status === \"error\"\n              ? () => handleRetry(message.id)\n              : undefined\n          }\n          onDismiss={\n            message.status === \"error\"\n              ? () => handleDismiss(message.id)\n              : undefined\n          }\n          onStop={\n            message.status === \"sending\"\n              ? () => handleStop(message.id, message.text)\n              : undefined\n          }\n        >\n          {message.imageUrls.length > 0 && (\n            <ImageCarousel size=\"small\" images={message.imageUrls} />\n          )}\n        </ChatMessage>\n      ))}\n    </>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;AAwBA,SAAgB,IAAsB;CACpC,IAAM,EAAE,SAAM,EAAe,WAAW,GAClC,EAAE,sBAAmB,EAA0B,GAC/C,IAAkB,GACrB,MAAU,EAAM,eACnB,GACM,IAA0B,GAC7B,MAAU,EAAM,uBACnB,GACM,IAA4B,GAC/B,MAAU,EAAM,yBACnB,GACM,IAAuB,GAC1B,MAAU,EAAM,oBACnB,GACM,IAA+B,GAClC,MAAU,EAAM,4BACnB,GACM,EAAE,YAAS,EAAe,GAE1B,IAAkB,EAAM,cAE1B,IACI,EAAgB,QAAQ,MACtB,EACE,GACA,EAAQ,cACV,CACF,IACA,CAAC,GACP,CAAC,GAAiB,CAAc,CAClC,GAEM,IAAc,EAAM,YACxB,OAAO,MAAe;EACpB,IAAM,IAAU,EACb,SAAS,EACT,gBAAgB,MAAM,MAAU,EAAM,OAAO,CAAE;EAC7C,OAEL;KAA0B,CAAE;GAE5B,IAAI;IACF,MAAM,EACJ,EACE,EAAQ,MACR,EAAQ,WACR,EAAQ,UACR,EAAQ,SACV,CACF;GACF,SAAS,GAAO;IAKd,EAAwB,GAHtB,aAAiB,QACb,EAAM,UACN,EAAE,EAAQ,qCAAqC,CACb;GAC1C;EAjB4B;CAkB9B,GACA;EAAC;EAAM;EAAyB;EAA2B;CAAC,CAC9D,GAEM,IAAa,EAAM,aACtB,GAAY,MAAiB;EAE5B,AADA,EAA6B,CAAI,GACjC,EAAqB,CAAE;CACzB,GACA,CAAC,GAA8B,CAAoB,CACrD,GAEM,IAAgB,EAAM,aACzB,MAAe;EACd,EAAqB,CAAE;CACzB,GACA,CAAC,CAAoB,CACvB;CAMA,OAJI,EAAgB,WAAW,IACtB,OAIP,kBAAA,GAAA,EAAA,UACG,EAAgB,KAAK,MACpB,kBAAC,GAAD;EAEE,MAAK;EACL,SAAS,EAAQ;EACjB,eAAe,EAAQ;EACvB,SACE,EAAQ,WAAW,gBACT,EAAY,EAAQ,EAAE,IAC5B,KAAA;EAEN,WACE,EAAQ,WAAW,gBACT,EAAc,EAAQ,EAAE,IAC9B,KAAA;EAEN,QACE,EAAQ,WAAW,kBACT,EAAW,EAAQ,IAAI,EAAQ,IAAI,IACzC,KAAA;YAGL,EAAQ,UAAU,SAAS,KAC1B,kBAAC,GAAD;GAAe,MAAK;GAAQ,QAAQ,EAAQ;EAAY,CAAA;CAE/C,GAvBN,EAAQ,EAuBF,CACd,EACD,CAAA;AAEN"}

package/dist/components/features/chat/plan-preview.d.ts

@@ -6,5 +6,5 @@ interface PlanPreviewProps {
     /** Whether the Build button should be disabled (e.g., while streaming) */
     isBuildDisabled?: boolean;
 }
-export declare function PlanPreview({ planContent, isStreaming, isBuildDisabled, }: PlanPreviewProps): import("react/jsx-runtime").JSX.Element | null;
+export declare function PlanPreview({ planContent, isStreaming, isBuildDisabled, }: PlanPreviewProps): import("react").JSX.Element | null;
 export {};

package/dist/components/features/chat/remove-file-button.d.ts

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

package/dist/components/features/chat/skill-install-restart-banner.d.ts

@@ -8,4 +8,4 @@ export interface SkillInstallRestartBannerProps {
  * banner says so and offers one action: start a new conversation in the
  * directory the skill was installed to.
  */
-export declare function SkillInstallRestartBanner({ conversationId, }: SkillInstallRestartBannerProps): import("react/jsx-runtime").JSX.Element | null;
+export declare function SkillInstallRestartBanner({ conversationId, }: SkillInstallRestartBannerProps): import("react").JSX.Element | null;

package/dist/components/features/chat/success-indicator.d.ts

@@ -2,5 +2,5 @@ import { ObservationResultStatus } from "#/components/conversation-events/chat/e
 interface SuccessIndicatorProps {
     status: ObservationResultStatus;
 }
-export declare function SuccessIndicator({ status }: SuccessIndicatorProps): import("react/jsx-runtime").JSX.Element;
+export declare function SuccessIndicator({ status }: SuccessIndicatorProps): import("react").JSX.Element;
 export {};

package/dist/components/features/chat/task-tracking/status-badge.d.ts

@@ -1,5 +1,5 @@
 interface StatusBadgeProps {
     status: string;
 }
-export declare function StatusBadge({ status }: StatusBadgeProps): import("react/jsx-runtime").JSX.Element;
+export declare function StatusBadge({ status }: StatusBadgeProps): import("react").JSX.Element;
 export {};

package/dist/components/features/chat/task-tracking/status-icon.d.ts

@@ -1,5 +1,5 @@
 interface StatusIconProps {
     status: string;
 }
-export declare function StatusIcon({ status }: StatusIconProps): import("react/jsx-runtime").JSX.Element;
+export declare function StatusIcon({ status }: StatusIconProps): import("react").JSX.Element;
 export {};

package/dist/components/features/chat/task-tracking/task-item.d.ts

@@ -6,5 +6,5 @@ interface TaskItemProps {
         notes?: string;
     };
 }
-export declare function TaskItem({ task }: TaskItemProps): import("react/jsx-runtime").JSX.Element;
+export declare function TaskItem({ task }: TaskItemProps): import("react").JSX.Element;
 export {};

package/dist/components/features/chat/task-tracking/task-list-section.d.ts

@@ -6,5 +6,5 @@ interface TaskListSectionProps {
         notes?: string;
     }>;
 }
-export declare function TaskListSection({ taskList }: TaskListSectionProps): import("react/jsx-runtime").JSX.Element;
+export declare function TaskListSection({ taskList }: TaskListSectionProps): import("react").JSX.Element;
 export {};

package/dist/components/features/chat/tool-visualizers/primitives/code-block.d.ts

@@ -1,3 +1,4 @@
+import React from "react";
 interface CodeBlockProps {
     code: string;
     /** Prism language hint (e.g. "bash", "python"). */
@@ -17,5 +18,5 @@ interface CodeBlockProps {
  * with an inline expand control. The copy button always yields the full,
  * untruncated text.
  */
-export declare function CodeBlock({ code, language, copy, placeholder, expandable, wrapLongLines, }: CodeBlockProps): import("react/jsx-runtime").JSX.Element;
+export declare function CodeBlock({ code, language, copy, placeholder, expandable, wrapLongLines, }: CodeBlockProps): React.JSX.Element;
 export {};

package/dist/components/features/chat/tool-visualizers/primitives/diff-view.d.ts

@@ -1,7 +1,8 @@
+import React from "react";
 /**
  * Unified before/after line diff for file edits.
  */
 export declare function DiffView({ oldText, newText, }: {
     oldText: string;
     newText: string;
-}): import("react/jsx-runtime").JSX.Element;
+}): React.JSX.Element;

package/dist/components/features/chat/tool-visualizers/primitives/file-path-chip.d.ts

@@ -1,3 +1,4 @@
+import React from "react";
 interface FilePathChipProps {
     path: string;
     /** Optional line-range suffix, e.g. "12-48". */
@@ -6,5 +7,5 @@ interface FilePathChipProps {
 /**
  * Monospace file-path pill with a file icon and an optional line-range suffix.
  */
-export declare function FilePathChip({ path, range }: FilePathChipProps): import("react/jsx-runtime").JSX.Element;
+export declare function FilePathChip({ path, range }: FilePathChipProps): React.JSX.Element;
 export {};

package/dist/components/features/chat/tool-visualizers/primitives/key-value-grid.d.ts

@@ -9,5 +9,5 @@ interface KeyValueRow {
  */
 export declare function KeyValueGrid({ rows }: {
     rows: KeyValueRow[];
-}): import("react/jsx-runtime").JSX.Element;
+}): React.JSX.Element;
 export {};

package/dist/components/features/chat/tool-visualizers/primitives/output-pane.d.ts

@@ -1,3 +1,4 @@
+import React from "react";
 interface OutputPaneProps {
     output: string;
     /** Process exit code, when known. `0` and `-1` (timeout) are not badged —
@@ -13,5 +14,5 @@ interface OutputPaneProps {
  * to the same limit the markdown path uses, with an inline control to reveal
  * the full output. The copy button always yields the untruncated output.
  */
-export declare function OutputPane({ output, exitCode, copy }: OutputPaneProps): import("react/jsx-runtime").JSX.Element;
+export declare function OutputPane({ output, exitCode, copy }: OutputPaneProps): React.JSX.Element;
 export {};

package/dist/components/features/chat/typing-indicator.cjs

@@ -1,2 +1,2 @@
-require("../../../_virtual/_rolldown/runtime.cjs");let e=require("react/jsx-runtime");function t(){return(0,e.jsxs)(`div`,{className:`flex items-center space-x-1.5 rounded-full bg-[var(--oh-surface)] px-3 py-1.5`,children:[(0,e.jsx)(`span`,{className:`h-1.5 w-1.5 rounded-full bg-[var(--oh-muted)] animate-[bounce_0.5s_infinite] translate-y-[1px] [animation-delay:0ms]`}),(0,e.jsx)(`span`,{className:`h-1.5 w-1.5 rounded-full bg-[var(--oh-muted)] animate-[bounce_0.5s_infinite] translate-y-[1px] [animation-delay:75ms]`}),(0,e.jsx)(`span`,{className:`h-1.5 w-1.5 rounded-full bg-[var(--oh-muted)] animate-[bounce_0.5s_infinite] translate-y-[1px] [animation-delay:150ms]`})]})}exports.TypingIndicator=t;
+require("../../../_virtual/_rolldown/runtime.cjs");const e=require("../../../node_modules/react-i18next/dist/es/Trans.cjs"),t=require("../../../types/agent-server/type-guards.cjs"),n=require("../../conversation-events/chat/event-content-helpers/get-acp-tool-call-content.cjs"),r=require("../../conversation-events/chat/event-content-helpers/get-action-event-title.cjs"),i=require("./mono-component.cjs"),a=require("./path-component.cjs");let o=require("react/jsx-runtime");var s={kind:`translation`,key:`ACTION_MESSAGE$THINK`,values:{}},c=new Set([`ExecuteBashAction`,`TerminalAction`,`FileEditorAction`,`StrReplaceEditorAction`,`MCPToolAction`,`InvokeSkillAction`,`TaskAction`,`ThinkAction`,`TaskTrackerAction`,`GrepAction`,`GlobAction`,`BrowserNavigateAction`,`BrowserClickAction`,`BrowserTypeAction`,`BrowserGetStateAction`,`BrowserGetContentAction`,`BrowserScrollAction`,`BrowserGoBackAction`,`BrowserListTabsAction`,`BrowserSwitchTabAction`,`BrowserCloseTabAction`]),l=e=>{if(!t.isActionEvent(e))return null;let n=r.getActionSummaryTitle(e);return n?{kind:`text`,text:n}:c.has(e.action.kind)?r.getActionEventTitleDescriptor(e):null},u=e=>e.source===`environment`&&`rejection_reason`in e,d=e=>{let r=new Set,i=new Set;for(let a=e.length-1;a>=0;--a){let o=e[a];if(!o.isFromPlanningAgent){if(t.isObservationEvent(o)||u(o)){r.add(o.action_id),i.add(o.tool_call_id);continue}if(t.isAgentErrorEvent(o)){i.add(o.tool_call_id);continue}if(t.isACPToolCallEvent(o)){if(!(o.status===`pending`||o.status===`in_progress`)){i.add(o.tool_call_id);continue}if(i.has(o.tool_call_id))continue;let e=n.stripRedundantTitlePrefix(o);return e?{kind:`translation`,key:n.getACPToolCallTitleKey(o),values:{title:e}}:s}if(t.isActionEvent(o)&&!r.has(o.id)&&!i.has(o.tool_call_id))return l(o)??s}}return s};function f({events:t}){let n=d(t);return(0,o.jsxs)(`div`,{className:`flex min-w-0 max-w-full items-center gap-2 rounded-full border border-[var(--oh-border)] bg-[var(--oh-surface)] px-3 py-1.5 text-xs text-[var(--oh-text-secondary)]`,"data-testid":`live-activity-chip`,role:`status`,"aria-live":`polite`,children:[(0,o.jsx)(`span`,{"aria-hidden":`true`,className:`size-1.5 shrink-0 animate-pulse rounded-full bg-[var(--oh-status-success)] motion-reduce:animate-none`}),(0,o.jsx)(`span`,{className:`min-w-0 truncate`,children:n.kind===`text`?n.text:(0,o.jsx)(e.Trans,{ns:`openhands`,i18nKey:n.key,values:n.values,components:{path:(0,o.jsx)(a.PathComponent,{}),cmd:(0,o.jsx)(i.MonoComponent,{})}})})]})}exports.TypingIndicator=f;
 //# sourceMappingURL=typing-indicator.cjs.map

package/dist/components/features/chat/typing-indicator.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"typing-indicator.cjs","names":[],"sources":["../../../../src/components/features/chat/typing-indicator.tsx"],"sourcesContent":["export function TypingIndicator() {\n  return (\n    <div className=\"flex items-center space-x-1.5 rounded-full bg-[var(--oh-surface)] px-3 py-1.5\">\n      <span className=\"h-1.5 w-1.5 rounded-full bg-[var(--oh-muted)] animate-[bounce_0.5s_infinite] translate-y-[1px] [animation-delay:0ms]\" />\n      <span className=\"h-1.5 w-1.5 rounded-full bg-[var(--oh-muted)] animate-[bounce_0.5s_infinite] translate-y-[1px] [animation-delay:75ms]\" />\n      <span className=\"h-1.5 w-1.5 rounded-full bg-[var(--oh-muted)] animate-[bounce_0.5s_infinite] translate-y-[1px] [animation-delay:150ms]\" />\n    </div>\n  );\n}\n"],"mappings":"sFAAA,SAAgB,GAAkB,CAChC,OACE,EAAA,EAAA,MAAC,MAAD,CAAK,UAAU,yFAAf,EACE,EAAA,EAAA,KAAC,OAAD,CAAM,UAAU,sHAAwH,CAAA,GACxI,EAAA,EAAA,KAAC,OAAD,CAAM,UAAU,uHAAyH,CAAA,GACzI,EAAA,EAAA,KAAC,OAAD,CAAM,UAAU,wHAA0H,CAAA,CACvI,GAET"}
+{"version":3,"file":"typing-indicator.cjs","names":[],"sources":["../../../../src/components/features/chat/typing-indicator.tsx"],"sourcesContent":["import { Trans } from \"react-i18next\";\nimport type { OHEvent } from \"#/stores/use-event-store\";\nimport type { UserRejectObservation } from \"#/types/agent-server/core\";\nimport {\n  isACPToolCallEvent,\n  isActionEvent,\n  isAgentErrorEvent,\n  isObservationEvent,\n} from \"#/types/agent-server/type-guards\";\nimport {\n  getACPToolCallTitleKey,\n  stripRedundantTitlePrefix,\n} from \"#/components/conversation-events/chat/event-content-helpers/get-acp-tool-call-content\";\nimport {\n  getActionEventTitleDescriptor,\n  getActionSummaryTitle,\n  type EventTitleDescriptor,\n} from \"#/components/conversation-events/chat/event-content-helpers/get-action-event-title\";\nimport { MonoComponent } from \"./mono-component\";\nimport { PathComponent } from \"./path-component\";\n\nconst THINKING_ACTIVITY: EventTitleDescriptor = {\n  kind: \"translation\",\n  key: \"ACTION_MESSAGE$THINK\",\n  values: {},\n};\n\nconst LIVE_ACTION_KINDS = new Set([\n  \"ExecuteBashAction\",\n  \"TerminalAction\",\n  \"FileEditorAction\",\n  \"StrReplaceEditorAction\",\n  \"MCPToolAction\",\n  \"InvokeSkillAction\",\n  \"TaskAction\",\n  \"ThinkAction\",\n  \"TaskTrackerAction\",\n  \"GrepAction\",\n  \"GlobAction\",\n  \"BrowserNavigateAction\",\n  \"BrowserClickAction\",\n  \"BrowserTypeAction\",\n  \"BrowserGetStateAction\",\n  \"BrowserGetContentAction\",\n  \"BrowserScrollAction\",\n  \"BrowserGoBackAction\",\n  \"BrowserListTabsAction\",\n  \"BrowserSwitchTabAction\",\n  \"BrowserCloseTabAction\",\n]);\n\nconst getLiveActionTitle = (event: OHEvent): EventTitleDescriptor | null => {\n  if (!isActionEvent(event)) return null;\n\n  const summary = getActionSummaryTitle(event);\n  if (summary) {\n    return { kind: \"text\", text: summary };\n  }\n\n  return LIVE_ACTION_KINDS.has(event.action.kind)\n    ? getActionEventTitleDescriptor(event)\n    : null;\n};\n\nconst isUserRejectObservation = (\n  event: OHEvent,\n): event is UserRejectObservation =>\n  event.source === \"environment\" && \"rejection_reason\" in event;\n\nexport const deriveLiveActivity = (\n  events: readonly OHEvent[],\n): EventTitleDescriptor => {\n  const resolvedActionIds = new Set<string>();\n  const resolvedToolCallIds = new Set<string>();\n\n  for (let index = events.length - 1; index >= 0; index -= 1) {\n    const event = events[index];\n    if (event.isFromPlanningAgent) {\n      continue;\n    }\n\n    if (isObservationEvent(event) || isUserRejectObservation(event)) {\n      resolvedActionIds.add(event.action_id);\n      resolvedToolCallIds.add(event.tool_call_id);\n      continue;\n    }\n\n    if (isAgentErrorEvent(event)) {\n      resolvedToolCallIds.add(event.tool_call_id);\n      continue;\n    }\n\n    if (isACPToolCallEvent(event)) {\n      const isInProgress =\n        event.status === \"pending\" || event.status === \"in_progress\";\n      if (!isInProgress) {\n        resolvedToolCallIds.add(event.tool_call_id);\n        continue;\n      }\n      if (resolvedToolCallIds.has(event.tool_call_id)) {\n        continue;\n      }\n\n      const title = stripRedundantTitlePrefix(event);\n      return title\n        ? {\n            kind: \"translation\",\n            key: getACPToolCallTitleKey(event),\n            values: { title },\n          }\n        : THINKING_ACTIVITY;\n    }\n\n    if (\n      isActionEvent(event) &&\n      !resolvedActionIds.has(event.id) &&\n      !resolvedToolCallIds.has(event.tool_call_id)\n    ) {\n      return getLiveActionTitle(event) ?? THINKING_ACTIVITY;\n    }\n  }\n\n  return THINKING_ACTIVITY;\n};\n\ninterface TypingIndicatorProps {\n  readonly events: readonly OHEvent[];\n}\n\nexport function TypingIndicator({ events }: TypingIndicatorProps) {\n  const activity = deriveLiveActivity(events);\n\n  return (\n    <div\n      className=\"flex min-w-0 max-w-full items-center gap-2 rounded-full border border-[var(--oh-border)] bg-[var(--oh-surface)] px-3 py-1.5 text-xs text-[var(--oh-text-secondary)]\"\n      data-testid=\"live-activity-chip\"\n      role=\"status\"\n      aria-live=\"polite\"\n    >\n      <span\n        aria-hidden=\"true\"\n        className=\"size-1.5 shrink-0 animate-pulse rounded-full bg-[var(--oh-status-success)] motion-reduce:animate-none\"\n      />\n      <span className=\"min-w-0 truncate\">\n        {activity.kind === \"text\" ? (\n          activity.text\n        ) : (\n          <Trans\n            ns=\"openhands\"\n            i18nKey={activity.key}\n            values={activity.values}\n            components={{\n              path: <PathComponent />,\n              cmd: <MonoComponent />,\n            }}\n          />\n        )}\n      </span>\n    </div>\n  );\n}\n"],"mappings":"ydAqBA,IAAM,EAA0C,CAC9C,KAAM,cACN,IAAK,uBACL,OAAQ,CAAC,CACX,EAEM,EAAoB,IAAI,IAAI,CAChC,oBACA,iBACA,mBACA,yBACA,gBACA,oBACA,aACA,cACA,oBACA,aACA,aACA,wBACA,qBACA,oBACA,wBACA,0BACA,sBACA,sBACA,wBACA,yBACA,uBACF,CAAC,EAEK,EAAsB,GAAgD,CAC1E,GAAI,CAAC,EAAA,cAAc,CAAK,EAAG,OAAO,KAElC,IAAM,EAAU,EAAA,sBAAsB,CAAK,EAK3C,OAJI,EACK,CAAE,KAAM,OAAQ,KAAM,CAAQ,EAGhC,EAAkB,IAAI,EAAM,OAAO,IAAI,EAC1C,EAAA,8BAA8B,CAAK,EACnC,IACN,EAEM,EACJ,GAEA,EAAM,SAAW,eAAiB,qBAAsB,EAE7C,EACX,GACyB,CACzB,IAAM,EAAoB,IAAI,IACxB,EAAsB,IAAI,IAEhC,IAAK,IAAI,EAAQ,EAAO,OAAS,EAAG,GAAS,EAAG,IAAY,CAC1D,IAAM,EAAQ,EAAO,GACjB,MAAM,oBAIV,IAAI,EAAA,mBAAmB,CAAK,GAAK,EAAwB,CAAK,EAAG,CAC/D,EAAkB,IAAI,EAAM,SAAS,EACrC,EAAoB,IAAI,EAAM,YAAY,EAC1C,QACF,CAEA,GAAI,EAAA,kBAAkB,CAAK,EAAG,CAC5B,EAAoB,IAAI,EAAM,YAAY,EAC1C,QACF,CAEA,GAAI,EAAA,mBAAmB,CAAK,EAAG,CAG7B,GAAI,EADF,EAAM,SAAW,WAAa,EAAM,SAAW,eAC9B,CACjB,EAAoB,IAAI,EAAM,YAAY,EAC1C,QACF,CACA,GAAI,EAAoB,IAAI,EAAM,YAAY,EAC5C,SAGF,IAAM,EAAQ,EAAA,0BAA0B,CAAK,EAC7C,OAAO,EACH,CACE,KAAM,cACN,IAAK,EAAA,uBAAuB,CAAK,EACjC,OAAQ,CAAE,OAAM,CAClB,EACA,CACN,CAEA,GACE,EAAA,cAAc,CAAK,GACnB,CAAC,EAAkB,IAAI,EAAM,EAAE,GAC/B,CAAC,EAAoB,IAAI,EAAM,YAAY,EAE3C,OAAO,EAAmB,CAAK,GAAK,CAjCtC,CAmCF,CAEA,OAAO,CACT,EAMA,SAAgB,EAAgB,CAAE,UAAgC,CAChE,IAAM,EAAW,EAAmB,CAAM,EAE1C,OACE,EAAA,EAAA,MAAC,MAAD,CACE,UAAU,sKACV,cAAY,qBACZ,KAAK,SACL,YAAU,kBAJZ,EAME,EAAA,EAAA,KAAC,OAAD,CACE,cAAY,OACZ,UAAU,uGACX,CAAA,GACD,EAAA,EAAA,KAAC,OAAD,CAAM,UAAU,4BACb,EAAS,OAAS,OACjB,EAAS,MAET,EAAA,EAAA,KAAC,EAAA,MAAD,CACE,GAAG,YACH,QAAS,EAAS,IAClB,OAAQ,EAAS,OACjB,WAAY,CACV,MAAM,EAAA,EAAA,KAAC,EAAA,cAAD,CAAgB,CAAA,EACtB,KAAK,EAAA,EAAA,KAAC,EAAA,cAAD,CAAgB,CAAA,CACvB,CACD,CAAA,CAEC,CAAA,CACH,GAET"}

package/dist/components/features/chat/typing-indicator.d.ts

@@ -1 +1,8 @@
-export declare function TypingIndicator(): import("react/jsx-runtime").JSX.Element;
+import type { OHEvent } from "#/stores/use-event-store";
+import { type EventTitleDescriptor } from "#/components/conversation-events/chat/event-content-helpers/get-action-event-title";
+export declare const deriveLiveActivity: (events: readonly OHEvent[]) => EventTitleDescriptor;
+interface TypingIndicatorProps {
+    readonly events: readonly OHEvent[];
+}
+export declare function TypingIndicator({ events }: TypingIndicatorProps): import("react").JSX.Element;
+export {};