@ciridae/ui 0.2.4 → 0.3.0

package/dist/components/agentic/agent-context.js

@@ -1,102 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { createContext, useContext, useMemo } from "react";
-import { Button } from "@ciridae/ui/button";
-import { HoverCard, HoverCardContent, HoverCardTrigger } from "@ciridae/ui/hover-card";
-import { Progress } from "@ciridae/ui/progress";
-import { cn } from "@ciridae/ui/utils";
-const PERCENT_MAX = 100;
-const AgentContextContext = createContext(null);
-function useAgentContext() {
-    const context = useContext(AgentContextContext);
-    if (!context)
-        throw new Error("AgentContext components must be used within AgentContext");
-    return context;
-}
-function AgentContext({ cacheCostText, cachedInputTokens, children, inputCostText, inputTokens, maxTokens, outputCostText, outputTokens, reasoningCostText, reasoningTokens, totalCostText, usedTokens, ...props }) {
-    const { closeDelay = 0, openDelay = 0, ...hoverCardProps } = props;
-    const contextValue = useMemo(() => ({
-        cacheCostText,
-        cachedInputTokens,
-        inputCostText,
-        inputTokens,
-        maxTokens,
-        outputCostText,
-        outputTokens,
-        reasoningCostText,
-        reasoningTokens,
-        totalCostText,
-        usedTokens,
-    }), [
-        cacheCostText,
-        cachedInputTokens,
-        inputCostText,
-        inputTokens,
-        maxTokens,
-        outputCostText,
-        outputTokens,
-        reasoningCostText,
-        reasoningTokens,
-        totalCostText,
-        usedTokens,
-    ]);
-    return (_jsx(AgentContextContext.Provider, { value: contextValue, children: _jsx(HoverCard, { closeDelay: closeDelay, openDelay: openDelay, ...hoverCardProps, children: children }) }));
-}
-function AgentContextTrigger({ children, ...props }) {
-    const { maxTokens, usedTokens } = useAgentContext();
-    const usedPercent = getUsagePercent(usedTokens, maxTokens);
-    return (_jsx(HoverCardTrigger, { asChild: true, children: children ? (_jsx(Button, { "data-slot": "agent-context-trigger", type: "button", variant: "ghost", ...props, asChild: true, children: children })) : (_jsxs(Button, { "data-slot": "agent-context-trigger", type: "button", variant: "ghost", ...props, children: [_jsx("span", { className: "font-medium text-muted-foreground", children: formatPercent(usedPercent) }), _jsx(AgentContextIcon, { usedPercent: usedPercent })] })) }));
-}
-function AgentContextIcon({ usedPercent }) {
-    const radius = 10;
-    const circumference = 2 * Math.PI * radius;
-    const dashOffset = circumference * (1 - usedPercent);
-    return (_jsxs("svg", { "aria-label": "Context usage", className: "size-5", role: "img", viewBox: "0 0 24 24", children: [_jsx("circle", { cx: "12", cy: "12", fill: "none", opacity: "0.25", r: radius, stroke: "currentColor", strokeWidth: "2" }), _jsx("circle", { cx: "12", cy: "12", fill: "none", opacity: "0.75", r: radius, stroke: "currentColor", strokeDasharray: `${circumference} ${circumference}`, strokeDashoffset: dashOffset, strokeLinecap: "round", strokeWidth: "2", style: { transform: "rotate(-90deg)", transformOrigin: "center" } })] }));
-}
-function AgentContextContent({ className, ...props }) {
-    return (_jsx(HoverCardContent, { "data-slot": "agent-context-content", className: cn("w-72 divide-y overflow-hidden p-0", className), ...props }));
-}
-function AgentContextContentHeader({ children, className, ...props }) {
-    const { maxTokens, usedTokens } = useAgentContext();
-    const usedPercent = getUsagePercent(usedTokens, maxTokens);
-    return (_jsx("div", { "data-slot": "agent-context-content-header", className: cn("grid gap-2 p-3", className), ...props, children: children ?? (_jsxs(_Fragment, { children: [_jsxs("div", { className: "flex items-center justify-between gap-3 text-xs", children: [_jsx("span", { children: formatPercent(usedPercent) }), _jsxs("span", { className: "font-mono text-muted-foreground", children: [formatCompact(usedTokens), " / ", formatCompact(maxTokens)] })] }), _jsx(Progress, { value: usedPercent * PERCENT_MAX })] })) }));
-}
-function AgentContextContentBody({ className, ...props }) {
-    return (_jsx("div", { "data-slot": "agent-context-content-body", className: cn("grid gap-2 p-3", className), ...props }));
-}
-function AgentContextContentFooter({ children, className, ...props }) {
-    const { totalCostText } = useAgentContext();
-    return (_jsx("div", { "data-slot": "agent-context-content-footer", className: cn("flex items-center justify-between gap-3 bg-secondary p-3 text-xs", className), ...props, children: children ?? (_jsxs(_Fragment, { children: [_jsx("span", { className: "text-muted-foreground", children: "Total cost" }), _jsx("span", { children: totalCostText ?? "Provided by host" })] })) }));
-}
-function AgentContextUsageRow({ className, costText, label, tokens, ...props }) {
-    if (tokens === undefined)
-        return null;
-    return (_jsxs("div", { "data-slot": "agent-context-usage-row", className: cn("flex items-center justify-between gap-3 text-xs", className), ...props, children: [_jsx("span", { className: "text-muted-foreground", children: label }), _jsxs("span", { className: "font-mono", children: [formatCompact(tokens), costText ? _jsx("span", { className: "ml-2 font-sans text-muted-foreground", children: costText }) : null] })] }));
-}
-function AgentContextInputUsage(props) {
-    const { inputCostText, inputTokens } = useAgentContext();
-    return (_jsx(AgentContextUsageRow, { costText: inputCostText, label: "Input", tokens: inputTokens, ...props }));
-}
-function AgentContextOutputUsage(props) {
-    const { outputCostText, outputTokens } = useAgentContext();
-    return (_jsx(AgentContextUsageRow, { costText: outputCostText, label: "Output", tokens: outputTokens, ...props }));
-}
-function AgentContextReasoningUsage(props) {
-    const { reasoningCostText, reasoningTokens } = useAgentContext();
-    return (_jsx(AgentContextUsageRow, { costText: reasoningCostText, label: "Reasoning", tokens: reasoningTokens, ...props }));
-}
-function AgentContextCacheUsage(props) {
-    const { cacheCostText, cachedInputTokens } = useAgentContext();
-    return (_jsx(AgentContextUsageRow, { costText: cacheCostText, label: "Cache", tokens: cachedInputTokens, ...props }));
-}
-function getUsagePercent(usedTokens, maxTokens) {
-    if (maxTokens <= 0)
-        return 0;
-    return Math.min(1, Math.max(0, usedTokens / maxTokens));
-}
-function formatPercent(value) {
-    return new Intl.NumberFormat("en-US", { maximumFractionDigits: 1, style: "percent" }).format(value);
-}
-function formatCompact(value) {
-    return new Intl.NumberFormat("en-US", { notation: "compact" }).format(value);
-}
-export { AgentContext, AgentContextCacheUsage, AgentContextContent, AgentContextContentBody, AgentContextContentFooter, AgentContextContentHeader, AgentContextInputUsage, AgentContextOutputUsage, AgentContextReasoningUsage, AgentContextTrigger, AgentContextUsageRow, };

