@arcadeai/design-system 3.36.0 → 3.36.2

package/dist/components/ui/molecules/switcher.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"switcher.d.ts","sourceRoot":"","sources":["../../../../lib/components/ui/molecules/switcher.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,SAAS,EAAa,MAAM,OAAO,CAAC;AAUlD,OAAO,EAEL,mBAAmB,EAGpB,MAAM,qCAAqC,CAAC;AA6B7C;;;;GAIG;AACH,iBAAS,WAAW;;;oBA1BF,OAAO,KAAK,IAAI;;EAkCjC;AAID,KAAK,iBAAiB,GAAG;IACvB,QAAQ,EAAE,SAAS,CAAC;IACpB,qCAAqC;IACrC,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACtB,gFAAgF;IAChF,aAAa,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACvC,+EAA+E;IAC/E,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,yFAAyF;IACzF,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;CACxC,CAAC;AAEF;;;;;;;;;;;;;;;;;;GAkBG;AACH,iBAAS,QAAQ,CAAC,EAChB,QAAQ,EACR,KAAK,EACL,aAAa,EACb,IAAI,EAAE,cAAc,EACpB,YAAY,GACb,EAAE,iBAAiB,2CA2CnB;AAID,KAAK,oBAAoB,GAAG;IAC1B,QAAQ,EAAE,SAAS,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF,iBAAS,eAAe,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,EAAE,oBAAoB,2CAMrE;AAID,KAAK,oBAAoB,GAAG;IAC1B,QAAQ,EAAE,SAAS,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,GAAG,IAAI,CACN,KAAK,CAAC,cAAc,CAAC,OAAO,mBAAmB,CAAC,EAChD,UAAU,GAAG,WAAW,CACzB,CAAC;AAEF,iBAAS,eAAe,CAAC,EACvB,QAAQ,EACR,SAAS,EACT,GAAG,KAAK,EACT,EAAE,oBAAoB,2CAgBtB;AAID,KAAK,kBAAkB,GAAG;IACxB,yBAAyB;IACzB,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB,CAAC;AAIF,iBAAS,aAAa,CAAC,EAAE,WAA4B,EAAE,EAAE,kBAAkB,2CA4D1E;AAID,KAAK,iBAAiB,GAAG;IACvB,mEAAmE;IACnE,KAAK,EAAE,MAAM,CAAC;IACd;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;;OAIG;IACH,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,iFAAiF;IACjF,QAAQ,EAAE,SAAS,GAAG,CAAC,CAAC,KAAK,EAAE;QAAE,UAAU,EAAE,OAAO,CAAA;KAAE,KAAK,SAAS,CAAC,CAAC;IACtE,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF,iBAAS,YAAY,CAAC,EACpB,KAAK,EACL,SAAS,EACT,QAAQ,EAAE,YAAY,EACtB,QAAQ,EACR,SAAS,GACV,EAAE,iBAAiB,kDA4CnB;AAID,YAAY,EACV,oBAAoB,EACpB,kBAAkB,EAClB,iBAAiB,EACjB,iBAAiB,IAAI,aAAa,EAClC,oBAAoB,GACrB,CAAC;AACF,OAAO,EACL,QAAQ,EACR,eAAe,EACf,aAAa,EACb,YAAY,EACZ,eAAe,EACf,WAAW,GACZ,CAAC"}

package/dist/components/ui/molecules/switcher.js

