ikoncomponents 1.6.2 → 1.6.4

package/README.md

@@ -1,36 +1,36 @@
-This is a [Next.js](https://nextjs.org) project bootstrapped with [`create-next-app`](https://nextjs.org/docs/app/api-reference/cli/create-next-app).
-
-## Getting Started
-
-First, run the development server:
-
-```bash
-npm run dev
-# or
-yarn dev
-# or
-pnpm dev
-# or
-bun dev
-```
-
-Open [http://localhost:3000](http://localhost:3000) with your browser to see the result.
-
-You can start editing the page by modifying `app/page.tsx`. The page auto-updates as you edit the file.
-
-This project uses [`next/font`](https://nextjs.org/docs/app/building-your-application/optimizing/fonts) to automatically optimize and load [Geist](https://vercel.com/font), a new font family for Vercel.
-
-## Learn More
-
-To learn more about Next.js, take a look at the following resources:
-
-- [Next.js Documentation](https://nextjs.org/docs) - learn about Next.js features and API.
-- [Learn Next.js](https://nextjs.org/learn) - an interactive Next.js tutorial.
-
-You can check out [the Next.js GitHub repository](https://github.com/vercel/next.js) - your feedback and contributions are welcome!
-
-## Deploy on Vercel
-
-The easiest way to deploy your Next.js app is to use the [Vercel Platform](https://vercel.com/new?utm_medium=default-template&filter=next.js&utm_source=create-next-app&utm_campaign=create-next-app-readme) from the creators of Next.js.
-
-Check out our [Next.js deployment documentation](https://nextjs.org/docs/app/building-your-application/deploying) for more details.
+This is a [Next.js](https://nextjs.org) project bootstrapped with [`create-next-app`](https://nextjs.org/docs/app/api-reference/cli/create-next-app).
+
+## Getting Started
+
+First, run the development server:
+
+```bash
+npm run dev
+# or
+yarn dev
+# or
+pnpm dev
+# or
+bun dev
+```
+
+Open [http://localhost:3000](http://localhost:3000) with your browser to see the result.
+
+You can start editing the page by modifying `app/page.tsx`. The page auto-updates as you edit the file.
+
+This project uses [`next/font`](https://nextjs.org/docs/app/building-your-application/optimizing/fonts) to automatically optimize and load [Geist](https://vercel.com/font), a new font family for Vercel.
+
+## Learn More
+
+To learn more about Next.js, take a look at the following resources:
+
+- [Next.js Documentation](https://nextjs.org/docs) - learn about Next.js features and API.
+- [Learn Next.js](https://nextjs.org/learn) - an interactive Next.js tutorial.
+
+You can check out [the Next.js GitHub repository](https://github.com/vercel/next.js) - your feedback and contributions are welcome!
+
+## Deploy on Vercel
+
+The easiest way to deploy your Next.js app is to use the [Vercel Platform](https://vercel.com/new?utm_medium=default-template&filter=next.js&utm_source=create-next-app&utm_campaign=create-next-app-readme) from the creators of Next.js.
+
+Check out our [Next.js deployment documentation](https://nextjs.org/docs/app/building-your-application/deploying) for more details.

package/dist/ikoncomponents/assistant-ui/Assistant.d.ts

@@ -0,0 +1,14 @@
+import { UserData } from "../../utils/userType";
+interface AssistantComponentProps {
+    provider?: string;
+    model?: string;
+    agentId?: string;
+    agentName?: string;
+    temperature?: number;
+    maxTokens?: number;
+    className?: string;
+    baseUrl?: string;
+    currentUserDetails: UserData;
+}
+export declare const AssistantComponent: ({ provider, model, agentId, agentName, temperature, maxTokens, className, baseUrl, currentUserDetails }: AssistantComponentProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/ikoncomponents/assistant-ui/Assistant.js

@@ -0,0 +1,20 @@
+"use client";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Thread } from "./thread";
+import { AssistantRuntimeProvider } from "@assistant-ui/react";
+import { useChatRuntime } from "@assistant-ui/react-ai-sdk";
+import { AgentTextChatTransport } from "./agentTextChatTransport";
+export const AssistantComponent = ({ provider = "openai", model = "gpt-4o-mini", agentId = "default-agent", agentName = "Default Agent", temperature = 0.7, maxTokens = 2048, className, baseUrl = "http://localhost:3000", currentUserDetails }) => {
+    const runtime = useChatRuntime({
+        transport: new AgentTextChatTransport({
+            provider,
+            model,
+            agentId,
+            agentName,
+            temperature,
+            maxTokens,
+            baseUrl
+        }),
+    });
+    return _jsx(AssistantRuntimeProvider, { runtime: runtime, children: _jsx("div", { className: className, children: _jsx("div", { className: `flex flex-col h-full border rounded-lg overflow-hidden ${className}`, children: _jsx(Thread, { currentUserDetails: currentUserDetails }) }) }) });
+};

package/dist/ikoncomponents/assistant-ui/agentTextChatTransport.d.ts

@@ -0,0 +1,28 @@
+import { ChatTransport, UIMessage, UIMessageChunk, ChatRequestOptions } from "ai";
+export interface AgentTextChatTransportOptions {
+    provider: string;
+    model: string;
+    agentId: string;
+    agentName?: string;
+    temperature?: number;
+    maxTokens?: number;
+    baseUrl?: string;
+}
+export declare class AgentTextChatTransport<UI_MESSAGE extends UIMessage = UIMessage> implements ChatTransport<UI_MESSAGE> {
+    private agentConfig;
+    private baseUrl;
+    private chatIdMap;
+    constructor(options: AgentTextChatTransportOptions);
+    private getChatId;
+    sendMessages(options: {
+        trigger: "submit-message" | "regenerate-message";
+        chatId: string;
+        messageId: string | undefined;
+        messages: UI_MESSAGE[];
+        abortSignal: AbortSignal | undefined;
+    } & ChatRequestOptions): Promise<ReadableStream<UIMessageChunk>>;
+    reconnectToStream(options: {
+        chatId: string;
+    } & ChatRequestOptions): Promise<ReadableStream<UIMessageChunk> | null>;
+    private processResponseStream;
+}

package/dist/ikoncomponents/assistant-ui/agentTextChatTransport.js

@@ -0,0 +1,198 @@
+import { v4 as uuidv4 } from "uuid";
+export class AgentTextChatTransport {
+    constructor(options) {
+        this.chatIdMap = new Map();
+        this.agentConfig = options;
+        this.baseUrl = options.baseUrl || "";
+    }
+    getChatId(chatId) {
+        if (this.chatIdMap.has(chatId)) {
+            return this.chatIdMap.get(chatId);
+        }
+        return uuidv4();
+    }
+    async sendMessages(options) {
+        var _a, _b;
+        const { messages, chatId, abortSignal, headers, body } = options;
+        console.log("sendMessages called with chatId:", chatId, "trigger:", options.trigger);
+        const serverChatId = this.getChatId(chatId);
+        console.log("Using server chatId:", serverChatId);
+        // Convert UIMessage[] to LangChain AIMessage format
+        const convertedMessages = messages.map((msg) => {
+            const content = msg.parts
+                .filter((part) => part.type === "text")
+                .map((part) => part.text)
+                .join("");
+            return {
+                role: msg.role,
+                content: content,
+            };
+        });
+        const requestBody = Object.assign({ messages: convertedMessages, provider: this.agentConfig.provider, model: this.agentConfig.model, agentId: this.agentConfig.agentId, agentName: this.agentConfig.agentName, temperature: (_a = this.agentConfig.temperature) !== null && _a !== void 0 ? _a : 0.7, maxTokens: (_b = this.agentConfig.maxTokens) !== null && _b !== void 0 ? _b : 2048, stream: true, useVoice: false }, body);
+        const mergedHeaders = Object.assign({ "Content-Type": "application/json" }, (headers instanceof Headers
+            ? Object.fromEntries(headers.entries())
+            : headers || {}));
+        try {
+            const response = await fetch(`${this.baseUrl}/api/chat/completions/${serverChatId}`, {
+                method: "POST",
+                headers: mergedHeaders,
+                body: JSON.stringify(requestBody),
+                signal: abortSignal,
+                cache: "no-store",
+            });
+            if (!response.ok) {
+                throw new Error(`HTTP error! status: ${response.status}`);
+            }
+            if (!response.body) {
+                throw new Error("Response body is null");
+            }
+            return this.processResponseStream(response.body);
+        }
+        catch (error) {
+            console.error("Error in sendMessages:", error);
+            throw error;
+        }
+    }
+    async reconnectToStream(options) {
+        return null;
+    }
+    processResponseStream(stream) {
+        const decoder = new TextDecoder();
+        let buffer = "";
+        let reader = null;
+        let isClosed = false;
+        let pendingChunks = [];
+        let hasStarted = false;
+        let messageId = "";
+        let textStarted = false;
+        let textPartId = "";
+        return new ReadableStream({
+            async start(controller) {
+                reader = stream.getReader();
+            },
+            async pull(controller) {
+                var _a;
+                if (!reader || isClosed) {
+                    return;
+                }
+                // First, deliver any pending chunks one at a time
+                if (pendingChunks.length > 0) {
+                    controller.enqueue(pendingChunks.shift());
+                    return;
+                }
+                try {
+                    const { done, value } = await reader.read();
+                    if (done) {
+                        // Send text-end and finish chunks before closing
+                        if (hasStarted && messageId) {
+                            if (textStarted && textPartId) {
+                                pendingChunks.push({
+                                    type: "text-end",
+                                    id: textPartId,
+                                });
+                            }
+                            pendingChunks.push({
+                                type: "finish",
+                                finishReason: "stop",
+                            });
+                            // Enqueue pending chunks before closing
+                            while (pendingChunks.length > 0) {
+                                controller.enqueue(pendingChunks.shift());
+                            }
+                        }
+                        if (!isClosed) {
+                            isClosed = true;
+                            controller.close();
+                        }
+                        return;
+                    }
+                    buffer += decoder.decode(value, { stream: true });
+                    const lines = buffer.split("\n");
+                    buffer = lines.pop() || "";
+                    for (const line of lines) {
+                        const trimmedLine = line.trim();
+                        if (!trimmedLine)
+                            continue;
+                        if (trimmedLine.startsWith("data:")) {
+                            const data = trimmedLine.slice(5).trim();
+                            if (!data)
+                                continue;
+                            try {
+                                const parsed = JSON.parse(data);
+                                if (isClosed) {
+                                    return;
+                                }
+                                // Track message ID and send start chunk once
+                                if (parsed.id && !messageId) {
+                                    messageId = parsed.id;
+                                    hasStarted = true;
+                                    pendingChunks.push({
+                                        type: "start",
+                                    });
+                                }
+                                let chunk = null;
+                                if (parsed.type === "ai") {
+                                    const message = (_a = parsed.messages) === null || _a === void 0 ? void 0 : _a[0];
+                                    if (message === null || message === void 0 ? void 0 : message.content) {
+                                        // Generate text part ID once
+                                        if (!textPartId) {
+                                            textPartId = uuidv4();
+                                        }
+                                        // Send text-start before first delta
+                                        if (!textStarted) {
+                                            textStarted = true;
+                                            pendingChunks.push({
+                                                type: "text-start",
+                                                id: textPartId,
+                                            });
+                                        }
+                                        chunk = {
+                                            type: "text-delta",
+                                            delta: message.content,
+                                            id: textPartId,
+                                        };
+                                    }
+                                }
+                                else if (parsed.type === "tool") {
+                                    const toolCall = parsed.toolCall;
+                                    if (toolCall) {
+                                        chunk = {
+                                            type: "tool-input-available",
+                                            toolCallId: toolCall.callId,
+                                            toolName: toolCall.name,
+                                            input: toolCall.result,
+                                        };
+                                    }
+                                }
+                                if (chunk) {
+                                    pendingChunks.push(chunk);
+                                }
+                            }
+                            catch (e) {
+                                // Ignore parse errors
+                            }
+                        }
+                    }
+                    // Enqueue the first chunk if we have any
+                    if (pendingChunks.length > 0) {
+                        controller.enqueue(pendingChunks.shift());
+                    }
+                }
+                catch (error) {
+                    if (!isClosed) {
+                        isClosed = true;
+                        controller.error(error);
+                    }
+                }
+            },
+            cancel() {
+                isClosed = true;
+                pendingChunks = [];
+                if (reader) {
+                    reader.releaseLock();
+                    reader = null;
+                }
+            },
+        });
+    }
+}

package/dist/ikoncomponents/assistant-ui/attachment.d.ts

@@ -0,0 +1,4 @@
+import { type FC } from "react";
+export declare const UserMessageAttachments: FC;
+export declare const ComposerAttachments: FC;
+export declare const ComposerAddAttachment: FC;

package/dist/ikoncomponents/assistant-ui/attachment.js

@@ -0,0 +1,93 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useEffect, useState } from "react";
+import Image from "next/image";
+import { XIcon, PlusIcon, FileText } from "lucide-react";
+import { AttachmentPrimitive, ComposerPrimitive, MessagePrimitive, useAssistantState, useAssistantApi, } from "@assistant-ui/react";
+import { useShallow } from "zustand/shallow";
+import { Tooltip, TooltipContent, TooltipTrigger, } from "../../shadcn/tooltip";
+import { Dialog, DialogTitle, DialogContent, DialogTrigger, } from "../../shadcn/dialog";
+import { Avatar, AvatarImage, AvatarFallback } from "../../shadcn/avatar";
+import { TooltipIconButton } from "./tooltip-icon-button";
+import { cn } from "../../utils/cn";
+const useFileSrc = (file) => {
+    const [src, setSrc] = useState(undefined);
+    useEffect(() => {
+        if (!file) {
+            setSrc(undefined);
+            return;
+        }
+        const objectUrl = URL.createObjectURL(file);
+        setSrc(objectUrl);
+        return () => {
+            URL.revokeObjectURL(objectUrl);
+        };
+    }, [file]);
+    return src;
+};
+const useAttachmentSrc = () => {
+    var _a;
+    const { file, src } = useAssistantState(useShallow(({ attachment }) => {
+        var _a, _b;
+        if (attachment.type !== "image")
+            return {};
+        if (attachment.file)
+            return { file: attachment.file };
+        const src = (_b = (_a = attachment.content) === null || _a === void 0 ? void 0 : _a.filter((c) => c.type === "image")[0]) === null || _b === void 0 ? void 0 : _b.image;
+        if (!src)
+            return {};
+        return { src };
+    }));
+    return (_a = useFileSrc(file)) !== null && _a !== void 0 ? _a : src;
+};
+const AttachmentPreview = ({ src }) => {
+    const [isLoaded, setIsLoaded] = useState(false);
+    return (_jsx(Image, { src: src, alt: "Image Preview", width: 1, height: 1, className: isLoaded
+            ? "aui-attachment-preview-image-loaded block h-auto max-h-[80vh] w-auto max-w-full object-contain"
+            : "aui-attachment-preview-image-loading hidden", onLoadingComplete: () => setIsLoaded(true), priority: false }));
+};
+const AttachmentPreviewDialog = ({ children }) => {
+    const src = useAttachmentSrc();
+    if (!src)
+        return children;
+    return (_jsxs(Dialog, { children: [_jsx(DialogTrigger, { className: "aui-attachment-preview-trigger cursor-pointer transition-colors hover:bg-accent/50", asChild: true, children: children }), _jsxs(DialogContent, { className: "aui-attachment-preview-dialog-content p-2 sm:max-w-3xl [&>button]:rounded-full [&>button]:bg-foreground/60 [&>button]:p-1 [&>button]:opacity-100 [&>button]:ring-0! [&_svg]:text-background [&>button]:hover:[&_svg]:text-destructive", children: [_jsx(DialogTitle, { className: "aui-sr-only sr-only", children: "Image Attachment Preview" }), _jsx("div", { className: "aui-attachment-preview relative mx-auto flex max-h-[80dvh] w-full items-center justify-center overflow-hidden bg-background", children: _jsx(AttachmentPreview, { src: src }) })] })] }));
+};
+const AttachmentThumb = () => {
+    const isImage = useAssistantState(({ attachment }) => attachment.type === "image");
+    const src = useAttachmentSrc();
+    return (_jsxs(Avatar, { className: "aui-attachment-tile-avatar h-full w-full rounded-none", children: [_jsx(AvatarImage, { src: src, alt: "Attachment preview", className: "aui-attachment-tile-image object-cover" }), _jsx(AvatarFallback, { delayMs: isImage ? 200 : 0, children: _jsx(FileText, { className: "aui-attachment-tile-fallback-icon size-8 text-muted-foreground" }) })] }));
+};
+const AttachmentUI = () => {
+    const api = useAssistantApi();
+    const isComposer = api.attachment.source === "composer";
+    const isImage = useAssistantState(({ attachment }) => attachment.type === "image");
+    const typeLabel = useAssistantState(({ attachment }) => {
+        const type = attachment.type;
+        switch (type) {
+            case "image":
+                return "Image";
+            case "document":
+                return "Document";
+            case "file":
+                return "File";
+            default:
+                const _exhaustiveCheck = type;
+                throw new Error(`Unknown attachment type: ${_exhaustiveCheck}`);
+        }
+    });
+    return (_jsxs(Tooltip, { children: [_jsxs(AttachmentPrimitive.Root, { className: cn("aui-attachment-root relative", isImage &&
+                    "aui-attachment-root-composer only:[&>#attachment-tile]:size-24"), children: [_jsx(AttachmentPreviewDialog, { children: _jsx(TooltipTrigger, { asChild: true, children: _jsx("div", { className: cn("aui-attachment-tile size-14 cursor-pointer overflow-hidden rounded-[14px] border bg-muted transition-opacity hover:opacity-75", isComposer &&
+                                    "aui-attachment-tile-composer border-foreground/20"), role: "button", id: "attachment-tile", "aria-label": `${typeLabel} attachment`, children: _jsx(AttachmentThumb, {}) }) }) }), isComposer && _jsx(AttachmentRemove, {})] }), _jsx(TooltipContent, { side: "top", children: _jsx(AttachmentPrimitive.Name, {}) })] }));
+};
+const AttachmentRemove = () => {
+    return (_jsx(AttachmentPrimitive.Remove, { asChild: true, children: _jsx(TooltipIconButton, { tooltip: "Remove file", className: "aui-attachment-tile-remove absolute top-1.5 right-1.5 size-3.5 rounded-full bg-white text-muted-foreground opacity-100 shadow-sm hover:bg-white! [&_svg]:text-black hover:[&_svg]:text-destructive", side: "top", children: _jsx(XIcon, { className: "aui-attachment-remove-icon size-3 dark:stroke-[2.5px]" }) }) }));
+};
+export const UserMessageAttachments = () => {
+    return (_jsx("div", { className: "aui-user-message-attachments-end col-span-full col-start-1 row-start-1 flex w-full flex-row justify-end gap-2", children: _jsx(MessagePrimitive.Attachments, { components: { Attachment: AttachmentUI } }) }));
+};
+export const ComposerAttachments = () => {
+    return (_jsx("div", { className: "aui-composer-attachments mb-2 flex w-full flex-row items-center gap-2 overflow-x-auto px-1.5 pt-0.5 pb-1 empty:hidden", children: _jsx(ComposerPrimitive.Attachments, { components: { Attachment: AttachmentUI } }) }));
+};
+export const ComposerAddAttachment = () => {
+    return (_jsx(ComposerPrimitive.AddAttachment, { asChild: true, children: _jsx(TooltipIconButton, { tooltip: "Add Attachment", side: "bottom", variant: "ghost", size: "icon", className: "aui-composer-add-attachment size-8.5 rounded-full p-1 font-semibold text-xs hover:bg-muted-foreground/15 dark:border-muted-foreground/15 dark:hover:bg-muted-foreground/30", "aria-label": "Add Attachment", children: _jsx(PlusIcon, { className: "aui-attachment-add-icon size-5 stroke-[1.5px]" }) }) }));
+};

package/dist/ikoncomponents/assistant-ui/markdown-text.d.ts

@@ -0,0 +1,2 @@
+import "@assistant-ui/react-markdown";
+export declare const MarkdownText: import("react").MemoExoticComponent<() => import("react/jsx-runtime").JSX.Element>;

package/dist/ikoncomponents/assistant-ui/markdown-text.js

@@ -0,0 +1,126 @@
+"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 } from "react/jsx-runtime";
+import "@assistant-ui/react-markdown";
+import { MarkdownTextPrimitive, unstable_memoizeMarkdownComponents as memoizeMarkdownComponents, useIsMarkdownCodeBlock, } from "@assistant-ui/react-markdown";
+import remarkGfm from "remark-gfm";
+import { memo, useState } from "react";
+import { CheckIcon, CopyIcon } from "lucide-react";
+import { TooltipIconButton } from "../assistant-ui/tooltip-icon-button";
+import { cn } from "../../utils/cn";
+const MarkdownTextImpl = () => {
+    return (_jsx(MarkdownTextPrimitive, { remarkPlugins: [remarkGfm], className: "aui-md", components: defaultComponents }));
+};
+export const MarkdownText = memo(MarkdownTextImpl);
+const CodeHeader = ({ language, code }) => {
+    const { isCopied, copyToClipboard } = useCopyToClipboard();
+    const onCopy = () => {
+        if (!code || isCopied)
+            return;
+        copyToClipboard(code);
+    };
+    return (_jsxs("div", { className: "aui-code-header-root mt-4 flex items-center justify-between gap-4 rounded-t-lg bg-muted-foreground/15 px-4 py-2 font-semibold text-foreground text-sm dark:bg-muted-foreground/20", children: [_jsx("span", { className: "aui-code-header-language lowercase [&>span]:text-xs", children: language }), _jsxs(TooltipIconButton, { tooltip: "Copy", onClick: onCopy, children: [!isCopied && _jsx(CopyIcon, {}), isCopied && _jsx(CheckIcon, {})] })] }));
+};
+const useCopyToClipboard = ({ copiedDuration = 3000, } = {}) => {
+    const [isCopied, setIsCopied] = useState(false);
+    const copyToClipboard = (value) => {
+        if (!value)
+            return;
+        navigator.clipboard.writeText(value).then(() => {
+            setIsCopied(true);
+            setTimeout(() => setIsCopied(false), copiedDuration);
+        });
+    };
+    return { isCopied, copyToClipboard };
+};
+const defaultComponents = memoizeMarkdownComponents({
+    h1: (_a) => {
+        var { className } = _a, props = __rest(_a, ["className"]);
+        return (_jsx("h1", Object.assign({ className: cn("aui-md-h1 mb-8 scroll-m-20 font-extrabold text-4xl tracking-tight last:mb-0", className) }, props)));
+    },
+    h2: (_a) => {
+        var { className } = _a, props = __rest(_a, ["className"]);
+        return (_jsx("h2", Object.assign({ className: cn("aui-md-h2 mt-8 mb-4 scroll-m-20 font-semibold text-3xl tracking-tight first:mt-0 last:mb-0", className) }, props)));
+    },
+    h3: (_a) => {
+        var { className } = _a, props = __rest(_a, ["className"]);
+        return (_jsx("h3", Object.assign({ className: cn("aui-md-h3 mt-6 mb-4 scroll-m-20 font-semibold text-2xl tracking-tight first:mt-0 last:mb-0", className) }, props)));
+    },
+    h4: (_a) => {
+        var { className } = _a, props = __rest(_a, ["className"]);
+        return (_jsx("h4", Object.assign({ className: cn("aui-md-h4 mt-6 mb-4 scroll-m-20 font-semibold text-xl tracking-tight first:mt-0 last:mb-0", className) }, props)));
+    },
+    h5: (_a) => {
+        var { className } = _a, props = __rest(_a, ["className"]);
+        return (_jsx("h5", Object.assign({ className: cn("aui-md-h5 my-4 font-semibold text-lg first:mt-0 last:mb-0", className) }, props)));
+    },
+    h6: (_a) => {
+        var { className } = _a, props = __rest(_a, ["className"]);
+        return (_jsx("h6", Object.assign({ className: cn("aui-md-h6 my-4 font-semibold first:mt-0 last:mb-0", className) }, props)));
+    },
+    p: (_a) => {
+        var { className } = _a, props = __rest(_a, ["className"]);
+        return (_jsx("p", Object.assign({ className: cn("aui-md-p mt-5 mb-5 leading-7 first:mt-0 last:mb-0", className) }, props)));
+    },
+    a: (_a) => {
+        var { className } = _a, props = __rest(_a, ["className"]);
+        return (_jsx("a", Object.assign({ className: cn("aui-md-a font-medium text-primary underline underline-offset-4", className) }, props)));
+    },
+    blockquote: (_a) => {
+        var { className } = _a, props = __rest(_a, ["className"]);
+        return (_jsx("blockquote", Object.assign({ className: cn("aui-md-blockquote border-l-2 pl-6 italic", className) }, props)));
+    },
+    ul: (_a) => {
+        var { className } = _a, props = __rest(_a, ["className"]);
+        return (_jsx("ul", Object.assign({ className: cn("aui-md-ul my-5 ml-6 list-disc [&>li]:mt-2", className) }, props)));
+    },
+    ol: (_a) => {
+        var { className } = _a, props = __rest(_a, ["className"]);
+        return (_jsx("ol", Object.assign({ className: cn("aui-md-ol my-5 ml-6 list-decimal [&>li]:mt-2", className) }, props)));
+    },
+    hr: (_a) => {
+        var { className } = _a, props = __rest(_a, ["className"]);
+        return (_jsx("hr", Object.assign({ className: cn("aui-md-hr my-5 border-b", className) }, props)));
+    },
+    table: (_a) => {
+        var { className } = _a, props = __rest(_a, ["className"]);
+        return (_jsx("table", Object.assign({ className: cn("aui-md-table my-5 w-full border-separate border-spacing-0 overflow-y-auto", className) }, props)));
+    },
+    th: (_a) => {
+        var { className } = _a, props = __rest(_a, ["className"]);
+        return (_jsx("th", Object.assign({ className: cn("aui-md-th bg-muted px-4 py-2 text-left font-bold first:rounded-tl-lg last:rounded-tr-lg [[align=center]]:text-center [[align=right]]:text-right", className) }, props)));
+    },
+    td: (_a) => {
+        var { className } = _a, props = __rest(_a, ["className"]);
+        return (_jsx("td", Object.assign({ className: cn("aui-md-td border-b border-l px-4 py-2 text-left last:border-r [[align=center]]:text-center [[align=right]]:text-right", className) }, props)));
+    },
+    tr: (_a) => {
+        var { className } = _a, props = __rest(_a, ["className"]);
+        return (_jsx("tr", Object.assign({ className: cn("aui-md-tr m-0 border-b p-0 first:border-t [&:last-child>td:first-child]:rounded-bl-lg [&:last-child>td:last-child]:rounded-br-lg", className) }, props)));
+    },
+    sup: (_a) => {
+        var { className } = _a, props = __rest(_a, ["className"]);
+        return (_jsx("sup", Object.assign({ className: cn("aui-md-sup [&>a]:text-xs [&>a]:no-underline", className) }, props)));
+    },
+    pre: (_a) => {
+        var { className } = _a, props = __rest(_a, ["className"]);
+        return (_jsx("pre", Object.assign({ className: cn("aui-md-pre overflow-x-auto rounded-t-none!rounded-b-lg bg-black p-4 text-white", className) }, props)));
+    },
+    code: function Code(_a) {
+        var { className } = _a, props = __rest(_a, ["className"]);
+        const isCodeBlock = useIsMarkdownCodeBlock();
+        return (_jsx("code", Object.assign({ className: cn(!isCodeBlock &&
+                "aui-md-inline-code rounded border bg-muted font-semibold", className) }, props)));
+    },
+    CodeHeader,
+});

package/dist/ikoncomponents/assistant-ui/thread.d.ts

@@ -0,0 +1,5 @@
+import { type FC } from "react";
+import { UserData } from "../../utils/userType";
+export declare const Thread: FC<{
+    currentUserDetails: UserData;
+}>;