package/dist/components/agentic/agent-plan.d.ts

@@ -1,27 +0,0 @@
-import type * as React from "react";
-import { CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardTitle } from "@ciridae/ui/card";
-import { Collapsible, CollapsibleTrigger } from "@ciridae/ui/collapsible";
-type AgentPlanProps = React.ComponentProps<typeof Collapsible> & {
-    isStreaming?: boolean;
-};
-type AgentPlanHeaderProps = React.ComponentProps<typeof CardHeader>;
-type AgentPlanTitleProps = Omit<React.ComponentProps<typeof CardTitle>, "children"> & {
-    children: string;
-};
-type AgentPlanDescriptionProps = Omit<React.ComponentProps<typeof CardDescription>, "children"> & {
-    children: string;
-};
-type AgentPlanActionProps = React.ComponentProps<typeof CardAction>;
-type AgentPlanContentProps = React.ComponentProps<typeof CardContent>;
-type AgentPlanFooterProps = React.ComponentProps<typeof CardFooter>;
-type AgentPlanTriggerProps = React.ComponentProps<typeof CollapsibleTrigger>;
-declare function AgentPlan({ children, className, isStreaming, ...props }: AgentPlanProps): React.JSX.Element;
-declare function AgentPlanHeader({ className, ...props }: AgentPlanHeaderProps): React.JSX.Element;
-declare function AgentPlanTitle({ children, className, ...props }: AgentPlanTitleProps): React.JSX.Element;
-declare function AgentPlanDescription({ children, className, ...props }: AgentPlanDescriptionProps): React.JSX.Element;
-declare function AgentPlanAction(props: AgentPlanActionProps): React.JSX.Element;
-declare function AgentPlanContent(props: AgentPlanContentProps): React.JSX.Element;
-declare function AgentPlanFooter(props: AgentPlanFooterProps): React.JSX.Element;
-declare function AgentPlanTrigger({ className, type, ...props }: AgentPlanTriggerProps): React.JSX.Element;
-export { AgentPlan, AgentPlanAction, AgentPlanContent, AgentPlanDescription, AgentPlanFooter, AgentPlanHeader, AgentPlanTitle, AgentPlanTrigger, };
-export type { AgentPlanActionProps, AgentPlanContentProps, AgentPlanDescriptionProps, AgentPlanFooterProps, AgentPlanHeaderProps, AgentPlanProps, AgentPlanTitleProps, AgentPlanTriggerProps, };

package/dist/components/agentic/agent-plan.js

@@ -1,43 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { ChevronsUpDownIcon } from "lucide-react";
-import { createContext, useContext, useMemo } from "react";
-import { Shimmer } from "@ciridae/ui/shimmer";
-import { Button } from "@ciridae/ui/button";
-import { Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, } from "@ciridae/ui/card";
-import { Collapsible, CollapsibleContent, CollapsibleTrigger } from "@ciridae/ui/collapsible";
-import { cn } from "@ciridae/ui/utils";
-const AgentPlanContext = createContext(null);
-function useAgentPlan() {
-    const context = useContext(AgentPlanContext);
-    if (!context)
-        throw new Error("AgentPlan components must be used within AgentPlan");
-    return context;
-}
-function AgentPlan({ children, className, isStreaming = false, ...props }) {
-    const contextValue = useMemo(() => ({ isStreaming }), [isStreaming]);
-    return (_jsx(AgentPlanContext.Provider, { value: contextValue, children: _jsx(Collapsible, { "data-slot": "agent-plan", className: "w-full min-w-0", ...props, children: _jsx(Card, { className: cn("w-full min-w-0 shadow-none", className), children: children }) }) }));
-}
-function AgentPlanHeader({ className, ...props }) {
-    return (_jsx(CardHeader, { "data-slot": "agent-plan-header", className: cn("relative block min-w-0 space-y-2 pr-[calc(var(--spacing)*11)]", className), ...props }));
-}
-function AgentPlanTitle({ children, className, ...props }) {
-    const { isStreaming } = useAgentPlan();
-    return (_jsx(CardTitle, { "data-slot": "agent-plan-title", className: cn("min-w-0 text-pretty", className), ...props, children: isStreaming ? _jsx(Shimmer, { children: children }) : children }));
-}
-function AgentPlanDescription({ children, className, ...props }) {
-    const { isStreaming } = useAgentPlan();
-    return (_jsx(CardDescription, { "data-slot": "agent-plan-description", className: cn("text-balance", className), ...props, children: isStreaming ? _jsx(Shimmer, { children: children }) : children }));
-}
-function AgentPlanAction(props) {
-    return (_jsx(CardAction, { "data-slot": "agent-plan-action", ...props, className: cn("absolute top-0 right-(--panel-padding)", props.className) }));
-}
-function AgentPlanContent(props) {
-    return (_jsx(CollapsibleContent, { asChild: true, children: _jsx(CardContent, { "data-slot": "agent-plan-content", ...props }) }));
-}
-function AgentPlanFooter(props) {
-    return _jsx(CardFooter, { "data-slot": "agent-plan-footer", ...props });
-}
-function AgentPlanTrigger({ className, type = "button", ...props }) {
-    return (_jsx(CollapsibleTrigger, { asChild: true, children: _jsxs(Button, { "data-slot": "agent-plan-trigger", className: cn("size-8", className), size: "icon", variant: "ghost", ...props, type: type, children: [_jsx(ChevronsUpDownIcon, { "aria-hidden": "true", className: "size-4" }), _jsx("span", { className: "sr-only", children: "Toggle plan" })] }) }));
-}
-export { AgentPlan, AgentPlanAction, AgentPlanContent, AgentPlanDescription, AgentPlanFooter, AgentPlanHeader, AgentPlanTitle, AgentPlanTrigger, };

