entangle-ui 0.6.3 → 0.8.0

package/dist/esm/assets/src/components/editor/ChatPanel/{ChatPanel.css.ts.vanilla-DPIGnZ4A.css → ChatPanel.css.ts.vanilla-CLn8idfz.css}

@@ -1,4 +1,4 @@
-@keyframes ChatPanel_dotBounce__1c3e77rx {
+@keyframes ChatPanel_dotBounce__1c3e77rv {
   0%, 80%, 100% {
     transform: scale(0.6);
     opacity: 0.4;
@@ -8,7 +8,7 @@
     opacity: 1;
   }
 }
-@keyframes ChatPanel_pulseAnim__1c3e77ry {
+@keyframes ChatPanel_pulseAnim__1c3e77rw {
   0%, 100% {
     opacity: 0.3;
   }
@@ -78,40 +78,21 @@
   flex-direction: column;
   gap: var(--etui-spacing-xs);
   min-width: 0;
-  max-width: 85%;
+  max-width: var(--etui-chat-message-max-width, 85%);
 }
-.ChatPanel_messageAvatarStyle__1c3e77rb {
-  width: 24px;
-  height: 24px;
-  border-radius: 50%;
-  flex-shrink: 0;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  font-size: var(--etui-font-size-xs);
-  font-weight: var(--etui-font-weight-semibold);
-  background-color: var(--etui-color-surface-default);
-  color: var(--etui-color-text-secondary);
-  overflow: hidden;
-}
-.ChatPanel_messageAvatarImgStyle__1c3e77rc {
-  width: 100%;
-  height: 100%;
-  object-fit: cover;
-}
-.ChatPanel_messageTimestampStyle__1c3e77rd {
+.ChatPanel_messageTimestampStyle__1c3e77rb {
   font-size: var(--etui-font-size-xxs);
   color: var(--etui-color-text-muted);
   padding-left: var(--etui-spacing-xs);
   padding-right: var(--etui-spacing-xs);
 }
-.ChatPanel_messageTextStyle__1c3e77re {
+.ChatPanel_messageTextStyle__1c3e77rc {
   font-size: var(--etui-font-size-md);
   line-height: var(--etui-line-height-normal);
   white-space: pre-wrap;
   word-break: break-word;
 }
-.ChatPanel_bubbleRecipe__1c3e77rf {
+.ChatPanel_bubbleRecipe__1c3e77rd {
   padding: var(--etui-spacing-md) var(--etui-spacing-lg);
   border-radius: var(--etui-radius-lg);
   font-size: var(--etui-font-size-md);
@@ -120,34 +101,34 @@
   white-space: pre-wrap;
   border: 1px solid;
 }
-.ChatPanel_bubbleRecipe_role_user__1c3e77rg {
+.ChatPanel_bubbleRecipe_role_user__1c3e77re {
   background-color: color-mix(in srgb, var(--etui-color-accent-primary) 15%, var(--etui-color-bg-primary));
   border-color: color-mix(in srgb, var(--etui-color-accent-primary) 25%, transparent);
   color: var(--etui-color-text-primary);
 }
-.ChatPanel_bubbleRecipe_role_assistant__1c3e77rh {
+.ChatPanel_bubbleRecipe_role_assistant__1c3e77rf {
   background-color: var(--etui-color-bg-secondary);
   border-color: var(--etui-color-border-default);
   color: var(--etui-color-text-primary);
 }
-.ChatPanel_bubbleRecipe_role_system__1c3e77ri {
+.ChatPanel_bubbleRecipe_role_system__1c3e77rg {
   background-color: transparent;
   border-color: transparent;
   color: var(--etui-color-text-muted);
   text-align: center;
   font-size: var(--etui-font-size-xs);
 }
-.ChatPanel_bubbleRecipe_role_tool__1c3e77rj {
+.ChatPanel_bubbleRecipe_role_tool__1c3e77rh {
   background-color: var(--etui-color-bg-primary);
   border-color: var(--etui-color-border-default);
   color: var(--etui-color-text-primary);
   padding: var(--etui-spacing-md);
 }
-.ChatPanel_bubbleErrorStyle__1c3e77rk {
+.ChatPanel_bubbleErrorStyle__1c3e77ri {
   background-color: color-mix(in srgb, var(--etui-color-accent-error) 10%, var(--etui-color-bg-secondary));
   border-color: color-mix(in srgb, var(--etui-color-accent-error) 35%, transparent);
 }
-.ChatPanel_messageErrorCaptionStyle__1c3e77rl {
+.ChatPanel_messageErrorCaptionStyle__1c3e77rj {
   display: flex;
   align-items: center;
   gap: var(--etui-spacing-xs);
@@ -156,7 +137,7 @@
   padding-left: var(--etui-spacing-xs);
   padding-right: var(--etui-spacing-xs);
 }
-.ChatPanel_messageErrorIconStyle__1c3e77rm {
+.ChatPanel_messageErrorIconStyle__1c3e77rk {
   width: 12px;
   height: 12px;
   flex-shrink: 0;
@@ -164,24 +145,24 @@
   align-items: center;
   justify-content: center;
 }
-.ChatPanel_inputContainerStyle__1c3e77ro {
+.ChatPanel_inputContainerStyle__1c3e77rm {
   display: flex;
   flex-direction: column;
   gap: var(--etui-spacing-sm);
   padding: var(--etui-spacing-md);
   border-top: 1px solid var(--etui-color-border-default);
 }
-.ChatPanel_inputAttachmentsStyle__1c3e77rp {
+.ChatPanel_inputAttachmentsStyle__1c3e77rn {
   display: flex;
   flex-wrap: wrap;
   gap: var(--etui-spacing-sm);
 }
-.ChatPanel_inputPrefixStyle__1c3e77rq {
+.ChatPanel_inputPrefixStyle__1c3e77ro {
   display: flex;
   flex-wrap: wrap;
   gap: var(--etui-spacing-sm);
 }
-.ChatPanel_inputWrapperStyle__1c3e77rr {
+.ChatPanel_inputWrapperStyle__1c3e77rp {
   display: flex;
   flex-direction: column;
   background-color: var(--etui-color-bg-secondary);
@@ -190,10 +171,10 @@
   overflow: hidden;
   transition: border-color var(--etui-transition-normal);
 }
-.ChatPanel_inputWrapperStyle__1c3e77rr:focus-within {
+.ChatPanel_inputWrapperStyle__1c3e77rp:focus-within {
   border-color: var(--etui-color-border-focus);
 }
-.ChatPanel_inputTextareaStyle__1c3e77rs {
+.ChatPanel_inputTextareaStyle__1c3e77rq {
   width: 100%;
   resize: none;
   border: none;
@@ -204,33 +185,33 @@
   font-size: var(--etui-font-size-md);
   line-height: var(--etui-line-height-normal);
   padding: var(--etui-spacing-sm) var(--etui-spacing-md);
-  max-height: var(--inputMaxHeightVar__1c3e77rn);
+  max-height: var(--inputMaxHeightVar__1c3e77rl);
   overflow-y: auto;
   scrollbar-width: thin;
   scrollbar-color: var(--etui-color-text-disabled) transparent;
   box-sizing: border-box;
 }
-.ChatPanel_inputTextareaStyle__1c3e77rs::placeholder {
+.ChatPanel_inputTextareaStyle__1c3e77rq::placeholder {
   color: var(--etui-color-text-disabled);
 }
-.ChatPanel_inputTextareaStyle__1c3e77rs:disabled {
+.ChatPanel_inputTextareaStyle__1c3e77rq:disabled {
   opacity: 0.5;
   cursor: not-allowed;
 }
-.ChatPanel_inputTextareaStyle__1c3e77rs::-webkit-scrollbar {
+.ChatPanel_inputTextareaStyle__1c3e77rq::-webkit-scrollbar {
   width: 4px;
 }
-.ChatPanel_inputTextareaStyle__1c3e77rs::-webkit-scrollbar-track {
+.ChatPanel_inputTextareaStyle__1c3e77rq::-webkit-scrollbar-track {
   background: transparent;
 }
-.ChatPanel_inputTextareaStyle__1c3e77rs::-webkit-scrollbar-thumb {
+.ChatPanel_inputTextareaStyle__1c3e77rq::-webkit-scrollbar-thumb {
   border-radius: 4px;
   background: var(--etui-color-text-disabled);
 }
-.ChatPanel_inputTextareaStyle__1c3e77rs::-webkit-scrollbar-thumb:hover {
+.ChatPanel_inputTextareaStyle__1c3e77rq::-webkit-scrollbar-thumb:hover {
   background: var(--etui-color-text-muted);
 }
-.ChatPanel_inputButtonStyle__1c3e77rt {
+.ChatPanel_inputButtonStyle__1c3e77rr {
   flex-shrink: 0;
   margin-left: auto;
   width: 28px;
@@ -246,14 +227,14 @@
   background-color: var(--etui-color-accent-primary);
   transition: opacity var(--etui-transition-fast);
 }
-.ChatPanel_inputButtonStyle__1c3e77rt:hover {
+.ChatPanel_inputButtonStyle__1c3e77rr:hover {
   opacity: 0.85;
 }
-.ChatPanel_inputButtonStyle__1c3e77rt:disabled {
+.ChatPanel_inputButtonStyle__1c3e77rr:disabled {
   opacity: 0.4;
   cursor: not-allowed;
 }
-.ChatPanel_inputStopButtonStyle__1c3e77ru {
+.ChatPanel_inputStopButtonStyle__1c3e77rs {
   flex-shrink: 0;
   margin-left: auto;
   width: 28px;
@@ -269,59 +250,59 @@
   background-color: var(--etui-color-surface-default);
   transition: background-color var(--etui-transition-fast);
 }
-.ChatPanel_inputStopButtonStyle__1c3e77ru:hover {
+.ChatPanel_inputStopButtonStyle__1c3e77rs:hover {
   background-color: var(--etui-color-surface-hover);
 }
-.ChatPanel_inputBottomBarStyle__1c3e77rv {
+.ChatPanel_inputBottomBarStyle__1c3e77rt {
   display: flex;
   align-items: center;
   gap: var(--etui-spacing-sm);
   padding: var(--etui-spacing-xs) var(--etui-spacing-sm);
 }
-.ChatPanel_inputToolbarStyle__1c3e77rw {
+.ChatPanel_inputToolbarStyle__1c3e77ru {
   display: flex;
   align-items: center;
   gap: var(--etui-spacing-sm);
   flex: 1;
   min-width: 0;
 }
-.ChatPanel_typingIndicatorStyle__1c3e77rz {
+.ChatPanel_typingIndicatorStyle__1c3e77rx {
   display: flex;
   align-items: center;
   gap: var(--etui-spacing-sm);
   padding: 0 var(--etui-spacing-md);
   height: 24px;
 }
-.ChatPanel_typingDotsContainerStyle__1c3e77r10 {
+.ChatPanel_typingDotsContainerStyle__1c3e77ry {
   display: flex;
   align-items: center;
   gap: 3px;
 }
-.ChatPanel_typingDotStyle__1c3e77r11 {
+.ChatPanel_typingDotStyle__1c3e77rz {
   width: 5px;
   height: 5px;
   border-radius: 50%;
   background-color: var(--etui-color-text-muted);
-  animation: ChatPanel_dotBounce__1c3e77rx 1.2s ease-in-out infinite;
+  animation: ChatPanel_dotBounce__1c3e77rv 1.2s ease-in-out infinite;
 }
-.ChatPanel_typingDotStyle__1c3e77r11:nth-child(2) {
+.ChatPanel_typingDotStyle__1c3e77rz:nth-child(2) {
   animation-delay: 0.15s;
 }
-.ChatPanel_typingDotStyle__1c3e77r11:nth-child(3) {
+.ChatPanel_typingDotStyle__1c3e77rz:nth-child(3) {
   animation-delay: 0.3s;
 }
-.ChatPanel_typingPulseStyle__1c3e77r12 {
+.ChatPanel_typingPulseStyle__1c3e77r10 {
   width: 32px;
   height: 4px;
   border-radius: var(--etui-radius-sm);
   background-color: var(--etui-color-accent-primary);
-  animation: ChatPanel_pulseAnim__1c3e77ry 1.5s ease-in-out infinite;
+  animation: ChatPanel_pulseAnim__1c3e77rw 1.5s ease-in-out infinite;
 }
-.ChatPanel_typingLabelStyle__1c3e77r13 {
+.ChatPanel_typingLabelStyle__1c3e77r11 {
   font-size: var(--etui-font-size-xs);
   color: var(--etui-color-text-muted);
 }
-.ChatPanel_toolCallContainerStyle__1c3e77r14 {
+.ChatPanel_toolCallContainerStyle__1c3e77r12 {
   display: flex;
   flex-direction: column;
   border-radius: var(--etui-radius-md);
@@ -329,7 +310,7 @@
   overflow: hidden;
   font-size: var(--etui-font-size-xs);
 }
-.ChatPanel_toolCallHeaderStyle__1c3e77r15 {
+.ChatPanel_toolCallHeaderStyle__1c3e77r13 {
   display: flex;
   align-items: center;
   gap: var(--etui-spacing-sm);
@@ -344,10 +325,10 @@
   font-family: inherit;
   color: var(--etui-color-text-primary);
 }
-.ChatPanel_toolCallHeaderStyle__1c3e77r15:focus-visible {
+.ChatPanel_toolCallHeaderStyle__1c3e77r13:focus-visible {
   box-shadow: var(--etui-shadow-focus);
 }
-.ChatPanel_toolCallIconStyle__1c3e77r16 {
+.ChatPanel_toolCallIconStyle__1c3e77r14 {
   width: 14px;
   height: 14px;
   flex-shrink: 0;
@@ -356,35 +337,35 @@
   justify-content: center;
   color: var(--etui-color-text-muted);
 }
-.ChatPanel_toolCallNameStyle__1c3e77r17 {
+.ChatPanel_toolCallNameStyle__1c3e77r15 {
   flex: 1;
   font-weight: var(--etui-font-weight-medium);
   font-family: var(--etui-font-family-mono);
   font-size: var(--etui-font-size-xs);
 }
-.ChatPanel_toolCallStatusRecipe__1c3e77r18 {
+.ChatPanel_toolCallStatusRecipe__1c3e77r16 {
   font-size: var(--etui-font-size-xxs);
   font-weight: var(--etui-font-weight-medium);
   padding: 1px var(--etui-spacing-sm);
   border-radius: var(--etui-radius-sm);
 }
-.ChatPanel_toolCallStatusRecipe_status_pending__1c3e77r19 {
+.ChatPanel_toolCallStatusRecipe_status_pending__1c3e77r17 {
   color: var(--etui-color-text-muted);
   background-color: var(--etui-color-surface-default);
 }
-.ChatPanel_toolCallStatusRecipe_status_running__1c3e77r1a {
+.ChatPanel_toolCallStatusRecipe_status_running__1c3e77r18 {
   color: var(--etui-color-accent-primary);
   background-color: color-mix(in srgb, var(--etui-color-accent-primary) 15%, transparent);
 }
-.ChatPanel_toolCallStatusRecipe_status_completed__1c3e77r1b {
+.ChatPanel_toolCallStatusRecipe_status_completed__1c3e77r19 {
   color: var(--etui-color-accent-success);
   background-color: color-mix(in srgb, var(--etui-color-accent-success) 15%, transparent);
 }
-.ChatPanel_toolCallStatusRecipe_status_error__1c3e77r1c {
+.ChatPanel_toolCallStatusRecipe_status_error__1c3e77r1a {
   color: var(--etui-color-accent-error);
   background-color: color-mix(in srgb, var(--etui-color-accent-error) 15%, transparent);
 }
-.ChatPanel_toolCallChevronRecipe__1c3e77r1d {
+.ChatPanel_toolCallChevronRecipe__1c3e77r1b {
   display: flex;
   align-items: center;
   justify-content: center;
@@ -392,27 +373,27 @@
   color: var(--etui-color-text-muted);
   flex-shrink: 0;
 }
-.ChatPanel_toolCallChevronRecipe_open_true__1c3e77r1e {
+.ChatPanel_toolCallChevronRecipe_open_true__1c3e77r1c {
   transform: rotate(90deg);
 }
-.ChatPanel_toolCallChevronRecipe_open_false__1c3e77r1f {
+.ChatPanel_toolCallChevronRecipe_open_false__1c3e77r1d {
   transform: rotate(0deg);
 }
-.ChatPanel_toolCallDetailsStyle__1c3e77r1g {
+.ChatPanel_toolCallDetailsStyle__1c3e77r1e {
   padding: var(--etui-spacing-md);
   border-top: 1px solid var(--etui-color-border-default);
   display: flex;
   flex-direction: column;
   gap: var(--etui-spacing-sm);
 }
-.ChatPanel_toolCallSectionLabelStyle__1c3e77r1h {
+.ChatPanel_toolCallSectionLabelStyle__1c3e77r1f {
   font-size: var(--etui-font-size-xxs);
   color: var(--etui-color-text-muted);
   font-weight: var(--etui-font-weight-medium);
   text-transform: uppercase;
   letter-spacing: 0.05em;
 }
-.ChatPanel_toolCallPreStyle__1c3e77r1i {
+.ChatPanel_toolCallPreStyle__1c3e77r1g {
   font-family: var(--etui-font-family-mono);
   font-size: var(--etui-font-size-xxs);
   color: var(--etui-color-text-secondary);
@@ -425,15 +406,15 @@
   word-break: break-all;
   margin: 0;
 }
-.ChatPanel_toolCallErrorStyle__1c3e77r1j {
+.ChatPanel_toolCallErrorStyle__1c3e77r1h {
   color: var(--etui-color-accent-error);
   font-size: var(--etui-font-size-xs);
 }
-.ChatPanel_toolCallDurationStyle__1c3e77r1k {
+.ChatPanel_toolCallDurationStyle__1c3e77r1i {
   font-size: var(--etui-font-size-xxs);
   color: var(--etui-color-text-muted);
 }
-.ChatPanel_codeBlockContainerStyle__1c3e77r1m {
+.ChatPanel_codeBlockContainerStyle__1c3e77r1k {
   display: flex;
   flex-direction: column;
   border-radius: var(--etui-radius-md);
@@ -441,7 +422,7 @@
   overflow: hidden;
   background: var(--etui-color-bg-primary);
 }
-.ChatPanel_codeBlockHeaderStyle__1c3e77r1n {
+.ChatPanel_codeBlockHeaderStyle__1c3e77r1l {
   display: flex;
   align-items: center;
   gap: var(--etui-spacing-sm);
@@ -449,19 +430,19 @@
   background-color: var(--etui-color-bg-secondary);
   border-bottom: 1px solid var(--etui-color-border-default);
 }
-.ChatPanel_codeBlockLanguageStyle__1c3e77r1o {
+.ChatPanel_codeBlockLanguageStyle__1c3e77r1m {
   font-size: var(--etui-font-size-xs);
   color: var(--etui-color-text-muted);
   text-transform: uppercase;
   letter-spacing: 0.5px;
 }
-.ChatPanel_codeBlockActionsStyle__1c3e77r1p {
+.ChatPanel_codeBlockActionsStyle__1c3e77r1n {
   display: flex;
   align-items: center;
   gap: var(--etui-spacing-xs);
   margin-left: auto;
 }
-.ChatPanel_codeBlockCopyButtonStyle__1c3e77r1q {
+.ChatPanel_codeBlockCopyButtonStyle__1c3e77r1o {
   display: flex;
   align-items: center;
   justify-content: center;
@@ -475,19 +456,19 @@
   cursor: pointer;
   transition: color var(--etui-transition-fast), background-color var(--etui-transition-fast);
 }
-.ChatPanel_codeBlockCopyButtonStyle__1c3e77r1q:hover {
+.ChatPanel_codeBlockCopyButtonStyle__1c3e77r1o:hover {
   color: var(--etui-color-text-primary);
   background-color: var(--etui-color-surface-hover);
 }
-.ChatPanel_codeBlockContentStyle__1c3e77r1r {
-  max-height: var(--codeBlockMaxHeightVar__1c3e77r1l);
+.ChatPanel_codeBlockContentStyle__1c3e77r1p {
+  max-height: var(--codeBlockMaxHeightVar__1c3e77r1j);
   overflow: auto;
   padding: var(--etui-spacing-md);
 }
-.ChatPanel_codeBlockContentWithLineNumbersStyle__1c3e77r1s {
+.ChatPanel_codeBlockContentWithLineNumbersStyle__1c3e77r1q {
   display: flex;
 }
-.ChatPanel_codeBlockLineNumbersColumnStyle__1c3e77r1t {
+.ChatPanel_codeBlockLineNumbersColumnStyle__1c3e77r1r {
   color: var(--etui-color-text-disabled);
   text-align: right;
   padding-right: var(--etui-spacing-md);
@@ -500,7 +481,7 @@
   line-height: var(--etui-line-height-relaxed);
   white-space: pre;
 }
-.ChatPanel_codeBlockPreStyle__1c3e77r1u {
+.ChatPanel_codeBlockPreStyle__1c3e77r1s {
   margin: 0;
   font-family: var(--etui-font-family-mono);
   font-size: var(--etui-font-size-sm);
@@ -511,7 +492,7 @@
   flex: 1;
   min-width: 0;
 }
-.ChatPanel_attachmentChipStyle__1c3e77r1v {
+.ChatPanel_attachmentChipStyle__1c3e77r1t {
   display: inline-flex;
   align-items: center;
   gap: var(--etui-spacing-sm);
@@ -526,13 +507,13 @@
   max-width: 200px;
   transition: background-color var(--etui-transition-fast);
 }
-.ChatPanel_attachmentChipStyle__1c3e77r1v[data-clickable="true"] {
+.ChatPanel_attachmentChipStyle__1c3e77r1t[data-clickable="true"] {
   cursor: pointer;
 }
-.ChatPanel_attachmentChipStyle__1c3e77r1v[data-clickable="true"]:hover {
+.ChatPanel_attachmentChipStyle__1c3e77r1t[data-clickable="true"]:hover {
   background-color: var(--etui-color-surface-hover);
 }
-.ChatPanel_attachmentChipIconStyle__1c3e77r1w {
+.ChatPanel_attachmentChipIconStyle__1c3e77r1u {
   width: 14px;
   height: 14px;
   flex-shrink: 0;
@@ -541,12 +522,12 @@
   justify-content: center;
   color: var(--etui-color-text-muted);
 }
-.ChatPanel_attachmentChipNameStyle__1c3e77r1x {
+.ChatPanel_attachmentChipNameStyle__1c3e77r1v {
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
 }
-.ChatPanel_attachmentChipRemoveStyle__1c3e77r1y {
+.ChatPanel_attachmentChipRemoveStyle__1c3e77r1w {
   display: flex;
   align-items: center;
   justify-content: center;
@@ -562,18 +543,18 @@
   padding: 0;
   transition: color var(--etui-transition-fast), background-color var(--etui-transition-fast);
 }
-.ChatPanel_attachmentChipRemoveStyle__1c3e77r1y:hover {
+.ChatPanel_attachmentChipRemoveStyle__1c3e77r1w:hover {
   color: var(--etui-color-text-primary);
   background-color: var(--etui-color-surface-hover);
 }
-.ChatPanel_attachmentThumbnailStyle__1c3e77r1z {
+.ChatPanel_attachmentThumbnailStyle__1c3e77r1x {
   width: 20px;
   height: 20px;
   border-radius: var(--etui-radius-sm);
   object-fit: cover;
   flex-shrink: 0;
 }
-.ChatPanel_contextChipStyle__1c3e77r20 {
+.ChatPanel_contextChipStyle__1c3e77r1y {
   display: inline-flex;
   align-items: center;
   gap: var(--etui-spacing-sm);
@@ -585,7 +566,7 @@
   font-size: var(--etui-font-size-xxs);
   color: var(--etui-color-text-secondary);
 }
-.ChatPanel_contextChipIconStyle__1c3e77r21 {
+.ChatPanel_contextChipIconStyle__1c3e77r1z {
   width: 12px;
   height: 12px;
   flex-shrink: 0;
@@ -594,17 +575,17 @@
   justify-content: center;
   color: var(--etui-color-accent-primary);
 }
-.ChatPanel_contextChipLabelStyle__1c3e77r22 {
+.ChatPanel_contextChipLabelStyle__1c3e77r20 {
   font-weight: var(--etui-font-weight-medium);
   color: var(--etui-color-text-muted);
 }
-.ChatPanel_contextChipItemsStyle__1c3e77r23 {
+.ChatPanel_contextChipItemsStyle__1c3e77r21 {
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
   max-width: 200px;
 }
-.ChatPanel_contextChipDismissStyle__1c3e77r24 {
+.ChatPanel_contextChipDismissStyle__1c3e77r22 {
   display: flex;
   align-items: center;
   justify-content: center;
@@ -620,10 +601,10 @@
   flex-shrink: 0;
   transition: color var(--etui-transition-fast);
 }
-.ChatPanel_contextChipDismissStyle__1c3e77r24:hover {
+.ChatPanel_contextChipDismissStyle__1c3e77r22:hover {
   color: var(--etui-color-text-primary);
 }
-.ChatPanel_emptyStateStyle__1c3e77r25 {
+.ChatPanel_emptyStateStyle__1c3e77r23 {
   display: flex;
   flex-direction: column;
   align-items: center;
@@ -633,7 +614,7 @@
   text-align: center;
   flex: 1;
 }
-.ChatPanel_emptyStateIconStyle__1c3e77r26 {
+.ChatPanel_emptyStateIconStyle__1c3e77r24 {
   color: var(--etui-color-text-disabled);
   width: 40px;
   height: 40px;
@@ -641,24 +622,24 @@
   align-items: center;
   justify-content: center;
 }
-.ChatPanel_emptyStateTitleStyle__1c3e77r27 {
+.ChatPanel_emptyStateTitleStyle__1c3e77r25 {
   font-size: var(--etui-font-size-lg);
   font-weight: var(--etui-font-weight-semibold);
   color: var(--etui-color-text-primary);
 }
-.ChatPanel_emptyStateDescriptionStyle__1c3e77r28 {
+.ChatPanel_emptyStateDescriptionStyle__1c3e77r26 {
   font-size: var(--etui-font-size-sm);
   color: var(--etui-color-text-muted);
   line-height: var(--etui-line-height-normal);
   max-width: 280px;
 }
-.ChatPanel_emptyStateSuggestionsStyle__1c3e77r29 {
+.ChatPanel_emptyStateSuggestionsStyle__1c3e77r27 {
   display: flex;
   flex-wrap: wrap;
   justify-content: center;
   gap: var(--etui-spacing-sm);
 }
-.ChatPanel_emptyStateSuggestionStyle__1c3e77r2a {
+.ChatPanel_emptyStateSuggestionStyle__1c3e77r28 {
   display: inline-flex;
   align-items: center;
   height: 28px;
@@ -673,29 +654,112 @@
   outline: none;
   transition: background-color var(--etui-transition-fast), border-color var(--etui-transition-fast);
 }
-.ChatPanel_emptyStateSuggestionStyle__1c3e77r2a:hover {
+.ChatPanel_emptyStateSuggestionStyle__1c3e77r28:hover {
   background-color: var(--etui-color-surface-hover);
   border-color: var(--etui-color-border-focus);
 }
-.ChatPanel_emptyStateSuggestionStyle__1c3e77r2a:focus-visible {
+.ChatPanel_emptyStateSuggestionStyle__1c3e77r28:focus-visible {
   box-shadow: var(--etui-shadow-focus);
 }
-.ChatPanel_actionBarStyle__1c3e77r2b {
+.ChatPanel_actionBarStyle__1c3e77r29 {
   display: flex;
   align-items: center;
   gap: var(--etui-spacing-sm);
   padding-top: var(--etui-spacing-xs);
 }
+.ChatPanel_markdownRootStyle__1c3e77r2a {
+  font-family: var(--etui-font-family-sans);
+  color: var(--etui-color-text-primary);
+  line-height: var(--etui-line-height-normal);
+  font-size: inherit;
+  word-break: break-word;
+}
+.ChatPanel_markdownParagraphStyle__1c3e77r2b {
+  margin: 0 0 var(--etui-spacing-sm) 0;
+}
+.ChatPanel_markdownParagraphStyle__1c3e77r2b:last-child {
+  margin-bottom: 0;
+}
+.ChatPanel_markdownHeadingStyle__1c3e77r2c {
+  margin: var(--etui-spacing-md) 0 var(--etui-spacing-sm) 0;
+  font-weight: var(--etui-font-weight-semibold);
+  line-height: var(--etui-line-height-tight);
+}
+.ChatPanel_markdownHeadingStyle__1c3e77r2c:first-child {
+  margin-top: 0;
+}
+.ChatPanel_markdownListStyle__1c3e77r2d {
+  margin: 0 0 var(--etui-spacing-sm) 0;
+  padding-left: var(--etui-spacing-xl);
+}
+.ChatPanel_markdownListStyle__1c3e77r2d:last-child {
+  margin-bottom: 0;
+}
+.ChatPanel_markdownListItemStyle__1c3e77r2e {
+  margin: 0;
+  padding: 0;
+}
+.ChatPanel_markdownLinkStyle__1c3e77r2f {
+  color: var(--etui-color-accent-primary);
+  text-decoration: none;
+}
+.ChatPanel_markdownLinkStyle__1c3e77r2f:hover {
+  text-decoration: underline;
+}
+.ChatPanel_markdownLinkStyle__1c3e77r2f:focus-visible {
+  outline: 1px solid var(--etui-color-border-focus);
+}
+.ChatPanel_markdownBlockquoteStyle__1c3e77r2g {
+  margin: 0 0 var(--etui-spacing-sm) 0;
+  padding: var(--etui-spacing-xs) var(--etui-spacing-md);
+  border-left: 3px solid var(--etui-color-border-default);
+  color: var(--etui-color-text-secondary);
+  background: var(--etui-color-bg-inset);
+  border-radius: var(--etui-radius-sm);
+}
+.ChatPanel_markdownBlockquoteStyle__1c3e77r2g:last-child {
+  margin-bottom: 0;
+}
+.ChatPanel_markdownHrStyle__1c3e77r2h {
+  border: 0;
+  height: 1px;
+  background: var(--etui-color-border-default);
+  margin: var(--etui-spacing-md) 0;
+}
+.ChatPanel_markdownTableStyle__1c3e77r2i {
+  border-collapse: collapse;
+  width: 100%;
+  font-size: var(--etui-font-size-sm);
+  margin: 0 0 var(--etui-spacing-sm) 0;
+}
+.ChatPanel_markdownTableStyle__1c3e77r2i:last-child {
+  margin-bottom: 0;
+}
+.ChatPanel_markdownThStyle__1c3e77r2j {
+  background: var(--etui-color-bg-secondary);
+  color: var(--etui-color-text-primary);
+  text-align: left;
+  font-weight: var(--etui-font-weight-semibold);
+  padding: var(--etui-spacing-xs) var(--etui-spacing-md);
+  border-bottom: 1px solid var(--etui-color-border-default);
+}
+.ChatPanel_markdownTdStyle__1c3e77r2k {
+  padding: var(--etui-spacing-xs) var(--etui-spacing-md);
+  border-bottom: 1px solid var(--etui-color-border-default);
+}
 @media (prefers-reduced-motion: reduce) {
-  .ChatPanel_typingIndicatorStyle__1c3e77rz {
+  .ChatPanel_typingIndicatorStyle__1c3e77rx {
     animation-duration: 0s;
   }
-  .ChatPanel_typingDotStyle__1c3e77r11 {
+  .ChatPanel_typingDotStyle__1c3e77rz {
     animation: none;
     opacity: 0.6;
   }
-  .ChatPanel_typingPulseStyle__1c3e77r12 {
+  .ChatPanel_typingPulseStyle__1c3e77r10 {
     animation: none;
     opacity: 0.6;
   }
+  .ChatPanel_toolCallChevronRecipe__1c3e77r1b {
+    transition: none;
+  }
 }