@elizaos/ui 2.0.0-alpha.25 → 2.0.0-alpha.334

package/packages/ui/src/components/composites/chat/chat-transcript.js

@@ -0,0 +1,82 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { memo } from "react";
+import { ChatBubble } from "./chat-bubble";
+import { ChatMessage } from "./chat-message";
+function renderTranscriptMessageContent(message, renderMessageContent) {
+    return renderMessageContent?.(message) ?? message.text;
+}
+const LEGACY_REPLY_REFERENCE_RE = /^Referencing MessageID ([0-9a-f-]{36})(?: \([^)]+\))?(?: in channel .*)?(?: in guild .*)?$/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 match = line.trim().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/packages/ui/src/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/packages/ui/src/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":"AAAA,MAAM,MAAM,WAAW,GAAG,SAAS,GAAG,YAAY,CAAC;AAEnD,MAAM,WAAW,YAAY;IAC3B,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,sBAAsB,CAAC,EAAE,MAAM,CAAC;IAChC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB;AAED,MAAM,WAAW,kBAAkB;IACjC,GAAG,EAAE,MAAM,CAAC;IACZ,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,MAAM,CAAC;IACb,GAAG,EAAE,MAAM,CAAC;CACb;AAED,MAAM,WAAW,mBAAmB;IAClC,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,EAAE,CAAC;CAClB;AAED,MAAM,WAAW,eAAe;IAC9B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,EAAE,EAAE,MAAM,CAAC;IACX,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,SAAS,CAAC,EAAE,mBAAmB,EAAE,CAAC;IAClC,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,qBAAqB,CAAC,EAAE,MAAM,CAAC;IAC/B,IAAI,EAAE,MAAM,CAAC;IACb,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,IAAI,EAAE,MAAM,CAAC;CACd;AAED,MAAM,WAAW,iBAAkB,SAAQ,YAAY;CAAG;AAE1D,MAAM,WAAW,uBAAuB;IACtC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB;;;;;;;;OAQG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,MAAM,WAAW,sBAAuB,SAAQ,YAAY;CAAG"}

package/packages/ui/src/components/composites/chat/chat-types.js

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

package/packages/ui/src/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/packages/ui/src/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/packages/ui/src/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";
+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/packages/ui/src/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/packages/ui/src/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/packages/ui/src/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";
+import { Popover, PopoverContent, PopoverTrigger } from "../../ui/popover";
+import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue, } from "../../ui/select";
+import { Textarea } from "../../ui/textarea";
+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("chat.agentType", { 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("chat.createTaskButton", { defaultValue: "Create" }) })] }) })] }));
+}

package/packages/ui/src/components/composites/chat/index.d.ts

@@ -0,0 +1,17 @@
+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";
+//# sourceMappingURL=index.d.ts.map

package/packages/ui/src/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"}

package/packages/ui/src/components/composites/chat/index.js

@@ -0,0 +1,16 @@
+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";

package/packages/ui/src/components/composites/form-field/form-field.d.ts

@@ -0,0 +1,14 @@
+import type * as React from "react";
+export interface FormFieldProps extends React.HTMLAttributes<HTMLDivElement> {
+    /** Label text shown above the field. */
+    label?: React.ReactNode;
+    /** Optional description below the label. */
+    description?: React.ReactNode;
+    /** Validation error messages. */
+    errors?: readonly string[];
+    /** Density controls spacing and text size. */
+    density?: "default" | "compact" | "relaxed";
+}
+declare function FormField({ label, description, errors, density, className, children, ...props }: FormFieldProps): import("react/jsx-runtime").JSX.Element;
+export { FormField };
+//# sourceMappingURL=form-field.d.ts.map

package/packages/ui/src/components/composites/form-field/form-field.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"form-field.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/composites/form-field/form-field.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AASpC,MAAM,WAAW,cAAe,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC1E,wCAAwC;IACxC,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,4CAA4C;IAC5C,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC9B,iCAAiC;IACjC,MAAM,CAAC,EAAE,SAAS,MAAM,EAAE,CAAC;IAC3B,8CAA8C;IAC9C,OAAO,CAAC,EAAE,SAAS,GAAG,SAAS,GAAG,SAAS,CAAC;CAC7C;AAED,iBAAS,SAAS,CAAC,EACjB,KAAK,EACL,WAAW,EACX,MAAM,EACN,OAAmB,EACnB,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,cAAc,2CA6BhB;AAED,OAAO,EAAE,SAAS,EAAE,CAAC"}

