@agentxjs/ui 0.0.1

package/dist/index.d.ts

@@ -0,0 +1,2 @@
+export * from './api';
+export * from './types';

package/dist/index.js

@@ -0,0 +1,64 @@
+import { x, s, y, A, z, h, B, G, C, D, a1, J, E, F, H, K, n, N, r, I, d, a2, O, Q, t, a3, V, f, M, W, P, X, R, Y, Z, S, v, w, g, e, j, _, m, o, $, a0, p, T, q, k, l, U, a6, a7, a4, a5, a8, u, a, b } from "./index-CyXGvO5F.js";
+export {
+  x as ActionBar,
+  s as ActivityBar,
+  y as AgentLogo,
+  A as AgentPane,
+  z as AppHeader,
+  h as AssistantMessage,
+  B as Badge,
+  G as Button,
+  C as ContainerView,
+  D as DefinitionPane,
+  a1 as DiffViewer,
+  J as EmptyState,
+  E as ErrorAlert,
+  F as FileContent,
+  H as Header,
+  K as ImageAttachment,
+  n as ImageContent,
+  N as Input,
+  r as InputBox,
+  I as InputPane,
+  d as InputToolBar,
+  a2 as JSONRenderer,
+  O as ListItem,
+  Q as LoadingState,
+  t as MainContent,
+  a3 as MarkdownText,
+  V as MessageAvatar,
+  f as MessageList,
+  M as MessagePane,
+  W as PageHeader,
+  P as Panel,
+  X as Popover,
+  R as RightSidebar,
+  Y as ScrollArea,
+  Z as SearchInput,
+  S as SessionPane,
+  v as Sidebar,
+  w as StatusBar,
+  g as StatusIndicator,
+  e as Studio,
+  j as SystemMessage,
+  _ as TabNavigation,
+  m as TextContent,
+  o as ThinkingContent,
+  $ as TimeAgo,
+  a0 as TokenUsagePie,
+  p as ToolCallContent,
+  T as ToolCallMessage,
+  q as ToolResultContent,
+  k as ToolResultMessage,
+  l as ToolUseMessage,
+  U as UserMessage,
+  a6 as cn,
+  a7 as decodeHtmlEntities,
+  a4 as eventBus,
+  a5 as formatTimeAgo,
+  a8 as formatUsageLimitText,
+  u as useAgent,
+  a as useAgentX,
+  b as useSession
+};
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/dist/types/index.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/utils/eventBus.d.ts

@@ -0,0 +1,93 @@
+/**
+ * EventBus - Lightweight event system using mitt
+ * Replaces heavy RxJS dependency with a simple, type-safe event emitter
+ */
+/**
+ * Application Events
+ * Define all possible events with their payload types
+ */
+export type AppEvents = {
+    "session:created": {
+        sessionId: string;
+        name?: string;
+    };
+    "session:selected": {
+        sessionId: string;
+    };
+    "session:deleted": {
+        sessionId: string;
+    };
+    "session:updated": {
+        sessionId: string;
+        updates: Record<string, unknown>;
+    };
+    "message:received": {
+        sessionId: string;
+        content: string;
+        role: string;
+    };
+    "message:sent": {
+        sessionId: string;
+        content: string;
+    };
+    "message:streaming": {
+        sessionId: string;
+        delta: string;
+    };
+    "notification:show": {
+        message: string;
+        type: "success" | "error" | "info";
+    };
+    "notification:hide": {
+        id: string;
+    };
+    error: {
+        error: Error;
+        context?: string;
+    };
+    "loading:start": {
+        source: string;
+    };
+    "loading:end": {
+        source: string;
+    };
+};
+/**
+ * EventBus class wrapper
+ * Provides debugging and convenience methods
+ */
+declare class EventBus {
+    private emitter;
+    private debugMode;
+    constructor();
+    /**
+     * Emit an event
+     */
+    emit<K extends keyof AppEvents>(type: K, data: AppEvents[K]): void;
+    /**
+     * Subscribe to an event
+     */
+    on<K extends keyof AppEvents>(type: K, handler: (data: AppEvents[K]) => void): void;
+    /**
+     * Unsubscribe from an event
+     */
+    off<K extends keyof AppEvents>(type: K, handler: (data: AppEvents[K]) => void): void;
+    /**
+     * Subscribe to all events (use sparingly)
+     */
+    onAll(handler: (type: keyof AppEvents, data: unknown) => void): void;
+    /**
+     * Clear all event handlers
+     */
+    clear(): void;
+    /**
+     * Enable debug logging
+     */
+    enableDebug(): void;
+    /**
+     * Disable debug logging
+     */
+    disableDebug(): void;
+}
+export declare const eventBus: EventBus;
+export {};

