@elizaos/ui 2.0.0-alpha.85 → 2.0.0-beta.2

package/components/composites/chat/chat-thread-layout.js

@@ -0,0 +1,37 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import { cn } from "../../../lib/utils.js";
+function assignRef(ref, value) {
+    if (typeof ref === "function") {
+        ref(value);
+        return;
+    }
+    if (ref) {
+        ref.current = value;
+    }
+}
+export const ChatThreadLayout = React.forwardRef(function ChatThreadLayout({ children, className, composerHeight = 0, composer, footerStack, gameModalComposerGapPx = 18, gameModalMessageBottomFallback = "5.25rem", gameModalMessageTop = "calc(-100% + 1.5rem)", imageDragOver = false, messagesClassName, messagesRef, messagesStyle, messagesTestId = "chat-messages-scroll", variant = "default", ...props }, ref) {
+    const isGameModal = variant === "game-modal";
+    const resolvedMessagesStyle = isGameModal
+        ? {
+            zIndex: 1,
+            top: gameModalMessageTop,
+            bottom: composerHeight > 0
+                ? `${composerHeight + gameModalComposerGapPx}px`
+                : gameModalMessageBottomFallback,
+            overscrollBehavior: "contain",
+            touchAction: "pan-y",
+            userSelect: "text",
+            WebkitUserSelect: "text",
+            maskImage: "linear-gradient(to bottom, transparent 0%, rgba(0,0,0,0.28) 6%, rgba(0,0,0,0.82) 12%, black 17%, black 100%)",
+            WebkitMaskImage: "linear-gradient(to bottom, transparent 0%, rgba(0,0,0,0.28) 6%, rgba(0,0,0,0.82) 12%, black 17%, black 100%)",
+            ...messagesStyle,
+        }
+        : {
+            zIndex: 1,
+            ...messagesStyle,
+        };
+    return (_jsxs("section", { ref: ref, "aria-label": "Chat workspace", className: cn("relative flex min-h-0 flex-1 flex-col", isGameModal ? "overflow-visible pointer-events-none" : "bg-transparent", imageDragOver && "ring-2 ring-inset ring-accent", className), ...props, children: [_jsx("div", { ref: (node) => assignRef(messagesRef, node), "data-testid": messagesTestId, "data-no-window-drag": false, "data-no-camera-drag": false, "data-no-camera-zoom": false, className: cn(isGameModal
+                    ? "chat-native-scrollbar absolute inset-x-0 overflow-x-hidden overflow-y-auto pointer-events-auto"
+                    : "chat-native-scrollbar relative flex flex-1 flex-col overflow-x-hidden overflow-y-auto px-3 py-3 sm:px-4 sm:py-4 xl:px-5", messagesClassName), style: resolvedMessagesStyle, children: children }), composer, footerStack] }));
+});

package/components/composites/chat/chat-transcript.d.ts

@@ -0,0 +1,19 @@
+import type * as React from "react";
+import type { ChatMessageData, ChatMessageLabels, ChatVariant } from "./chat-types";
+export interface ChatTranscriptProps {
+    agentName?: string;
+    carryoverMessages?: ChatMessageData[];
+    carryoverOpacity?: number;
+    labels?: ChatMessageLabels;
+    messages: ChatMessageData[];
+    onCopy?: (text: string) => void;
+    onDelete?: (messageId: string) => void;
+    onEdit?: (messageId: string, text: string) => Promise<boolean> | boolean;
+    onSpeak?: (messageId: string, text: string) => void;
+    renderMessageContent?: (message: ChatMessageData) => React.ReactNode;
+    typingIndicator?: React.ReactNode;
+    userMessagesOnRight?: boolean;
+    variant?: ChatVariant;
+}
+export declare const ChatTranscript: React.MemoExoticComponent<({ agentName, carryoverMessages, carryoverOpacity, labels, messages, onCopy, onDelete, onEdit, onSpeak, renderMessageContent, typingIndicator, userMessagesOnRight, variant, }: ChatTranscriptProps) => import("react/jsx-runtime").JSX.Element>;
+//# sourceMappingURL=chat-transcript.d.ts.map

