vanilla-agent 0.1.0 → 1.0.0

package/src/styles/widget.css

@@ -572,6 +572,10 @@
   width: 360px;
 }
 
+.tvw-w-\[400px\] {
+  width: 400px;
+}
+
 .tvw-h-\[640px\] {
   height: 640px;
 }
@@ -687,6 +691,35 @@ form:focus-within textarea {
   opacity: 1;
 }
 
+/* Clear chat button tooltip */
+.tvw-clear-chat-button-wrapper {
+  position: relative;
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+}
+
+.tvw-clear-chat-tooltip {
+  background-color: #111827;
+  color: #ffffff;
+  padding: 6px 12px;
+  border-radius: 0.5rem;
+  font-size: 12px;
+  white-space: nowrap;
+  pointer-events: none;
+  z-index: 10000;
+}
+
+.tvw-clear-chat-tooltip-arrow {
+  content: "";
+  position: absolute;
+  top: 100%;
+  left: 50%;
+  transform: translateX(-50%);
+  border: 4px solid transparent;
+  border-top-color: #111827;
+}
+
 /* Typing indicator animation */
 @keyframes typing {
   0%, 100% {

package/src/types.ts

@@ -1,11 +1,11 @@
-import type { ChatWidgetPlugin } from "./plugins/types";
+import type { AgentWidgetPlugin } from "./plugins/types";
 
-export type ChatWidgetFeatureFlags = {
+export type AgentWidgetFeatureFlags = {
   showReasoning?: boolean;
   showToolCalls?: boolean;
 };
 
-export type ChatWidgetTheme = {
+export type AgentWidgetTheme = {
   primary?: string;
   secondary?: string;
   surface?: string;
@@ -24,6 +24,9 @@ export type ChatWidgetTheme = {
   closeButtonColor?: string;
   closeButtonBackgroundColor?: string;
   closeButtonBorderColor?: string;
+  clearChatIconColor?: string;
+  clearChatBackgroundColor?: string;
+  clearChatBorderColor?: string;
   micIconColor?: string;
   micBackgroundColor?: string;
   micBorderColor?: string;
@@ -39,7 +42,7 @@ export type ChatWidgetTheme = {
   buttonRadius?: string;
 };
 
-export type ChatWidgetLauncherConfig = {
+export type AgentWidgetLauncherConfig = {
   enabled?: boolean;
   title?: string;
   subtitle?: string;
@@ -68,10 +71,17 @@ export type ChatWidgetLauncherConfig = {
   closeButtonBorderWidth?: string;
   closeButtonBorderColor?: string;
   closeButtonBorderRadius?: string;
+  closeButtonPaddingX?: string;
+  closeButtonPaddingY?: string;
   closeButtonPlacement?: "inline" | "top-right";
+  closeButtonIconName?: string;
+  closeButtonIconText?: string;
+  closeButtonTooltipText?: string;
+  closeButtonShowTooltip?: boolean;
+  clearChat?: AgentWidgetClearChatConfig;
 };
 
-export type ChatWidgetSendButtonConfig = {
+export type AgentWidgetSendButtonConfig = {
   borderWidth?: string;
   borderColor?: string;
   paddingX?: string;
@@ -86,7 +96,22 @@ export type ChatWidgetSendButtonConfig = {
   size?: string;
 };
 
-export type ChatWidgetStatusIndicatorConfig = {
+export type AgentWidgetClearChatConfig = {
+  enabled?: boolean;
+  iconName?: string;
+  iconColor?: string;
+  backgroundColor?: string;
+  borderWidth?: string;
+  borderColor?: string;
+  borderRadius?: string;
+  size?: string;
+  paddingX?: string;
+  paddingY?: string;
+  tooltipText?: string;
+  showTooltip?: boolean;
+};
+
+export type AgentWidgetStatusIndicatorConfig = {
   visible?: boolean;
   idleText?: string;
   connectingText?: string;
@@ -94,7 +119,7 @@ export type ChatWidgetStatusIndicatorConfig = {
   errorText?: string;
 };
 
-export type ChatWidgetVoiceRecognitionConfig = {
+export type AgentWidgetVoiceRecognitionConfig = {
   enabled?: boolean;
   pauseDuration?: number;
   iconName?: string;
@@ -113,7 +138,7 @@ export type ChatWidgetVoiceRecognitionConfig = {
   showRecordingIndicator?: boolean;
 };
 
-export type ChatWidgetConfig = {
+export type AgentWidgetConfig = {
   apiUrl?: string;
   flowId?: string;
   headers?: Record<string, string>;
@@ -123,28 +148,28 @@ export type ChatWidgetConfig = {
     inputPlaceholder?: string;
     sendButtonLabel?: string;
   };
-  theme?: ChatWidgetTheme;
-  features?: ChatWidgetFeatureFlags;
-  launcher?: ChatWidgetLauncherConfig;
-  initialMessages?: ChatWidgetMessage[];
+  theme?: AgentWidgetTheme;
+  features?: AgentWidgetFeatureFlags;
+  launcher?: AgentWidgetLauncherConfig;
+  initialMessages?: AgentWidgetMessage[];
   suggestionChips?: string[];
   debug?: boolean;
   formEndpoint?: string;
   launcherWidth?: string;
-  sendButton?: ChatWidgetSendButtonConfig;
-  statusIndicator?: ChatWidgetStatusIndicatorConfig;
-  voiceRecognition?: ChatWidgetVoiceRecognitionConfig;
+  sendButton?: AgentWidgetSendButtonConfig;
+  statusIndicator?: AgentWidgetStatusIndicatorConfig;
+  voiceRecognition?: AgentWidgetVoiceRecognitionConfig;
   postprocessMessage?: (context: {
     text: string;
-    message: ChatWidgetMessage;
+    message: AgentWidgetMessage;
     streaming: boolean;
   }) => string;
-  plugins?: ChatWidgetPlugin[];
+  plugins?: AgentWidgetPlugin[];
 };
 
-export type ChatWidgetMessageRole = "user" | "assistant" | "system";
+export type AgentWidgetMessageRole = "user" | "assistant" | "system";
 
-export type ChatWidgetReasoning = {
+export type AgentWidgetReasoning = {
   id: string;
   status: "pending" | "streaming" | "complete";
   chunks: string[];
@@ -153,7 +178,7 @@ export type ChatWidgetReasoning = {
   durationMs?: number;
 };
 
-export type ChatWidgetToolCall = {
+export type AgentWidgetToolCall = {
   id: string;
   name?: string;
   status: "pending" | "running" | "complete";
@@ -166,29 +191,29 @@ export type ChatWidgetToolCall = {
   durationMs?: number;
 };
 
-export type ChatWidgetMessageVariant = "assistant" | "reasoning" | "tool";
+export type AgentWidgetMessageVariant = "assistant" | "reasoning" | "tool";
 
-export type ChatWidgetMessage = {
+export type AgentWidgetMessage = {
   id: string;
-  role: ChatWidgetMessageRole;
+  role: AgentWidgetMessageRole;
   content: string;
   createdAt: string;
   streaming?: boolean;
-  variant?: ChatWidgetMessageVariant;
+  variant?: AgentWidgetMessageVariant;
   sequence?: number;
-  reasoning?: ChatWidgetReasoning;
-  toolCall?: ChatWidgetToolCall;
-  tools?: ChatWidgetToolCall[];
+  reasoning?: AgentWidgetReasoning;
+  toolCall?: AgentWidgetToolCall;
+  tools?: AgentWidgetToolCall[];
 };
 
-export type ChatWidgetEvent =
-  | { type: "message"; message: ChatWidgetMessage }
+export type AgentWidgetEvent =
+  | { type: "message"; message: AgentWidgetMessage }
   | { type: "status"; status: "connecting" | "connected" | "error" | "idle" }
   | { type: "error"; error: Error };
 
-export type ChatWidgetInitOptions = {
+export type AgentWidgetInitOptions = {
   target: string | HTMLElement;
-  config?: ChatWidgetConfig;
+  config?: AgentWidgetConfig;
   useShadowDom?: boolean;
   onReady?: () => void;
 };