@revikornmann/muka-ui 0.11.0 → 0.12.0

package/dist/styles/tokens-bouwplan-dark.css

@@ -1055,6 +1055,19 @@
   --color-state-warning-default: #ffc53d;
   --color-state-warning-contrast: #ffca16;
   --color-state-warning-background: #302008;
+  --color-conversation-own-background: #092c2b;
+  --color-conversation-own-background-raised: #0f1b1b;
+  --color-conversation-own-border: #004744;
+  --color-conversation-own-foreground: #e9e9e8;
+  --color-conversation-peer-background: #161615;
+  --color-conversation-peer-background-raised: #1c1c19;
+  --color-conversation-peer-border: #31312a;
+  --color-conversation-peer-foreground: #e9e9e8;
+  --color-conversation-agent-background: #302008;
+  --color-conversation-agent-background-raised: #1d180f;
+  --color-conversation-agent-border: #4d3000;
+  --color-conversation-agent-foreground: #e9e9e8;
+  --color-conversation-meta: #a4a499;
   --color-border-contrast: #434339;
   --color-border-default: #2a2a24;
   --color-border-muted: #23231e;
@@ -1154,6 +1167,16 @@
   --alias-color-state-neutral-surface-level1: #23231e;
   --alias-color-state-neutral-surface-level2: #2a2a24;
   --alias-color-state-neutral-surface-level3: #31312a;
+  --alias-color-conversation-own-surface-default: #092c2b;
+  --alias-color-conversation-own-surface-raised: #0f1b1b;
+  --alias-color-conversation-own-border: #004744;
+  --alias-color-conversation-peer-surface-default: #161615;
+  --alias-color-conversation-peer-surface-raised: #1c1c19;
+  --alias-color-conversation-peer-border: #31312a;
+  --alias-color-conversation-agent-surface-default: #302008;
+  --alias-color-conversation-agent-surface-raised: #1d180f;
+  --alias-color-conversation-agent-border: #4d3000;
+  --alias-color-conversation-meta: #a4a499;
   --alias-font-plain-family: Red Hat Text;
   --alias-font-plain-weight-regular: 400;
   --alias-font-plain-weight-medium: 400;
@@ -1500,6 +1523,41 @@
   --card-border-hover: 0.0625rem solid #434339;
   --card-border-pressed: 0.125rem solid #f76b15;
   --card-border-selected: 0.125rem solid #f76b15;
+  --chatbubble-max-width: 640px;
+  --chatbubble-radius: 0.75rem;
+  --chatbubble-padding: 1rem;
+  --chatbubble-gap: 0.25rem;
+  --chatbubble-body-gap: 1.5rem;
+  --chatbubble-row-gap: 0.75rem;
+  --chatbubble-avatar-size: 3rem;
+  --chatbubble-color-own-background: #092c2b;
+  --chatbubble-color-own-border: #004744;
+  --chatbubble-color-own-foreground: #e9e9e8;
+  --chatbubble-color-peer-background: #161615;
+  --chatbubble-color-peer-border: #31312a;
+  --chatbubble-color-peer-foreground: #e9e9e8;
+  --chatbubble-color-agent-background: #302008;
+  --chatbubble-color-agent-border: #4d3000;
+  --chatbubble-color-agent-foreground: #e9e9e8;
+  --chatbubble-color-timestamp: #a4a499;
+  --chatbubble-embed-padding: 0.75rem;
+  --chatbubble-embed-gap: 0.5rem;
+  --chatbubble-embed-radius: 0.75rem;
+  --chatbubble-embed-color-own-background: #0f1b1b;
+  --chatbubble-embed-color-own-border: #004744;
+  --chatbubble-embed-color-own-foreground: #e9e9e8;
+  --chatbubble-embed-color-peer-background: #1c1c19;
+  --chatbubble-embed-color-peer-border: #31312a;
+  --chatbubble-embed-color-peer-foreground: #e9e9e8;
+  --chatbubble-embed-color-agent-background: #1d180f;
+  --chatbubble-embed-color-agent-border: #4d3000;
+  --chatbubble-embed-color-agent-foreground: #e9e9e8;
+  --chatbubble-action-stack-gap: 0.75rem;
+  --chatphotogrid-gap: 0.5rem;
+  --chatphotogrid-radius: 0.1875rem;
+  --chatphotogrid-color-placeholder: #23231e;
+  --chatphotogrid-color-overflow-background: rgba(0, 0, 0, 0.565);
+  --chatphotogrid-color-overflow-foreground: #161615;
   --input-field-color-default-background: #161615;
   --input-field-color-default-foreground: #e9e9e8;
   --input-field-color-default-border: #434339;

