captify 0.1.15

package/dist/shared/components/ai-elements/confirmation.js

@@ -0,0 +1,73 @@
+"use client";
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Alert, AlertDescription } from "../ui/alert";
+import { Button } from "../ui/button";
+import { cn } from "../../utilities/cn";
+import { createContext, useContext } from "react";
+const ConfirmationContext = createContext(null);
+const useConfirmation = () => {
+    const context = useContext(ConfirmationContext);
+    if (!context) {
+        throw new Error("Confirmation components must be used within Confirmation");
+    }
+    return context;
+};
+export const Confirmation = (_a) => {
+    var { className, approval, state } = _a, props = __rest(_a, ["className", "approval", "state"]);
+    if (!approval || state === "input-streaming" || state === "input-available") {
+        return null;
+    }
+    return (_jsx(ConfirmationContext.Provider, { value: { approval, state }, children: _jsx(Alert, Object.assign({ className: cn("flex flex-col gap-2", className) }, props)) }));
+};
+export const ConfirmationTitle = (_a) => {
+    var { className } = _a, props = __rest(_a, ["className"]);
+    return (_jsx(AlertDescription, Object.assign({ className: cn("inline", className) }, props)));
+};
+export const ConfirmationRequest = ({ children }) => {
+    const { state } = useConfirmation();
+    // Only show when approval is requested
+    if (state !== "approval-requested") {
+        return null;
+    }
+    return children;
+};
+export const ConfirmationAccepted = ({ children }) => {
+    const { approval, state } = useConfirmation();
+    // Only show when approved and in response states
+    if (!(approval === null || approval === void 0 ? void 0 : approval.approved) ||
+        (state !== "approval-responded" && state !== "output-denied" && state !== "output-available")) {
+        return null;
+    }
+    return children;
+};
+export const ConfirmationRejected = ({ children }) => {
+    const { approval, state } = useConfirmation();
+    // Only show when rejected and in response states
+    if ((approval === null || approval === void 0 ? void 0 : approval.approved) !== false ||
+        (state !== "approval-responded" && state !== "output-denied" && state !== "output-available")) {
+        return null;
+    }
+    return children;
+};
+export const ConfirmationActions = (_a) => {
+    var { className } = _a, props = __rest(_a, ["className"]);
+    const { state } = useConfirmation();
+    // Only show when approval is requested
+    if (state !== "approval-requested") {
+        return null;
+    }
+    return (_jsx("div", Object.assign({ className: cn("flex items-center justify-end gap-2 self-end", className) }, props)));
+};
+export const ConfirmationAction = (props) => (_jsx(Button, Object.assign({ className: "h-8 px-3 text-sm", type: "button" }, props)));
+//# sourceMappingURL=confirmation.js.map

package/dist/shared/components/ai-elements/confirmation.js.map

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

package/dist/shared/components/ai-elements/connection.d.ts

@@ -0,0 +1,3 @@
+import type { ConnectionLineComponent } from "@xyflow/react";
+export declare const Connection: ConnectionLineComponent;
+//# sourceMappingURL=connection.d.ts.map

package/dist/shared/components/ai-elements/connection.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"connection.d.ts","sourceRoot":"","sources":["../../../../lib/shared/components/ai-elements/connection.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,eAAe,CAAC;AAI7D,eAAO,MAAM,UAAU,EAAE,uBAWxB,CAAC"}

package/dist/shared/components/ai-elements/connection.js

@@ -0,0 +1,4 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const HALF = 0.5;
+export const Connection = ({ fromX, fromY, toX, toY }) => (_jsxs("g", { children: [_jsx("path", { className: "animated", d: `M${fromX},${fromY} C ${fromX + (toX - fromX) * HALF},${fromY} ${fromX + (toX - fromX) * HALF},${toY} ${toX},${toY}`, fill: "none", stroke: "var(--color-ring)", strokeWidth: 1 }), _jsx("circle", { cx: toX, cy: toY, fill: "#fff", r: 3, stroke: "var(--color-ring)", strokeWidth: 1 })] }));
+//# sourceMappingURL=connection.js.map

package/dist/shared/components/ai-elements/connection.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"connection.js","sourceRoot":"","sources":["../../../../lib/shared/components/ai-elements/connection.tsx"],"names":[],"mappings":";AAEA,MAAM,IAAI,GAAG,GAAG,CAAC;AAEjB,MAAM,CAAC,MAAM,UAAU,GAA4B,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,GAAG,EAAE,GAAG,EAAE,EAAE,EAAE,CAAC,CACjF,wBACE,eACE,SAAS,EAAC,UAAU,EACpB,CAAC,EAAE,IAAI,KAAK,IAAI,KAAK,MAAM,KAAK,GAAG,CAAC,GAAG,GAAG,KAAK,CAAC,GAAG,IAAI,IAAI,KAAK,IAAI,KAAK,GAAG,CAAC,GAAG,GAAG,KAAK,CAAC,GAAG,IAAI,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,EAAE,EACvH,IAAI,EAAC,MAAM,EACX,MAAM,EAAC,mBAAmB,EAC1B,WAAW,EAAE,CAAC,GACd,EACF,iBAAQ,EAAE,EAAE,GAAG,EAAE,EAAE,EAAE,GAAG,EAAE,IAAI,EAAC,MAAM,EAAC,CAAC,EAAE,CAAC,EAAE,MAAM,EAAC,mBAAmB,EAAC,WAAW,EAAE,CAAC,GAAI,IACvF,CACL,CAAC"}