package/packages/ui/src/components/composites/form-field/form-field.js

@@ -0,0 +1,8 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { cn } from "../../../lib/utils";
+import { Field, FieldDescription, FieldLabel, FieldMessage, } from "../../ui/field";
+function FormField({ label, description, errors, density = "default", className, children, ...props }) {
+    const isCompact = density === "compact";
+    return (_jsxs(Field, { className: cn(isCompact ? "gap-1.5" : "space-y-2", className), ...props, children: [label && (_jsx(FieldLabel, { className: cn(isCompact && "text-xs font-semibold text-txt"), children: label })), description && (_jsx(FieldDescription, { className: cn(isCompact && "text-xs-tight text-muted"), children: description })), children, errors?.map((err) => (_jsx(FieldMessage, { tone: "danger", children: err }, err)))] }));
+}
+export { FormField };

package/packages/ui/src/components/composites/form-field/index.d.ts

@@ -0,0 +1,2 @@
+export { FormField, type FormFieldProps } from "./form-field";
+//# sourceMappingURL=index.d.ts.map

package/packages/ui/src/components/composites/form-field/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/composites/form-field/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,KAAK,cAAc,EAAE,MAAM,cAAc,CAAC"}

package/packages/ui/src/components/composites/form-field/index.js

@@ -0,0 +1 @@
+export { FormField } from "./form-field";

package/packages/ui/src/components/composites/index.d.ts

@@ -0,0 +1,27 @@
+export * from "../ui/admin-dialog";
+export * from "../ui/banner";
+export * from "../ui/confirm-delete";
+export * from "../ui/confirm-dialog";
+export * from "../ui/connection-status";
+export * from "../ui/copy-button";
+export * from "../ui/empty-state";
+export * from "../ui/error-boundary";
+export * from "../ui/field";
+export * from "../ui/field-switch";
+export * from "../ui/form-select";
+export * from "../ui/new-action-button";
+export * from "../ui/save-footer";
+export * from "../ui/section-card";
+export * from "../ui/segmented-control";
+export * from "../ui/settings-controls";
+export * from "../ui/status-badge";
+export * from "../ui/themed-select";
+export * from "../ui/tooltip-extended";
+export * from "./chat";
+export * from "./form-field";
+export * from "./page-panel";
+export * from "./search";
+export * from "./sidebar";
+export * from "./skills";
+export * from "./trajectories";
+//# sourceMappingURL=index.d.ts.map

package/packages/ui/src/components/composites/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/components/composites/index.ts"],"names":[],"mappings":"AAAA,cAAc,oBAAoB,CAAC;AACnC,cAAc,cAAc,CAAC;AAC7B,cAAc,sBAAsB,CAAC;AACrC,cAAc,sBAAsB,CAAC;AACrC,cAAc,yBAAyB,CAAC;AACxC,cAAc,mBAAmB,CAAC;AAClC,cAAc,mBAAmB,CAAC;AAClC,cAAc,sBAAsB,CAAC;AACrC,cAAc,aAAa,CAAC;AAC5B,cAAc,oBAAoB,CAAC;AACnC,cAAc,mBAAmB,CAAC;AAClC,cAAc,yBAAyB,CAAC;AACxC,cAAc,mBAAmB,CAAC;AAClC,cAAc,oBAAoB,CAAC;AACnC,cAAc,yBAAyB,CAAC;AACxC,cAAc,yBAAyB,CAAC;AACxC,cAAc,oBAAoB,CAAC;AACnC,cAAc,qBAAqB,CAAC;AACpC,cAAc,wBAAwB,CAAC;AACvC,cAAc,QAAQ,CAAC;AACvB,cAAc,cAAc,CAAC;AAC7B,cAAc,cAAc,CAAC;AAC7B,cAAc,UAAU,CAAC;AACzB,cAAc,WAAW,CAAC;AAC1B,cAAc,UAAU,CAAC;AACzB,cAAc,gBAAgB,CAAC"}