package/dist/styles/tokens-bouwplan-light.css

@@ -1055,6 +1055,19 @@
   --color-state-warning-default: #ffc53d;
   --color-state-warning-contrast: #ab6400;
   --color-state-warning-background: #fff7c2;
+  --color-conversation-own-background: #ddf9f2;
+  --color-conversation-own-background-raised: #f2fbf9;
+  --color-conversation-own-border: #b3ecde;
+  --color-conversation-own-foreground: #21201c;
+  --color-conversation-peer-background: #fdfdfc;
+  --color-conversation-peer-background-raised: #f9f9f8;
+  --color-conversation-peer-border: #e2e1de;
+  --color-conversation-peer-foreground: #21201c;
+  --color-conversation-agent-background: #fff7c2;
+  --color-conversation-agent-background-raised: #fefbe9;
+  --color-conversation-agent-border: #fbe577;
+  --color-conversation-agent-foreground: #21201c;
+  --color-conversation-meta: #63635e;
   --color-border-contrast: #cfceca;
   --color-border-default: #e9e8e6;
   --color-border-muted: #f1f0ef;
@@ -1154,6 +1167,16 @@
   --alias-color-state-neutral-surface-level1: #f1f0ef;
   --alias-color-state-neutral-surface-level2: #e9e8e6;
   --alias-color-state-neutral-surface-level3: #e2e1de;
+  --alias-color-conversation-own-surface-default: #ddf9f2;
+  --alias-color-conversation-own-surface-raised: #f2fbf9;
+  --alias-color-conversation-own-border: #b3ecde;
+  --alias-color-conversation-peer-surface-default: #fdfdfc;
+  --alias-color-conversation-peer-surface-raised: #f9f9f8;
+  --alias-color-conversation-peer-border: #e2e1de;
+  --alias-color-conversation-agent-surface-default: #fff7c2;
+  --alias-color-conversation-agent-surface-raised: #fefbe9;
+  --alias-color-conversation-agent-border: #fbe577;
+  --alias-color-conversation-meta: #63635e;
   --alias-font-plain-family: Red Hat Text;
   --alias-font-plain-weight-regular: 400;
   --alias-font-plain-weight-medium: 400;
@@ -1500,6 +1523,41 @@
   --card-border-hover: 0.0625rem solid #cfceca;
   --card-border-pressed: 0.125rem solid #f76808;
   --card-border-selected: 0.125rem solid #f76808;
+  --chatbubble-max-width: 640px;
+  --chatbubble-radius: 0.75rem;
+  --chatbubble-padding: 1rem;
+  --chatbubble-gap: 0.25rem;
+  --chatbubble-body-gap: 1.5rem;
+  --chatbubble-row-gap: 0.75rem;
+  --chatbubble-avatar-size: 3rem;
+  --chatbubble-color-own-background: #ddf9f2;
+  --chatbubble-color-own-border: #b3ecde;
+  --chatbubble-color-own-foreground: #21201c;
+  --chatbubble-color-peer-background: #fdfdfc;
+  --chatbubble-color-peer-border: #e2e1de;
+  --chatbubble-color-peer-foreground: #21201c;
+  --chatbubble-color-agent-background: #fff7c2;
+  --chatbubble-color-agent-border: #fbe577;
+  --chatbubble-color-agent-foreground: #21201c;
+  --chatbubble-color-timestamp: #63635e;
+  --chatbubble-embed-padding: 0.75rem;
+  --chatbubble-embed-gap: 0.5rem;
+  --chatbubble-embed-radius: 0.75rem;
+  --chatbubble-embed-color-own-background: #f2fbf9;
+  --chatbubble-embed-color-own-border: #b3ecde;
+  --chatbubble-embed-color-own-foreground: #21201c;
+  --chatbubble-embed-color-peer-background: #f9f9f8;
+  --chatbubble-embed-color-peer-border: #e2e1de;
+  --chatbubble-embed-color-peer-foreground: #21201c;
+  --chatbubble-embed-color-agent-background: #fefbe9;
+  --chatbubble-embed-color-agent-border: #fbe577;
+  --chatbubble-embed-color-agent-foreground: #21201c;
+  --chatbubble-action-stack-gap: 0.75rem;
+  --chatphotogrid-gap: 0.5rem;
+  --chatphotogrid-radius: 0.1875rem;
+  --chatphotogrid-color-placeholder: #f1f0ef;
+  --chatphotogrid-color-overflow-background: rgba(0, 0, 0, 0.565);
+  --chatphotogrid-color-overflow-foreground: #fdfdfc;
   --input-field-color-default-background: #fdfdfc;
   --input-field-color-default-foreground: #21201c;
   --input-field-color-default-border: #cfceca;