package/dist/components/agentic/agent-queue.d.ts

@@ -1,46 +0,0 @@
-import type * as React from "react";
-import { Button } from "@ciridae/ui/button";
-import { Collapsible, CollapsibleContent } from "@ciridae/ui/collapsible";
-import { ScrollArea } from "@ciridae/ui/scroll-area";
-type AgentQueueProps = React.ComponentProps<"div">;
-type AgentQueueSectionProps = React.ComponentProps<typeof Collapsible>;
-type AgentQueueSectionTriggerProps = React.ComponentProps<"button">;
-type AgentQueueSectionLabelProps = React.ComponentProps<"span"> & {
-    count?: number;
-    icon?: React.ReactNode;
-    label: string;
-};
-type AgentQueueSectionContentProps = React.ComponentProps<typeof CollapsibleContent>;
-type AgentQueueListProps = React.ComponentProps<typeof ScrollArea>;
-type AgentQueueItemProps = React.ComponentProps<"li">;
-type AgentQueueItemIndicatorProps = React.ComponentProps<"span"> & {
-    completed?: boolean;
-};
-type AgentQueueItemContentProps = React.ComponentProps<"span"> & {
-    completed?: boolean;
-};
-type AgentQueueItemDescriptionProps = React.ComponentProps<"div"> & {
-    completed?: boolean;
-};
-type AgentQueueItemActionsProps = React.ComponentProps<"div">;
-type AgentQueueItemActionProps = Omit<React.ComponentProps<typeof Button>, "size" | "variant">;
-type AgentQueueItemAttachmentProps = React.ComponentProps<"div">;
-type AgentQueueItemImageProps = React.ComponentProps<"img">;
-type AgentQueueItemFileProps = React.ComponentProps<"span">;
-declare function AgentQueue({ className, ...props }: AgentQueueProps): React.JSX.Element;
-declare function AgentQueueSection({ className, defaultOpen, ...props }: AgentQueueSectionProps): React.JSX.Element;
-declare function AgentQueueSectionTrigger({ children, className, ...props }: AgentQueueSectionTriggerProps): React.JSX.Element;
-declare function AgentQueueSectionLabel({ className, count, icon, label, ...props }: AgentQueueSectionLabelProps): React.JSX.Element;
-declare function AgentQueueSectionContent({ className, ...props }: AgentQueueSectionContentProps): React.JSX.Element;
-declare function AgentQueueList({ children, className, ...props }: AgentQueueListProps): React.JSX.Element;
-declare function AgentQueueItem({ className, ...props }: AgentQueueItemProps): React.JSX.Element;
-declare function AgentQueueItemIndicator({ className, completed, ...props }: AgentQueueItemIndicatorProps): React.JSX.Element;
-declare function AgentQueueItemContent({ className, completed, ...props }: AgentQueueItemContentProps): React.JSX.Element;
-declare function AgentQueueItemDescription({ className, completed, ...props }: AgentQueueItemDescriptionProps): React.JSX.Element;
-declare function AgentQueueItemActions({ className, ...props }: AgentQueueItemActionsProps): React.JSX.Element;
-declare function AgentQueueItemAction({ className, type, ...props }: AgentQueueItemActionProps): React.JSX.Element;
-declare function AgentQueueItemAttachment({ className, ...props }: AgentQueueItemAttachmentProps): React.JSX.Element;
-declare function AgentQueueItemImage({ alt, className, height, width, ...props }: AgentQueueItemImageProps): React.JSX.Element;
-declare function AgentQueueItemFile({ children, className, ...props }: AgentQueueItemFileProps): React.JSX.Element;
-export { AgentQueue, AgentQueueItem, AgentQueueItemAction, AgentQueueItemActions, AgentQueueItemAttachment, AgentQueueItemContent, AgentQueueItemDescription, AgentQueueItemFile, AgentQueueItemImage, AgentQueueItemIndicator, AgentQueueList, AgentQueueSection, AgentQueueSectionContent, AgentQueueSectionLabel, AgentQueueSectionTrigger, };
-export type { AgentQueueItemActionProps, AgentQueueItemActionsProps, AgentQueueItemAttachmentProps, AgentQueueItemContentProps, AgentQueueItemDescriptionProps, AgentQueueItemFileProps, AgentQueueItemImageProps, AgentQueueItemIndicatorProps, AgentQueueItemProps, AgentQueueListProps, AgentQueueProps, AgentQueueSectionContentProps, AgentQueueSectionLabelProps, AgentQueueSectionProps, AgentQueueSectionTriggerProps, };