@@ -1,164 +0,0 @@
-import { jsx as i, jsxs as C } from "react/jsx-runtime";
-import { Search as D } from "lucide-react";
-import { createContext as x, useState as y, useRef as S, useCallback as I, useMemo as k, useEffect as R, useContext as Q } from "react";
-import { DropdownMenu as T, DropdownMenuContent as E, DropdownMenuItem as M, DropdownMenuTrigger as N } from "../atoms/dropdown-menu.js";
-import { Input as V } from "../atoms/input.js";
-import { cn as g } from "../../../lib/utils.js";
-const b = x(null);
-function m() {
-  const t = Q(b);
-  if (!t)
-    throw new Error(
-      "Switcher compound components must be used within <Switcher>"
-    );
-  return t;
-}
-function F() {
-  const t = m();
-  return {
-    searchQuery: t.searchQuery,
-    open: t.open,
-    setOpen: t.setOpen,
-    selectedValue: t.selectedValue
-  };
-}
-function U({
-  children: t,
-  value: r,
-  onValueChange: o,
-  open: n,
-  onOpenChange: s
-}) {
-  const [a, c] = y(!1), [l, e] = y(""), f = S(null), w = S(null), p = n !== void 0, u = p ? n : a, h = I(
-    (d) => {
-      p || c(d), s?.(d), d && e("");
-    },
-    [p, s]
-  ), v = k(
-    () => ({
-      open: u,
-      setOpen: h,
-      searchQuery: l,
-      setSearchQuery: e,
-      selectedValue: r,
-      onValueChange: o,
-      searchInputRef: f,
-      contentRef: w
-    }),
-    [u, h, l, r, o]
-  );
-  return /* @__PURE__ */ i(b.Provider, { value: v, children: /* @__PURE__ */ i(T, { onOpenChange: h, open: u, children: t }) });
-}
-function z({ children: t, className: r }) {
-  return /* @__PURE__ */ i(N, { asChild: !0, className: r, "data-slot": "switcher", children: t });
-}
-function Y({
-  children: t,
-  className: r,
-  ...o
-}) {
-  const { contentRef: n } = m();
-  return /* @__PURE__ */ i(
-    E,
-    {
-      className: g(
-        "max-h-[var(--radix-dropdown-menu-content-available-height)] w-80 overflow-y-auto p-2",
-        r
-      ),
-      "data-switcher-content": !0,
-      ref: n,
-      ...o,
-      children: t
-    }
-  );
-}
-const A = 100;
-function _({ placeholder: t = "Search…" }) {
-  const {
-    open: r,
-    searchQuery: o,
-    setSearchQuery: n,
-    setOpen: s,
-    contentRef: a,
-    searchInputRef: c
-  } = m();
-  R(() => {
-    if (r && c.current) {
-      const e = setTimeout(
-        () => c.current?.focus(),
-        A
-      );
-      return () => clearTimeout(e);
-    }
-  }, [r, c]);
-  function l(e) {
-    const f = () => a.current?.querySelector(
-      "[data-switcher-item]"
-    );
-    if (e.key === "Tab") {
-      s(!1);
-      return;
-    }
-    e.key === "ArrowDown" ? (e.preventDefault(), f()?.focus()) : e.key === "Enter" ? (e.preventDefault(), f()?.click()) : e.key === "Escape" && (e.preventDefault(), s(!1)), e.stopPropagation();
-  }
-  return /* @__PURE__ */ C("div", { className: "relative sticky top-0 z-10 border-border/60 border-b bg-popover pb-2", children: [
-    /* @__PURE__ */ i(D, { className: "absolute top-2.5 left-2 h-4 w-4 text-muted-foreground" }),
-    /* @__PURE__ */ i(
-      V,
-      {
-        className: "h-9 border-0 pl-8 focus-visible:ring-1",
-        onChange: (e) => n(e.target.value),
-        onClick: (e) => e.stopPropagation(),
-        onFocus: (e) => e.stopPropagation(),
-        onKeyDown: l,
-        placeholder: t,
-        ref: c,
-        value: o
-      }
-    )
-  ] });
-}
-function B({
-  value: t,
-  textValue: r,
-  onSelect: o,
-  children: n,
-  className: s
-}) {
-  const {
-    searchQuery: a,
-    selectedValue: c,
-    onValueChange: l,
-    searchInputRef: e,
-    contentRef: f
-  } = m();
-  if (!(!a || r === void 0 || r.toLowerCase().includes(a.toLowerCase())))
-    return null;
-  const p = t === c;
-  return /* @__PURE__ */ i(
-    M,
-    {
-      className: g(
-        "group flex cursor-pointer items-center gap-2.5 px-3 py-2.5 hover:bg-accent/50 focus:bg-accent",
-        s
-      ),
-      "data-switcher-item": !0,
-      "data-value": t,
-      onClick: () => o ? o() : l(t),
-      onKeyDown: (u) => {
-        u.key === "ArrowUp" && f.current?.querySelectorAll(
-          "[data-switcher-item]"
-        )?.[0] === u.currentTarget && (u.preventDefault(), e.current?.focus());
-      },
-      children: typeof n == "function" ? n({ isSelected: p }) : n
-    }
-  );
-}
-export {
-  U as Switcher,
-  Y as SwitcherContent,
-  _ as SwitcherInput,
-  B as SwitcherItem,
-  z as SwitcherTrigger,
-  F as useSwitcher
-};