package/dist/styles/tokens-fscl-dark.css

@@ -1055,6 +1055,19 @@
   --color-state-warning-default: #ffc53d;
   --color-state-warning-contrast: #ffca16;
   --color-state-warning-background: #302008;
+  --color-conversation-own-background: #132d21;
+  --color-conversation-own-background-raised: #121b17;
+  --color-conversation-own-border: #174933;
+  --color-conversation-own-foreground: #e9ebe9;
+  --color-conversation-peer-background: #151716;
+  --color-conversation-peer-background-raised: #1a1d1a;
+  --color-conversation-peer-border: #2a2f2a;
+  --color-conversation-peer-foreground: #e9ebe9;
+  --color-conversation-agent-background: #302008;
+  --color-conversation-agent-background-raised: #1d180f;
+  --color-conversation-agent-border: #4d3000;
+  --color-conversation-agent-foreground: #e9ebe9;
+  --color-conversation-meta: #9ca49c;
   --color-border-contrast: #393d39;
   --color-border-default: #252925;
   --color-border-muted: #1f231f;
@@ -1154,6 +1167,16 @@
   --alias-color-state-neutral-surface-level1: #222222;
   --alias-color-state-neutral-surface-level2: #2a2a2a;
   --alias-color-state-neutral-surface-level3: #313131;
+  --alias-color-conversation-own-surface-default: #132d21;
+  --alias-color-conversation-own-surface-raised: #121b17;
+  --alias-color-conversation-own-border: #174933;
+  --alias-color-conversation-peer-surface-default: #151716;
+  --alias-color-conversation-peer-surface-raised: #1a1d1a;
+  --alias-color-conversation-peer-border: #2a2f2a;
+  --alias-color-conversation-agent-surface-default: #302008;
+  --alias-color-conversation-agent-surface-raised: #1d180f;
+  --alias-color-conversation-agent-border: #4d3000;
+  --alias-color-conversation-meta: #9ca49c;
   --alias-font-plain-family: 'IBM Plex Sans', ui-sans-serif, system-ui, sans-serif;
   --alias-font-plain-weight-regular: 400;
   --alias-font-plain-weight-medium: 400;
@@ -1500,6 +1523,41 @@
   --card-border-hover: 0.0625rem solid #393d39;
   --card-border-pressed: 0.125rem solid #ffca16;
   --card-border-selected: 0.125rem solid #ffca16;
+  --chatbubble-max-width: 640px;
+  --chatbubble-radius: 0.75rem;
+  --chatbubble-padding: 1rem;
+  --chatbubble-gap: 0.25rem;
+  --chatbubble-body-gap: 1.5rem;
+  --chatbubble-row-gap: 0.75rem;
+  --chatbubble-avatar-size: 3rem;
+  --chatbubble-color-own-background: #132d21;
+  --chatbubble-color-own-border: #174933;
+  --chatbubble-color-own-foreground: #e9ebe9;
+  --chatbubble-color-peer-background: #151716;
+  --chatbubble-color-peer-border: #2a2f2a;
+  --chatbubble-color-peer-foreground: #e9ebe9;
+  --chatbubble-color-agent-background: #302008;
+  --chatbubble-color-agent-border: #4d3000;
+  --chatbubble-color-agent-foreground: #e9ebe9;
+  --chatbubble-color-timestamp: #9ca49c;
+  --chatbubble-embed-padding: 0.75rem;
+  --chatbubble-embed-gap: 0.5rem;
+  --chatbubble-embed-radius: 0.75rem;
+  --chatbubble-embed-color-own-background: #121b17;
+  --chatbubble-embed-color-own-border: #174933;
+  --chatbubble-embed-color-own-foreground: #e9ebe9;
+  --chatbubble-embed-color-peer-background: #1a1d1a;
+  --chatbubble-embed-color-peer-border: #2a2f2a;
+  --chatbubble-embed-color-peer-foreground: #e9ebe9;
+  --chatbubble-embed-color-agent-background: #1d180f;
+  --chatbubble-embed-color-agent-border: #4d3000;
+  --chatbubble-embed-color-agent-foreground: #e9ebe9;
+  --chatbubble-action-stack-gap: 0.75rem;
+  --chatphotogrid-gap: 0.5rem;
+  --chatphotogrid-radius: 0.1875rem;
+  --chatphotogrid-color-placeholder: #1f231f;
+  --chatphotogrid-color-overflow-background: rgba(0, 0, 0, 0.565);
+  --chatphotogrid-color-overflow-foreground: #151716;
   --input-field-color-default-background: #151716;
   --input-field-color-default-foreground: #e9ebe9;
   --input-field-color-default-border: #393d39;

