@px-ui/ai 1.0.1 → 3.0.0

package/dist/index.d.ts

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime8 from "react/jsx-runtime";
+import * as react_jsx_runtime0 from "react/jsx-runtime";
 
 //#region src/context/xandi-context.d.ts
 type MessageType = "text" | "markdown";
@@ -33,7 +33,7 @@ declare function XandiProvider({
   sessionId: initialSessionId,
   onFeedback,
   children
-}: XandiProviderProps): react_jsx_runtime8.JSX.Element;
+}: XandiProviderProps): react_jsx_runtime0.JSX.Element;
 declare function useXandi(): XandiContextValue;
 //#endregion
 //#region src/components/x-main-intake.d.ts
@@ -51,7 +51,7 @@ interface XandiProps {
 declare function Xandi({
   welcomeMessage,
   suggestions
-}: XandiProps): react_jsx_runtime8.JSX.Element;
+}: XandiProps): react_jsx_runtime0.JSX.Element;
 //#endregion
 //#region src/components/x-header.d.ts
 interface XHeaderProps {
@@ -65,7 +65,7 @@ declare function XHeader({
   onClose,
   onNewChat,
   onToggleHistory
-}: XHeaderProps): react_jsx_runtime8.JSX.Element;
+}: XHeaderProps): react_jsx_runtime0.JSX.Element;
 //#endregion
 //#region src/components/x-chat-history.d.ts
 interface ChatHistoryItem {
@@ -86,7 +86,7 @@ declare function XChatHistory({
   groups,
   activeChatId,
   onSelectChat
-}: XChatHistoryProps): react_jsx_runtime8.JSX.Element;
+}: XChatHistoryProps): react_jsx_runtime0.JSX.Element;
 //#endregion
 //#region src/components/x-sidebar.d.ts
 interface XSidebarProps {
@@ -104,7 +104,7 @@ declare function XSidebar({
   onClose,
   onNewChat,
   onSelectChat
-}: XSidebarProps): react_jsx_runtime8.JSX.Element | null;
+}: XSidebarProps): react_jsx_runtime0.JSX.Element | null;
 declare namespace x_message_actions_d_exports {
   export { Copy, CopyProps, Debug, DebugProps, Feedback, FeedbackProps, FeedbackType, Root };
 }
@@ -118,19 +118,19 @@ declare function Root({
   children
 }: {
   children: React.ReactNode;
-}): react_jsx_runtime8.JSX.Element;
+}): react_jsx_runtime0.JSX.Element;
 interface FeedbackProps {
   messageId: string;
 }
 declare function Feedback({
   messageId
-}: FeedbackProps): react_jsx_runtime8.JSX.Element;
+}: FeedbackProps): react_jsx_runtime0.JSX.Element;
 interface CopyProps {
   content: string;
 }
 declare function Copy({
   content
-}: CopyProps): react_jsx_runtime8.JSX.Element;
+}: CopyProps): react_jsx_runtime0.JSX.Element;
 interface DebugProps {
   messageId: string;
   debugTrace: unknown;
@@ -138,7 +138,7 @@ interface DebugProps {
 declare function Debug({
   messageId,
   debugTrace
-}: DebugProps): react_jsx_runtime8.JSX.Element;
+}: DebugProps): react_jsx_runtime0.JSX.Element;
 //#endregion
 export { type ChatHistoryGroup, type ChatHistoryItem, type FeedbackType, type Message, type MessageType, type Suggestion, XChatHistory, type XChatHistoryProps, XHeader, type XHeaderProps, x_message_actions_d_exports as XMessageActions, XSidebar, type XSidebarProps, Xandi, type XandiProps, XandiProvider, type XandiProviderProps, type XandiResponse, useXandi };
 //# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","names":[],"sources":["../src/context/xandi-context.tsx","../src/components/x-main-intake.tsx","../src/components/xandi.tsx","../src/components/x-header.tsx","../src/components/x-chat-history.tsx","../src/components/x-sidebar.tsx","../src/components/x-message-actions.tsx"],"sourcesContent":[],"mappings":"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"}
+{"version":3,"file":"index.d.ts","names":[],"sources":["../src/context/xandi-context.tsx","../src/components/x-main-intake.tsx","../src/components/xandi.tsx","../src/components/x-header.tsx","../src/components/x-chat-history.tsx","../src/components/x-sidebar.tsx","../src/components/x-message-actions.tsx"],"sourcesContent":[],"mappings":"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"}

package/dist/index.js

