@nadicodeai/ui 0.21.0 → 1.0.0

package/dist/components/agent-message.js

@@ -1,99 +0,0 @@
-"use client";
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { BotIcon, InfoIcon, UserIcon } from "lucide-react";
-import { Attachment, AttachmentInfo, AttachmentPreview, Attachments, } from "./ai-elements/attachments.js";
-import { Message, MessageResponse } from "./ai-elements/message.js";
-import { Reasoning, ReasoningContent, ReasoningTrigger } from "./ai-elements/reasoning.js";
-import { Source, Sources, SourcesContent, SourcesTrigger } from "./ai-elements/sources.js";
-import { ToolContent, ToolHeader, ToolInput, ToolOutput, } from "./ai-elements/tool.js";
-import { Collapsible } from "./collapsible.js";
-import { ArtifactPanel, RedactedNotice, StackTraceDisclosure, getAgentRedactionText, } from "./artifact-panel.js";
-import { AgentToolApproval, } from "./agent-tool-approval.js";
-import { Badge } from "./badge.js";
-import { StateNotice } from "./state-notice.js";
-import { agentAttachmentToData } from "../lib/agent-attachment.js";
-import { statePresentation } from "../lib/agent-work-state.js";
-import { cn } from "../lib/utils.js";
-const roleIcons = {
-    assistant: BotIcon,
-    system: InfoIcon,
-    user: UserIcon,
-};
-const stateMeta = {
-    empty: { label: "Empty" },
-    fatal: { label: "Fatal" },
-    idle: { label: "Idle" },
-    interrupted: { label: "Interrupted" },
-    "permission-denied": { label: "Permission denied" },
-    queued: { label: "Queued" },
-    retryable: { label: "Retryable" },
-    streaming: { label: "Streaming" },
-};
-const toolStatusToAiState = {
-    "approval-requested": "approval-requested",
-    "approval-responded": "approval-responded",
-    denied: "output-denied",
-    error: "output-error",
-    pending: "input-streaming",
-    running: "input-available",
-    success: "output-available",
-};
-function AgentMessageStateNotice({ state, title, description, actions, }) {
-    return (_jsx(StateNotice, { "data-slot": "agent-message-state", state: state, icon: statePresentation(state).icon, title: title ?? stateMeta[state].label, description: description, actions: actions, className: "rounded-md px-3 py-2" }));
-}
-function AgentAttachmentsList({ attachments }) {
-    if (!attachments?.length) {
-        return null;
-    }
-    return (_jsx(Attachments, { "data-slot": "agent-message-attachments", variant: "inline", className: "max-w-full", children: attachments.map((attachment) => (_jsxs(Attachment, { data: agentAttachmentToData(attachment), children: [_jsx(AttachmentPreview, {}), _jsx(AttachmentInfo, { showMediaType: true }), attachment.redaction && (_jsx("span", { className: "sr-only", children: getAgentRedactionText(attachment.redaction) }))] }, attachment.id))) }));
-}
-function AgentSourcesList({ sources }) {
-    if (!sources?.length) {
-        return null;
-    }
-    return (_jsxs(Sources, { "data-slot": "agent-message-sources", children: [_jsx(SourcesTrigger, { count: sources.length }), _jsx(SourcesContent, { keepMounted: true, children: sources.map((source) => (_jsx(Source, { href: source.url ?? "#", title: source.redaction ? getAgentRedactionText(source.redaction) : source.title }, source.id))) })] }));
-}
-function AgentReasoningBlock({ reasoning }) {
-    return (_jsxs(Reasoning, { "data-slot": "agent-reasoning-summary", "data-reasoning-status": reasoning.status, isStreaming: reasoning.status === "streaming", defaultOpen: reasoning.status === "streaming", duration: reasoning.durationSeconds, children: [_jsx(ReasoningTrigger, { getThinkingMessage: (isStreaming) => reasoning.title ?? (isStreaming ? "Preparing reasoning summary" : "Reasoning summary") }), reasoning.redaction ? (_jsx("div", { className: "mt-3", children: _jsx(RedactedNotice, { redaction: reasoning.redaction }) })) : (_jsx(ReasoningContent, { children: reasoning.summary ?? "No reasoning summary supplied." }))] }));
-}
-function AgentToolCall({ toolCall, actions, onApprovalChoice, }) {
-    const state = toolStatusToAiState[toolCall.status];
-    return (_jsxs(Collapsible, { "data-slot": "agent-tool-call", "data-tool-status": toolCall.status, className: "group not-prose w-full rounded-md border", defaultOpen: true, children: [_jsx(ToolHeader, { className: "nc-tool-call-trace", type: `tool-${toolCall.name}`, state: state, title: toolCall.title ?? toolCall.name }), _jsxs(ToolContent, { children: [toolCall.approval && (_jsx(AgentToolApproval, { request: toolCall.approval, disabled: !onApprovalChoice, onChoice: onApprovalChoice
-                            ? (choice, request) => onApprovalChoice(choice, request, toolCall)
-                            : undefined })), toolCall.redaction ? (_jsx(RedactedNotice, { redaction: toolCall.redaction })) : (_jsxs(_Fragment, { children: [toolCall.input !== undefined && (_jsx(ToolInput, { input: toolCall.input })), (toolCall.output !== undefined || toolCall.error) && (_jsx(ToolOutput, { output: toolCall.output, errorText: toolCall.error }))] })), !toolCall.redaction && toolCall.trace && _jsx(StackTraceDisclosure, { trace: toolCall.trace }), actions] })] }));
-}
-function AgentMessagePartView({ part, role, toolActions, onToolApprovalChoice, }) {
-    if (part.type === "text") {
-        if (part.redaction) {
-            return _jsx(RedactedNotice, { redaction: part.redaction });
-        }
-        if (role === "system") {
-            return _jsx(MessageResponse, { children: part.text });
-        }
-        return (_jsx("div", { "data-slot": "agent-message-bubble", className: role === "user" ? "nc-chat-bubble-user" : "nc-chat-bubble-agent", children: _jsx(MessageResponse, { children: part.text }) }));
-    }
-    if (part.type === "reasoning") {
-        return _jsx(AgentReasoningBlock, { reasoning: part.reasoning });
-    }
-    if (part.type === "tool") {
-        return (_jsx(AgentToolCall, { toolCall: part.toolCall, actions: toolActions?.[part.toolCall.id], onApprovalChoice: onToolApprovalChoice }));
-    }
-    if (part.type === "source") {
-        return _jsx(AgentSourcesList, { sources: [part.source] });
-    }
-    if (part.type === "artifact") {
-        return _jsx(ArtifactPanel, { artifact: part.artifact });
-    }
-    return (_jsx(AgentMessageStateNotice, { state: part.state, title: part.title, description: part.description }));
-}
-function AgentMessageMeta({ role, metadata, state, }) {
-    const Icon = roleIcons[role];
-    const label = metadata?.label ?? role;
-    return (_jsxs("div", { "data-slot": "agent-message-meta", className: "flex flex-wrap items-center gap-2 text-xs text-muted-foreground", children: [_jsx(Icon, { className: "size-3.5" }), _jsx("span", { className: "font-medium capitalize", children: label }), metadata?.model && _jsx(Badge, { variant: "outline", children: metadata.model }), metadata?.timestamp && _jsx("span", { children: metadata.timestamp }), state && state !== "idle" && _jsx(Badge, { variant: "secondary", children: stateMeta[state].label })] }));
-}
-function AgentMessage({ message, toolActions, retryAction, onToolApprovalChoice, className, ...props }) {
-    const parts = message.parts ?? (message.content ? [{ text: message.content, type: "text" }] : []);
-    const aiRole = message.role === "user" ? "user" : "assistant";
-    return (_jsx("article", { "data-slot": "agent-message", "data-message-role": message.role, "data-agent-state": message.state, className: className, ...props, children: _jsxs(Message, { from: aiRole, className: cn("max-w-full", message.role === "system" && "mx-auto border-y bg-muted/20 px-4 py-3"), children: [_jsx(AgentMessageMeta, { role: message.role, metadata: message.metadata, state: message.state }), _jsxs("div", { "data-slot": "agent-message-content", className: cn("flex w-full min-w-0 flex-col gap-2 text-sm", message.role === "system" && "text-muted-foreground"), children: [_jsx(AgentAttachmentsList, { attachments: message.attachments }), message.redaction ? (_jsx(RedactedNotice, { redaction: message.redaction })) : (parts.map((part, index) => (_jsx(AgentMessagePartView, { part: part, role: message.role, toolActions: toolActions, onToolApprovalChoice: onToolApprovalChoice }, `${message.id}-${part.type}-${index}`)))), _jsx(AgentSourcesList, { sources: message.sources }), message.state && message.state !== "idle" && message.state !== "streaming" && (_jsx(AgentMessageStateNotice, { state: message.state, actions: message.state === "retryable" ? retryAction : undefined }))] })] }) }));
-}
-export { AgentAttachmentsList, AgentMessage, AgentMessageStateNotice, AgentSourcesList, AgentToolCall, };