package/dist/shared/components/ai-elements/context.d.ts

@@ -0,0 +1,33 @@
+import { Button } from "../ui/button";
+import { HoverCard, HoverCardContent } from "../ui/hover-card";
+import type { LanguageModelUsage } from "ai";
+import { type ComponentProps } from "react";
+type ModelId = string;
+type ContextSchema = {
+    usedTokens: number;
+    maxTokens: number;
+    usage?: LanguageModelUsage;
+    modelId?: ModelId;
+};
+export type ContextProps = ComponentProps<typeof HoverCard> & ContextSchema;
+export declare const Context: ({ usedTokens, maxTokens, usage, modelId, ...props }: ContextProps) => import("react/jsx-runtime").JSX.Element;
+export type ContextTriggerProps = ComponentProps<typeof Button>;
+export declare const ContextTrigger: ({ children, ...props }: ContextTriggerProps) => import("react/jsx-runtime").JSX.Element;
+export type ContextContentProps = ComponentProps<typeof HoverCardContent>;
+export declare const ContextContent: ({ className, ...props }: ContextContentProps) => import("react/jsx-runtime").JSX.Element;
+export type ContextContentHeaderProps = ComponentProps<"div">;
+export declare const ContextContentHeader: ({ children, className, ...props }: ContextContentHeaderProps) => import("react/jsx-runtime").JSX.Element;
+export type ContextContentBodyProps = ComponentProps<"div">;
+export declare const ContextContentBody: ({ children, className, ...props }: ContextContentBodyProps) => import("react/jsx-runtime").JSX.Element;
+export type ContextContentFooterProps = ComponentProps<"div">;
+export declare const ContextContentFooter: ({ children, className, ...props }: ContextContentFooterProps) => import("react/jsx-runtime").JSX.Element;
+export type ContextInputUsageProps = ComponentProps<"div">;
+export declare const ContextInputUsage: ({ className, children, ...props }: ContextInputUsageProps) => string | number | bigint | true | Iterable<import("react").ReactNode> | Promise<string | number | bigint | boolean | import("react").ReactPortal | import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>> | Iterable<import("react").ReactNode> | null | undefined> | import("react/jsx-runtime").JSX.Element | null;
+export type ContextOutputUsageProps = ComponentProps<"div">;
+export declare const ContextOutputUsage: ({ className, children, ...props }: ContextOutputUsageProps) => string | number | bigint | true | Iterable<import("react").ReactNode> | Promise<string | number | bigint | boolean | import("react").ReactPortal | import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>> | Iterable<import("react").ReactNode> | null | undefined> | import("react/jsx-runtime").JSX.Element | null;
+export type ContextReasoningUsageProps = ComponentProps<"div">;
+export declare const ContextReasoningUsage: ({ className, children, ...props }: ContextReasoningUsageProps) => string | number | bigint | true | Iterable<import("react").ReactNode> | Promise<string | number | bigint | boolean | import("react").ReactPortal | import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>> | Iterable<import("react").ReactNode> | null | undefined> | import("react/jsx-runtime").JSX.Element | null;
+export type ContextCacheUsageProps = ComponentProps<"div">;
+export declare const ContextCacheUsage: ({ className, children, ...props }: ContextCacheUsageProps) => string | number | bigint | true | Iterable<import("react").ReactNode> | Promise<string | number | bigint | boolean | import("react").ReactPortal | import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>> | Iterable<import("react").ReactNode> | null | undefined> | import("react/jsx-runtime").JSX.Element | null;
+export {};
+//# sourceMappingURL=context.d.ts.map

package/dist/shared/components/ai-elements/context.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"context.d.ts","sourceRoot":"","sources":["../../../../lib/shared/components/ai-elements/context.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,MAAM,EAAE,MAAM,mCAAmC,CAAC;AAC3D,OAAO,EACL,SAAS,EACT,gBAAgB,EAEjB,MAAM,uCAAuC,CAAC;AAG/C,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,IAAI,CAAC;AAC7C,OAAO,EAAE,KAAK,cAAc,EAA6B,MAAM,OAAO,CAAC;AASvE,KAAK,OAAO,GAAG,MAAM,CAAC;AAEtB,KAAK,aAAa,GAAG;IACnB,UAAU,EAAE,MAAM,CAAC;IACnB,SAAS,EAAE,MAAM,CAAC;IAClB,KAAK,CAAC,EAAE,kBAAkB,CAAC;IAC3B,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,CAAC;AAcF,MAAM,MAAM,YAAY,GAAG,cAAc,CAAC,OAAO,SAAS,CAAC,GAAG,aAAa,CAAC;AAE5E,eAAO,MAAM,OAAO,GAAI,qDAAqD,YAAY,4CAWxF,CAAC;AA2CF,MAAM,MAAM,mBAAmB,GAAG,cAAc,CAAC,OAAO,MAAM,CAAC,CAAC;AAEhE,eAAO,MAAM,cAAc,GAAI,wBAAwB,mBAAmB,4CAkBzE,CAAC;AAEF,MAAM,MAAM,mBAAmB,GAAG,cAAc,CAAC,OAAO,gBAAgB,CAAC,CAAC;AAE1E,eAAO,MAAM,cAAc,GAAI,yBAAyB,mBAAmB,4CAE1E,CAAC;AAEF,MAAM,MAAM,yBAAyB,GAAG,cAAc,CAAC,KAAK,CAAC,CAAC;AAE9D,eAAO,MAAM,oBAAoB,GAAI,mCAIlC,yBAAyB,4CA+B3B,CAAC;AAEF,MAAM,MAAM,uBAAuB,GAAG,cAAc,CAAC,KAAK,CAAC,CAAC;AAE5D,eAAO,MAAM,kBAAkB,GAAI,mCAAmC,uBAAuB,4CAI5F,CAAC;AAEF,MAAM,MAAM,yBAAyB,GAAG,cAAc,CAAC,KAAK,CAAC,CAAC;AAE9D,eAAO,MAAM,oBAAoB,GAAI,mCAIlC,yBAAyB,4CAgC3B,CAAC;AAEF,MAAM,MAAM,sBAAsB,GAAG,cAAc,CAAC,KAAK,CAAC,CAAC;AAE3D,eAAO,MAAM,iBAAiB,GAAI,mCAAmC,sBAAsB,6VA6B1F,CAAC;AAEF,MAAM,MAAM,uBAAuB,GAAG,cAAc,CAAC,KAAK,CAAC,CAAC;AAE5D,eAAO,MAAM,kBAAkB,GAAI,mCAAmC,uBAAuB,6VA6B5F,CAAC;AAEF,MAAM,MAAM,0BAA0B,GAAG,cAAc,CAAC,KAAK,CAAC,CAAC;AAE/D,eAAO,MAAM,qBAAqB,GAAI,mCAInC,0BAA0B,6VA6B5B,CAAC;AAEF,MAAM,MAAM,sBAAsB,GAAG,cAAc,CAAC,KAAK,CAAC,CAAC;AAE3D,eAAO,MAAM,iBAAiB,GAAI,mCAAmC,sBAAsB,6VA6B1F,CAAC"}

