@apteva/apteva-kit 0.1.98 → 0.1.99

package/dist/index.js

@@ -2061,6 +2061,7 @@ var DefaultIcon = () => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "svg", { cl
     d: "M8 12h.01M12 12h.01M16 12h.01M21 12c0 4.418-4.03 8-9 8a9.863 9.863 0 01-4.255-.949L3 20l1.395-3.72C3.512 15.042 3 13.574 3 12c0-4.418 4.03-8 9-8s9 3.582 9 8z"
   }
 ) });
+var TerminalIcon = () => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "text-4xl sm:text-5xl font-mono font-bold text-[#f97316]", children: ">_" });
 var ArrowIcon = () => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "svg", { className: "w-4 h-4", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M13 7l5 5m0 0l-5 5m5-5H6" }) });
 function WelcomeScreen({
   title,
@@ -2068,8 +2069,10 @@ function WelcomeScreen({
   icon,
   prompts,
   variant = "centered",
+  chatVariant = "default",
   onPromptClick
 }) {
+  const WelcomeIcon = chatVariant === "terminal" ? TerminalIcon : DefaultIcon;
   const normalizedPrompts = (prompts || []).map(
     (p) => typeof p === "string" ? { text: p } : p
   );
@@ -2077,7 +2080,7 @@ function WelcomeScreen({
   const hasHeader = title || subtitle || icon;
   if (!hasHeader && !hasPrompts) {
     return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "flex items-center justify-center h-full !text-neutral-500 dark:!text-neutral-400", children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "text-center space-y-2", children: [
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "flex justify-center", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, DefaultIcon, {}) }),
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "flex justify-center", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, WelcomeIcon, {}) }),
       /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "p", { className: "text-sm", children: "No messages yet. Start a conversation!" })
     ] }) });
   }
@@ -2114,7 +2117,7 @@ function WelcomeScreen({
   }
   return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex flex-col items-center justify-center h-full px-4 py-6 sm:py-8", children: [
     /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "text-center mb-6 sm:mb-8 max-w-md", children: [
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "mb-4 !text-neutral-400 dark:!text-neutral-500 flex justify-center", children: icon || /* @__PURE__ */ _jsxruntime.jsx.call(void 0, DefaultIcon, {}) }),
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "mb-4 !text-neutral-400 dark:!text-neutral-500 flex justify-center", children: icon || /* @__PURE__ */ _jsxruntime.jsx.call(void 0, WelcomeIcon, {}) }),
       title && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "h1", { className: "text-xl sm:text-2xl font-semibold !text-neutral-900 dark:!text-white mb-2", children: title }),
       subtitle && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "p", { className: "text-sm sm:text-base !text-neutral-500 dark:!text-neutral-400", children: subtitle })
     ] }),
@@ -2201,6 +2204,7 @@ function MessageList({
   welcomeIcon,
   suggestedPrompts,
   welcomeVariant,
+  chatVariant,
   onPromptClick,
   enableWidgets,
   onWidgetRender
@@ -2231,6 +2235,7 @@ function MessageList({
       icon: welcomeIcon,
       prompts: suggestedPrompts,
       variant: welcomeVariant,
+      chatVariant,
       onPromptClick: onPromptClick || (() => {
       })
     }
@@ -3587,15 +3592,12 @@ ${planToExecute}`;
   };
   const isCompact = commandVariant === "compact";
   return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: cn("apteva-chat flex flex-col h-full", variant !== "default" && `apteva-chat-${variant}`, className), children: [
-    showHeader && mode === "chat" && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "apteva-chat-header px-4 py-3 flex items-center justify-between", children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex items-center gap-2", children: [
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "apteva-chat-icon", children: variant === "terminal" ? ">_" : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "svg", { className: "w-5 h-5", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M8 10h.01M12 10h.01M16 10h.01M9 16H5a2 2 0 01-2-2V6a2 2 0 012-2h14a2 2 0 012 2v8a2 2 0 01-2 2h-5l-5 5v-5z" }) }) }),
-      /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { children: [
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "apteva-chat-title", children: headerTitle }),
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: cn(
-          "apteva-chat-status",
-          isLoading ? chatToolName ? "apteva-chat-status-tool" : "apteva-chat-status-thinking" : "apteva-chat-status-ready"
-        ), children: isLoading ? chatToolName ? `Using ${chatToolName}...` : "Thinking..." : "Ready" })
-      ] })
+    showHeader && mode === "chat" && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "apteva-chat-header px-4 py-3 flex items-center justify-between", children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { children: [
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "apteva-chat-title", children: headerTitle }),
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: cn(
+        "apteva-chat-status",
+        isLoading ? chatToolName ? "apteva-chat-status-tool" : "apteva-chat-status-thinking" : "apteva-chat-status-ready"
+      ), children: isLoading ? chatToolName ? `Using ${chatToolName}...` : "Thinking..." : "Ready" })
     ] }) }),
     mode === "chat" && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
       /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
@@ -3608,6 +3610,7 @@ ${planToExecute}`;
           welcomeIcon,
           suggestedPrompts,
           welcomeVariant,
+          chatVariant: variant,
           onPromptClick: (prompt) => handleSendMessage(prompt),
           enableWidgets,
           onWidgetRender