package/dist/components/agent-thread.d.ts

@@ -1,26 +0,0 @@
-import * as React from "react";
-import { Conversation } from "./ai-elements/conversation";
-import { type AgentMessageModel, type AgentToolApprovalDecisionHandler, type AgentWorkState } from "./agent-message";
-export type AgentThreadStateCopy = {
-    title?: React.ReactNode;
-    description?: React.ReactNode;
-    actions?: React.ReactNode;
-};
-declare function AgentThreadStateBanner({ state, title, description, actions, }: AgentThreadStateCopy & {
-    state: Exclude<AgentWorkState, "idle" | "empty">;
-}): React.JSX.Element;
-declare function AgentThreadEmptyState({ title, description, actions }: AgentThreadStateCopy): React.JSX.Element;
-declare function AgentThread({ messages, state, stateCopy, emptyState, toolActions, retryAction, onToolApprovalChoice, maxMessages, className, contentClassName, children, ...props }: Omit<React.ComponentProps<typeof Conversation>, "children"> & {
-    messages: AgentMessageModel[];
-    state?: AgentWorkState;
-    stateCopy?: Partial<Record<Exclude<AgentWorkState, "idle">, AgentThreadStateCopy>>;
-    emptyState?: AgentThreadStateCopy;
-    toolActions?: Record<string, React.ReactNode>;
-    retryAction?: React.ReactNode;
-    onToolApprovalChoice?: AgentToolApprovalDecisionHandler;
-    maxMessages?: number;
-    contentClassName?: string;
-    children?: React.ReactNode;
-}): React.JSX.Element;
-export { AgentThread, AgentThreadEmptyState, AgentThreadStateBanner };
-//# sourceMappingURL=agent-thread.d.ts.map

package/dist/components/agent-thread.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"agent-thread.d.ts","sourceRoot":"","sources":["../../src/components/agent-thread.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,YAAY,EAAuB,MAAM,uCAAuC,CAAC;AAC1F,OAAO,EAEL,KAAK,iBAAiB,EACtB,KAAK,gCAAgC,EACrC,KAAK,cAAc,EACpB,MAAM,4BAA4B,CAAC;AAMpC,MAAM,MAAM,oBAAoB,GAAG;IACjC,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC9B,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B,CAAC;AAyCF,iBAAS,sBAAsB,CAAC,EAC9B,KAAK,EACL,KAAK,EACL,WAAW,EACX,OAAO,GACR,EAAE,oBAAoB,GAAG;IACxB,KAAK,EAAE,OAAO,CAAC,cAAc,EAAE,MAAM,GAAG,OAAO,CAAC,CAAC;CAClD,qBAcA;AAED,iBAAS,qBAAqB,CAAC,EAAE,KAAK,EAAE,WAAW,EAAE,OAAO,EAAE,EAAE,oBAAoB,qBAYnF;AAaD,iBAAS,WAAW,CAAC,EACnB,QAAQ,EACR,KAAc,EACd,SAAS,EACT,UAAU,EACV,WAAW,EACX,WAAW,EACX,oBAAoB,EACpB,WAA2C,EAC3C,SAAS,EACT,gBAAgB,EAChB,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,OAAO,YAAY,CAAC,EAAE,UAAU,CAAC,GAAG;IAC/D,QAAQ,EAAE,iBAAiB,EAAE,CAAC;IAC9B,KAAK,CAAC,EAAE,cAAc,CAAC;IACvB,SAAS,CAAC,EAAE,OAAO,CAAC,MAAM,CAAC,OAAO,CAAC,cAAc,EAAE,MAAM,CAAC,EAAE,oBAAoB,CAAC,CAAC,CAAC;IACnF,UAAU,CAAC,EAAE,oBAAoB,CAAC;IAClC,WAAW,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,KAAK,CAAC,SAAS,CAAC,CAAC;IAC9C,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC9B,oBAAoB,CAAC,EAAE,gCAAgC,CAAC;IACxD,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B,qBA+CA;AAED,OAAO,EAAE,WAAW,EAAE,qBAAqB,EAAE,sBAAsB,EAAE,CAAC"}