package/components/composites/chat/chat-transcript.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"chat-transcript.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/composites/chat/chat-transcript.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AAMpC,OAAO,KAAK,EACV,eAAe,EACf,iBAAiB,EACjB,WAAW,EACZ,MAAM,cAAc,CAAC;AAEtB,MAAM,WAAW,mBAAmB;IAClC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,iBAAiB,CAAC,EAAE,eAAe,EAAE,CAAC;IACtC,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,MAAM,CAAC,EAAE,iBAAiB,CAAC;IAC3B,QAAQ,EAAE,eAAe,EAAE,CAAC;IAC5B,MAAM,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IAChC,QAAQ,CAAC,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,IAAI,CAAC;IACvC,MAAM,CAAC,EAAE,CAAC,SAAS,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,KAAK,OAAO,CAAC,OAAO,CAAC,GAAG,OAAO,CAAC;IACzE,OAAO,CAAC,EAAE,CAAC,SAAS,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACpD,oBAAoB,CAAC,EAAE,CAAC,OAAO,EAAE,eAAe,KAAK,KAAK,CAAC,SAAS,CAAC;IACrE,eAAe,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAClC,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,OAAO,CAAC,EAAE,WAAW,CAAC;CACvB;AAgFD,eAAO,MAAM,cAAc,4MAcxB,mBAAmB,6CA0GpB,CAAC"}

package/components/composites/chat/chat-transcript.js

@@ -0,0 +1,88 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { memo } from "react";
+import { ChatBubble } from "./chat-bubble.js";
+import { ChatMessage } from "./chat-message.js";
+function renderTranscriptMessageContent(message, renderMessageContent) {
+    return renderMessageContent?.(message) ?? message.text;
+}
+const LEGACY_REPLY_REFERENCE_RE = /^Referencing MessageID ([0-9a-f-]{36})(?: \([^)]{0,512}\))?(?: in channel [^\n]{0,512})?(?: in guild [^\n]{0,512})?$/i;
+function normalizeTranscriptMessage(message) {
+    const rawText = typeof message.text === "string" ? message.text : "";
+    const lines = rawText.split(/\r?\n/);
+    let extractedReplyToMessageId = typeof message.replyToMessageId === "string" &&
+        message.replyToMessageId.trim().length > 0
+        ? message.replyToMessageId.trim()
+        : "";
+    let removedLegacyReference = false;
+    const cleanedLines = lines.filter((line) => {
+        const trimmed = line.trim();
+        // Clamp length before regex to prevent worst-case backtracking on
+        // pathological inputs.
+        if (trimmed.length > 4096) {
+            return true;
+        }
+        const match = trimmed.match(LEGACY_REPLY_REFERENCE_RE);
+        if (!match) {
+            return true;
+        }
+        if (!extractedReplyToMessageId) {
+            extractedReplyToMessageId = match[1];
+        }
+        removedLegacyReference = true;
+        return false;
+    });
+    const cleanedText = removedLegacyReference
+        ? cleanedLines
+            .join("\n")
+            .replace(/\n{3,}/g, "\n\n")
+            .trimEnd()
+        : rawText;
+    if (cleanedText === rawText &&
+        extractedReplyToMessageId === (message.replyToMessageId ?? "")) {
+        return message;
+    }
+    return {
+        ...message,
+        text: cleanedText,
+        ...(extractedReplyToMessageId
+            ? { replyToMessageId: extractedReplyToMessageId }
+            : {}),
+    };
+}
+function getMessageGroupingKey(message) {
+    if (message.role !== "user") {
+        return message.role;
+    }
+    const source = message.source?.trim().toLowerCase() ?? "";
+    const senderName = message.from?.trim().toLowerCase() ?? "";
+    const senderHandle = message.fromUserName?.trim().toLowerCase() ?? "";
+    const avatarUrl = message.avatarUrl?.trim() ?? "";
+    if (!source && !senderName && !senderHandle && !avatarUrl) {
+        return "user";
+    }
+    return `user:${source}|${senderName}|${senderHandle}|${avatarUrl}`;
+}
+export const ChatTranscript = memo(function ChatTranscript({ agentName = "Agent", carryoverMessages = [], carryoverOpacity = 1, labels, messages, onCopy, onDelete, onEdit, onSpeak, renderMessageContent, typingIndicator, userMessagesOnRight = true, variant = "default", }) {
+    const normalizedMessages = messages.map(normalizeTranscriptMessage);
+    if (variant === "game-modal") {
+        return (_jsxs("div", { className: "flex min-h-full w-full flex-col justify-end gap-4 px-1 py-4", children: [carryoverMessages.map((message) => {
+                    const isUser = message.role === "user";
+                    return (_jsx("div", { "data-testid": "companion-message-row", "data-companion-carryover": "true", className: `flex w-full ${isUser ? "justify-end" : "justify-start"}`, style: { opacity: carryoverOpacity }, children: _jsx(ChatBubble, { tone: isUser ? "user" : "assistant", className: `max-w-[min(85%,24rem)] rounded-2xl px-4 py-3 text-[15px] leading-relaxed backdrop-blur-md ${isUser ? "rounded-br-sm" : "rounded-bl-sm"}`, children: _jsx("div", { className: "break-words", style: { fontFamily: "var(--font-chat)" }, children: renderTranscriptMessageContent(message, renderMessageContent) }) }) }, `carryover-${message.id}`));
+                }), normalizedMessages.map((message) => {
+                    const isUser = message.role === "user";
+                    return (_jsx("div", { "data-testid": "companion-message-row", className: `flex w-full ${isUser ? "justify-end" : "justify-start"}`, children: _jsx(ChatBubble, { tone: isUser ? "user" : "assistant", className: `max-w-[min(85%,24rem)] rounded-2xl px-4 py-3 text-[15px] leading-relaxed backdrop-blur-md ${isUser ? "rounded-br-sm" : "rounded-bl-sm"}`, children: _jsx("div", { className: "break-words", style: { fontFamily: "var(--font-chat)" }, children: renderTranscriptMessageContent(message, renderMessageContent) }) }) }, message.id));
+                }), typingIndicator] }));
+    }
+    return (_jsxs("div", { className: "w-full space-y-1.5", children: [normalizedMessages.map((message, index) => {
+                const replyTarget = typeof message.replyToMessageId === "string" &&
+                    message.replyToMessageId.length > 0
+                    ? (normalizedMessages.find((candidate) => candidate.id === message.replyToMessageId) ?? null)
+                    : null;
+                const previousMessage = index > 0 ? normalizedMessages[index - 1] : null;
+                const isGrouped = previousMessage?.role === message.role &&
+                    previousMessage != null &&
+                    getMessageGroupingKey(previousMessage) ===
+                        getMessageGroupingKey(message);
+                return (_jsx(ChatMessage, { message: message, isGrouped: isGrouped, agentName: agentName, labels: labels, onCopy: onCopy, onDelete: onDelete, onEdit: onEdit, onSpeak: onSpeak, replyTarget: replyTarget, userMessagesOnRight: userMessagesOnRight, children: renderTranscriptMessageContent(message, renderMessageContent) }, message.id));
+            }), typingIndicator] }));
+});

