@frankieai/react 0.2.13 → 0.2.14

package/dist/index.js

@@ -993,8 +993,22 @@ function AgentContext() {
 }
 
 // src/components/chat/ChatEmptyState.tsx
-import { BarChart3, LayoutGrid, MessageSquare, Sparkles as Sparkles2, Wand2, Zap } from "lucide-react";
+import { BarChart3, BookOpen, Compass, FileText, Image as ImageIcon, LayoutGrid, Lightbulb, MessageSquare, Mic, Music, Sparkles as Sparkles2, Wand2, Zap } from "lucide-react";
 import { jsx as jsx7, jsxs as jsxs2 } from "react/jsx-runtime";
+var NAMED_ICONS = {
+  sparkles: Sparkles2,
+  wand: Wand2,
+  book: BookOpen,
+  chat: MessageSquare,
+  chart: BarChart3,
+  bolt: Zap,
+  music: Music,
+  mic: Mic,
+  image: ImageIcon,
+  compass: Compass,
+  lightbulb: Lightbulb,
+  file: FileText
+};
 var PROMPT_ICONS = [Sparkles2, Wand2, BarChart3, Zap, MessageSquare, LayoutGrid];
 function splitPrompt(prompt) {
   const match = prompt.match(/^(.+?)\s+[—–]\s+(.+)$/) ?? prompt.match(/^(.+?)\s+-\s+(.+)$/);
@@ -1005,9 +1019,9 @@ function ChatEmptyState() {
   const { config } = useFrankie();
   const { send, busy, restoring } = useFrankieChat();
   const name = config?.branding.name ?? "Frankie";
-  const starters = config?.starterPrompts?.length ? config.starterPrompts.slice(0, 6).map((card) => ({ title: card.title, description: card.description, message: card.message })) : (config?.suggestedPrompts ?? []).slice(0, 6).map((prompt) => {
+  const starters = config?.starterPrompts?.length ? config.starterPrompts.slice(0, 6).map((card) => ({ title: card.title, description: card.description, message: card.message, icon: card.icon })) : (config?.suggestedPrompts ?? []).slice(0, 6).map((prompt) => {
     const { title, description } = splitPrompt(prompt);
-    return { title, description, message: title };
+    return { title, description, message: title, icon: void 0 };
   });
   return /* @__PURE__ */ jsxs2("section", { className: "frankie-page-empty", "aria-label": "Start a conversation", children: [
     /* @__PURE__ */ jsxs2("div", { className: "frankie-page-welcome", children: [
@@ -1020,7 +1034,7 @@ function ChatEmptyState() {
     starters.length ? /* @__PURE__ */ jsxs2("div", { className: "frankie-page-suggest", children: [
       /* @__PURE__ */ jsx7("p", { className: "frankie-page-suggest-label", children: "Try asking me to" }),
       /* @__PURE__ */ jsx7("div", { className: "frankie-page-prompts", children: starters.map((card, index) => {
-        const Icon = PROMPT_ICONS[index % PROMPT_ICONS.length];
+        const Icon = card.icon && NAMED_ICONS[card.icon] || PROMPT_ICONS[index % PROMPT_ICONS.length];
         return /* @__PURE__ */ jsxs2("button", { type: "button", disabled: busy || restoring, onClick: () => void send(card.message), children: [
           /* @__PURE__ */ jsx7("span", { className: "frankie-prompt-icon", "aria-hidden": true, children: /* @__PURE__ */ jsx7(Icon, { size: 18 }) }),
           /* @__PURE__ */ jsxs2("span", { className: "frankie-prompt-text", children: [
@@ -1419,7 +1433,8 @@ function renderToken(token) {
 }
 
 // src/components/chat/ToolActivityList.tsx
-import { Check, ChevronDown, Loader2, ShieldAlert, Wrench, X as X2 } from "lucide-react";
+import { Check, ChevronDown, Loader2, ShieldAlert, Sparkles as Sparkles3, Wrench, X as X2 } from "lucide-react";
+import { SKILL_TOOL_NAME } from "@frankieai/core";
 
 // src/components/ui/badge.tsx
 import { cva as cva2 } from "class-variance-authority";
@@ -1467,8 +1482,9 @@ function ToolActivityList({ tools, renderTool }) {
   ] });
 }
 function ToolActivityRow({ tool }) {
+  const isSkill = tool.name === SKILL_TOOL_NAME;
   return /* @__PURE__ */ jsxs5(Badge, { variant: badgeVariant(tool.status), title: tool.detail ?? tool.name, children: [
-    /* @__PURE__ */ jsx13(ToolIcon, { status: tool.status }),
+    isSkill && tool.status !== "running" ? /* @__PURE__ */ jsx13(Sparkles3, { className: "size-3", "aria-hidden": "true" }) : /* @__PURE__ */ jsx13(ToolIcon, { status: tool.status }),
     /* @__PURE__ */ jsx13("span", { className: "truncate", children: tool.label })
   ] });
 }