package/dist/components/agent-thread.js

@@ -1,63 +0,0 @@
-"use client";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Conversation, ConversationContent } from "./ai-elements/conversation.js";
-import { AgentMessage, } from "./agent-message.js";
-import { FeedbackState } from "./feedback-state.js";
-import { StateNotice } from "./state-notice.js";
-import { statePresentation } from "../lib/agent-work-state.js";
-import { cn } from "../lib/utils.js";
-const threadStateDefaults = {
-    empty: {
-        description: "Start with a prompt or queue an agent task.",
-        title: "No agent messages",
-    },
-    fatal: {
-        description: "The consuming app should show its recovery action here.",
-        title: "Unable to continue",
-    },
-    interrupted: {
-        description: "The current run stopped before the agent finished.",
-        title: "Run interrupted",
-    },
-    "permission-denied": {
-        description: "This session cannot access the requested action or content.",
-        title: "Permission denied",
-    },
-    queued: {
-        description: "The next agent step is waiting for capacity or approval.",
-        title: "Queued",
-    },
-    retryable: {
-        description: "The run can be attempted again by the consuming app.",
-        title: "Retry available",
-    },
-    streaming: {
-        description: "The assistant is preparing a response.",
-        title: "Streaming",
-    },
-};
-const defaultMaxAgentThreadMessages = 50;
-function AgentThreadStateBanner({ state, title, description, actions, }) {
-    const fallback = threadStateDefaults[state];
-    return (_jsx(StateNotice, { "data-slot": "agent-thread-state", state: state, icon: statePresentation(state).icon, title: title ?? fallback.title, description: description ?? fallback.description, actions: actions, className: "rounded-lg px-4 py-3" }));
-}
-function AgentThreadEmptyState({ title, description, actions }) {
-    return (_jsx(FeedbackState, { "data-slot": "agent-thread-empty-state", status: "empty", title: title ?? threadStateDefaults.empty.title, description: description ?? threadStateDefaults.empty.description, actions: actions, compact: true, className: "min-h-56 rounded-lg bg-muted/20" }));
-}
-function AgentThreadOverflowSummary({ omittedMessages }) {
-    return (_jsxs("div", { "data-slot": "agent-thread-overflow-summary", className: "rounded-md border bg-muted/30 px-3 py-2 text-muted-foreground text-xs", children: [omittedMessages, " earlier messages not shown."] }));
-}
-function AgentThread({ messages, state = "idle", stateCopy, emptyState, toolActions, retryAction, onToolApprovalChoice, maxMessages = defaultMaxAgentThreadMessages, className, contentClassName, children, ...props }) {
-    const maxVisibleMessages = Number.isFinite(maxMessages)
-        ? Math.max(0, Math.floor(maxMessages))
-        : defaultMaxAgentThreadMessages;
-    const visibleMessages = maxVisibleMessages > 0 ? messages.slice(-maxVisibleMessages) : [];
-    const omittedMessages = messages.length - visibleMessages.length;
-    const hasMessages = messages.length > 0;
-    const nonIdleState = state === "idle" ? undefined : state;
-    const stateForRender = nonIdleState && nonIdleState !== "empty" ? nonIdleState : undefined;
-    const stateProps = nonIdleState ? stateCopy?.[nonIdleState] : undefined;
-    const stateActions = stateForRender === "retryable" ? (retryAction ?? stateProps?.actions) : stateProps?.actions;
-    return (_jsx(Conversation, { "data-slot": "agent-thread", "data-agent-state": state, className: cn("nc-chat-thread min-h-0", className), ...props, children: _jsxs(ConversationContent, { className: cn("nc-chat-thread-body", contentClassName), children: [stateForRender && (_jsx(AgentThreadStateBanner, { state: stateForRender, actions: stateActions, title: stateProps?.title, description: stateProps?.description })), omittedMessages > 0 && _jsx(AgentThreadOverflowSummary, { omittedMessages: omittedMessages }), !hasMessages ? (_jsx(AgentThreadEmptyState, { ...(stateProps ?? emptyState ?? {}) })) : (visibleMessages.map((message) => (_jsx(AgentMessage, { message: message, toolActions: toolActions, retryAction: retryAction, onToolApprovalChoice: onToolApprovalChoice }, message.id)))), children] }) }));
-}
-export { AgentThread, AgentThreadEmptyState, AgentThreadStateBanner };

package/dist/components/agent-tool-approval.d.ts

@@ -1,27 +0,0 @@
-import * as React from "react";
-import type { Card } from "./card";
-import type { AgentApprovalChoice } from "../lib/agent-contracts";
-export type { AgentApprovalAlias, AgentApprovalChoice } from "../lib/agent-contracts";
-export { agentApprovalAliases } from "../lib/agent-contracts";
-export type AgentApprovalRisk = "low" | "review" | "elevated" | "blocked";
-export type AgentToolApprovalRequest = {
-    id: string;
-    toolName: string;
-    title?: string;
-    description?: string;
-    scope?: string;
-    risk?: AgentApprovalRisk;
-    choices?: AgentApprovalChoice[];
-};
-declare function AgentToolApproval({ request, title, description, choices, choiceLabels, onChoice, disabled, footer, size, className, ...props }: Omit<React.ComponentProps<typeof Card>, "children" | "title"> & {
-    request: AgentToolApprovalRequest;
-    title?: React.ReactNode;
-    description?: React.ReactNode;
-    choices?: AgentApprovalChoice[];
-    choiceLabels?: Partial<Record<AgentApprovalChoice, React.ReactNode>>;
-    onChoice?: (choice: AgentApprovalChoice, request: AgentToolApprovalRequest) => void;
-    disabled?: boolean;
-    footer?: React.ReactNode;
-}): React.JSX.Element;
-export { AgentToolApproval };
-//# sourceMappingURL=agent-tool-approval.d.ts.map