package/components/composites/chat/chat-types.d.ts

@@ -0,0 +1,91 @@
+export type ChatVariant = "default" | "game-modal";
+export interface ChatLabelSet {
+    actions?: string;
+    agentStarting?: string;
+    agentVoiceOff?: string;
+    agentVoiceOn?: string;
+    attachImage?: string;
+    cancel?: string;
+    clearSearch?: string;
+    chatIconLabel?: string;
+    chats?: string;
+    closePanel?: string;
+    copied?: string;
+    copiedAria?: string;
+    copy?: string;
+    delete?: string;
+    deleteConfirm?: string;
+    deleteNo?: string;
+    deleteYes?: string;
+    edit?: string;
+    expandChatsPanel?: string;
+    inputPlaceholder?: string;
+    inputPlaceholderNarrow?: string;
+    listening?: string;
+    micTitleIdleEnhanced?: string;
+    micTitleIdleStandard?: string;
+    newChat?: string;
+    none?: string;
+    noMatchingChats?: string;
+    play?: string;
+    releaseToSend?: string;
+    rename?: string;
+    responseInterrupted?: string;
+    saveAndResend?: string;
+    searchChats?: string;
+    saving?: string;
+    send?: string;
+    sendMessageTo?: string;
+    startConversation?: string;
+    stopGeneration?: string;
+    stopListening?: string;
+    stopSpeaking?: string;
+    toBeginChatting?: string;
+    voiceInput?: string;
+}
+export interface ChatAttachmentItem {
+    alt: string;
+    id: string;
+    name: string;
+    src: string;
+}
+export interface ChatMessageReaction {
+    emoji: string;
+    count: number;
+    users?: string[];
+}
+export interface ChatMessageData {
+    avatarUrl?: string;
+    from?: string;
+    fromUserName?: string;
+    id: string;
+    interrupted?: boolean;
+    reactions?: ChatMessageReaction[];
+    replyToMessageId?: string;
+    replyToSenderName?: string;
+    replyToSenderUserName?: string;
+    role: string;
+    source?: string;
+    text: string;
+}
+export interface ChatMessageLabels extends ChatLabelSet {
+}
+export interface ChatConversationSummary {
+    avatarUrl?: string;
+    id: string;
+    title: string;
+    updatedAtLabel?: string;
+    /**
+     * Optional connector source tag (e.g. "imessage", "telegram",
+     * "discord", "whatsapp"). When set, the conversation item renders
+     * a brand-colored channel pill next to the title so cross-channel
+     * threads in a combined sidebar are visually distinct from the
+     * agent's own dashboard conversations. Unknown sources fall back
+     * to a neutral accent pill; dashboard conversations leave this
+     * unset and get no pill at all.
+     */
+    source?: string;
+}
+export interface ChatConversationLabels extends ChatLabelSet {
+}
+//# sourceMappingURL=chat-types.d.ts.map

