@huyooo/ai-chat-frontend-react 0.2.12 → 0.2.14

package/dist/index.css

@@ -11,6 +11,7 @@
   --chat-muted-hover: #e6e5e0;
   --chat-border: #26251e1a;
   --chat-text: #26251eeb;
+  --chat-text-strong: #26251e;
   --chat-text-muted: #26251e99;
   --chat-primary: #54a9ff;
   --chat-primary-hover: #2f90ff;
@@ -24,6 +25,34 @@
   --chat-fab-bg: #ffffff;
   --chat-fab-bg-hover: var(--chat-input-bg);
   --chat-fab-shadow: 0 10px 24px rgba(0, 0, 0, 0.12);
+  --chat-hljs-keyword: #cf222e;
+  --chat-hljs-built-in: #953800;
+  --chat-hljs-type: #953800;
+  --chat-hljs-function: #8250df;
+  --chat-hljs-string: #0a3069;
+  --chat-hljs-number: #0550ae;
+  --chat-hljs-literal: #0550ae;
+  --chat-hljs-comment: #6e7781;
+  --chat-hljs-variable: #953800;
+  --chat-hljs-attr: #0550ae;
+  --chat-hljs-property: #116329;
+  --chat-hljs-operator: #cf222e;
+  --chat-hljs-punctuation: #24292f;
+  --chat-hljs-params: #24292f;
+  --chat-hljs-regexp: #116329;
+  --chat-hljs-selector: #116329;
+  --chat-hljs-tag: #116329;
+  --chat-hljs-name: #116329;
+  --chat-hljs-deletion: #82071e;
+  --chat-hljs-deletion-bg: rgba(255, 129, 130, 0.15);
+  --chat-hljs-addition: #116329;
+  --chat-hljs-addition-bg: rgba(46, 160, 67, 0.15);
+  --chat-hljs-meta: #6e7781;
+  --chat-hljs-link: #0a3069;
+  --chat-hljs-symbol: #0550ae;
+  --chat-hljs-subst: #24292f;
+  --chat-hljs-section: #0550ae;
+  --chat-hljs-bullet: #953800;
 }
 @media (prefers-color-scheme: dark) {
   :root {
@@ -36,6 +65,7 @@
     --chat-muted-hover: #3c3c3c;
     --chat-border: #333;
     --chat-text: #ccc;
+    --chat-text-strong: #fff;
     --chat-text-muted: #888;
     --chat-primary: #54a9ff;
     --chat-primary-hover: #2f90ff;
@@ -49,6 +79,34 @@
     --chat-fab-bg: var(--chat-muted);
     --chat-fab-bg-hover: var(--chat-muted-hover);
     --chat-fab-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);
+    --chat-hljs-keyword: #ff7b72;
+    --chat-hljs-built-in: #ffa657;
+    --chat-hljs-type: #ffa657;
+    --chat-hljs-function: #d2a8ff;
+    --chat-hljs-string: #a5d6ff;
+    --chat-hljs-number: #79c0ff;
+    --chat-hljs-literal: #79c0ff;
+    --chat-hljs-comment: #8b949e;
+    --chat-hljs-variable: #ffa657;
+    --chat-hljs-attr: #79c0ff;
+    --chat-hljs-property: #7ee787;
+    --chat-hljs-operator: #ff7b72;
+    --chat-hljs-punctuation: #e6edf3;
+    --chat-hljs-params: #e6edf3;
+    --chat-hljs-regexp: #7ee787;
+    --chat-hljs-selector: #7ee787;
+    --chat-hljs-tag: #7ee787;
+    --chat-hljs-name: #7ee787;
+    --chat-hljs-deletion: #ffa198;
+    --chat-hljs-deletion-bg: rgba(248, 81, 73, 0.15);
+    --chat-hljs-addition: #7ee787;
+    --chat-hljs-addition-bg: rgba(46, 160, 67, 0.15);
+    --chat-hljs-meta: #8b949e;
+    --chat-hljs-link: #a5d6ff;
+    --chat-hljs-symbol: #79c0ff;
+    --chat-hljs-subst: #e6edf3;
+    --chat-hljs-section: #79c0ff;
+    --chat-hljs-bullet: #ffa657;
   }
 }
 :root[data-theme=light] {
@@ -61,6 +119,7 @@
   --chat-muted-hover: #e6e5e0;
   --chat-border: #26251e1a;
   --chat-text: #26251eeb;
+  --chat-text-strong: #26251e;
   --chat-text-muted: #26251e99;
   --chat-primary: #54a9ff;
   --chat-primary-hover: #2f90ff;
@@ -74,6 +133,34 @@
   --chat-fab-bg: #ffffff;
   --chat-fab-bg-hover: var(--chat-input-bg);
   --chat-fab-shadow: 0 10px 24px rgba(0, 0, 0, 0.12);
+  --chat-hljs-keyword: #cf222e;
+  --chat-hljs-built-in: #953800;
+  --chat-hljs-type: #953800;
+  --chat-hljs-function: #8250df;
+  --chat-hljs-string: #0a3069;
+  --chat-hljs-number: #0550ae;
+  --chat-hljs-literal: #0550ae;
+  --chat-hljs-comment: #6e7781;
+  --chat-hljs-variable: #953800;
+  --chat-hljs-attr: #0550ae;
+  --chat-hljs-property: #116329;
+  --chat-hljs-operator: #cf222e;
+  --chat-hljs-punctuation: #24292f;
+  --chat-hljs-params: #24292f;
+  --chat-hljs-regexp: #116329;
+  --chat-hljs-selector: #116329;
+  --chat-hljs-tag: #116329;
+  --chat-hljs-name: #116329;
+  --chat-hljs-deletion: #82071e;
+  --chat-hljs-deletion-bg: rgba(255, 129, 130, 0.15);
+  --chat-hljs-addition: #116329;
+  --chat-hljs-addition-bg: rgba(46, 160, 67, 0.15);
+  --chat-hljs-meta: #6e7781;
+  --chat-hljs-link: #0a3069;
+  --chat-hljs-symbol: #0550ae;
+  --chat-hljs-subst: #24292f;
+  --chat-hljs-section: #0550ae;
+  --chat-hljs-bullet: #953800;
 }
 :root[data-theme=dark] {
   color-scheme: dark;
@@ -85,6 +172,7 @@
   --chat-muted-hover: #3c3c3c;
   --chat-border: #333;
   --chat-text: #ccc;
+  --chat-text-strong: #fff;
   --chat-text-muted: #888;
   --chat-primary: #54a9ff;
   --chat-primary-hover: #2f90ff;
@@ -98,6 +186,34 @@
   --chat-fab-bg: var(--chat-muted);
   --chat-fab-bg-hover: var(--chat-muted-hover);
   --chat-fab-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);
