@makemore/agent-frontend 2.7.2 → 2.8.3
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/chat-widget-vanilla.js.bak +1264 -0
- package/dist/chat-widget.cjs.js +606 -0
- package/dist/chat-widget.css +56 -3
- package/dist/chat-widget.esm.js +606 -0
- package/dist/chat-widget.js +188 -172
- package/dist/chat-widget.js.map +7 -0
- package/dist/react.cjs.js +606 -0
- package/dist/react.esm.js +606 -0
- package/package.json +34 -9
- package/src/components/ChatWidget.js +13 -3
- package/src/components/ModelSelector.js +34 -10
- package/src/hooks/useChat.js +17 -2
- package/src/hooks/useModels.js +28 -4
- package/src/react.js +78 -0
- package/src/utils/config.js +1 -0
- package/src/utils/helpers.js +35 -0
package/dist/chat-widget.css
CHANGED
|
@@ -89,6 +89,7 @@
|
|
|
89
89
|
|
|
90
90
|
/* Widget container */
|
|
91
91
|
.cw-widget {
|
|
92
|
+
position: relative;
|
|
92
93
|
width: 380px;
|
|
93
94
|
height: 500px;
|
|
94
95
|
background: var(--cw-bg);
|
|
@@ -112,7 +113,8 @@
|
|
|
112
113
|
align-items: center;
|
|
113
114
|
justify-content: space-between;
|
|
114
115
|
padding: 12px 16px;
|
|
115
|
-
color:
|
|
116
|
+
background-color: var(--cw-primary, #0066cc);
|
|
117
|
+
color: var(--cw-header-text, white);
|
|
116
118
|
border-radius: var(--cw-radius) var(--cw-radius) 0 0;
|
|
117
119
|
}
|
|
118
120
|
|
|
@@ -130,7 +132,7 @@
|
|
|
130
132
|
.cw-header-btn {
|
|
131
133
|
background: transparent;
|
|
132
134
|
border: none;
|
|
133
|
-
color: white;
|
|
135
|
+
color: var(--cw-header-text, white);
|
|
134
136
|
width: 28px;
|
|
135
137
|
height: 28px;
|
|
136
138
|
border-radius: 6px;
|
|
@@ -143,7 +145,7 @@
|
|
|
143
145
|
}
|
|
144
146
|
|
|
145
147
|
.cw-header-btn:hover:not(:disabled) {
|
|
146
|
-
background: rgba(
|
|
148
|
+
background: rgba(128, 128, 128, 0.2);
|
|
147
149
|
}
|
|
148
150
|
|
|
149
151
|
.cw-header-btn:disabled {
|
|
@@ -1272,6 +1274,57 @@
|
|
|
1272
1274
|
margin-top: 2px;
|
|
1273
1275
|
}
|
|
1274
1276
|
|
|
1277
|
+
/* Thinking Toggle */
|
|
1278
|
+
.cw-model-selector {
|
|
1279
|
+
display: flex;
|
|
1280
|
+
align-items: center;
|
|
1281
|
+
gap: 8px;
|
|
1282
|
+
}
|
|
1283
|
+
|
|
1284
|
+
.cw-model-selector > .cw-model-btn {
|
|
1285
|
+
flex: 1;
|
|
1286
|
+
}
|
|
1287
|
+
|
|
1288
|
+
.cw-thinking-toggle {
|
|
1289
|
+
display: flex;
|
|
1290
|
+
align-items: center;
|
|
1291
|
+
justify-content: center;
|
|
1292
|
+
width: 36px;
|
|
1293
|
+
height: 36px;
|
|
1294
|
+
padding: 0;
|
|
1295
|
+
border: 1px solid var(--cw-border);
|
|
1296
|
+
border-radius: var(--cw-radius-sm);
|
|
1297
|
+
background: var(--cw-bg);
|
|
1298
|
+
cursor: pointer;
|
|
1299
|
+
transition: all 0.2s ease;
|
|
1300
|
+
flex-shrink: 0;
|
|
1301
|
+
}
|
|
1302
|
+
|
|
1303
|
+
.cw-thinking-toggle:hover {
|
|
1304
|
+
border-color: var(--cw-primary);
|
|
1305
|
+
background: var(--cw-bg-muted);
|
|
1306
|
+
}
|
|
1307
|
+
|
|
1308
|
+
.cw-thinking-toggle.cw-thinking-enabled {
|
|
1309
|
+
background: rgba(0, 102, 204, 0.15);
|
|
1310
|
+
border-color: var(--cw-primary);
|
|
1311
|
+
}
|
|
1312
|
+
|
|
1313
|
+
.cw-thinking-toggle:disabled {
|
|
1314
|
+
opacity: 0.5;
|
|
1315
|
+
cursor: not-allowed;
|
|
1316
|
+
}
|
|
1317
|
+
|
|
1318
|
+
.cw-thinking-icon {
|
|
1319
|
+
font-size: 18px;
|
|
1320
|
+
}
|
|
1321
|
+
|
|
1322
|
+
.cw-thinking-badge {
|
|
1323
|
+
margin-left: 4px;
|
|
1324
|
+
font-size: 12px;
|
|
1325
|
+
opacity: 0.7;
|
|
1326
|
+
}
|
|
1327
|
+
|
|
1275
1328
|
/* ============================================================================
|
|
1276
1329
|
Tool Call Cards (Claude-style)
|
|
1277
1330
|
============================================================================ */
|