package/dist/components/agent-tool-approval.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"agent-tool-approval.d.ts","sourceRoot":"","sources":["../../src/components/agent-tool-approval.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,mBAAmB,CAAC;AAC9C,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAIjE,YAAY,EAAE,kBAAkB,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AACrF,OAAO,EAAE,oBAAoB,EAAE,MAAM,uBAAuB,CAAC;AAE7D,MAAM,MAAM,iBAAiB,GAAG,KAAK,GAAG,QAAQ,GAAG,UAAU,GAAG,SAAS,CAAC;AAE1E,MAAM,MAAM,wBAAwB,GAAG;IACrC,EAAE,EAAE,MAAM,CAAC;IACX,QAAQ,EAAE,MAAM,CAAC;IACjB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,iBAAiB,CAAC;IACzB,OAAO,CAAC,EAAE,mBAAmB,EAAE,CAAC;CACjC,CAAC;AAgCF,iBAAS,iBAAiB,CAAC,EACzB,OAAO,EACP,KAAK,EACL,WAAW,EACX,OAAiE,EACjE,YAAY,EACZ,QAAQ,EACR,QAAgB,EAChB,MAAM,EACN,IAAI,EACJ,SAAS,EACT,GAAG,KAAK,EACT,EAAE,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,OAAO,IAAI,CAAC,EAAE,UAAU,GAAG,OAAO,CAAC,GAAG;IACjE,OAAO,EAAE,wBAAwB,CAAC;IAClC,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC9B,OAAO,CAAC,EAAE,mBAAmB,EAAE,CAAC;IAChC,YAAY,CAAC,EAAE,OAAO,CAAC,MAAM,CAAC,mBAAmB,EAAE,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC;IACrE,QAAQ,CAAC,EAAE,CAAC,MAAM,EAAE,mBAAmB,EAAE,OAAO,EAAE,wBAAwB,KAAK,IAAI,CAAC;IACpF,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC1B,qBAgDA;AAED,OAAO,EAAE,iBAAiB,EAAE,CAAC"}

package/dist/components/agent-tool-approval.js

@@ -1,43 +0,0 @@
-"use client";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { BanIcon, CheckIcon, ClockIcon, ShieldCheckIcon } from "lucide-react";
-import { agentApprovalAliases } from "../lib/agent-contracts.js";
-import { cn } from "../lib/utils.js";
-export { agentApprovalAliases } from "../lib/agent-contracts.js";
-const approvalChoiceDefaults = {
-    always: {
-        icon: ShieldCheckIcon,
-        label: "Always allow",
-        variant: "secondary",
-    },
-    deny: {
-        icon: BanIcon,
-        label: "Deny",
-        variant: "destructive",
-    },
-    run: {
-        icon: CheckIcon,
-        label: "Run once",
-        variant: "default",
-    },
-    session: {
-        icon: ClockIcon,
-        label: "Allow this session",
-        variant: "outline",
-    },
-};
-const approvalRiskLabels = {
-    blocked: "Blocked",
-    elevated: "Elevated",
-    low: "Low risk",
-    review: "Review",
-};
-function AgentToolApproval({ request, title, description, choices = request.choices ?? ["run", "deny", "session", "always"], choiceLabels, onChoice, disabled = false, footer, size, className, ...props }) {
-    return (_jsxs("div", { "data-slot": "agent-tool-approval", "data-tool-name": request.toolName, "data-risk": request.risk, "data-size": size, className: cn("nc-approval-gate", className), ...props, children: [_jsx("span", { className: "nc-approval-gate-label", children: request.risk
-                    ? `${approvalRiskLabels[request.risk]} · ${request.toolName}`
-                    : request.toolName }), _jsx("span", { className: "nc-approval-gate-title", children: title ?? request.title ?? "Approval required" }), (description ?? request.description) && (_jsx("span", { className: "nc-approval-gate-copy", children: description ?? request.description })), request.scope && (_jsx("span", { "data-slot": "agent-tool-approval-scope", className: "nc-approval-gate-copy", children: request.scope })), _jsx("div", { "data-slot": "agent-tool-approval-choices", className: "nc-approval-gate-actions", children: choices.map((choice) => {
-                    const defaults = approvalChoiceDefaults[choice];
-                    return (_jsx("button", { type: "button", disabled: disabled, "data-approval-choice": choice, "data-approval-alias": agentApprovalAliases[choice], "data-variant": defaults.variant, onClick: () => onChoice?.(choice, request), children: choiceLabels?.[choice] ?? defaults.label }, choice));
-                }) }), footer] }));
-}
-export { AgentToolApproval };

package/dist/components/ai-elements/agent.d.ts

@@ -1,27 +0,0 @@
-import { Accordion, AccordionItem } from "../accordion";
-import type { Tool } from "ai";
-import type { ComponentProps } from "react";
-export type AgentProps = ComponentProps<"div">;
-export declare const Agent: import("react").MemoExoticComponent<({ className, ...props }: AgentProps) => import("react").JSX.Element>;
-export type AgentHeaderProps = ComponentProps<"div"> & {
-    name: string;
-    model?: string;
-};
-export declare const AgentHeader: import("react").MemoExoticComponent<({ className, name, model, ...props }: AgentHeaderProps) => import("react").JSX.Element>;
-export type AgentContentProps = ComponentProps<"div">;
-export declare const AgentContent: import("react").MemoExoticComponent<({ className, ...props }: AgentContentProps) => import("react").JSX.Element>;
-export type AgentInstructionsProps = ComponentProps<"div"> & {
-    children: string;
-};
-export declare const AgentInstructions: import("react").MemoExoticComponent<({ className, children, ...props }: AgentInstructionsProps) => import("react").JSX.Element>;
-export type AgentToolsProps = ComponentProps<typeof Accordion>;
-export declare const AgentTools: import("react").MemoExoticComponent<({ className, ...props }: AgentToolsProps) => import("react").JSX.Element>;
-export type AgentToolProps = ComponentProps<typeof AccordionItem> & {
-    tool: Tool;
-};
-export declare const AgentTool: import("react").MemoExoticComponent<({ className, tool, value, ...props }: AgentToolProps) => import("react").JSX.Element>;
-export type AgentOutputProps = ComponentProps<"div"> & {
-    schema: string;
-};
-export declare const AgentOutput: import("react").MemoExoticComponent<({ className, schema, ...props }: AgentOutputProps) => import("react").JSX.Element>;
-//# sourceMappingURL=agent.d.ts.map

