@agentforge-io/chat-react 3.0.0 → 4.0.0

package/dist/messenger/theme.js

@@ -0,0 +1,58 @@
+"use strict";
+/**
+ * Resolves the extended ChatTheme into a flat set of CSS values the
+ * Messenger components use. Keeping the resolution in one place means
+ * the same source-of-truth defaults flow through Header / Footer / tabs
+ * — no component invents its own "what if primaryColor is missing".
+ */
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.resolveTheme = resolveTheme;
+exports.hexToRgba = hexToRgba;
+exports.shade = shade;
+function resolveTheme(theme) {
+    const primary = theme?.primaryColor ?? '#7c5cff';
+    const primarySoft = hexToRgba(primary, 0.35);
+    const accent = theme?.accentColor ?? primary;
+    return {
+        primary,
+        primarySoft,
+        accent,
+        // Header gradient: prefer explicit override; otherwise derive a
+        // subtle purple-ish gradient from the primary. The derived form is
+        // intentionally muted (45° + 80% lightness on the top stop) so the
+        // greeting text stays legible regardless of the chosen primary.
+        headerBg: theme?.headerGradient ??
+            `linear-gradient(155deg, ${primary} 0%, ${shade(primary, -18)} 100%)`,
+        surface: theme?.surfaceColor ?? '#ffffff',
+        onHeader: theme?.foreground?.onHeader ?? '#ffffff',
+        onSurface: theme?.foreground?.onSurface ?? '#0f172a',
+    };
+}
+/** Same helper ChatPanel uses — duplicated locally to avoid coupling
+ *  the messenger module to ChatPanel's internals. Tiny enough to copy. */
+function hexToRgba(hex, alpha) {
+    const cleaned = hex.replace('#', '');
+    const r = parseInt(cleaned.slice(0, 2), 16);
+    const g = parseInt(cleaned.slice(2, 4), 16);
+    const b = parseInt(cleaned.slice(4, 6), 16);
+    if ([r, g, b].some((v) => Number.isNaN(v)))
+        return hex;
+    return `rgba(${r}, ${g}, ${b}, ${alpha})`;
+}
+/**
+ * Lighten/darken a hex color by a percentage. Negative = darker.
+ * Used only for the auto-derived header gradient — when the consumer
+ * supplies `headerGradient` we never hit this code path.
+ */
+function shade(hex, percent) {
+    const cleaned = hex.replace('#', '');
+    const num = parseInt(cleaned, 16);
+    const amt = Math.round(2.55 * percent);
+    let r = (num >> 16) + amt;
+    let g = ((num >> 8) & 0x00ff) + amt;
+    let b = (num & 0x0000ff) + amt;
+    r = Math.max(0, Math.min(255, r));
+    g = Math.max(0, Math.min(255, g));
+    b = Math.max(0, Math.min(255, b));
+    return `#${((r << 16) | (g << 8) | b).toString(16).padStart(6, '0')}`;
+}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@agentforge-io/chat-react",
-  "version": "3.0.0",
-  "description": "React + Next.js adapter for @agentforge-io/chat-sdk. Provider, hooks, and a reference ChatPanel component.",
+  "version": "4.0.0",
+  "description": "React + Next.js adapter for @agentforge-io/chat-sdk. Provider, hooks, ChatPanel and MessengerShell (multi-tab Home/Messages/Help/News).",
   "license": "MIT",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
@@ -16,10 +16,10 @@
   "peerDependencies": {
     "react": "^18.0.0 || ^19.0.0",
     "react-dom": "^18.0.0 || ^19.0.0",
-    "@agentforge-io/chat-sdk": "^3.0.0"
+    "@agentforge-io/chat-sdk": "^4.0.0"
   },
   "dependencies": {
-    "@agentforge-io/chat-sdk": "^3.0.0"
+    "@agentforge-io/chat-sdk": "^4.0.0"
   },
   "devDependencies": {
     "@types/node": "^20.0.0",