@emblemvault/hustle-react 1.4.3 → 1.4.5

package/dist/browser/hustle-react.js

@@ -2116,6 +2116,30 @@ function HustleProvider({
       }
     };
   }, [client]);
+  useEffect(() => {
+    if (typeof window !== "undefined") {
+      const win = window;
+      win.__hustleGetModel = () => selectedModel;
+      win.__hustleSetModel = (model) => setSelectedModel(model);
+      win.__hustleGetSystemPrompt = () => systemPrompt;
+      win.__hustleSetSystemPrompt = (prompt) => setSystemPrompt(prompt);
+      win.__hustleGetSkipServerPrompt = () => skipServerPrompt;
+      win.__hustleSetSkipServerPrompt = (skip) => setSkipServerPrompt(skip);
+      win.__hustleGetModels = () => models;
+    }
+    return () => {
+      if (typeof window !== "undefined") {
+        const win = window;
+        delete win.__hustleGetModel;
+        delete win.__hustleSetModel;
+        delete win.__hustleGetSystemPrompt;
+        delete win.__hustleSetSystemPrompt;
+        delete win.__hustleGetSkipServerPrompt;
+        delete win.__hustleSetSkipServerPrompt;
+        delete win.__hustleGetModels;
+      }
+    };
+  }, [selectedModel, setSelectedModel, systemPrompt, setSystemPrompt, skipServerPrompt, setSkipServerPrompt, models]);
   const loadModels = useCallback(async () => {
     if (!client) {
       log("Cannot load models - client not ready");
@@ -3715,6 +3739,15 @@ Executors run in the browser context with full access to:
 - **window.__hustleListPlugins()** - List all installed plugins
 - **window.__hustleGetPlugin(name)** - Get a specific plugin by name
 
+### Hustle Settings Globals (Read/Write)
+- **window.__hustleGetModel()** - Get the current model override (empty string = server default)
+- **window.__hustleSetModel(model)** - Set the model override (e.g., "anthropic/claude-3-opus")
+- **window.__hustleGetSystemPrompt()** - Get the current system prompt override
+- **window.__hustleSetSystemPrompt(prompt)** - Set the system prompt override
+- **window.__hustleGetSkipServerPrompt()** - Get whether server prompt is skipped (boolean)
+- **window.__hustleSetSkipServerPrompt(skip)** - Set whether to skip server prompt
+- **window.__hustleGetModels()** - Get list of available models (read-only)
+
 ### DOM Manipulation Examples
 Create a modal: document.createElement('div'), style it, append to document.body
 Add event listeners: element.addEventListener('click', handler)
@@ -15784,12 +15817,16 @@ 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" }) });
 }
+
+// src/constants/index.ts
+var AGENT_HUSTLE_ICON = "data:image/jpeg;base64,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";
 var sizeConfigs = {
   sm: { width: "320px", height: "400px" },
   md: { width: "380px", height: "520px" },
   lg: { width: "420px", height: "600px" },
   xl: { width: "480px", height: "700px" },
-  full: { width: "100vw", height: "100vh" }
+  full: { width: "100vw", height: "100vh" },
+  sideDock: { width: "380px", height: "100vh" }
 };
 var widgetStyles = {
   // Container for absolute positioning
@@ -15867,6 +15904,21 @@ var widgetStyles = {
     width: "100vw",
     height: "100vh"
   },
+  // Side dock mode overrides
+  panelSideDock: {
+    position: "fixed",
+    top: 0,
+    right: 0,
+    bottom: 0,
+    borderRadius: 0,
+    width: "380px",
+    height: "100vh",
+    borderLeft: `1px solid ${tokens.colors.borderPrimary}`,
+    boxShadow: `-4px 0 24px rgba(0, 0, 0, 0.3)`
+  },
+  // Hustle avatar in launcher
+  launcherAvatar: {
+    borderRadius: tokens.radius.full},
   // Close button in panel header
   closeBtn: {
     width: "32px",
@@ -15886,23 +15938,35 @@ var widgetStyles = {
     color: tokens.colors.textPrimary
   }
 };
-function ChatIcon() {
-  return /* @__PURE__ */ jsx("svg", { width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: /* @__PURE__ */ jsx("path", { d: "M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z" }) });
-}
 function CloseIcon() {
   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("line", { x1: "18", y1: "6", x2: "6", y2: "18" }),
     /* @__PURE__ */ jsx("line", { x1: "6", y1: "6", x2: "18", y2: "18" })
   ] });
 }
-function MinimizeIcon() {
+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: "4 14 10 14 10 20" }),
-    /* @__PURE__ */ jsx("polyline", { points: "20 10 14 10 14 4" }),
-    /* @__PURE__ */ jsx("line", { x1: "14", y1: "10", x2: "21", y2: "3" }),
+    /* @__PURE__ */ jsx("polyline", { points: "15 3 21 3 21 9" }),
+    /* @__PURE__ */ jsx("polyline", { points: "9 21 3 21 3 15" }),
+    /* @__PURE__ */ jsx("line", { x1: "21", y1: "3", x2: "14", y2: "10" }),
     /* @__PURE__ */ jsx("line", { x1: "3", y1: "21", x2: "10", y2: "14" })
   ] });
 }