package/dist/components/ai-elements/agent.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"agent.d.ts","sourceRoot":"","sources":["../../../src/components/ai-elements/agent.tsx"],"names":[],"mappings":"AAEA,OAAO,EACL,SAAS,EAET,aAAa,EAEd,MAAM,wBAAwB,CAAC;AAGhC,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,IAAI,CAAC;AAE/B,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAK5C,MAAM,MAAM,UAAU,GAAG,cAAc,CAAC,KAAK,CAAC,CAAC;AAE/C,eAAO,MAAM,KAAK,gEAAkC,UAAU,iCAE5D,CAAC;AAEH,MAAM,MAAM,gBAAgB,GAAG,cAAc,CAAC,KAAK,CAAC,GAAG;IACrD,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,eAAO,MAAM,WAAW,6EAA+C,gBAAgB,iCAYrF,CAAC;AAEH,MAAM,MAAM,iBAAiB,GAAG,cAAc,CAAC,KAAK,CAAC,CAAC;AAEtD,eAAO,MAAM,YAAY,gEAAkC,iBAAiB,iCAE1E,CAAC;AAEH,MAAM,MAAM,sBAAsB,GAAG,cAAc,CAAC,KAAK,CAAC,GAAG;IAC3D,QAAQ,EAAE,MAAM,CAAC;CAClB,CAAC;AAEF,eAAO,MAAM,iBAAiB,0EACQ,sBAAsB,iCAQ3D,CAAC;AAEF,MAAM,MAAM,eAAe,GAAG,cAAc,CAAC,OAAO,SAAS,CAAC,CAAC;AAE/D,eAAO,MAAM,UAAU,gEAAkC,eAAe,iCAKtE,CAAC;AAEH,MAAM,MAAM,cAAc,GAAG,cAAc,CAAC,OAAO,aAAa,CAAC,GAAG;IAClE,IAAI,EAAE,IAAI,CAAC;CACZ,CAAC;AAEF,eAAO,MAAM,SAAS,6EAA+C,cAAc,iCAejF,CAAC;AAEH,MAAM,MAAM,gBAAgB,GAAG,cAAc,CAAC,KAAK,CAAC,GAAG;IACrD,MAAM,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,eAAO,MAAM,WAAW,wEAA0C,gBAAgB,iCAOhF,CAAC"}

package/dist/components/ai-elements/agent.js

@@ -1,25 +0,0 @@
-"use client";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Accordion, AccordionContent, AccordionItem, AccordionTrigger, } from "../accordion.js";
-import { Badge } from "../badge.js";
-import { cn } from "../../lib/utils.js";
-import { BotIcon } from "lucide-react";
-import { memo } from "react";
-import { CodeBlock } from "./code-block.js";
-export const Agent = memo(({ className, ...props }) => (_jsx("div", { className: cn("not-prose w-full rounded-md border", className), ...props })));
-export const AgentHeader = memo(({ className, name, model, ...props }) => (_jsx("div", { className: cn("flex w-full items-center justify-between gap-4 p-3", className), ...props, children: _jsxs("div", { className: "flex items-center gap-2", children: [_jsx(BotIcon, { className: "size-4 text-muted-foreground" }), _jsx("span", { className: "font-medium text-sm", children: name }), model && (_jsx(Badge, { className: "font-mono text-xs", variant: "secondary", children: model }))] }) })));
-export const AgentContent = memo(({ className, ...props }) => (_jsx("div", { className: cn("flex flex-col gap-4 p-4 pt-0", className), ...props })));
-export const AgentInstructions = memo(({ className, children, ...props }) => (_jsxs("div", { className: cn("flex flex-col gap-2", className), ...props, children: [_jsx("span", { className: "font-medium text-muted-foreground text-sm", children: "Instructions" }), _jsx("div", { className: "rounded-md bg-muted/50 p-3 text-muted-foreground text-sm", children: _jsx("p", { children: children }) })] })));
-export const AgentTools = memo(({ className, ...props }) => (_jsxs("div", { className: cn("flex flex-col gap-2", className), children: [_jsx("span", { className: "font-medium text-muted-foreground text-sm", children: "Tools" }), _jsx(Accordion, { className: "rounded-md border", ...props })] })));
-export const AgentTool = memo(({ className, tool, value, ...props }) => {
-    const schema = "jsonSchema" in tool && tool.jsonSchema ? tool.jsonSchema : tool.inputSchema;
-    return (_jsxs(AccordionItem, { className: cn("border-b last:border-b-0", className), value: value, ...props, children: [_jsx(AccordionTrigger, { className: "px-3 py-2 text-sm hover:no-underline", children: tool.description ?? "No description" }), _jsx(AccordionContent, { className: "px-3 pb-3", children: _jsx("div", { className: "rounded-md bg-muted/50", children: _jsx(CodeBlock, { code: JSON.stringify(schema, null, 2), language: "json" }) }) })] }));
-});
-export const AgentOutput = memo(({ className, schema, ...props }) => (_jsxs("div", { className: cn("flex flex-col gap-2", className), ...props, children: [_jsx("span", { className: "font-medium text-muted-foreground text-sm", children: "Output Schema" }), _jsx("div", { className: "rounded-md bg-muted/50", children: _jsx(CodeBlock, { code: schema, language: "typescript" }) })] })));
-Agent.displayName = "Agent";
-AgentHeader.displayName = "AgentHeader";
-AgentContent.displayName = "AgentContent";
-AgentInstructions.displayName = "AgentInstructions";
-AgentTools.displayName = "AgentTools";
-AgentTool.displayName = "AgentTool";
-AgentOutput.displayName = "AgentOutput";

package/dist/components/ai-elements/artifact.d.ts

@@ -1,24 +0,0 @@
-import { Button } from "../button";
-import type { LucideIcon } from "lucide-react";
-import type { ComponentProps, HTMLAttributes } from "react";
-export type ArtifactProps = HTMLAttributes<HTMLDivElement>;
-export declare const Artifact: ({ className, ...props }: ArtifactProps) => import("react").JSX.Element;
-export type ArtifactHeaderProps = HTMLAttributes<HTMLDivElement>;
-export declare const ArtifactHeader: ({ className, ...props }: ArtifactHeaderProps) => import("react").JSX.Element;
-export type ArtifactCloseProps = ComponentProps<typeof Button>;
-export declare const ArtifactClose: ({ className, children, size, variant, ...props }: ArtifactCloseProps) => import("react").JSX.Element;
-export type ArtifactTitleProps = HTMLAttributes<HTMLParagraphElement>;
-export declare const ArtifactTitle: ({ className, ...props }: ArtifactTitleProps) => import("react").JSX.Element;
-export type ArtifactDescriptionProps = HTMLAttributes<HTMLParagraphElement>;
-export declare const ArtifactDescription: ({ className, ...props }: ArtifactDescriptionProps) => import("react").JSX.Element;
-export type ArtifactActionsProps = HTMLAttributes<HTMLDivElement>;
-export declare const ArtifactActions: ({ className, ...props }: ArtifactActionsProps) => import("react").JSX.Element;
-export type ArtifactActionProps = ComponentProps<typeof Button> & {
-    tooltip?: string;
-    label?: string;
-    icon?: LucideIcon;
-};
-export declare const ArtifactAction: ({ tooltip, label, icon: Icon, children, className, size, variant, ...props }: ArtifactActionProps) => import("react").JSX.Element;
-export type ArtifactContentProps = HTMLAttributes<HTMLDivElement>;
-export declare const ArtifactContent: ({ className, ...props }: ArtifactContentProps) => import("react").JSX.Element;
-//# sourceMappingURL=artifact.d.ts.map