package/dist/styles/tokens-fscl-light.css

@@ -1055,6 +1055,19 @@
   --color-state-warning-default: #ffc53d;
   --color-state-warning-contrast: #ab6400;
   --color-state-warning-background: #fff7c2;
+  --color-conversation-own-background: #e9f6ec;
+  --color-conversation-own-background-raised: #f2fcf4;
+  --color-conversation-own-border: #ccebd1;
+  --color-conversation-own-foreground: #1a211e;
+  --color-conversation-peer-background: #fbfdfc;
+  --color-conversation-peer-background-raised: #f7f9f8;
+  --color-conversation-peer-border: #dfe2e0;
+  --color-conversation-peer-foreground: #1a211e;
+  --color-conversation-agent-background: #fff7c2;
+  --color-conversation-agent-background-raised: #fefbe9;
+  --color-conversation-agent-border: #fbe577;
+  --color-conversation-agent-foreground: #1a211e;
+  --color-conversation-meta: #5f6563;
   --color-border-contrast: #cbcfcd;
   --color-border-default: #e6e9e8;
   --color-border-muted: #eef1f0;
@@ -1154,6 +1167,16 @@
   --alias-color-state-neutral-surface-level1: #f0f0f0;
   --alias-color-state-neutral-surface-level2: #e8e8e8;
   --alias-color-state-neutral-surface-level3: #e0e0e0;
+  --alias-color-conversation-own-surface-default: #e9f6ec;
+  --alias-color-conversation-own-surface-raised: #f2fcf4;
+  --alias-color-conversation-own-border: #ccebd1;
+  --alias-color-conversation-peer-surface-default: #fbfdfc;
+  --alias-color-conversation-peer-surface-raised: #f7f9f8;
+  --alias-color-conversation-peer-border: #dfe2e0;
+  --alias-color-conversation-agent-surface-default: #fff7c2;
+  --alias-color-conversation-agent-surface-raised: #fefbe9;
+  --alias-color-conversation-agent-border: #fbe577;
+  --alias-color-conversation-meta: #5f6563;
   --alias-font-plain-family: 'IBM Plex Sans', ui-sans-serif, system-ui, sans-serif;
   --alias-font-plain-weight-regular: 400;
   --alias-font-plain-weight-medium: 400;
@@ -1500,6 +1523,41 @@
   --card-border-hover: 0.0625rem solid #cbcfcd;
   --card-border-pressed: 0.125rem solid #ab6400;
   --card-border-selected: 0.125rem solid #ab6400;
+  --chatbubble-max-width: 640px;
+  --chatbubble-radius: 0.75rem;
+  --chatbubble-padding: 1rem;
+  --chatbubble-gap: 0.25rem;
+  --chatbubble-body-gap: 1.5rem;
+  --chatbubble-row-gap: 0.75rem;
+  --chatbubble-avatar-size: 3rem;
+  --chatbubble-color-own-background: #e9f6ec;
+  --chatbubble-color-own-border: #ccebd1;
+  --chatbubble-color-own-foreground: #1a211e;
+  --chatbubble-color-peer-background: #fbfdfc;
+  --chatbubble-color-peer-border: #dfe2e0;
+  --chatbubble-color-peer-foreground: #1a211e;
+  --chatbubble-color-agent-background: #fff7c2;
+  --chatbubble-color-agent-border: #fbe577;
+  --chatbubble-color-agent-foreground: #1a211e;
+  --chatbubble-color-timestamp: #5f6563;
+  --chatbubble-embed-padding: 0.75rem;
+  --chatbubble-embed-gap: 0.5rem;
+  --chatbubble-embed-radius: 0.75rem;
+  --chatbubble-embed-color-own-background: #f2fcf4;
+  --chatbubble-embed-color-own-border: #ccebd1;
+  --chatbubble-embed-color-own-foreground: #1a211e;
+  --chatbubble-embed-color-peer-background: #f7f9f8;
+  --chatbubble-embed-color-peer-border: #dfe2e0;
+  --chatbubble-embed-color-peer-foreground: #1a211e;
+  --chatbubble-embed-color-agent-background: #fefbe9;
+  --chatbubble-embed-color-agent-border: #fbe577;
+  --chatbubble-embed-color-agent-foreground: #1a211e;
+  --chatbubble-action-stack-gap: 0.75rem;
+  --chatphotogrid-gap: 0.5rem;
+  --chatphotogrid-radius: 0.1875rem;
+  --chatphotogrid-color-placeholder: #eef1f0;
+  --chatphotogrid-color-overflow-background: rgba(0, 0, 0, 0.565);
+  --chatphotogrid-color-overflow-foreground: #fbfdfc;
   --input-field-color-default-background: #fbfdfc;
   --input-field-color-default-foreground: #1a211e;
   --input-field-color-default-border: #cbcfcd;