package/packages/ui/src/components/composites/index.js

@@ -0,0 +1,26 @@
+export * from "../ui/admin-dialog";
+export * from "../ui/banner";
+export * from "../ui/confirm-delete";
+export * from "../ui/confirm-dialog";
+export * from "../ui/connection-status";
+export * from "../ui/copy-button";
+export * from "../ui/empty-state";
+export * from "../ui/error-boundary";
+export * from "../ui/field";
+export * from "../ui/field-switch";
+export * from "../ui/form-select";
+export * from "../ui/new-action-button";
+export * from "../ui/save-footer";
+export * from "../ui/section-card";
+export * from "../ui/segmented-control";
+export * from "../ui/settings-controls";
+export * from "../ui/status-badge";
+export * from "../ui/themed-select";
+export * from "../ui/tooltip-extended";
+export * from "./chat";
+export * from "./form-field";
+export * from "./page-panel";
+export * from "./search";
+export * from "./sidebar";
+export * from "./skills";
+export * from "./trajectories";

package/packages/ui/src/components/composites/page-panel/index.d.ts

@@ -0,0 +1,29 @@
+import { PageEmptyState } from "./page-panel-empty";
+import { MetaPill, PageActionRail, PanelHeader, PanelNotice, SummaryCard } from "./page-panel-header";
+import { PageLoadingState } from "./page-panel-loading";
+export * from "./page-panel-collapsible-section";
+export * from "./page-panel-empty";
+export * from "./page-panel-frame";
+export * from "./page-panel-header";
+export * from "./page-panel-loading";
+export * from "./page-panel-root";
+export * from "./page-panel-toolbar";
+export * from "./page-panel-types";
+export declare const PagePanel: import("react").ForwardRefExoticComponent<{
+    as?: import("./page-panel-types").PanelElement;
+    variant?: import("./page-panel-types").PagePanelVariant;
+    className?: string;
+} & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "className" | "as"> & import("react").RefAttributes<HTMLDivElement>> & {
+    CollapsibleSection: import("react").ForwardRefExoticComponent<import("./page-panel-types").PagePanelCollapsibleSectionProps & import("react").RefAttributes<HTMLElement>>;
+    ContentArea: import("react").ForwardRefExoticComponent<import("./page-panel-types").PagePanelContentAreaProps & import("react").RefAttributes<HTMLDivElement>>;
+    Header: typeof PanelHeader;
+    Frame: import("react").ForwardRefExoticComponent<import("./page-panel-types").PagePanelFrameProps & import("react").RefAttributes<HTMLDivElement>>;
+    Meta: typeof MetaPill;
+    Notice: typeof PanelNotice;
+    SummaryCard: typeof SummaryCard;
+    Empty: typeof PageEmptyState;
+    Loading: typeof PageLoadingState;
+    ActionRail: typeof PageActionRail;
+    Toolbar: import("react").ForwardRefExoticComponent<import("./page-panel-types").PagePanelToolbarProps & import("react").RefAttributes<HTMLDivElement>>;
+};
+//# sourceMappingURL=index.d.ts.map

package/packages/ui/src/components/composites/page-panel/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/composites/page-panel/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAC;AAEpD,OAAO,EACL,QAAQ,EACR,cAAc,EACd,WAAW,EACX,WAAW,EACX,WAAW,EACZ,MAAM,qBAAqB,CAAC;AAC7B,OAAO,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AAIxD,cAAc,kCAAkC,CAAC;AACjD,cAAc,oBAAoB,CAAC;AACnC,cAAc,oBAAoB,CAAC;AACnC,cAAc,qBAAqB,CAAC;AACpC,cAAc,sBAAsB,CAAC;AACrC,cAAc,mBAAmB,CAAC;AAClC,cAAc,sBAAsB,CAAC;AACrC,cAAc,oBAAoB,CAAC;AAEnC,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;CAYpB,CAAC"}

package/packages/ui/src/components/composites/page-panel/index.js

