@px-ui/ai 1.0.0

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2025 PX-UI
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -0,0 +1,13 @@
+# @px-ui/ai
+
+AI components built on top of @px-ui/core.
+
+## Installation
+
+```bash
+pnpm add @px-ui/ai
+```
+
+## Usage
+
+Components will be added here as they are developed.

package/dist/assets/icons/chat-icon.tsx

@@ -0,0 +1,18 @@
+export function ChatIcon(props: React.ComponentProps<"svg">) {
+  return (
+    <svg
+      width="18"
+      height="18"
+      viewBox="0 0 24 24"
+      fill="none"
+      stroke="currentColor"
+      strokeWidth="2"
+      strokeLinecap="round"
+      strokeLinejoin="round"
+      {...props}
+    >
+      <path d="M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z" />
+    </svg>
+  );
+}
+

package/dist/assets/icons/check-icon.tsx

@@ -0,0 +1,18 @@
+export function CheckIcon(props: React.ComponentProps<"svg">) {
+  return (
+    <svg
+      width="16"
+      height="16"
+      viewBox="0 0 24 24"
+      fill="none"
+      stroke="currentColor"
+      strokeWidth="2"
+      strokeLinecap="round"
+      strokeLinejoin="round"
+      {...props}
+    >
+      <path d="M20 6 9 17l-5-5" />
+    </svg>
+  );
+}
+

package/dist/assets/icons/close-icon.tsx

@@ -0,0 +1,19 @@
+export function CloseIcon(props: React.ComponentProps<"svg">) {
+  return (
+    <svg
+      width="20"
+      height="20"
+      viewBox="0 0 24 24"
+      fill="none"
+      stroke="currentColor"
+      strokeWidth="2"
+      strokeLinecap="round"
+      strokeLinejoin="round"
+      {...props}
+    >
+      <path d="M18 6 6 18" />
+      <path d="m6 6 12 12" />
+    </svg>
+  );
+}
+

package/dist/assets/icons/copy-icon.tsx

@@ -0,0 +1,19 @@
+export function CopyIcon(props: React.ComponentProps<"svg">) {
+  return (
+    <svg
+      width="16"
+      height="16"
+      viewBox="0 0 24 24"
+      fill="none"
+      stroke="currentColor"
+      strokeWidth="2"
+      strokeLinecap="round"
+      strokeLinejoin="round"
+      {...props}
+    >
+      <rect width="14" height="14" x="8" y="8" rx="2" ry="2" />
+      <path d="M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2" />
+    </svg>
+  );
+}
+

package/dist/assets/icons/debug-icon.tsx

@@ -0,0 +1,19 @@
+export function DebugIcon(props: React.ComponentProps<"svg">) {
+  return (
+    <svg
+      width="16"
+      height="16"
+      viewBox="0 0 24 24"
+      fill="none"
+      stroke="currentColor"
+      strokeWidth="2"
+      strokeLinecap="round"
+      strokeLinejoin="round"
+      {...props}
+    >
+      <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" />
+      <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" />
+    </svg>
+  );
+}
+

package/dist/assets/icons/index.ts

@@ -0,0 +1,11 @@
+export { ChatIcon } from "./chat-icon";
+export { CheckIcon } from "./check-icon";
+export { CloseIcon } from "./close-icon";
+export { CopyIcon } from "./copy-icon";
+export { DebugIcon } from "./debug-icon";
+export { MenuIcon } from "./menu-icon";
+export { NewChatIcon } from "./new-chat-icon";
+export { SparklesIcon } from "./sparkles-icon";
+export { ThumbsDownIcon } from "./thumbs-down-icon";
+export { ThumbsUpIcon } from "./thumbs-up-icon";
+

package/dist/assets/icons/menu-icon.tsx

@@ -0,0 +1,20 @@
+export function MenuIcon(props: React.ComponentProps<"svg">) {
+  return (
+    <svg
+      width="20"
+      height="20"
+      viewBox="0 0 24 24"
+      fill="none"
+      stroke="currentColor"
+      strokeWidth="2"
+      strokeLinecap="round"
+      strokeLinejoin="round"
+      {...props}
+    >
+      <line x1="4" x2="20" y1="12" y2="12" />
+      <line x1="4" x2="20" y1="6" y2="6" />
+      <line x1="4" x2="20" y1="18" y2="18" />
+    </svg>
+  );
+}
+

package/dist/assets/icons/new-chat-icon.tsx