package/dist/shared/components/ai-elements/context.js

@@ -0,0 +1,199 @@
+"use client";
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { Button } from "../ui/button";
+import { HoverCard, HoverCardContent, HoverCardTrigger, } from "../ui/hover-card";
+import { Progress } from "../ui/progress";
+import { cn } from "../../utilities/cn";
+import { createContext, useContext } from "react";
+import { getUsage } from "tokenlens";
+const PERCENT_MAX = 100;
+const ICON_RADIUS = 10;
+const ICON_VIEWBOX = 24;
+const ICON_CENTER = 12;
+const ICON_STROKE_WIDTH = 2;
+const ContextContext = createContext(null);
+const useContextValue = () => {
+    const context = useContext(ContextContext);
+    if (!context) {
+        throw new Error("Context components must be used within Context");
+    }
+    return context;
+};
+export const Context = (_a) => {
+    var { usedTokens, maxTokens, usage, modelId } = _a, props = __rest(_a, ["usedTokens", "maxTokens", "usage", "modelId"]);
+    return (_jsx(ContextContext.Provider, { value: {
+            usedTokens,
+            maxTokens,
+            usage,
+            modelId,
+        }, children: _jsx(HoverCard, Object.assign({ closeDelay: 0, openDelay: 0 }, props)) }));
+};
+const ContextIcon = () => {
+    const { usedTokens, maxTokens } = useContextValue();
+    const circumference = 2 * Math.PI * ICON_RADIUS;
+    const usedPercent = usedTokens / maxTokens;
+    const dashOffset = circumference * (1 - usedPercent);
+    return (_jsxs("svg", { "aria-label": "Model context usage", height: "20", role: "img", style: { color: "currentcolor" }, viewBox: `0 0 ${ICON_VIEWBOX} ${ICON_VIEWBOX}`, width: "20", children: [_jsx("circle", { cx: ICON_CENTER, cy: ICON_CENTER, fill: "none", opacity: "0.25", r: ICON_RADIUS, stroke: "currentColor", strokeWidth: ICON_STROKE_WIDTH }), _jsx("circle", { cx: ICON_CENTER, cy: ICON_CENTER, fill: "none", opacity: "0.7", r: ICON_RADIUS, stroke: "currentColor", strokeDasharray: `${circumference} ${circumference}`, strokeDashoffset: dashOffset, strokeLinecap: "round", strokeWidth: ICON_STROKE_WIDTH, style: { transformOrigin: "center", transform: "rotate(-90deg)" } })] }));
+};
+export const ContextTrigger = (_a) => {
+    var { children } = _a, props = __rest(_a, ["children"]);
+    const { usedTokens, maxTokens } = useContextValue();
+    const usedPercent = usedTokens / maxTokens;
+    const renderedPercent = new Intl.NumberFormat("en-US", {
+        style: "percent",
+        maximumFractionDigits: 1,
+    }).format(usedPercent);
+    return (_jsx(HoverCardTrigger, { asChild: true, children: children !== null && children !== void 0 ? children : (_jsxs(Button, Object.assign({ type: "button", variant: "ghost" }, props, { children: [_jsx("span", { className: "text-muted-foreground font-medium", children: renderedPercent }), _jsx(ContextIcon, {})] }))) }));
+};
+export const ContextContent = (_a) => {
+    var { className } = _a, props = __rest(_a, ["className"]);
+    return (_jsx(HoverCardContent, Object.assign({ className: cn("min-w-60 divide-y overflow-hidden p-0", className) }, props)));
+};
+export const ContextContentHeader = (_a) => {
+    var { children, className } = _a, props = __rest(_a, ["children", "className"]);
+    const { usedTokens, maxTokens } = useContextValue();
+    const usedPercent = usedTokens / maxTokens;
+    const displayPct = new Intl.NumberFormat("en-US", {
+        style: "percent",
+        maximumFractionDigits: 1,
+    }).format(usedPercent);
+    const used = new Intl.NumberFormat("en-US", {
+        notation: "compact",
+    }).format(usedTokens);
+    const total = new Intl.NumberFormat("en-US", {
+        notation: "compact",
+    }).format(maxTokens);
+    return (_jsx("div", Object.assign({ className: cn("w-full space-y-2 p-3", className) }, props, { children: children !== null && children !== void 0 ? children : (_jsxs(_Fragment, { children: [_jsxs("div", { className: "flex items-center justify-between gap-3 text-xs", children: [_jsx("p", { children: displayPct }), _jsxs("p", { className: "text-muted-foreground font-mono", children: [used, " / ", total] })] }), _jsx("div", { className: "space-y-2", children: _jsx(Progress, { className: "bg-muted", value: usedPercent * PERCENT_MAX }) })] })) })));
+};
+export const ContextContentBody = (_a) => {
+    var { children, className } = _a, props = __rest(_a, ["children", "className"]);
+    return (_jsx("div", Object.assign({ className: cn("w-full p-3", className) }, props, { children: children })));
+};
+export const ContextContentFooter = (_a) => {
+    var _b, _c, _d;
+    var { children, className } = _a, props = __rest(_a, ["children", "className"]);
+    const { modelId, usage } = useContextValue();
+    const costUSD = modelId
+        ? (_d = getUsage({
+            modelId,
+            usage: {
+                input: (_b = usage === null || usage === void 0 ? void 0 : usage.inputTokens) !== null && _b !== void 0 ? _b : 0,
+                output: (_c = usage === null || usage === void 0 ? void 0 : usage.outputTokens) !== null && _c !== void 0 ? _c : 0,
+            },
+        }).costUSD) === null || _d === void 0 ? void 0 : _d.totalUSD
+        : undefined;
+    const totalCost = new Intl.NumberFormat("en-US", {
+        style: "currency",
+        currency: "USD",
+    }).format(costUSD !== null && costUSD !== void 0 ? costUSD : 0);
+    return (_jsx("div", Object.assign({ className: cn("bg-secondary flex w-full items-center justify-between gap-3 p-3 text-xs", className) }, props, { children: children !== null && children !== void 0 ? children : (_jsxs(_Fragment, { children: [_jsx("span", { className: "text-muted-foreground", children: "Total cost" }), _jsx("span", { children: totalCost })] })) })));
+};
+export const ContextInputUsage = (_a) => {
+    var _b, _c;
+    var { className, children } = _a, props = __rest(_a, ["className", "children"]);
+    const { usage, modelId } = useContextValue();
+    const inputTokens = (_b = usage === null || usage === void 0 ? void 0 : usage.inputTokens) !== null && _b !== void 0 ? _b : 0;
+    if (children) {
+        return children;
+    }
+    if (!inputTokens) {
+        return null;
+    }
+    const inputCost = modelId
+        ? (_c = getUsage({
+            modelId,
+            usage: { input: inputTokens, output: 0 },
+        }).costUSD) === null || _c === void 0 ? void 0 : _c.totalUSD
+        : undefined;
+    const inputCostText = new Intl.NumberFormat("en-US", {
+        style: "currency",
+        currency: "USD",
+    }).format(inputCost !== null && inputCost !== void 0 ? inputCost : 0);
+    return (_jsxs("div", Object.assign({ className: cn("flex items-center justify-between text-xs", className) }, props, { children: [_jsx("span", { className: "text-muted-foreground", children: "Input" }), _jsx(TokensWithCost, { costText: inputCostText, tokens: inputTokens })] })));
+};
+export const ContextOutputUsage = (_a) => {
+    var _b, _c;
+    var { className, children } = _a, props = __rest(_a, ["className", "children"]);
+    const { usage, modelId } = useContextValue();
+    const outputTokens = (_b = usage === null || usage === void 0 ? void 0 : usage.outputTokens) !== null && _b !== void 0 ? _b : 0;
+    if (children) {
+        return children;
+    }
+    if (!outputTokens) {
+        return null;
+    }
+    const outputCost = modelId
+        ? (_c = getUsage({
+            modelId,
+            usage: { input: 0, output: outputTokens },
+        }).costUSD) === null || _c === void 0 ? void 0 : _c.totalUSD
+        : undefined;
+    const outputCostText = new Intl.NumberFormat("en-US", {
+        style: "currency",
+        currency: "USD",
+    }).format(outputCost !== null && outputCost !== void 0 ? outputCost : 0);
+    return (_jsxs("div", Object.assign({ className: cn("flex items-center justify-between text-xs", className) }, props, { children: [_jsx("span", { className: "text-muted-foreground", children: "Output" }), _jsx(TokensWithCost, { costText: outputCostText, tokens: outputTokens })] })));
+};
+export const ContextReasoningUsage = (_a) => {
+    var _b, _c;
+    var { className, children } = _a, props = __rest(_a, ["className", "children"]);
+    const { usage, modelId } = useContextValue();
+    const reasoningTokens = (_b = usage === null || usage === void 0 ? void 0 : usage.reasoningTokens) !== null && _b !== void 0 ? _b : 0;
+    if (children) {
+        return children;
+    }
+    if (!reasoningTokens) {
+        return null;
+    }
+    const reasoningCost = modelId
+        ? (_c = getUsage({
+            modelId,
+            usage: { reasoningTokens },
+        }).costUSD) === null || _c === void 0 ? void 0 : _c.totalUSD
+        : undefined;
+    const reasoningCostText = new Intl.NumberFormat("en-US", {
+        style: "currency",
+        currency: "USD",
+    }).format(reasoningCost !== null && reasoningCost !== void 0 ? reasoningCost : 0);
+    return (_jsxs("div", Object.assign({ className: cn("flex items-center justify-between text-xs", className) }, props, { children: [_jsx("span", { className: "text-muted-foreground", children: "Reasoning" }), _jsx(TokensWithCost, { costText: reasoningCostText, tokens: reasoningTokens })] })));
+};
+export const ContextCacheUsage = (_a) => {
+    var _b, _c;
+    var { className, children } = _a, props = __rest(_a, ["className", "children"]);
+    const { usage, modelId } = useContextValue();
+    const cacheTokens = (_b = usage === null || usage === void 0 ? void 0 : usage.cachedInputTokens) !== null && _b !== void 0 ? _b : 0;
+    if (children) {
+        return children;
+    }
+    if (!cacheTokens) {
+        return null;
+    }
+    const cacheCost = modelId
+        ? (_c = getUsage({
+            modelId,
+            usage: { cacheReads: cacheTokens, input: 0, output: 0 },
+        }).costUSD) === null || _c === void 0 ? void 0 : _c.totalUSD
+        : undefined;
+    const cacheCostText = new Intl.NumberFormat("en-US", {
+        style: "currency",
+        currency: "USD",
+    }).format(cacheCost !== null && cacheCost !== void 0 ? cacheCost : 0);
+    return (_jsxs("div", Object.assign({ className: cn("flex items-center justify-between text-xs", className) }, props, { children: [_jsx("span", { className: "text-muted-foreground", children: "Cache" }), _jsx(TokensWithCost, { costText: cacheCostText, tokens: cacheTokens })] })));
+};
+const TokensWithCost = ({ tokens, costText }) => (_jsxs("span", { children: [tokens === undefined
+            ? "—"
+            : new Intl.NumberFormat("en-US", {
+                notation: "compact",
+            }).format(tokens), costText ? _jsxs("span", { className: "text-muted-foreground ml-2", children: ["\u2022 ", costText] }) : null] }));
+//# sourceMappingURL=context.js.map