package/dist/components/agentic/agent-queue.js

@@ -1,53 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { CheckIcon, ChevronDownIcon, CircleIcon, PaperclipIcon } from "lucide-react";
-import { Button } from "@ciridae/ui/button";
-import { Collapsible, CollapsibleContent, CollapsibleTrigger } from "@ciridae/ui/collapsible";
-import { ScrollArea } from "@ciridae/ui/scroll-area";
-import { cn } from "@ciridae/ui/utils";
-function AgentQueue({ className, ...props }) {
-    return (_jsx("div", { "data-slot": "agent-queue", className: cn("grid gap-2 rounded-lg border bg-card p-2 text-card-foreground", className), ...props }));
-}
-function AgentQueueSection({ className, defaultOpen = true, ...props }) {
-    return _jsx(Collapsible, { className: className, defaultOpen: defaultOpen, ...props });
-}
-function AgentQueueSectionTrigger({ children, className, ...props }) {
-    return (_jsx(CollapsibleTrigger, { asChild: true, children: _jsx("button", { "data-slot": "agent-queue-section-trigger", className: cn("group flex w-full items-center justify-between rounded-md bg-muted/45 px-3 py-2 text-left text-sm font-medium text-muted-foreground transition-colors hover:bg-muted hover:text-foreground focus-visible:ring-[var(--focus-ring-width)] focus-visible:ring-ring focus-visible:outline-none", className), type: "button", ...props, children: children }) }));
-}
-function AgentQueueSectionLabel({ className, count, icon, label, ...props }) {
-    return (_jsxs("span", { "data-slot": "agent-queue-section-label", className: cn("flex items-center gap-2", className), ...props, children: [_jsx(ChevronDownIcon, { className: "size-4 transition-transform group-data-[state=closed]:-rotate-90" }), icon, _jsxs("span", { children: [count === undefined ? null : `${count} `, label] })] }));
-}
-function AgentQueueSectionContent({ className, ...props }) {
-    return (_jsx(CollapsibleContent, { "data-slot": "agent-queue-section-content", className: className, ...props }));
-}
-function AgentQueueList({ children, className, ...props }) {
-    return (_jsx(ScrollArea, { "data-slot": "agent-queue-list", className: cn("mt-2 max-h-48", className), ...props, children: _jsx("ul", { className: "grid gap-1 pr-3", children: children }) }));
-}
-function AgentQueueItem({ className, ...props }) {
-    return (_jsx("li", { "data-slot": "agent-queue-item", className: cn("group grid gap-1 rounded-md px-2 py-1.5 text-sm transition-colors hover:bg-muted/60", className), ...props }));
-}
-function AgentQueueItemIndicator({ className, completed = false, ...props }) {
-    const Icon = completed ? CheckIcon : CircleIcon;
-    return (_jsx("span", { "data-slot": "agent-queue-item-indicator", className: cn("mt-0.5 text-muted-foreground", className), ...props, children: _jsx(Icon, { "aria-hidden": "true", className: "size-3.5" }) }));
-}
-function AgentQueueItemContent({ className, completed = false, ...props }) {
-    return (_jsx("span", { "data-slot": "agent-queue-item-content", className: cn("min-w-0 flex-1 truncate", completed ? "text-muted-foreground line-through" : "text-foreground", className), ...props }));
-}
-function AgentQueueItemDescription({ className, completed = false, ...props }) {
-    return (_jsx("div", { "data-slot": "agent-queue-item-description", className: cn("ml-6 text-xs", completed ? "text-muted-foreground/60 line-through" : "text-muted-foreground", className), ...props }));
-}
-function AgentQueueItemActions({ className, ...props }) {
-    return (_jsx("div", { "data-slot": "agent-queue-item-actions", className: cn("flex gap-1", className), ...props }));
-}
-function AgentQueueItemAction({ className, type = "button", ...props }) {
-    return (_jsx(Button, { className: cn("size-7 opacity-0 group-hover:opacity-100 group-focus-within:opacity-100 focus-visible:opacity-100", className), size: "icon-sm", type: type, variant: "ghost", ...props }));
-}
-function AgentQueueItemAttachment({ className, ...props }) {
-    return (_jsx("div", { "data-slot": "agent-queue-item-attachment", className: cn("ml-6 flex flex-wrap gap-2", className), ...props }));
-}
-function AgentQueueItemImage({ alt = "", className, height = 32, width = 32, ...props }) {
-    return (_jsx("img", { alt: alt, className: cn("size-8 rounded border object-cover", className), height: height, width: width, ...props }));
-}
-function AgentQueueItemFile({ children, className, ...props }) {
-    return (_jsxs("span", { className: cn("inline-flex max-w-32 items-center gap-1 rounded border bg-muted px-2 py-1 text-xs", className), ...props, children: [_jsx(PaperclipIcon, { "aria-hidden": "true", className: "size-3 shrink-0" }), _jsx("span", { className: "truncate", children: children })] }));
-}
-export { AgentQueue, AgentQueueItem, AgentQueueItemAction, AgentQueueItemActions, AgentQueueItemAttachment, AgentQueueItemContent, AgentQueueItemDescription, AgentQueueItemFile, AgentQueueItemImage, AgentQueueItemIndicator, AgentQueueList, AgentQueueSection, AgentQueueSectionContent, AgentQueueSectionLabel, AgentQueueSectionTrigger, };

package/dist/components/agentic/agent-task.d.ts

