@makemore/agent-frontend 2.8.1 → 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.cjs.js +218 -202
- package/dist/chat-widget.css +55 -3
- package/dist/chat-widget.esm.js +207 -191
- package/dist/chat-widget.js +188 -172
- package/dist/react.cjs.js +220 -204
- package/dist/react.esm.js +206 -190
- package/package.json +1 -1
- 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/utils/config.js +1 -0
- package/src/utils/helpers.js +35 -0
package/dist/chat-widget.css
CHANGED
|
@@ -113,7 +113,8 @@
|
|
|
113
113
|
align-items: center;
|
|
114
114
|
justify-content: space-between;
|
|
115
115
|
padding: 12px 16px;
|
|
116
|
-
color:
|
|
116
|
+
background-color: var(--cw-primary, #0066cc);
|
|
117
|
+
color: var(--cw-header-text, white);
|
|
117
118
|
border-radius: var(--cw-radius) var(--cw-radius) 0 0;
|
|
118
119
|
}
|
|
119
120
|
|
|
@@ -131,7 +132,7 @@
|
|
|
131
132
|
.cw-header-btn {
|
|
132
133
|
background: transparent;
|
|
133
134
|
border: none;
|
|
134
|
-
color: white;
|
|
135
|
+
color: var(--cw-header-text, white);
|
|
135
136
|
width: 28px;
|
|
136
137
|
height: 28px;
|
|
137
138
|
border-radius: 6px;
|
|
@@ -144,7 +145,7 @@
|
|
|
144
145
|
}
|
|
145
146
|
|
|
146
147
|
.cw-header-btn:hover:not(:disabled) {
|
|
147
|
-
background: rgba(
|
|
148
|
+
background: rgba(128, 128, 128, 0.2);
|
|
148
149
|
}
|
|
149
150
|
|
|
150
151
|
.cw-header-btn:disabled {
|
|
@@ -1273,6 +1274,57 @@
|
|
|
1273
1274
|
margin-top: 2px;
|
|
1274
1275
|
}
|
|
1275
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
|
+
|
|
1276
1328
|
/* ============================================================================
|
|
1277
1329
|
Tool Call Cards (Claude-style)
|
|
1278
1330
|
============================================================================ */
|