package/components/composites/chat/chat-types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"chat-types.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/composites/chat/chat-types.ts"],"names":[],"mappings":"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"}

package/components/composites/chat/chat-types.js

@@ -0,0 +1 @@
+export {};

package/components/composites/chat/chat-typing-indicator.d.ts

@@ -0,0 +1,10 @@
+import type { ChatVariant } from "./chat-types";
+export interface TypingIndicatorProps {
+    agentAvatarSrc?: string | null;
+    agentName: string;
+    className?: string;
+    dotClassName?: string;
+    variant?: ChatVariant;
+}
+export declare function TypingIndicator({ agentName, className, dotClassName, variant, }: TypingIndicatorProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=chat-typing-indicator.d.ts.map

package/components/composites/chat/chat-typing-indicator.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"chat-typing-indicator.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/composites/chat/chat-typing-indicator.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AAEhD,MAAM,WAAW,oBAAoB;IACnC,cAAc,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC/B,SAAS,EAAE,MAAM,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,OAAO,CAAC,EAAE,WAAW,CAAC;CACvB;AAED,wBAAgB,eAAe,CAAC,EAC9B,SAAS,EACT,SAAS,EACT,YAAY,EACZ,OAAmB,GACpB,EAAE,oBAAoB,2CA0CtB"}

package/components/composites/chat/chat-typing-indicator.js

@@ -0,0 +1,10 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { ChatBubble } from "./chat-bubble.js";
+export function TypingIndicator({ agentName, className, dotClassName, variant = "default", }) {
+    if (variant === "game-modal") {
+        return (_jsx("div", { className: className ?? "flex w-full justify-start", children: _jsx(ChatBubble, { tone: "assistant", className: "flex max-w-[min(85%,24rem)] items-center gap-1 rounded-2xl rounded-bl-sm px-4 py-3 backdrop-blur-md", children: [0, 150, 300].map((delay) => (_jsx("span", { className: dotClassName ??
+                        "h-1.5 w-1.5 rounded-full bg-[color:color-mix(in_srgb,var(--muted)_82%,transparent)] animate-bounce", style: { animationDelay: `${delay}ms` } }, delay))) }) }));
+    }
+    return (_jsxs("div", { className: className ?? "mt-1.5 flex min-w-0 flex-col", children: [_jsx("div", { className: "mb-0.5 text-xs font-semibold text-accent", children: agentName }), _jsx("div", { className: "flex gap-1 py-1", children: [0, 200, 400].map((delay) => (_jsx("span", { className: dotClassName ??
+                        "h-2 w-2 rounded-full bg-muted-strong animate-[typing-bounce_1.2s_ease-in-out_infinite]", style: { animationDelay: `${delay}ms` } }, delay))) })] }));
+}