package/dist/styles/tokens-grip-dark.css

@@ -1055,6 +1055,19 @@
   --color-state-warning-default: #ffc53d;
   --color-state-warning-contrast: #ffca16;
   --color-state-warning-background: #302008;
+  --color-conversation-own-background: #092c2b;
+  --color-conversation-own-background-raised: #0f1b1b;
+  --color-conversation-own-border: #004744;
+  --color-conversation-own-foreground: #e9e9e8;
+  --color-conversation-peer-background: #161615;
+  --color-conversation-peer-background-raised: #1c1c19;
+  --color-conversation-peer-border: #31312a;
+  --color-conversation-peer-foreground: #e9e9e8;
+  --color-conversation-agent-background: #302008;
+  --color-conversation-agent-background-raised: #1d180f;
+  --color-conversation-agent-border: #4d3000;
+  --color-conversation-agent-foreground: #e9e9e8;
+  --color-conversation-meta: #a4a499;
   --color-border-contrast: #434339;
   --color-border-default: #2a2a24;
   --color-border-muted: #23231e;
@@ -1154,6 +1167,16 @@
   --alias-color-state-neutral-surface-level1: #23231e;
   --alias-color-state-neutral-surface-level2: #2a2a24;
   --alias-color-state-neutral-surface-level3: #31312a;
+  --alias-color-conversation-own-surface-default: #092c2b;
+  --alias-color-conversation-own-surface-raised: #0f1b1b;
+  --alias-color-conversation-own-border: #004744;
+  --alias-color-conversation-peer-surface-default: #161615;
+  --alias-color-conversation-peer-surface-raised: #1c1c19;
+  --alias-color-conversation-peer-border: #31312a;
+  --alias-color-conversation-agent-surface-default: #302008;
+  --alias-color-conversation-agent-surface-raised: #1d180f;
+  --alias-color-conversation-agent-border: #4d3000;
+  --alias-color-conversation-meta: #a4a499;
   --alias-font-plain-family: Quicksand;
   --alias-font-plain-weight-regular: 400;
   --alias-font-plain-weight-medium: 500;
@@ -1500,6 +1523,41 @@
   --card-border-hover: 0.0625rem solid #434339;
   --card-border-pressed: 0.125rem solid #0bd8b6;
   --card-border-selected: 0.125rem solid #0bd8b6;
+  --chatbubble-max-width: 640px;
+  --chatbubble-radius: 0.75rem;
+  --chatbubble-padding: 1rem;
+  --chatbubble-gap: 0.25rem;
+  --chatbubble-body-gap: 1.5rem;
+  --chatbubble-row-gap: 0.75rem;
+  --chatbubble-avatar-size: 3rem;
+  --chatbubble-color-own-background: #092c2b;
+  --chatbubble-color-own-border: #004744;
+  --chatbubble-color-own-foreground: #e9e9e8;
+  --chatbubble-color-peer-background: #161615;
+  --chatbubble-color-peer-border: #31312a;
+  --chatbubble-color-peer-foreground: #e9e9e8;
+  --chatbubble-color-agent-background: #302008;
+  --chatbubble-color-agent-border: #4d3000;
+  --chatbubble-color-agent-foreground: #e9e9e8;
+  --chatbubble-color-timestamp: #a4a499;
+  --chatbubble-embed-padding: 0.75rem;
+  --chatbubble-embed-gap: 0.5rem;
+  --chatbubble-embed-radius: 0.75rem;
+  --chatbubble-embed-color-own-background: #0f1b1b;
+  --chatbubble-embed-color-own-border: #004744;
+  --chatbubble-embed-color-own-foreground: #e9e9e8;
+  --chatbubble-embed-color-peer-background: #1c1c19;
+  --chatbubble-embed-color-peer-border: #31312a;
+  --chatbubble-embed-color-peer-foreground: #e9e9e8;
+  --chatbubble-embed-color-agent-background: #1d180f;
+  --chatbubble-embed-color-agent-border: #4d3000;
+  --chatbubble-embed-color-agent-foreground: #e9e9e8;
+  --chatbubble-action-stack-gap: 0.75rem;
+  --chatphotogrid-gap: 0.5rem;
+  --chatphotogrid-radius: 0.1875rem;
+  --chatphotogrid-color-placeholder: #23231e;
+  --chatphotogrid-color-overflow-background: rgba(0, 0, 0, 0.565);
+  --chatphotogrid-color-overflow-foreground: #161615;
   --input-field-color-default-background: #161615;
   --input-field-color-default-foreground: #e9e9e8;
   --input-field-color-default-border: #434339;