package/dist/components/ui/pages/chat-page.d.ts

@@ -1,83 +0,0 @@
-import { ChatMessageItem, ChatMessageListProps } from '../molecules/chat-message-list';
-import { SuggestionCardProps } from '../molecules/suggestion-card';
-import type * as React from "react";
-/** A suggestion card item extended with an id and optional action string. */
-export type ChatPageSuggestion = Pick<SuggestionCardProps, "icon" | "title" | "subtitle" | "onClick"> & {
-    id: string;
-    /** Message text to send when this suggestion is clicked. Used with `onSuggestionAction`. */
-    action?: string;
-};
-export type ChatPageProps = {
-    /** User information for greeting and sidebar avatar */
-    user?: {
-        name?: string;
-        email?: string;
-        avatarUrl?: string;
-    };
-    /** Logo element for the sidebar header */
-    logo?: React.ReactNode;
-    /** Suggested action cards shown when the chat is empty */
-    suggestedActions?: ChatPageSuggestion[];
-    /** Callback when a suggestion with an `action` string is clicked */
-    onSuggestionAction?: (action: string) => void;
-    /** Available models for the model selector dropdown */
-    models?: Array<{
-        id: string;
-        name: string;
-        description?: string;
-    }>;
-    /** Currently selected model ID */
-    selectedModelId?: string;
-    /** Callback when model changes */
-    onModelChange?: (id: string) => void;
-    /** Prompt input value (controlled) */
-    inputValue?: string;
-    /** Callback when input changes */
-    onInputChange?: (value: string) => void;
-    /** Disables the composer while the caller is hydrating or otherwise blocking input. */
-    inputDisabled?: boolean;
-    /** Callback when message is submitted */
-    onSubmit?: () => void;
-    /** Whether a response is loading / streaming */
-    isLoading?: boolean;
-    /** Callback to stop a streaming response */
-    onStop?: () => void;
-    /** Callback for creating a new chat */
-    onNewChat?: () => void;
-    /** Callback for deleting all chats */
-    onDeleteAll?: () => void;
-    /** Callback for sign out */
-    onSignOut?: () => void;
-    /** Chat history items for the sidebar, pre-grouped by date (use groupHistory from @arcadeai/ui-kit) */
-    chatHistoryGroups?: Array<{
-        label: string;
-        items: Array<{
-            id: string;
-            title: string;
-            isActive?: boolean;
-        }>;
-    }>;
-    /** Callback when a chat history item is selected */
-    onSelectChat?: (id: string) => void;
-    /** Callback to delete a single chat history item */
-    onDeleteChat?: (id: string) => void;
-    /** Whether the sidebar is open by default */
-    defaultSidebarOpen?: boolean;
-    /** Whether to show the sidebar. When false, the chat takes the full width. */
-    showSidebar?: boolean;
-    /** Normalized messages to render via ChatMessageList. When present with items, hides overview/suggestions. */
-    messages?: ChatMessageItem[];
-    /** Custom render function for individual messages (passed to ChatMessageList) */
-    renderMessage?: ChatMessageListProps["renderMessage"];
-    /** Custom loading indicator for streaming (passed to ChatMessageList) */
-    loadingIndicator?: React.ReactNode;
-    /** Children rendered in the body area. Overrides `messages` prop when present. */
-    children?: React.ReactNode;
-    /**
-     * Key for the scroll container. Change this value (e.g. pass the active chat ID)
-     * to remount the container and jump instantly to the bottom instead of animating.
-     */
-    scrollKey?: string | number;
-};
-export declare function ChatPage({ user, logo, suggestedActions, onSuggestionAction, models, selectedModelId, onModelChange, inputValue, onInputChange, inputDisabled, onSubmit, isLoading, onStop, onNewChat, onDeleteAll, onSignOut, chatHistoryGroups, onSelectChat, onDeleteChat, defaultSidebarOpen, showSidebar, messages, renderMessage, loadingIndicator, children, scrollKey, }: ChatPageProps): import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=chat-page.d.ts.map

package/dist/components/ui/pages/chat-page.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"chat-page.d.ts","sourceRoot":"","sources":["../../../../lib/components/ui/pages/chat-page.tsx"],"names":[],"mappings":"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"}