package/components/composites/chat/create-task-popover.d.ts

@@ -0,0 +1,13 @@
+import { type ComponentProps } from "react";
+import { Button } from "../../ui/button";
+export interface CreateTaskPopoverProps {
+    chatInput: string;
+    disabled: boolean;
+    onCreateTask: (description: string, agentType: string) => void;
+    t: (key: string, options?: Record<string, unknown>) => string;
+    triggerClassName?: string;
+    triggerIconClassName?: string;
+    triggerVariant?: ComponentProps<typeof Button>["variant"];
+}
+export declare function CreateTaskPopover({ chatInput, disabled, onCreateTask, t, triggerClassName, triggerIconClassName, triggerVariant, }: CreateTaskPopoverProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=create-task-popover.d.ts.map

package/components/composites/chat/create-task-popover.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"create-task-popover.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/composites/chat/create-task-popover.tsx"],"names":[],"mappings":"AACA,OAAO,EACL,KAAK,cAAc,EAKpB,MAAM,OAAO,CAAC;AAEf,OAAO,EAAE,MAAM,EAAE,MAAM,iBAAiB,CAAC;AAezC,MAAM,WAAW,sBAAsB;IACrC,SAAS,EAAE,MAAM,CAAC;IAClB,QAAQ,EAAE,OAAO,CAAC;IAClB,YAAY,EAAE,CAAC,WAAW,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,KAAK,IAAI,CAAC;IAC/D,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,EAAE,OAAO,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,KAAK,MAAM,CAAC;IAC9D,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B,cAAc,CAAC,EAAE,cAAc,CAAC,OAAO,MAAM,CAAC,CAAC,SAAS,CAAC,CAAC;CAC3D;AAED,wBAAgB,iBAAiB,CAAC,EAChC,SAAS,EACT,QAAQ,EACR,YAAY,EACZ,CAAC,EACD,gBAAgB,EAChB,oBAAoB,EACpB,cAA0B,GAC3B,EAAE,sBAAsB,2CAkHxB"}

package/components/composites/chat/create-task-popover.js

@@ -0,0 +1,44 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Code2, X } from "lucide-react";
+import { useCallback, useEffect, useRef, useState, } from "react";
+import { Button } from "../../ui/button.js";
+import { Popover, PopoverContent, PopoverTrigger } from "../../ui/popover.js";
+import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue, } from "../../ui/select.js";
+import { Textarea } from "../../ui/textarea.js";
+const DEFAULT_AGENT_TYPES = ["claude", "gemini", "codex", "aider"];
+export function CreateTaskPopover({ chatInput, disabled, onCreateTask, t, triggerClassName, triggerIconClassName, triggerVariant = "surface", }) {
+    const [open, setOpen] = useState(false);
+    const [description, setDescription] = useState("");
+    const [agentType, setAgentType] = useState("claude");
+    const previouslyOpenRef = useRef(false);
+    useEffect(() => {
+        if (open && !previouslyOpenRef.current && chatInput.trim()) {
+            setDescription(chatInput.trim());
+        }
+        previouslyOpenRef.current = open;
+    }, [chatInput, open]);
+    const handleCreate = useCallback(() => {
+        const trimmedDescription = description.trim();
+        if (!trimmedDescription) {
+            return;
+        }
+        onCreateTask(trimmedDescription, agentType);
+        setDescription("");
+        setAgentType("claude");
+        setOpen(false);
+    }, [agentType, description, onCreateTask]);
+    return (_jsxs(Popover, { open: open, onOpenChange: setOpen, children: [_jsx(PopoverTrigger, { asChild: true, children: _jsx(Button, { variant: triggerVariant, size: "icon", className: triggerClassName ?? "h-[46px] w-[46px] shrink-0", disabled: disabled, "aria-label": t("chat.createTask", {
+                        defaultValue: "Create coding task",
+                    }), title: t("chat.createTask", {
+                        defaultValue: "Create coding task",
+                    }), children: _jsx(Code2, { className: triggerIconClassName ?? "h-4 w-4" }) }) }), _jsx(PopoverContent, { side: "top", align: "end", sideOffset: 8, className: "w-80 p-0", children: _jsxs("div", { className: "flex flex-col gap-3 p-4", children: [_jsxs("div", { className: "flex items-center justify-between", children: [_jsx("span", { className: "text-sm font-medium text-txt-strong", children: t("chat.createTaskTitle", {
+                                        defaultValue: "Create Coding Task",
+                                    }) }), _jsx(Button, { variant: "ghost", size: "icon", className: "h-6 w-6", onClick: () => setOpen(false), "aria-label": t("common.close", { defaultValue: "Close" }), children: _jsx(X, { className: "h-3.5 w-3.5" }) })] }), _jsx(Textarea, { value: description, onChange: (event) => setDescription(event.target.value), placeholder: t("chat.taskDescriptionPlaceholder", {
+                                defaultValue: "Describe what to build...",
+                            }), className: "min-h-[80px] resize-none text-sm", onKeyDown: (event) => {
+                                if (event.key === "Enter" && (event.metaKey || event.ctrlKey)) {
+                                    event.preventDefault();
+                                    handleCreate();
+                                }
+                            } }), _jsxs("div", { className: "flex flex-col gap-1.5", children: [_jsx("label", { htmlFor: "chat-task-agent-type", className: "text-xs text-muted-foreground", children: t("common.agent", { defaultValue: "Agent" }) }), _jsxs(Select, { value: agentType, onValueChange: (value) => setAgentType(value), children: [_jsx(SelectTrigger, { id: "chat-task-agent-type", className: "h-9 text-sm", children: _jsx(SelectValue, {}) }), _jsx(SelectContent, { children: DEFAULT_AGENT_TYPES.map((type) => (_jsx(SelectItem, { value: type, children: type.charAt(0).toUpperCase() + type.slice(1) }, type))) })] })] }), _jsx(Button, { onClick: handleCreate, disabled: !description.trim(), children: t("common.create", { defaultValue: "Create" }) })] }) })] }));
+}