@@ -0,0 +1,19 @@
+export function NewChatIcon(props: React.ComponentProps<"svg">) {
+  return (
+    <svg
+      width="20"
+      height="20"
+      viewBox="0 0 24 24"
+      fill="none"
+      stroke="currentColor"
+      strokeWidth="2"
+      strokeLinecap="round"
+      strokeLinejoin="round"
+      {...props}
+    >
+      <path d="M12 3H5a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7" />
+      <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" />
+    </svg>
+  );
+}
+

package/dist/assets/icons/sparkles-icon.tsx

@@ -0,0 +1,23 @@
+export function SparklesIcon(props: React.ComponentProps<"svg">) {
+  return (
+    <svg
+      xmlns="http://www.w3.org/2000/svg"
+      width="20"
+      height="20"
+      viewBox="0 0 24 24"
+      fill="none"
+      stroke="currentColor"
+      strokeWidth="2"
+      strokeLinecap="round"
+      strokeLinejoin="round"
+      {...props}
+    >
+      <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" />
+      <path d="M20 3v4" />
+      <path d="M22 5h-4" />
+      <path d="M4 17v2" />
+      <path d="M5 18H3" />
+    </svg>
+  );
+}
+

package/dist/assets/icons/thumbs-down-icon.tsx

@@ -0,0 +1,19 @@
+export function ThumbsDownIcon(props: React.ComponentProps<"svg">) {
+  return (
+    <svg
+      width="16"
+      height="16"
+      viewBox="0 0 24 24"
+      fill="none"
+      stroke="currentColor"
+      strokeWidth="2"
+      strokeLinecap="round"
+      strokeLinejoin="round"
+      {...props}
+    >
+      <path d="M17 14V2" />
+      <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" />
+    </svg>
+  );
+}
+

package/dist/assets/icons/thumbs-up-icon.tsx

@@ -0,0 +1,19 @@
+export function ThumbsUpIcon(props: React.ComponentProps<"svg">) {
+  return (
+    <svg
+      width="16"
+      height="16"
+      viewBox="0 0 24 24"
+      fill="none"
+      stroke="currentColor"
+      strokeWidth="2"
+      strokeLinecap="round"
+      strokeLinejoin="round"
+      {...props}
+    >
+      <path d="M7 10v12" />
+      <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" />
+    </svg>
+  );
+}
+

package/dist/chunk-BAz01cYq.js

@@ -0,0 +1,18 @@
+//#region rolldown:runtime
+var __defProp = Object.defineProperty;
+var __export = (all, symbols) => {
+	let target = {};
+	for (var name in all) {
+		__defProp(target, name, {
+			get: all[name],
+			enumerable: true
+		});
+	}
+	if (symbols) {
+		__defProp(target, Symbol.toStringTag, { value: "Module" });
+	}
+	return target;
+};
+
+//#endregion
+export { __export as t };

package/dist/index.css

@@ -0,0 +1,37 @@
+@keyframes popUp {
+  from {
+    opacity: 0;
+    transform: translateY(16px);
+  }
+  to {
+    opacity: 1;
+    transform: translateY(0);
+  }
+}
+
+@keyframes slideIn {
+  from {
+    opacity: 0;
+    transform: translateX(-12px);
+  }
+  to {
+    opacity: 1;
+    transform: translateX(0);
+  }
+}
+
+@keyframes pulse-zoom {
+  0%, 100% {
+    transform: scale(1);
+  }
+  50% {
+    transform: scale(1.15);
+  }
+}
+
+
+
+@source "./**/*.{js,jsx,ts,tsx}";
+
+
+/*# sourceMappingURL=index.css.map*/

package/dist/index.css.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.css","names":[],"sources":["../src/animate.css","../src/index.css"],"sourcesContent":["@keyframes popUp {\n  from {\n    opacity: 0;\n    transform: translateY(16px);\n  }\n  to {\n    opacity: 1;\n    transform: translateY(0);\n  }\n}\n\n@keyframes slideIn {\n  from {\n    opacity: 0;\n    transform: translateX(-12px);\n  }\n  to {\n    opacity: 1;\n    transform: translateX(0);\n  }\n}\n\n@keyframes pulse-zoom {\n  0%, 100% {\n    transform: scale(1);\n  }\n  50% {\n    transform: scale(1.15);\n  }\n}\n\n","@import \"./animate.css\";\n\n@source \"./**/*.{js,jsx,ts,tsx}\";\n"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;;AC3BA"}

package/dist/index.d.ts