@@ -0,0 +1,28 @@
+import { PagePanelCollapsibleSection } from "./page-panel-collapsible-section";
+import { PageEmptyState } from "./page-panel-empty";
+import { PagePanelContentArea, PagePanelFrame } from "./page-panel-frame";
+import { MetaPill, PageActionRail, PanelHeader, PanelNotice, SummaryCard, } from "./page-panel-header";
+import { PageLoadingState } from "./page-panel-loading";
+import { PagePanelRoot } from "./page-panel-root";
+import { PagePanelToolbar } from "./page-panel-toolbar";
+export * from "./page-panel-collapsible-section";
+export * from "./page-panel-empty";
+export * from "./page-panel-frame";
+export * from "./page-panel-header";
+export * from "./page-panel-loading";
+export * from "./page-panel-root";
+export * from "./page-panel-toolbar";
+export * from "./page-panel-types";
+export const PagePanel = Object.assign(PagePanelRoot, {
+    CollapsibleSection: PagePanelCollapsibleSection,
+    ContentArea: PagePanelContentArea,
+    Header: PanelHeader,
+    Frame: PagePanelFrame,
+    Meta: MetaPill,
+    Notice: PanelNotice,
+    SummaryCard,
+    Empty: PageEmptyState,
+    Loading: PageLoadingState,
+    ActionRail: PageActionRail,
+    Toolbar: PagePanelToolbar,
+});

package/packages/ui/src/components/composites/page-panel/page-panel-collapsible-section.d.ts

@@ -0,0 +1,4 @@
+import * as React from "react";
+import type { PagePanelCollapsibleSectionProps } from "./page-panel-types";
+export declare const PagePanelCollapsibleSection: React.ForwardRefExoticComponent<PagePanelCollapsibleSectionProps & React.RefAttributes<HTMLElement>>;
+//# sourceMappingURL=page-panel-collapsible-section.d.ts.map

package/packages/ui/src/components/composites/page-panel/page-panel-collapsible-section.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"page-panel-collapsible-section.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/composites/page-panel/page-panel-collapsible-section.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,OAAO,KAAK,EAAE,gCAAgC,EAAE,MAAM,oBAAoB,CAAC;AAE3E,eAAO,MAAM,2BAA2B,sGA8ItC,CAAC"}

package/packages/ui/src/components/composites/page-panel/page-panel-collapsible-section.js