@@ -556,7 +556,14 @@ function MessageRenderer({ type, message }) {
 
 //#endregion
 //#region src/constants.ts
-const XANDI_AVATAR_URL = new URL("./assets/images/xandi-avatar.png", import.meta.url).href;
+function getXandiAvatarUrl() {
+	try {
+		return new URL("./assets/images/xandi-avatar.png", import.meta.url).href;
+	} catch {
+		return "";
+	}
+}
+const XANDI_AVATAR_URL = getXandiAvatarUrl();
 
 //#endregion
 //#region src/components/x-typing-indicator.tsx

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["userMessage: Message","assistantMessage: Message","value: XandiContextValue","XMessageActions.Root","XMessageActions.Feedback","XMessageActions.Copy","XMessageActions.Debug","XMessageActions.Root","XMessageActions.Feedback","XMessageActions.Copy","XMessageActions.Debug","messageType: MessageType"],"sources":["../src/context/xandi-context.tsx","../src/components/x-main-intake.tsx","../src/assets/icons/chat-icon.tsx","../src/assets/icons/check-icon.tsx","../src/assets/icons/close-icon.tsx","../src/assets/icons/copy-icon.tsx","../src/assets/icons/debug-icon.tsx","../src/assets/icons/menu-icon.tsx","../src/assets/icons/new-chat-icon.tsx","../src/assets/icons/sparkles-icon.tsx","../src/assets/icons/thumbs-down-icon.tsx","../src/assets/icons/thumbs-up-icon.tsx","../src/components/x-message-actions.tsx","../src/components/renderers/markdown-renderer.tsx","../src/components/renderers/text-renderer.tsx","../src/components/x-message-item.tsx","../src/constants.ts","../src/components/x-typing-indicator.tsx","../src/components/x-message-container.tsx","../src/components/x-welcome.tsx","../src/components/xandi.tsx","../src/components/x-header.tsx","../src/components/x-chat-history.tsx","../src/components/x-sidebar.tsx"],"sourcesContent":["import { createContext, useContext, useEffect, useState } from \"react\";\n\nexport type MessageType = \"text\" | \"markdown\";\nexport type FeedbackType = \"up\" | \"down\" | null;\n\nexport interface Message {\n  id: string;\n  role: \"user\" | \"assistant\";\n  content: string;\n  type?: MessageType;\n  debugTrace?: unknown;\n}\n\nexport interface XandiResponse {\n  content: string;\n  type?: MessageType;\n  debugTrace?: unknown;\n}\n\nexport interface XandiContextValue {\n  messages: Message[];\n  isLoading: boolean;\n  sessionId: string | null;\n  sendMessage: (text: string) => void;\n  onFeedback?: (messageId: string, feedback: FeedbackType) => void;\n}\n\nconst XandiContext = createContext<XandiContextValue | null>(null);\n\nexport interface XandiProviderProps {\n  fetchResponse: (message: string) => Promise<XandiResponse>;\n  sessionId?: string;\n  onFeedback?: (messageId: string, feedback: FeedbackType) => void;\n  children: React.ReactNode;\n}\n\nexport function XandiProvider({\n  fetchResponse,\n  sessionId: initialSessionId,\n  onFeedback,\n  children,\n}: XandiProviderProps) {\n  const [sessionId, setSessionId] = useState<string | null>(initialSessionId ?? null);\n  const [messages, setMessages] = useState<Message[]>([]);\n  const [isLoading, setIsLoading] = useState(false);\n\n  // Initialize sessionId if not provided\n  useEffect(() => {\n    if (!initialSessionId) {\n      setSessionId(crypto.randomUUID());\n    }\n  }, [initialSessionId]);\n\n  const sendMessage = async (text: string) => {\n    if (!text.trim() || isLoading) return;\n\n    // Add user message\n    const userMessage: Message = {\n      id: crypto.randomUUID(),\n      role: \"user\",\n      content: text,\n    };\n    setMessages((prev) => [...prev, userMessage]);\n    setIsLoading(true);\n\n    try {\n      const response = await fetchResponse(text);\n\n      const assistantMessage: Message = {\n        id: crypto.randomUUID(),\n        role: \"assistant\",\n        content: response.content,\n        type: response.type,\n        debugTrace: response.debugTrace,\n      };\n      setMessages((prev) => [...prev, assistantMessage]);\n    } catch (error) {\n      console.error(\"Failed to send message:\", error);\n    } finally {\n      setIsLoading(false);\n    }\n  };\n\n  const value: XandiContextValue = {\n    messages,\n    isLoading,\n    sessionId,\n    sendMessage,\n    onFeedback,\n  };\n\n  return <XandiContext.Provider value={value}>{children}</XandiContext.Provider>;\n}\n\nexport function useXandi(): XandiContextValue {\n  const context = useContext(XandiContext);\n  if (!context) {\n    throw new Error(\"useXandi must be used within XandiProvider\");\n  }\n  return context;\n}\n","import { useState } from \"react\";\n\nimport { Button, FileIcon, SendIcon, StopIcon } from \"@px-ui/core\";\nimport { useXandi } from \"../context/xandi-context\";\n\nexport interface Suggestion {\n  id: string;\n  label: string;\n  prompt: string;\n}\n\nexport interface XMainIntakeProps {\n  placeholder?: string;\n  suggestions?: Suggestion[];\n}\n\nexport function XMainIntake({ \n  placeholder = \"Ask about jobs, candidates, timesheets, or anything workforce...\",\n  suggestions = [],\n}: XMainIntakeProps) {\n  const { isLoading, sendMessage } = useXandi();\n  const [input, setInput] = useState(\"\");\n\n  const handleSubmit = (e?: React.FormEvent) => {\n    e?.preventDefault();\n    if (input.trim() && !isLoading) {\n      sendMessage(input);\n      setInput(\"\");\n    }\n  };\n\n  const handleSuggestionClick = (prompt: string) => {\n    setInput(prompt);\n  };\n\n  return (\n    <div className=\"flex flex-col gap-3\">\n      <form onSubmit={handleSubmit} className=\"flex flex-col gap-2 rounded-2xl border border-ppx-neutral-5 bg-ppx-neutral-1 p-3\">\n        <div className=\"uploads-section\"></div>\n\n        <XIntakeTextarea\n          value={input}\n          onChange={setInput}\n          onSubmit={handleSubmit}\n          placeholder={placeholder}\n          disabled={isLoading}\n        />\n\n        <div className=\"actions-section flex flex-row items-center gap-2\">\n          <Button\n            type=\"button\"\n            variant=\"ghost\"\n            size=\"icon-sm\"\n            disabled={isLoading}\n          >\n            <FileIcon width={20} />\n          </Button>\n          <span className=\"ml-auto text-ppx-xs text-ppx-neutral-10\">\n            Enter to send · Shift+Enter for new line\n          </span>\n          <Button\n            type=\"submit\"\n            size=\"icon-sm\"\n            disabled={isLoading || !input.trim()}\n            className=\"flex h-8 w-8 items-center justify-center rounded-full bg-ppx-green-5 text-white transition-all hover:bg-ppx-green-4 hover:shadow-[0_0_12px_rgba(40,182,116,0.6)] disabled:bg-ppx-neutral-5 disabled:text-ppx-neutral-10 disabled:shadow-none\"\n          >\n            {isLoading ? (\n              <StopIcon width={14} />\n            ) : (\n              <SendIcon width={16} />\n            )}\n          </Button>\n        </div>\n      </form>\n\n      {suggestions.length > 0 && (\n        <div className=\"flex flex-wrap justify-center gap-2\">\n          {suggestions.map((suggestion, index) => (\n            <Button\n              key={suggestion.id}\n              type=\"button\"\n              variant=\"outline\"\n              size=\"sm\"\n              onClick={() => handleSuggestionClick(suggestion.prompt)}\n              className=\"animate-[popUp_0.3s_ease-out_forwards] rounded-full opacity-0\"\n              style={{ animationDelay: `${index * 0.1}s` }}\n            >\n              {suggestion.label}\n            </Button>\n          ))}\n        </div>\n      )}\n    </div>\n  );\n}\n\n\n/////////////////////////////////////////////////////////////////////////////////////////////////\n//////////////////////////////////////Supporting Components//////////////////////////////////////\n/////////////////////////////////////////////////////////////////////////////////////////////////\n\ninterface XIntakeTextareaProps {\n  value: string;\n  onChange: (value: string) => void;\n  onSubmit: () => void;\n  placeholder?: string;\n  disabled?: boolean;\n}\n\nfunction XIntakeTextarea({ value, onChange, onSubmit, placeholder, disabled }: XIntakeTextareaProps) {\n  const handleKeyDown = (e: React.KeyboardEvent<HTMLTextAreaElement>) => {\n    if (e.key === \"Enter\" && !e.shiftKey) {\n      e.preventDefault();\n      onSubmit();\n    }\n    // Shift+Enter allows default behavior (newline)\n  };\n\n  return (\n    <textarea\n      className=\"w-full resize-none border-none bg-transparent outline-none\"\n      placeholder={placeholder}\n      disabled={disabled}\n      value={value}\n      onChange={(e) => onChange(e.target.value)}\n      onKeyDown={handleKeyDown}\n    />\n  );\n}\n","export function ChatIcon(props: React.ComponentProps<\"svg\">) {\n  return (\n    <svg\n      width=\"18\"\n      height=\"18\"\n      viewBox=\"0 0 24 24\"\n      fill=\"none\"\n      stroke=\"currentColor\"\n      strokeWidth=\"2\"\n      strokeLinecap=\"round\"\n      strokeLinejoin=\"round\"\n      {...props}\n    >\n      <path d=\"M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z\" />\n    </svg>\n  );\n}\n\n","export function CheckIcon(props: React.ComponentProps<\"svg\">) {\n  return (\n    <svg\n      width=\"16\"\n      height=\"16\"\n      viewBox=\"0 0 24 24\"\n      fill=\"none\"\n      stroke=\"currentColor\"\n      strokeWidth=\"2\"\n      strokeLinecap=\"round\"\n      strokeLinejoin=\"round\"\n      {...props}\n    >\n      <path d=\"M20 6 9 17l-5-5\" />\n    </svg>\n  );\n}\n\n","export function CloseIcon(props: React.ComponentProps<\"svg\">) {\n  return (\n    <svg\n      width=\"20\"\n      height=\"20\"\n      viewBox=\"0 0 24 24\"\n      fill=\"none\"\n      stroke=\"currentColor\"\n      strokeWidth=\"2\"\n      strokeLinecap=\"round\"\n      strokeLinejoin=\"round\"\n      {...props}\n    >\n      <path d=\"M18 6 6 18\" />\n      <path d=\"m6 6 12 12\" />\n    </svg>\n  );\n}\n\n","export function CopyIcon(props: React.ComponentProps<\"svg\">) {\n  return (\n    <svg\n      width=\"16\"\n      height=\"16\"\n      viewBox=\"0 0 24 24\"\n      fill=\"none\"\n      stroke=\"currentColor\"\n      strokeWidth=\"2\"\n      strokeLinecap=\"round\"\n      strokeLinejoin=\"round\"\n      {...props}\n    >\n      <rect width=\"14\" height=\"14\" x=\"8\" y=\"8\" rx=\"2\" ry=\"2\" />\n      <path d=\"M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2\" />\n    </svg>\n  );\n}\n\n","export function DebugIcon(props: React.ComponentProps<\"svg\">) {\n  return (\n    <svg\n      width=\"16\"\n      height=\"16\"\n      viewBox=\"0 0 24 24\"\n      fill=\"none\"\n      stroke=\"currentColor\"\n      strokeWidth=\"2\"\n      strokeLinecap=\"round\"\n      strokeLinejoin=\"round\"\n      {...props}\n    >\n      <path d=\"M8 3H7a2 2 0 0 0-2 2v5a2 2 0 0 1-2 2 2 2 0 0 1 2 2v5c0 1.1.9 2 2 2h1\" />\n      <path d=\"M16 21h1a2 2 0 0 0 2-2v-5c0-1.1.9-2 2-2a2 2 0 0 1-2-2V5a2 2 0 0 0-2-2h-1\" />\n    </svg>\n  );\n}\n\n","export function MenuIcon(props: React.ComponentProps<\"svg\">) {\n  return (\n    <svg\n      width=\"20\"\n      height=\"20\"\n      viewBox=\"0 0 24 24\"\n      fill=\"none\"\n      stroke=\"currentColor\"\n      strokeWidth=\"2\"\n      strokeLinecap=\"round\"\n      strokeLinejoin=\"round\"\n      {...props}\n    >\n      <line x1=\"4\" x2=\"20\" y1=\"12\" y2=\"12\" />\n      <line x1=\"4\" x2=\"20\" y1=\"6\" y2=\"6\" />\n      <line x1=\"4\" x2=\"20\" y1=\"18\" y2=\"18\" />\n    </svg>\n  );\n}\n\n","export function NewChatIcon(props: React.ComponentProps<\"svg\">) {\n  return (\n    <svg\n      width=\"20\"\n      height=\"20\"\n      viewBox=\"0 0 24 24\"\n      fill=\"none\"\n      stroke=\"currentColor\"\n      strokeWidth=\"2\"\n      strokeLinecap=\"round\"\n      strokeLinejoin=\"round\"\n      {...props}\n    >\n      <path d=\"M12 3H5a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\" />\n      <path d=\"M18.375 2.625a1 1 0 0 1 3 3l-9.013 9.014a2 2 0 0 1-.853.505l-2.873.84a.5.5 0 0 1-.62-.62l.84-2.873a2 2 0 0 1 .506-.852z\" />\n    </svg>\n  );\n}\n\n","export function SparklesIcon(props: React.ComponentProps<\"svg\">) {\n  return (\n    <svg\n      xmlns=\"http://www.w3.org/2000/svg\"\n      width=\"20\"\n      height=\"20\"\n      viewBox=\"0 0 24 24\"\n      fill=\"none\"\n      stroke=\"currentColor\"\n      strokeWidth=\"2\"\n      strokeLinecap=\"round\"\n      strokeLinejoin=\"round\"\n      {...props}\n    >\n      <path d=\"M9.937 15.5A2 2 0 0 0 8.5 14.063l-6.135-1.582a.5.5 0 0 1 0-.962L8.5 9.936A2 2 0 0 0 9.937 8.5l1.582-6.135a.5.5 0 0 1 .963 0L14.063 8.5A2 2 0 0 0 15.5 9.937l6.135 1.581a.5.5 0 0 1 0 .964L15.5 14.063a2 2 0 0 0-1.437 1.437l-1.582 6.135a.5.5 0 0 1-.963 0z\" />\n      <path d=\"M20 3v4\" />\n      <path d=\"M22 5h-4\" />\n      <path d=\"M4 17v2\" />\n      <path d=\"M5 18H3\" />\n    </svg>\n  );\n}\n\n","export function ThumbsDownIcon(props: React.ComponentProps<\"svg\">) {\n  return (\n    <svg\n      width=\"16\"\n      height=\"16\"\n      viewBox=\"0 0 24 24\"\n      fill=\"none\"\n      stroke=\"currentColor\"\n      strokeWidth=\"2\"\n      strokeLinecap=\"round\"\n      strokeLinejoin=\"round\"\n      {...props}\n    >\n      <path d=\"M17 14V2\" />\n      <path d=\"M9 18.12 10 14H4.17a2 2 0 0 1-1.92-2.56l2.33-8A2 2 0 0 1 6.5 2H20a2 2 0 0 1 2 2v8a2 2 0 0 1-2 2h-2.76a2 2 0 0 0-1.79 1.11L12 22a3.13 3.13 0 0 1-3-3.88Z\" />\n    </svg>\n  );\n}\n\n","export function ThumbsUpIcon(props: React.ComponentProps<\"svg\">) {\n  return (\n    <svg\n      width=\"16\"\n      height=\"16\"\n      viewBox=\"0 0 24 24\"\n      fill=\"none\"\n      stroke=\"currentColor\"\n      strokeWidth=\"2\"\n      strokeLinecap=\"round\"\n      strokeLinejoin=\"round\"\n      {...props}\n    >\n      <path d=\"M7 10v12\" />\n      <path d=\"M15 5.88 14 10h5.83a2 2 0 0 1 1.92 2.56l-2.33 8A2 2 0 0 1 17.5 22H4a2 2 0 0 1-2-2v-8a2 2 0 0 1 2-2h2.76a2 2 0 0 0 1.79-1.11L12 2a3.13 3.13 0 0 1 3 3.88Z\" />\n    </svg>\n  );\n}\n\n","import { useState } from \"react\";\nimport { Button, Dialog, toast, Tooltip } from \"@px-ui/core\";\n\nimport {\n  CheckIcon,\n  CopyIcon,\n  DebugIcon,\n  ThumbsDownIcon,\n  ThumbsUpIcon,\n} from \"../assets/icons\";\nimport { useXandi, type FeedbackType } from \"../context/xandi-context\";\n\nexport type { FeedbackType } from \"../context/xandi-context\";\n\n// ============================================================================\n// Root\n// ============================================================================\n\n/**\n * Container for message actions. Use with composable children:\n * - XMessageActions.Feedback\n * - XMessageActions.Copy\n * - XMessageActions.Debug\n */\nexport function Root({ children }: { children: React.ReactNode }) {\n  return <div className=\"flex items-center gap-1\">{children}</div>;\n}\n\n// ============================================================================\n// Feedback\n// ============================================================================\n\nexport interface FeedbackProps {\n  messageId: string;\n}\n\nexport function Feedback({ messageId }: FeedbackProps) {\n  const { onFeedback } = useXandi();\n  const [feedback, setFeedback] = useState<FeedbackType>(null);\n\n  const handleFeedback = (type: FeedbackType) => {\n    const newFeedback = feedback === type ? null : type;\n    setFeedback(newFeedback);\n    onFeedback?.(messageId, newFeedback);\n  };\n\n  return (\n    <>\n      {/* Thumbs Up */}\n      <Tooltip.Root>\n        <Tooltip.Trigger\n          render={\n            <Button\n              variant=\"ghost\"\n              size=\"icon-sm\"\n              onClick={() => handleFeedback(\"up\")}\n              className={`h-7 w-7 ${\n                feedback === \"up\"\n                  ? \"bg-ppx-green-2 text-ppx-green-5\"\n                  : \"text-ppx-neutral-10 hover:text-ppx-neutral-12\"\n              }`}\n            >\n              <ThumbsUpIcon className={feedback === \"up\" ? \"fill-current\" : \"\"} />\n            </Button>\n          }\n        />\n        <Tooltip.Content>\n          {feedback === \"up\" ? \"You found this helpful\" : \"Good response\"}\n        </Tooltip.Content>\n      </Tooltip.Root>\n\n      {/* Thumbs Down */}\n      <Tooltip.Root>\n        <Tooltip.Trigger\n          render={\n            <Button\n              variant=\"ghost\"\n              size=\"icon-sm\"\n              onClick={() => handleFeedback(\"down\")}\n              className={`h-7 w-7 ${\n                feedback === \"down\"\n                  ? \"bg-ppx-red-2 text-ppx-red-5\"\n                  : \"text-ppx-neutral-10 hover:text-ppx-neutral-12\"\n              }`}\n            >\n              <ThumbsDownIcon className={feedback === \"down\" ? \"fill-current\" : \"\"} />\n            </Button>\n          }\n        />\n        <Tooltip.Content>\n          {feedback === \"down\" ? \"You found this unhelpful\" : \"Bad response\"}\n        </Tooltip.Content>\n      </Tooltip.Root>\n    </>\n  );\n}\n\n// ============================================================================\n// Copy\n// ============================================================================\n\nexport interface CopyProps {\n  content: string;\n}\n\nexport function Copy({ content }: CopyProps) {\n  const [copied, setCopied] = useState(false);\n\n  const handleCopy = async () => {\n    try {\n      await navigator.clipboard.writeText(content);\n      setCopied(true);\n      toast.add({\n        title: \"Copied!\",\n        description: \"Message copied to clipboard\",\n        type: \"success\",\n      });\n      setTimeout(() => setCopied(false), 2000);\n    } catch {\n      toast.add({\n        title: \"Failed to copy\",\n        description: \"Could not copy message to clipboard\",\n        type: \"error\",\n      });\n    }\n  };\n\n  return (\n    <Tooltip.Root>\n      <Tooltip.Trigger\n        render={\n          <Button\n            variant=\"ghost\"\n            size=\"icon-sm\"\n            onClick={handleCopy}\n            className=\"h-7 w-7 text-ppx-neutral-10 hover:text-ppx-neutral-12\"\n          >\n            {copied ? (\n              <CheckIcon className=\"text-ppx-green-5\" />\n            ) : (\n              <CopyIcon />\n            )}\n          </Button>\n        }\n      />\n      <Tooltip.Content>\n        {copied ? \"Copied!\" : \"Copy message\"}\n      </Tooltip.Content>\n    </Tooltip.Root>\n  );\n}\n\n// ============================================================================\n// Debug\n// ============================================================================\n\nexport interface DebugProps {\n  messageId: string;\n  debugTrace: unknown;\n}\n\nexport function Debug({ messageId, debugTrace }: DebugProps) {\n  const [debugOpen, setDebugOpen] = useState(false);\n\n  return (\n    <Dialog.Root open={debugOpen} onOpenChange={setDebugOpen}>\n      <Tooltip.Root>\n        <Tooltip.Trigger\n          render={\n            <Dialog.Trigger\n              render={\n                <Button\n                  variant=\"ghost\"\n                  size=\"icon-sm\"\n                  className=\"h-7 w-7 text-ppx-neutral-10 hover:text-ppx-neutral-12\"\n                >\n                  <DebugIcon />\n                </Button>\n              }\n            />\n          }\n        />\n        <Tooltip.Content>\n          View debug trace\n        </Tooltip.Content>\n      </Tooltip.Root>\n\n      <Dialog.Portal>\n        <Dialog.Overlay />\n        <Dialog.Content className=\"max-w-2xl\">\n          <Dialog.Header>\n            <Dialog.Title>Debug Trace</Dialog.Title>\n            <Dialog.Description>\n              Response debug information for message {messageId}\n            </Dialog.Description>\n          </Dialog.Header>\n          <div className=\"max-h-96 overflow-auto rounded bg-ppx-neutral-2 p-4\">\n            <pre className=\"whitespace-pre-wrap font-mono text-ppx-xs text-ppx-neutral-12\">\n              {JSON.stringify(debugTrace, null, 2)}\n            </pre>\n          </div>\n          <Dialog.Footer>\n            <Dialog.Close render={<Button variant=\"outline\">Close</Button>} />\n          </Dialog.Footer>\n        </Dialog.Content>\n      </Dialog.Portal>\n    </Dialog.Root>\n  );\n}\n","import ReactMarkdown from \"react-markdown\";\n\nimport type { Message } from \"../../context/xandi-context\";\nimport * as XMessageActions from \"../x-message-actions\";\n\nexport interface MarkdownRendererProps {\n  message: Message;\n}\n\nexport function MarkdownRenderer({ message }: MarkdownRendererProps) {\n  const isUser = message.role === \"user\";\n  const baseClass = `text-ppx-sm leading-relaxed ${isUser ? \"text-white\" : \"text-ppx-neutral-13\"}`;\n  const showActions = !isUser;\n\n  return (\n    <div>\n      <div className={baseClass}>\n        <ReactMarkdown\n          components={{\n            p: ({ children }) => <p className=\"mb-2 last:mb-0\">{children}</p>,\n            ul: ({ children }) => <ul className=\"mb-2 list-disc pl-4\">{children}</ul>,\n            ol: ({ children }) => <ol className=\"mb-2 list-decimal pl-4\">{children}</ol>,\n            li: ({ children }) => <li className=\"mb-1\">{children}</li>,\n            a: ({ href, children }) => (\n              <a href={href} className=\"underline\" target=\"_blank\" rel=\"noopener noreferrer\">\n                {children}\n              </a>\n            ),\n            strong: ({ children }) => <strong className=\"font-semibold\">{children}</strong>,\n          }}\n        >\n          {message.content}\n        </ReactMarkdown>\n      </div>\n      {showActions && (\n        <div className=\"mt-2\">\n          <XMessageActions.Root>\n            <XMessageActions.Feedback messageId={message.id} />\n            <XMessageActions.Copy content={message.content} />\n            {message.debugTrace != null && (\n              <XMessageActions.Debug messageId={message.id} debugTrace={message.debugTrace} />\n            )}\n          </XMessageActions.Root>\n        </div>\n      )}\n    </div>\n  );\n}\n","import type { Message } from \"../../context/xandi-context\";\nimport * as XMessageActions from \"../x-message-actions\";\n\nexport interface TextRendererProps {\n  message: Message;\n}\n\nexport function TextRenderer({ message }: TextRendererProps) {\n  const isUser = message.role === \"user\";\n  const showActions = !isUser;\n\n  return (\n    <div>\n      <p className={`text-ppx-sm leading-relaxed ${isUser ? \"text-white\" : \"text-ppx-neutral-13\"}`}>\n        {message.content}\n      </p>\n      {showActions && (\n        <div className=\"mt-2\">\n          <XMessageActions.Root>\n            <XMessageActions.Feedback messageId={message.id} />\n            <XMessageActions.Copy content={message.content} />\n            {message.debugTrace != null && (\n              <XMessageActions.Debug messageId={message.id} debugTrace={message.debugTrace} />\n            )}\n          </XMessageActions.Root>\n        </div>\n      )}\n    </div>\n  );\n}\n","import type { Message, MessageType } from \"../context/xandi-context\";\nimport { MarkdownRenderer } from \"./renderers/markdown-renderer\";\nimport { TextRenderer } from \"./renderers/text-renderer\";\n\nexport interface XMessageItemProps {\n  message: Message;\n}\n\n/**\n * Router component that renders messages based on their type.\n * Defaults to markdown rendering if no type is specified.\n */\nexport function XMessageItem({ message }: XMessageItemProps) {\n  const isUser = message.role === \"user\";\n  const messageType: MessageType = message.type ?? \"markdown\";\n\n  return (\n    <div className={`flex ${isUser ? \"justify-end\" : \"justify-start\"}`}>\n      {isUser ? (\n        <div className=\"max-w-[90%] rounded-2xl rounded-br-sm bg-ppx-green-5 px-4 py-2.5\">\n          <MessageRenderer type={messageType} message={message} />\n        </div>\n      ) : (\n        <div className=\"max-w-[90%]\">\n          <MessageRenderer type={messageType} message={message} />\n        </div>\n      )}\n    </div>\n  );\n}\n\ninterface MessageRendererProps {\n  type: MessageType;\n  message: Message;\n}\n\n/**\n * Switch component that selects the appropriate renderer based on message type.\n */\nfunction MessageRenderer({ type, message }: MessageRendererProps) {\n  switch (type) {\n    case \"text\":\n      return <TextRenderer message={message} />;\n    case \"markdown\":\n    default:\n      return <MarkdownRenderer message={message} />;\n  }\n}\n","// Xandi avatar asset path\n// This will be resolved by the consuming app's bundler\nexport const XANDI_AVATAR_URL = new URL(\n  \"./assets/images/xandi-avatar.png\",\n  import.meta.url\n).href;\n","import { Avatar } from \"@px-ui/core\";\n\nimport { XANDI_AVATAR_URL } from \"../constants\";\n\nexport function XTypingIndicator() {\n  return (\n    <div className=\"flex items-center gap-4\">\n      <div className=\"animate-[popUp_0.3s_ease-out_forwards]\">\n        <Avatar\n          imgSrc={XANDI_AVATAR_URL}\n          name=\"Xandi\"\n          variant=\"rounded\"\n          size=\"48px\"\n          hideTooltip\n          className=\"border-2 border-ppx-neutral-4\"\n        />\n      </div>\n      <div className=\"flex animate-[slideIn_0.3s_ease-out_0.2s_forwards] items-center gap-2 rounded-xl bg-ppx-neutral-2 px-[10px] pb-[5px] pt-[10px] opacity-0 shadow-sm\">\n        <span className=\"h-[12px] w-[12px] animate-bounce rounded-full bg-ppx-neutral-9 [animation-delay:-0.3s]\" />\n        <span className=\"h-[12px] w-[12px] animate-bounce rounded-full bg-ppx-neutral-6 [animation-delay:-0.15s]\" />\n        <span className=\"h-[12px] w-[12px] animate-bounce rounded-full bg-ppx-neutral-9\" />\n      </div>\n    </div>\n  );\n}\n","import { useEffect, useRef } from \"react\";\n\nimport { XMessageItem } from \"./x-message-item\";\nimport { XTypingIndicator } from \"./x-typing-indicator\";\nimport { useXandi } from \"../context/xandi-context\";\n\nexport interface XMessageContainerProps {\n  height?: string | number;\n}\n\nexport function XMessageContainer({ height = 400 }: XMessageContainerProps) {\n  const { messages, isLoading } = useXandi();\n  const containerRef = useRef<HTMLDivElement>(null);\n\n  // Auto-scroll to bottom when new messages arrive or loading state changes\n  useEffect(() => {\n    if (containerRef.current) {\n      containerRef.current.scrollTop = containerRef.current.scrollHeight;\n    }\n  }, [messages, isLoading]);\n\n  return (\n    <div\n      ref={containerRef}\n      className=\"overflow-y-auto py-[10px]\"\n      style={{ height: typeof height === \"number\" ? `${height}px` : height }}\n    >\n      <div className=\"flex flex-col gap-5 p-4\">\n        {messages.map((message) => (\n          <XMessageItem key={message.id} message={message} />\n        ))}\n        {isLoading && <XTypingIndicator />}\n      </div>\n    </div>\n  );\n}\n","import { Avatar } from \"@px-ui/core\";\n\nimport { SparklesIcon } from \"../assets/icons\";\nimport { XANDI_AVATAR_URL } from \"../constants\";\n\nexport interface XWelcomeProps {\n  message: string;\n}\n\nexport function XWelcome({ message }: XWelcomeProps) {\n  return (\n    <div className=\"flex flex-col items-center justify-center gap-4 py-12\">\n      <div className=\"relative\">\n        {/* Gradient border ring */}\n        <div className=\"absolute -inset-1 rounded-full bg-gradient-to-b from-ppx-green-4 via-ppx-green-5/50 to-transparent\" />\n        \n        {/* Avatar container */}\n        <div className=\"relative rounded-full bg-ppx-neutral-18 p-1\">\n          <Avatar\n            imgSrc={XANDI_AVATAR_URL}\n            name=\"Xandi\"\n            variant=\"rounded\"\n            size=\"120px\"\n            hideTooltip\n          />\n        </div>\n\n        {/* Sparkles icon with pulse-zoom animation */}\n        <div className=\"absolute -bottom-2 left-1/2\">\n          <div className=\"flex h-6 w-6 animate-[pulse-zoom_2s_ease-in-out_infinite] items-center justify-center rounded-full bg-ppx-green-5\">\n            <SparklesIcon className=\"text-white\" />\n          </div>\n        </div>\n      </div>\n\n      <h2 className=\"text-ppx-xl font-semibold text-ppx-foreground\">\n        {message}\n      </h2>\n    </div>\n  );\n}\n","import { XMainIntake, type Suggestion } from \"./x-main-intake\";\nimport { XMessageContainer } from \"./x-message-container\";\nimport { XWelcome } from \"./x-welcome\";\nimport { useXandi } from \"../context/xandi-context\";\n\nexport interface XandiProps {\n  welcomeMessage?: string;\n  suggestions?: Suggestion[];\n}\n\nexport function Xandi({\n  welcomeMessage = \"How can I help you today?\",\n  suggestions = [],\n}: XandiProps) {\n  const { messages, isLoading } = useXandi();\n  const isEmpty = messages.length === 0;\n\n  return (\n    <div className=\"flex flex-col\">\n      {isEmpty ? (\n        <XWelcome message={welcomeMessage} />\n      ) : (\n        <XMessageContainer />\n      )}\n      <XMainIntake suggestions={isEmpty ? suggestions : []} />\n    </div>\n  );\n}\n","import { Avatar, Button } from \"@px-ui/core\";\n\nimport { CloseIcon, MenuIcon, NewChatIcon } from \"../assets/icons\";\nimport { XANDI_AVATAR_URL } from \"../constants\";\n\nexport interface XHeaderProps {\n  title?: string;\n  onClose?: () => void;\n  onNewChat?: () => void;\n  onToggleHistory?: () => void;\n}\n\nexport function XHeader({\n  title = \"Xandi\",\n  onClose,\n  onNewChat,\n  onToggleHistory,\n}: XHeaderProps) {\n  return (\n    <header className=\"flex items-center justify-between border-b border-ppx-neutral-5 bg-ppx-neutral-2 px-3 py-2\">\n      {/* Left section - Menu & Title */}\n      <div className=\"flex items-center gap-2\">\n        <Button\n          variant=\"ghost\"\n          size=\"icon-sm\"\n          onClick={onToggleHistory}\n          aria-label=\"Toggle chat history\"\n        >\n          <MenuIcon />\n        </Button>\n\n        <div className=\"flex items-center gap-2\">\n          <Avatar\n            imgSrc={XANDI_AVATAR_URL}\n            name=\"Xandi\"\n            variant=\"rounded\"\n            size=\"24px\"\n            hideTooltip\n          />\n          <span className=\"font-medium text-ppx-foreground\">{title}</span>\n        </div>\n      </div>\n\n      {/* Right section - Actions */}\n      <div className=\"flex items-center gap-1\">\n        <Button\n          variant=\"ghost\"\n          size=\"icon-sm\"\n          onClick={onNewChat}\n          aria-label=\"New chat\"\n        >\n          <NewChatIcon />\n        </Button>\n\n        <Button\n          variant=\"ghost\"\n          size=\"icon-sm\"\n          onClick={onClose}\n          aria-label=\"Close\"\n        >\n          <CloseIcon />\n        </Button>\n      </div>\n    </header>\n  );\n}\n","import { Button } from \"@px-ui/core\";\n\nimport { ChatIcon } from \"../assets/icons\";\n\nexport interface ChatHistoryItem {\n  id: string;\n  title: string;\n  timestamp: Date;\n}\n\nexport interface ChatHistoryGroup {\n  label: string;\n  items: ChatHistoryItem[];\n}\n\nexport interface XChatHistoryProps {\n  groups?: ChatHistoryGroup[];\n  activeChatId?: string;\n  onSelectChat?: (chatId: string) => void;\n}\n\nexport function XChatHistory({\n  groups = [],\n  activeChatId,\n  onSelectChat,\n}: XChatHistoryProps) {\n  return (\n    <div className=\"flex-1 overflow-y-auto\">\n      {/* Header */}\n      <div className=\"px-3 py-2\">\n        <div className=\"flex items-center gap-2 text-ppx-sm font-medium text-ppx-foreground\">\n          <ChatIcon />\n          Chats\n        </div>\n      </div>\n\n      {/* Chat List */}\n      {groups.length === 0 ? (\n        <div className=\"px-6 py-4 text-ppx-sm text-ppx-neutral-10\">\n          No chat history yet\n        </div>\n      ) : (\n        groups.map((group) => (\n          <div key={group.label} className=\"mb-2\">\n            <div className=\"px-6 py-2 text-ppx-xs font-medium text-ppx-neutral-10\">\n              {group.label}\n            </div>\n            <div className=\"space-y-0.5\">\n              {group.items.map((item) => (\n                <Button\n                  key={item.id}\n                  variant=\"ghost\"\n                  onClick={() => onSelectChat?.(item.id)}\n                  className={`w-full justify-start truncate rounded-none px-6 ${\n                    activeChatId === item.id\n                      ? \"bg-ppx-neutral-4 text-ppx-foreground\"\n                      : \"text-ppx-neutral-12\"\n                  }`}\n                >\n                  {item.title}\n                </Button>\n              ))}\n            </div>\n          </div>\n        ))\n      )}\n    </div>\n  );\n}\n\n","import { Button } from \"@px-ui/core\";\n\nimport { CloseIcon, NewChatIcon } from \"../assets/icons\";\nimport { XChatHistory, type ChatHistoryGroup } from \"./x-chat-history\";\n\nexport interface XSidebarProps {\n  isOpen?: boolean;\n  chatHistory?: ChatHistoryGroup[];\n  activeChatId?: string;\n  onClose?: () => void;\n  onNewChat?: () => void;\n  onSelectChat?: (chatId: string) => void;\n}\n\nexport function XSidebar({\n  isOpen = true,\n  chatHistory = [],\n  activeChatId,\n  onClose,\n  onNewChat,\n  onSelectChat,\n}: XSidebarProps) {\n  if (!isOpen) return null;\n\n  return (\n    <aside className=\"flex h-full w-64 flex-col border-r border-ppx-neutral-5 bg-ppx-neutral-2\">\n      {/* Header */}\n      <div className=\"flex items-center justify-between border-b border-ppx-neutral-5 p-3\">\n        <Button\n          variant=\"ghost\"\n          size=\"icon-sm\"\n          onClick={onClose}\n          aria-label=\"Close sidebar\"\n        >\n          <CloseIcon />\n        </Button>\n      </div>\n\n      {/* New Chat Button */}\n      <div className=\"p-3\">\n        <Button\n          variant=\"ghost\"\n          onClick={onNewChat}\n          className=\"w-full justify-start gap-3\"\n        >\n          <NewChatIcon className=\"h-5 w-5\" />\n          New chat\n        </Button>\n      </div>\n\n      {/* Chat History */}\n      <XChatHistory\n        groups={chatHistory}\n        activeChatId={activeChatId}\n        onSelectChat={onSelectChat}\n      />\n    </aside>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"index.js","names":["userMessage: Message","assistantMessage: Message","value: XandiContextValue","XMessageActions.Root","XMessageActions.Feedback","XMessageActions.Copy","XMessageActions.Debug","XMessageActions.Root","XMessageActions.Feedback","XMessageActions.Copy","XMessageActions.Debug","messageType: MessageType"],"sources":["../src/context/xandi-context.tsx","../src/components/x-main-intake.tsx","../src/assets/icons/chat-icon.tsx","../src/assets/icons/check-icon.tsx","../src/assets/icons/close-icon.tsx","../src/assets/icons/copy-icon.tsx","../src/assets/icons/debug-icon.tsx","../src/assets/icons/menu-icon.tsx","../src/assets/icons/new-chat-icon.tsx","../src/assets/icons/sparkles-icon.tsx","../src/assets/icons/thumbs-down-icon.tsx","../src/assets/icons/thumbs-up-icon.tsx","../src/components/x-message-actions.tsx","../src/components/renderers/markdown-renderer.tsx","../src/components/renderers/text-renderer.tsx","../src/components/x-message-item.tsx","../src/constants.ts","../src/components/x-typing-indicator.tsx","../src/components/x-message-container.tsx","../src/components/x-welcome.tsx","../src/components/xandi.tsx","../src/components/x-header.tsx","../src/components/x-chat-history.tsx","../src/components/x-sidebar.tsx"],"sourcesContent":["import { createContext, useContext, useEffect, useState } from \"react\";\n\nexport type MessageType = \"text\" | \"markdown\";\nexport type FeedbackType = \"up\" | \"down\" | null;\n\nexport interface Message {\n  id: string;\n  role: \"user\" | \"assistant\";\n  content: string;\n  type?: MessageType;\n  debugTrace?: unknown;\n}\n\nexport interface XandiResponse {\n  content: string;\n  type?: MessageType;\n  debugTrace?: unknown;\n}\n\nexport interface XandiContextValue {\n  messages: Message[];\n  isLoading: boolean;\n  sessionId: string | null;\n  sendMessage: (text: string) => void;\n  onFeedback?: (messageId: string, feedback: FeedbackType) => void;\n}\n\nconst XandiContext = createContext<XandiContextValue | null>(null);\n\nexport interface XandiProviderProps {\n  fetchResponse: (message: string) => Promise<XandiResponse>;\n  sessionId?: string;\n  onFeedback?: (messageId: string, feedback: FeedbackType) => void;\n  children: React.ReactNode;\n}\n\nexport function XandiProvider({\n  fetchResponse,\n  sessionId: initialSessionId,\n  onFeedback,\n  children,\n}: XandiProviderProps) {\n  const [sessionId, setSessionId] = useState<string | null>(initialSessionId ?? null);\n  const [messages, setMessages] = useState<Message[]>([]);\n  const [isLoading, setIsLoading] = useState(false);\n\n  // Initialize sessionId if not provided\n  useEffect(() => {\n    if (!initialSessionId) {\n      setSessionId(crypto.randomUUID());\n    }\n  }, [initialSessionId]);\n\n  const sendMessage = async (text: string) => {\n    if (!text.trim() || isLoading) return;\n\n    // Add user message\n    const userMessage: Message = {\n      id: crypto.randomUUID(),\n      role: \"user\",\n      content: text,\n    };\n    setMessages((prev) => [...prev, userMessage]);\n    setIsLoading(true);\n\n    try {\n      const response = await fetchResponse(text);\n\n      const assistantMessage: Message = {\n        id: crypto.randomUUID(),\n        role: \"assistant\",\n        content: response.content,\n        type: response.type,\n        debugTrace: response.debugTrace,\n      };\n      setMessages((prev) => [...prev, assistantMessage]);\n    } catch (error) {\n      console.error(\"Failed to send message:\", error);\n    } finally {\n      setIsLoading(false);\n    }\n  };\n\n  const value: XandiContextValue = {\n    messages,\n    isLoading,\n    sessionId,\n    sendMessage,\n    onFeedback,\n  };\n\n  return <XandiContext.Provider value={value}>{children}</XandiContext.Provider>;\n}\n\nexport function useXandi(): XandiContextValue {\n  const context = useContext(XandiContext);\n  if (!context) {\n    throw new Error(\"useXandi must be used within XandiProvider\");\n  }\n  return context;\n}\n","import { useState } from \"react\";\n\nimport { Button, FileIcon, SendIcon, StopIcon } from \"@px-ui/core\";\nimport { useXandi } from \"../context/xandi-context\";\n\nexport interface Suggestion {\n  id: string;\n  label: string;\n  prompt: string;\n}\n\nexport interface XMainIntakeProps {\n  placeholder?: string;\n  suggestions?: Suggestion[];\n}\n\nexport function XMainIntake({ \n  placeholder = \"Ask about jobs, candidates, timesheets, or anything workforce...\",\n  suggestions = [],\n}: XMainIntakeProps) {\n  const { isLoading, sendMessage } = useXandi();\n  const [input, setInput] = useState(\"\");\n\n  const handleSubmit = (e?: React.FormEvent) => {\n    e?.preventDefault();\n    if (input.trim() && !isLoading) {\n      sendMessage(input);\n      setInput(\"\");\n    }\n  };\n\n  const handleSuggestionClick = (prompt: string) => {\n    setInput(prompt);\n  };\n\n  return (\n    <div className=\"flex flex-col gap-3\">\n      <form onSubmit={handleSubmit} className=\"flex flex-col gap-2 rounded-2xl border border-ppx-neutral-5 bg-ppx-neutral-1 p-3\">\n        <div className=\"uploads-section\"></div>\n\n        <XIntakeTextarea\n          value={input}\n          onChange={setInput}\n          onSubmit={handleSubmit}\n          placeholder={placeholder}\n          disabled={isLoading}\n        />\n\n        <div className=\"actions-section flex flex-row items-center gap-2\">\n          <Button\n            type=\"button\"\n            variant=\"ghost\"\n            size=\"icon-sm\"\n            disabled={isLoading}\n          >\n            <FileIcon width={20} />\n          </Button>\n          <span className=\"ml-auto text-ppx-xs text-ppx-neutral-10\">\n            Enter to send · Shift+Enter for new line\n          </span>\n          <Button\n            type=\"submit\"\n            size=\"icon-sm\"\n            disabled={isLoading || !input.trim()}\n            className=\"flex h-8 w-8 items-center justify-center rounded-full bg-ppx-green-5 text-white transition-all hover:bg-ppx-green-4 hover:shadow-[0_0_12px_rgba(40,182,116,0.6)] disabled:bg-ppx-neutral-5 disabled:text-ppx-neutral-10 disabled:shadow-none\"\n          >\n            {isLoading ? (\n              <StopIcon width={14} />\n            ) : (\n              <SendIcon width={16} />\n            )}\n          </Button>\n        </div>\n      </form>\n\n      {suggestions.length > 0 && (\n        <div className=\"flex flex-wrap justify-center gap-2\">\n          {suggestions.map((suggestion, index) => (\n            <Button\n              key={suggestion.id}\n              type=\"button\"\n              variant=\"outline\"\n              size=\"sm\"\n              onClick={() => handleSuggestionClick(suggestion.prompt)}\n              className=\"animate-[popUp_0.3s_ease-out_forwards] rounded-full opacity-0\"\n              style={{ animationDelay: `${index * 0.1}s` }}\n            >\n              {suggestion.label}\n            </Button>\n          ))}\n        </div>\n      )}\n    </div>\n  );\n}\n\n\n/////////////////////////////////////////////////////////////////////////////////////////////////\n//////////////////////////////////////Supporting Components//////////////////////////////////////\n/////////////////////////////////////////////////////////////////////////////////////////////////\n\ninterface XIntakeTextareaProps {\n  value: string;\n  onChange: (value: string) => void;\n  onSubmit: () => void;\n  placeholder?: string;\n  disabled?: boolean;\n}\n\nfunction XIntakeTextarea({ value, onChange, onSubmit, placeholder, disabled }: XIntakeTextareaProps) {\n  const handleKeyDown = (e: React.KeyboardEvent<HTMLTextAreaElement>) => {\n    if (e.key === \"Enter\" && !e.shiftKey) {\n      e.preventDefault();\n      onSubmit();\n    }\n    // Shift+Enter allows default behavior (newline)\n  };\n\n  return (\n    <textarea\n      className=\"w-full resize-none border-none bg-transparent outline-none\"\n      placeholder={placeholder}\n      disabled={disabled}\n      value={value}\n      onChange={(e) => onChange(e.target.value)}\n      onKeyDown={handleKeyDown}\n    />\n  );\n}\n","export function ChatIcon(props: React.ComponentProps<\"svg\">) {\n  return (\n    <svg\n      width=\"18\"\n      height=\"18\"\n      viewBox=\"0 0 24 24\"\n      fill=\"none\"\n      stroke=\"currentColor\"\n      strokeWidth=\"2\"\n      strokeLinecap=\"round\"\n      strokeLinejoin=\"round\"\n      {...props}\n    >\n      <path d=\"M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z\" />\n    </svg>\n  );\n}\n\n","export function CheckIcon(props: React.ComponentProps<\"svg\">) {\n  return (\n    <svg\n      width=\"16\"\n      height=\"16\"\n      viewBox=\"0 0 24 24\"\n      fill=\"none\"\n      stroke=\"currentColor\"\n      strokeWidth=\"2\"\n      strokeLinecap=\"round\"\n      strokeLinejoin=\"round\"\n      {...props}\n    >\n      <path d=\"M20 6 9 17l-5-5\" />\n    </svg>\n  );\n}\n\n","export function CloseIcon(props: React.ComponentProps<\"svg\">) {\n  return (\n    <svg\n      width=\"20\"\n      height=\"20\"\n      viewBox=\"0 0 24 24\"\n      fill=\"none\"\n      stroke=\"currentColor\"\n      strokeWidth=\"2\"\n      strokeLinecap=\"round\"\n      strokeLinejoin=\"round\"\n      {...props}\n    >\n      <path d=\"M18 6 6 18\" />\n      <path d=\"m6 6 12 12\" />\n    </svg>\n  );\n}\n\n","export function CopyIcon(props: React.ComponentProps<\"svg\">) {\n  return (\n    <svg\n      width=\"16\"\n      height=\"16\"\n      viewBox=\"0 0 24 24\"\n      fill=\"none\"\n      stroke=\"currentColor\"\n      strokeWidth=\"2\"\n      strokeLinecap=\"round\"\n      strokeLinejoin=\"round\"\n      {...props}\n    >\n      <rect width=\"14\" height=\"14\" x=\"8\" y=\"8\" rx=\"2\" ry=\"2\" />\n      <path d=\"M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2\" />\n    </svg>\n  );\n}\n\n","export function DebugIcon(props: React.ComponentProps<\"svg\">) {\n  return (\n    <svg\n      width=\"16\"\n      height=\"16\"\n      viewBox=\"0 0 24 24\"\n      fill=\"none\"\n      stroke=\"currentColor\"\n      strokeWidth=\"2\"\n      strokeLinecap=\"round\"\n      strokeLinejoin=\"round\"\n      {...props}\n    >\n      <path d=\"M8 3H7a2 2 0 0 0-2 2v5a2 2 0 0 1-2 2 2 2 0 0 1 2 2v5c0 1.1.9 2 2 2h1\" />\n      <path d=\"M16 21h1a2 2 0 0 0 2-2v-5c0-1.1.9-2 2-2a2 2 0 0 1-2-2V5a2 2 0 0 0-2-2h-1\" />\n    </svg>\n  );\n}\n\n","export function MenuIcon(props: React.ComponentProps<\"svg\">) {\n  return (\n    <svg\n      width=\"20\"\n      height=\"20\"\n      viewBox=\"0 0 24 24\"\n      fill=\"none\"\n      stroke=\"currentColor\"\n      strokeWidth=\"2\"\n      strokeLinecap=\"round\"\n      strokeLinejoin=\"round\"\n      {...props}\n    >\n      <line x1=\"4\" x2=\"20\" y1=\"12\" y2=\"12\" />\n      <line x1=\"4\" x2=\"20\" y1=\"6\" y2=\"6\" />\n      <line x1=\"4\" x2=\"20\" y1=\"18\" y2=\"18\" />\n    </svg>\n  );\n}\n\n","export function NewChatIcon(props: React.ComponentProps<\"svg\">) {\n  return (\n    <svg\n      width=\"20\"\n      height=\"20\"\n      viewBox=\"0 0 24 24\"\n      fill=\"none\"\n      stroke=\"currentColor\"\n      strokeWidth=\"2\"\n      strokeLinecap=\"round\"\n      strokeLinejoin=\"round\"\n      {...props}\n    >\n      <path d=\"M12 3H5a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\" />\n      <path d=\"M18.375 2.625a1 1 0 0 1 3 3l-9.013 9.014a2 2 0 0 1-.853.505l-2.873.84a.5.5 0 0 1-.62-.62l.84-2.873a2 2 0 0 1 .506-.852z\" />\n    </svg>\n  );\n}\n\n","export function SparklesIcon(props: React.ComponentProps<\"svg\">) {\n  return (\n    <svg\n      xmlns=\"http://www.w3.org/2000/svg\"\n      width=\"20\"\n      height=\"20\"\n      viewBox=\"0 0 24 24\"\n      fill=\"none\"\n      stroke=\"currentColor\"\n      strokeWidth=\"2\"\n      strokeLinecap=\"round\"\n      strokeLinejoin=\"round\"\n      {...props}\n    >\n      <path d=\"M9.937 15.5A2 2 0 0 0 8.5 14.063l-6.135-1.582a.5.5 0 0 1 0-.962L8.5 9.936A2 2 0 0 0 9.937 8.5l1.582-6.135a.5.5 0 0 1 .963 0L14.063 8.5A2 2 0 0 0 15.5 9.937l6.135 1.581a.5.5 0 0 1 0 .964L15.5 14.063a2 2 0 0 0-1.437 1.437l-1.582 6.135a.5.5 0 0 1-.963 0z\" />\n      <path d=\"M20 3v4\" />\n      <path d=\"M22 5h-4\" />\n      <path d=\"M4 17v2\" />\n      <path d=\"M5 18H3\" />\n    </svg>\n  );\n}\n\n","export function ThumbsDownIcon(props: React.ComponentProps<\"svg\">) {\n  return (\n    <svg\n      width=\"16\"\n      height=\"16\"\n      viewBox=\"0 0 24 24\"\n      fill=\"none\"\n      stroke=\"currentColor\"\n      strokeWidth=\"2\"\n      strokeLinecap=\"round\"\n      strokeLinejoin=\"round\"\n      {...props}\n    >\n      <path d=\"M17 14V2\" />\n      <path d=\"M9 18.12 10 14H4.17a2 2 0 0 1-1.92-2.56l2.33-8A2 2 0 0 1 6.5 2H20a2 2 0 0 1 2 2v8a2 2 0 0 1-2 2h-2.76a2 2 0 0 0-1.79 1.11L12 22a3.13 3.13 0 0 1-3-3.88Z\" />\n    </svg>\n  );\n}\n\n","export function ThumbsUpIcon(props: React.ComponentProps<\"svg\">) {\n  return (\n    <svg\n      width=\"16\"\n      height=\"16\"\n      viewBox=\"0 0 24 24\"\n      fill=\"none\"\n      stroke=\"currentColor\"\n      strokeWidth=\"2\"\n      strokeLinecap=\"round\"\n      strokeLinejoin=\"round\"\n      {...props}\n    >\n      <path d=\"M7 10v12\" />\n      <path d=\"M15 5.88 14 10h5.83a2 2 0 0 1 1.92 2.56l-2.33 8A2 2 0 0 1 17.5 22H4a2 2 0 0 1-2-2v-8a2 2 0 0 1 2-2h2.76a2 2 0 0 0 1.79-1.11L12 2a3.13 3.13 0 0 1 3 3.88Z\" />\n    </svg>\n  );\n}\n\n","import { useState } from \"react\";\nimport { Button, Dialog, toast, Tooltip } from \"@px-ui/core\";\n\nimport {\n  CheckIcon,\n  CopyIcon,\n  DebugIcon,\n  ThumbsDownIcon,\n  ThumbsUpIcon,\n} from \"../assets/icons\";\nimport { useXandi, type FeedbackType } from \"../context/xandi-context\";\n\nexport type { FeedbackType } from \"../context/xandi-context\";\n\n// ============================================================================\n// Root\n// ============================================================================\n\n/**\n * Container for message actions. Use with composable children:\n * - XMessageActions.Feedback\n * - XMessageActions.Copy\n * - XMessageActions.Debug\n */\nexport function Root({ children }: { children: React.ReactNode }) {\n  return <div className=\"flex items-center gap-1\">{children}</div>;\n}\n\n// ============================================================================\n// Feedback\n// ============================================================================\n\nexport interface FeedbackProps {\n  messageId: string;\n}\n\nexport function Feedback({ messageId }: FeedbackProps) {\n  const { onFeedback } = useXandi();\n  const [feedback, setFeedback] = useState<FeedbackType>(null);\n\n  const handleFeedback = (type: FeedbackType) => {\n    const newFeedback = feedback === type ? null : type;\n    setFeedback(newFeedback);\n    onFeedback?.(messageId, newFeedback);\n  };\n\n  return (\n    <>\n      {/* Thumbs Up */}\n      <Tooltip.Root>\n        <Tooltip.Trigger\n          render={\n            <Button\n              variant=\"ghost\"\n              size=\"icon-sm\"\n              onClick={() => handleFeedback(\"up\")}\n              className={`h-7 w-7 ${\n                feedback === \"up\"\n                  ? \"bg-ppx-green-2 text-ppx-green-5\"\n                  : \"text-ppx-neutral-10 hover:text-ppx-neutral-12\"\n              }`}\n            >\n              <ThumbsUpIcon className={feedback === \"up\" ? \"fill-current\" : \"\"} />\n            </Button>\n          }\n        />\n        <Tooltip.Content>\n          {feedback === \"up\" ? \"You found this helpful\" : \"Good response\"}\n        </Tooltip.Content>\n      </Tooltip.Root>\n\n      {/* Thumbs Down */}\n      <Tooltip.Root>\n        <Tooltip.Trigger\n          render={\n            <Button\n              variant=\"ghost\"\n              size=\"icon-sm\"\n              onClick={() => handleFeedback(\"down\")}\n              className={`h-7 w-7 ${\n                feedback === \"down\"\n                  ? \"bg-ppx-red-2 text-ppx-red-5\"\n                  : \"text-ppx-neutral-10 hover:text-ppx-neutral-12\"\n              }`}\n            >\n              <ThumbsDownIcon className={feedback === \"down\" ? \"fill-current\" : \"\"} />\n            </Button>\n          }\n        />\n        <Tooltip.Content>\n          {feedback === \"down\" ? \"You found this unhelpful\" : \"Bad response\"}\n        </Tooltip.Content>\n      </Tooltip.Root>\n    </>\n  );\n}\n\n// ============================================================================\n// Copy\n// ============================================================================\n\nexport interface CopyProps {\n  content: string;\n}\n\nexport function Copy({ content }: CopyProps) {\n  const [copied, setCopied] = useState(false);\n\n  const handleCopy = async () => {\n    try {\n      await navigator.clipboard.writeText(content);\n      setCopied(true);\n      toast.add({\n        title: \"Copied!\",\n        description: \"Message copied to clipboard\",\n        type: \"success\",\n      });\n      setTimeout(() => setCopied(false), 2000);\n    } catch {\n      toast.add({\n        title: \"Failed to copy\",\n        description: \"Could not copy message to clipboard\",\n        type: \"error\",\n      });\n    }\n  };\n\n  return (\n    <Tooltip.Root>\n      <Tooltip.Trigger\n        render={\n          <Button\n            variant=\"ghost\"\n            size=\"icon-sm\"\n            onClick={handleCopy}\n            className=\"h-7 w-7 text-ppx-neutral-10 hover:text-ppx-neutral-12\"\n          >\n            {copied ? (\n              <CheckIcon className=\"text-ppx-green-5\" />\n            ) : (\n              <CopyIcon />\n            )}\n          </Button>\n        }\n      />\n      <Tooltip.Content>\n        {copied ? \"Copied!\" : \"Copy message\"}\n      </Tooltip.Content>\n    </Tooltip.Root>\n  );\n}\n\n// ============================================================================\n// Debug\n// ============================================================================\n\nexport interface DebugProps {\n  messageId: string;\n  debugTrace: unknown;\n}\n\nexport function Debug({ messageId, debugTrace }: DebugProps) {\n  const [debugOpen, setDebugOpen] = useState(false);\n\n  return (\n    <Dialog.Root open={debugOpen} onOpenChange={setDebugOpen}>\n      <Tooltip.Root>\n        <Tooltip.Trigger\n          render={\n            <Dialog.Trigger\n              render={\n                <Button\n                  variant=\"ghost\"\n                  size=\"icon-sm\"\n                  className=\"h-7 w-7 text-ppx-neutral-10 hover:text-ppx-neutral-12\"\n                >\n                  <DebugIcon />\n                </Button>\n              }\n            />\n          }\n        />\n        <Tooltip.Content>\n          View debug trace\n        </Tooltip.Content>\n      </Tooltip.Root>\n\n      <Dialog.Portal>\n        <Dialog.Overlay />\n        <Dialog.Content className=\"max-w-2xl\">\n          <Dialog.Header>\n            <Dialog.Title>Debug Trace</Dialog.Title>\n            <Dialog.Description>\n              Response debug information for message {messageId}\n            </Dialog.Description>\n          </Dialog.Header>\n          <div className=\"max-h-96 overflow-auto rounded bg-ppx-neutral-2 p-4\">\n            <pre className=\"whitespace-pre-wrap font-mono text-ppx-xs text-ppx-neutral-12\">\n              {JSON.stringify(debugTrace, null, 2)}\n            </pre>\n          </div>\n          <Dialog.Footer>\n            <Dialog.Close render={<Button variant=\"outline\">Close</Button>} />\n          </Dialog.Footer>\n        </Dialog.Content>\n      </Dialog.Portal>\n    </Dialog.Root>\n  );\n}\n","import ReactMarkdown from \"react-markdown\";\n\nimport type { Message } from \"../../context/xandi-context\";\nimport * as XMessageActions from \"../x-message-actions\";\n\nexport interface MarkdownRendererProps {\n  message: Message;\n}\n\nexport function MarkdownRenderer({ message }: MarkdownRendererProps) {\n  const isUser = message.role === \"user\";\n  const baseClass = `text-ppx-sm leading-relaxed ${isUser ? \"text-white\" : \"text-ppx-neutral-13\"}`;\n  const showActions = !isUser;\n\n  return (\n    <div>\n      <div className={baseClass}>\n        <ReactMarkdown\n          components={{\n            p: ({ children }) => <p className=\"mb-2 last:mb-0\">{children}</p>,\n            ul: ({ children }) => <ul className=\"mb-2 list-disc pl-4\">{children}</ul>,\n            ol: ({ children }) => <ol className=\"mb-2 list-decimal pl-4\">{children}</ol>,\n            li: ({ children }) => <li className=\"mb-1\">{children}</li>,\n            a: ({ href, children }) => (\n              <a href={href} className=\"underline\" target=\"_blank\" rel=\"noopener noreferrer\">\n                {children}\n              </a>\n            ),\n            strong: ({ children }) => <strong className=\"font-semibold\">{children}</strong>,\n          }}\n        >\n          {message.content}\n        </ReactMarkdown>\n      </div>\n      {showActions && (\n        <div className=\"mt-2\">\n          <XMessageActions.Root>\n            <XMessageActions.Feedback messageId={message.id} />\n            <XMessageActions.Copy content={message.content} />\n            {message.debugTrace != null && (\n              <XMessageActions.Debug messageId={message.id} debugTrace={message.debugTrace} />\n            )}\n          </XMessageActions.Root>\n        </div>\n      )}\n    </div>\n  );\n}\n","import type { Message } from \"../../context/xandi-context\";\nimport * as XMessageActions from \"../x-message-actions\";\n\nexport interface TextRendererProps {\n  message: Message;\n}\n\nexport function TextRenderer({ message }: TextRendererProps) {\n  const isUser = message.role === \"user\";\n  const showActions = !isUser;\n\n  return (\n    <div>\n      <p className={`text-ppx-sm leading-relaxed ${isUser ? \"text-white\" : \"text-ppx-neutral-13\"}`}>\n        {message.content}\n      </p>\n      {showActions && (\n        <div className=\"mt-2\">\n          <XMessageActions.Root>\n            <XMessageActions.Feedback messageId={message.id} />\n            <XMessageActions.Copy content={message.content} />\n            {message.debugTrace != null && (\n              <XMessageActions.Debug messageId={message.id} debugTrace={message.debugTrace} />\n            )}\n          </XMessageActions.Root>\n        </div>\n      )}\n    </div>\n  );\n}\n","import type { Message, MessageType } from \"../context/xandi-context\";\nimport { MarkdownRenderer } from \"./renderers/markdown-renderer\";\nimport { TextRenderer } from \"./renderers/text-renderer\";\n\nexport interface XMessageItemProps {\n  message: Message;\n}\n\n/**\n * Router component that renders messages based on their type.\n * Defaults to markdown rendering if no type is specified.\n */\nexport function XMessageItem({ message }: XMessageItemProps) {\n  const isUser = message.role === \"user\";\n  const messageType: MessageType = message.type ?? \"markdown\";\n\n  return (\n    <div className={`flex ${isUser ? \"justify-end\" : \"justify-start\"}`}>\n      {isUser ? (\n        <div className=\"max-w-[90%] rounded-2xl rounded-br-sm bg-ppx-green-5 px-4 py-2.5\">\n          <MessageRenderer type={messageType} message={message} />\n        </div>\n      ) : (\n        <div className=\"max-w-[90%]\">\n          <MessageRenderer type={messageType} message={message} />\n        </div>\n      )}\n    </div>\n  );\n}\n\ninterface MessageRendererProps {\n  type: MessageType;\n  message: Message;\n}\n\n/**\n * Switch component that selects the appropriate renderer based on message type.\n */\nfunction MessageRenderer({ type, message }: MessageRendererProps) {\n  switch (type) {\n    case \"text\":\n      return <TextRenderer message={message} />;\n    case \"markdown\":\n    default:\n      return <MarkdownRenderer message={message} />;\n  }\n}\n","// Xandi avatar asset path\n// Wrapped in try-catch for SSR compatibility (import.meta.url may not work in all environments)\nfunction getXandiAvatarUrl(): string {\n  try {\n    return new URL(\"./assets/images/xandi-avatar.png\", import.meta.url).href;\n  } catch {\n    // Fallback for SSR environments where import.meta.url is not a valid URL\n    return \"\";\n  }\n}\n\nexport const XANDI_AVATAR_URL = getXandiAvatarUrl();\n","import { Avatar } from \"@px-ui/core\";\n\nimport { XANDI_AVATAR_URL } from \"../constants\";\n\nexport function XTypingIndicator() {\n  return (\n    <div className=\"flex items-center gap-4\">\n      <div className=\"animate-[popUp_0.3s_ease-out_forwards]\">\n        <Avatar\n          imgSrc={XANDI_AVATAR_URL}\n          name=\"Xandi\"\n          variant=\"rounded\"\n          size=\"48px\"\n          hideTooltip\n          className=\"border-2 border-ppx-neutral-4\"\n        />\n      </div>\n      <div className=\"flex animate-[slideIn_0.3s_ease-out_0.2s_forwards] items-center gap-2 rounded-xl bg-ppx-neutral-2 px-[10px] pb-[5px] pt-[10px] opacity-0 shadow-sm\">\n        <span className=\"h-[12px] w-[12px] animate-bounce rounded-full bg-ppx-neutral-9 [animation-delay:-0.3s]\" />\n        <span className=\"h-[12px] w-[12px] animate-bounce rounded-full bg-ppx-neutral-6 [animation-delay:-0.15s]\" />\n        <span className=\"h-[12px] w-[12px] animate-bounce rounded-full bg-ppx-neutral-9\" />\n      </div>\n    </div>\n  );\n}\n","import { useEffect, useRef } from \"react\";\n\nimport { XMessageItem } from \"./x-message-item\";\nimport { XTypingIndicator } from \"./x-typing-indicator\";\nimport { useXandi } from \"../context/xandi-context\";\n\nexport interface XMessageContainerProps {\n  height?: string | number;\n}\n\nexport function XMessageContainer({ height = 400 }: XMessageContainerProps) {\n  const { messages, isLoading } = useXandi();\n  const containerRef = useRef<HTMLDivElement>(null);\n\n  // Auto-scroll to bottom when new messages arrive or loading state changes\n  useEffect(() => {\n    if (containerRef.current) {\n      containerRef.current.scrollTop = containerRef.current.scrollHeight;\n    }\n  }, [messages, isLoading]);\n\n  return (\n    <div\n      ref={containerRef}\n      className=\"overflow-y-auto py-[10px]\"\n      style={{ height: typeof height === \"number\" ? `${height}px` : height }}\n    >\n      <div className=\"flex flex-col gap-5 p-4\">\n        {messages.map((message) => (\n          <XMessageItem key={message.id} message={message} />\n        ))}\n        {isLoading && <XTypingIndicator />}\n      </div>\n    </div>\n  );\n}\n","import { Avatar } from \"@px-ui/core\";\n\nimport { SparklesIcon } from \"../assets/icons\";\nimport { XANDI_AVATAR_URL } from \"../constants\";\n\nexport interface XWelcomeProps {\n  message: string;\n}\n\nexport function XWelcome({ message }: XWelcomeProps) {\n  return (\n    <div className=\"flex flex-col items-center justify-center gap-4 py-12\">\n      <div className=\"relative\">\n        {/* Gradient border ring */}\n        <div className=\"absolute -inset-1 rounded-full bg-gradient-to-b from-ppx-green-4 via-ppx-green-5/50 to-transparent\" />\n        \n        {/* Avatar container */}\n        <div className=\"relative rounded-full bg-ppx-neutral-18 p-1\">\n          <Avatar\n            imgSrc={XANDI_AVATAR_URL}\n            name=\"Xandi\"\n            variant=\"rounded\"\n            size=\"120px\"\n            hideTooltip\n          />\n        </div>\n\n        {/* Sparkles icon with pulse-zoom animation */}\n        <div className=\"absolute -bottom-2 left-1/2\">\n          <div className=\"flex h-6 w-6 animate-[pulse-zoom_2s_ease-in-out_infinite] items-center justify-center rounded-full bg-ppx-green-5\">\n            <SparklesIcon className=\"text-white\" />\n          </div>\n        </div>\n      </div>\n\n      <h2 className=\"text-ppx-xl font-semibold text-ppx-foreground\">\n        {message}\n      </h2>\n    </div>\n  );\n}\n","import { XMainIntake, type Suggestion } from \"./x-main-intake\";\nimport { XMessageContainer } from \"./x-message-container\";\nimport { XWelcome } from \"./x-welcome\";\nimport { useXandi } from \"../context/xandi-context\";\n\nexport interface XandiProps {\n  welcomeMessage?: string;\n  suggestions?: Suggestion[];\n}\n\nexport function Xandi({\n  welcomeMessage = \"How can I help you today?\",\n  suggestions = [],\n}: XandiProps) {\n  const { messages, isLoading } = useXandi();\n  const isEmpty = messages.length === 0;\n\n  return (\n    <div className=\"flex flex-col\">\n      {isEmpty ? (\n        <XWelcome message={welcomeMessage} />\n      ) : (\n        <XMessageContainer />\n      )}\n      <XMainIntake suggestions={isEmpty ? suggestions : []} />\n    </div>\n  );\n}\n","import { Avatar, Button } from \"@px-ui/core\";\n\nimport { CloseIcon, MenuIcon, NewChatIcon } from \"../assets/icons\";\nimport { XANDI_AVATAR_URL } from \"../constants\";\n\nexport interface XHeaderProps {\n  title?: string;\n  onClose?: () => void;\n  onNewChat?: () => void;\n  onToggleHistory?: () => void;\n}\n\nexport function XHeader({\n  title = \"Xandi\",\n  onClose,\n  onNewChat,\n  onToggleHistory,\n}: XHeaderProps) {\n  return (\n    <header className=\"flex items-center justify-between border-b border-ppx-neutral-5 bg-ppx-neutral-2 px-3 py-2\">\n      {/* Left section - Menu & Title */}\n      <div className=\"flex items-center gap-2\">\n        <Button\n          variant=\"ghost\"\n          size=\"icon-sm\"\n          onClick={onToggleHistory}\n          aria-label=\"Toggle chat history\"\n        >\n          <MenuIcon />\n        </Button>\n\n        <div className=\"flex items-center gap-2\">\n          <Avatar\n            imgSrc={XANDI_AVATAR_URL}\n            name=\"Xandi\"\n            variant=\"rounded\"\n            size=\"24px\"\n            hideTooltip\n          />\n          <span className=\"font-medium text-ppx-foreground\">{title}</span>\n        </div>\n      </div>\n\n      {/* Right section - Actions */}\n      <div className=\"flex items-center gap-1\">\n        <Button\n          variant=\"ghost\"\n          size=\"icon-sm\"\n          onClick={onNewChat}\n          aria-label=\"New chat\"\n        >\n          <NewChatIcon />\n        </Button>\n\n        <Button\n          variant=\"ghost\"\n          size=\"icon-sm\"\n          onClick={onClose}\n          aria-label=\"Close\"\n        >\n          <CloseIcon />\n        </Button>\n      </div>\n    </header>\n  );\n}\n","import { Button } from \"@px-ui/core\";\n\nimport { ChatIcon } from \"../assets/icons\";\n\nexport interface ChatHistoryItem {\n  id: string;\n  title: string;\n  timestamp: Date;\n}\n\nexport interface ChatHistoryGroup {\n  label: string;\n  items: ChatHistoryItem[];\n}\n\nexport interface XChatHistoryProps {\n  groups?: ChatHistoryGroup[];\n  activeChatId?: string;\n  onSelectChat?: (chatId: string) => void;\n}\n\nexport function XChatHistory({\n  groups = [],\n  activeChatId,\n  onSelectChat,\n}: XChatHistoryProps) {\n  return (\n    <div className=\"flex-1 overflow-y-auto\">\n      {/* Header */}\n      <div className=\"px-3 py-2\">\n        <div className=\"flex items-center gap-2 text-ppx-sm font-medium text-ppx-foreground\">\n          <ChatIcon />\n          Chats\n        </div>\n      </div>\n\n      {/* Chat List */}\n      {groups.length === 0 ? (\n        <div className=\"px-6 py-4 text-ppx-sm text-ppx-neutral-10\">\n          No chat history yet\n        </div>\n      ) : (\n        groups.map((group) => (\n          <div key={group.label} className=\"mb-2\">\n            <div className=\"px-6 py-2 text-ppx-xs font-medium text-ppx-neutral-10\">\n              {group.label}\n            </div>\n            <div className=\"space-y-0.5\">\n              {group.items.map((item) => (\n                <Button\n                  key={item.id}\n                  variant=\"ghost\"\n                  onClick={() => onSelectChat?.(item.id)}\n                  className={`w-full justify-start truncate rounded-none px-6 ${\n                    activeChatId === item.id\n                      ? \"bg-ppx-neutral-4 text-ppx-foreground\"\n                      : \"text-ppx-neutral-12\"\n                  }`}\n                >\n                  {item.title}\n                </Button>\n              ))}\n            </div>\n          </div>\n        ))\n      )}\n    </div>\n  );\n}\n\n","import { Button } from \"@px-ui/core\";\n\nimport { CloseIcon, NewChatIcon } from \"../assets/icons\";\nimport { XChatHistory, type ChatHistoryGroup } from \"./x-chat-history\";\n\nexport interface XSidebarProps {\n  isOpen?: boolean;\n  chatHistory?: ChatHistoryGroup[];\n  activeChatId?: string;\n  onClose?: () => void;\n  onNewChat?: () => void;\n  onSelectChat?: (chatId: string) => void;\n}\n\nexport function XSidebar({\n  isOpen = true,\n  chatHistory = [],\n  activeChatId,\n  onClose,\n  onNewChat,\n  onSelectChat,\n}: XSidebarProps) {\n  if (!isOpen) return null;\n\n  return (\n    <aside className=\"flex h-full w-64 flex-col border-r border-ppx-neutral-5 bg-ppx-neutral-2\">\n      {/* Header */}\n      <div className=\"flex items-center justify-between border-b border-ppx-neutral-5 p-3\">\n        <Button\n          variant=\"ghost\"\n          size=\"icon-sm\"\n          onClick={onClose}\n          aria-label=\"Close sidebar\"\n        >\n          <CloseIcon />\n        </Button>\n      </div>\n\n      {/* New Chat Button */}\n      <div className=\"p-3\">\n        <Button\n          variant=\"ghost\"\n          onClick={onNewChat}\n          className=\"w-full justify-start gap-3\"\n        >\n          <NewChatIcon className=\"h-5 w-5\" />\n          New chat\n        </Button>\n      </div>\n\n      {/* Chat History */}\n      <XChatHistory\n        groups={chatHistory}\n        activeChatId={activeChatId}\n        onSelectChat={onSelectChat}\n      />\n    </aside>\n  );\n}\n"],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@px-ui/ai",
-  "version": "1.0.1",
+  "version": "3.0.0",
   "description": "AI components built on top of px-ui-core",
   "type": "module",
   "module": "./dist/index.js",
@@ -38,7 +38,7 @@
     "ai": ">=6.0.0",
     "react": ">=19.0.0",
     "react-dom": ">=19.0.0",
-    "@px-ui/core": "4.0.1"
+    "@px-ui/core": "4.2.0"
   },
   "dependencies": {
     "class-variance-authority": "^0.7.1",
@@ -59,7 +59,7 @@
     "typescript": "^5.9.3",
     "vite": "npm:rolldown-vite@^7.2.5",
     "vitest": "^4.0.9",
-    "@px-ui/core": "4.0.1"
+    "@px-ui/core": "4.2.0"
   },
   "scripts": {
     "lint": "eslint src --ext .ts,.tsx",