package/dist/shared/components/ai-elements/context.js.map

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

package/dist/shared/components/ai-elements/controls.d.ts

@@ -0,0 +1,5 @@
+import { Controls as ControlsPrimitive } from "@xyflow/react";
+import type { ComponentProps } from "react";
+export type ControlsProps = ComponentProps<typeof ControlsPrimitive>;
+export declare const Controls: ({ className, ...props }: ControlsProps) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=controls.d.ts.map

package/dist/shared/components/ai-elements/controls.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"controls.d.ts","sourceRoot":"","sources":["../../../../lib/shared/components/ai-elements/controls.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,QAAQ,IAAI,iBAAiB,EAAE,MAAM,eAAe,CAAC;AAC9D,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAE5C,MAAM,MAAM,aAAa,GAAG,cAAc,CAAC,OAAO,iBAAiB,CAAC,CAAC;AAErE,eAAO,MAAM,QAAQ,GAAI,yBAAyB,aAAa,4CAS9D,CAAC"}

package/dist/shared/components/ai-elements/controls.js

@@ -0,0 +1,20 @@
+"use client";
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import { jsx as _jsx } from "react/jsx-runtime";
+import { cn } from "../../utilities/cn";
+import { Controls as ControlsPrimitive } from "@xyflow/react";
+export const Controls = (_a) => {
+    var { className } = _a, props = __rest(_a, ["className"]);
+    return (_jsx(ControlsPrimitive, Object.assign({ className: cn("bg-card gap-px overflow-hidden rounded-md border p-1 shadow-none!", "[&>button]:hover:bg-secondary! [&>button]:rounded-md [&>button]:border-none! [&>button]:bg-transparent!", className) }, props)));
+};
+//# sourceMappingURL=controls.js.map