@@ -1,16 +0,0 @@
-import type * as React from "react";
-import { Collapsible, CollapsibleContent, CollapsibleTrigger } from "@ciridae/ui/collapsible";
-type AgentTaskProps = React.ComponentProps<typeof Collapsible>;
-type AgentTaskTriggerProps = React.ComponentProps<typeof CollapsibleTrigger> & {
-    title: string;
-};
-type AgentTaskContentProps = React.ComponentProps<typeof CollapsibleContent>;
-type AgentTaskItemProps = React.ComponentProps<"div">;
-type AgentTaskItemFileProps = React.ComponentProps<"div">;
-declare function AgentTask({ className, defaultOpen, ...props }: AgentTaskProps): React.JSX.Element;
-declare function AgentTaskTrigger({ children, className, title, ...props }: AgentTaskTriggerProps): React.JSX.Element;
-declare function AgentTaskContent({ children, className, ...props }: AgentTaskContentProps): React.JSX.Element;
-declare function AgentTaskItem({ className, ...props }: AgentTaskItemProps): React.JSX.Element;
-declare function AgentTaskItemFile({ children, className, ...props }: AgentTaskItemFileProps): React.JSX.Element;
-export { AgentTask, AgentTaskContent, AgentTaskItem, AgentTaskItemFile, AgentTaskTrigger };
-export type { AgentTaskContentProps, AgentTaskItemFileProps, AgentTaskItemProps, AgentTaskProps, AgentTaskTriggerProps, };

package/dist/components/agentic/agent-task.js

@@ -1,20 +0,0 @@
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
-import { ChevronDownIcon, FileTextIcon, SearchIcon } from "lucide-react";
-import { Collapsible, CollapsibleContent, CollapsibleTrigger } from "@ciridae/ui/collapsible";
-import { cn } from "@ciridae/ui/utils";
-function AgentTask({ className, defaultOpen = true, ...props }) {
-    return (_jsx(Collapsible, { "data-slot": "agent-task", className: cn("rounded-md", className), defaultOpen: defaultOpen, ...props }));
-}
-function AgentTaskTrigger({ children, className, title, ...props }) {
-    return (_jsx(CollapsibleTrigger, { "data-slot": "agent-task-trigger", className: cn("group flex w-full items-center gap-2 rounded-md py-1 text-left text-sm text-muted-foreground transition-colors hover:text-foreground focus-visible:ring-[var(--focus-ring-width)] focus-visible:ring-ring focus-visible:outline-none", className), ...props, children: children ?? (_jsxs(_Fragment, { children: [_jsx(SearchIcon, { "aria-hidden": "true", className: "size-4 shrink-0" }), _jsx("span", { className: "min-w-0 flex-1 truncate", children: title }), _jsx(ChevronDownIcon, { "aria-hidden": "true", className: "size-4 shrink-0 transition-transform group-data-[state=open]:rotate-180" })] })) }));
-}
-function AgentTaskContent({ children, className, ...props }) {
-    return (_jsx(CollapsibleContent, { "data-slot": "agent-task-content", className: cn("mt-2 border-l-2 border-border pl-4", className), ...props, children: _jsx("div", { className: "grid gap-2", children: children }) }));
-}
-function AgentTaskItem({ className, ...props }) {
-    return (_jsx("div", { "data-slot": "agent-task-item", className: cn("text-sm text-muted-foreground", className), ...props }));
-}
-function AgentTaskItemFile({ children, className, ...props }) {
-    return (_jsxs("div", { "data-slot": "agent-task-item-file", className: cn("inline-flex max-w-full items-center gap-1 rounded-md border bg-secondary px-2 py-0.5 text-xs text-secondary-foreground", className), ...props, children: [_jsx(FileTextIcon, { "aria-hidden": "true", className: "size-3 shrink-0 text-muted-foreground" }), _jsx("span", { className: "truncate", children: children })] }));
-}
-export { AgentTask, AgentTaskContent, AgentTaskItem, AgentTaskItemFile, AgentTaskTrigger };

package/dist/components/agentic/approval-request.d.ts

@@ -1,24 +0,0 @@
-import type * as React from "react";
-import type { AgenticApproval, AgenticToolState } from "@ciridae/ui/types";
-import { Button } from "@ciridae/ui/button";
-type ApprovalRequestProps = React.ComponentProps<"div"> & {
-    approval?: AgenticApproval;
-    state: AgenticToolState;
-};
-type ApprovalRequestTitleProps = React.ComponentProps<"div">;
-type ApprovalRequestDescriptionProps = React.ComponentProps<"div">;
-type ApprovalRequestActionsProps = React.ComponentProps<"div">;
-type ApprovalRequestActionProps = React.ComponentProps<typeof Button>;
-type ApprovalRequestStateProps = {
-    children?: React.ReactNode;
-};
-declare function ApprovalRequest({ approval, className, state, ...props }: ApprovalRequestProps): React.JSX.Element | null;
-declare function ApprovalRequestTitle({ className, ...props }: ApprovalRequestTitleProps): React.JSX.Element;
-declare function ApprovalRequestDescription({ className, ...props }: ApprovalRequestDescriptionProps): React.JSX.Element;
-declare function ApprovalRequestPending({ children }: ApprovalRequestStateProps): React.ReactNode;
-declare function ApprovalRequestAccepted({ children }: ApprovalRequestStateProps): React.ReactNode;
-declare function ApprovalRequestRejected({ children }: ApprovalRequestStateProps): React.ReactNode;
-declare function ApprovalRequestActions({ className, ...props }: ApprovalRequestActionsProps): React.JSX.Element | null;
-declare function ApprovalRequestAction({ className, size, type, ...props }: ApprovalRequestActionProps): React.JSX.Element;
-export { ApprovalRequest, ApprovalRequestAccepted, ApprovalRequestAction, ApprovalRequestActions, ApprovalRequestDescription, ApprovalRequestPending, ApprovalRequestRejected, ApprovalRequestTitle, };
-export type { ApprovalRequestActionProps, ApprovalRequestActionsProps, ApprovalRequestDescriptionProps, ApprovalRequestProps, ApprovalRequestTitleProps, };