package/dist/components/ai-elements/artifact.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"artifact.d.ts","sourceRoot":"","sources":["../../../src/components/ai-elements/artifact.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAG7C,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAE/C,OAAO,KAAK,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAE5D,MAAM,MAAM,aAAa,GAAG,cAAc,CAAC,cAAc,CAAC,CAAC;AAE3D,eAAO,MAAM,QAAQ,GAAI,yBAAyB,aAAa,gCAQ9D,CAAC;AAEF,MAAM,MAAM,mBAAmB,GAAG,cAAc,CAAC,cAAc,CAAC,CAAC;AAEjE,eAAO,MAAM,cAAc,GAAI,yBAAyB,mBAAmB,gCAK1E,CAAC;AAEF,MAAM,MAAM,kBAAkB,GAAG,cAAc,CAAC,OAAO,MAAM,CAAC,CAAC;AAE/D,eAAO,MAAM,aAAa,GAAI,kDAM3B,kBAAkB,gCAWpB,CAAC;AAEF,MAAM,MAAM,kBAAkB,GAAG,cAAc,CAAC,oBAAoB,CAAC,CAAC;AAEtE,eAAO,MAAM,aAAa,GAAI,yBAAyB,kBAAkB,gCAExE,CAAC;AAEF,MAAM,MAAM,wBAAwB,GAAG,cAAc,CAAC,oBAAoB,CAAC,CAAC;AAE5E,eAAO,MAAM,mBAAmB,GAAI,yBAAyB,wBAAwB,gCAEpF,CAAC;AAEF,MAAM,MAAM,oBAAoB,GAAG,cAAc,CAAC,cAAc,CAAC,CAAC;AAElE,eAAO,MAAM,eAAe,GAAI,yBAAyB,oBAAoB,gCAE5E,CAAC;AAEF,MAAM,MAAM,mBAAmB,GAAG,cAAc,CAAC,OAAO,MAAM,CAAC,GAAG;IAChE,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,UAAU,CAAC;CACnB,CAAC;AAEF,eAAO,MAAM,cAAc,GAAI,8EAS5B,mBAAmB,gCA4BrB,CAAC;AAEF,MAAM,MAAM,oBAAoB,GAAG,cAAc,CAAC,cAAc,CAAC,CAAC;AAElE,eAAO,MAAM,eAAe,GAAI,yBAAyB,oBAAoB,gCAE5E,CAAC"}

package/dist/components/ai-elements/artifact.js

@@ -1,20 +0,0 @@
-"use client";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Button } from "../button.js";
-import { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger } from "../tooltip.js";
-import { cn } from "../../lib/utils.js";
-import { XIcon } from "lucide-react";
-export const Artifact = ({ className, ...props }) => (_jsx("div", { className: cn("flex flex-col overflow-hidden rounded-lg border bg-background shadow-sm", className), ...props }));
-export const ArtifactHeader = ({ className, ...props }) => (_jsx("div", { className: cn("flex items-center justify-between border-b bg-muted/50 px-4 py-3", className), ...props }));
-export const ArtifactClose = ({ className, children, size = "sm", variant = "ghost", ...props }) => (_jsxs(Button, { className: cn("size-8 p-0 text-muted-foreground hover:text-foreground", className), size: size, type: "button", variant: variant, ...props, children: [children ?? _jsx(XIcon, { className: "size-4" }), _jsx("span", { className: "sr-only", children: "Close" })] }));
-export const ArtifactTitle = ({ className, ...props }) => (_jsx("p", { className: cn("font-medium text-foreground text-sm", className), ...props }));
-export const ArtifactDescription = ({ className, ...props }) => (_jsx("p", { className: cn("text-muted-foreground text-sm", className), ...props }));
-export const ArtifactActions = ({ className, ...props }) => (_jsx("div", { className: cn("flex items-center gap-1", className), ...props }));
-export const ArtifactAction = ({ tooltip, label, icon: Icon, children, className, size = "sm", variant = "ghost", ...props }) => {
-    const button = (_jsxs(Button, { className: cn("size-8 p-0 text-muted-foreground hover:text-foreground", className), size: size, type: "button", variant: variant, ...props, children: [Icon ? _jsx(Icon, { className: "size-4" }) : children, _jsx("span", { className: "sr-only", children: label || tooltip })] }));
-    if (tooltip) {
-        return (_jsx(TooltipProvider, { children: _jsxs(Tooltip, { children: [_jsx(TooltipTrigger, { render: button }), _jsx(TooltipContent, { children: _jsx("p", { children: tooltip }) })] }) }));
-    }
-    return button;
-};
-export const ArtifactContent = ({ className, ...props }) => (_jsx("div", { className: cn("flex-1 overflow-auto p-4", className), ...props }));

package/dist/components/ai-elements/attachments.d.ts