package/dist/shared/components/ai-elements/controls.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"controls.js","sourceRoot":"","sources":["../../../../lib/shared/components/ai-elements/controls.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;;;;;;;;;;;;AAEb,OAAO,EAAE,EAAE,EAAE,MAAM,2BAA2B,CAAC;AAC/C,OAAO,EAAE,QAAQ,IAAI,iBAAiB,EAAE,MAAM,eAAe,CAAC;AAK9D,MAAM,CAAC,MAAM,QAAQ,GAAG,CAAC,EAAsC,EAAE,EAAE;QAA1C,EAAE,SAAS,OAA2B,EAAtB,KAAK,cAArB,aAAuB,CAAF;IAAsB,OAAA,CAClE,KAAC,iBAAiB,kBAChB,SAAS,EAAE,EAAE,CACX,mEAAmE,EACnE,yGAAyG,EACzG,SAAS,CACV,IACG,KAAK,EACT,CACH,CAAA;CAAA,CAAC"}

package/dist/shared/components/ai-elements/conversation.d.ts

@@ -0,0 +1,16 @@
+import { Button } from "../ui/button";
+import type { ComponentProps } from "react";
+import { StickToBottom } from "use-stick-to-bottom";
+export type ConversationProps = ComponentProps<typeof StickToBottom>;
+export declare const Conversation: ({ className, ...props }: ConversationProps) => import("react/jsx-runtime").JSX.Element;
+export type ConversationContentProps = ComponentProps<typeof StickToBottom.Content>;
+export declare const ConversationContent: ({ className, ...props }: ConversationContentProps) => import("react/jsx-runtime").JSX.Element;
+export type ConversationEmptyStateProps = ComponentProps<"div"> & {
+    title?: string;
+    description?: string;
+    icon?: React.ReactNode;
+};
+export declare const ConversationEmptyState: ({ className, title, description, icon, children, ...props }: ConversationEmptyStateProps) => import("react/jsx-runtime").JSX.Element;
+export type ConversationScrollButtonProps = ComponentProps<typeof Button>;
+export declare const ConversationScrollButton: ({ className, ...props }: ConversationScrollButtonProps) => false | import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=conversation.d.ts.map