package/dist/styles/tokens-grip-light.css

@@ -1055,6 +1055,19 @@
   --color-state-warning-default: #ffc53d;
   --color-state-warning-contrast: #ab6400;
   --color-state-warning-background: #fff7c2;
+  --color-conversation-own-background: #ddf9f2;
+  --color-conversation-own-background-raised: #f2fbf9;
+  --color-conversation-own-border: #b3ecde;
+  --color-conversation-own-foreground: #21201c;
+  --color-conversation-peer-background: #fdfdfc;
+  --color-conversation-peer-background-raised: #f9f9f8;
+  --color-conversation-peer-border: #e2e1de;
+  --color-conversation-peer-foreground: #21201c;
+  --color-conversation-agent-background: #fff7c2;
+  --color-conversation-agent-background-raised: #fefbe9;
+  --color-conversation-agent-border: #fbe577;
+  --color-conversation-agent-foreground: #21201c;
+  --color-conversation-meta: #63635e;
   --color-border-contrast: #cfceca;
   --color-border-default: #e9e8e6;
   --color-border-muted: #f1f0ef;
@@ -1154,6 +1167,16 @@
   --alias-color-state-neutral-surface-level1: #f1f0ef;
   --alias-color-state-neutral-surface-level2: #e9e8e6;
   --alias-color-state-neutral-surface-level3: #e2e1de;
+  --alias-color-conversation-own-surface-default: #ddf9f2;
+  --alias-color-conversation-own-surface-raised: #f2fbf9;
+  --alias-color-conversation-own-border: #b3ecde;
+  --alias-color-conversation-peer-surface-default: #fdfdfc;
+  --alias-color-conversation-peer-surface-raised: #f9f9f8;
+  --alias-color-conversation-peer-border: #e2e1de;
+  --alias-color-conversation-agent-surface-default: #fff7c2;
+  --alias-color-conversation-agent-surface-raised: #fefbe9;
+  --alias-color-conversation-agent-border: #fbe577;
+  --alias-color-conversation-meta: #63635e;
   --alias-font-plain-family: Quicksand;
   --alias-font-plain-weight-regular: 400;
   --alias-font-plain-weight-medium: 500;
@@ -1500,6 +1523,41 @@
   --card-border-hover: 0.0625rem solid #cfceca;
   --card-border-pressed: 0.125rem solid #12a594;
   --card-border-selected: 0.125rem solid #12a594;
+  --chatbubble-max-width: 640px;
+  --chatbubble-radius: 0.75rem;
+  --chatbubble-padding: 1rem;
+  --chatbubble-gap: 0.25rem;
+  --chatbubble-body-gap: 1.5rem;
+  --chatbubble-row-gap: 0.75rem;
+  --chatbubble-avatar-size: 3rem;
+  --chatbubble-color-own-background: #ddf9f2;
+  --chatbubble-color-own-border: #b3ecde;
+  --chatbubble-color-own-foreground: #21201c;
+  --chatbubble-color-peer-background: #fdfdfc;
+  --chatbubble-color-peer-border: #e2e1de;
+  --chatbubble-color-peer-foreground: #21201c;
+  --chatbubble-color-agent-background: #fff7c2;
+  --chatbubble-color-agent-border: #fbe577;
+  --chatbubble-color-agent-foreground: #21201c;
+  --chatbubble-color-timestamp: #63635e;
+  --chatbubble-embed-padding: 0.75rem;
+  --chatbubble-embed-gap: 0.5rem;
+  --chatbubble-embed-radius: 0.75rem;
+  --chatbubble-embed-color-own-background: #f2fbf9;
+  --chatbubble-embed-color-own-border: #b3ecde;
+  --chatbubble-embed-color-own-foreground: #21201c;
+  --chatbubble-embed-color-peer-background: #f9f9f8;
+  --chatbubble-embed-color-peer-border: #e2e1de;
+  --chatbubble-embed-color-peer-foreground: #21201c;
+  --chatbubble-embed-color-agent-background: #fefbe9;
+  --chatbubble-embed-color-agent-border: #fbe577;
+  --chatbubble-embed-color-agent-foreground: #21201c;
+  --chatbubble-action-stack-gap: 0.75rem;
+  --chatphotogrid-gap: 0.5rem;
+  --chatphotogrid-radius: 0.1875rem;
+  --chatphotogrid-color-placeholder: #f1f0ef;
+  --chatphotogrid-color-overflow-background: rgba(0, 0, 0, 0.565);
+  --chatphotogrid-color-overflow-foreground: #fdfdfc;
   --input-field-color-default-background: #fdfdfc;
   --input-field-color-default-foreground: #21201c;
   --input-field-color-default-border: #cfceca;