@@ -0,0 +1,143 @@
+import * as react_jsx_runtime0 from "react/jsx-runtime";
+
+//#region src/context/xandi-context.d.ts
+type MessageType = "text" | "markdown";
+type FeedbackType = "up" | "down" | null;
+interface Message {
+  id: string;
+  role: "user" | "assistant";
+  content: string;
+  type?: MessageType;
+  debugTrace?: unknown;
+}
+interface XandiContextValue {
+  messages: Message[];
+  isLoading: boolean;
+  sessionId: string | null;
+  sendMessage: (text: string) => void;
+  onFeedback?: (messageId: string, feedback: FeedbackType) => void;
+}
+interface XandiProviderProps {
+  api: string;
+  userId: string;
+  orgId: string;
+  sessionId?: string;
+  onFeedback?: (messageId: string, feedback: FeedbackType) => void;
+  children: React.ReactNode;
+}
+declare function XandiProvider({
+  api,
+  userId,
+  orgId,
+  sessionId: initialSessionId,
+  onFeedback,
+  children
+}: XandiProviderProps): react_jsx_runtime0.JSX.Element;
+declare function useXandi(): XandiContextValue;
+//#endregion
+//#region src/components/x-main-intake.d.ts
+interface Suggestion {
+  id: string;
+  label: string;
+  prompt: string;
+}
+//#endregion
+//#region src/components/xandi.d.ts
+interface XandiProps {
+  welcomeMessage?: string;
+  suggestions?: Suggestion[];
+}
+declare function Xandi({
+  welcomeMessage,
+  suggestions
+}: XandiProps): react_jsx_runtime0.JSX.Element;
+//#endregion
+//#region src/components/x-header.d.ts
+interface XHeaderProps {
+  title?: string;
+  onClose?: () => void;
+  onNewChat?: () => void;
+  onToggleHistory?: () => void;
+}
+declare function XHeader({
+  title,
+  onClose,
+  onNewChat,
+  onToggleHistory
+}: XHeaderProps): react_jsx_runtime0.JSX.Element;
+//#endregion
+//#region src/components/x-chat-history.d.ts
+interface ChatHistoryItem {
+  id: string;
+  title: string;
+  timestamp: Date;
+}
+interface ChatHistoryGroup {
+  label: string;
+  items: ChatHistoryItem[];
+}
+interface XChatHistoryProps {
+  groups?: ChatHistoryGroup[];
+  activeChatId?: string;
+  onSelectChat?: (chatId: string) => void;
+}
+declare function XChatHistory({
+  groups,
+  activeChatId,
+  onSelectChat
+}: XChatHistoryProps): react_jsx_runtime0.JSX.Element;
+//#endregion
+//#region src/components/x-sidebar.d.ts
+interface XSidebarProps {
+  isOpen?: boolean;
+  chatHistory?: ChatHistoryGroup[];
+  activeChatId?: string;
+  onClose?: () => void;
+  onNewChat?: () => void;
+  onSelectChat?: (chatId: string) => void;
+}
+declare function XSidebar({
+  isOpen,
+  chatHistory,
+  activeChatId,
+  onClose,
+  onNewChat,
+  onSelectChat
+}: XSidebarProps): react_jsx_runtime0.JSX.Element | null;
+declare namespace x_message_actions_d_exports {
+  export { Copy, CopyProps, Debug, DebugProps, Feedback, FeedbackProps, FeedbackType, Root };
+}
+/**
+ * Container for message actions. Use with composable children:
+ * - XMessageActions.Feedback
+ * - XMessageActions.Copy
+ * - XMessageActions.Debug
+ */
+declare function Root({
+  children
+}: {
+  children: React.ReactNode;
+}): react_jsx_runtime0.JSX.Element;
+interface FeedbackProps {
+  messageId: string;
+}
+declare function Feedback({
+  messageId
+}: FeedbackProps): react_jsx_runtime0.JSX.Element;
+interface CopyProps {
+  content: string;
+}
+declare function Copy({
+  content
+}: CopyProps): react_jsx_runtime0.JSX.Element;
+interface DebugProps {
+  messageId: string;
+  debugTrace: unknown;
+}
+declare function Debug({
+  messageId,
+  debugTrace
+}: 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, useXandi };
+//# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -0,0 +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":";;;KAEY,WAAA;KACA,YAAA;UAEK,OAAA;;EAHL,IAAA,EAAA,MAAA,GAAW,WAAA;EACX,OAAA,EAAA,MAAY;EAEP,IAAA,CAAA,EAIR,WAJe;EAQP,UAAA,CAAA,EAAA,OAAiB;AAUlC;AASgB,UAnBC,iBAAA,CAmBY;EAC3B,QAAA,EAnBU,OAmBV,EAAA;EACA,SAAA,EAAA,OAAA;EACA,SAAA,EAAA,MAAA,GAAA,IAAA;EACW,WAAA,EAAA,CAAA,IAAA,EAAA,MAAA,EAAA,GAAA,IAAA;EACX,UAAA,CAAA,EAAA,CAAA,SAAA,EAAA,MAAA,EAAA,QAAA,EAnB2C,YAmB3C,EAAA,GAAA,IAAA;;AAEC,UAhBc,kBAAA,CAgBd;EAAkB,GAAA,EAAA,MAAA;EAAA,MAAA,EAAA,MAAA;EA+DL,KAAA,EAAA,MAAQ;;6CA1EqB;YACjC,KAAA,CAAM;ACxBlB;iBD2BgB,aAAA;;;;aAIH;;;GAGV,qBAAkB,kBAAA,CAAA,GAAA,CAAA;iBA+DL,QAAA,CAAA,GAAY;;;UCjGX,UAAA;;;;ADHjB;;;UEGiB,UAAA;;gBAED;AFLhB;AACY,iBEOI,KAAA,CFPQ;EAAA,cAAA;EAAA;AAAA,CAAA,EEUrB,UFVqB,CAAA,EEUX,kBAAA,CAAA,GAAA,CAAA,OFVW;;;UGEP,YAAA;;;;EHHL,eAAW,CAAA,EAAA,GAAA,GAAA,IAAA;AACvB;AAEiB,iBGOD,OAAA,CHHP;EAAA,KAAW;EAAA,OAAA;EAAA,SAAA;EAAA;AAAA,CAAA,EGQjB,YHRiB,CAAA,EGQL,kBAAA,CAAA,GAAA,CAAA,OHRK;;;UILH,eAAA;;;aAGJ;AJLb;AACY,UIOK,gBAAA,CJPO;EAEP,KAAA,EAAA,MAAO;EAQP,KAAA,EIDR,eJCyB,EAAA;AAUlC;AASgB,UIjBC,iBAAA,CJiBY;EAC3B,MAAA,CAAA,EIjBS,gBJiBT,EAAA;EACA,YAAA,CAAA,EAAA,MAAA;EACA,YAAA,CAAA,EAAA,CAAA,MAAA,EAAA,MAAA,EAAA,GAAA,IAAA;;AAEA,iBIhBc,YAAA,CJgBd;EAAA,MAAA;EAAA,YAAA;EAAA;AAAA,CAAA,EIZC,iBJYD,CAAA,EIZkB,kBAAA,CAAA,GAAA,CAAA,OJYlB;;;UKhCe,aAAA;;gBAED;ELLJ,YAAA,CAAA,EAAW,MAAA;EACX,OAAA,CAAA,EAAA,GAAA,GAAY,IAAA;EAEP,SAAA,CAAO,EAAA,GAAA,GAAA,IAIf;EAIQ,YAAA,CAAA,EAAA,CAAA,MAAiB,EAAA,MAAA,EACtB,GAAA,IAAA;AASZ;AASgB,iBKlBA,QAAA,CLkBa;EAAA,MAAA;EAAA,WAAA;EAAA,YAAA;EAAA,OAAA;EAAA,SAAA;EAAA;AAAA,CAAA,EKX1B,aLW0B,CAAA,EKXb,kBAAA,CAAA,GAAA,CAAA,OAAA,GLWa,IAAA;AAAA;;;;;;AA9B7B;AACA;AAEA;AAQiB,iBMWD,IAAA,CNXkB;EAAA;AAmBlC,CAlBY,EAAA;EASK,QAAA,EMC8B,KAAA,CAAM,SNDlB;AASnC,CAAA,CAAA,EMRgE,kBAAA,CAAA,GAAA,CAAA,ONQnC;AAC3B,UMDe,aAAA,CNCf;EACA,SAAA,EAAA,MAAA;;AAEW,iBMAG,QAAA,CNAH;EAAA;AAAA,CAAA,EMA2B,aNA3B,CAAA,EMAwC,kBAAA,CAAA,GAAA,CAAA,ONAxC;AACX,UMgEe,SAAA,CNhEf;EACA,OAAA,EAAA,MAAA;;AACmB,iBMkEL,IAAA,CNlEK;EAAA;AAAA,CAAA,EMkEa,SNlEb,CAAA,EMkEsB,kBAAA,CAAA,GAAA,CAAA,ONlEtB;AAAA,UMqHJ,UAAA,CNrHI;EA+DL,SAAA,EAAQ,MAAA;;;iBM2DR,KAAA;;;GAAiC,aAAU,kBAAA,CAAA,GAAA,CAAA"}