@actioneer/ads 0.3.0 → 0.3.1

package/components/ai-elements/chain-of-thought.d.ts

@@ -1,13 +1,23 @@
 import { Badge } from '../badge';
 import { Collapsible, CollapsibleContent, CollapsibleTrigger } from '../collapsible';
 import { ComponentProps, ReactNode } from 'react';
+/**
+ * How steps connect to one another.
+ * - `rail`  — a short vertical segment between icons (the default).
+ * - `tree`  — the Tree connector: a continuous rail with an elbow reaching
+ *             EVERY step, so a nested trace reads as branches of its parent.
+ * - `none`  — no connector; an outer structure carries the hierarchy.
+ */
+export type ChainOfThoughtConnector = "rail" | "tree" | "none";
 /**
  * A step-first reasoning trace. The root is intentionally only a list: each
  * step owns its own disclosure so the trace does not need a redundant global
  * "Chain of Thought" trigger above it.
  */
-export type ChainOfThoughtProps = ComponentProps<"div">;
-export declare const ChainOfThought: import('react').MemoExoticComponent<({ className, role, ...props }: ChainOfThoughtProps) => import("react").JSX.Element>;
+export type ChainOfThoughtProps = ComponentProps<"div"> & {
+    connector?: ChainOfThoughtConnector;
+};
+export declare const ChainOfThought: import('react').MemoExoticComponent<({ className, role, connector, children, ...props }: ChainOfThoughtProps) => import("react").JSX.Element>;
 /**
  * Step lifecycle mirrors the production work-trace statuses: steps stream in
  * as `active`, settle to `complete`, and surface failures as `error` — an
@@ -17,17 +27,27 @@ export type ChainOfThoughtStatus = "complete" | "active" | "pending" | "error";
 export type ChainOfThoughtStepProps = ComponentProps<typeof Collapsible> & {
     status?: ChainOfThoughtStatus;
 };
-export declare const ChainOfThoughtStep: import('react').MemoExoticComponent<({ className, defaultOpen, open: controlledOpen, onOpenChange, status, role, "aria-busy": ariaBusy, ...props }: ChainOfThoughtStepProps) => import("react").JSX.Element>;
+export declare const ChainOfThoughtStep: import('react').MemoExoticComponent<({ className, defaultOpen, open: controlledOpen, onOpenChange, status, role, "aria-busy": ariaBusy, children, ...props }: ChainOfThoughtStepProps) => import("react").JSX.Element>;
 export type ChainOfThoughtTriggerProps = Omit<ComponentProps<typeof CollapsibleTrigger>, "asChild" | "children"> & {
     children: ReactNode;
     /** Semantic icon rendered on the reasoning rail. */
     leftIcon?: ReactNode;
     /** Optional trailing metadata such as elapsed time. */
     endContent?: ReactNode;
-    /** Swap the semantic icon for a disclosure affordance on hover. */
+    /**
+     * Show the disclosure caret at the row's trailing edge, next to
+     * `endContent` — the same anatomy as `TaskTrigger`, so a nested trace reads
+     * consistently at both levels. With the caret on, the leading icon keeps its
+     * meaning instead of being swapped for an affordance.
+     */
+    caret?: boolean;
+    /**
+     * Swap the semantic icon for a disclosure affordance on hover. Ignored when
+     * `caret` is set — one affordance per row.
+     */
     swapIconOnHover?: boolean;
 };
-export declare const ChainOfThoughtTrigger: import('react').MemoExoticComponent<({ className, children, leftIcon, endContent, swapIconOnHover, ...props }: ChainOfThoughtTriggerProps) => import("react").JSX.Element>;
+export declare const ChainOfThoughtTrigger: import('react').MemoExoticComponent<({ className, children, leftIcon, endContent, caret, swapIconOnHover, ...props }: ChainOfThoughtTriggerProps) => import("react").JSX.Element>;
 export type ChainOfThoughtContentProps = ComponentProps<typeof CollapsibleContent>;
 export declare const ChainOfThoughtContent: import('react').MemoExoticComponent<({ className, children, ...props }: ChainOfThoughtContentProps) => import("react").JSX.Element>;
 export type ChainOfThoughtItemProps = ComponentProps<"div">;