+  --chat-hljs-keyword: #ff7b72;
+  --chat-hljs-built-in: #ffa657;
+  --chat-hljs-type: #ffa657;
+  --chat-hljs-function: #d2a8ff;
+  --chat-hljs-string: #a5d6ff;
+  --chat-hljs-number: #79c0ff;
+  --chat-hljs-literal: #79c0ff;
+  --chat-hljs-comment: #8b949e;
+  --chat-hljs-variable: #ffa657;
+  --chat-hljs-attr: #79c0ff;
+  --chat-hljs-property: #7ee787;
+  --chat-hljs-operator: #ff7b72;
+  --chat-hljs-punctuation: #e6edf3;
+  --chat-hljs-params: #e6edf3;
+  --chat-hljs-regexp: #7ee787;
+  --chat-hljs-selector: #7ee787;
+  --chat-hljs-tag: #7ee787;
+  --chat-hljs-name: #7ee787;
+  --chat-hljs-deletion: #ffa198;
+  --chat-hljs-deletion-bg: rgba(248, 81, 73, 0.15);
+  --chat-hljs-addition: #7ee787;
+  --chat-hljs-addition-bg: rgba(46, 160, 67, 0.15);
+  --chat-hljs-meta: #8b949e;
+  --chat-hljs-link: #a5d6ff;
+  --chat-hljs-symbol: #79c0ff;
+  --chat-hljs-subst: #e6edf3;
+  --chat-hljs-section: #79c0ff;
+  --chat-hljs-bullet: #ffa657;
 }
 .chat-scrollbar::-webkit-scrollbar {
   width: 6px;
@@ -133,6 +249,9 @@
   overflow-y: auto;
   padding: 12px;
   scroll-behavior: smooth;
+  display: flex;
+  flex-direction: column;
+  gap: 8px;
 }
 .scroll-to-bottom-btn {
   position: absolute;
@@ -597,7 +716,6 @@
 
 /* src/components/message/MessageBubble.css */
 .message-bubble {
-  padding: 8px 0;
   animation: fadeIn 0.2s ease;
 }
 @keyframes fadeIn {
@@ -659,7 +777,9 @@
   background: var(--chat-muted, #2a2a2a);
   border-radius: 8px;
   overflow: hidden;
-  margin: 8px 0;
+}
+.loading-indicator.has-content-above {
+  margin-top: 8px;
 }
 .loading-text {
   font-size: 13px;
@@ -755,7 +875,6 @@
 
 /* src/components/message/parts/CollapsibleCard.css */
 .collapsible-card {
-  margin: 8px 0;
   border-radius: 8px;
   background: var(--chat-muted, #2a2a2a);
   border: 1px solid var(--chat-border, #333);
@@ -774,6 +893,8 @@
   align-items: center;
   gap: 8px;
   flex: 1;
+}
+.card-header-left.clickable {
   cursor: pointer;
 }
 .card-header-right {
@@ -817,365 +938,1970 @@
   transform: rotate(180deg);
 }
 .card-content {
-  padding: 12px;
+  padding: 0 12px 12px;
   min-width: 0;
   overflow: hidden;
 }
 
-/* src/components/message/parts/TextPart.css */
-.text-part {
-  font-size: 14px;
-  line-height: 1.7;
-  color: var(--chat-text, #ccc);
-  word-break: break-word;
-  overflow-wrap: break-word;
+/* ../../node_modules/katex/dist/katex.min.css */
+@font-face {
+  font-display: block;
+  font-family: KaTeX_AMS;
+  font-style: normal;
+  font-weight: 400;
+  src:
+    url("./KaTeX_AMS-Regular-U6PRYMIZ.woff2") format("woff2"),
+    url("./KaTeX_AMS-Regular-CYEKBG2K.woff") format("woff"),
+    url("./KaTeX_AMS-Regular-JKX5W2C4.ttf") format("truetype");
+}
+@font-face {
+  font-display: block;
+  font-family: KaTeX_Caligraphic;
+  font-style: normal;
+  font-weight: 700;
+  src:
+    url("./KaTeX_Caligraphic-Bold-5QL5CMTE.woff2") format("woff2"),
+    url("./KaTeX_Caligraphic-Bold-WZ3QSGD3.woff") format("woff"),
+    url("./KaTeX_Caligraphic-Bold-ZTS3R3HK.ttf") format("truetype");
+}
+@font-face {
+  font-display: block;
+  font-family: KaTeX_Caligraphic;
+  font-style: normal;
+  font-weight: 400;
+  src:
+    url("./KaTeX_Caligraphic-Regular-KX5MEWCF.woff2") format("woff2"),
+    url("./KaTeX_Caligraphic-Regular-3LKEU76G.woff") format("woff"),
+    url("./KaTeX_Caligraphic-Regular-A7XRTZ5Q.ttf") format("truetype");
+}
+@font-face {
+  font-display: block;
+  font-family: KaTeX_Fraktur;
+  font-style: normal;
+  font-weight: 700;
+  src:
+    url("./KaTeX_Fraktur-Bold-2QVFK6NQ.woff2") format("woff2"),
+    url("./KaTeX_Fraktur-Bold-T4SWXBMT.woff") format("woff"),
+    url("./KaTeX_Fraktur-Bold-WGHVTYOR.ttf") format("truetype");
+}
+@font-face {
+  font-display: block;
+  font-family: KaTeX_Fraktur;
+  font-style: normal;
+  font-weight: 400;
+  src:
+    url("./KaTeX_Fraktur-Regular-2PEIFJSJ.woff2") format("woff2"),
+    url("./KaTeX_Fraktur-Regular-PQMHCIK6.woff") format("woff"),
+    url("./KaTeX_Fraktur-Regular-5U4OPH2X.ttf") format("truetype");
+}
+@font-face {
+  font-display: block;
+  font-family: KaTeX_Main;
+  font-style: normal;
+  font-weight: 700;
+  src:
+    url("./KaTeX_Main-Bold-YP5VVQRP.woff2") format("woff2"),
+    url("./KaTeX_Main-Bold-2GA4IZIN.woff") format("woff"),
+    url("./KaTeX_Main-Bold-W5FBVCZM.ttf") format("truetype");
+}
+@font-face {
+  font-display: block;
+  font-family: KaTeX_Main;
+  font-style: italic;
+  font-weight: 700;
+  src:
+    url("./KaTeX_Main-BoldItalic-N4V3DX7S.woff2") format("woff2"),
+    url("./KaTeX_Main-BoldItalic-4P4C7HJH.woff") format("woff"),
+    url("./KaTeX_Main-BoldItalic-ODMLBJJQ.ttf") format("truetype");
+}
+@font-face {
+  font-display: block;
+  font-family: KaTeX_Main;
+  font-style: italic;
+  font-weight: 400;
+  src:
+    url("./KaTeX_Main-Italic-RELBIK7M.woff2") format("woff2"),
+    url("./KaTeX_Main-Italic-SASNQFN2.woff") format("woff"),
+    url("./KaTeX_Main-Italic-I43T2HSR.ttf") format("truetype");
+}
+@font-face {
+  font-display: block;
+  font-family: KaTeX_Main;
+  font-style: normal;
+  font-weight: 400;
+  src:
+    url("./KaTeX_Main-Regular-ARRPAO67.woff2") format("woff2"),
+    url("./KaTeX_Main-Regular-P5I74A2A.woff") format("woff"),
+    url("./KaTeX_Main-Regular-W74P5G27.ttf") format("truetype");
+}
+@font-face {
+  font-display: block;
+  font-family: KaTeX_Math;
+  font-style: italic;
+  font-weight: 700;
+  src:
+    url("./KaTeX_Math-BoldItalic-K4WTGH3J.woff2") format("woff2"),
+    url("./KaTeX_Math-BoldItalic-6EBV3DK5.woff") format("woff"),
+    url("./KaTeX_Math-BoldItalic-VB447A4D.ttf") format("truetype");
+}
+@font-face {
+  font-display: block;
+  font-family: KaTeX_Math;
+  font-style: italic;
+  font-weight: 400;
+  src:
+    url("./KaTeX_Math-Italic-6KGCHLFN.woff2") format("woff2"),
+    url("./KaTeX_Math-Italic-KKK3USB2.woff") format("woff"),
+    url("./KaTeX_Math-Italic-SON4MRCA.ttf") format("truetype");
+}
+@font-face {
+  font-display: block;
+  font-family: "KaTeX_SansSerif";
+  font-style: normal;
+  font-weight: 700;
+  src:
+    url("./KaTeX_SansSerif-Bold-RRNVJFFW.woff2") format("woff2"),
+    url("./KaTeX_SansSerif-Bold-X5M5EMOD.woff") format("woff"),
+    url("./KaTeX_SansSerif-Bold-STQ6RXC7.ttf") format("truetype");
+}
+@font-face {
+  font-display: block;
+  font-family: "KaTeX_SansSerif";
+  font-style: italic;
+  font-weight: 400;
+  src:
+    url("./KaTeX_SansSerif-Italic-HMPFTM52.woff2") format("woff2"),
+    url("./KaTeX_SansSerif-Italic-PSN4QKYX.woff") format("woff"),
+    url("./KaTeX_SansSerif-Italic-WTBAZBGY.ttf") format("truetype");
+}
+@font-face {
+  font-display: block;
+  font-family: "KaTeX_SansSerif";
+  font-style: normal;
+  font-weight: 400;
+  src:
+    url("./KaTeX_SansSerif-Regular-XIQ62X4E.woff2") format("woff2"),
+    url("./KaTeX_SansSerif-Regular-OQCII6EP.woff") format("woff"),
+    url("./KaTeX_SansSerif-Regular-2TL3USAE.ttf") format("truetype");
+}
+@font-face {
+  font-display: block;
+  font-family: KaTeX_Script;
+  font-style: normal;
+  font-weight: 400;
+  src:
+    url("./KaTeX_Script-Regular-APUWIHLP.woff2") format("woff2"),
+    url("./KaTeX_Script-Regular-A5IFOEBS.woff") format("woff"),
+    url("./KaTeX_Script-Regular-72OLXYNA.ttf") format("truetype");
+}
+@font-face {
+  font-display: block;
+  font-family: KaTeX_Size1;
+  font-style: normal;
+  font-weight: 400;
+  src:
+    url("./KaTeX_Size1-Regular-5LRUTBFT.woff2") format("woff2"),
+    url("./KaTeX_Size1-Regular-4HRHTS65.woff") format("woff"),
+    url("./KaTeX_Size1-Regular-7K6AASVL.ttf") format("truetype");
+}
+@font-face {
+  font-display: block;
+  font-family: KaTeX_Size2;
+  font-style: normal;
+  font-weight: 400;
+  src:
+    url("./KaTeX_Size2-Regular-LELKET5D.woff2") format("woff2"),
+    url("./KaTeX_Size2-Regular-K5ZHAIS6.woff") format("woff"),
+    url("./KaTeX_Size2-Regular-222HN3GT.ttf") format("truetype");
+}
+@font-face {
+  font-display: block;
+  font-family: KaTeX_Size3;
+  font-style: normal;
+  font-weight: 400;
+  src:
+    url("./KaTeX_Size3-Regular-WQRQ47UD.woff2") format("woff2"),
+    url("./KaTeX_Size3-Regular-TLFPAHDE.woff") format("woff"),
+    url("./KaTeX_Size3-Regular-UFCO6WCA.ttf") format("truetype");
+}
+@font-face {
+  font-display: block;
+  font-family: KaTeX_Size4;
+  font-style: normal;
+  font-weight: 400;
+  src:
+    url("./KaTeX_Size4-Regular-CDMV7U5C.woff2") format("woff2"),
+    url("./KaTeX_Size4-Regular-PKMWZHNC.woff") format("woff"),
+    url("./KaTeX_Size4-Regular-7PGNVPQK.ttf") format("truetype");
+}
+@font-face {
+  font-display: block;
+  font-family: KaTeX_Typewriter;
+  font-style: normal;
+  font-weight: 400;
+  src:
+    url("./KaTeX_Typewriter-Regular-VBYJ4NRC.woff2") format("woff2"),
+    url("./KaTeX_Typewriter-Regular-MJMFSK64.woff") format("woff"),
+    url("./KaTeX_Typewriter-Regular-3F5K6SQ6.ttf") format("truetype");
+}
+.katex {
+  font:
+    normal 1.21em KaTeX_Main,
+    Times New Roman,
+    serif;
+  line-height: 1.2;
+  text-indent: 0;
+  text-rendering: auto;
+}
+.katex * {
+  -ms-high-contrast-adjust: none !important;
+  border-color: currentColor;
+}
+.katex .katex-version:after {
+  content: "0.16.27";
+}
+.katex .katex-mathml {
+  clip: rect(1px, 1px, 1px, 1px);
+  border: 0;
+  height: 1px;
+  overflow: hidden;
+  padding: 0;
+  position: absolute;
+  width: 1px;
 }
-
-/* src/components/message/parts/ThinkingPart.css */
-.thinking-content {
-  font-size: 13px;
-  line-height: 1.5;
-  color: var(--chat-text-muted, #999);
-  white-space: pre-wrap;
-  word-break: break-word;
-  overflow-wrap: break-word;
-  margin: 0;
+.katex .katex-html > .newline {
+  display: block;
 }
-
-/* src/components/message/parts/SearchPart.css */
-.search-results {
-  display: flex;
-  flex-direction: column;
-  gap: 8px;
+.katex .base {
+  position: relative;
+  white-space: nowrap;
+  width: -webkit-min-content;
+  width: -moz-min-content;
+  width: min-content;
 }
-.search-item {
-  display: block;
-  padding: 8px;
-  border-radius: 6px;
-  background: var(--chat-bg, #1e1e1e);
-  text-decoration: none;
-  transition: background 0.15s;
+.katex .base,
+.katex .strut {
+  display: inline-block;
 }
-.search-item:hover {
-  background: var(--chat-hover, #333);
+.katex .textbf {
+  font-weight: 700;
 }
-.search-item-title {
-  font-size: 13px;
-  font-weight: 500;
-  color: var(--chat-accent, #3b82f6);
-  margin-bottom: 4px;
+.katex .textit {
+  font-style: italic;
 }
-.search-item-snippet {
-  font-size: 12px;
-  color: var(--chat-text-muted, #888);
-  line-height: 1.4;
-  margin-bottom: 4px;
-  display: -webkit-box;
-  -webkit-line-clamp: 2;
-  -webkit-box-orient: vertical;
-  overflow: hidden;
+.katex .textrm {
+  font-family: KaTeX_Main;
 }
-.search-item-url {
-  font-size: 11px;
-  color: var(--chat-text-muted, #666);
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
+.katex .textsf {
+  font-family: KaTeX_SansSerif;
 }
-
-/* src/components/input/DropdownSelector.css */
-.dropdown-selector {
-  position: relative;
-  display: flex;
-  align-items: center;
-  gap: 4px;
-  height: 28px;
-  padding: 0 8px;
-  background: rgba(0, 0, 0, 0.04);
-  background: color-mix(in srgb, var(--chat-text, #ccc) 6%, transparent);
-  border: none;
-  border-radius: 6px;
-  font-size: 14px;
-  color: var(--chat-text-muted, #888);
-  cursor: pointer;
-  transition: all 0.15s;
+.katex .texttt {
+  font-family: KaTeX_Typewriter;
 }
-.dropdown-selector:hover:not(.disabled) {
-  background: rgba(0, 0, 0, 0.06);
-  background: color-mix(in srgb, var(--chat-text, #ccc) 10%, transparent);
-  color: var(--chat-text, #ccc);
+.katex .mathnormal {
+  font-family: KaTeX_Math;
+  font-style: italic;
 }
-.dropdown-selector.disabled {
-  opacity: 0.6;
-  cursor: not-allowed;
+.katex .mathit {
+  font-family: KaTeX_Main;
+  font-style: italic;
 }
-.dropdown-selector .chevron {
-  color: var(--chat-text-muted, #666);
+.katex .mathrm {
+  font-style: normal;
 }
-.dropdown-selector .dropdown-menu {
-  position: absolute;
-  left: 0;
-  right: auto;
-  min-width: 180px;
-  max-height: 320px;
-  overflow-y: auto;
-  background: var(--chat-dropdown-bg, #252526);
-  border: 1px solid rgba(255, 255, 255, 0.1);
-  border-radius: 8px;
-  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.4);
-  z-index: 9999;
-  padding: 4px 8px 4px 4px;
-  display: flex;
-  flex-direction: column;
-  gap: 2px;
+.katex .mathbf {
+  font-family: KaTeX_Main;
+  font-weight: 700;
 }
-.dropdown-selector .dropdown-menu.dropdown-up {
-  bottom: 100%;
-  top: auto;
-  margin-bottom: 4px;
+.katex .boldsymbol {
+  font-family: KaTeX_Math;
+  font-style: italic;
+  font-weight: 700;
 }
-.dropdown-selector .dropdown-menu.dropdown-down {
-  top: 100%;
-  bottom: auto;
-  margin-top: 4px;
+.katex .amsrm,
+.katex .mathbb,
+.katex .textbb {
+  font-family: KaTeX_AMS;
 }
-.dropdown-selector .dropdown-menu.dropdown-align-right {
-  left: auto;
-  right: 0;
+.katex .mathcal {
+  font-family: KaTeX_Caligraphic;
 }
-.dropdown-selector .dropdown-item {
-  display: flex;
-  align-items: center;
-  gap: 8px;
-  width: 100%;
-  padding: 8px 10px;
-  border: none;
-  background: transparent;
-  border-radius: 4px;
-  font-size: 14px;
-  color: var(--chat-text-muted, #999);
-  cursor: pointer;
-  transition: all 0.15s;
-  white-space: nowrap;
+.katex .mathfrak,
+.katex .textfrak {
+  font-family: KaTeX_Fraktur;
 }
-.dropdown-selector .dropdown-item:hover {
-  background: rgba(0, 0, 0, 0.06);
-  background: color-mix(in srgb, var(--chat-text, #ccc) 10%, transparent);
-  color: var(--chat-text, #ccc);
+.katex .mathboldfrak,
+.katex .textboldfrak {
+  font-family: KaTeX_Fraktur;
+  font-weight: 700;
 }
-.dropdown-selector .dropdown-item.active {
-  background: rgba(0, 0, 0, 0.08);
-  background: color-mix(in srgb, var(--chat-text, #ccc) 14%, transparent);
-  color: var(--chat-text, #fff);
+.katex .mathtt {
+  font-family: KaTeX_Typewriter;
 }
-.dropdown-selector .check-icon {
-  margin-left: auto;
-  color: var(--chat-text, #ccc);
-  flex-shrink: 0;
+.katex .mathscr,
+.katex .textscr {
+  font-family: KaTeX_Script;
 }
-.dropdown-selector .selector-text {
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
+.katex .mathsf,
+.katex .textsf {
+  font-family: KaTeX_SansSerif;
 }
-.dropdown-selector .dropdown-empty {
-  padding: 12px 10px;
-  font-size: 12px;
-  color: var(--chat-text-muted, #666);
-  text-align: center;
+.katex .mathboldsf,
+.katex .textboldsf {
+  font-family: KaTeX_SansSerif;
+  font-weight: 700;
 }
-.dropdown-selector .group-title {
-  padding: 8px 10px 4px;
-  margin-top: 4px;
-  font-size: 11px;
-  color: var(--chat-text-muted, #666);
+.katex .mathitsf,
+.katex .mathsfit,
+.katex .textitsf {
+  font-family: KaTeX_SansSerif;
+  font-style: italic;
 }
-.dropdown-selector .group-title:first-child {
-  margin-top: 0;
+.katex .mainrm {
+  font-family: KaTeX_Main;
+  font-style: normal;
 }
-.dropdown-selector .option-label {
-  flex: 1;
-  text-align: left;
+.katex .vlist-t {
+  border-collapse: collapse;
+  display: inline-table;
+  table-layout: fixed;
 }
-.dropdown-selector .option-right {
-  display: flex;
-  align-items: center;
-  gap: 8px;
-  margin-left: auto;
+.katex .vlist-r {
+  display: table-row;
 }
-.dropdown-selector .provider-badge {
-  padding: 2px 6px;
-  font-size: 11px;
-  font-weight: 500;
-  color: var(--chat-text-muted, #999);
-  background: rgba(255, 255, 255, 0.08);
-  border-radius: 3px;
-  white-space: nowrap;
+.katex .vlist {
+  display: table-cell;
+  position: relative;
+  vertical-align: bottom;
 }
-.dropdown-selector .provider-badge.native {
-  color: var(--chat-text-muted, #999);
+.katex .vlist > span {
+  display: block;
+  height: 0;
+  position: relative;
 }
-
-/* src/components/common/CopyButton.css */
-.copy-btn {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  padding: 4px;
-  background: transparent;
-  border: none;
-  color: var(--chat-text-muted, #888);
-  cursor: pointer;
-  border-radius: 4px;
-  transition: all 0.2s;
+.katex .vlist > span > span {
+  display: inline-block;
 }
-.copy-btn:hover {
-  background: rgba(255, 255, 255, 0.1);
-  color: var(--chat-text, #fff);
+.katex .vlist > span > .pstrut {
+  overflow: hidden;
+  width: 0;
 }
-.copy-btn.copied {
-  color: var(--chat-success, #22c55e);
+.katex .vlist-t2 {
+  margin-right: -2px;
 }
-
-/* src/components/message/parts/ToolCallPart.css */
-.tool-call-content {
-  display: flex;
+.katex .vlist-s {
+  display: table-cell;
+  font-size: 1px;
+  min-width: 2px;
+  vertical-align: bottom;
+  width: 2px;
+}
+.katex .vbox {
+  align-items: baseline;
+  display: inline-flex;
   flex-direction: column;
 }
-.tool-call-command {
-  margin-bottom: 12px;
+.katex .hbox {
+  width: 100%;
 }
-.command-header,
-.result-header {
-  display: block;
-  margin-bottom: 8px;
-  padding: 0;
-  cursor: default;
-  user-select: none;
-  font-size: 12px;
-  line-height: 1.5;
+.katex .hbox,
+.katex .thinbox {
+  display: inline-flex;
+  flex-direction: row;
 }
-.command-header:hover,
-.result-header:hover,
-.command-label:hover,
-.result-label:hover,
-.command-name:hover,
-.result-name:hover {
-  background: transparent !important;
+.katex .thinbox {
+  max-width: 0;
+  width: 0;
 }
-.command-code {
-  display: block;
-  padding: 10px;
-  background: var(--chat-code-bg, rgba(0, 0, 0, 0.3));
-  border: 1px solid var(--chat-border, #333);
-  border-radius: 6px;
-  font-family:
-    "Monaco",
-    "Menlo",
-    "Courier New",
-    monospace;
-  font-size: 13px;
-  color: var(--chat-code-text, var(--chat-text, #ccc));
-  white-space: pre-wrap;
-  word-break: break-all;
-  overflow-x: auto;
+.katex .msupsub {
+  text-align: left;
 }
-.tool-call-result {
-  margin-bottom: 12px;
+.katex .mfrac > span > span {
+  text-align: center;
 }
-.result-label,
-.command-label {
-  color: var(--chat-text-muted, #888);
-  font-weight: 500;
+.katex .mfrac .frac-line {
+  border-bottom-style: solid;
+  display: inline-block;
+  width: 100%;
 }
-.result-name,
-.command-name {
-  color: var(--chat-text, #ccc);
+.katex .hdashline,
+.katex .hline,
+.katex .mfrac .frac-line,
+.katex .overline .overline-line,
+.katex .rule,
+.katex .underline .underline-line {
+  min-height: 1px;
 }
-.result-content {
-  display: block;
-  padding: 10px;
-  background: var(--chat-code-bg, rgba(0, 0, 0, 0.3));
-  border: 1px solid var(--chat-border, #333);
-  border-radius: 6px;
-  font-family:
-    "Monaco",
+.katex .mspace {
+  display: inline-block;
+}
+.katex .clap,
+.katex .llap,
+.katex .rlap {
+  position: relative;
+  width: 0;
+}
+.katex .clap > .inner,
+.katex .llap > .inner,
+.katex .rlap > .inner {
+  position: absolute;
+}
+.katex .clap > .fix,
+.katex .llap > .fix,
+.katex .rlap > .fix {
+  display: inline-block;
+}
+.katex .llap > .inner {
+  right: 0;
+}
+.katex .clap > .inner,
+.katex .rlap > .inner {
+  left: 0;
+}
+.katex .clap > .inner > span {
+  margin-left: -50%;
+  margin-right: 50%;
+}
+.katex .rule {
+  border: 0 solid;
+  display: inline-block;
+  position: relative;
+}
+.katex .hline,
+.katex .overline .overline-line,
+.katex .underline .underline-line {
+  border-bottom-style: solid;
+  display: inline-block;
+  width: 100%;
+}
+.katex .hdashline {
+  border-bottom-style: dashed;
+  display: inline-block;
+  width: 100%;
+}
+.katex .sqrt > .root {
+  margin-left: .2777777778em;
+  margin-right: -.5555555556em;
+}
+.katex .fontsize-ensurer.reset-size1.size1,
+.katex .sizing.reset-size1.size1 {
+  font-size: 1em;
+}
+.katex .fontsize-ensurer.reset-size1.size2,
+.katex .sizing.reset-size1.size2 {
+  font-size: 1.2em;
+}
+.katex .fontsize-ensurer.reset-size1.size3,
+.katex .sizing.reset-size1.size3 {
+  font-size: 1.4em;
+}
+.katex .fontsize-ensurer.reset-size1.size4,
+.katex .sizing.reset-size1.size4 {
+  font-size: 1.6em;
+}
+.katex .fontsize-ensurer.reset-size1.size5,
+.katex .sizing.reset-size1.size5 {
+  font-size: 1.8em;
+}
+.katex .fontsize-ensurer.reset-size1.size6,
+.katex .sizing.reset-size1.size6 {
+  font-size: 2em;
+}
+.katex .fontsize-ensurer.reset-size1.size7,
+.katex .sizing.reset-size1.size7 {
+  font-size: 2.4em;
+}
+.katex .fontsize-ensurer.reset-size1.size8,
+.katex .sizing.reset-size1.size8 {
+  font-size: 2.88em;
+}
+.katex .fontsize-ensurer.reset-size1.size9,
+.katex .sizing.reset-size1.size9 {
+  font-size: 3.456em;
+}
+.katex .fontsize-ensurer.reset-size1.size10,
+.katex .sizing.reset-size1.size10 {
+  font-size: 4.148em;
+}
+.katex .fontsize-ensurer.reset-size1.size11,
+.katex .sizing.reset-size1.size11 {
+  font-size: 4.976em;
+}
+.katex .fontsize-ensurer.reset-size2.size1,
+.katex .sizing.reset-size2.size1 {
+  font-size: .8333333333em;
+}
+.katex .fontsize-ensurer.reset-size2.size2,
+.katex .sizing.reset-size2.size2 {
+  font-size: 1em;
+}
+.katex .fontsize-ensurer.reset-size2.size3,
+.katex .sizing.reset-size2.size3 {
+  font-size: 1.1666666667em;
+}
+.katex .fontsize-ensurer.reset-size2.size4,
+.katex .sizing.reset-size2.size4 {
+  font-size: 1.3333333333em;
+}
+.katex .fontsize-ensurer.reset-size2.size5,
+.katex .sizing.reset-size2.size5 {
+  font-size: 1.5em;
+}
+.katex .fontsize-ensurer.reset-size2.size6,
+.katex .sizing.reset-size2.size6 {
+  font-size: 1.6666666667em;
+}
+.katex .fontsize-ensurer.reset-size2.size7,
+.katex .sizing.reset-size2.size7 {
+  font-size: 2em;
+}
+.katex .fontsize-ensurer.reset-size2.size8,
+.katex .sizing.reset-size2.size8 {
+  font-size: 2.4em;
+}
+.katex .fontsize-ensurer.reset-size2.size9,
+.katex .sizing.reset-size2.size9 {
+  font-size: 2.88em;
+}
+.katex .fontsize-ensurer.reset-size2.size10,
+.katex .sizing.reset-size2.size10 {
+  font-size: 3.4566666667em;
+}
+.katex .fontsize-ensurer.reset-size2.size11,
+.katex .sizing.reset-size2.size11 {
+  font-size: 4.1466666667em;
+}
+.katex .fontsize-ensurer.reset-size3.size1,
+.katex .sizing.reset-size3.size1 {
+  font-size: .7142857143em;
+}
+.katex .fontsize-ensurer.reset-size3.size2,
+.katex .sizing.reset-size3.size2 {
+  font-size: .8571428571em;
+}
+.katex .fontsize-ensurer.reset-size3.size3,
+.katex .sizing.reset-size3.size3 {
+  font-size: 1em;
+}
+.katex .fontsize-ensurer.reset-size3.size4,
+.katex .sizing.reset-size3.size4 {
+  font-size: 1.1428571429em;
+}
+.katex .fontsize-ensurer.reset-size3.size5,
+.katex .sizing.reset-size3.size5 {
+  font-size: 1.2857142857em;
+}
+.katex .fontsize-ensurer.reset-size3.size6,
+.katex .sizing.reset-size3.size6 {
+  font-size: 1.4285714286em;
+}
+.katex .fontsize-ensurer.reset-size3.size7,
+.katex .sizing.reset-size3.size7 {
+  font-size: 1.7142857143em;
+}
+.katex .fontsize-ensurer.reset-size3.size8,
+.katex .sizing.reset-size3.size8 {
+  font-size: 2.0571428571em;
+}
+.katex .fontsize-ensurer.reset-size3.size9,
+.katex .sizing.reset-size3.size9 {
+  font-size: 2.4685714286em;
+}
+.katex .fontsize-ensurer.reset-size3.size10,
+.katex .sizing.reset-size3.size10 {
+  font-size: 2.9628571429em;
+}
+.katex .fontsize-ensurer.reset-size3.size11,
+.katex .sizing.reset-size3.size11 {
+  font-size: 3.5542857143em;
+}
+.katex .fontsize-ensurer.reset-size4.size1,
+.katex .sizing.reset-size4.size1 {
+  font-size: .625em;
+}
+.katex .fontsize-ensurer.reset-size4.size2,
+.katex .sizing.reset-size4.size2 {
+  font-size: .75em;
+}
+.katex .fontsize-ensurer.reset-size4.size3,
+.katex .sizing.reset-size4.size3 {
+  font-size: .875em;
+}
+.katex .fontsize-ensurer.reset-size4.size4,
+.katex .sizing.reset-size4.size4 {
+  font-size: 1em;
+}
+.katex .fontsize-ensurer.reset-size4.size5,
+.katex .sizing.reset-size4.size5 {
+  font-size: 1.125em;
+}
+.katex .fontsize-ensurer.reset-size4.size6,
+.katex .sizing.reset-size4.size6 {
+  font-size: 1.25em;
+}
+.katex .fontsize-ensurer.reset-size4.size7,
+.katex .sizing.reset-size4.size7 {
+  font-size: 1.5em;
+}
+.katex .fontsize-ensurer.reset-size4.size8,
+.katex .sizing.reset-size4.size8 {
+  font-size: 1.8em;
+}
+.katex .fontsize-ensurer.reset-size4.size9,
+.katex .sizing.reset-size4.size9 {
+  font-size: 2.16em;
+}
+.katex .fontsize-ensurer.reset-size4.size10,
+.katex .sizing.reset-size4.size10 {
+  font-size: 2.5925em;
+}
+.katex .fontsize-ensurer.reset-size4.size11,
+.katex .sizing.reset-size4.size11 {
+  font-size: 3.11em;
+}
+.katex .fontsize-ensurer.reset-size5.size1,
+.katex .sizing.reset-size5.size1 {
+  font-size: .5555555556em;
+}
+.katex .fontsize-ensurer.reset-size5.size2,
+.katex .sizing.reset-size5.size2 {
+  font-size: .6666666667em;
+}
+.katex .fontsize-ensurer.reset-size5.size3,
+.katex .sizing.reset-size5.size3 {
+  font-size: .7777777778em;
+}
+.katex .fontsize-ensurer.reset-size5.size4,
+.katex .sizing.reset-size5.size4 {
+  font-size: .8888888889em;
+}
+.katex .fontsize-ensurer.reset-size5.size5,
+.katex .sizing.reset-size5.size5 {
+  font-size: 1em;
+}
+.katex .fontsize-ensurer.reset-size5.size6,
+.katex .sizing.reset-size5.size6 {
+  font-size: 1.1111111111em;
+}
+.katex .fontsize-ensurer.reset-size5.size7,
+.katex .sizing.reset-size5.size7 {
+  font-size: 1.3333333333em;
+}
+.katex .fontsize-ensurer.reset-size5.size8,
+.katex .sizing.reset-size5.size8 {
+  font-size: 1.6em;
+}
+.katex .fontsize-ensurer.reset-size5.size9,
+.katex .sizing.reset-size5.size9 {
+  font-size: 1.92em;
+}
+.katex .fontsize-ensurer.reset-size5.size10,
+.katex .sizing.reset-size5.size10 {
+  font-size: 2.3044444444em;
+}
+.katex .fontsize-ensurer.reset-size5.size11,
+.katex .sizing.reset-size5.size11 {
+  font-size: 2.7644444444em;
+}
+.katex .fontsize-ensurer.reset-size6.size1,
+.katex .sizing.reset-size6.size1 {
+  font-size: .5em;
+}
+.katex .fontsize-ensurer.reset-size6.size2,
+.katex .sizing.reset-size6.size2 {
+  font-size: .6em;
+}
+.katex .fontsize-ensurer.reset-size6.size3,
+.katex .sizing.reset-size6.size3 {
+  font-size: .7em;
+}
+.katex .fontsize-ensurer.reset-size6.size4,
+.katex .sizing.reset-size6.size4 {
+  font-size: .8em;
+}
+.katex .fontsize-ensurer.reset-size6.size5,
+.katex .sizing.reset-size6.size5 {
+  font-size: .9em;
+}
+.katex .fontsize-ensurer.reset-size6.size6,
+.katex .sizing.reset-size6.size6 {
+  font-size: 1em;
+}
+.katex .fontsize-ensurer.reset-size6.size7,
+.katex .sizing.reset-size6.size7 {
+  font-size: 1.2em;
+}
+.katex .fontsize-ensurer.reset-size6.size8,
+.katex .sizing.reset-size6.size8 {
+  font-size: 1.44em;
+}
+.katex .fontsize-ensurer.reset-size6.size9,
+.katex .sizing.reset-size6.size9 {
+  font-size: 1.728em;
+}
+.katex .fontsize-ensurer.reset-size6.size10,
+.katex .sizing.reset-size6.size10 {
+  font-size: 2.074em;
+}
+.katex .fontsize-ensurer.reset-size6.size11,
+.katex .sizing.reset-size6.size11 {
+  font-size: 2.488em;
+}
+.katex .fontsize-ensurer.reset-size7.size1,
+.katex .sizing.reset-size7.size1 {
+  font-size: .4166666667em;
+}
+.katex .fontsize-ensurer.reset-size7.size2,
+.katex .sizing.reset-size7.size2 {
+  font-size: .5em;
+}
+.katex .fontsize-ensurer.reset-size7.size3,
+.katex .sizing.reset-size7.size3 {
+  font-size: .5833333333em;
+}
+.katex .fontsize-ensurer.reset-size7.size4,
+.katex .sizing.reset-size7.size4 {
+  font-size: .6666666667em;
+}
+.katex .fontsize-ensurer.reset-size7.size5,
+.katex .sizing.reset-size7.size5 {
+  font-size: .75em;
+}
+.katex .fontsize-ensurer.reset-size7.size6,
+.katex .sizing.reset-size7.size6 {
+  font-size: .8333333333em;
+}
+.katex .fontsize-ensurer.reset-size7.size7,
+.katex .sizing.reset-size7.size7 {
+  font-size: 1em;
+}
+.katex .fontsize-ensurer.reset-size7.size8,
+.katex .sizing.reset-size7.size8 {
+  font-size: 1.2em;
+}
+.katex .fontsize-ensurer.reset-size7.size9,
+.katex .sizing.reset-size7.size9 {
+  font-size: 1.44em;
+}
+.katex .fontsize-ensurer.reset-size7.size10,
+.katex .sizing.reset-size7.size10 {
+  font-size: 1.7283333333em;
+}
+.katex .fontsize-ensurer.reset-size7.size11,
+.katex .sizing.reset-size7.size11 {
+  font-size: 2.0733333333em;
+}
+.katex .fontsize-ensurer.reset-size8.size1,
+.katex .sizing.reset-size8.size1 {
+  font-size: .3472222222em;
+}
+.katex .fontsize-ensurer.reset-size8.size2,
+.katex .sizing.reset-size8.size2 {
+  font-size: .4166666667em;
+}
+.katex .fontsize-ensurer.reset-size8.size3,
+.katex .sizing.reset-size8.size3 {
+  font-size: .4861111111em;
+}
+.katex .fontsize-ensurer.reset-size8.size4,
+.katex .sizing.reset-size8.size4 {
+  font-size: .5555555556em;
+}
+.katex .fontsize-ensurer.reset-size8.size5,
+.katex .sizing.reset-size8.size5 {
+  font-size: .625em;
+}
+.katex .fontsize-ensurer.reset-size8.size6,
+.katex .sizing.reset-size8.size6 {
+  font-size: .6944444444em;
+}
+.katex .fontsize-ensurer.reset-size8.size7,
+.katex .sizing.reset-size8.size7 {
+  font-size: .8333333333em;
+}
+.katex .fontsize-ensurer.reset-size8.size8,
+.katex .sizing.reset-size8.size8 {
+  font-size: 1em;
+}
+.katex .fontsize-ensurer.reset-size8.size9,
+.katex .sizing.reset-size8.size9 {
+  font-size: 1.2em;
+}
+.katex .fontsize-ensurer.reset-size8.size10,
+.katex .sizing.reset-size8.size10 {
+  font-size: 1.4402777778em;
+}
+.katex .fontsize-ensurer.reset-size8.size11,
+.katex .sizing.reset-size8.size11 {
+  font-size: 1.7277777778em;
+}
+.katex .fontsize-ensurer.reset-size9.size1,
+.katex .sizing.reset-size9.size1 {
+  font-size: .2893518519em;
+}
+.katex .fontsize-ensurer.reset-size9.size2,
+.katex .sizing.reset-size9.size2 {
+  font-size: .3472222222em;
+}
+.katex .fontsize-ensurer.reset-size9.size3,
+.katex .sizing.reset-size9.size3 {
+  font-size: .4050925926em;
+}
+.katex .fontsize-ensurer.reset-size9.size4,
+.katex .sizing.reset-size9.size4 {
+  font-size: .462962963em;
+}
+.katex .fontsize-ensurer.reset-size9.size5,
+.katex .sizing.reset-size9.size5 {
+  font-size: .5208333333em;
+}
+.katex .fontsize-ensurer.reset-size9.size6,
+.katex .sizing.reset-size9.size6 {
+  font-size: .5787037037em;
+}
+.katex .fontsize-ensurer.reset-size9.size7,
+.katex .sizing.reset-size9.size7 {
+  font-size: .6944444444em;
+}
+.katex .fontsize-ensurer.reset-size9.size8,
+.katex .sizing.reset-size9.size8 {
+  font-size: .8333333333em;
+}
+.katex .fontsize-ensurer.reset-size9.size9,
+.katex .sizing.reset-size9.size9 {
+  font-size: 1em;
+}
+.katex .fontsize-ensurer.reset-size9.size10,
+.katex .sizing.reset-size9.size10 {
+  font-size: 1.2002314815em;
+}
+.katex .fontsize-ensurer.reset-size9.size11,
+.katex .sizing.reset-size9.size11 {
+  font-size: 1.4398148148em;
+}
+.katex .fontsize-ensurer.reset-size10.size1,
+.katex .sizing.reset-size10.size1 {
+  font-size: .2410800386em;
+}
+.katex .fontsize-ensurer.reset-size10.size2,
+.katex .sizing.reset-size10.size2 {
+  font-size: .2892960463em;
+}
+.katex .fontsize-ensurer.reset-size10.size3,
+.katex .sizing.reset-size10.size3 {
+  font-size: .337512054em;
+}
+.katex .fontsize-ensurer.reset-size10.size4,
+.katex .sizing.reset-size10.size4 {
+  font-size: .3857280617em;
+}
+.katex .fontsize-ensurer.reset-size10.size5,
+.katex .sizing.reset-size10.size5 {
+  font-size: .4339440694em;
+}
+.katex .fontsize-ensurer.reset-size10.size6,
+.katex .sizing.reset-size10.size6 {
+  font-size: .4821600771em;
+}
+.katex .fontsize-ensurer.reset-size10.size7,
+.katex .sizing.reset-size10.size7 {
+  font-size: .5785920926em;
+}
+.katex .fontsize-ensurer.reset-size10.size8,
+.katex .sizing.reset-size10.size8 {
+  font-size: .6943105111em;
+}
+.katex .fontsize-ensurer.reset-size10.size9,
+.katex .sizing.reset-size10.size9 {
+  font-size: .8331726133em;
+}
+.katex .fontsize-ensurer.reset-size10.size10,
+.katex .sizing.reset-size10.size10 {
+  font-size: 1em;
+}
+.katex .fontsize-ensurer.reset-size10.size11,
+.katex .sizing.reset-size10.size11 {
+  font-size: 1.1996142719em;
+}
+.katex .fontsize-ensurer.reset-size11.size1,
+.katex .sizing.reset-size11.size1 {
+  font-size: .2009646302em;
+}
+.katex .fontsize-ensurer.reset-size11.size2,
+.katex .sizing.reset-size11.size2 {
+  font-size: .2411575563em;
+}
+.katex .fontsize-ensurer.reset-size11.size3,
+.katex .sizing.reset-size11.size3 {
+  font-size: .2813504823em;
+}
+.katex .fontsize-ensurer.reset-size11.size4,
+.katex .sizing.reset-size11.size4 {
+  font-size: .3215434084em;
+}
+.katex .fontsize-ensurer.reset-size11.size5,
+.katex .sizing.reset-size11.size5 {
+  font-size: .3617363344em;
+}
+.katex .fontsize-ensurer.reset-size11.size6,
+.katex .sizing.reset-size11.size6 {
+  font-size: .4019292605em;
+}
+.katex .fontsize-ensurer.reset-size11.size7,
+.katex .sizing.reset-size11.size7 {
+  font-size: .4823151125em;
+}
+.katex .fontsize-ensurer.reset-size11.size8,
+.katex .sizing.reset-size11.size8 {
+  font-size: .578778135em;
+}
+.katex .fontsize-ensurer.reset-size11.size9,
+.katex .sizing.reset-size11.size9 {
+  font-size: .6945337621em;
+}
+.katex .fontsize-ensurer.reset-size11.size10,
+.katex .sizing.reset-size11.size10 {
+  font-size: .8336012862em;
+}
+.katex .fontsize-ensurer.reset-size11.size11,
+.katex .sizing.reset-size11.size11 {
+  font-size: 1em;
+}
+.katex .delimsizing.size1 {
+  font-family: KaTeX_Size1;
+}
+.katex .delimsizing.size2 {
+  font-family: KaTeX_Size2;
+}
+.katex .delimsizing.size3 {
+  font-family: KaTeX_Size3;
+}
+.katex .delimsizing.size4 {
+  font-family: KaTeX_Size4;
+}
+.katex .delimsizing.mult .delim-size1 > span {
+  font-family: KaTeX_Size1;
+}
+.katex .delimsizing.mult .delim-size4 > span {
+  font-family: KaTeX_Size4;
+}
+.katex .nulldelimiter {
+  display: inline-block;
+  width: .12em;
+}
+.katex .delimcenter,
+.katex .op-symbol {
+  position: relative;
+}
+.katex .op-symbol.small-op {
+  font-family: KaTeX_Size1;
+}
+.katex .op-symbol.large-op {
+  font-family: KaTeX_Size2;
+}
+.katex .accent > .vlist-t,
+.katex .op-limits > .vlist-t {
+  text-align: center;
+}
+.katex .accent .accent-body {
+  position: relative;
+}
+.katex .accent .accent-body:not(.accent-full) {
+  width: 0;
+}
+.katex .overlay {
+  display: block;
+}
+.katex .mtable .vertical-separator {
+  display: inline-block;
+  min-width: 1px;
+}
+.katex .mtable .arraycolsep {
+  display: inline-block;
+}
+.katex .mtable .col-align-c > .vlist-t {
+  text-align: center;
+}
+.katex .mtable .col-align-l > .vlist-t {
+  text-align: left;
+}
+.katex .mtable .col-align-r > .vlist-t {
+  text-align: right;
+}
+.katex .svg-align {
+  text-align: left;
+}
+.katex svg {
+  fill: currentColor;
+  stroke: currentColor;
+  fill-rule: nonzero;
+  fill-opacity: 1;
+  stroke-width: 1;
+  stroke-linecap: butt;
+  stroke-linejoin: miter;
+  stroke-miterlimit: 4;
+  stroke-dasharray: none;
+  stroke-dashoffset: 0;
+  stroke-opacity: 1;
+  display: block;
+  height: inherit;
+  position: absolute;
+  width: 100%;
+}
+.katex svg path {
+  stroke: none;
+}
+.katex img {
+  border-style: none;
+  max-height: none;
+  max-width: none;
+  min-height: 0;
+  min-width: 0;
+}
+.katex .stretchy {
+  display: block;
+  overflow: hidden;
+  position: relative;
+  width: 100%;
+}
+.katex .stretchy:after,
+.katex .stretchy:before {
+  content: "";
+}
+.katex .hide-tail {
+  overflow: hidden;
+  position: relative;
+  width: 100%;
+}
+.katex .halfarrow-left {
+  left: 0;
+  overflow: hidden;
+  position: absolute;
+  width: 50.2%;
+}
+.katex .halfarrow-right {
+  overflow: hidden;
+  position: absolute;
+  right: 0;
+  width: 50.2%;
+}
+.katex .brace-left {
+  left: 0;
+  overflow: hidden;
+  position: absolute;
+  width: 25.1%;
+}
+.katex .brace-center {
+  left: 25%;
+  overflow: hidden;
+  position: absolute;
+  width: 50%;
+}
+.katex .brace-right {
+  overflow: hidden;
+  position: absolute;
+  right: 0;
+  width: 25.1%;
+}
+.katex .x-arrow-pad {
+  padding: 0 .5em;
+}
+.katex .cd-arrow-pad {
+  padding: 0 .55556em 0 .27778em;
+}
+.katex .mover,
+.katex .munder,
+.katex .x-arrow {
+  text-align: center;
+}
+.katex .boxpad {
+  padding: 0 .3em;
+}
+.katex .fbox,
+.katex .fcolorbox {
+  border: .04em solid;
+  box-sizing: border-box;
+}
+.katex .cancel-pad {
+  padding: 0 .2em;
+}
+.katex .cancel-lap {
+  margin-left: -.2em;
+  margin-right: -.2em;
+}
+.katex .sout {
+  border-bottom-style: solid;
+  border-bottom-width: .08em;
+}
+.katex .angl {
+  border-right: .049em solid;
+  border-top: .049em solid;
+  box-sizing: border-box;
+  margin-right: .03889em;
+}
+.katex .anglpad {
+  padding: 0 .03889em;
+}
+.katex .eqn-num:before {
+  content: "(" counter(katexEqnNo) ")";
+  counter-increment: katexEqnNo;
+}
+.katex .mml-eqn-num:before {
+  content: "(" counter(mmlEqnNo) ")";
+  counter-increment: mmlEqnNo;
+}
+.katex .mtr-glue {
+  width: 50%;
+}
+.katex .cd-vert-arrow {
+  display: inline-block;
+  position: relative;
+}
+.katex .cd-label-left {
+  display: inline-block;
+  position: absolute;
+  right: calc(50% + .3em);
+  text-align: left;
+}
+.katex .cd-label-right {
+  display: inline-block;
+  left: calc(50% + .3em);
+  position: absolute;
+  text-align: right;
+}
+.katex-display {
+  display: block;
+  margin: 1em 0;
+  text-align: center;
+}
+.katex-display > .katex {
+  display: block;
+  text-align: center;
+  white-space: nowrap;
+}
+.katex-display > .katex > .katex-html {
+  display: block;
+  position: relative;
+}
+.katex-display > .katex > .katex-html > .tag {
+  position: absolute;
+  right: 0;
+}
+.katex-display.leqno > .katex > .katex-html > .tag {
+  left: 0;
+  right: auto;
+}
+.katex-display.fleqn > .katex {
+  padding-left: 2em;
+  text-align: left;
+}
+body {
+  counter-reset: katexEqnNo mmlEqnNo;
+}
+
+/* src/components/message/parts/TextPart.css */
+.text-part {
+  max-width: 100%;
+}
+.text-block {
+  font-size: 14px;
+  line-height: 1.75;
+  color: var(--chat-text, #e5e7eb);
+  word-break: break-word;
+  letter-spacing: 0.01em;
+}
+.text-block p {
+  margin: 0.75em 0;
+}
+.text-block p:first-child {
+  margin-top: 0;
+}
+.text-block p:last-child {
+  margin-bottom: 0;
+}
+.text-block h1 {
+  font-size: 1.5em;
+  font-weight: 700;
+  margin: 1.5em 0 0.75em;
+  padding-bottom: 0.4em;
+  border-bottom: 1px solid var(--chat-border, rgba(255, 255, 255, 0.1));
+  color: var(--chat-text-strong, #fff);
+  letter-spacing: -0.02em;
+}
+.text-block h2 {
+  font-size: 1.3em;
+  font-weight: 600;
+  margin: 1.25em 0 0.6em;
+  padding-bottom: 0.3em;
+  border-bottom: 1px solid var(--chat-border, rgba(255, 255, 255, 0.08));
+  color: var(--chat-text-strong, #fff);
+  letter-spacing: -0.01em;
+}
+.text-block h3 {
+  font-size: 1.15em;
+  font-weight: 600;
+  margin: 1em 0 0.5em;
+  color: var(--chat-text-strong, #fff);
+}
+.text-block h4,
+.text-block h5,
+.text-block h6 {
+  font-size: 1em;
+  font-weight: 600;
+  margin: 0.8em 0 0.4em;
+  color: var(--chat-text, #e5e7eb);
+}
+.text-block h1:first-child,
+.text-block h2:first-child,
+.text-block h3:first-child {
+  margin-top: 0;
+}
+.text-block ul,
+.text-block ol {
+  margin: 0.75em 0;
+  padding-left: 1.5em;
+}
+.text-block li {
+  margin: 0.4em 0;
+  line-height: 1.6;
+}
+.text-block li::marker {
+  color: var(--chat-text-muted, #9ca3af);
+}
+.text-block li ul,
+.text-block li ol {
+  margin: 0.25em 0;
+}
+.text-block .markdown-task-item {
+  list-style: none;
+  margin-left: -1.5em;
+  padding-left: 0;
+}
+.text-block .markdown-task-checkbox {
+  display: inline-block;
+  width: 1.2em;
+  margin-right: 0.4em;
+  font-family:
+    "Monaco",
+    "Menlo",
+    monospace;
+  font-size: 0.85em;
+  color: var(--chat-accent, #60a5fa);
+}
+.text-block a {
+  color: var(--chat-accent, #60a5fa);
+  text-decoration: none;
+  background-image: linear-gradient(var(--chat-accent, #60a5fa), var(--chat-accent, #60a5fa));
+  background-size: 0% 1px;
+  background-position: 0 100%;
+  background-repeat: no-repeat;
+  transition: background-size 0.25s ease-out;
+}
+.text-block a:hover {
+  background-size: 100% 1px;
+}
+.text-block strong {
+  font-weight: 600;
+  color: var(--chat-text-strong, #fff);
+}
+.text-block em {
+  font-style: italic;
+  color: var(--chat-text, #e5e7eb);
+}
+.text-block s,
+.text-block del {
+  text-decoration: line-through;
+  color: var(--chat-text-muted, #9ca3af);
+}
+.text-block code {
+  font-family:
+    "JetBrains Mono",
+    "Fira Code",
+    "Monaco",
+    "Menlo",
+    "Consolas",
+    monospace;
+  font-size: 0.875em;
+  background: var(--chat-inline-code-bg, rgba(110, 118, 129, 0.25));
+  padding: 0.2em 0.45em;
+  border-radius: 6px;
+  color: var(--chat-inline-code-text, #f472b6);
+  font-weight: 500;
+}
+.text-block blockquote {
+  margin: 1em 0;
+  padding: 0.75em 1em;
+  border-left: 4px solid var(--chat-accent, #60a5fa);
+  background: var(--chat-blockquote-bg, rgba(96, 165, 250, 0.08));
+  border-radius: 0 8px 8px 0;
+  color: var(--chat-text-muted, #d1d5db);
+}
+.text-block blockquote p {
+  margin: 0.25em 0;
+}
+.text-block blockquote p:first-child {
+  margin-top: 0;
+}
+.text-block blockquote p:last-child {
+  margin-bottom: 0;
+}
+.text-block hr {
+  border: none;
+  height: 1px;
+  margin: 1.5em 0;
+  background:
+    linear-gradient(
+      90deg,
+      transparent,
+      var(--chat-border, rgba(255, 255, 255, 0.15)) 20%,
+      var(--chat-border, rgba(255, 255, 255, 0.15)) 80%,
+      transparent);
+}
+.text-block .markdown-table-wrapper {
+  margin: 1em 0;
+  overflow-x: auto;
+  border-radius: 8px;
+  border: 1px solid var(--chat-border, rgba(255, 255, 255, 0.1));
+  scrollbar-gutter: stable;
+}
+.text-block .markdown-table {
+  min-width: 100%;
+  width: max-content;
+  border-collapse: collapse;
+  font-size: 0.9em;
+}
+.text-block .markdown-table th {
+  background: var(--chat-table-header-bg, rgba(255, 255, 255, 0.06));
+  font-weight: 600;
+  text-align: left;
+  padding: 0.75em 1em;
+  border-bottom: 1px solid var(--chat-border, rgba(255, 255, 255, 0.1));
+  color: var(--chat-text-strong, #fff);
+}
+.text-block .markdown-table td {
+  padding: 0.65em 1em;
+  border-bottom: 1px solid var(--chat-border, rgba(255, 255, 255, 0.06));
+}
+.text-block .markdown-table tr:last-child td {
+  border-bottom: none;
+}
+.text-block .markdown-table tbody tr:hover {
+  background: var(--chat-table-row-hover-bg, rgba(255, 255, 255, 0.05));
+}
+.text-block img {
+  max-width: 100%;
+  height: auto;
+  border-radius: 8px;
+  margin: 0.75em 0;
+}
+.code-block-wrapper {
+  margin: 1em 0;
+  border-radius: 8px;
+  overflow: hidden;
+  border: 1px solid var(--chat-border, rgba(255, 255, 255, 0.15));
+  background: transparent;
+}
+.code-header {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  padding: 8px 14px;
+  border-bottom: 1px solid var(--chat-border, rgba(255, 255, 255, 0.08));
+}
+.code-language {
+  font-size: 12px;
+  font-weight: 500;
+  color: var(--chat-text-muted, #8b949e);
+  text-transform: lowercase;
+  letter-spacing: 0.03em;
+}
+.code-actions {
+  display: flex;
+  align-items: center;
+  gap: 4px;
+}
+.code-action-btn {
+  display: flex;
+  align-items: center;
+  gap: 5px;
+  padding: 4px 8px;
+  font-size: 12px;
+  font-weight: 500;
+  color: var(--chat-text-muted, #8b949e);
+  background: transparent;
+  border: 1px solid transparent;
+  border-radius: 5px;
+  cursor: pointer;
+  appearance: none;
+  -webkit-appearance: none;
+  line-height: 1;
+  transition: all 0.15s ease;
+}
+.code-action-btn:hover {
+  color: var(--chat-text, #e5e7eb);
+  background: var(--chat-hover-bg, rgba(255, 255, 255, 0.08));
+  border-color: var(--chat-border, rgba(255, 255, 255, 0.1));
+}
+.code-action-btn:active {
+  transform: scale(0.97);
+}
+.code-action-btn svg {
+  flex-shrink: 0;
+  width: 14px;
+  height: 14px;
+}
+.code-block {
+  margin: 0;
+  padding: 14px 18px;
+  overflow-x: auto;
+  font-family:
+    "JetBrains Mono",
+    "Fira Code",
+    "Monaco",
     "Menlo",
-    "Courier New",
+    "Consolas",
     monospace;
   font-size: 13px;
-  color: var(--chat-code-text, var(--chat-text, #ccc));
-  white-space: pre-wrap;
-  word-break: break-all;
+  line-height: 1.6;
+  color: var(--chat-code-text, #e6edf3);
+  background: transparent;
+  border: none;
+  border-radius: 0;
+  -webkit-font-smoothing: antialiased;
+}
+.code-block code {
+  display: block;
+  white-space: pre;
+  tab-size: 2;
+}
+.code-block::-webkit-scrollbar {
+  height: 6px;
+}
+.code-block::-webkit-scrollbar-track {
+  background: transparent;
+}
+.code-block::-webkit-scrollbar-thumb {
+  background: var(--chat-scrollbar, rgba(255, 255, 255, 0.2));
+  border-radius: 3px;
+}
+.code-block::-webkit-scrollbar-thumb:hover {
+  background: var(--chat-scrollbar-hover, rgba(255, 255, 255, 0.3));
+}
+.code-block .hljs-keyword,
+.code-block .hljs-selector-tag {
+  color: var(--chat-hljs-keyword, #ff7b72);
+}
+.code-block .hljs-built_in {
+  color: var(--chat-hljs-built-in, #ffa657);
+}
+.code-block .hljs-type,
+.code-block .hljs-class {
+  color: var(--chat-hljs-type, #ffa657);
+}
+.code-block .hljs-title,
+.code-block .hljs-title.function_,
+.code-block .hljs-function {
+  color: var(--chat-hljs-function, #d2a8ff);
+}
+.code-block .hljs-string,
+.code-block .hljs-template-variable {
+  color: var(--chat-hljs-string, #a5d6ff);
+}
+.code-block .hljs-number {
+  color: var(--chat-hljs-number, #79c0ff);
+}
+.code-block .hljs-literal,
+.code-block .hljs-null {
+  color: var(--chat-hljs-literal, #79c0ff);
+}
+.code-block .hljs-comment,
+.code-block .hljs-quote {
+  color: var(--chat-hljs-comment, #8b949e);
+  font-style: italic;
+}
+.code-block .hljs-variable,
+.code-block .hljs-template-tag {
+  color: var(--chat-hljs-variable, #ffa657);
+}
+.code-block .hljs-attr,
+.code-block .hljs-attribute {
+  color: var(--chat-hljs-attr, #79c0ff);
+}
+.code-block .hljs-property {
+  color: var(--chat-hljs-property, #7ee787);
+}
+.code-block .hljs-operator {
+  color: var(--chat-hljs-operator, #ff7b72);
+}
+.code-block .hljs-punctuation {
+  color: var(--chat-hljs-punctuation, #e6edf3);
+}
+.code-block .hljs-params {
+  color: var(--chat-hljs-params, #e6edf3);
+}
+.code-block .hljs-regexp {
+  color: var(--chat-hljs-regexp, #7ee787);
+}
+.code-block .hljs-selector-class,
+.code-block .hljs-selector-id {
+  color: var(--chat-hljs-selector, #7ee787);
+}
+.code-block .hljs-tag {
+  color: var(--chat-hljs-tag, #7ee787);
+}
+.code-block .hljs-name {
+  color: var(--chat-hljs-name, #7ee787);
+}
+.code-block .hljs-deletion {
+  color: var(--chat-hljs-deletion, #ffa198);
+  background: var(--chat-hljs-deletion-bg, rgba(248, 81, 73, 0.15));
+}
+.code-block .hljs-addition {
+  color: var(--chat-hljs-addition, #7ee787);
+  background: var(--chat-hljs-addition-bg, rgba(46, 160, 67, 0.15));
+}
+.code-block .hljs-meta {
+  color: var(--chat-hljs-meta, #8b949e);
+}
+.code-block .hljs-link {
+  color: var(--chat-hljs-link, #a5d6ff);
+  text-decoration: underline;
+}
+.code-block .hljs-symbol {
+  color: var(--chat-hljs-symbol, #79c0ff);
+}
+.code-block .hljs-subst {
+  color: var(--chat-hljs-subst, #e6edf3);
+}
+.code-block .hljs-section {
+  color: var(--chat-hljs-section, #79c0ff);
+  font-weight: bold;
+}
+.code-block .hljs-bullet {
+  color: var(--chat-hljs-bullet, #ffa657);
+}
+.code-block .hljs-emphasis {
+  font-style: italic;
+}
+.code-block .hljs-strong {
+  font-weight: bold;
+}
+.text-block .latex-block {
+  display: block;
+  margin: 1em 0;
+  padding: 0.75em 1em;
+  overflow-x: auto;
+  background: var(--chat-latex-bg, rgba(255, 255, 255, 0.02));
+  border-radius: 8px;
+  border: 1px solid var(--chat-border, rgba(255, 255, 255, 0.08));
+}
+.text-block .latex-block .katex-display {
+  margin: 0;
   overflow-x: auto;
+  overflow-y: hidden;
+  text-align: left;
+}
+.text-block .latex-block .katex {
+  text-align: left;
+}
+.text-block .latex-inline {
+  display: inline;
+  padding: 0 0.15em;
+}
+.text-block .latex-error {
+  color: var(--chat-error, #ef4444);
+  background: rgba(239, 68, 68, 0.1);
+  padding: 0.2em 0.4em;
+  border-radius: 4px;
+  font-family: monospace;
+  font-size: 0.9em;
+}
+.text-block .katex {
+  font-size: 1.1em;
+  color: var(--chat-text, #e5e7eb);
+}
+.text-block .katex .frac-line {
+  background: var(--chat-text, #e5e7eb);
+}
+.text-block .katex .sqrt > .sqrt-sign {
+  color: var(--chat-text, #e5e7eb);
+}
+.text-block .latex-block::-webkit-scrollbar {
+  height: 6px;
+}
+.text-block .latex-block::-webkit-scrollbar-track {
+  background: transparent;
+}
+.text-block .latex-block::-webkit-scrollbar-thumb {
+  background: var(--chat-scrollbar, rgba(255, 255, 255, 0.2));
+  border-radius: 3px;
+}
+.text-block .latex-block::-webkit-scrollbar-thumb:hover {
+  background: var(--chat-scrollbar-hover, rgba(255, 255, 255, 0.3));
+}
+
+/* src/components/message/parts/ThinkingPart.css */
+.thinking-content {
+  font-size: 13px;
+  line-height: 1.5;
+  color: var(--chat-text-muted, #999);
+  white-space: pre-wrap;
+  word-break: break-word;
+  overflow-wrap: break-word;
+  margin: 0;
+}
+
+/* src/components/message/parts/SearchPart.css */
+.search-results {
+  display: flex;
+  flex-direction: column;
+  gap: 8px;
+}
+.search-item {
+  display: block;
+  padding: 8px;
+  border-radius: 6px;
+  background: var(--chat-bg, #1e1e1e);
+  text-decoration: none;
+  transition: background 0.15s;
+}
+.search-item:hover {
+  background: var(--chat-hover, #333);
+}
+.search-item-title {
+  font-size: 13px;
+  font-weight: 500;
+  color: var(--chat-accent, #3b82f6);
+  margin-bottom: 4px;
+}
+.search-item-snippet {
+  font-size: 12px;
+  color: var(--chat-text-muted, #888);
+  line-height: 1.4;
+  margin-bottom: 4px;
+  display: -webkit-box;
+  -webkit-line-clamp: 2;
+  -webkit-box-orient: vertical;
+  overflow: hidden;
+}
+.search-item-url {
+  font-size: 11px;
+  color: var(--chat-text-muted, #666);
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
+/* src/components/input/DropdownSelector.css */
+.dropdown-selector {
+  position: relative;
+  display: flex;
+  align-items: center;
+  gap: 4px;
+  height: 28px;
+  padding: 0 8px;
+  background: rgba(0, 0, 0, 0.04);
+  background: color-mix(in srgb, var(--chat-text, #ccc) 6%, transparent);
+  border: none;
+  border-radius: 6px;
+  font-size: 14px;
+  color: var(--chat-text-muted, #888);
+  cursor: pointer;
+  transition: all 0.15s;
+}
+.dropdown-selector:hover:not(.disabled) {
+  background: rgba(0, 0, 0, 0.06);
+  background: color-mix(in srgb, var(--chat-text, #ccc) 10%, transparent);
+  color: var(--chat-text, #ccc);
+}
+.dropdown-selector.disabled {
+  opacity: 0.6;
+  cursor: not-allowed;
+}
+.dropdown-selector .chevron {
+  color: var(--chat-text-muted, #666);
+}
+.dropdown-selector .dropdown-menu {
+  position: absolute;
+  left: 0;
+  right: auto;
+  min-width: 180px;
+  max-height: 320px;
+  overflow-y: auto;
+  background: var(--chat-dropdown-bg, #252526);
+  border: 1px solid rgba(255, 255, 255, 0.1);
+  border-radius: 8px;
+  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.4);
+  z-index: 9999;
+  padding: 4px 8px 4px 4px;
+  display: flex;
+  flex-direction: column;
+  gap: 2px;
+}
+.dropdown-selector .dropdown-menu.dropdown-up {
+  bottom: 100%;
+  top: auto;
+  margin-bottom: 4px;
+}
+.dropdown-selector .dropdown-menu.dropdown-down {
+  top: 100%;
+  bottom: auto;
+  margin-top: 4px;
 }
-.execution-stats {
+.dropdown-selector .dropdown-menu.dropdown-align-right {
+  left: auto;
+  right: 0;
+}
+.dropdown-selector .dropdown-item {
   display: flex;
-  gap: 16px;
-  margin-bottom: 12px;
-  padding-top: 8px;
-  border-top: 1px solid var(--chat-border, #333);
+  align-items: center;
+  gap: 8px;
+  width: 100%;
+  padding: 8px 10px;
+  border: none;
+  background: transparent;
+  border-radius: 4px;
+  font-size: 14px;
+  color: var(--chat-text-muted, #999);
+  cursor: pointer;
+  transition: all 0.15s;
+  white-space: nowrap;
 }
-.stat-item {
+.dropdown-selector .dropdown-item:hover {
+  background: rgba(0, 0, 0, 0.06);
+  background: color-mix(in srgb, var(--chat-text, #ccc) 10%, transparent);
+  color: var(--chat-text, #ccc);
+}
+.dropdown-selector .dropdown-item.active {
+  background: rgba(0, 0, 0, 0.08);
+  background: color-mix(in srgb, var(--chat-text, #ccc) 14%, transparent);
+  color: var(--chat-text, #fff);
+}
+.dropdown-selector .check-icon {
+  margin-left: auto;
+  color: var(--chat-text, #ccc);
+  flex-shrink: 0;
+}
+.dropdown-selector .selector-text {
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+.dropdown-selector .dropdown-empty {
+  padding: 12px 10px;
+  font-size: 12px;
+  color: var(--chat-text-muted, #666);
+  text-align: center;
+}
+.dropdown-selector .group-title {
+  padding: 8px 10px 4px;
+  margin-top: 4px;
+  font-size: 11px;
+  color: var(--chat-text-muted, #666);
+}
+.dropdown-selector .group-title:first-child {
+  margin-top: 0;
+}
+.dropdown-selector .option-label {
+  flex: 1;
+  text-align: left;
+}
+.dropdown-selector .option-right {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  margin-left: auto;
+}
+.dropdown-selector .provider-badge {
+  padding: 2px 6px;
+  font-size: 11px;
+  font-weight: 500;
+  color: var(--chat-text-muted, #999);
+  background: rgba(255, 255, 255, 0.08);
+  border-radius: 3px;
+  white-space: nowrap;
+}
+.dropdown-selector .provider-badge.native {
+  color: var(--chat-text-muted, #999);
+}
+.dropdown-selector .dropdown-item-wrapper {
+  position: relative;
+}
+.ai-chat-model-tooltip {
+  min-width: 160px;
+  max-width: 240px;
+  width: max-content;
+  padding: 12px;
+  background: var(--chat-dropdown-bg, #252526);
+  border: 1px solid rgba(255, 255, 255, 0.15);
+  border-radius: 8px;
+  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.5);
+  pointer-events: none;
+}
+.ai-chat-model-tooltip__section {
+  margin-bottom: 10px;
+}
+.ai-chat-model-tooltip__section:last-child {
+  margin-bottom: 0;
+}
+.ai-chat-model-tooltip__title {
+  font-size: 11px;
+  font-weight: 500;
+  color: var(--chat-text-muted, #888);
+  margin-bottom: 6px;
+  text-transform: uppercase;
+  letter-spacing: 0.5px;
+}
+.ai-chat-model-tooltip__features {
   display: flex;
+  flex-direction: column;
   gap: 4px;
+}
+.ai-chat-model-tooltip__feature {
+  display: flex;
+  align-items: center;
+  gap: 6px;
+  font-size: 13px;
+  color: var(--chat-text, #ccc);
+}
+.ai-chat-model-tooltip__check {
+  color: #4ade80;
+  flex-shrink: 0;
+}
+.ai-chat-model-tooltip__cost {
+  font-size: 13px;
+  color: var(--chat-text, #ccc);
+}
+.ai-chat-model-tooltip__description {
   font-size: 12px;
+  color: var(--chat-text-muted, #999);
+  line-height: 1.5;
 }
-.stat-label {
+
+/* src/components/common/CopyButton.css */
+.copy-btn {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  padding: 4px;
+  background: transparent;
+  border: none;
   color: var(--chat-text-muted, #888);
+  cursor: pointer;
+  border-radius: 4px;
+  transition: all 0.2s;
 }
-.stat-value {
-  color: var(--chat-text, #ccc);
+.copy-btn:hover {
+  background: rgba(255, 255, 255, 0.1);
+  color: var(--chat-text, #fff);
+}
+.copy-btn.copied {
+  color: var(--chat-success, #22c55e);
+}
+
+/* src/components/message/parts/ToolCallPart.css */
+.tool-args {
+  margin: 0 0 12px 0;
+  padding: 0.75em 1em;
+  background: var(--chat-bg, #1e1e1e);
+  border: 1px solid var(--chat-border, rgba(255, 255, 255, 0.08));
+  border-radius: 8px;
+  font-size: 13px;
+  line-height: 1.6;
+  color: var(--chat-text-muted, #999);
+  white-space: pre-wrap;
+  word-break: break-word;
+  overflow-x: auto;
+}
+.tool-args.json {
+  font-family:
+    "Monaco",
+    "Menlo",
+    "Courier New",
+    monospace;
+  font-size: 12px;
+  line-height: 1.8;
+  white-space: pre;
+  word-break: normal;
+  overflow-x: auto;
+}
+.tool-args.json::-webkit-scrollbar {
+  height: 6px;
+}
+.tool-args.json::-webkit-scrollbar-track {
+  background: transparent;
+}
+.tool-args.json::-webkit-scrollbar-thumb {
+  background: var(--chat-scrollbar, rgba(255, 255, 255, 0.2));
+  border-radius: 3px;
+}
+.tool-args.json::-webkit-scrollbar-thumb:hover {
+  background: var(--chat-scrollbar-hover, rgba(255, 255, 255, 0.3));
+}
+.tool-args.json .hljs-attr,
+.tool-args.json .hljs-attribute {
+  color: var(--chat-hljs-attr, #79c0ff);
+}
+.tool-args.json .hljs-string,
+.tool-args.json .hljs-template-variable {
+  color: var(--chat-hljs-string, #a5d6ff);
+}
+.tool-args.json .hljs-number {
+  color: var(--chat-hljs-number, #79c0ff);
 }
-.tool-call-footer {
+.tool-args.json .hljs-literal,
+.tool-args.json .hljs-null {
+  color: var(--chat-hljs-literal, #79c0ff);
+}
+.tool-args.json .hljs-punctuation {
+  color: var(--chat-hljs-punctuation, #e6edf3);
+}
+.tool-args.command {
+  font-family:
+    "Monaco",
+    "Menlo",
+    "Courier New",
+    monospace;
+  font-size: 12px;
+  line-height: 1.6;
+}
+.tool-args.text {
+  font-size: 13px;
+  line-height: 1.5;
+}
+.tool-footer {
   display: flex;
   align-items: center;
   justify-content: space-between;
   gap: 12px;
-  padding-top: 12px;
-  border-top: 1px solid var(--chat-border, #333);
-}
-.footer-left {
-  flex-shrink: 0;
-  position: relative;
-  z-index: 10;
 }
-.footer-right {
+.tool-actions {
   display: flex;
   align-items: center;
-  gap: 12px;
+  gap: 8px;
 }
-.execution-status {
+.status-text {
   display: flex;
   align-items: center;
   gap: 6px;
   font-size: 12px;
   font-weight: 500;
 }
-.execution-status.success {
+.status-text.done {
   color: var(--chat-success, #22c55e);
 }
-.execution-status.error {
-  color: #ef4444;
+.status-text.error {
+  color: var(--chat-error, #ef4444);
 }
-.execution-status.running {
+.status-text.running {
   color: var(--chat-accent, #3b82f6);
 }
-.execution-status.pending {
-  color: var(--chat-text-muted, #888);
-}
-.mode-display {
-  display: flex;
-  align-items: center;
-  gap: 6px;
-  font-size: 12px;
+.status-text.cancelled {
+  color: var(--chat-warning, #f59e0b);
 }
-.mode-label {
+.status-text.skipped {
   color: var(--chat-text-muted, #888);
 }
-.mode-value {
-  color: var(--chat-text, #ccc);
-}
 .spinning {
   animation: spin 1s linear infinite;
 }
@@ -1187,10 +2913,6 @@
     transform: rotate(360deg);
   }
 }
-.action-buttons {
-  display: flex;
-  gap: 8px;
-}
 .btn {
   padding: 6px 12px;
   border-radius: 6px;
@@ -1228,76 +2950,82 @@
   color: #ef4444;
   border-color: #ef4444;
 }
-.execution-status.cancelled {
-  color: var(--chat-warning, #f59e0b);
-}
-
-/* src/components/message/parts/ToolResultPart.css */
-.tool-result-part {
-  margin: 8px 0;
-}
-.default-result {
+.output-panel {
+  margin: 0 0 12px 0;
+  border: 1px solid var(--chat-border, rgba(255, 255, 255, 0.08));
   border-radius: 8px;
-  background: var(--chat-muted, #2a2a2a);
-  border: 1px solid var(--chat-border, #333);
+  background: var(--chat-bg, #1e1e1e);
   overflow: hidden;
 }
-.default-result .result-header {
+.output-header {
   display: flex;
   align-items: center;
-  gap: 8px;
-  padding: 8px 12px;
-  cursor: pointer;
-  user-select: none;
-}
-.default-result .result-header:hover {
-  background: var(--chat-hover, #333);
+  justify-content: space-between;
+  gap: 12px;
+  padding: 8px 10px;
+  border-bottom: 1px solid var(--chat-border, rgba(255, 255, 255, 0.08));
 }
-.default-result .result-icon {
+.output-tabs {
   display: flex;
-  align-items: center;
-  justify-content: center;
-}
-.default-result .result-icon .success {
-  color: var(--chat-success, #22c55e);
+  gap: 6px;
 }
-.default-result .result-icon .error {
-  color: var(--chat-error, #ef4444);
+.tab {
+  padding: 4px 8px;
+  border-radius: 6px;
+  border: 1px solid var(--chat-border, #333);
+  background: var(--chat-muted, #2a2a2a);
+  color: var(--chat-text-muted, #999);
+  font-size: 11px;
+  cursor: pointer;
 }
-.default-result .result-name {
-  font-size: 13px;
-  font-weight: 500;
+.tab.active {
+  background: rgba(59, 130, 246, 0.15);
+  border-color: rgba(59, 130, 246, 0.35);
   color: var(--chat-text, #ccc);
 }
-.default-result .result-chevron {
-  margin-left: auto;
-  color: var(--chat-text-muted, #666);
-  transition: transform 0.2s;
+.output-actions {
+  display: flex;
+  align-items: center;
+  gap: 8px;
 }
-.default-result.expanded .result-chevron {
-  transform: rotate(180deg);
+.btn-save {
+  padding: 6px 10px;
+  border-radius: 6px;
+  font-size: 12px;
+  font-weight: 500;
+  cursor: pointer;
+  border: 1px solid var(--chat-border, #333);
+  background: transparent;
+  color: var(--chat-text-muted, #888);
+  display: flex;
+  align-items: center;
+  gap: 6px;
+  transition: all 0.2s;
 }
-.default-result .result-content {
-  padding: 12px;
-  padding-top: 0;
+.btn-save:hover {
+  background: var(--chat-muted-hover, #333);
+  color: var(--chat-text, #ccc);
 }
-.default-result .result-content pre {
+.output-body {
   margin: 0;
-  font-size: 12px;
+  padding: 10px 12px;
   font-family:
-    "SF Mono",
-    Monaco,
-    "Cascadia Code",
+    "Monaco",
+    "Menlo",
+    "Courier New",
     monospace;
-  color: var(--chat-code-text, var(--chat-text-muted, #999));
+  font-size: 12px;
+  line-height: 1.6;
+  color: var(--chat-text-muted, #999);
   white-space: pre-wrap;
   word-break: break-word;
+  max-height: 260px;
+  overflow: auto;
 }
 
 /* src/components/message/parts/ImagePart.css */
 .image-part {
   position: relative;
-  margin: 8px 0;
   max-width: 100%;
   display: inline-block;
 }
@@ -1356,6 +3084,12 @@
   display: flex;
   flex-direction: column;
 }
+.part-item {
+  margin-top: 8px;
+}
+.part-item:first-child {
+  margin-top: 0;
+}
 
 /* src/components/input/ChatInput.css */
 .chat-input {
@@ -1363,7 +3097,6 @@
 }
 .chat-input.message-variant {
   padding: 0;
-  margin-bottom: 16px;
 }
 .input-container {
   display: flex;
@@ -2113,6 +3846,54 @@
   }
 }
 
+/* src/components/common/ToggleSwitch.css */
+.toggle-switch {
+  position: relative;
+  display: inline-block;
+  width: 44px;
+  height: 24px;
+  cursor: pointer;
+}
+.toggle-switch input {
+  opacity: 0;
+  width: 0;
+  height: 0;
+}
+.toggle-slider {
+  position: absolute;
+  top: 0;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  background-color: var(--chat-muted, #3c3c3c);
+  border-radius: 24px;
+  transition: all 0.2s;
+  border: 1px solid rgba(255, 255, 255, 0.1);
+}
+.toggle-slider::before {
+  position: absolute;
+  content: "";
+  height: 18px;
+  width: 18px;
+  left: 3px;
+  top: 50%;
+  transform: translateY(-50%);
+  background-color: #fff;
+  border-radius: 50%;
+  transition: all 0.2s;
+  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
+}
+.toggle-switch input:checked + .toggle-slider {
+  background-color: rgb(153, 207, 140);
+  border-color: rgba(255, 255, 255, 0.2);
+}
+.toggle-switch input:checked + .toggle-slider::before {
+  transform: translate(20px, -50%);
+}
+.toggle-switch input:focus + .toggle-slider {
+  box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.2);
+}
+
 /* src/components/common/IndexingSettings.css */
 .indexing-settings {
   display: flex;
@@ -2506,300 +4287,72 @@
 .toggle-switch input:focus + .toggle-slider {
   box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.2);
 }
-
-/* src/components/message/blocks/blocks.css */
-.text-block {
-  font-size: 14px;
-  line-height: 1.7;
-  color: var(--chat-text, #ccc);
-  white-space: pre-wrap;
-  word-break: break-word;
-}
-.code-block {
-  background: var(--chat-code-bg, #1f2937);
-  border-radius: 8px;
-  overflow: hidden;
-  margin: 8px 0;
-}
-.code-header {
+.setting-section-header {
   display: flex;
-  align-items: center;
+  align-items: flex-start;
   justify-content: space-between;
-  padding: 8px 12px;
-  background: rgba(0, 0, 0, 0.2);
-  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
-}
-.code-language {
-  font-size: 12px;
-  color: var(--chat-text-muted, #888);
-  font-family:
-    "SF Mono",
-    Monaco,
-    monospace;
-}
-.code-actions {
-  display: flex;
-  gap: 4px;
+  gap: 16px;
+  padding: 16px 0 8px;
+  border-bottom: 1px solid var(--chat-border, #333);
 }
-.code-action-btn {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  width: 28px;
-  height: 28px;
-  border: none;
-  background: transparent;
-  border-radius: 4px;
-  color: var(--chat-text-muted, #888);
+.disable-all-btn {
+  flex-shrink: 0;
+  height: 32px;
+  padding: 0 12px;
+  border-radius: 8px;
+  border: 1px solid var(--chat-border, #333);
+  background: rgba(255, 255, 255, 0.06);
+  color: var(--chat-text, #fff);
+  font-size: 13px;
   cursor: pointer;
-  transition: all 0.15s;
+  transition: all 0.15s ease;
 }
-.code-action-btn:hover {
+.disable-all-btn:hover {
   background: rgba(255, 255, 255, 0.1);
-  color: var(--chat-text, #ccc);
-}
-.code-content {
-  margin: 0;
-  padding: 12px;
-  overflow-x: auto;
-  font-family:
-    "SF Mono",
-    Monaco,
-    Consolas,
-    monospace;
-  font-size: 13px;
-  line-height: 1.5;
-  color: var(--chat-code-text, #e5e7eb);
-}
-.code-content::-webkit-scrollbar {
-  width: 6px;
-  height: 6px;
-}
-.code-content::-webkit-scrollbar-track {
-  background: transparent;
-}
-.code-content::-webkit-scrollbar-thumb {
-  background: var(--chat-scrollbar, rgba(255, 255, 255, 0.2));
-  border-radius: 3px;
-}
-.code-content::-webkit-scrollbar-thumb:hover {
-  background: var(--chat-scrollbar-hover, rgba(255, 255, 255, 0.3));
-}
-.code-content code {
-  font-family: inherit;
-}
-.code-content .hljs-keyword {
-  color: #c678dd;
-}
-.code-content .hljs-string {
-  color: #98c379;
-}
-.code-content .hljs-number {
-  color: #d19a66;
-}
-.code-content .hljs-comment {
-  color: #5c6370;
-  font-style: italic;
-}
-.code-content .hljs-function {
-  color: #61afef;
-}
-.code-content .hljs-class {
-  color: #e5c07b;
-}
-.code-content .hljs-variable {
-  color: #e06c75;
 }
-.code-content .hljs-operator {
-  color: #56b6c2;
-}
-.code-content .hljs-punctuation {
-  color: #abb2bf;
-}
-.code-content .hljs-property {
-  color: #e06c75;
-}
-.code-content .hljs-attr {
-  color: #d19a66;
-}
-.code-content .hljs-built_in {
-  color: #e5c07b;
-}
-.code-content .hljs-title {
-  color: #61afef;
-}
-.code-content .hljs-params {
-  color: #abb2bf;
-}
-.code-content .hljs-literal {
-  color: #56b6c2;
-}
-.code-content .hljs-type {
-  color: #e5c07b;
+.disable-all-btn:disabled {
+  opacity: 0.5;
+  cursor: not-allowed;
 }
-
-/* src/components/message/ContentRenderer.css */
-.content-renderer {
+.tools-list {
   display: flex;
   flex-direction: column;
-  gap: 4px;
-}
-
-/* src/components/message/tool-results/tool-results.css */
-.default-tool-result {
-  background: var(--chat-bg, #1e1e1e);
-  border-radius: 6px;
-  overflow: hidden;
-}
-.result-content {
-  margin: 0;
-  padding: 8px;
-  font-size: 13px;
-  line-height: 1.5;
-  color: var(--chat-code-text, var(--chat-text, #999));
-  font-family:
-    "SF Mono",
-    Monaco,
-    monospace;
-  white-space: pre-wrap;
-  word-break: break-word;
-  overflow-x: auto;
-  background: var(--chat-code-bg);
-  border-top: 1px solid var(--chat-border);
-}
-.weather-card {
-  background:
-    linear-gradient(
-      135deg,
-      #667eea 0%,
-      #764ba2 100%);
-  border-radius: 12px;
-  padding: 16px;
-  color: #fff;
-  min-width: 200px;
 }
-.weather-header {
+.tool-item {
   display: flex;
   align-items: center;
-  gap: 8px;
-  margin-bottom: 12px;
-}
-.weather-icon {
-  opacity: 0.9;
-}
-.weather-location {
-  font-size: 14px;
-  font-weight: 500;
-}
-.weather-main {
-  margin-bottom: 12px;
-}
-.weather-temp {
-  font-size: 48px;
-  font-weight: 300;
-  line-height: 1;
-}
-.weather-condition {
-  font-size: 14px;
-  opacity: 0.9;
-  margin-top: 4px;
-}
-.weather-details {
-  display: flex;
+  justify-content: space-between;
   gap: 16px;
-  padding-top: 12px;
-  border-top: 1px solid rgba(255, 255, 255, 0.2);
-}
-.weather-detail {
-  display: flex;
-  align-items: center;
-  gap: 4px;
-  font-size: 13px;
-  opacity: 0.9;
+  padding: 14px 0;
+  border-bottom: 1px solid var(--chat-border, #333);
 }
-.weather-forecast {
-  margin-top: 12px;
-  padding-top: 12px;
-  border-top: 1px solid rgba(255, 255, 255, 0.2);
-  display: flex;
-  gap: 12px;
-  overflow-x: auto;
+.tool-item:last-child {
+  border-bottom: none;
 }
-.forecast-item {
-  text-align: center;
-  min-width: 60px;
+.tool-info {
+  flex: 1;
+  min-width: 0;
 }
-.forecast-date {
-  font-size: 12px;
-  opacity: 0.8;
+.tool-name {
+  font-size: 14px;
+  font-weight: 500;
+  color: var(--chat-text, #fff);
   margin-bottom: 4px;
+  word-break: break-all;
 }
-.forecast-temp {
+.tool-description {
   font-size: 13px;
-  font-weight: 500;
-}
-.forecast-condition {
-  font-size: 11px;
-  opacity: 0.8;
-  margin-top: 2px;
-}
-.search-results-card {
-  background: var(--chat-muted, #2d2d2d);
-  border-radius: 8px;
-  overflow: hidden;
-}
-.search-header {
-  display: flex;
-  align-items: center;
-  gap: 8px;
-  padding: 10px 12px;
-  background: rgba(0, 0, 0, 0.2);
   color: var(--chat-text-muted, #888);
-  font-size: 13px;
-}
-.search-count {
-  margin-left: auto;
-  font-size: 12px;
-  opacity: 0.7;
-}
-.search-list {
-  display: flex;
-  flex-direction: column;
-}
-.search-item {
-  display: block;
-  padding: 10px 12px;
-  text-decoration: none;
-  border-bottom: 1px solid rgba(255, 255, 255, 0.05);
-  transition: background 0.15s;
-}
-.search-item:last-child {
-  border-bottom: none;
-}
-.search-item:hover {
-  background: rgba(255, 255, 255, 0.05);
+  line-height: 1.5;
+  word-break: break-word;
 }
-.item-title {
-  font-size: 14px;
-  color: var(--chat-text, #ccc);
-  font-weight: 500;
-  margin-bottom: 4px;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
+.no-tools {
+  padding: 16px 0;
+  color: var(--chat-text, #fff);
 }
-.item-snippet {
+.no-tools-hint {
   font-size: 12px;
   color: var(--chat-text-muted, #888);
-  line-height: 1.4;
-  margin-bottom: 4px;
-  display: -webkit-box;
-  -webkit-line-clamp: 2;
-  -webkit-box-orient: vertical;
-  overflow: hidden;
-}
-.item-url {
-  font-size: 11px;
-  color: var(--chat-text-muted, #666);
+  margin-top: 8px;
 }
 /*# sourceMappingURL=index.css.map */