@arcadeai/design-system 3.36.0 → 3.36.2

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

@@ -1,45 +1,46 @@
-import { ChatAssistantMessage as r, ChatMessageList as e, ChatStreamingIndicator as a, ChatUserMessage as i } from "./chat-message-list.js";
-import { CommandBar as n } from "./command-bar.js";
-import { DateTimePicker as p } from "./date-time-picker.js";
-import { EmptyState as g } from "./empty-state.js";
-import { Message as A, MessageAction as C, MessageActions as T, MessageAvatar as h, MessageContent as x } from "./message.js";
-import { PromptInput as u, PromptInputAction as d, PromptInputActions as S, PromptInputTextarea as M } from "./prompt-input.js";
-import { R as w, T as P } from "../../../toolkit-card-B97E7TBA.js";
-import { StepsProgress as k } from "./steps-progress.js";
-import { SuggestionCard as B } from "./suggestion-card.js";
-import { Switcher as U, SwitcherContent as q, SwitcherInput as y, SwitcherItem as D, SwitcherTrigger as E, useSwitcher as H } from "./switcher.js";
-import { ToolAuthorization as N, ToolAuthorizationArgs as b, ToolAuthorizationContent as j, ToolAuthorizationHeader as F, ToolAuthorizationMessage as G } from "./tool-authorization.js";
+import { ChatHistoryItem as r } from "./chat-history-item.js";
+import { ChatAssistantMessage as a, ChatMessageList as s, ChatMessageListSkeleton as i, ChatStreamingIndicator as n, ChatUserMessage as m } from "./chat-message-list.js";
+import { CommandBar as l } from "./command-bar.js";
+import { ConfirmPopover as C } from "./confirm-popover.js";
+import { DateTimePicker as x } from "./date-time-picker.js";
+import { EmptyState as T } from "./empty-state.js";
+import { ErrorState as d } from "./error-state.js";
+import { Message as u, MessageAction as M, MessageActions as I, MessageAvatar as P, MessageContent as S } from "./message.js";
+import { PromptInput as k, PromptInputAction as v, PromptInputActions as y, PromptInputTextarea as B } from "./prompt-input.js";
+import { R as H, T as L } from "../../../toolkit-card-CB1oiaei.js";
+import { StepsProgress as U } from "./steps-progress.js";
+import { SuggestionCard as D } from "./suggestion-card.js";
+import { ToolAuthorization as b, ToolAuthorizationArgs as j, ToolAuthorizationContent as w, ToolAuthorizationHeader as F, ToolAuthorizationMessage as G } from "./tool-authorization.js";
 import { ToolCallAccordion as K, ToolCallAccordionContent as O, ToolCallAccordionItem as Q, ToolCallAccordionTrigger as V } from "./tool-call-accordion.js";
 import { ToolCard as X } from "./tool-card.js";
 import { UserNav as Z } from "./user-nav.js";
 export {
-  r as ChatAssistantMessage,
-  e as ChatMessageList,
-  a as ChatStreamingIndicator,
-  i as ChatUserMessage,
-  n as CommandBar,
-  p as DateTimePicker,
-  g as EmptyState,
-  A as Message,
-  C as MessageAction,
-  T as MessageActions,
-  h as MessageAvatar,
-  x as MessageContent,
-  u as PromptInput,
-  d as PromptInputAction,
-  S as PromptInputActions,
-  M as PromptInputTextarea,
-  w as RequirementBadges,
-  k as StepsProgress,
-  B as SuggestionCard,
-  U as Switcher,
-  q as SwitcherContent,
-  y as SwitcherInput,
-  D as SwitcherItem,
-  E as SwitcherTrigger,
-  N as ToolAuthorization,
-  b as ToolAuthorizationArgs,
-  j as ToolAuthorizationContent,
+  a as ChatAssistantMessage,
+  r as ChatHistoryItem,
+  s as ChatMessageList,
+  i as ChatMessageListSkeleton,
+  n as ChatStreamingIndicator,
+  m as ChatUserMessage,
+  l as CommandBar,
+  C as ConfirmPopover,
+  x as DateTimePicker,
+  T as EmptyState,
+  d as ErrorState,
+  u as Message,
+  M as MessageAction,
+  I as MessageActions,
+  P as MessageAvatar,
+  S as MessageContent,
+  k as PromptInput,
+  v as PromptInputAction,
+  y as PromptInputActions,
+  B as PromptInputTextarea,
+  H as RequirementBadges,
+  U as StepsProgress,
+  D as SuggestionCard,
+  b as ToolAuthorization,
+  j as ToolAuthorizationArgs,
+  w as ToolAuthorizationContent,
   F as ToolAuthorizationHeader,
   G as ToolAuthorizationMessage,
   K as ToolCallAccordion,
@@ -47,7 +48,6 @@ export {
   Q as ToolCallAccordionItem,
   V as ToolCallAccordionTrigger,
   X as ToolCard,
-  P as ToolkitCard,
-  Z as UserNav,
-  H as useSwitcher
+  L as ToolkitCard,
+  Z as UserNav
 };

package/dist/components/ui/molecules/requirement-badges.js

@@ -15,13 +15,12 @@ import "../atoms/sidebar.js";
 import "../atoms/view-tools-control.js";
 import "./date-time-picker.js";
 import "./prompt-input.js";
-import { O as b, R as j, S as k } from "../../../toolkit-card-B97E7TBA.js";
-import "./switcher.js";
+import { O as A, R as b, S as j } from "../../../toolkit-card-CB1oiaei.js";
 import "./tool-call-accordion.js";
 import "./tool-card.js";
 import "../utils/memo.js";
 export {
-  b as OAuthBadge,
-  j as RequirementBadges,
-  k as SecretsBadge
+  A as OAuthBadge,
+  b as RequirementBadges,
+  j as SecretsBadge
 };

package/dist/components/ui/molecules/toolkit-card.js

@@ -6,7 +6,7 @@ import "../atoms/card.js";
 import "../atoms/checkbox.js";
 import "../atoms/view-tools-control.js";
 import "../../../lib/utils.js";
-import { T as k } from "../../../toolkit-card-B97E7TBA.js";
+import { T as k } from "../../../toolkit-card-CB1oiaei.js";
 import "../utils/memo.js";
 export {
   k as ToolkitCard

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

@@ -0,0 +1,7 @@
+import type * as React from "react";
+export type ChatPageSkeletonProps = {
+    defaultSidebarOpen?: boolean;
+    showSidebar?: boolean;
+} & React.ComponentProps<"div">;
+export declare function ChatPageSkeleton({ defaultSidebarOpen, showSidebar, className, ...props }: ChatPageSkeletonProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=chat-page-skeleton.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"chat-page-skeleton.d.ts","sourceRoot":"","sources":["../../../../lib/components/ui/pages/chat-page-skeleton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AAQpC,MAAM,MAAM,qBAAqB,GAAG;IAClC,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB,GAAG,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,CAAC;AAEhC,wBAAgB,gBAAgB,CAAC,EAC/B,kBAAyB,EACzB,WAAkB,EAClB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,qBAAqB,2CAavB"}

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

@@ -0,0 +1,18 @@
+import { jsx as e, jsxs as a } from "react/jsx-runtime";
+import { SidebarProvider as m, SidebarInset as d } from "../atoms/sidebar.js";
+import { ChatContentSkeleton as n, ChatSidebarSkeleton as f } from "../templates/chat-template-skeletons.js";
+import { cn as l } from "../../../lib/utils.js";
+function p({
+  defaultSidebarOpen: o = !0,
+  showSidebar: i = !0,
+  className: r,
+  ...t
+}) {
+  return i ? /* @__PURE__ */ a(m, { defaultOpen: o, children: [
+    /* @__PURE__ */ e(f, {}),
+    /* @__PURE__ */ e(d, { className: l(r), ...t, children: /* @__PURE__ */ e(n, {}) })
+  ] }) : /* @__PURE__ */ e(n, { className: r, ...t });
+}
+export {
+  p as ChatPageSkeleton
+};

package/dist/components/ui/pages/index.d.ts

@@ -1,6 +1,6 @@
 /** biome-ignore-all lint/performance/noBarrelFile: Barrel files are acceptable for atomic component folders */
-export type { ChatPageProps, ChatPageSuggestion } from './chat-page';
-export { ChatPage } from './chat-page';
+export type { ChatPageSkeletonProps } from './chat-page-skeleton';
+export { ChatPageSkeleton } from './chat-page-skeleton';
 export type { LoginPageProps } from './login-page';
 export { LoginPage } from './login-page';
 //# sourceMappingURL=index.d.ts.map

package/dist/components/ui/pages/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../lib/components/ui/pages/index.ts"],"names":[],"mappings":"AAAA,+GAA+G;AAE/G,YAAY,EAAE,aAAa,EAAE,kBAAkB,EAAE,MAAM,aAAa,CAAC;AACrE,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AAEvC,YAAY,EAAE,cAAc,EAAE,MAAM,cAAc,CAAC;AACnD,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../lib/components/ui/pages/index.ts"],"names":[],"mappings":"AAAA,+GAA+G;AAE/G,YAAY,EAAE,qBAAqB,EAAE,MAAM,sBAAsB,CAAC;AAClE,OAAO,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AAExD,YAAY,EAAE,cAAc,EAAE,MAAM,cAAc,CAAC;AACnD,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC"}

package/dist/components/ui/pages/index.js

@@ -1,6 +1,6 @@
-import { ChatPage as r } from "./chat-page.js";
-import { LoginPage as g } from "./login-page.js";
+import { ChatPageSkeleton as r } from "./chat-page-skeleton.js";
+import { LoginPage as a } from "./login-page.js";
 export {
-  r as ChatPage,
-  g as LoginPage
+  r as ChatPageSkeleton,
+  a as LoginPage
 };

package/dist/components/ui/templates/chat-template-skeletons.d.ts

@@ -0,0 +1,12 @@
+import type * as React from "react";
+export type ChatHeaderSkeletonProps = React.ComponentProps<"header">;
+export declare function ChatHeaderSkeleton({ className, ...props }: ChatHeaderSkeletonProps): import("react/jsx-runtime").JSX.Element;
+export type ChatBodySkeletonProps = React.ComponentProps<"div">;
+export declare function ChatBodySkeleton({ className, ...props }: ChatBodySkeletonProps): import("react/jsx-runtime").JSX.Element;
+export type ChatFooterSkeletonProps = React.ComponentProps<"footer">;
+export declare function ChatFooterSkeleton({ className, ...props }: ChatFooterSkeletonProps): import("react/jsx-runtime").JSX.Element;
+export type ChatSidebarSkeletonProps = React.ComponentProps<"div">;
+export declare function ChatSidebarSkeleton({ className, ...props }: ChatSidebarSkeletonProps): import("react/jsx-runtime").JSX.Element;
+export type ChatContentSkeletonProps = React.ComponentProps<"div">;
+export declare function ChatContentSkeleton({ className, ...props }: ChatContentSkeletonProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=chat-template-skeletons.d.ts.map

package/dist/components/ui/templates/chat-template-skeletons.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"chat-template-skeletons.d.ts","sourceRoot":"","sources":["../../../../lib/components/ui/templates/chat-template-skeletons.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AAcpC,MAAM,MAAM,uBAAuB,GAAG,KAAK,CAAC,cAAc,CAAC,QAAQ,CAAC,CAAC;AAErE,wBAAgB,kBAAkB,CAAC,EACjC,SAAS,EACT,GAAG,KAAK,EACT,EAAE,uBAAuB,2CAYzB;AAID,MAAM,MAAM,qBAAqB,GAAG,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,CAAC;AAEhE,wBAAgB,gBAAgB,CAAC,EAC/B,SAAS,EACT,GAAG,KAAK,EACT,EAAE,qBAAqB,2CAevB;AAkBD,MAAM,MAAM,uBAAuB,GAAG,KAAK,CAAC,cAAc,CAAC,QAAQ,CAAC,CAAC;AAErE,wBAAgB,kBAAkB,CAAC,EACjC,SAAS,EACT,GAAG,KAAK,EACT,EAAE,uBAAuB,2CAyBzB;AAID,MAAM,MAAM,wBAAwB,GAAG,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,CAAC;AAEnE,wBAAgB,mBAAmB,CAAC,EAClC,SAAS,EACT,GAAG,KAAK,EACT,EAAE,wBAAwB,2CA8C1B;AAID,MAAM,MAAM,wBAAwB,GAAG,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,CAAC;AAEnE,wBAAgB,mBAAmB,CAAC,EAClC,SAAS,EACT,GAAG,KAAK,EACT,EAAE,wBAAwB,2CAQ1B"}

package/dist/components/ui/templates/chat-template-skeletons.js

@@ -0,0 +1,127 @@
+import { jsx as e, jsxs as a } from "react/jsx-runtime";
+import { Skeleton as l } from "../atoms/skeleton.js";
+import { ChatTemplateOverview as o, ChatTemplate as t, ChatTemplateFooter as i, ChatTemplateSuggestions as h, ChatTemplateHeader as p, ChatTemplateHeaderGroup as n } from "./chat-template.js";
+import { cn as m } from "../../../lib/utils.js";
+function f({
+  className: s,
+  ...d
+}) {
+  return /* @__PURE__ */ a(p, { className: s, ...d, children: [
+    /* @__PURE__ */ e(n, { children: /* @__PURE__ */ e(l, { className: "h-7 w-7 rounded-md" }) }),
+    /* @__PURE__ */ e("div", { className: "flex-1" }),
+    /* @__PURE__ */ e(n, { children: /* @__PURE__ */ e(l, { className: "h-9 w-9 rounded-md sm:w-[88px]" }) })
+  ] });
+}
+function u({
+  className: s,
+  ...d
+}) {
+  return /* @__PURE__ */ e(
+    "div",
+    {
+      className: m(
+        "flex min-w-0 flex-1 flex-col gap-6 overflow-y-auto pt-4",
+        s
+      ),
+      ...d,
+      children: /* @__PURE__ */ a(o, { children: [
+        /* @__PURE__ */ e(l, { className: "mx-auto mb-2 h-8 w-40 rounded-lg sm:mb-4 sm:h-9 sm:w-48 md:h-[44px] md:w-56" }),
+        /* @__PURE__ */ e(l, { className: "mx-auto mb-4 h-7 w-56 rounded-lg sm:mb-8 sm:h-8 sm:w-72 md:h-[44px] md:w-96" })
+      ] })
+    }
+  );
+}
+function x() {
+  return /* @__PURE__ */ a("div", { className: "flex w-full flex-col gap-2 rounded-2xl border bg-card p-4 shadow-xs", children: [
+    /* @__PURE__ */ e(l, { className: "h-8 w-8 rounded-xl sm:h-10 sm:w-10" }),
+    /* @__PURE__ */ a("div", { className: "space-y-2 pt-2", children: [
+      /* @__PURE__ */ e(l, { className: "h-4 w-3/4" }),
+      /* @__PURE__ */ e(l, { className: "h-3 w-1/2" })
+    ] })
+  ] });
+}
+function N({
+  className: s,
+  ...d
+}) {
+  return /* @__PURE__ */ a(i, { className: s, ...d, children: [
+    /* @__PURE__ */ e(h, { children: Array.from({ length: 5 }).map((c, r) => /* @__PURE__ */ e(
+      "div",
+      {
+        className: m(
+          "col-span-12 sm:col-span-6",
+          r < 3 ? "md:col-span-4" : "md:col-span-6",
+          r > 1 && "hidden sm:block"
+        ),
+        children: /* @__PURE__ */ e(x, {})
+      },
+      `suggestion-skeleton-${r.toString()}`
+    )) }),
+    /* @__PURE__ */ a("div", { className: "rounded-lg border bg-background p-2 shadow-xs", children: [
+      /* @__PURE__ */ e(l, { className: "h-[44px] w-full rounded-md" }),
+      /* @__PURE__ */ e("div", { className: "flex justify-end px-2 pt-2 pb-2", children: /* @__PURE__ */ e(l, { className: "h-9 w-9 rounded-md" }) })
+    ] })
+  ] });
+}
+function C({
+  className: s,
+  ...d
+}) {
+  return /* @__PURE__ */ a(
+    "div",
+    {
+      className: m(
+        "flex w-(--sidebar-width) shrink-0 flex-col bg-sidebar p-2",
+        s
+      ),
+      ...d,
+      children: [
+        /* @__PURE__ */ a("div", { className: "flex flex-col gap-6 pb-2", children: [
+          /* @__PURE__ */ e("div", { className: "flex items-center px-2 pt-2", children: /* @__PURE__ */ e(l, { className: "h-5 w-20" }) }),
+          /* @__PURE__ */ e(l, { className: "h-9 w-full rounded-md" })
+        ] }),
+        /* @__PURE__ */ a("div", { className: "flex-1 overflow-hidden py-2", children: [
+          /* @__PURE__ */ e("div", { className: "px-2 py-1", children: /* @__PURE__ */ e(l, { className: "mb-2 h-3 w-12" }) }),
+          /* @__PURE__ */ e("div", { className: "flex flex-col gap-0.5", children: Array.from({ length: 6 }).map((c, r) => /* @__PURE__ */ e(
+            "div",
+            {
+              className: "flex h-8 items-center gap-2 rounded-md px-2",
+              children: /* @__PURE__ */ e(
+                l,
+                {
+                  className: "h-4 flex-1",
+                  style: { maxWidth: `${55 + r * 17 % 35}%` }
+                }
+              )
+            },
+            `skeleton-row-${r.toString()}`
+          )) })
+        ] }),
+        /* @__PURE__ */ e("div", { className: "mt-auto p-2", children: /* @__PURE__ */ a("div", { className: "flex items-center gap-2 rounded-lg p-2", children: [
+          /* @__PURE__ */ e(l, { className: "h-8 w-8 rounded-full" }),
+          /* @__PURE__ */ a("div", { className: "flex flex-1 flex-col gap-1", children: [
+            /* @__PURE__ */ e(l, { className: "h-3 w-24" }),
+            /* @__PURE__ */ e(l, { className: "h-2.5 w-32" })
+          ] })
+        ] }) })
+      ]
+    }
+  );
+}
+function k({
+  className: s,
+  ...d
+}) {
+  return /* @__PURE__ */ a(t, { className: s, ...d, children: [
+    /* @__PURE__ */ e(f, {}),
+    /* @__PURE__ */ e(u, {}),
+    /* @__PURE__ */ e(N, {})
+  ] });
+}
+export {
+  u as ChatBodySkeleton,
+  k as ChatContentSkeleton,
+  N as ChatFooterSkeleton,
+  f as ChatHeaderSkeleton,
+  C as ChatSidebarSkeleton
+};

package/dist/components/ui/templates/error-template.d.ts

@@ -0,0 +1,20 @@
+import type * as React from "react";
+export type ErrorTemplateProps = React.ComponentProps<"div">;
+export declare function ErrorTemplate({ className, ...props }: ErrorTemplateProps): import("react/jsx-runtime").JSX.Element;
+export type ErrorTemplateLogoProps = React.ComponentProps<"div">;
+export declare function ErrorTemplateLogo({ className, ...props }: ErrorTemplateLogoProps): import("react/jsx-runtime").JSX.Element;
+export type ErrorTemplateIconProps = React.ComponentProps<"div">;
+export declare function ErrorTemplateIcon({ className, ...props }: ErrorTemplateIconProps): import("react/jsx-runtime").JSX.Element;
+export type ErrorTemplateContentProps = React.ComponentProps<"main">;
+export declare function ErrorTemplateContent({ className, ...props }: ErrorTemplateContentProps): import("react/jsx-runtime").JSX.Element;
+export type ErrorTemplateTitleProps = React.ComponentProps<"h1">;
+export declare function ErrorTemplateTitle({ className, ...props }: ErrorTemplateTitleProps): import("react/jsx-runtime").JSX.Element;
+export type ErrorTemplateDescriptionProps = React.ComponentProps<"p">;
+export declare function ErrorTemplateDescription({ className, ...props }: ErrorTemplateDescriptionProps): import("react/jsx-runtime").JSX.Element;
+export type ErrorTemplateUrlProps = {
+    url: string;
+} & Omit<React.ComponentProps<"div">, "children">;
+export declare function ErrorTemplateUrl({ className, url, ...props }: ErrorTemplateUrlProps): import("react/jsx-runtime").JSX.Element;
+export type ErrorTemplateActionsProps = React.ComponentProps<"div">;
+export declare function ErrorTemplateActions({ className, ...props }: ErrorTemplateActionsProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=error-template.d.ts.map

package/dist/components/ui/templates/error-template.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"error-template.d.ts","sourceRoot":"","sources":["../../../../lib/components/ui/templates/error-template.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AAKpC,MAAM,MAAM,kBAAkB,GAAG,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,CAAC;AAE7D,wBAAgB,aAAa,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,kBAAkB,2CAUxE;AAID,MAAM,MAAM,sBAAsB,GAAG,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,CAAC;AAEjE,wBAAgB,iBAAiB,CAAC,EAChC,SAAS,EACT,GAAG,KAAK,EACT,EAAE,sBAAsB,2CAExB;AAID,MAAM,MAAM,sBAAsB,GAAG,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,CAAC;AAEjE,wBAAgB,iBAAiB,CAAC,EAChC,SAAS,EACT,GAAG,KAAK,EACT,EAAE,sBAAsB,2CAExB;AAID,MAAM,MAAM,yBAAyB,GAAG,KAAK,CAAC,cAAc,CAAC,MAAM,CAAC,CAAC;AAErE,wBAAgB,oBAAoB,CAAC,EACnC,SAAS,EACT,GAAG,KAAK,EACT,EAAE,yBAAyB,2CAU3B;AAID,MAAM,MAAM,uBAAuB,GAAG,KAAK,CAAC,cAAc,CAAC,IAAI,CAAC,CAAC;AAEjE,wBAAgB,kBAAkB,CAAC,EACjC,SAAS,EACT,GAAG,KAAK,EACT,EAAE,uBAAuB,2CAUzB;AAID,MAAM,MAAM,6BAA6B,GAAG,KAAK,CAAC,cAAc,CAAC,GAAG,CAAC,CAAC;AAEtE,wBAAgB,wBAAwB,CAAC,EACvC,SAAS,EACT,GAAG,KAAK,EACT,EAAE,6BAA6B,2CAU/B;AAID,MAAM,MAAM,qBAAqB,GAAG;IAClC,GAAG,EAAE,MAAM,CAAC;CACb,GAAG,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,EAAE,UAAU,CAAC,CAAC;AAElD,wBAAgB,gBAAgB,CAAC,EAC/B,SAAS,EACT,GAAG,EACH,GAAG,KAAK,EACT,EAAE,qBAAqB,2CAkBvB;AAID,MAAM,MAAM,yBAAyB,GAAG,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,CAAC;AAEpE,wBAAgB,oBAAoB,CAAC,EACnC,SAAS,EACT,GAAG,KAAK,EACT,EAAE,yBAAyB,2CAU3B"}

package/dist/components/ui/templates/error-template.js

@@ -0,0 +1,117 @@
+import { jsx as t, jsxs as m } from "react/jsx-runtime";
+import { cn as n } from "../../../lib/utils.js";
+function s({ className: e, ...r }) {
+  return /* @__PURE__ */ t(
+    "div",
+    {
+      className: n(
+        "relative flex min-h-svh w-full flex-col items-center justify-center overflow-hidden bg-background pb-12 text-foreground",
+        e
+      ),
+      ...r
+    }
+  );
+}
+function c({
+  className: e,
+  ...r
+}) {
+  return /* @__PURE__ */ t("div", { className: n("mb-6", e), ...r });
+}
+function i({
+  className: e,
+  ...r
+}) {
+  return /* @__PURE__ */ t("div", { className: n("mb-6", e), ...r });
+}
+function u({
+  className: e,
+  ...r
+}) {
+  return /* @__PURE__ */ t(
+    "main",
+    {
+      className: n(
+        "relative mx-auto flex w-full max-w-2xl flex-col items-center text-center",
+        e
+      ),
+      ...r
+    }
+  );
+}
+function x({
+  className: e,
+  ...r
+}) {
+  return /* @__PURE__ */ t(
+    "h1",
+    {
+      className: n(
+        "font-medium text-muted-foreground text-sm uppercase tracking-[0.2em]",
+        e
+      ),
+      ...r
+    }
+  );
+}
+function d({
+  className: e,
+  ...r
+}) {
+  return /* @__PURE__ */ t(
+    "p",
+    {
+      className: n(
+        "mx-auto mt-3 max-w-md text-muted-foreground text-sm leading-relaxed",
+        e
+      ),
+      ...r
+    }
+  );
+}
+function f({
+  className: e,
+  url: r,
+  ...o
+}) {
+  return /* @__PURE__ */ m(
+    "div",
+    {
+      className: n(
+        "mt-5 inline-flex max-w-sm items-center gap-2 rounded-lg border border-border/40 bg-muted/20 px-3 py-1.5",
+        e
+      ),
+      ...o,
+      children: [
+        /* @__PURE__ */ t("span", { className: "shrink-0 text-muted-foreground text-xs uppercase tracking-widest", children: "URL" }),
+        /* @__PURE__ */ t("span", { className: "h-3 w-px bg-border/60" }),
+        /* @__PURE__ */ t("span", { className: "truncate font-mono text-foreground/70 text-xs", children: r })
+      ]
+    }
+  );
+}
+function p({
+  className: e,
+  ...r
+}) {
+  return /* @__PURE__ */ t(
+    "div",
+    {
+      className: n(
+        "mt-8 flex w-full flex-col gap-3 sm:flex-row sm:justify-center",
+        e
+      ),
+      ...r
+    }
+  );
+}
+export {
+  s as ErrorTemplate,
+  p as ErrorTemplateActions,
+  u as ErrorTemplateContent,
+  d as ErrorTemplateDescription,
+  i as ErrorTemplateIcon,
+  c as ErrorTemplateLogo,
+  x as ErrorTemplateTitle,
+  f as ErrorTemplateUrl
+};

package/dist/components/ui/templates/index.d.ts

@@ -3,4 +3,8 @@ export type { AuthTemplateCardProps, AuthTemplateContentProps, AuthTemplateDefau
 export { AuthTemplate, AuthTemplateCard, AuthTemplateContent, AuthTemplateDefaultBackground, AuthTemplateDescription, AuthTemplateFooter, AuthTemplateGridOverlay, AuthTemplateHeader, AuthTemplateLegal, AuthTemplateLegalLink, AuthTemplateLogo, AuthTemplatePrompt, AuthTemplatePromptLink, AuthTemplateTitle, AuthTemplateVideoBackground, } from './auth-template';
 export type { ChatTemplateBodyProps, ChatTemplateFooterProps, ChatTemplateHeaderGroupProps, ChatTemplateHeaderProps, ChatTemplateOverviewProps, ChatTemplateOverviewSubtitleProps, ChatTemplateOverviewTitleProps, ChatTemplateProps, ChatTemplateSuggestionsProps, } from './chat-template';
 export { ChatTemplate, ChatTemplateBody, ChatTemplateFooter, ChatTemplateHeader, ChatTemplateHeaderGroup, ChatTemplateOverview, ChatTemplateOverviewSubtitle, ChatTemplateOverviewTitle, ChatTemplateSuggestions, } from './chat-template';
+export type { ChatBodySkeletonProps, ChatContentSkeletonProps, ChatFooterSkeletonProps, ChatHeaderSkeletonProps, ChatSidebarSkeletonProps, } from './chat-template-skeletons';
+export { ChatBodySkeleton, ChatContentSkeleton, ChatFooterSkeleton, ChatHeaderSkeleton, ChatSidebarSkeleton, } from './chat-template-skeletons';
+export type { ErrorTemplateActionsProps, ErrorTemplateContentProps, ErrorTemplateDescriptionProps, ErrorTemplateIconProps, ErrorTemplateLogoProps, ErrorTemplateProps, ErrorTemplateTitleProps, ErrorTemplateUrlProps, } from './error-template';
+export { ErrorTemplate, ErrorTemplateActions, ErrorTemplateContent, ErrorTemplateDescription, ErrorTemplateIcon, ErrorTemplateLogo, ErrorTemplateTitle, ErrorTemplateUrl, } from './error-template';
 //# sourceMappingURL=index.d.ts.map

package/dist/components/ui/templates/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../lib/components/ui/templates/index.ts"],"names":[],"mappings":"AAAA,+GAA+G;AAE/G,YAAY,EACV,qBAAqB,EACrB,wBAAwB,EACxB,kCAAkC,EAClC,4BAA4B,EAC5B,uBAAuB,EACvB,4BAA4B,EAC5B,uBAAuB,EACvB,0BAA0B,EAC1B,sBAAsB,EACtB,qBAAqB,EACrB,2BAA2B,EAC3B,uBAAuB,EACvB,iBAAiB,EACjB,sBAAsB,EACtB,gCAAgC,GACjC,MAAM,iBAAiB,CAAC;AACzB,OAAO,EACL,YAAY,EACZ,gBAAgB,EAChB,mBAAmB,EACnB,6BAA6B,EAC7B,uBAAuB,EACvB,kBAAkB,EAClB,uBAAuB,EACvB,kBAAkB,EAClB,iBAAiB,EACjB,qBAAqB,EACrB,gBAAgB,EAChB,kBAAkB,EAClB,sBAAsB,EACtB,iBAAiB,EACjB,2BAA2B,GAC5B,MAAM,iBAAiB,CAAC;AACzB,YAAY,EACV,qBAAqB,EACrB,uBAAuB,EACvB,4BAA4B,EAC5B,uBAAuB,EACvB,yBAAyB,EACzB,iCAAiC,EACjC,8BAA8B,EAC9B,iBAAiB,EACjB,4BAA4B,GAC7B,MAAM,iBAAiB,CAAC;AACzB,OAAO,EACL,YAAY,EACZ,gBAAgB,EAChB,kBAAkB,EAClB,kBAAkB,EAClB,uBAAuB,EACvB,oBAAoB,EACpB,4BAA4B,EAC5B,yBAAyB,EACzB,uBAAuB,GACxB,MAAM,iBAAiB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../lib/components/ui/templates/index.ts"],"names":[],"mappings":"AAAA,+GAA+G;AAE/G,YAAY,EACV,qBAAqB,EACrB,wBAAwB,EACxB,kCAAkC,EAClC,4BAA4B,EAC5B,uBAAuB,EACvB,4BAA4B,EAC5B,uBAAuB,EACvB,0BAA0B,EAC1B,sBAAsB,EACtB,qBAAqB,EACrB,2BAA2B,EAC3B,uBAAuB,EACvB,iBAAiB,EACjB,sBAAsB,EACtB,gCAAgC,GACjC,MAAM,iBAAiB,CAAC;AACzB,OAAO,EACL,YAAY,EACZ,gBAAgB,EAChB,mBAAmB,EACnB,6BAA6B,EAC7B,uBAAuB,EACvB,kBAAkB,EAClB,uBAAuB,EACvB,kBAAkB,EAClB,iBAAiB,EACjB,qBAAqB,EACrB,gBAAgB,EAChB,kBAAkB,EAClB,sBAAsB,EACtB,iBAAiB,EACjB,2BAA2B,GAC5B,MAAM,iBAAiB,CAAC;AACzB,YAAY,EACV,qBAAqB,EACrB,uBAAuB,EACvB,4BAA4B,EAC5B,uBAAuB,EACvB,yBAAyB,EACzB,iCAAiC,EACjC,8BAA8B,EAC9B,iBAAiB,EACjB,4BAA4B,GAC7B,MAAM,iBAAiB,CAAC;AACzB,OAAO,EACL,YAAY,EACZ,gBAAgB,EAChB,kBAAkB,EAClB,kBAAkB,EAClB,uBAAuB,EACvB,oBAAoB,EACpB,4BAA4B,EAC5B,yBAAyB,EACzB,uBAAuB,GACxB,MAAM,iBAAiB,CAAC;AACzB,YAAY,EACV,qBAAqB,EACrB,wBAAwB,EACxB,uBAAuB,EACvB,uBAAuB,EACvB,wBAAwB,GACzB,MAAM,2BAA2B,CAAC;AACnC,OAAO,EACL,gBAAgB,EAChB,mBAAmB,EACnB,kBAAkB,EAClB,kBAAkB,EAClB,mBAAmB,GACpB,MAAM,2BAA2B,CAAC;AACnC,YAAY,EACV,yBAAyB,EACzB,yBAAyB,EACzB,6BAA6B,EAC7B,sBAAsB,EACtB,sBAAsB,EACtB,kBAAkB,EAClB,uBAAuB,EACvB,qBAAqB,GACtB,MAAM,kBAAkB,CAAC;AAC1B,OAAO,EACL,aAAa,EACb,oBAAoB,EACpB,oBAAoB,EACpB,wBAAwB,EACxB,iBAAiB,EACjB,iBAAiB,EACjB,kBAAkB,EAClB,gBAAgB,GACjB,MAAM,kBAAkB,CAAC"}

package/dist/components/ui/templates/index.js

@@ -1,28 +1,43 @@
-import { AuthTemplate as a, AuthTemplateCard as l, AuthTemplateContent as p, AuthTemplateDefaultBackground as m, AuthTemplateDescription as T, AuthTemplateFooter as h, AuthTemplateGridOverlay as r, AuthTemplateHeader as u, AuthTemplateLegal as o, AuthTemplateLegalLink as A, AuthTemplateLogo as i, AuthTemplatePrompt as C, AuthTemplatePromptLink as d, AuthTemplateTitle as n, AuthTemplateVideoBackground as g } from "./auth-template.js";
-import { ChatTemplate as L, ChatTemplateBody as k, ChatTemplateFooter as O, ChatTemplateHeader as c, ChatTemplateHeaderGroup as f, ChatTemplateOverview as s, ChatTemplateOverviewSubtitle as w, ChatTemplateOverviewTitle as B, ChatTemplateSuggestions as H } from "./chat-template.js";
+import { AuthTemplate as a, AuthTemplateCard as r, AuthTemplateContent as o, AuthTemplateDefaultBackground as l, AuthTemplateDescription as p, AuthTemplateFooter as m, AuthTemplateGridOverlay as T, AuthTemplateHeader as h, AuthTemplateLegal as u, AuthTemplateLegalLink as n, AuthTemplateLogo as i, AuthTemplatePrompt as C, AuthTemplatePromptLink as A, AuthTemplateTitle as d, AuthTemplateVideoBackground as k } from "./auth-template.js";
+import { ChatTemplate as E, ChatTemplateBody as S, ChatTemplateFooter as v, ChatTemplateHeader as c, ChatTemplateHeaderGroup as L, ChatTemplateOverview as f, ChatTemplateOverviewSubtitle as s, ChatTemplateOverviewTitle as x, ChatTemplateSuggestions as B } from "./chat-template.js";
+import { ChatBodySkeleton as O, ChatContentSkeleton as w, ChatFooterSkeleton as y, ChatHeaderSkeleton as D, ChatSidebarSkeleton as F } from "./chat-template-skeletons.js";
+import { ErrorTemplate as G, ErrorTemplateActions as P, ErrorTemplateContent as I, ErrorTemplateDescription as U, ErrorTemplateIcon as V, ErrorTemplateLogo as j, ErrorTemplateTitle as q, ErrorTemplateUrl as z } from "./error-template.js";
 export {
   a as AuthTemplate,
-  l as AuthTemplateCard,
-  p as AuthTemplateContent,
-  m as AuthTemplateDefaultBackground,
-  T as AuthTemplateDescription,
-  h as AuthTemplateFooter,
-  r as AuthTemplateGridOverlay,
-  u as AuthTemplateHeader,
-  o as AuthTemplateLegal,
-  A as AuthTemplateLegalLink,
+  r as AuthTemplateCard,
+  o as AuthTemplateContent,
+  l as AuthTemplateDefaultBackground,
+  p as AuthTemplateDescription,
+  m as AuthTemplateFooter,
+  T as AuthTemplateGridOverlay,
+  h as AuthTemplateHeader,
+  u as AuthTemplateLegal,
+  n as AuthTemplateLegalLink,
   i as AuthTemplateLogo,
   C as AuthTemplatePrompt,
-  d as AuthTemplatePromptLink,
-  n as AuthTemplateTitle,
-  g as AuthTemplateVideoBackground,
-  L as ChatTemplate,
-  k as ChatTemplateBody,
-  O as ChatTemplateFooter,
+  A as AuthTemplatePromptLink,
+  d as AuthTemplateTitle,
+  k as AuthTemplateVideoBackground,
+  O as ChatBodySkeleton,
+  w as ChatContentSkeleton,
+  y as ChatFooterSkeleton,
+  D as ChatHeaderSkeleton,
+  F as ChatSidebarSkeleton,
+  E as ChatTemplate,
+  S as ChatTemplateBody,
+  v as ChatTemplateFooter,
   c as ChatTemplateHeader,
-  f as ChatTemplateHeaderGroup,
-  s as ChatTemplateOverview,
-  w as ChatTemplateOverviewSubtitle,
-  B as ChatTemplateOverviewTitle,
-  H as ChatTemplateSuggestions
+  L as ChatTemplateHeaderGroup,
+  f as ChatTemplateOverview,
+  s as ChatTemplateOverviewSubtitle,
+  x as ChatTemplateOverviewTitle,
+  B as ChatTemplateSuggestions,
+  G as ErrorTemplate,
+  P as ErrorTemplateActions,
+  I as ErrorTemplateContent,
+  U as ErrorTemplateDescription,
+  V as ErrorTemplateIcon,
+  j as ErrorTemplateLogo,
+  q as ErrorTemplateTitle,
+  z as ErrorTemplateUrl
 };

package/dist/hooks/use-mobile.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"use-mobile.d.ts","sourceRoot":"","sources":["../../lib/hooks/use-mobile.ts"],"names":[],"mappings":"AAIA,wBAAgB,WAAW,YAgB1B"}
+{"version":3,"file":"use-mobile.d.ts","sourceRoot":"","sources":["../../lib/hooks/use-mobile.ts"],"names":[],"mappings":"AAWA,wBAAgB,WAAW,YAa1B"}

package/dist/hooks/use-mobile.js

@@ -1,16 +1,17 @@
-import * as o from "react";
+import * as i from "react";
 const e = 768;
-function r() {
-  const [s, n] = o.useState(
-    void 0
-  );
-  return o.useEffect(() => {
-    const t = window.matchMedia(`(max-width: ${e - 1}px)`), i = () => {
-      n(window.innerWidth < e);
+function s() {
+  return typeof window > "u" ? !1 : window.innerWidth < e;
+}
+function d() {
+  const [o, r] = i.useState(s);
+  return i.useEffect(() => {
+    const n = window.matchMedia(`(max-width: ${e - 1}px)`), t = () => {
+      r(window.innerWidth < e);
     };
-    return t.addEventListener("change", i), n(window.innerWidth < e), () => t.removeEventListener("change", i);
-  }, []), !!s;
+    return n.addEventListener("change", t), () => n.removeEventListener("change", t);
+  }, []), o;
 }
 export {
-  r as useIsMobile
+  d as useIsMobile
 };