@@ -0,0 +1,60 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import { cn } from "../../../lib/utils";
+import { PanelHeader } from "./page-panel-header";
+import { PagePanelRoot } from "./page-panel-root";
+export const PagePanelCollapsibleSection = React.forwardRef(function PagePanelCollapsibleSection({ actions, as = "section", bodyClassName, bordered = true, children, className, defaultExpanded = false, description, descriptionClassName, expandOnCollapsedSurfaceClick = false, expanded, heading, headingClassName, headerContentClassName, media, onClick, onExpandedChange, onKeyDown, role, tabIndex, variant = "section", ...props }, ref) {
+    const [uncontrolledExpanded, setUncontrolledExpanded] = React.useState(defaultExpanded);
+    const isExpanded = expanded ?? uncontrolledExpanded;
+    const isControlled = expanded !== undefined;
+    const isPanelActionTarget = React.useCallback((target) => {
+        return (target instanceof Element &&
+            target.closest("[data-page-panel-actions='true']") !== null);
+    }, []);
+    const setExpanded = React.useCallback((nextExpanded) => {
+        if (!isControlled) {
+            setUncontrolledExpanded(nextExpanded);
+        }
+        onExpandedChange?.(nextExpanded);
+    }, [isControlled, onExpandedChange]);
+    const handleSurfaceClick = React.useCallback((event) => {
+        onClick?.(event);
+        if (event.defaultPrevented)
+            return;
+        if (isPanelActionTarget(event.target))
+            return;
+        if (!expandOnCollapsedSurfaceClick || isExpanded)
+            return;
+        setExpanded(true);
+    }, [
+        expandOnCollapsedSurfaceClick,
+        isExpanded,
+        isPanelActionTarget,
+        onClick,
+        setExpanded,
+    ]);
+    const handleSurfaceKeyDown = React.useCallback((event) => {
+        onKeyDown?.(event);
+        if (event.defaultPrevented)
+            return;
+        if (isPanelActionTarget(event.target))
+            return;
+        if (!expandOnCollapsedSurfaceClick || isExpanded)
+            return;
+        if (event.key === "Enter" || event.key === " ") {
+            event.preventDefault();
+            setExpanded(true);
+        }
+    }, [
+        expandOnCollapsedSurfaceClick,
+        isExpanded,
+        isPanelActionTarget,
+        onKeyDown,
+        setExpanded,
+    ]);
+    return (_jsxs(PagePanelRoot, { ref: ref, as: as, variant: variant, "aria-expanded": isExpanded, "data-content-align-offset": 4, className: cn(expandOnCollapsedSurfaceClick &&
+            !isExpanded &&
+            "cursor-pointer transition-[border-color,box-shadow,transform] hover:border-border/60 hover:shadow-[0_20px_36px_rgba(3,5,10,0.18)]", className), onClick: handleSurfaceClick, onKeyDown: handleSurfaceKeyDown, role: expandOnCollapsedSurfaceClick && !isExpanded ? (role ?? "button") : role, tabIndex: expandOnCollapsedSurfaceClick && !isExpanded
+            ? (tabIndex ?? 0)
+            : tabIndex, ...props, children: [_jsx(PanelHeader, { media: media, heading: heading, headingClassName: headingClassName, description: description, descriptionClassName: descriptionClassName, contentClassName: headerContentClassName, actions: actions ? (_jsx("div", { className: "inline-flex items-center gap-2.5", "data-page-panel-actions": "true", children: actions })) : null, bordered: isExpanded && bordered }), isExpanded ? (_jsx("div", { className: cn("px-4 pb-4 pt-1 sm:px-5 sm:pb-5", bodyClassName), children: children })) : null] }));
+});

package/packages/ui/src/components/composites/page-panel/page-panel-empty.d.ts

@@ -0,0 +1,3 @@
+import type { PageEmptyStateProps } from "./page-panel-types";
+export declare function PageEmptyState({ action, children, className, description, title, variant, ...props }: PageEmptyStateProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=page-panel-empty.d.ts.map

package/packages/ui/src/components/composites/page-panel/page-panel-empty.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"page-panel-empty.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/composites/page-panel/page-panel-empty.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,oBAAoB,CAAC;AAE9D,wBAAgB,cAAc,CAAC,EAC7B,MAAM,EACN,QAAQ,EACR,SAAS,EACT,WAAW,EACX,KAAK,EACL,OAAiB,EACjB,GAAG,KAAK,EACT,EAAE,mBAAmB,2CA+DrB"}

package/packages/ui/src/components/composites/page-panel/page-panel-empty.js