package/components/composites/chat/index.d.ts

@@ -0,0 +1,18 @@
+export * from "./chat-attachment-strip";
+export * from "./chat-bubble";
+export * from "./chat-composer";
+export * from "./chat-composer-shell";
+export * from "./chat-conversation-item";
+export * from "./chat-conversation-rename-dialog";
+export * from "./chat-empty-state";
+export * from "./chat-message";
+export * from "./chat-message-actions";
+export * from "./chat-sidebar";
+export * from "./chat-source";
+export * from "./chat-thread-layout";
+export * from "./chat-transcript";
+export * from "./chat-types";
+export * from "./chat-typing-indicator";
+export * from "./create-task-popover";
+export * from "./permission-card";
+//# sourceMappingURL=index.d.ts.map

package/components/composites/chat/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/composites/chat/index.ts"],"names":[],"mappings":"AAAA,cAAc,yBAAyB,CAAC;AACxC,cAAc,eAAe,CAAC;AAC9B,cAAc,iBAAiB,CAAC;AAChC,cAAc,uBAAuB,CAAC;AACtC,cAAc,0BAA0B,CAAC;AACzC,cAAc,mCAAmC,CAAC;AAClD,cAAc,oBAAoB,CAAC;AACnC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,wBAAwB,CAAC;AACvC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,eAAe,CAAC;AAC9B,cAAc,sBAAsB,CAAC;AACrC,cAAc,mBAAmB,CAAC;AAClC,cAAc,cAAc,CAAC;AAC7B,cAAc,yBAAyB,CAAC;AACxC,cAAc,uBAAuB,CAAC;AACtC,cAAc,mBAAmB,CAAC"}

package/components/composites/chat/index.js

@@ -0,0 +1,17 @@
+export * from "./chat-attachment-strip.js";
+export * from "./chat-bubble.js";
+export * from "./chat-composer.js";
+export * from "./chat-composer-shell.js";
+export * from "./chat-conversation-item.js";
+export * from "./chat-conversation-rename-dialog.js";
+export * from "./chat-empty-state.js";
+export * from "./chat-message.js";
+export * from "./chat-message-actions.js";
+export * from "./chat-sidebar.js";
+export * from "./chat-source.js";
+export * from "./chat-thread-layout.js";
+export * from "./chat-transcript.js";
+export * from "./chat-types.js";
+export * from "./chat-typing-indicator.js";
+export * from "./create-task-popover.js";
+export * from "./permission-card.js";