package/dist/components/agentic/approval-request.js

@@ -1,57 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { createContext, useContext, useMemo } from "react";
-import { Button } from "@ciridae/ui/button";
-import { cn } from "@ciridae/ui/utils";
-const ApprovalRequestContext = createContext(null);
-const responseStates = [
-    "approval-responded",
-    "output-denied",
-    "output-error",
-    "output-available",
-];
-function useApprovalRequest() {
-    const context = useContext(ApprovalRequestContext);
-    if (!context)
-        throw new Error("ApprovalRequest components must be used within ApprovalRequest");
-    return context;
-}
-function ApprovalRequest({ approval, className, state, ...props }) {
-    const contextValue = useMemo(() => ({ approval, state }), [approval, state]);
-    if (!approval || state === "input-streaming" || state === "input-available")
-        return null;
-    return (_jsx(ApprovalRequestContext.Provider, { value: contextValue, children: _jsx("div", { "data-slot": "approval-request", className: cn("grid gap-2 rounded-lg border bg-card p-3 text-sm text-card-foreground", className), ...props }) }));
-}
-function ApprovalRequestTitle({ className, ...props }) {
-    return (_jsx("div", { "data-slot": "approval-request-title", className: cn("font-medium text-foreground", className), ...props }));
-}
-function ApprovalRequestDescription({ className, ...props }) {
-    return (_jsx("div", { "data-slot": "approval-request-description", className: cn("text-muted-foreground", className), ...props }));
-}
-function ApprovalRequestPending({ children }) {
-    const { state } = useApprovalRequest();
-    if (state !== "approval-requested")
-        return null;
-    return children;
-}
-function ApprovalRequestAccepted({ children }) {
-    const { approval, state } = useApprovalRequest();
-    if (!approval?.approved || !responseStates.includes(state))
-        return null;
-    return children;
-}
-function ApprovalRequestRejected({ children }) {
-    const { approval, state } = useApprovalRequest();
-    if (approval?.approved !== false || !responseStates.includes(state))
-        return null;
-    return children;
-}
-function ApprovalRequestActions({ className, ...props }) {
-    const { state } = useApprovalRequest();
-    if (state !== "approval-requested")
-        return null;
-    return (_jsx("div", { "data-slot": "approval-request-actions", className: cn("flex items-center justify-end gap-2", className), ...props }));
-}
-function ApprovalRequestAction({ className, size = "sm", type = "button", ...props }) {
-    return (_jsx(Button, { "data-slot": "approval-request-action", className: className, size: size, type: type, ...props }));
-}
-export { ApprovalRequest, ApprovalRequestAccepted, ApprovalRequestAction, ApprovalRequestActions, ApprovalRequestDescription, ApprovalRequestPending, ApprovalRequestRejected, ApprovalRequestTitle, };

package/dist/components/agentic/artifact.d.ts

@@ -1,24 +0,0 @@
-import type * as React from "react";
-import { Button } from "@ciridae/ui/button";
-type ArtifactProps = React.ComponentProps<"div">;
-type ArtifactHeaderProps = React.ComponentProps<"div">;
-type ArtifactCloseProps = React.ComponentProps<typeof Button>;
-type ArtifactTitleProps = React.ComponentProps<"p">;
-type ArtifactDescriptionProps = React.ComponentProps<"p">;
-type ArtifactActionsProps = React.ComponentProps<"div">;
-type ArtifactActionProps = React.ComponentProps<typeof Button> & {
-    label?: string;
-    mode?: "copy" | "download" | "open";
-    value?: string;
-};
-type ArtifactContentProps = React.ComponentProps<"div">;
-declare function Artifact({ className, ...props }: ArtifactProps): React.JSX.Element;
-declare function ArtifactHeader({ className, ...props }: ArtifactHeaderProps): React.JSX.Element;
-declare function ArtifactClose({ children, type, ...props }: ArtifactCloseProps): React.JSX.Element;
-declare function ArtifactTitle({ className, ...props }: ArtifactTitleProps): React.JSX.Element;
-declare function ArtifactDescription({ className, ...props }: ArtifactDescriptionProps): React.JSX.Element;
-declare function ArtifactActions({ className, ...props }: ArtifactActionsProps): React.JSX.Element;
-declare function ArtifactAction({ children, label, mode, type, value, onClick, ...props }: ArtifactActionProps): React.JSX.Element;
-declare function ArtifactContent({ className, ...props }: ArtifactContentProps): React.JSX.Element;
-export { Artifact, ArtifactAction, ArtifactActions, ArtifactClose, ArtifactContent, ArtifactDescription, ArtifactHeader, ArtifactTitle, };
-export type { ArtifactActionProps, ArtifactActionsProps, ArtifactCloseProps, ArtifactContentProps, ArtifactDescriptionProps, ArtifactHeaderProps, ArtifactProps, ArtifactTitleProps, };

package/dist/components/agentic/artifact.js

