@arcadeai/design-system 3.33.2 → 3.35.0

package/dist/components/ui/molecules/user-nav.js

@@ -0,0 +1,154 @@
+import { jsx as e, jsxs as r, Fragment as b } from "react/jsx-runtime";
+import { ChevronsUpDownIcon as y } from "lucide-react";
+import { Avatar as D, AvatarImage as C, AvatarFallback as j } from "../atoms/avatar.js";
+import { Button as M } from "../atoms/button.js";
+import { DropdownMenu as I, DropdownMenuTrigger as k, DropdownMenuContent as z, DropdownMenuLabel as A, DropdownMenuSeparator as U } from "../atoms/dropdown-menu.js";
+import { cn as a } from "../../../lib/utils.js";
+function B(t) {
+  return t.split(" ").filter(Boolean).map((n) => n[0]).join("").slice(0, 2).toUpperCase();
+}
+const F = {
+  sm: "size-9",
+  lg: "size-10"
+};
+function f({
+  name: t,
+  avatarUrl: n,
+  avatarSize: o,
+  avatarClassName: i,
+  badge: s,
+  secondaryContent: l,
+  hideDetails: u = !1
+}) {
+  const c = B(t) || "U";
+  return /* @__PURE__ */ r(b, { children: [
+    /* @__PURE__ */ r("div", { className: "relative shrink-0", children: [
+      /* @__PURE__ */ r(D, { className: a(F[o], "rounded-lg"), children: [
+        n && /* @__PURE__ */ e(C, { alt: t, src: n }),
+        /* @__PURE__ */ e(
+          j,
+          {
+            className: a(
+              "rounded-lg bg-purple-600 font-semibold text-white text-xs",
+              i
+            ),
+            children: c
+          }
+        )
+      ] }),
+      s
+    ] }),
+    /* @__PURE__ */ r(
+      "div",
+      {
+        className: a(
+          "flex min-w-0 flex-1 flex-col items-start gap-px text-left leading-tight",
+          u && "hidden"
+        ),
+        children: [
+          /* @__PURE__ */ e("span", { className: "truncate font-semibold text-foreground text-sm", children: t }),
+          l
+        ]
+      }
+    )
+  ] });
+}
+function G({
+  name: t,
+  email: n,
+  avatarUrl: o,
+  avatarSize: i = "sm",
+  avatarClassName: s,
+  badge: l,
+  menuBadge: u,
+  secondary: c,
+  menuSecondary: g,
+  compact: m = !1,
+  children: h,
+  dropdownSide: w = "top",
+  dropdownAlign: N = "end",
+  className: x
+}) {
+  const p = t ?? "User";
+  let d = null;
+  c !== void 0 ? d = c : n && (d = /* @__PURE__ */ e("span", { className: "truncate text-muted-foreground text-xs", children: n }));
+  const v = g === void 0 ? d : g;
+  return h ? /* @__PURE__ */ r(I, { children: [
+    /* @__PURE__ */ e(k, { asChild: !0, children: /* @__PURE__ */ r(
+      M,
+      {
+        "aria-label": `${p} menu`,
+        className: a(
+          "h-auto w-full cursor-pointer justify-start gap-3 overflow-visible rounded-lg px-1.5 py-2 transition-colors",
+          "hover:bg-accent hover:text-accent-foreground",
+          "data-[state=open]:bg-accent data-[state=open]:text-accent-foreground",
+          m && "size-10 justify-center px-0",
+          x
+        ),
+        variant: "ghost",
+        children: [
+          /* @__PURE__ */ e(
+            f,
+            {
+              avatarClassName: s,
+              avatarSize: i,
+              avatarUrl: o,
+              badge: l,
+              hideDetails: m,
+              name: p,
+              secondaryContent: d
+            }
+          ),
+          !m && /* @__PURE__ */ e(y, { className: "ml-auto size-4 shrink-0 text-muted-foreground" })
+        ]
+      }
+    ) }),
+    /* @__PURE__ */ r(
+      z,
+      {
+        align: N,
+        className: "w-(--radix-dropdown-menu-trigger-width) min-w-56",
+        side: w,
+        sideOffset: 4,
+        children: [
+          /* @__PURE__ */ e(A, { className: "p-0 font-normal", children: /* @__PURE__ */ e("div", { className: "flex items-center gap-3 px-3 py-2.5", children: /* @__PURE__ */ e(
+            f,
+            {
+              avatarClassName: s,
+              avatarSize: i,
+              avatarUrl: o,
+              badge: u ?? l,
+              name: p,
+              secondaryContent: v
+            }
+          ) }) }),
+          /* @__PURE__ */ e(U, {}),
+          h
+        ]
+      }
+    )
+  ] }) : /* @__PURE__ */ e(
+    "div",
+    {
+      className: a(
+        "flex w-full items-center gap-3 rounded-lg px-1.5 py-2",
+        x
+      ),
+      children: /* @__PURE__ */ e(
+        f,
+        {
+          avatarClassName: s,
+          avatarSize: i,
+          avatarUrl: o,
+          badge: l,
+          hideDetails: m,
+          name: p,
+          secondaryContent: d
+        }
+      )
+    }
+  );
+}
+export {
+  G as UserNav
+};

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

@@ -34,6 +34,8 @@ export type ChatPageProps = {
     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 */
@@ -46,18 +48,19 @@ export type ChatPageProps = {
     onDeleteAll?: () => void;
     /** Callback for sign out */
     onSignOut?: () => void;
-    /** Callback for theme change */
-    onThemeChange?: (theme: "light" | "dark" | "system") => void;
-    /** Current theme */
-    theme?: "light" | "dark" | "system";
-    /** Chat history items for the sidebar */
-    chatHistory?: Array<{
-        id: string;
-        title: string;
-        isActive?: boolean;
+    /** 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. */
@@ -70,6 +73,11 @@ export type ChatPageProps = {
     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, onSubmit, isLoading, onStop, onNewChat, onDeleteAll, onSignOut, onThemeChange, theme, chatHistory, onSelectChat, defaultSidebarOpen, showSidebar, messages, renderMessage, loadingIndicator, children, }: ChatPageProps): import("react/jsx-runtime").JSX.Element;
+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 +1 @@
-{"version":3,"file":"chat-page.d.ts","sourceRoot":"","sources":["../../../../lib/components/ui/pages/chat-page.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"chat-page.d.ts","sourceRoot":"","sources":["../../../../lib/components/ui/pages/chat-page.tsx"],"names":[],"mappings":"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"}