package/components/composites/chat/permission-card.d.ts

@@ -0,0 +1,92 @@
+import { type IPermissionsRegistry, type PermissionId, type PermissionState } from "@elizaos/shared";
+import type * as React from "react";
+/**
+ * Friendly human-readable labels per permission id. Used as the card title
+ * (e.g. `reminders` → "Apple Reminders").
+ */
+export declare const PERMISSION_LABELS: Record<PermissionId, string>;
+export declare function getPermissionLabel(id: PermissionId): string;
+/**
+ * Result emitted to the agent when the user picks the fallback option. The
+ * chat host turns this into a system-tagged user message:
+ *   `__permission_card__:use_fallback feature=<feature>`
+ *
+ * The agent's lifeops fallback flow already recognises this prefix; see the
+ * `system-prompt-action-block.md` doc and the lifeops permission router. We
+ * chose a system-tagged message (vs a custom WS event) so it goes through
+ * the existing planner pipeline and lands in the trajectory log without any
+ * out-of-band wiring.
+ */
+export interface PermissionCardFallbackChoice {
+    type: "use_fallback";
+    feature: string;
+    permission: PermissionId;
+}
+export interface PermissionCardLabels {
+    grantAccess?: string;
+    openSettings?: string;
+    notNow?: string;
+    comingSoon?: string;
+    granted?: string;
+    granting?: string;
+}
+export interface PermissionCardProps {
+    permission: PermissionId;
+    reason: string;
+    feature: string;
+    fallbackOffered?: boolean;
+    fallbackLabel?: string;
+    /**
+     * Permissions registry. When omitted, the card falls back to a passive
+     * `not-determined` rendering so it still renders in stories/tests without
+     * a wired runtime.
+     */
+    registry?: IPermissionsRegistry;
+    /** Initial state override for tests / SSR. */
+    initialState?: PermissionState;
+    /** Called when the user dismisses the card. */
+    onDismiss?: () => void;
+    /** Called when the user picks the fallback option. */
+    onFallback?: (choice: PermissionCardFallbackChoice) => void;
+    /** Called once the registry reports `granted`. The agent uses this to
+     *  retry the original action. */
+    onGranted?: (state: PermissionState) => void;
+    /** Opens OS settings for denied permissions that cannot be requested again. */
+    onOpenSettings?: (permission: PermissionId) => void | Promise<void>;
+    labels?: PermissionCardLabels;
+    className?: string;
+}
+export declare function PermissionCard({ permission, reason, feature, fallbackOffered, fallbackLabel, registry, initialState, onDismiss, onFallback, onGranted, onOpenSettings, labels, className, }: PermissionCardProps): React.ReactElement | null;
+export interface PermissionClientLike {
+    getPermission(id: PermissionId): Promise<PermissionState>;
+    requestPermission(id: PermissionId): Promise<PermissionState>;
+}
+export declare function createClientPermissionsRegistry(clientLike: PermissionClientLike): IPermissionsRegistry;
+/**
+ * Render-helper invoked by the chat transcript's `renderMessageContent` hook
+ * when the message text contains a parsed permission_request block. The host
+ * passes the parsed payload, the registry, and message-level callbacks.
+ */
+export interface PermissionCardPayload {
+    permission: PermissionId;
+    reason: string;
+    feature: string;
+    fallbackOffered?: boolean;
+    fallbackLabel?: string;
+}
+/**
+ * Minimal UI-side parser for `permission_request` action blocks. Mirrors the
+ * server-side `parseActionBlock` output for `permission_request` so the
+ * chat surface can render the inline card without pulling in `@elizaos/agent`.
+ *
+ * Returns `null` for any other action block (`respond`, `escalate`,
+ * `ignore`, `complete`) so the caller can fall back to plain text rendering.
+ */
+export declare function parsePermissionRequestFromText(text: string): {
+    display: string;
+    payload: PermissionCardPayload;
+} | null;
+export declare function renderPermissionCardFromPayload(payload: PermissionCardPayload, opts?: Omit<PermissionCardProps, "permission" | "reason" | "feature" | "fallbackOffered" | "fallbackLabel"> & {
+    key?: string;
+}): React.ReactElement | null;
+//# sourceMappingURL=permission-card.d.ts.map