@@ -1,72 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { CheckIcon, CopyIcon, DownloadIcon, ExternalLinkIcon, XIcon } from "lucide-react";
-import { useState } from "react";
-import { Button } from "@ciridae/ui/button";
-import { cn } from "@ciridae/ui/utils";
-import { copyToClipboard } from "./clipboard";
-function Artifact({ className, ...props }) {
-    return (_jsx("div", { "data-slot": "artifact", className: cn("flex h-full min-h-0 w-full flex-col overflow-hidden rounded-lg border bg-card text-card-foreground", className), ...props }));
-}
-function ArtifactHeader({ className, ...props }) {
-    return (_jsx("div", { "data-slot": "artifact-header", className: cn("flex min-w-0 items-start justify-between gap-3 border-b px-4 py-3", className), ...props }));
-}
-function ArtifactClose({ children, type = "button", ...props }) {
-    return (_jsx(Button, { "aria-label": "Close artifact", size: "icon", variant: "ghost", ...props, type: type, children: children ?? _jsx(XIcon, { "aria-hidden": "true", className: "size-4" }) }));
-}
-function ArtifactTitle({ className, ...props }) {
-    return (_jsx("p", { "data-slot": "artifact-title", className: cn("truncate text-sm font-medium", className), ...props }));
-}
-function ArtifactDescription({ className, ...props }) {
-    return (_jsx("p", { "data-slot": "artifact-description", className: cn("text-sm text-muted-foreground", className), ...props }));
-}
-function ArtifactActions({ className, ...props }) {
-    return (_jsx("div", { "data-slot": "artifact-actions", className: cn("flex shrink-0 items-center gap-1", className), ...props }));
-}
-function ArtifactAction({ children, label, mode = "open", type = "button", value = "", onClick, ...props }) {
-    const [copied, setCopied] = useState(false);
-    const Icon = copied
-        ? CheckIcon
-        : mode === "copy"
-            ? CopyIcon
-            : mode === "download"
-                ? DownloadIcon
-                : ExternalLinkIcon;
-    return (_jsx(Button, { "aria-label": copied ? "Copied" : label, size: "icon", variant: "ghost", ...props, type: type, onClick: (event) => {
-            onClick?.(event);
-            if (!event.defaultPrevented)
-                void runArtifactAction(mode, value, setCopied);
-        }, children: children ?? _jsx(Icon, { "aria-hidden": "true", className: "size-4" }) }));
-}
-function ArtifactContent({ className, ...props }) {
-    return (_jsx("div", { "data-slot": "artifact-content", className: cn("min-h-0 flex-1 overflow-auto p-4", className), ...props }));
-}
-async function runArtifactAction(mode, value, setCopied) {
-    if (!value)
-        return;
-    if (mode === "copy") {
-        await copyToClipboard(value, setCopied);
-        return;
-    }
-    if (mode === "download") {
-        const link = document.createElement("a");
-        link.href = value;
-        link.download = getArtifactDownloadName(value);
-        link.rel = "noreferrer";
-        document.body.appendChild(link);
-        link.click();
-        link.remove();
-        return;
-    }
-    window.open(value, "_blank", "noopener,noreferrer");
-}
-function getArtifactDownloadName(value) {
-    try {
-        const url = new URL(value, window.location.href);
-        const name = url.pathname.split("/").filter(Boolean).pop();
-        return name || "artifact";
-    }
-    catch {
-        return "artifact";
-    }
-}
-export { Artifact, ArtifactAction, ArtifactActions, ArtifactClose, ArtifactContent, ArtifactDescription, ArtifactHeader, ArtifactTitle, };

package/dist/components/agentic/attachments.d.ts

