@altimateai/ui-components 0.0.23 → 0.0.24-beta.1

package/dist/storybook/Badge.stories.tsx

@@ -34,3 +34,10 @@ export const Outline: Story = {
     children: "Outline",
   },
 };
+
+export const Success: Story = {
+  args: {
+    variant: "success",
+    children: "Success",
+  },
+};

package/dist/storybook/Card.stories.tsx

@@ -31,7 +31,7 @@ export const WithForm = () => (
       <CardDescription>Enter your details below.</CardDescription>
     </CardHeader>
     <CardContent>
-      <div className="grid w-full items-center gap-4">
+      <div className="grid al-w-full items-center gap-4">
         <div className="flex flex-col space-y-1.5">
           <label htmlFor="name">Name</label>
           <input id="name" className="border rounded p-2" />
@@ -63,7 +63,7 @@ export const Pricing = () => (
       </ul>
     </CardContent>
     <CardFooter>
-      <Button className="w-full">Subscribe</Button>
+      <Button className="al-w-full">Subscribe</Button>
     </CardFooter>
   </Card>
 );

package/dist/storybook/Label.stories.tsx

@@ -19,7 +19,7 @@ Default.args = {
 };
 
 export const WithInput = () => (
-  <div className="grid w-full max-w-sm items-center gap-1.5">
+  <div className="grid al-w-full max-w-sm items-center gap-1.5">
     <Label htmlFor="email">Email</Label>
     <Input type="email" id="email" placeholder="Enter your email" />
   </div>
@@ -35,7 +35,7 @@ Required.args = {
 };
 
 export const Disabled = () => (
-  <div className="grid w-full max-w-sm items-center gap-1.5">
+  <div className="grid al-w-full max-w-sm items-center gap-1.5">
     <Label htmlFor="disabled">Disabled Label</Label>
     <Input id="disabled" disabled />
   </div>

package/dist/storybook/Typography.stories.tsx

@@ -43,8 +43,8 @@ export const Typography: Story = {
           Heading 1 <br />
           Bold
         </Component>
-        <Component variant="caption" className="al-text-gray-500">
-          48px / Line height: 60px
+        <Component variant="caption" className="text-gray-500">
+          32px / Line height: 32px
         </Component>
       </div>
 
@@ -70,8 +70,8 @@ export const Typography: Story = {
           Heading 2 <br />
           Bold
         </Component>
-        <Component variant="caption" className="al-text-gray-500">
-          36px / Line height: 44px
+        <Component variant="caption" className="text-gray-500">
+          24px / Line height: 32px
         </Component>
       </div>
 
@@ -97,8 +97,8 @@ export const Typography: Story = {
           Heading 3 <br />
           Bold
         </Component>
-        <Component variant="caption" className="al-text-gray-500">
-          30px / Line height: 38px
+        <Component variant="caption" className="text-gray-500">
+          18px / Line height: 26px
         </Component>
       </div>
 
@@ -124,8 +124,8 @@ export const Typography: Story = {
           Heading 4 <br />
           Bold
         </Component>
-        <Component variant="caption" className="al-text-gray-500">
-          24px / Line height: 32px
+        <Component variant="caption" className="text-gray-500">
+          16px / Line height: 24px
         </Component>
       </div>
 
@@ -151,8 +151,8 @@ export const Typography: Story = {
           Sub heading <br />
           Bold
         </Component>
-        <Component variant="caption" className="al-text-gray-500">
-          20px / Line height: 30px
+        <Component variant="caption" className="text-gray-500">
+          14px / Line height: 20px
         </Component>
       </div>
 
@@ -173,8 +173,8 @@ export const Typography: Story = {
         <Component variant="body" size="xl">
           Body XL <br /> Regular
         </Component>
-        <Component variant="caption" className="al-text-gray-500">
-          20px, 16px, 14px, 12px | Line height: 30px, 24px, 20px, 18px
+        <Component variant="caption" className="text-gray-500">
+          14px, 10px, 8px | Line height: 18px, 16px, 14px
         </Component>
       </div>
 
@@ -195,8 +195,8 @@ export const Typography: Story = {
         <Component variant="caption" weight="medium" size="lg">
           Caption LG <br /> Medium
         </Component>
-        <Component variant="caption" className="al-text-gray-500">
-          12px, 14px, 16px | Line height: 24px, 20px, 18px
+        <Component variant="caption" className="text-gray-500">
+          14px, 10px | Line height: 18px, 16px
         </Component>
       </div>
     </div>

package/dist/{types-MLsaGOQh.d.ts → types-CPlzEfL7.d.ts}

@@ -104,6 +104,7 @@ interface ChatMessage {
     artifacts?: Artifact[];
     heading: string;
     citations?: Citation[];
+    todos?: TodoItem[];
 }
 interface Artifact {
     content: string;
@@ -119,6 +120,7 @@ interface ChatResponse {
     timestamp: number;
     artifacts?: Artifact[];
     heading: string;
+    todos?: TodoItem[];
 }
 interface ChatState {
     sessions: Record<string, ChatSession>;
@@ -127,6 +129,7 @@ interface ChatState {
     error: string | null;
     abortController: AbortController | null;
     currentActions: AgentAction[];
+    currentTodos: TodoItem[];
     taskLabel?: keyof typeof TaskLabels;
     initialValidation?: (data: {
         context: ChatSession["context"];
@@ -143,11 +146,36 @@ interface ChatState {
         feedback?: ReactNode;
     };
 }
+interface TodoItem {
+    id: string;
+    content: string;
+    status: "pending" | "in_progress" | "completed";
+    priority: "high" | "medium" | "low";
+}
+interface ToolUsageData {
+    tool: string;
+    id: string;
+}
+interface ProgressUpdate {
+    timestamp: string;
+    todos: TodoItem[];
+}
+interface FinalResponseData {
+    tool_usage?: ToolUsageData[];
+    turns?: number;
+    tools_used?: number;
+    progress_updates?: ProgressUpdate[];
+    total_progress_updates?: number;
+}
 interface AgentStreamResponse {
     id?: string;
-    type: "info" | "agent_outcome" | "require_user_action" | "analysis" | "error" | "citations";
+    type: "info" | "agent_outcome" | "require_user_action" | "analysis" | "error" | "citations" | "text" | "tool_use" | "final_response" | "complete";
     heading?: string;
-    content: string;
+    content?: string;
+    tool?: string;
+    todos?: TodoItem[];
+    response?: string;
+    data?: FinalResponseData;
     interaction?: {
         type: "text" | "multiSelect" | "confirm" | "select";
         id: string;
@@ -271,4 +299,4 @@ interface Citation {
     taskLabel: TaskLabels;
 }
 
-export { type Artifact as A, type CoachAiResponse as C, type Feedback as F, type InteractionRequest as I, type Learning as L, PersonalizationScope as P, TaskLabels as T, type TeamMateContextProps as a, type TeamMateState as b, type TeamMateConfig as c, TeamMateActionType as d, TeamMateAvailability as e, type CoachAiConfirmationResponse as f, ContentCategory as g, type TeamMateComponentProps as h, type Citation as i, type ChatbotProps as j, type ChatbotProviderProps as k, learningSchema as l, type ChatState as m, type ContextOption as n, type ChatMessage as o, type AgentAction as p, type ChatResponse as q, LoadingState as r, type AssistantMeta as s, type ChatSession as t, type FileUploadProps as u, type ChatbotUrls as v, type InteractionType as w, type InteractionChoice as x, type AgentStreamResponse as y };
+export { type Artifact as A, type ProgressUpdate as B, type CoachAiResponse as C, type FinalResponseData as D, type AgentStreamResponse as E, type Feedback as F, type InteractionRequest as I, type Learning as L, PersonalizationScope as P, TaskLabels as T, type TeamMateContextProps as a, type TeamMateState as b, type TeamMateConfig as c, TeamMateActionType as d, TeamMateAvailability as e, type CoachAiConfirmationResponse as f, ContentCategory as g, type TeamMateComponentProps as h, type Citation as i, type ChatbotProps as j, type ChatbotProviderProps as k, learningSchema as l, type ChatState as m, type ContextOption as n, type ChatMessage as o, type AgentAction as p, type ChatResponse as q, LoadingState as r, type AssistantMeta as s, type ChatSession as t, type FileUploadProps as u, type ChatbotUrls as v, type InteractionType as w, type InteractionChoice as x, type TodoItem as y, type ToolUsageData as z };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@altimateai/ui-components",
-  "version": "0.0.23",
+  "version": "0.0.24-beta.1",
   "repository": {
     "type": "git",
     "url": "git+https://github.com/AltimateAI/altimate-components.git"
@@ -52,4 +52,4 @@
     "react": "^17.0.0 || ^18.0.0",
     "react-dom": "^17.0.0 || ^18.0.0"
   }
-}
+}

package/dist/Label.js

@@ -1,48 +0,0 @@
-import { j as o } from "./index2.js";
-import * as l from "react";
-import "react-dom";
-import { c, a as b, b as p } from "./Stack.js";
-var v = [
-  "a",
-  "button",
-  "div",
-  "form",
-  "h2",
-  "h3",
-  "img",
-  "input",
-  "label",
-  "li",
-  "nav",
-  "ol",
-  "p",
-  "select",
-  "span",
-  "svg",
-  "ul"
-], w = v.reduce((e, t) => {
-  const a = c(`Primitive.${t}`), i = l.forwardRef((r, m) => {
-    const { asChild: d, ...f } = r, u = d ? a : t;
-    return typeof window < "u" && (window[Symbol.for("radix-ui")] = !0), /* @__PURE__ */ o.jsx(u, { ...f, ref: m });
-  });
-  return i.displayName = `Primitive.${t}`, { ...e, [t]: i };
-}, {}), x = "Label", s = l.forwardRef((e, t) => /* @__PURE__ */ o.jsx(
-  w.label,
-  {
-    ...e,
-    ref: t,
-    onMouseDown: (a) => {
-      var r;
-      a.target.closest("button, input, select, textarea") || ((r = e.onMouseDown) == null || r.call(e, a), !a.defaultPrevented && a.detail > 1 && a.preventDefault());
-    }
-  }
-));
-s.displayName = x;
-var n = s;
-const N = p(
-  "al-text-sm al-font-medium al-leading-none peer-disabled:al-cursor-not-allowed peer-disabled:al-opacity-70"
-), y = l.forwardRef(({ className: e, ...t }, a) => /* @__PURE__ */ o.jsx(n, { ref: a, className: b(N(), e), ...t }));
-y.displayName = n.displayName;
-export {
-  y as L
-};