package/dist/styles/tokens-muka-dark.css

@@ -1055,6 +1055,19 @@
   --color-state-warning-default: #ffc53d;
   --color-state-warning-contrast: #ffca16;
   --color-state-warning-background: #302008;
+  --color-conversation-own-background: #092c2b;
+  --color-conversation-own-background-raised: #0f1b1b;
+  --color-conversation-own-border: #004744;
+  --color-conversation-own-foreground: #e6e6ea;
+  --color-conversation-peer-background: #161618;
+  --color-conversation-peer-background-raised: #1c1c1f;
+  --color-conversation-peer-border: #323238;
+  --color-conversation-peer-foreground: #e6e6ea;
+  --color-conversation-agent-background: #302008;
+  --color-conversation-agent-background-raised: #1d180f;
+  --color-conversation-agent-border: #4d3000;
+  --color-conversation-agent-foreground: #e6e6ea;
+  --color-conversation-meta: #b5b5c7;
   --color-border-contrast: #4c4c57;
   --color-border-default: #2b2b30;
   --color-border-muted: #232326;
@@ -1154,6 +1167,16 @@
   --alias-color-state-neutral-surface-level1: #232326;
   --alias-color-state-neutral-surface-level2: #2b2b30;
   --alias-color-state-neutral-surface-level3: #323238;
+  --alias-color-conversation-own-surface-default: #092c2b;
+  --alias-color-conversation-own-surface-raised: #0f1b1b;
+  --alias-color-conversation-own-border: #004744;
+  --alias-color-conversation-peer-surface-default: #161618;
+  --alias-color-conversation-peer-surface-raised: #1c1c1f;
+  --alias-color-conversation-peer-border: #323238;
+  --alias-color-conversation-agent-surface-default: #302008;
+  --alias-color-conversation-agent-surface-raised: #1d180f;
+  --alias-color-conversation-agent-border: #4d3000;
+  --alias-color-conversation-meta: #b5b5c7;
   --alias-font-plain-family: Funnel Sans;
   --alias-font-plain-weight-regular: 400;
   --alias-font-plain-weight-medium: 500;
@@ -1500,6 +1523,41 @@
   --card-border-hover: 0.0625rem solid #4c4c57;
   --card-border-pressed: 0.125rem solid #9eb1ff;
   --card-border-selected: 0.125rem solid #9eb1ff;
+  --chatbubble-max-width: 640px;
+  --chatbubble-radius: 0.75rem;
+  --chatbubble-padding: 1rem;
+  --chatbubble-gap: 0.25rem;
+  --chatbubble-body-gap: 1.5rem;
+  --chatbubble-row-gap: 0.75rem;
+  --chatbubble-avatar-size: 3rem;
+  --chatbubble-color-own-background: #092c2b;
+  --chatbubble-color-own-border: #004744;
+  --chatbubble-color-own-foreground: #e6e6ea;
+  --chatbubble-color-peer-background: #161618;
+  --chatbubble-color-peer-border: #323238;
+  --chatbubble-color-peer-foreground: #e6e6ea;
+  --chatbubble-color-agent-background: #302008;
+  --chatbubble-color-agent-border: #4d3000;
+  --chatbubble-color-agent-foreground: #e6e6ea;
+  --chatbubble-color-timestamp: #b5b5c7;
+  --chatbubble-embed-padding: 0.75rem;
+  --chatbubble-embed-gap: 0.5rem;
+  --chatbubble-embed-radius: 0.75rem;
+  --chatbubble-embed-color-own-background: #0f1b1b;
+  --chatbubble-embed-color-own-border: #004744;
+  --chatbubble-embed-color-own-foreground: #e6e6ea;
+  --chatbubble-embed-color-peer-background: #1c1c1f;
+  --chatbubble-embed-color-peer-border: #323238;
+  --chatbubble-embed-color-peer-foreground: #e6e6ea;
+  --chatbubble-embed-color-agent-background: #1d180f;
+  --chatbubble-embed-color-agent-border: #4d3000;
+  --chatbubble-embed-color-agent-foreground: #e6e6ea;
+  --chatbubble-action-stack-gap: 0.75rem;
+  --chatphotogrid-gap: 0.5rem;
+  --chatphotogrid-radius: 0.1875rem;
+  --chatphotogrid-color-placeholder: #232326;
+  --chatphotogrid-color-overflow-background: rgba(0, 0, 0, 0.565);
+  --chatphotogrid-color-overflow-foreground: #161618;
   --input-field-color-default-background: #161618;
   --input-field-color-default-foreground: #e6e6ea;
   --input-field-color-default-border: #4c4c57;

package/dist/styles/tokens-muka-light.css