@@ -0,0 +1,15 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { cn } from "../../../lib/utils";
+import { EmptyState } from "../../ui/empty-state";
+import { PagePanelRoot } from "./page-panel-root";
+export function PageEmptyState({ action, children, className, description, title, variant = "panel", ...props }) {
+    if (variant === "surface") {
+        return (_jsxs(PagePanelRoot, { className: cn("flex min-h-[58vh] flex-col items-center justify-center px-6 py-10 text-center", className), ...props, children: [_jsxs("div", { className: "max-w-md space-y-2", children: [_jsx("div", { className: "text-base font-medium text-txt-strong", children: title }), description ? (_jsx("div", { className: "text-sm leading-relaxed text-muted", children: description })) : null] }), action ? _jsx("div", { className: "mt-4", children: action }) : null, children] }));
+    }
+    if (variant === "workspace") {
+        return (_jsxs("div", { className: cn("flex min-h-0 flex-1 flex-col items-center justify-center px-6 py-10 text-center", className), ...props, children: [_jsxs("div", { className: "max-w-md space-y-2", children: [_jsx("div", { className: "text-base font-medium text-txt-strong", children: title }), description ? (_jsx("div", { className: "text-sm leading-relaxed text-muted", children: description })) : null] }), action ? _jsx("div", { className: "mt-4", children: action }) : null, children] }));
+    }
+    return (_jsxs(EmptyState, { className: cn(variant === "inset"
+            ? "min-h-[14rem] rounded-2xl border border-dashed border-border/28 bg-[linear-gradient(180deg,color-mix(in_srgb,var(--card)_74%,transparent),color-mix(in_srgb,var(--bg)_93%,transparent))] px-5 py-10 shadow-[inset_0_1px_0_rgba(255,255,255,0.08),inset_0_-1px_0_rgba(255,255,255,0.02)] dark:shadow-[inset_0_1px_0_rgba(255,255,255,0.04),inset_0_-1px_0_rgba(255,255,255,0.01)]"
+            : "min-h-[18rem] rounded-3xl border border-dashed border-border/32 bg-[linear-gradient(180deg,color-mix(in_srgb,var(--card)_84%,transparent),color-mix(in_srgb,var(--bg)_95%,transparent))] px-6 py-12 shadow-[inset_0_1px_0_rgba(255,255,255,0.12),0_20px_28px_-24px_rgba(15,23,42,0.12)] backdrop-blur-sm dark:shadow-[inset_0_1px_0_rgba(255,255,255,0.04),0_22px_30px_-24px_rgba(0,0,0,0.28)]", className), description: description, title: title, ...props, children: [children, action ? _jsx("div", { className: "mt-4", children: action }) : null] }));
+}

package/packages/ui/src/components/composites/page-panel/page-panel-frame.d.ts

@@ -0,0 +1,5 @@
+import * as React from "react";
+import type { PagePanelContentAreaProps, PagePanelFrameProps } from "./page-panel-types";
+export declare const PagePanelFrame: React.ForwardRefExoticComponent<PagePanelFrameProps & React.RefAttributes<HTMLDivElement>>;
+export declare const PagePanelContentArea: React.ForwardRefExoticComponent<PagePanelContentAreaProps & React.RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=page-panel-frame.d.ts.map

package/packages/ui/src/components/composites/page-panel/page-panel-frame.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"page-panel-frame.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/composites/page-panel/page-panel-frame.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,KAAK,EACV,yBAAyB,EACzB,mBAAmB,EACpB,MAAM,oBAAoB,CAAC;AAE5B,eAAO,MAAM,cAAc,4FAczB,CAAC;AAEH,eAAO,MAAM,oBAAoB,kGAW/B,CAAC"}

package/packages/ui/src/components/composites/page-panel/page-panel-frame.js

@@ -0,0 +1,9 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import * as React from "react";
+import { cn } from "../../../lib/utils";
+export const PagePanelFrame = React.forwardRef(function PagePanelFrame({ className, ...props }, ref) {
+    return (_jsx("div", { ref: ref, className: cn("flex h-full w-full min-h-0 bg-transparent p-0 lg:p-1", className), ...props }));
+});
+export const PagePanelContentArea = React.forwardRef(function PagePanelContentArea({ className, ...props }, ref) {
+    return (_jsx("div", { ref: ref, className: cn("min-w-0 flex-1 overflow-y-auto", className), ...props }));
+});

package/packages/ui/src/components/composites/page-panel/page-panel-header.d.ts

@@ -0,0 +1,7 @@
+import type { MetaPillProps, PageActionRailProps, PanelHeaderProps, PanelNoticeProps, SummaryCardProps } from "./page-panel-types";
+export declare function MetaPill({ className, compact, tone, ...props }: MetaPillProps): import("react/jsx-runtime").JSX.Element;
+export declare function PanelHeader({ actions, bordered, className, contentClassName, description, descriptionClassName, eyebrow, eyebrowClassName, heading, headingClassName, media, ...props }: PanelHeaderProps): import("react/jsx-runtime").JSX.Element;
+export declare function SummaryCard({ className, compact, ...props }: SummaryCardProps): import("react/jsx-runtime").JSX.Element;
+export declare function PageActionRail({ className, ...props }: PageActionRailProps): import("react/jsx-runtime").JSX.Element;
+export declare function PanelNotice({ actions, className, children, tone, ...props }: PanelNoticeProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=page-panel-header.d.ts.map