@@ -1,55 +0,0 @@
-import { Button } from "../button";
-import { HoverCard, HoverCardContent, HoverCardTrigger } from "../hover-card";
-import type { FileUIPart, SourceDocumentUIPart } from "ai";
-import type { ComponentProps, HTMLAttributes, ReactNode } from "react";
-export type AttachmentData = (FileUIPart & {
-    id: string;
-}) | (SourceDocumentUIPart & {
-    id: string;
-});
-export type AttachmentMediaCategory = "image" | "video" | "audio" | "document" | "source" | "unknown";
-export type AttachmentVariant = "grid" | "inline" | "list";
-export declare const getMediaCategory: (data: AttachmentData) => AttachmentMediaCategory;
-export declare const getAttachmentLabel: (data: AttachmentData) => string;
-interface AttachmentsContextValue {
-    variant: AttachmentVariant;
-}
-interface AttachmentContextValue {
-    data: AttachmentData;
-    mediaCategory: AttachmentMediaCategory;
-    onRemove?: () => void;
-    variant: AttachmentVariant;
-}
-export declare const useAttachmentsContext: () => AttachmentsContextValue;
-export declare const useAttachmentContext: () => AttachmentContextValue;
-export type AttachmentsProps = HTMLAttributes<HTMLDivElement> & {
-    variant?: AttachmentVariant;
-};
-export declare const Attachments: ({ variant, className, children, ...props }: AttachmentsProps) => import("react").JSX.Element;
-export type AttachmentProps = HTMLAttributes<HTMLDivElement> & {
-    data: AttachmentData;
-    onRemove?: () => void;
-};
-export declare const Attachment: ({ data, onRemove, className, children, ...props }: AttachmentProps) => import("react").JSX.Element;
-export type AttachmentPreviewProps = HTMLAttributes<HTMLDivElement> & {
-    fallbackIcon?: ReactNode;
-};
-export declare const AttachmentPreview: ({ fallbackIcon, className, ...props }: AttachmentPreviewProps) => import("react").JSX.Element;
-export type AttachmentInfoProps = HTMLAttributes<HTMLDivElement> & {
-    showMediaType?: boolean;
-};
-export declare const AttachmentInfo: ({ showMediaType, className, ...props }: AttachmentInfoProps) => import("react").JSX.Element | null;
-export type AttachmentRemoveProps = ComponentProps<typeof Button> & {
-    label?: string;
-};
-export declare const AttachmentRemove: ({ label, className, children, ...props }: AttachmentRemoveProps) => import("react").JSX.Element | null;
-export type AttachmentHoverCardProps = ComponentProps<typeof HoverCard>;
-export declare const AttachmentHoverCard: (props: AttachmentHoverCardProps) => import("react").JSX.Element;
-export type AttachmentHoverCardTriggerProps = ComponentProps<typeof HoverCardTrigger>;
-export declare const AttachmentHoverCardTrigger: (props: AttachmentHoverCardTriggerProps) => import("react").JSX.Element;
-export type AttachmentHoverCardContentProps = ComponentProps<typeof HoverCardContent>;
-export declare const AttachmentHoverCardContent: ({ align, className, ...props }: AttachmentHoverCardContentProps) => import("react").JSX.Element;
-export type AttachmentEmptyProps = HTMLAttributes<HTMLDivElement>;
-export declare const AttachmentEmpty: ({ className, children, ...props }: AttachmentEmptyProps) => import("react").JSX.Element;
-export {};
-//# sourceMappingURL=attachments.d.ts.map

package/dist/components/ai-elements/attachments.d.ts.map

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

package/dist/components/ai-elements/attachments.js

@@ -1,125 +0,0 @@
-"use client";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Button } from "../button.js";
-import { HoverCard, HoverCardContent, HoverCardTrigger } from "../hover-card.js";
-import { cn } from "../../lib/utils.js";
-import { FileTextIcon, GlobeIcon, ImageIcon, Music2Icon, PaperclipIcon, VideoIcon, XIcon, } from "lucide-react";
-import { createContext, useCallback, useContext, useMemo } from "react";
-const mediaCategoryIcons = {
-    audio: Music2Icon,
-    document: FileTextIcon,
-    image: ImageIcon,
-    source: GlobeIcon,
-    unknown: PaperclipIcon,
-    video: VideoIcon,
-};
-// ============================================================================
-// Utility Functions
-// ============================================================================
-export const getMediaCategory = (data) => {
-    if (data.type === "source-document") {
-        return "source";
-    }
-    const mediaType = data.mediaType ?? "";
-    if (mediaType.startsWith("image/")) {
-        return "image";
-    }
-    if (mediaType.startsWith("video/")) {
-        return "video";
-    }
-    if (mediaType.startsWith("audio/")) {
-        return "audio";
-    }
-    if (mediaType.startsWith("application/") || mediaType.startsWith("text/")) {
-        return "document";
-    }
-    return "unknown";
-};
-export const getAttachmentLabel = (data) => {
-    if (data.type === "source-document") {
-        return data.title || data.filename || "Source";
-    }
-    const category = getMediaCategory(data);
-    return data.filename || (category === "image" ? "Image" : "Attachment");
-};
-const renderAttachmentImage = (url, filename, isGrid) => isGrid ? (_jsx("img", { alt: filename || "Image", className: "size-full object-cover", height: 96, src: url, width: 96 })) : (_jsx("img", { alt: filename || "Image", className: "size-full rounded object-cover", height: 20, src: url, width: 20 }));
-const AttachmentsContext = createContext(null);
-const AttachmentContext = createContext(null);
-// ============================================================================
-// Hooks
-// ============================================================================
-export const useAttachmentsContext = () => useContext(AttachmentsContext) ?? { variant: "grid" };
-export const useAttachmentContext = () => {
-    const ctx = useContext(AttachmentContext);
-    if (!ctx) {
-        throw new Error("Attachment components must be used within <Attachment>");
-    }
-    return ctx;
-};
-export const Attachments = ({ variant = "grid", className, children, ...props }) => {
-    const contextValue = useMemo(() => ({ variant }), [variant]);
-    return (_jsx(AttachmentsContext.Provider, { value: contextValue, children: _jsx("div", { className: cn("flex items-start", variant === "list" ? "flex-col gap-2" : "flex-wrap gap-2", variant === "grid" && "ml-auto w-fit", className), ...props, children: children }) }));
-};
-export const Attachment = ({ data, onRemove, className, children, ...props }) => {
-    const { variant } = useAttachmentsContext();
-    const mediaCategory = getMediaCategory(data);
-    const contextValue = useMemo(() => ({ data, mediaCategory, onRemove, variant }), [data, mediaCategory, onRemove, variant]);
-    return (_jsx(AttachmentContext.Provider, { value: contextValue, children: _jsx("div", { className: cn("group relative", variant === "grid" && "size-24 overflow-hidden rounded-lg", variant === "inline" && [
-                "flex h-8 cursor-pointer select-none items-center gap-1.5",
-                "rounded-md border border-border px-1.5",
-                "nc-transition-paint font-medium text-sm",
-                "hover:bg-accent hover:text-accent-foreground",
-            ], variant === "list" && [
-                "flex w-full items-center gap-3 rounded-lg border p-3",
-                "hover:bg-accent/50",
-            ], className), ...props, children: children }) }));
-};
-export const AttachmentPreview = ({ fallbackIcon, className, ...props }) => {
-    const { data, mediaCategory, variant } = useAttachmentContext();
-    const iconSize = variant === "inline" ? "size-3" : "size-4";
-    const renderIcon = (Icon) => (_jsx(Icon, { className: cn(iconSize, "text-muted-foreground") }));
-    const renderContent = () => {
-        if (mediaCategory === "image" && data.type === "file" && data.url) {
-            return renderAttachmentImage(data.url, data.filename, variant === "grid");
-        }
-        if (mediaCategory === "video" && data.type === "file" && data.url) {
-            return _jsx("video", { className: "size-full object-cover", muted: true, src: data.url });
-        }
-        const Icon = mediaCategoryIcons[mediaCategory];
-        return fallbackIcon ?? renderIcon(Icon);
-    };
-    return (_jsx("div", { className: cn("flex shrink-0 items-center justify-center overflow-hidden", variant === "grid" && "size-full bg-muted", variant === "inline" && "size-5 rounded bg-background", variant === "list" && "size-12 rounded bg-muted", className), ...props, children: renderContent() }));
-};
-export const AttachmentInfo = ({ showMediaType = false, className, ...props }) => {
-    const { data, variant } = useAttachmentContext();
-    const label = getAttachmentLabel(data);
-    if (variant === "grid") {
-        return null;
-    }
-    return (_jsxs("div", { className: cn("min-w-0 flex-1", className), ...props, children: [_jsx("span", { className: "block truncate", children: label }), showMediaType && data.mediaType && (_jsx("span", { className: "block truncate text-muted-foreground text-xs", children: data.mediaType }))] }));
-};
-export const AttachmentRemove = ({ label = "Remove", className, children, ...props }) => {
-    const { onRemove, variant } = useAttachmentContext();
-    const handleClick = useCallback((e) => {
-        e.stopPropagation();
-        onRemove?.();
-    }, [onRemove]);
-    if (!onRemove) {
-        return null;
-    }
-    return (_jsxs(Button, { "aria-label": label, className: cn(variant === "grid" && [
-            "absolute top-2 right-2 size-6 rounded-full p-0",
-            "bg-background/80 backdrop-blur-sm",
-            "opacity-0 transition-opacity group-hover:opacity-100",
-            "hover:bg-background",
-            "[&>svg]:size-3",
-        ], variant === "inline" && [
-            "size-5 rounded p-0",
-            "opacity-0 transition-opacity group-hover:opacity-100",
-            "[&>svg]:size-2.5",
-        ], variant === "list" && ["size-8 shrink-0 rounded p-0", "[&>svg]:size-4"], className), onClick: handleClick, type: "button", variant: "ghost", ...props, children: [children ?? _jsx(XIcon, {}), _jsx("span", { className: "sr-only", children: label })] }));
-};
-export const AttachmentHoverCard = (props) => _jsx(HoverCard, { ...props });
-export const AttachmentHoverCardTrigger = (props) => (_jsx(HoverCardTrigger, { closeDelay: 0, delay: 0, ...props }));
-export const AttachmentHoverCardContent = ({ align = "start", className, ...props }) => (_jsx(HoverCardContent, { align: align, className: cn("w-auto p-2", className), ...props }));
-export const AttachmentEmpty = ({ className, children, ...props }) => (_jsx("div", { className: cn("flex items-center justify-center p-4 text-muted-foreground text-sm", className), ...props, children: children ?? "No attachments" }));

