@emblemvault/hustle-react 1.4.11 → 1.5.1

package/README.md

@@ -109,6 +109,7 @@ Complete chat UI component.
   showDebug              // Show tool call debug info
   placeholder="Message"  // Input placeholder
   initialSystemPrompt="" // Initial system prompt
+  enableSpeechToText     // Enable voice input via microphone (default: false)
 
   // Callbacks
   onMessage={(msg) => {}}     // When user sends message
@@ -283,6 +284,59 @@ function App() {
 
 Each instance has separate settings and plugins stored under its unique `instanceId`.
 
+## Speech-to-Text
+
+Enable voice input in `HustleChat` via prop, settings modal, or use the hook directly for custom implementations.
+
+### Using HustleChat
+
+**Via prop:**
+```tsx
+<HustleChat enableSpeechToText />
+```
+
+**Via settings modal:**
+When `showSettings` is enabled, users can toggle "Voice Input" in the settings modal. This preference is persisted to localStorage.
+
+```tsx
+<HustleChat showSettings />
+```
+
+When enabled, a microphone button appears next to the send button. Click to start listening, click again to stop. The button pulses red while actively listening.
+
+### Using the Hook Directly
+
+```tsx
+import { useSpeechRecognition } from '@emblemvault/hustle-react';
+
+function CustomInput() {
+  const [message, setMessage] = useState('');
+
+  const {
+    isSupported,  // Browser supports Web Speech API
+    isListening,  // Currently listening
+    toggleListening,
+  } = useSpeechRecognition({
+    onTranscript: (text) => setMessage(prev => prev + ' ' + text),
+    onInterimTranscript: (text) => console.log('Interim:', text),
+    onError: (error) => console.error('Speech error:', error),
+    continuous: true,   // Keep listening (default: true)
+    language: 'en-US',  // Recognition language (default: 'en-US')
+  });
+
+  if (!isSupported) return <p>Speech not supported</p>;
+
+  return (
+    <div>
+      <input value={message} onChange={e => setMessage(e.target.value)} />
+      <button onClick={toggleListening}>
+        {isListening ? 'Stop' : 'Speak'}
+      </button>
+    </div>
+  );
+}
+```
+
 ## Underlying SDK
 
 This package wraps [hustle-incognito](https://github.com/nicktaylor-/hustle-incognito) for React. The SDK handles:

package/dist/browser/hustle-react.js

@@ -31,9 +31,9 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
 ));
 var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
 
