@tagit/ai-client-react 0.8.0-beta.20.1 → 0.8.0-beta.21.1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tagit/ai-client-react",
-  "version": "0.8.0-beta.20.1",
+  "version": "0.8.0-beta.21.1",
   "description": "Self-contained React chat widget and hooks for TagIt AI client",
   "type": "module",
   "main": "./dist/index.js",
@@ -37,7 +37,7 @@
     }
   },
   "dependencies": {
-    "@tagit/ai-client-core": "0.8.0-beta.20.1",
+    "@tagit/ai-client-core": "0.8.0-beta.21.1",
     "highlight.js": "^11.11.1",
     "lucide-react": "^0.539.0",
     "react-markdown": "^10.1.0",

package/src/chat-widget.css

@@ -942,9 +942,9 @@
   background: var(--tagIt-chat-user-bubble-bg);
   color: var(--tagIt-chat-primary-contrast);
   border-radius: 18px 18px 4px 18px;
-  padding: 8px 14px;
+  padding: 7px 13px;
   font-size: 14px;
-  line-height: 1.5;
+  line-height: 1.42;
   word-break: break-word;
   white-space: pre-wrap;
 }
@@ -955,7 +955,7 @@
 
 .tagIt-chat-assistant-content {
   font-size: 14px;
-  line-height: 1.6;
+  line-height: 1.48;
   white-space: pre-wrap;
   word-break: break-word;
   color: var(--tagIt-chat-text);
@@ -968,7 +968,7 @@
 .tagIt-chat-md-streaming {
   white-space: pre-wrap;
   word-break: break-word;
-  line-height: 1.65;
+  line-height: 1.5;
 }
 
 .tagIt-chat-md-root > *:first-child {
@@ -980,16 +980,16 @@
 }
 
 .tagIt-chat-md-root p {
-  margin: 0 0 3px;
-  line-height: 1.5;
+  margin: 0 0 2px;
+  line-height: 1.42;
 }
 
 .tagIt-chat-md-root h1,
 .tagIt-chat-md-root h2,
 .tagIt-chat-md-root h3,
 .tagIt-chat-md-root h4 {
-  margin: 6px 0 2px;
-  line-height: 1.2;
+  margin: 5px 0 1px;
+  line-height: 1.18;
   color: var(--tagIt-chat-text);
 }
 
@@ -1000,12 +1000,13 @@
 
 .tagIt-chat-md-root ul,
 .tagIt-chat-md-root ol {
-  margin: 0 0 3px 16px;
+  margin: 0 0 2px 15px;
   padding: 0;
 }
 
 .tagIt-chat-md-root li {
-  margin-bottom: 1px;
+  margin-bottom: 0;
+  line-height: 1.38;
 }
 
 .tagIt-chat-md-root li > p {
@@ -1020,8 +1021,8 @@
 }
 
 .tagIt-chat-md-root blockquote {
-  margin: 4px 0;
-  padding: 4px 10px;
+  margin: 3px 0;
+  padding: 3px 9px;
   border-left: 3px solid color-mix(in srgb, var(--tagIt-chat-primary) 50%, transparent);
   background: color-mix(in srgb, var(--tagIt-chat-border) 30%, transparent);
   border-radius: 8px;
@@ -1030,7 +1031,7 @@
 .tagIt-chat-md-root table {
   width: 100%;
   border-collapse: collapse;
-  margin: 4px 0;
+  margin: 3px 0;
   font-size: 13px;
 }
 
@@ -1061,8 +1062,8 @@
 
 .tagIt-chat-md-code-block {
   position: relative;
-  margin: 6px 0;
-  padding: 8px 12px;
+  margin: 5px 0;
+  padding: 7px 11px;
   border-radius: 10px;
   background: color-mix(in srgb, var(--tagIt-chat-border) 30%, transparent);
   overflow-x: auto;
@@ -1109,8 +1110,8 @@
 }
 
 .tagIt-chat-chart-wrap {
-  margin: 12px 0;
-  padding: 10px;
+  margin: 8px 0;
+  padding: 8px;
   border-radius: 10px;
   border: 1px solid color-mix(in srgb, var(--tagIt-chat-border) 70%, transparent);
   background: color-mix(in srgb, var(--tagIt-chat-bg) 70%, var(--tagIt-chat-border));
@@ -1148,12 +1149,12 @@
 }
 
 .tagIt-chat-tool-calls {
-  margin-top: 10px;
-  padding-top: 8px;
+  margin-top: 8px;
+  padding-top: 6px;
   border-top: 1px solid color-mix(in srgb, var(--tagIt-chat-border) 75%, transparent);
   display: flex;
   flex-direction: column;
-  gap: 4px;
+  gap: 3px;
 }
 
 .tagIt-chat-tool-call {
@@ -1404,7 +1405,7 @@
 .tagIt-chat-message-actions {
   display: flex;
   gap: 4px;
-  margin-top: 6px;
+  margin-top: 4px;
   opacity: 0;
   transition: opacity 0.15s;
 }