package/dist/shared/components/ai-elements/conversation.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"conversation.d.ts","sourceRoot":"","sources":["../../../../lib/shared/components/ai-elements/conversation.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,MAAM,EAAE,MAAM,mCAAmC,CAAC;AAG3D,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAE5C,OAAO,EAAE,aAAa,EAA2B,MAAM,qBAAqB,CAAC;AAE7E,MAAM,MAAM,iBAAiB,GAAG,cAAc,CAAC,OAAO,aAAa,CAAC,CAAC;AAErE,eAAO,MAAM,YAAY,GAAI,yBAAyB,iBAAiB,4CAQtE,CAAC;AAEF,MAAM,MAAM,wBAAwB,GAAG,cAAc,CAAC,OAAO,aAAa,CAAC,OAAO,CAAC,CAAC;AAEpF,eAAO,MAAM,mBAAmB,GAAI,yBAAyB,wBAAwB,4CAEpF,CAAC;AAEF,MAAM,MAAM,2BAA2B,GAAG,cAAc,CAAC,KAAK,CAAC,GAAG;IAChE,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CACxB,CAAC;AAEF,eAAO,MAAM,sBAAsB,GAAI,6DAOpC,2BAA2B,4CAkB7B,CAAC;AAEF,MAAM,MAAM,6BAA6B,GAAG,cAAc,CAAC,OAAO,MAAM,CAAC,CAAC;AAE1E,eAAO,MAAM,wBAAwB,GAAI,yBAGtC,6BAA6B,oDAqB/B,CAAC"}

package/dist/shared/components/ai-elements/conversation.js

@@ -0,0 +1,39 @@
+"use client";
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { Button } from "../ui/button";
+import { cn } from "../../utilities/cn";
+import { ArrowDownIcon } from "lucide-react";
+import { useCallback } from "react";
+import { StickToBottom, useStickToBottomContext } from "use-stick-to-bottom";
+export const Conversation = (_a) => {
+    var { className } = _a, props = __rest(_a, ["className"]);
+    return (_jsx(StickToBottom, Object.assign({ className: cn("relative flex-1 overflow-y-auto", className), initial: "smooth", resize: "smooth", role: "log" }, props)));
+};
+export const ConversationContent = (_a) => {
+    var { className } = _a, props = __rest(_a, ["className"]);
+    return (_jsx(StickToBottom.Content, Object.assign({ className: cn("p-4", className) }, props)));
+};
+export const ConversationEmptyState = (_a) => {
+    var { className, title = "No messages yet", description = "Start a conversation to see messages here", icon, children } = _a, props = __rest(_a, ["className", "title", "description", "icon", "children"]);
+    return (_jsx("div", Object.assign({ className: cn("flex size-full flex-col items-center justify-center gap-3 p-8 text-center", className) }, props, { children: children !== null && children !== void 0 ? children : (_jsxs(_Fragment, { children: [icon && _jsx("div", { className: "text-muted-foreground", children: icon }), _jsxs("div", { className: "space-y-1", children: [_jsx("h3", { className: "text-sm font-medium", children: title }), description && _jsx("p", { className: "text-muted-foreground text-sm", children: description })] })] })) })));
+};
+export const ConversationScrollButton = (_a) => {
+    var { className } = _a, props = __rest(_a, ["className"]);
+    const { isAtBottom, scrollToBottom } = useStickToBottomContext();
+    const handleScrollToBottom = useCallback(() => {
+        scrollToBottom();
+    }, [scrollToBottom]);
+    return (!isAtBottom && (_jsx(Button, Object.assign({ className: cn("absolute bottom-4 left-[50%] translate-x-[-50%] rounded-full", className), onClick: handleScrollToBottom, size: "icon", type: "button", variant: "outline" }, props, { children: _jsx(ArrowDownIcon, { className: "size-4" }) }))));
+};
+//# sourceMappingURL=conversation.js.map