package/dist/components/ui/pages/chat-page.js

@@ -1,385 +0,0 @@
-import { jsxs as r, jsx as e } from "react/jsx-runtime";
-import { PlusIcon as X, SquareIcon as Y, ArrowUpIcon as Z, SquarePenIcon as L, LogOutIcon as ee, ChevronsUpDownIcon as re, Trash2Icon as G } from "lucide-react";
-import { useState as w, useRef as te } from "react";
-import { Button as o } from "../atoms/button.js";
-import { ChatContainerRoot as ne, ChatContainerContent as ae, ChatContainerScrollAnchor as ie } from "../atoms/chat-container.js";
-import { DropdownMenuItem as le, DropdownMenu as oe, DropdownMenuTrigger as ce, DropdownMenuContent as se, DropdownMenuRadioGroup as de, DropdownMenuRadioItem as he } from "../atoms/dropdown-menu.js";
-import { ArcadeLogo as me } from "../atoms/icons/arcade-logo.js";
-import { Loader as pe } from "../atoms/loader.js";
-import { Popover as B, PopoverTrigger as R, PopoverContent as U } from "../atoms/popover.js";
-import { ScrollButton as ue } from "../atoms/scroll-button.js";
-import { SidebarTrigger as fe, SidebarProvider as ve, Sidebar as ge, SidebarHeader as Ce, SidebarContent as Ne, SidebarGroup as P, SidebarGroupLabel as H, SidebarGroupContent as _, SidebarMenu as xe, SidebarFooter as be, SidebarInset as Se, SidebarMenuItem as Te, SidebarMenuButton as we, SidebarMenuAction as j } from "../atoms/sidebar.js";
-import { Tooltip as C, TooltipTrigger as N, TooltipContent as x } from "../atoms/tooltip.js";
-import { ChatMessageList as ke } from "../molecules/chat-message-list.js";
-import { PromptInput as ye, PromptInputTextarea as ze, PromptInputActions as Ie, PromptInputAction as Oe } from "../molecules/prompt-input.js";
-import { SuggestionCard as De } from "../molecules/suggestion-card.js";
-import { UserNav as Me } from "../molecules/user-nav.js";
-import { ChatTemplate as Pe, ChatTemplateHeader as He, ChatTemplateHeaderGroup as A, ChatTemplateOverview as _e, ChatTemplateOverviewTitle as je, ChatTemplateOverviewSubtitle as Ae, ChatTemplateFooter as Ge, ChatTemplateSuggestions as Be } from "../templates/chat-template.js";
-import { cn as q } from "../../../lib/utils.js";
-function Re() {
-  return /* @__PURE__ */ e(me, { className: "h-5 w-auto text-foreground" });
-}
-function Ue(t, a) {
-  if (t.onClick)
-    return t.onClick;
-  if (!(t.action && a))
-    return;
-  const n = t.action;
-  return () => a(n);
-}
-function qe({
-  models: t,
-  selectedModelId: a,
-  onModelChange: n
-}) {
-  return !t || t.length === 0 ? null : /* @__PURE__ */ r(oe, { children: [
-    /* @__PURE__ */ e(ce, { asChild: !0, children: /* @__PURE__ */ r(o, { className: "h-[34px] gap-1 px-2", variant: "outline", children: [
-      t.find((i) => i.id === a)?.name ?? "Select model",
-      /* @__PURE__ */ e(re, { className: "size-3" })
-    ] }) }),
-    /* @__PURE__ */ e(se, { align: "start", className: "min-w-[300px]", children: /* @__PURE__ */ e(
-      de,
-      {
-        onValueChange: n,
-        value: a,
-        children: t.map((i) => /* @__PURE__ */ e(he, { value: i.id, children: /* @__PURE__ */ r("div", { className: "flex flex-col items-start gap-1", children: [
-          /* @__PURE__ */ e("div", { className: "font-medium", children: i.name }),
-          i.description && /* @__PURE__ */ e("div", { className: "text-muted-foreground text-xs", children: i.description })
-        ] }) }, i.id))
-      }
-    ) })
-  ] });
-}
-function Fe({ onDeleteAll: t }) {
-  const [a, n] = w(!1);
-  return /* @__PURE__ */ r(B, { onOpenChange: n, open: a, children: [
-    /* @__PURE__ */ r(C, { children: [
-      /* @__PURE__ */ e(N, { asChild: !0, children: /* @__PURE__ */ e(R, { asChild: !0, children: /* @__PURE__ */ e(
-        o,
-        {
-          "aria-label": "Delete all chats",
-          className: "size-8 text-muted-foreground",
-          size: "icon",
-          variant: "ghost",
-          children: /* @__PURE__ */ e(G, { className: "size-4" })
-        }
-      ) }) }),
-      /* @__PURE__ */ e(x, { side: "bottom", children: "Delete all chats" })
-    ] }),
-    /* @__PURE__ */ r(U, { className: "w-auto max-w-64 space-y-3 p-4", side: "bottom", children: [
-      /* @__PURE__ */ e("p", { className: "font-medium text-sm", children: "Delete all chats?" }),
-      /* @__PURE__ */ e("p", { className: "text-muted-foreground text-xs", children: "This action cannot be undone." }),
-      /* @__PURE__ */ r("div", { className: "flex justify-end gap-2", children: [
-        /* @__PURE__ */ e(o, { onClick: () => n(!1), size: "sm", variant: "outline", children: "Cancel" }),
-        /* @__PURE__ */ e(
-          o,
-          {
-            onClick: () => {
-              t(), n(!1);
-            },
-            size: "sm",
-            variant: "destructive",
-            children: "Delete all"
-          }
-        )
-      ] })
-    ] })
-  ] });
-}
-function We({
-  title: t,
-  isActive: a,
-  isStreaming: n = !1,
-  onSelect: i,
-  onDelete: h
-}) {
-  const [b, u] = w(!1), [f, m] = w(!1), s = te(null);
-  return /* @__PURE__ */ r(Te, { children: [
-    /* @__PURE__ */ r(C, { onOpenChange: (l) => {
-      if (!l) {
-        u(!1);
-        return;
-      }
-      s.current && s.current.scrollWidth > s.current.offsetWidth && u(!0);
-    }, open: b, children: [
-      /* @__PURE__ */ e(N, { asChild: !0, children: /* @__PURE__ */ e(
-        we,
-        {
-          className: q(
-            "py-2.5 group-hover/menu-item:bg-sidebar-accent group-hover/menu-item:text-sidebar-accent-foreground",
-            (h || n) && "pr-8"
-          ),
-          isActive: a,
-          onClick: i,
-          children: /* @__PURE__ */ e("span", { className: "truncate", ref: s, children: t })
-        }
-      ) }),
-      /* @__PURE__ */ e(x, { side: "right", children: t })
-    ] }),
-    n ? /* @__PURE__ */ e(
-      j,
-      {
-        "aria-hidden": "true",
-        className: "pointer-events-none",
-        tabIndex: -1,
-        children: /* @__PURE__ */ e(
-          pe,
-          {
-            className: "border-sidebar-foreground/25 border-t-sidebar-foreground",
-            size: "sm",
-            variant: "circular"
-          }
-        )
-      }
-    ) : h && /* @__PURE__ */ r(B, { onOpenChange: m, open: f, children: [
-      /* @__PURE__ */ e(R, { asChild: !0, children: /* @__PURE__ */ e(
-        j,
-        {
-          "aria-label": `Delete "${t}"`,
-          className: "hover:bg-secondary hover:text-secondary-foreground",
-          showOnHover: !0,
-          children: /* @__PURE__ */ e(G, { className: "size-3.5" })
-        }
-      ) }),
-      /* @__PURE__ */ r(
-        U,
-        {
-          className: "w-auto max-w-64 space-y-3 p-4",
-          side: "right",
-          children: [
-            /* @__PURE__ */ e("p", { className: "font-medium text-sm", children: "Delete this chat?" }),
-            /* @__PURE__ */ e("p", { className: "text-muted-foreground text-xs", children: "This action cannot be undone." }),
-            /* @__PURE__ */ r("div", { className: "flex justify-end gap-2", children: [
-              /* @__PURE__ */ e(
-                o,
-                {
-                  onClick: () => m(!1),
-                  size: "sm",
-                  variant: "outline",
-                  children: "Cancel"
-                }
-              ),
-              /* @__PURE__ */ e(
-                o,
-                {
-                  onClick: () => {
-                    h(), m(!1);
-                  },
-                  size: "sm",
-                  variant: "destructive",
-                  children: "Delete"
-                }
-              )
-            ] })
-          ]
-        }
-      )
-    ] })
-  ] });
-}
-function cr({
-  user: t,
-  logo: a,
-  suggestedActions: n,
-  onSuggestionAction: i,
-  models: h,
-  selectedModelId: b,
-  onModelChange: u,
-  inputValue: f,
-  onInputChange: m,
-  inputDisabled: s = !1,
-  onSubmit: S,
-  isLoading: l = !1,
-  onStop: F,
-  onNewChat: v,
-  onDeleteAll: k,
-  onSignOut: y,
-  chatHistoryGroups: W,
-  onSelectChat: z,
-  onDeleteChat: I,
-  defaultSidebarOpen: V = !0,
-  showSidebar: O = !0,
-  messages: p,
-  renderMessage: $,
-  loadingIndicator: E,
-  children: D,
-  scrollKey: J
-}) {
-  const K = !!D || p !== void 0 && p.length > 0, Q = t?.name ?? "there", T = W ?? [], M = /* @__PURE__ */ r(Pe, { children: [
-    /* @__PURE__ */ r(He, { children: [
-      /* @__PURE__ */ r(A, { children: [
-        O && /* @__PURE__ */ r(C, { children: [
-          /* @__PURE__ */ e(N, { asChild: !0, children: /* @__PURE__ */ e(fe, {}) }),
-          /* @__PURE__ */ e(x, { side: "bottom", children: "Toggle sidebar" })
-        ] }),
-        /* @__PURE__ */ e(
-          qe,
-          {
-            models: h,
-            onModelChange: u,
-            selectedModelId: b
-          }
-        )
-      ] }),
-      /* @__PURE__ */ e("div", { className: "flex-1" }),
-      /* @__PURE__ */ e(A, { children: v && /* @__PURE__ */ r(C, { children: [
-        /* @__PURE__ */ e(N, { asChild: !0, children: /* @__PURE__ */ r(
-          o,
-          {
-            "aria-label": "New chat",
-            className: "h-9 gap-1 px-2 text-foreground",
-            onClick: v,
-            variant: "outline",
-            children: [
-              /* @__PURE__ */ e(X, { className: "size-4" }),
-              /* @__PURE__ */ e("span", { className: "md:sr-only", children: "New Chat" })
-            ]
-          }
-        ) }),
-        /* @__PURE__ */ e(x, { children: "New chat" })
-      ] }) })
-    ] }),
-    /* @__PURE__ */ r(
-      ne,
-      {
-        className: "relative min-w-0 flex-1 flex-col pt-4",
-        children: [
-          /* @__PURE__ */ r(ae, { className: "gap-6 pb-4", children: [
-            D || (p && p.length > 0 ? /* @__PURE__ */ e(
-              ke,
-              {
-                isStreaming: l,
-                loadingIndicator: E,
-                messages: p,
-                renderMessage: $
-              }
-            ) : /* @__PURE__ */ r(_e, { children: [
-              /* @__PURE__ */ r(je, { children: [
-                "Hi, ",
-                /* @__PURE__ */ e("span", { className: "text-primary/80", children: Q })
-              ] }),
-              /* @__PURE__ */ e(Ae, { children: "How can I help you today?" })
-            ] })),
-            /* @__PURE__ */ e(ie, {})
-          ] }),
-          /* @__PURE__ */ e("div", { className: "pointer-events-none absolute right-0 bottom-0 left-0 z-10 h-10 bg-linear-to-t from-10% from-background to-transparent" }),
-          /* @__PURE__ */ e("div", { className: "pointer-events-none absolute right-0 bottom-4 left-0 z-20 flex justify-center px-4", children: /* @__PURE__ */ e("div", { className: "flex w-full max-w-3xl justify-end pr-4", children: /* @__PURE__ */ e(ue, { className: "pointer-events-auto shadow-md" }) }) })
-        ]
-      },
-      J
-    ),
-    /* @__PURE__ */ r(Ge, { children: [
-      !K && n && n.length > 0 && /* @__PURE__ */ e(Be, { children: n.map((c, g) => /* @__PURE__ */ e(
-        "div",
-        {
-          className: q(
-            "col-span-12 sm:col-span-6",
-            g < 3 ? "md:col-span-4" : "md:col-span-6",
-            g > 1 && "hidden sm:block"
-          ),
-          children: /* @__PURE__ */ e(
-            De,
-            {
-              icon: c.icon,
-              onClick: Ue(
-                c,
-                i
-              ),
-              subtitle: c.subtitle,
-              title: c.title
-            }
-          )
-        },
-        c.id
-      )) }),
-      /* @__PURE__ */ r(
-        ye,
-        {
-          disabled: s,
-          isLoading: l,
-          onSubmit: S,
-          onValueChange: m,
-          value: f,
-          children: [
-            /* @__PURE__ */ e(ze, { placeholder: "Send a message..." }),
-            /* @__PURE__ */ e(Ie, { className: "justify-end px-2 pb-2", children: /* @__PURE__ */ e(
-              Oe,
-              {
-                tooltip: l ? "Stop generating" : "Send message",
-                children: /* @__PURE__ */ e(
-                  o,
-                  {
-                    "aria-label": l ? "Stop generating" : "Send message",
-                    disabled: s || !(l || f?.trim()),
-                    onClick: l ? F : S,
-                    size: "icon",
-                    variant: l ? "destructive" : "default",
-                    children: l ? /* @__PURE__ */ e(Y, { className: "size-4 fill-current" }) : /* @__PURE__ */ e(Z, { className: "size-4" })
-                  }
-                )
-              }
-            ) })
-          ]
-        }
-      )
-    ] })
-  ] });
-  return O ? /* @__PURE__ */ r(ve, { defaultOpen: V, children: [
-    /* @__PURE__ */ r(ge, { className: "[--sidebar-accent-foreground:oklch(0.205_0_0)] [--sidebar-accent:oklch(0.95_0_0)] group-data-[side=left]:border-r-0 dark:[--sidebar-accent-foreground:oklch(0.985_0_0)] dark:[--sidebar-accent:oklch(0.269_0_0)]", children: [
-      /* @__PURE__ */ r(Ce, { className: "gap-6 pb-2", children: [
-        /* @__PURE__ */ r("div", { className: "flex items-center px-2 pt-2", children: [
-          /* @__PURE__ */ e("div", { className: "flex items-center gap-2", children: a ?? /* @__PURE__ */ e(Re, {}) }),
-          k && T.length > 0 && /* @__PURE__ */ e("div", { className: "ml-auto", children: /* @__PURE__ */ e(Fe, { onDeleteAll: k }) })
-        ] }),
-        v && /* @__PURE__ */ r(
-          o,
-          {
-            className: "w-full gap-2 text-foreground",
-            onClick: v,
-            variant: "outline",
-            children: [
-              /* @__PURE__ */ e(L, { className: "size-4" }),
-              "New Chat"
-            ]
-          }
-        )
-      ] }),
-      /* @__PURE__ */ r(Ne, { children: [
-        T.length === 0 && /* @__PURE__ */ r(P, { className: "px-2", children: [
-          /* @__PURE__ */ e(H, { children: "History" }),
-          /* @__PURE__ */ e(_, { children: /* @__PURE__ */ e("p", { className: "px-2 py-2 text-muted-foreground text-xs", children: "No chats yet. Start a conversation!" }) })
-        ] }),
-        T.map(({ label: c, items: g }) => /* @__PURE__ */ r(P, { children: [
-          /* @__PURE__ */ e(H, { children: c }),
-          /* @__PURE__ */ e(_, { children: /* @__PURE__ */ e(xe, { children: g.map((d) => /* @__PURE__ */ e(
-            We,
-            {
-              isActive: d.isActive,
-              isStreaming: l && d.isActive,
-              onDelete: I ? () => I(d.id) : void 0,
-              onSelect: z ? () => z(d.id) : void 0,
-              title: d.title
-            },
-            d.id
-          )) }) })
-        ] }, c))
-      ] }),
-      /* @__PURE__ */ e(be, { children: /* @__PURE__ */ e(
-        Me,
-        {
-          avatarUrl: t?.avatarUrl,
-          email: t?.email,
-          name: t?.name,
-          children: y && /* @__PURE__ */ r(le, { onClick: y, children: [
-            /* @__PURE__ */ e(ee, { className: "size-4" }),
-            "Sign out"
-          ] })
-        }
-      ) })
-    ] }),
-    /* @__PURE__ */ e(Se, { children: M })
-  ] }) : M;
-}
-export {
-  cr as ChatPage
-};