package/dist/components/ai-elements/audio-player.d.ts

@@ -1,30 +0,0 @@
-import type { Experimental_SpeechResult as SpeechResult } from "ai";
-import { MediaControlBar, MediaController, MediaDurationDisplay, MediaMuteButton, MediaPlayButton, MediaSeekBackwardButton, MediaSeekForwardButton, MediaTimeDisplay, MediaTimeRange, MediaVolumeRange } from "media-chrome/react";
-import type { ComponentProps } from "react";
-export type AudioPlayerProps = Omit<ComponentProps<typeof MediaController>, "audio">;
-export declare const AudioPlayer: ({ children, style, ...props }: AudioPlayerProps) => import("react").JSX.Element;
-export type AudioPlayerElementProps = Omit<ComponentProps<"audio">, "src"> & ({
-    data: SpeechResult["audio"];
-} | {
-    src: string;
-});
-export declare const AudioPlayerElement: ({ tabIndex, ...props }: AudioPlayerElementProps) => import("react").JSX.Element;
-export type AudioPlayerControlBarProps = ComponentProps<typeof MediaControlBar>;
-export declare const AudioPlayerControlBar: ({ children, ...props }: AudioPlayerControlBarProps) => import("react").JSX.Element;
-export type AudioPlayerPlayButtonProps = ComponentProps<typeof MediaPlayButton>;
-export declare const AudioPlayerPlayButton: ({ className, ...props }: AudioPlayerPlayButtonProps) => import("react").JSX.Element;
-export type AudioPlayerSeekBackwardButtonProps = ComponentProps<typeof MediaSeekBackwardButton>;
-export declare const AudioPlayerSeekBackwardButton: ({ seekOffset, ...props }: AudioPlayerSeekBackwardButtonProps) => import("react").JSX.Element;
-export type AudioPlayerSeekForwardButtonProps = ComponentProps<typeof MediaSeekForwardButton>;
-export declare const AudioPlayerSeekForwardButton: ({ seekOffset, ...props }: AudioPlayerSeekForwardButtonProps) => import("react").JSX.Element;
-export type AudioPlayerTimeDisplayProps = ComponentProps<typeof MediaTimeDisplay>;
-export declare const AudioPlayerTimeDisplay: ({ className, ...props }: AudioPlayerTimeDisplayProps) => import("react").JSX.Element;
-export type AudioPlayerTimeRangeProps = ComponentProps<typeof MediaTimeRange>;
-export declare const AudioPlayerTimeRange: ({ className, ...props }: AudioPlayerTimeRangeProps) => import("react").JSX.Element;
-export type AudioPlayerDurationDisplayProps = ComponentProps<typeof MediaDurationDisplay>;
-export declare const AudioPlayerDurationDisplay: ({ className, ...props }: AudioPlayerDurationDisplayProps) => import("react").JSX.Element;
-export type AudioPlayerMuteButtonProps = ComponentProps<typeof MediaMuteButton>;
-export declare const AudioPlayerMuteButton: ({ className, ...props }: AudioPlayerMuteButtonProps) => import("react").JSX.Element;
-export type AudioPlayerVolumeRangeProps = ComponentProps<typeof MediaVolumeRange>;
-export declare const AudioPlayerVolumeRange: ({ className, ...props }: AudioPlayerVolumeRangeProps) => import("react").JSX.Element;
-//# sourceMappingURL=audio-player.d.ts.map