package/dist/shared/components/ai-elements/conversation.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"conversation.js","sourceRoot":"","sources":["../../../../lib/shared/components/ai-elements/conversation.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;;;;;;;;;;;;AAEb,OAAO,EAAE,MAAM,EAAE,MAAM,mCAAmC,CAAC;AAC3D,OAAO,EAAE,EAAE,EAAE,MAAM,2BAA2B,CAAC;AAC/C,OAAO,EAAE,aAAa,EAAE,MAAM,cAAc,CAAC;AAE7C,OAAO,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AACpC,OAAO,EAAE,aAAa,EAAE,uBAAuB,EAAE,MAAM,qBAAqB,CAAC;AAI7E,MAAM,CAAC,MAAM,YAAY,GAAG,CAAC,EAA0C,EAAE,EAAE;QAA9C,EAAE,SAAS,OAA+B,EAA1B,KAAK,cAArB,aAAuB,CAAF;IAA0B,OAAA,CAC1E,KAAC,aAAa,kBACZ,SAAS,EAAE,EAAE,CAAC,iCAAiC,EAAE,SAAS,CAAC,EAC3D,OAAO,EAAC,QAAQ,EAChB,MAAM,EAAC,QAAQ,EACf,IAAI,EAAC,KAAK,IACN,KAAK,EACT,CACH,CAAA;CAAA,CAAC;AAIF,MAAM,CAAC,MAAM,mBAAmB,GAAG,CAAC,EAAiD,EAAE,EAAE;QAArD,EAAE,SAAS,OAAsC,EAAjC,KAAK,cAArB,aAAuB,CAAF;IAAiC,OAAA,CACxF,KAAC,aAAa,CAAC,OAAO,kBAAC,SAAS,EAAE,EAAE,CAAC,KAAK,EAAE,SAAS,CAAC,IAAM,KAAK,EAAI,CACtE,CAAA;CAAA,CAAC;AAQF,MAAM,CAAC,MAAM,sBAAsB,GAAG,CAAC,EAOT,EAAE,EAAE;QAPK,EACrC,SAAS,EACT,KAAK,GAAG,iBAAiB,EACzB,WAAW,GAAG,2CAA2C,EACzD,IAAI,EACJ,QAAQ,OAEoB,EADzB,KAAK,cAN6B,yDAOtC,CADS;IACyB,OAAA,CACjC,4BACE,SAAS,EAAE,EAAE,CACX,2EAA2E,EAC3E,SAAS,CACV,IACG,KAAK,cAER,QAAQ,aAAR,QAAQ,cAAR,QAAQ,GAAI,CACX,8BACG,IAAI,IAAI,cAAK,SAAS,EAAC,uBAAuB,YAAE,IAAI,GAAO,EAC5D,eAAK,SAAS,EAAC,WAAW,aACxB,aAAI,SAAS,EAAC,qBAAqB,YAAE,KAAK,GAAM,EAC/C,WAAW,IAAI,YAAG,SAAS,EAAC,+BAA+B,YAAE,WAAW,GAAK,IAC1E,IACL,CACJ,IACG,CACP,CAAA;CAAA,CAAC;AAIF,MAAM,CAAC,MAAM,wBAAwB,GAAG,CAAC,EAGT,EAAE,EAAE;QAHK,EACvC,SAAS,OAEqB,EAD3B,KAAK,cAF+B,aAGxC,CADS;IAER,MAAM,EAAE,UAAU,EAAE,cAAc,EAAE,GAAG,uBAAuB,EAAE,CAAC;IAEjE,MAAM,oBAAoB,GAAG,WAAW,CAAC,GAAG,EAAE;QAC5C,cAAc,EAAE,CAAC;IACnB,CAAC,EAAE,CAAC,cAAc,CAAC,CAAC,CAAC;IAErB,OAAO,CACL,CAAC,UAAU,IAAI,CACb,KAAC,MAAM,kBACL,SAAS,EAAE,EAAE,CAAC,8DAA8D,EAAE,SAAS,CAAC,EACxF,OAAO,EAAE,oBAAoB,EAC7B,IAAI,EAAC,MAAM,EACX,IAAI,EAAC,QAAQ,EACb,OAAO,EAAC,SAAS,IACb,KAAK,cAET,KAAC,aAAa,IAAC,SAAS,EAAC,QAAQ,GAAG,IAC7B,CACV,CACF,CAAC;AACJ,CAAC,CAAC"}

package/dist/shared/components/ai-elements/edge.d.ts

@@ -0,0 +1,6 @@
+import { type EdgeProps } from "@xyflow/react";
+export declare const Edge: {
+    Temporary: ({ id, sourceX, sourceY, targetX, targetY, sourcePosition, targetPosition, }: EdgeProps) => import("react/jsx-runtime").JSX.Element;
+    Animated: ({ id, source, target, markerEnd, style }: EdgeProps) => import("react/jsx-runtime").JSX.Element | null;
+};
+//# sourceMappingURL=edge.d.ts.map

package/dist/shared/components/ai-elements/edge.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"edge.d.ts","sourceRoot":"","sources":["../../../../lib/shared/components/ai-elements/edge.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEL,KAAK,SAAS,EAOf,MAAM,eAAe,CAAC;AAsHvB,eAAO,MAAM,IAAI;6FA5Gd,SAAS;yDA+EgD,SAAS;CAgCpE,CAAC"}

package/dist/shared/components/ai-elements/edge.js