+function AgentHustleAvatar({ size = 40 }) {
+  return /* @__PURE__ */ jsx(
+    "img",
+    {
+      src: AGENT_HUSTLE_ICON,
+      alt: "Agent Hustle",
+      style: {
+        width: size,
+        height: size,
+        borderRadius: "50%",
+        objectFit: "cover"
+      }
+    }
+  );
+}
 function HustleChatWidget({
   config = {},
   ...chatProps
@@ -15910,7 +15974,7 @@ function HustleChatWidget({
   const {
     position = "bottom-right",
     size = "md",
-    title = "Chat",
+    title = "Agent Hustle",
     defaultOpen = false,
     launcherIcon,
     offset = { x: 24, y: 24 },
@@ -15985,7 +16049,7 @@ function HustleChatWidget({
               style: {
                 ...widgetStyles.panel,
                 ...positionStyles.panel,
-                ...size === "full" ? widgetStyles.panelFull : {
+                ...size === "full" ? widgetStyles.panelFull : size === "sideDock" ? widgetStyles.panelSideDock : {
                   width: sizeConfig.width,
                   height: sizeConfig.height
                 },
@@ -16003,35 +16067,70 @@ function HustleChatWidget({
                       padding: `${tokens.spacing.md} ${tokens.spacing.lg}`,
                       background: tokens.colors.bgPrimary,
                       borderBottom: `1px solid ${tokens.colors.borderPrimary}`,
-                      borderRadius: `${tokens.radius.xl} ${tokens.radius.xl} 0 0`,
+                      borderRadius: size === "sideDock" || size === "full" ? 0 : `${tokens.radius.xl} ${tokens.radius.xl} 0 0`,
                       flexShrink: 0
                     },
                     children: [
-                      /* @__PURE__ */ jsx(
-                        "span",
-                        {
-                          style: {
-                            fontWeight: tokens.typography.fontWeightSemibold,
-                            color: tokens.colors.textPrimary,
-                            fontSize: tokens.typography.fontSizeMd
-                          },
-                          children: title
-                        }
-                      ),
-                      /* @__PURE__ */ jsx(
-                        "button",
-                        {
-                          onClick: toggle,
-                          onMouseEnter: () => setCloseHovered(true),
-                          onMouseLeave: () => setCloseHovered(false),
-                          style: {
-                            ...widgetStyles.closeBtn,
-                            ...closeHovered ? widgetStyles.closeBtnHover : {}
-                          },
-                          title: "Close chat",
-                          children: size === "full" ? /* @__PURE__ */ jsx(MinimizeIcon, {}) : /* @__PURE__ */ jsx(CloseIcon, {})
-                        }
-                      )
+                      /* @__PURE__ */ jsxs("div", { style: { display: "flex", alignItems: "center", gap: tokens.spacing.md }, children: [
+                        /* @__PURE__ */ jsx(AgentHustleAvatar, { size: 32 }),
+                        /* @__PURE__ */ jsxs("div", { children: [
+                          /* @__PURE__ */ jsx(
+                            "span",
+                            {
+                              style: {
+                                display: "block",
+                                fontWeight: tokens.typography.fontWeightSemibold,
+                                color: tokens.colors.textPrimary,
+                                fontSize: tokens.typography.fontSizeMd
+                              },
+                              children: title
+                            }
+                          ),
+                          /* @__PURE__ */ jsx(
+                            "span",
+                            {
+                              style: {
+                                display: "block",
+                                fontSize: tokens.typography.fontSizeXs,
+                                color: tokens.colors.textTertiary
+                              },
+                              children: "Protocol Companion"
+                            }
+                          )
+                        ] })
+                      ] }),
+                      /* @__PURE__ */ jsxs("div", { style: { display: "flex", alignItems: "center", gap: tokens.spacing.xs }, children: [
+                        size === "sideDock" && /* @__PURE__ */ jsx(
+                          "button",
+                          {
+                            onClick: () => {
+                            },
+                            onMouseEnter: () => {
+                            },
+                            onMouseLeave: () => {
+                            },
+                            style: {
+                              ...widgetStyles.closeBtn
+                            },
+                            title: "Expand",
+                            children: /* @__PURE__ */ jsx(ExpandIcon, {})
+                          }
+                        ),
+                        /* @__PURE__ */ jsx(
+                          "button",
+                          {
+                            onClick: toggle,
+                            onMouseEnter: () => setCloseHovered(true),
+                            onMouseLeave: () => setCloseHovered(false),
+                            style: {
+                              ...widgetStyles.closeBtn,
+                              ...closeHovered ? widgetStyles.closeBtnHover : {}
+                            },
+                            title: "Close chat",
+                            children: size === "full" || size === "sideDock" ? /* @__PURE__ */ jsx(CloseIcon, {}) : /* @__PURE__ */ jsx(CloseIcon, {})
+                          }
+                        )
+                      ] })
                     ]
                   }
                 ),
@@ -16039,7 +16138,7 @@ function HustleChatWidget({
               ]
             }
           ),
-          (size !== "full" || !isOpen) && /* @__PURE__ */ jsxs(
+          (size !== "full" && size !== "sideDock" || !isOpen) && /* @__PURE__ */ jsxs(
             "button",
             {
               onClick: toggle,
@@ -16055,7 +16154,7 @@ function HustleChatWidget({
               title: isOpen ? "Close chat" : "Open chat",
               "aria-label": isOpen ? "Close chat" : "Open chat",
               children: [
-                launcherIcon || /* @__PURE__ */ jsx(ChatIcon, {}),
+                launcherIcon || /* @__PURE__ */ jsx(AgentHustleAvatar, { size: 40 }),
                 showBadge && badgeContent && !isOpen && /* @__PURE__ */ jsx("span", { style: widgetStyles.badge, children: badgeContent })
               ]
             }
@@ -16149,6 +16248,6 @@ var DEFAULTS = {
   EMBLEM_MODAL_URL: "https://emblemvault.ai/connect"
 };
 
-export { 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 };
 //# sourceMappingURL=hustle-react.js.map
 //# sourceMappingURL=hustle-react.js.map