@@ -1,124 +0,0 @@
-import * as React from "react";
-import type { AgenticPromptAttachment, AgenticPromptAttachmentKind } from "@ciridae/ui/types";
-import { Button } from "@ciridae/ui/button";
-import { HoverCard, HoverCardContent, HoverCardTrigger } from "@ciridae/ui/hover-card";
-type AgenticAttachment = AgenticPromptAttachment & {
-    file?: File;
-    filename?: string;
-    title?: string;
-    type?: "file" | "source-document";
-};
-type AttachmentData = AgenticAttachment;
-type AttachmentMediaCategory = "image" | "video" | "audio" | "document" | "source" | "unknown";
-type AttachmentVariant = "grid" | "inline" | "list";
-type AttachmentErrorCode = "accept" | "max_attachments" | "max_attachment_size";
-type AttachmentError = {
-    code: AttachmentErrorCode;
-    message: string;
-};
-type AttachmentAddOptions = {
-    kind?: AgenticPromptAttachmentKind;
-};
-type AttachmentScreenshotStatus = "idle" | "capturing" | "unavailable" | "error";
-type AttachmentControllerContextValue = {
-    accept?: string;
-    add: (files: File[] | FileList, options?: AttachmentAddOptions) => void;
-    clear: () => void;
-    error?: AttachmentError;
-    files: AgenticAttachment[];
-    maxAttachmentSizeMb?: number;
-    maxAttachments?: number;
-    openFileDialog: () => void;
-    remove: (id: string) => void;
-    screenshotStatus: AttachmentScreenshotStatus;
-    takeScreenshot: () => Promise<void>;
-};
-type AttachmentProviderProps = {
-    accept?: string;
-    attachments?: AgenticAttachment[];
-    children: React.ReactNode;
-    defaultAttachments?: AgenticAttachment[];
-    maxAttachmentSizeMb?: number;
-    maxAttachments?: number;
-    multiple?: boolean;
-    onAttachmentError?: (error: AttachmentError) => void;
-    onAttachmentsChange?: (attachments: AgenticAttachment[]) => void;
-    onCaptureScreenshot?: () => File | null | Promise<File | null>;
-};
-type AttachmentsProps = React.ComponentProps<"div"> & {
-    variant?: AttachmentVariant;
-};
-type AttachmentProps = React.ComponentProps<"div"> & {
-    attachment?: AttachmentData;
-    data?: AttachmentData;
-    onRemove?: () => void;
-};
-type AttachmentPreviewProps = React.ComponentProps<"div"> & {
-    fallbackIcon?: React.ReactNode;
-};
-type AttachmentInfoProps = React.ComponentProps<"div"> & {
-    showMediaType?: boolean;
-};
-type AttachmentRemoveProps = React.ComponentProps<typeof Button> & {
-    attachmentId?: string;
-    label?: string;
-};
-type AttachmentHoverCardProps = React.ComponentProps<typeof HoverCard>;
-type AttachmentHoverCardTriggerProps = React.ComponentProps<typeof HoverCardTrigger>;
-type AttachmentHoverCardContentProps = React.ComponentProps<typeof HoverCardContent>;
-type AttachmentEmptyProps = React.ComponentProps<"div">;
-type AttachmentListProps = AttachmentsProps;
-type AttachmentNameProps = React.ComponentProps<"span">;
-type AttachmentMetaProps = React.ComponentProps<"span"> & {
-    attachment?: AttachmentData;
-    data?: AttachmentData;
-};
-type AttachmentActionRenderAs = "button" | "menu-item";
-type AttachmentActionAddFilesProps = React.ComponentProps<typeof Button> & {
-    label?: string;
-    renderAs?: AttachmentActionRenderAs;
-    tooltip?: string;
-};
-type AttachmentActionAddScreenshotProps = React.ComponentProps<typeof Button> & {
-    label?: string;
-    renderAs?: AttachmentActionRenderAs;
-    status?: AttachmentScreenshotStatus;
-    tooltip?: string;
-};
-declare function AttachmentProvider({ accept, attachments, children, defaultAttachments, maxAttachmentSizeMb, maxAttachments, multiple, onAttachmentError, onAttachmentsChange, onCaptureScreenshot, }: AttachmentProviderProps): React.JSX.Element;
-declare function useAttachments(): AttachmentControllerContextValue;
-declare function useOptionalAttachments(): AttachmentControllerContextValue | null;
-declare function useAttachmentsContext(): {
-    variant: AttachmentVariant;
-};
-declare function useAttachmentContext(): {
-    data: AttachmentData;
-    mediaCategory: AttachmentMediaCategory;
-    onRemove?: () => void;
-    variant: AttachmentVariant;
-};
-declare function Attachments({ variant, className, children, ...props }: AttachmentsProps): React.JSX.Element | null;
-declare function AttachmentList({ variant, ...props }: AttachmentListProps): React.JSX.Element;
-declare function Attachment({ attachment, children, className, data, onRemove, ...props }: AttachmentProps): React.JSX.Element | null;
-declare function AttachmentPreview({ fallbackIcon, className, ...props }: AttachmentPreviewProps): React.JSX.Element;
-declare function AttachmentInfo({ showMediaType, className, ...props }: AttachmentInfoProps): React.JSX.Element | null;
-declare function AttachmentName({ className, children, ...props }: AttachmentNameProps): React.JSX.Element;
-declare function AttachmentMeta({ attachment, children, className, data, ...props }: AttachmentMetaProps): React.JSX.Element;
-declare function AttachmentRemove({ attachmentId, children, className, label, onClick, size, type, variant: buttonVariant, ...props }: AttachmentRemoveProps): React.JSX.Element | null;
-declare function AttachmentHoverCard({ closeDelay, openDelay, ...props }: AttachmentHoverCardProps): React.JSX.Element;
-declare function AttachmentHoverCardTrigger(props: AttachmentHoverCardTriggerProps): React.JSX.Element;
-declare function AttachmentHoverCardContent({ align, className, ...props }: AttachmentHoverCardContentProps): React.JSX.Element;
-declare function AttachmentEmpty({ className, children, ...props }: AttachmentEmptyProps): React.JSX.Element;
-declare function AttachmentActionAddFiles({ children, className, label, onClick, renderAs, size, tooltip, type, variant, ...props }: AttachmentActionAddFilesProps): React.JSX.Element;
-declare function AttachmentActionAddScreenshot({ children, className, disabled, label, onClick, renderAs, size, status, tooltip, type, variant, ...props }: AttachmentActionAddScreenshotProps): React.JSX.Element;
-declare function useAttachmentDropTarget({ global, ref, }: {
-    global?: boolean;
-    ref: React.RefObject<HTMLElement | null>;
-}): void;
-declare function prepareAttachmentsForSubmit(attachments: AgenticAttachment[]): Promise<AgenticAttachment[]>;
-declare function fileToAttachment(file: File, kind?: AgenticPromptAttachmentKind): AgenticAttachment;
-declare function getMediaCategory(data: AttachmentData): AttachmentMediaCategory;
-declare function getAttachmentLabel(data: AttachmentData): string;
-declare function captureBrowserScreenshot(): Promise<File | null>;
-export { Attachment, AttachmentActionAddFiles, AttachmentActionAddScreenshot, AttachmentEmpty, AttachmentHoverCard, AttachmentHoverCardContent, AttachmentHoverCardTrigger, AttachmentInfo, AttachmentList, AttachmentMeta, AttachmentName, AttachmentPreview, AttachmentProvider, AttachmentRemove, Attachments, captureBrowserScreenshot, fileToAttachment, getAttachmentLabel, getMediaCategory, prepareAttachmentsForSubmit, useAttachmentContext, useAttachmentDropTarget, useAttachments, useAttachmentsContext, useOptionalAttachments, };
-export type { AgenticAttachment, AttachmentActionAddFilesProps, AttachmentActionAddScreenshotProps, AttachmentAddOptions, AttachmentControllerContextValue as AttachmentContextValue, AttachmentData, AttachmentEmptyProps, AttachmentError, AttachmentErrorCode, AttachmentHoverCardContentProps, AttachmentHoverCardProps, AttachmentHoverCardTriggerProps, AttachmentInfoProps, AttachmentListProps, AttachmentMediaCategory, AttachmentMetaProps, AttachmentNameProps, AttachmentPreviewProps, AttachmentProps, AttachmentProviderProps, AttachmentRemoveProps, AttachmentScreenshotStatus, AttachmentVariant, AttachmentsProps, };