@@ -0,0 +1,84 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { BaseEdge, getBezierPath, getSimpleBezierPath, Position, useInternalNode, } from "@xyflow/react";
+const Temporary = ({ id, sourceX, sourceY, targetX, targetY, sourcePosition, targetPosition, }) => {
+    const [edgePath] = getSimpleBezierPath({
+        sourceX,
+        sourceY,
+        sourcePosition,
+        targetX,
+        targetY,
+        targetPosition,
+    });
+    return (_jsx(BaseEdge, { className: "stroke-ring stroke-1", id: id, path: edgePath, style: {
+            strokeDasharray: "5, 5",
+        } }));
+};
+const getHandleCoordsByPosition = (node, handlePosition) => {
+    var _a, _b;
+    // Choose the handle type based on position - Left is for target, Right is for source
+    const handleType = handlePosition === Position.Left ? "target" : "source";
+    const handle = (_b = (_a = node.internals.handleBounds) === null || _a === void 0 ? void 0 : _a[handleType]) === null || _b === void 0 ? void 0 : _b.find((h) => h.position === handlePosition);
+    if (!handle) {
+        return [0, 0];
+    }
+    let offsetX = handle.width / 2;
+    let offsetY = handle.height / 2;
+    // this is a tiny detail to make the markerEnd of an edge visible.
+    // The handle position that gets calculated has the origin top-left, so depending which side we are using, we add a little offset
+    // when the handlePosition is Position.Right for example, we need to add an offset as big as the handle itself in order to get the correct position
+    switch (handlePosition) {
+        case Position.Left:
+            offsetX = 0;
+            break;
+        case Position.Right:
+            offsetX = handle.width;
+            break;
+        case Position.Top:
+            offsetY = 0;
+            break;
+        case Position.Bottom:
+            offsetY = handle.height;
+            break;
+        default:
+            throw new Error(`Invalid handle position: ${handlePosition}`);
+    }
+    const x = node.internals.positionAbsolute.x + handle.x + offsetX;
+    const y = node.internals.positionAbsolute.y + handle.y + offsetY;
+    return [x, y];
+};
+const getEdgeParams = (source, target) => {
+    const sourcePos = Position.Right;
+    const [sx, sy] = getHandleCoordsByPosition(source, sourcePos);
+    const targetPos = Position.Left;
+    const [tx, ty] = getHandleCoordsByPosition(target, targetPos);
+    return {
+        sx,
+        sy,
+        tx,
+        ty,
+        sourcePos,
+        targetPos,
+    };
+};
+const Animated = ({ id, source, target, markerEnd, style }) => {
+    const sourceNode = useInternalNode(source);
+    const targetNode = useInternalNode(target);
+    if (!(sourceNode && targetNode)) {
+        return null;
+    }
+    const { sx, sy, tx, ty, sourcePos, targetPos } = getEdgeParams(sourceNode, targetNode);
+    const [edgePath] = getBezierPath({
+        sourceX: sx,
+        sourceY: sy,
+        sourcePosition: sourcePos,
+        targetX: tx,
+        targetY: ty,
+        targetPosition: targetPos,
+    });
+    return (_jsxs(_Fragment, { children: [_jsx(BaseEdge, { id: id, markerEnd: markerEnd, path: edgePath, style: style }), _jsx("circle", { fill: "var(--primary)", r: "4", children: _jsx("animateMotion", { dur: "2s", path: edgePath, repeatCount: "indefinite" }) })] }));
+};
+export const Edge = {
+    Temporary,
+    Animated,
+};
+//# sourceMappingURL=edge.js.map

package/dist/shared/components/ai-elements/edge.js.map

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

package/dist/shared/components/ai-elements/image.d.ts

@@ -0,0 +1,7 @@
+import type { Experimental_GeneratedImage } from "ai";
+export type ImageProps = Experimental_GeneratedImage & {
+    className?: string;
+    alt?: string;
+};
+export declare const Image: ({ base64, uint8Array: _uint8Array, mediaType, ...props }: ImageProps) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=image.d.ts.map

package/dist/shared/components/ai-elements/image.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"image.d.ts","sourceRoot":"","sources":["../../../../lib/shared/components/ai-elements/image.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,2BAA2B,EAAE,MAAM,IAAI,CAAC;AAEtD,MAAM,MAAM,UAAU,GAAG,2BAA2B,GAAG;IACrD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,GAAG,CAAC,EAAE,MAAM,CAAC;CACd,CAAC;AAEF,eAAO,MAAM,KAAK,GAAI,0DAA0D,UAAU,4CAOzF,CAAC"}

package/dist/shared/components/ai-elements/image.js

@@ -0,0 +1,18 @@
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import { jsx as _jsx } from "react/jsx-runtime";
+import { cn } from "../../utilities/cn";
+export const Image = (_a) => {
+    var { base64, uint8Array: _uint8Array, mediaType } = _a, props = __rest(_a, ["base64", "uint8Array", "mediaType"]);
+    return (_jsx("img", Object.assign({}, props, { alt: props.alt, className: cn("h-auto max-w-full overflow-hidden rounded-md", props.className), src: `data:${mediaType};base64,${base64}` })));
+};
+//# sourceMappingURL=image.js.map

package/dist/shared/components/ai-elements/image.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"image.js","sourceRoot":"","sources":["../../../../lib/shared/components/ai-elements/image.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAAA,OAAO,EAAE,EAAE,EAAE,MAAM,2BAA2B,CAAC;AAQ/C,MAAM,CAAC,MAAM,KAAK,GAAG,CAAC,EAAoE,EAAE,EAAE;QAAxE,EAAE,MAAM,EAAE,UAAU,EAAE,WAAW,EAAE,SAAS,OAAwB,EAAnB,KAAK,cAAtD,qCAAwD,CAAF;IAAmB,OAAA,CAC7F,8BACM,KAAK,IACT,GAAG,EAAE,KAAK,CAAC,GAAG,EACd,SAAS,EAAE,EAAE,CAAC,8CAA8C,EAAE,KAAK,CAAC,SAAS,CAAC,EAC9E,GAAG,EAAE,QAAQ,SAAS,WAAW,MAAM,EAAE,IACzC,CACH,CAAA;CAAA,CAAC"}