package/dist/utils/index.d.ts

@@ -0,0 +1,3 @@
+export * from './eventBus';
+export * from './timeUtils';
+export * from './utils';

package/dist/utils/timeUtils.d.ts

@@ -0,0 +1,14 @@
+/**
+ * Format a date as relative time (e.g., "Just now", "5 mins ago", "2 hours ago")
+ *
+ * @param dateString - ISO date string or Date object
+ * @param currentTime - Current time for comparison (defaults to now)
+ * @returns Formatted relative time string
+ *
+ * @example
+ * ```ts
+ * formatTimeAgo("2025-01-14T10:30:00Z") // "5 mins ago"
+ * formatTimeAgo(new Date()) // "Just now"
+ * ```
+ */
+export declare function formatTimeAgo(dateString: string | Date, currentTime?: Date): string;

package/dist/utils/utils.d.ts

@@ -0,0 +1,13 @@
+import { ClassValue } from 'clsx';
+/**
+ * Merge Tailwind CSS classes with conflict resolution
+ */
+export declare function cn(...inputs: ClassValue[]): string;
+/**
+ * Decode HTML entities in text
+ */
+export declare function decodeHtmlEntities(text: string): string;
+/**
+ * Format "Agent AI usage limit reached|<epoch>" into a local time string
+ */
+export declare function formatUsageLimitText(text: string): string;

package/package.json

@@ -0,0 +1,87 @@
+{
+  "name": "@agentxjs/ui",
+  "version": "0.0.1",
+  "description": "AgentX UI Components - React component library for building AI agent interfaces",
+  "type": "module",
+  "main": "./dist/index.js",
+  "module": "./dist/index.js",
+  "types": "./dist/src/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/src/index.d.ts",
+      "import": "./dist/index.js",
+      "default": "./dist/index.js"
+    },
+    "./globals.css": "./dist/globals.css"
+  },
+  "sideEffects": [
+    "*.css",
+    "*.scss"
+  ],
+  "files": [
+    "dist",
+    "README.md"
+  ],
+  "dependencies": {
+    "allotment": "^1.20.4",
+    "class-variance-authority": "^0.7.1",
+    "clsx": "^2.1.1",
+    "framer-motion": "^12.23.25",
+    "lucide-react": "^0.460.0",
+    "mitt": "^3.0.1",
+    "react": "^18.3.1",
+    "react-dom": "^18.3.1",
+    "react-markdown": "^10.1.0",
+    "remark-gfm": "^4.0.1",
+    "tailwind-merge": "^2.5.5",
+    "zustand": "^5.0.2",
+    "agentxjs": "0.0.1",
+    "@agentxjs/types": "0.0.1",
+    "@agentxjs/common": "0.1.0"
+  },
+  "devDependencies": {
+    "@storybook/addon-a11y": "^8.4.7",
+    "@storybook/addon-essentials": "^8.4.7",
+    "@storybook/addon-interactions": "^8.4.7",
+    "@storybook/addon-links": "^8.4.7",
+    "@storybook/react": "^8.4.7",
+    "@storybook/react-vite": "^8.4.7",
+    "@tailwindcss/postcss": "^4.1.17",
+    "@tailwindcss/typography": "^0.5.19",
+    "@types/node": "^24.9.2",
+    "@types/react": "^18.3.12",
+    "@types/react-dom": "^18.3.1",
+    "@types/ws": "^8.5.13",
+    "@vitejs/plugin-react": "^4.3.4",
+    "autoprefixer": "^10.4.20",
+    "concurrently": "^9.1.0",
+    "dotenv": "^16.6.1",
+    "postcss": "^8.4.49",
+    "storybook": "^8.4.7",
+    "tailwindcss": "^4.1.17",
+    "tsx": "^4.19.2",
+    "typescript": "^5.9.3",
+    "vite": "^6.0.5",
+    "vite-plugin-dts": "^4.3.0",
+    "ws": "^8.18.0",
+    "@agentxjs/node-runtime": "0.0.1"
+  },
+  "peerDependencies": {
+    "react": "^18.0.0",
+    "react-dom": "^18.0.0"
+  },
+  "publishConfig": {
+    "access": "public"
+  },
+  "scripts": {
+    "dev": "vite",
+    "dev:server": "tsx --watch dev-tools/server/dev-server.ts",
+    "dev:full": "concurrently \"pnpm dev:server\" \"storybook dev -p 6007\"",
+    "build": "tsc && vite build",
+    "lint": "eslint .",
+    "typecheck": "tsc --noEmit",
+    "preview": "vite preview",
+    "storybook": "storybook dev -p 6006",
+    "build-storybook": "storybook build"
+  }
+}