@@ -1055,6 +1055,19 @@
   --color-state-warning-default: #ffc53d;
   --color-state-warning-contrast: #ab6400;
   --color-state-warning-background: #fff7c2;
+  --color-conversation-own-background: #ddf9f2;
+  --color-conversation-own-background-raised: #f2fbf9;
+  --color-conversation-own-border: #b3ecde;
+  --color-conversation-own-foreground: #211f26;
+  --color-conversation-peer-background: #fdfcfd;
+  --color-conversation-peer-background-raised: #faf9fb;
+  --color-conversation-peer-border: #e3dfe6;
+  --color-conversation-peer-foreground: #211f26;
+  --color-conversation-agent-background: #fff7c2;
+  --color-conversation-agent-background-raised: #fefbe9;
+  --color-conversation-agent-border: #fbe577;
+  --color-conversation-agent-foreground: #211f26;
+  --color-conversation-meta: #65636d;
   --color-border-contrast: #d0cdd7;
   --color-border-default: #eae7ec;
   --color-border-muted: #f2eff3;
@@ -1154,6 +1167,16 @@
   --alias-color-state-neutral-surface-level1: #f2eff3;
   --alias-color-state-neutral-surface-level2: #eae7ec;
   --alias-color-state-neutral-surface-level3: #e3dfe6;
+  --alias-color-conversation-own-surface-default: #ddf9f2;
+  --alias-color-conversation-own-surface-raised: #f2fbf9;
+  --alias-color-conversation-own-border: #b3ecde;
+  --alias-color-conversation-peer-surface-default: #fdfcfd;
+  --alias-color-conversation-peer-surface-raised: #faf9fb;
+  --alias-color-conversation-peer-border: #e3dfe6;
+  --alias-color-conversation-agent-surface-default: #fff7c2;
+  --alias-color-conversation-agent-surface-raised: #fefbe9;
+  --alias-color-conversation-agent-border: #fbe577;
+  --alias-color-conversation-meta: #65636d;
   --alias-font-plain-family: Funnel Sans;
   --alias-font-plain-weight-regular: 400;
   --alias-font-plain-weight-medium: 500;
@@ -1500,6 +1523,41 @@
   --card-border-hover: 0.0625rem solid #d0cdd7;
   --card-border-pressed: 0.125rem solid #3e63dd;
   --card-border-selected: 0.125rem solid #3e63dd;
+  --chatbubble-max-width: 640px;
+  --chatbubble-radius: 0.75rem;
+  --chatbubble-padding: 1rem;
+  --chatbubble-gap: 0.25rem;
+  --chatbubble-body-gap: 1.5rem;
+  --chatbubble-row-gap: 0.75rem;
+  --chatbubble-avatar-size: 3rem;
+  --chatbubble-color-own-background: #ddf9f2;
+  --chatbubble-color-own-border: #b3ecde;
+  --chatbubble-color-own-foreground: #211f26;
+  --chatbubble-color-peer-background: #fdfcfd;
+  --chatbubble-color-peer-border: #e3dfe6;
+  --chatbubble-color-peer-foreground: #211f26;
+  --chatbubble-color-agent-background: #fff7c2;
+  --chatbubble-color-agent-border: #fbe577;
+  --chatbubble-color-agent-foreground: #211f26;
+  --chatbubble-color-timestamp: #65636d;
+  --chatbubble-embed-padding: 0.75rem;
+  --chatbubble-embed-gap: 0.5rem;
+  --chatbubble-embed-radius: 0.75rem;
+  --chatbubble-embed-color-own-background: #f2fbf9;
+  --chatbubble-embed-color-own-border: #b3ecde;
+  --chatbubble-embed-color-own-foreground: #211f26;
+  --chatbubble-embed-color-peer-background: #faf9fb;
+  --chatbubble-embed-color-peer-border: #e3dfe6;
+  --chatbubble-embed-color-peer-foreground: #211f26;
+  --chatbubble-embed-color-agent-background: #fefbe9;
+  --chatbubble-embed-color-agent-border: #fbe577;
+  --chatbubble-embed-color-agent-foreground: #211f26;
+  --chatbubble-action-stack-gap: 0.75rem;
+  --chatphotogrid-gap: 0.5rem;
+  --chatphotogrid-radius: 0.1875rem;
+  --chatphotogrid-color-placeholder: #f2eff3;
+  --chatphotogrid-color-overflow-background: rgba(0, 0, 0, 0.565);
+  --chatphotogrid-color-overflow-foreground: #fdfcfd;
   --input-field-color-default-background: #fdfcfd;
   --input-field-color-default-foreground: #211f26;
   --input-field-color-default-border: #d0cdd7;