package/components/composites/chat/permission-card.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"permission-card.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/composites/chat/permission-card.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,oBAAoB,EAGzB,KAAK,YAAY,EACjB,KAAK,eAAe,EACrB,MAAM,iBAAiB,CAAC;AACzB,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AAMpC;;;GAGG;AACH,eAAO,MAAM,iBAAiB,EAAE,MAAM,CAAC,YAAY,EAAE,MAAM,CAiB1D,CAAC;AAEF,wBAAgB,kBAAkB,CAAC,EAAE,EAAE,YAAY,GAAG,MAAM,CAE3D;AAED;;;;;;;;;;GAUG;AACH,MAAM,WAAW,4BAA4B;IAC3C,IAAI,EAAE,cAAc,CAAC;IACrB,OAAO,EAAE,MAAM,CAAC;IAChB,UAAU,EAAE,YAAY,CAAC;CAC1B;AAED,MAAM,WAAW,oBAAoB;IACnC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AAED,MAAM,WAAW,mBAAmB;IAClC,UAAU,EAAE,YAAY,CAAC;IACzB,MAAM,EAAE,MAAM,CAAC;IACf,OAAO,EAAE,MAAM,CAAC;IAChB,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB;;;;OAIG;IACH,QAAQ,CAAC,EAAE,oBAAoB,CAAC;IAChC,8CAA8C;IAC9C,YAAY,CAAC,EAAE,eAAe,CAAC;IAC/B,+CAA+C;IAC/C,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;IACvB,sDAAsD;IACtD,UAAU,CAAC,EAAE,CAAC,MAAM,EAAE,4BAA4B,KAAK,IAAI,CAAC;IAC5D;qCACiC;IACjC,SAAS,CAAC,EAAE,CAAC,KAAK,EAAE,eAAe,KAAK,IAAI,CAAC;IAC7C,+EAA+E;IAC/E,cAAc,CAAC,EAAE,CAAC,UAAU,EAAE,YAAY,KAAK,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;IACpE,MAAM,CAAC,EAAE,oBAAoB,CAAC;IAC9B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AA4BD,wBAAgB,cAAc,CAAC,EAC7B,UAAU,EACV,MAAM,EACN,OAAO,EACP,eAAuB,EACvB,aAAa,EACb,QAAQ,EACR,YAAY,EACZ,SAAS,EACT,UAAU,EACV,SAAS,EACT,cAAc,EACd,MAAW,EACX,SAAS,GACV,EAAE,mBAAmB,GAAG,KAAK,CAAC,YAAY,GAAG,IAAI,CAmKjD;AAED,MAAM,WAAW,oBAAoB;IACnC,aAAa,CAAC,EAAE,EAAE,YAAY,GAAG,OAAO,CAAC,eAAe,CAAC,CAAC;IAC1D,iBAAiB,CAAC,EAAE,EAAE,YAAY,GAAG,OAAO,CAAC,eAAe,CAAC,CAAC;CAC/D;AAED,wBAAgB,+BAA+B,CAC7C,UAAU,EAAE,oBAAoB,GAC/B,oBAAoB,CAkEtB;AAED;;;;GAIG;AACH,MAAM,WAAW,qBAAqB;IACpC,UAAU,EAAE,YAAY,CAAC;IACzB,MAAM,EAAE,MAAM,CAAC;IACf,OAAO,EAAE,MAAM,CAAC;IAChB,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAED;;;;;;;GAOG;AACH,wBAAgB,8BAA8B,CAAC,IAAI,EAAE,MAAM,GAAG;IAC5D,OAAO,EAAE,MAAM,CAAC;IAChB,OAAO,EAAE,qBAAqB,CAAC;CAChC,GAAG,IAAI,CAoDP;AAED,wBAAgB,+BAA+B,CAC7C,OAAO,EAAE,qBAAqB,EAC9B,IAAI,GAAE,IAAI,CACR,mBAAmB,EACnB,YAAY,GAAG,QAAQ,GAAG,SAAS,GAAG,iBAAiB,GAAG,eAAe,CAC1E,GAAG;IAAE,GAAG,CAAC,EAAE,MAAM,CAAA;CAAO,GACxB,KAAK,CAAC,YAAY,GAAG,IAAI,CAc3B"}