-// ../../node_modules/highlight.js/lib/core.js
+// node_modules/.pnpm/highlight.js@11.11.1/node_modules/highlight.js/lib/core.js
 var require_core = __commonJS({
-  "../../node_modules/highlight.js/lib/core.js"(exports$1, module) {
+  "node_modules/.pnpm/highlight.js@11.11.1/node_modules/highlight.js/lib/core.js"(exports$1, module) {
     function deepFreeze(obj) {
       if (obj instanceof Map) {
         obj.clear = obj.delete = obj.set = function() {
@@ -2341,6 +2341,134 @@ function useHustle() {
   }
   return context;
 }
+function useSpeechRecognition({
+  onTranscript,
+  onInterimTranscript,
+  onError,
+  continuous = true,
+  language = "en-US"
+} = {}) {
+  const [isListening, setIsListening] = useState(false);
+  const [isSupported, setIsSupported] = useState(false);
+  const recognitionRef = useRef(null);
+  const finalTranscriptRef = useRef("");
+  const onTranscriptRef = useRef(onTranscript);
+  const onInterimTranscriptRef = useRef(onInterimTranscript);
+  const onErrorRef = useRef(onError);
+  useEffect(() => {
+    onTranscriptRef.current = onTranscript;
+    onInterimTranscriptRef.current = onInterimTranscript;
+    onErrorRef.current = onError;
+  }, [onTranscript, onInterimTranscript, onError]);
+  useEffect(() => {
+    if (typeof window === "undefined") {
+      return;
+    }
+    const SpeechRecognitionAPI = window.SpeechRecognition || window.webkitSpeechRecognition;
+    if (!SpeechRecognitionAPI) {
+      console.warn("Speech recognition not supported in this browser");
+      return;
+    }
+    setIsSupported(true);
+    const recognition = new SpeechRecognitionAPI();
+    recognition.continuous = continuous;
+    recognition.interimResults = true;
+    recognition.lang = language;
+    recognition.onstart = () => {
+      console.log("Speech recognition started");
+      setIsListening(true);
+      finalTranscriptRef.current = "";
+    };
+    recognition.onresult = (event) => {
+      let interimTranscript = "";
+      let finalTranscript = "";
+      const resultIndex = event.resultIndex || 0;
+      for (let i = resultIndex; i < event.results.length; i++) {
+        const transcript = event.results[i][0].transcript;
+        if (event.results[i].isFinal) {
+          finalTranscript += transcript;
+        } else {
+          interimTranscript += transcript;
+        }
+      }
+      if (finalTranscript) {
+        finalTranscriptRef.current += finalTranscript;
+        onTranscriptRef.current?.(finalTranscript);
+      }
+      if (interimTranscript) {
+        onInterimTranscriptRef.current?.(interimTranscript);
+      }
+    };
+    recognition.onerror = (event) => {
+      console.error("Speech recognition error:", event.error);
+      if (event.error !== "aborted" && event.error !== "no-speech") {
+        onErrorRef.current?.(event.error);
+      }
+      setIsListening(false);
+    };
+    recognition.onend = () => {
+      console.log("Speech recognition ended");
+      setIsListening(false);
+    };
+    recognitionRef.current = recognition;
+    return () => {
+      if (recognitionRef.current) {
+        try {
+          recognitionRef.current.abort();
+        } catch (e) {
+        }
+      }
+    };
+  }, [continuous, language]);
+  const startListening = useCallback(() => {
+    const recognition = recognitionRef.current;
+    if (!recognition) {
+      console.error("Speech recognition not available");
+      return;
+    }
+    if (isListening) {
+      return;
+    }
+    console.log("Starting speech recognition...");
+    try {
+      finalTranscriptRef.current = "";
+      recognition.start();
+    } catch (error2) {
+      console.error("Error starting:", error2);
+      onErrorRef.current?.("Failed to start speech recognition");
+    }
+  }, [isListening]);
+  const stopListening = useCallback(() => {
+    const recognition = recognitionRef.current;
+    if (!recognition) {
+      return;
+    }
+    if (!isListening) {
+      return;
+    }
+    console.log("Stopping speech recognition...");
+    try {
+      recognition.stop();
+    } catch (error2) {
+      console.warn("Error stopping:", error2);
+      setIsListening(false);
+    }
+  }, [isListening]);
+  const toggleListening = useCallback(() => {
+    if (isListening) {
+      stopListening();
+    } else {
+      startListening();
+    }
+  }, [isListening, startListening, stopListening]);
+  return {
+    isSupported,
+    isListening,
+    startListening,
+    stopListening,
+    toggleListening
+  };
+}
 
 // src/plugins/predictionMarket.ts
 var DOME_API_BASE = "https://api.domeapi.io/v1";
@@ -4648,7 +4776,7 @@ var animations = `
 }
 `;
 
-// ../../node_modules/marked/lib/marked.esm.js
+// node_modules/.pnpm/marked@17.0.1/node_modules/marked/lib/marked.esm.js
 function L() {
   return { async: false, breaks: false, extensions: null, gfm: true, hooks: null, pedantic: false, renderer: null, silent: false, tokenizer: null, walkTokens: null };
 }
@@ -5823,11 +5951,11 @@ d.parseInline;
 b.parse;
 x.lex;
 
-// ../../node_modules/highlight.js/es/core.js
+// node_modules/.pnpm/highlight.js@11.11.1/node_modules/highlight.js/es/core.js
 var import_core = __toESM(require_core());
 var core_default = import_core.default;
 
-// ../../node_modules/highlight.js/es/languages/javascript.js
+// node_modules/.pnpm/highlight.js@11.11.1/node_modules/highlight.js/es/languages/javascript.js
 var IDENT_RE = "[A-Za-z$_][0-9A-Za-z$_]*";
 var KEYWORDS = [
   "as",
@@ -6528,7 +6656,7 @@ function javascript(hljs) {
   };
 }
 
-// ../../node_modules/highlight.js/es/languages/typescript.js
+// node_modules/.pnpm/highlight.js@11.11.1/node_modules/highlight.js/es/languages/typescript.js
 var IDENT_RE2 = "[A-Za-z$_][0-9A-Za-z$_]*";
 var KEYWORDS2 = [
   "as",
@@ -7342,7 +7470,7 @@ function typescript(hljs) {
   return tsLanguage;
 }
 
-// ../../node_modules/highlight.js/es/languages/python.js
+// node_modules/.pnpm/highlight.js@11.11.1/node_modules/highlight.js/es/languages/python.js
 function python(hljs) {
   const regex = hljs.regex;
   const IDENT_RE3 = /[\p{XID_Start}_]\p{XID_Continue}*/u;
@@ -7757,7 +7885,7 @@ function python(hljs) {
   };
 }
 
-// ../../node_modules/highlight.js/es/languages/json.js
+// node_modules/.pnpm/highlight.js@11.11.1/node_modules/highlight.js/es/languages/json.js
 function json(hljs) {
   const ATTRIBUTE = {
     className: "attr",
@@ -7797,7 +7925,7 @@ function json(hljs) {
   };
 }
 
-// ../../node_modules/highlight.js/es/languages/bash.js
+// node_modules/.pnpm/highlight.js@11.11.1/node_modules/highlight.js/es/languages/bash.js
 function bash(hljs) {
   const regex = hljs.regex;
   const VAR = {};
@@ -8191,7 +8319,7 @@ function bash(hljs) {
   };
 }
 
-// ../../node_modules/highlight.js/es/languages/shell.js
+// node_modules/.pnpm/highlight.js@11.11.1/node_modules/highlight.js/es/languages/shell.js
 function shell(hljs) {
   return {
     name: "Shell Session",
@@ -8215,7 +8343,7 @@ function shell(hljs) {
   };
 }
 
-// ../../node_modules/highlight.js/es/languages/css.js
+// node_modules/.pnpm/highlight.js@11.11.1/node_modules/highlight.js/es/languages/css.js
 var MODES = (hljs) => {
   return {
     IMPORTANT: {
@@ -9152,7 +9280,7 @@ function css(hljs) {
   };
 }
 
-// ../../node_modules/highlight.js/es/languages/xml.js
+// node_modules/.pnpm/highlight.js@11.11.1/node_modules/highlight.js/es/languages/xml.js
 function xml(hljs) {
   const regex = hljs.regex;
   const TAG_NAME_RE = regex.concat(/[\p{L}_]/u, regex.optional(/[\p{L}0-9_.-]*:/u), /[\p{L}0-9_.-]*/u);
@@ -9378,7 +9506,7 @@ function xml(hljs) {
   };
 }
 
-// ../../node_modules/highlight.js/es/languages/markdown.js
+// node_modules/.pnpm/highlight.js@11.11.1/node_modules/highlight.js/es/languages/markdown.js
 function markdown(hljs) {
   const regex = hljs.regex;
   const INLINE_HTML = {
@@ -9610,7 +9738,7 @@ function markdown(hljs) {
   };
 }
 
-// ../../node_modules/highlight.js/es/languages/sql.js
+// node_modules/.pnpm/highlight.js@11.11.1/node_modules/highlight.js/es/languages/sql.js
 function sql(hljs) {
   const regex = hljs.regex;
   const COMMENT_MODE = hljs.COMMENT("--", "$");
@@ -10253,7 +10381,7 @@ function sql(hljs) {
   };
 }
 
-// ../../node_modules/highlight.js/es/languages/yaml.js
+// node_modules/.pnpm/highlight.js@11.11.1/node_modules/highlight.js/es/languages/yaml.js
 function yaml(hljs) {
   const LITERALS3 = "true false yes no null";
   const URI_CHARACTERS = "[\\w#;/?:@&=+$,.~*'()[\\]]+";
@@ -10454,7 +10582,7 @@ function yaml(hljs) {
   };
 }
 
-// ../../node_modules/highlight.js/es/languages/rust.js
+// node_modules/.pnpm/highlight.js@11.11.1/node_modules/highlight.js/es/languages/rust.js
 function rust(hljs) {
   const regex = hljs.regex;
   const RAW_IDENTIFIER = /(r#)?/;
@@ -10767,7 +10895,7 @@ function rust(hljs) {
   };
 }
 
-// ../../node_modules/highlight.js/es/languages/go.js
+// node_modules/.pnpm/highlight.js@11.11.1/node_modules/highlight.js/es/languages/go.js
 function go(hljs) {
   const LITERALS3 = [
     "true",
@@ -10921,7 +11049,7 @@ function go(hljs) {
   };
 }
 
-// ../../node_modules/highlight.js/es/languages/java.js
+// node_modules/.pnpm/highlight.js@11.11.1/node_modules/highlight.js/es/languages/java.js
 var decimalDigits = "[0-9](_*[0-9])*";
 var frac = `\\.(${decimalDigits})`;
 var hexDigits = "[0-9a-fA-F](_*[0-9a-fA-F])*";
@@ -11175,7 +11303,7 @@ function java(hljs) {
   };
 }
 
-// ../../node_modules/highlight.js/es/languages/cpp.js
+// node_modules/.pnpm/highlight.js@11.11.1/node_modules/highlight.js/es/languages/cpp.js
 function cpp(hljs) {
   const regex = hljs.regex;
   const C_LINE_COMMENT_MODE = hljs.COMMENT("//", "$", { contains: [{ begin: /\\\n/ }] });
@@ -11718,7 +11846,7 @@ function cpp(hljs) {
   };
 }
 
-// ../../node_modules/highlight.js/es/languages/csharp.js
+// node_modules/.pnpm/highlight.js@11.11.1/node_modules/highlight.js/es/languages/csharp.js
 function csharp(hljs) {
   const BUILT_IN_KEYWORDS = [
     "bool",
@@ -12118,7 +12246,7 @@ function csharp(hljs) {
   };
 }
 
-// ../../node_modules/highlight.js/es/languages/php.js
+// node_modules/.pnpm/highlight.js@11.11.1/node_modules/highlight.js/es/languages/php.js
 function php(hljs) {
   const regex = hljs.regex;
   const NOT_PERL_ETC = /(?![A-Za-z0-9])(?![$])/;
@@ -12719,7 +12847,7 @@ function php(hljs) {
   };
 }
 
-// ../../node_modules/highlight.js/es/languages/ruby.js
+// node_modules/.pnpm/highlight.js@11.11.1/node_modules/highlight.js/es/languages/ruby.js
 function ruby(hljs) {
   const regex = hljs.regex;
   const RUBY_METHOD_RE = "([a-zA-Z_]\\w*[!?=]?|[-+~]@|<<|>>|=~|===?|<=>|[<>]=?|\\*\\*|[-/+%^&*~`|]|\\[\\]=?)";
@@ -13132,7 +13260,7 @@ function ruby(hljs) {
   };
 }
 
-// ../../node_modules/highlight.js/es/languages/swift.js
+// node_modules/.pnpm/highlight.js@11.11.1/node_modules/highlight.js/es/languages/swift.js
 function source(re2) {
   if (!re2) return null;
   if (typeof re2 === "string") return re2;
@@ -14007,7 +14135,7 @@ function swift(hljs) {
   };
 }
 
-// ../../node_modules/highlight.js/es/languages/kotlin.js
+// node_modules/.pnpm/highlight.js@11.11.1/node_modules/highlight.js/es/languages/kotlin.js
 var decimalDigits2 = "[0-9](_*[0-9])*";
 var frac2 = `\\.(${decimalDigits2})`;
 var hexDigits2 = "[0-9a-fA-F](_*[0-9a-fA-F])*";
@@ -14945,6 +15073,28 @@ var styles = {
     borderRadius: tokens.radius.full,
     animation: "hustle-spin 0.8s linear infinite"
   },
+  // Mic button
+  micBtn: {
+    width: "40px",
+    height: "40px",
+    padding: 0,
+    background: tokens.colors.bgTertiary,
+    border: `1px solid ${tokens.colors.borderSecondary}`,
+    borderRadius: tokens.radius.lg,
+    color: tokens.colors.textSecondary,
+    flexShrink: 0,
+    display: "flex",
+    alignItems: "center",
+    justifyContent: "center",
+    cursor: "pointer",
+    transition: `all ${tokens.transitions.fast}`
+  },
+  micBtnListening: {
+    background: "rgba(239, 68, 68, 0.1)",
+    borderColor: "rgba(239, 68, 68, 0.3)",
+    color: "#ef4444",
+    animation: "hustle-pulse 1s ease-in-out infinite"
+  },
   // Error display
   errorBox: {
     marginTop: tokens.spacing.sm,
@@ -15115,9 +15265,12 @@ function HustleChat({
   className = "",
   placeholder = "Type a message...",
   showSettings = false,
+  settingsPanelOpen: controlledSettingsPanelOpen,
+  onSettingsPanelOpenChange,
   showDebug = false,
   hideHeader = false,
   initialSystemPrompt = "",
+  enableSpeechToText = false,
   onMessage,
   onToolCall,
   onResponse
@@ -15153,7 +15306,41 @@ function HustleChat({
   const [isStreaming, setIsStreaming] = useState(false);
   const [attachments, setAttachments] = useState([]);
   const [currentToolCalls, setCurrentToolCalls] = useState([]);
-  const [showSettingsPanel, setShowSettingsPanel] = useState(false);
+  const [internalShowSettingsPanel, setInternalShowSettingsPanel] = useState(false);
+  const isSettingsControlled = controlledSettingsPanelOpen !== void 0;
+  const showSettingsPanel = isSettingsControlled ? controlledSettingsPanelOpen : internalShowSettingsPanel;
+  const setShowSettingsPanel = (open) => {
+    const newValue = typeof open === "function" ? open(showSettingsPanel) : open;
+    if (isSettingsControlled) {
+      onSettingsPanelOpenChange?.(newValue);
+    } else {
+      setInternalShowSettingsPanel(newValue);
+    }
+  };
+  const [speechToTextEnabled, setSpeechToTextEnabled] = useState(() => {
+    if (typeof window !== "undefined") {
+      const stored = localStorage.getItem(`hustle-stt-enabled-${instanceId}`);
+      return stored === "true";
+    }
+    return false;
+  });
+  useEffect(() => {
+    if (typeof window !== "undefined") {
+      localStorage.setItem(`hustle-stt-enabled-${instanceId}`, String(speechToTextEnabled));
+    }
+  }, [speechToTextEnabled, instanceId]);
+  const {
+    isSupported: isSpeechSupported,
+    isListening,
+    toggleListening
+  } = useSpeechRecognition({
+    onTranscript: useCallback((transcript) => {
+      setInputValue((prev) => prev + (prev ? " " : "") + transcript);
+    }, []),
+    onError: useCallback((error3) => {
+      console.error("Speech recognition error:", error3);
+    }, [])
+  });
   const messagesEndRef = useRef(null);
   const fileInputRef = useRef(null);
   const messagesRef = useRef(messages);
@@ -15622,6 +15809,27 @@ function HustleChat({
               }
             )
           ] }),
+          isSpeechSupported && /* @__PURE__ */ jsxs("div", { style: styles.settingGroup, children: [
+            /* @__PURE__ */ jsx("label", { style: styles.settingLabel, children: "Voice Input" }),
+            /* @__PURE__ */ jsxs(
+              "div",
+              {
+                style: styles.toggleRow,
+                onClick: () => setSpeechToTextEnabled(!speechToTextEnabled),
+                children: [
+                  /* @__PURE__ */ jsx("span", { style: styles.toggleLabel, children: "Enable speech-to-text" }),
+                  /* @__PURE__ */ jsx("div", { style: {
+                    ...styles.toggleSwitch,
+                    ...speechToTextEnabled ? styles.toggleSwitchActive : {}
+                  }, children: /* @__PURE__ */ jsx("div", { style: {
+                    ...styles.toggleKnob,
+                    ...speechToTextEnabled ? styles.toggleKnobActive : {}
+                  } }) })
+                ]
+              }
+            ),
+            /* @__PURE__ */ jsx("p", { style: styles.settingDescription, children: "Use your microphone to dictate messages" })
+          ] }),
           /* @__PURE__ */ jsx("div", { style: styles.settingDivider }),
           /* @__PURE__ */ jsxs("div", { style: { ...styles.settingGroup, marginBottom: 0 }, children: [
             /* @__PURE__ */ jsx("label", { style: styles.settingLabel, children: "Plugins" }),
@@ -15758,6 +15966,21 @@ function HustleChat({
               }
             ) })
           ] }),
+          (enableSpeechToText || speechToTextEnabled) && isSpeechSupported && /* @__PURE__ */ jsx(
+            "button",
+            {
+              type: "button",
+              onClick: toggleListening,
+              disabled: !canChat || isStreaming || isLoading,
+              style: {
+                ...styles.micBtn,
+                ...isListening ? styles.micBtnListening : {},
+                ...!canChat || isStreaming || isLoading ? { opacity: 0.5, cursor: "not-allowed" } : {}
+              },
+              title: isListening ? "Stop listening" : "Start voice input",
+              children: isListening ? /* @__PURE__ */ jsx(MicOffIcon, {}) : /* @__PURE__ */ jsx(MicIcon, {})
+            }
+          ),
           /* @__PURE__ */ jsx(
             "button",
             {
@@ -15817,6 +16040,23 @@ function SettingsIcon() {
 function AttachIcon() {
   return /* @__PURE__ */ jsx("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", children: /* @__PURE__ */ jsx("path", { d: "M21.44 11.05l-9.19 9.19a6 6 0 0 1-8.49-8.49l9.19-9.19a4 4 0 0 1 5.66 5.66l-9.2 9.19a2 2 0 0 1-2.83-2.83l8.49-8.48" }) });
 }
+function MicIcon() {
+  return /* @__PURE__ */ jsxs("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", children: [
+    /* @__PURE__ */ jsx("path", { d: "M12 1a3 3 0 0 0-3 3v8a3 3 0 0 0 6 0V4a3 3 0 0 0-3-3z" }),
+    /* @__PURE__ */ jsx("path", { d: "M19 10v2a7 7 0 0 1-14 0v-2" }),
+    /* @__PURE__ */ jsx("line", { x1: "12", y1: "19", x2: "12", y2: "23" }),
+    /* @__PURE__ */ jsx("line", { x1: "8", y1: "23", x2: "16", y2: "23" })
+  ] });
+}
+function MicOffIcon() {
+  return /* @__PURE__ */ jsxs("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", children: [
+    /* @__PURE__ */ jsx("line", { x1: "1", y1: "1", x2: "23", y2: "23" }),
+    /* @__PURE__ */ jsx("path", { d: "M9 9v3a3 3 0 0 0 5.12 2.12M15 9.34V4a3 3 0 0 0-5.94-.6" }),
+    /* @__PURE__ */ jsx("path", { d: "M17 16.95A7 7 0 0 1 5 12v-2m14 0v2a7 7 0 0 1-.11 1.23" }),
+    /* @__PURE__ */ jsx("line", { x1: "12", y1: "19", x2: "12", y2: "23" }),
+    /* @__PURE__ */ jsx("line", { x1: "8", y1: "23", x2: "16", y2: "23" })
+  ] });
+}
 
 // src/constants/index.ts
 var AGENT_HUSTLE_ICON = "data:image/jpeg;base64,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";
@@ -15949,6 +16189,12 @@ function CloseIcon() {
     /* @__PURE__ */ jsx("line", { x1: "6", y1: "6", x2: "18", y2: "18" })
   ] });
 }
+function SettingsIcon2() {
+  return /* @__PURE__ */ jsxs("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", children: [
+    /* @__PURE__ */ jsx("circle", { cx: "12", cy: "12", r: "3" }),
+    /* @__PURE__ */ jsx("path", { d: "M19.4 15a1.65 1.65 0 0 0 .33 1.82l.06.06a2 2 0 0 1 0 2.83 2 2 0 0 1-2.83 0l-.06-.06a1.65 1.65 0 0 0-1.82-.33 1.65 1.65 0 0 0-1 1.51V21a2 2 0 0 1-2 2 2 2 0 0 1-2-2v-.09A1.65 1.65 0 0 0 9 19.4a1.65 1.65 0 0 0-1.82.33l-.06.06a2 2 0 0 1-2.83 0 2 2 0 0 1 0-2.83l.06-.06a1.65 1.65 0 0 0 .33-1.82 1.65 1.65 0 0 0-1.51-1H3a2 2 0 0 1-2-2 2 2 0 0 1 2-2h.09A1.65 1.65 0 0 0 4.6 9a1.65 1.65 0 0 0-.33-1.82l-.06-.06a2 2 0 0 1 0-2.83 2 2 0 0 1 2.83 0l.06.06a1.65 1.65 0 0 0 1.82.33H9a1.65 1.65 0 0 0 1-1.51V3a2 2 0 0 1 2-2 2 2 0 0 1 2 2v.09a1.65 1.65 0 0 0 1 1.51 1.65 1.65 0 0 0 1.82-.33l.06-.06a2 2 0 0 1 2.83 0 2 2 0 0 1 0 2.83l-.06.06a1.65 1.65 0 0 0-.33 1.82V9a1.65 1.65 0 0 0 1.51 1H21a2 2 0 0 1 2 2 2 2 0 0 1-2 2h-.09a1.65 1.65 0 0 0-1.51 1z" })
+  ] });
+}
 function ExpandIcon() {
   return /* @__PURE__ */ jsxs("svg", { width: "18", height: "18", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [
     /* @__PURE__ */ jsx("polyline", { points: "15 3 21 3 21 9" }),
@@ -15997,6 +16243,8 @@ function HustleChatWidget({
   const [isHovered, setIsHovered] = useState(false);
   const [closeHovered, setCloseHovered] = useState(false);
   const [mounted, setMounted] = useState(false);
+  const [settingsOpen, setSettingsOpen] = useState(false);
+  const { showSettings, ...restChatProps } = chatProps;
   useEffect(() => {
     setMounted(true);
     if (storageKey && typeof window !== "undefined") {
@@ -16106,6 +16354,18 @@ function HustleChatWidget({
                         ] })
                       ] }),
                       /* @__PURE__ */ jsxs("div", { style: { display: "flex", alignItems: "center", gap: tokens.spacing.xs }, children: [
+                        showSettings && /* @__PURE__ */ jsx(
+                          "button",
+                          {
+                            onClick: () => setSettingsOpen(!settingsOpen),
+                            style: {
+                              ...widgetStyles.closeBtn,
+                              ...settingsOpen ? { background: tokens.colors.bgSecondary } : {}
+                            },
+                            title: "Settings",
+                            children: /* @__PURE__ */ jsx(SettingsIcon2, {})
+                          }
+                        ),
                         size === "sideDock" && /* @__PURE__ */ jsx(
                           "button",
                           {
@@ -16140,7 +16400,15 @@ function HustleChatWidget({
                     ]
                   }
                 ),
-                /* @__PURE__ */ jsx("div", { style: { flex: 1, display: "flex", flexDirection: "column", overflow: "hidden" }, children: /* @__PURE__ */ jsx(HustleChatInner, { ...chatProps }) })
+                /* @__PURE__ */ jsx("div", { style: { flex: 1, display: "flex", flexDirection: "column", overflow: "hidden" }, children: /* @__PURE__ */ jsx(
+                  HustleChatInner,
+                  {
+                    ...restChatProps,
+                    showSettings,
+                    settingsPanelOpen: settingsOpen,
+                    onSettingsPanelOpenChange: setSettingsOpen
+                  }
+                ) })
               ]
             }
           ),
@@ -16256,6 +16524,6 @@ var DEFAULTS = {
   EMBLEM_MODAL_URL: "https://emblemvault.ai/connect"
 };
 
-export { AGENT_HUSTLE_ICON, DEFAULTS, HustleChat, HustleChatWidget, HustleProvider, MarkdownContent, STORAGE_KEYS, availablePlugins, debounce, formatFileSize, getAvailablePlugin, hydratePlugin, migrateFunPlugin, pluginRegistry, predictionMarketPlugin, tokens, useHustle, usePlugins };
+export { AGENT_HUSTLE_ICON, DEFAULTS, HustleChat, HustleChatWidget, HustleProvider, MarkdownContent, STORAGE_KEYS, availablePlugins, debounce, formatFileSize, getAvailablePlugin, hydratePlugin, migrateFunPlugin, pluginRegistry, predictionMarketPlugin, tokens, useHustle, usePlugins, useSpeechRecognition };
 //# sourceMappingURL=hustle-react.js.map
 //# sourceMappingURL=hustle-react.js.map