@runtypelabs/persona 4.23.1 → 4.24.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (158) hide show
  1. package/dist/animations/glyph-cycle.d.cts +1 -1
  2. package/dist/animations/glyph-cycle.d.ts +1 -1
  3. package/dist/animations/{types-9Vxm-PPz.d.cts → types-Db61aI9J.d.cts} +25 -2
  4. package/dist/animations/{types-9Vxm-PPz.d.ts → types-Db61aI9J.d.ts} +25 -2
  5. package/dist/animations/wipe.d.cts +1 -1
  6. package/dist/animations/wipe.d.ts +1 -1
  7. package/dist/animations-extra.d.cts +25 -2
  8. package/dist/animations-extra.d.ts +25 -2
  9. package/dist/approval-ui-3NMYNXBD.js +1 -0
  10. package/dist/approval-ui.cjs +2 -2
  11. package/dist/approval-ui.d.cts +261 -40
  12. package/dist/approval-ui.d.ts +261 -40
  13. package/dist/approval-ui.js +2 -2
  14. package/dist/{artifacts-ui-F4N6VMKF.js → artifacts-ui-IGB5YKLO.js} +4 -4
  15. package/dist/artifacts-ui.d.cts +256 -28
  16. package/dist/artifacts-ui.d.ts +256 -28
  17. package/dist/{chunk-NIKYKSNZ.js → chunk-7CO4T5KB.js} +1 -1
  18. package/dist/codegen.cjs +11 -11
  19. package/dist/codegen.js +13 -13
  20. package/dist/context-mentions.d.cts +256 -28
  21. package/dist/context-mentions.d.ts +256 -28
  22. package/dist/event-stream-view.d.cts +256 -28
  23. package/dist/event-stream-view.d.ts +256 -28
  24. package/dist/forms-ui.d.cts +291 -30
  25. package/dist/forms-ui.d.ts +291 -30
  26. package/dist/history-view.d.cts +25 -2
  27. package/dist/history-view.d.ts +25 -2
  28. package/dist/index.cjs +70 -69
  29. package/dist/index.cjs.map +1 -1
  30. package/dist/index.d.cts +337 -51
  31. package/dist/index.d.ts +337 -51
  32. package/dist/index.global.js +57 -54
  33. package/dist/index.global.js.map +1 -1
  34. package/dist/index.js +70 -69
  35. package/dist/index.js.map +1 -1
  36. package/dist/install.global.js +1 -1
  37. package/dist/install.global.js.map +1 -1
  38. package/dist/launcher.global.js +2 -2
  39. package/dist/launcher.global.js.map +1 -1
  40. package/dist/session-reconnect.d.cts +256 -28
  41. package/dist/session-reconnect.d.ts +256 -28
  42. package/dist/smart-dom-reader.d.cts +256 -28
  43. package/dist/smart-dom-reader.d.ts +256 -28
  44. package/dist/theme-editor-preview.cjs +74 -73
  45. package/dist/theme-editor-preview.d.cts +263 -28
  46. package/dist/theme-editor-preview.d.ts +263 -28
  47. package/dist/theme-editor-preview.js +51 -50
  48. package/dist/theme-editor.cjs +10 -10
  49. package/dist/theme-editor.d.cts +276 -30
  50. package/dist/theme-editor.d.ts +276 -30
  51. package/dist/theme-editor.js +10 -10
  52. package/dist/theme-reference.cjs +1 -1
  53. package/dist/theme-reference.d.cts +1522 -11
  54. package/dist/theme-reference.d.ts +1522 -11
  55. package/dist/theme-reference.js +1 -1
  56. package/dist/widget.css +1 -1
  57. package/package.json +3 -2
  58. package/src/__fixtures__/defaults-parity.v4.json +776 -0
  59. package/src/approval-ui-entry.ts +0 -1
  60. package/src/approval-ui-loader.ts +5 -4
  61. package/src/approval-ui.ts +0 -1
  62. package/src/client-identity-proof.test.ts +193 -0
  63. package/src/client-session-warm.test.ts +216 -0
  64. package/src/client-visitor-history.test.ts +6 -0
  65. package/src/client.tool-pair-replay.test.ts +325 -0
  66. package/src/client.ts +154 -61
  67. package/src/codegen.test.ts +24 -0
  68. package/src/components/activity-row.test.ts +100 -0
  69. package/src/components/activity-row.ts +136 -0
  70. package/src/components/approval-actions.test.ts +8 -5
  71. package/src/components/approval-actions.ts +19 -6
  72. package/src/components/approval-bubble.test.ts +56 -9
  73. package/src/components/approval-bubble.ts +36 -41
  74. package/src/components/composer-builder.ts +5 -2
  75. package/src/components/composer-parts.ts +10 -2
  76. package/src/components/header-builder.test.ts +32 -0
  77. package/src/components/header-builder.ts +7 -4
  78. package/src/components/header-layouts.test.ts +12 -0
  79. package/src/components/header-layouts.ts +3 -2
  80. package/src/components/launcher.ts +11 -2
  81. package/src/components/message-bubble.test.ts +22 -0
  82. package/src/components/message-bubble.ts +7 -3
  83. package/src/components/panel.test.ts +52 -1
  84. package/src/components/panel.ts +47 -8
  85. package/src/components/pill-composer-builder.test.ts +2 -0
  86. package/src/components/pill-composer-builder.ts +0 -1
  87. package/src/components/reasoning-bubble.ts +29 -17
  88. package/src/components/suggestions.test.ts +1 -0
  89. package/src/components/suggestions.ts +0 -16
  90. package/src/components/tool-bubble.ts +131 -114
  91. package/src/components/tool-details.test.ts +87 -0
  92. package/src/components/tool-details.ts +102 -0
  93. package/src/components/welcome.test.ts +8 -0
  94. package/src/components/welcome.ts +4 -2
  95. package/src/defaults-parity.test.ts +158 -0
  96. package/src/defaults.test.ts +69 -0
  97. package/src/defaults.ts +128 -49
  98. package/src/generated/runtype-openapi-contract.ts +28 -13
  99. package/src/index-core.ts +2 -0
  100. package/src/install.test.ts +24 -0
  101. package/src/install.ts +3 -1
  102. package/src/launcher-global.ts +2 -1
  103. package/src/launcher-variants.test.ts +52 -0
  104. package/src/runtime/init-update-reset.test.ts +21 -0
  105. package/src/session.ts +61 -9
  106. package/src/styles/widget-styles.test.ts +19 -0
  107. package/src/styles/widget.css +295 -23
  108. package/src/theme-editor/index.ts +2 -0
  109. package/src/theme-editor/preview-utils.test.ts +8 -0
  110. package/src/theme-editor/preview-utils.ts +7 -3
  111. package/src/theme-editor/sections.test.ts +31 -0
  112. package/src/theme-editor/sections.ts +55 -1
  113. package/src/theme-editor/state-preferences.test.ts +49 -0
  114. package/src/theme-editor/state.ts +73 -15
  115. package/src/theme-reference.test.ts +20 -0
  116. package/src/theme-reference.ts +11 -5
  117. package/src/tool-call-display-defaults.test.ts +33 -1
  118. package/src/types/theme.ts +80 -3
  119. package/src/types.ts +179 -23
  120. package/src/ui.activity-row.test.ts +91 -0
  121. package/src/ui.approval-plugin.test.ts +63 -0
  122. package/src/ui.composer-compact.test.ts +24 -2
  123. package/src/ui.composer-placement.test.ts +23 -0
  124. package/src/ui.detached-panel.test.ts +33 -6
  125. package/src/ui.docked.test.ts +19 -0
  126. package/src/ui.header-update-stability.test.ts +25 -0
  127. package/src/ui.identity-proof.test.ts +58 -0
  128. package/src/ui.launcher-teaser.test.ts +25 -0
  129. package/src/ui.message-width.test.ts +17 -2
  130. package/src/ui.reasoning-display.test.ts +92 -0
  131. package/src/ui.rebuild-composer.test.ts +20 -3
  132. package/src/ui.scroll.test.ts +32 -0
  133. package/src/ui.session-init.test.ts +312 -0
  134. package/src/ui.status-indicator.test.ts +82 -0
  135. package/src/ui.suggest-replies.test.ts +11 -0
  136. package/src/ui.ts +363 -74
  137. package/src/ui.v5-defaults.test.ts +144 -0
  138. package/src/ui.welcome.test.ts +92 -3
  139. package/src/utils/__snapshots__/tokens-parity.test.ts.snap +811 -140
  140. package/src/utils/code-generators.ts +14 -0
  141. package/src/utils/composer-compact.test.ts +0 -2
  142. package/src/utils/composer-compact.ts +2 -4
  143. package/src/utils/composer-placement.ts +2 -3
  144. package/src/utils/config-merge.test.ts +81 -5
  145. package/src/utils/config-merge.ts +13 -3
  146. package/src/utils/defaults-provenance.ts +67 -0
  147. package/src/utils/dock.ts +7 -1
  148. package/src/utils/launcher-variant.ts +16 -0
  149. package/src/utils/panel-config.ts +97 -0
  150. package/src/utils/status-indicator.ts +39 -0
  151. package/src/utils/theme.test.ts +182 -0
  152. package/src/utils/theme.ts +131 -18
  153. package/src/utils/tokens.test.ts +122 -1
  154. package/src/utils/tokens.ts +177 -17
  155. package/src/utils/tool-pair-replay.ts +100 -0
  156. package/src/welcome.test.ts +23 -0
  157. package/src/welcome.ts +16 -9
  158. package/dist/approval-ui-K7R5Q5OC.js +0 -1
package/src/utils/__snapshots__/tokens-parity.test.ts.snap CHANGED
@@ -77,7 +77,8 @@ exports[`token pipeline parity (golden) > dark + button + input + message compon
77
77
  "--persona-components-header-foreground": "#ffffff",
78
78
  "--persona-components-header-iconBackground": "#0f0f0f",
79
79
  "--persona-components-header-iconForeground": "#ffffff",
80
- "--persona-components-header-padding": "1rem",
80
+ "--persona-components-header-minimalPadding": "16px 24px",
81
+ "--persona-components-header-padding": "20px 24px",
81
82
  "--persona-components-history-confirm-dangerBackground": "#dc2626",
82
83
  "--persona-components-history-confirm-scrim": "rgba(0, 0, 0, 0.6)",
83
84
  "--persona-components-history-dangerForeground": "#f87171",
@@ -118,16 +119,31 @@ exports[`token pipeline parity (golden) > dark + button + input + message compon
118
119
  "--persona-components-message-assistant-shadow": "0 1px 2px 0 rgb(0 0 0 / 0.05)",
119
120
  "--persona-components-message-assistant-text": "#111827",
120
121
  "--persona-components-message-border": "#e5e7eb",
122
+ "--persona-components-message-gap": "12px",
121
123
  "--persona-components-message-user-background": "#0044ff",
122
124
  "--persona-components-message-user-borderRadius": "0.5rem",
123
125
  "--persona-components-message-user-shadow": "0 1px 2px 0 rgb(0 0 0 / 0.05)",
124
126
  "--persona-components-message-user-text": "#ffffff",
125
127
  "--persona-components-panel-borderRadius": "0.75rem",
126
128
  "--persona-components-panel-canvasBackground": "transparent",
127
- "--persona-components-panel-height": "600px",
129
+ "--persona-components-panel-height": "min(640px, max(200px, calc(100vh - 64px)))",
128
130
  "--persona-components-panel-inset": "16px",
129
- "--persona-components-panel-maxHeight": "calc(100vh - 80px)",
130
- "--persona-components-panel-maxWidth": "440px",
131
+ "--persona-components-panel-maxHeight": "none",
132
+ "--persona-components-panel-maxWidth": "none",
133
+ "--persona-components-panel-modes-docked-border": "none",
134
+ "--persona-components-panel-modes-docked-borderRadius": "0.75rem",
135
+ "--persona-components-panel-modes-docked-shadow": "none",
136
+ "--persona-components-panel-modes-floating-border": "1px solid var(--persona-border)",
137
+ "--persona-components-panel-modes-floating-borderRadius": "0.75rem",
138
+ "--persona-components-panel-modes-floating-shadow": "0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1)",
139
+ "--persona-components-panel-modes-inline-border": "1px solid var(--persona-border)",
140
+ "--persona-components-panel-modes-inline-borderRadius": "0.75rem",
141
+ "--persona-components-panel-modes-inline-shadow": "none",
142
+ "--persona-components-panel-modes-mobile-border": "none",
143
+ "--persona-components-panel-modes-mobile-borderRadius": "0",
144
+ "--persona-components-panel-modes-mobile-shadow": "none",
145
+ "--persona-components-panel-modes-sidebar-border": "none",
146
+ "--persona-components-panel-modes-sidebar-borderRadius": "0",
131
147
  "--persona-components-panel-shadow": "0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1)",
132
148
  "--persona-components-panel-width": "min(440px, calc(100vw - 24px))",
133
149
  "--persona-components-reasoningBubble-shadow": "0 1px 2px 0 rgb(0 0 0 / 0.05)",
@@ -209,6 +225,9 @@ exports[`token pipeline parity (golden) > dark + button + input + message compon
209
225
  "--persona-composer-padding": "0.75rem 1rem",
210
226
  "--persona-composer-shadow": "none",
211
227
  "--persona-container": "#f9fafb",
228
+ "--persona-cw-border": "#e5e7eb",
229
+ "--persona-cw-container": "#f9fafb",
230
+ "--persona-cw-surface": "#f9fafb",
212
231
  "--persona-danger": "#dc2626",
213
232
  "--persona-danger-fg": "#ffffff",
214
233
  "--persona-divider": "#e5e7eb",
@@ -603,7 +622,8 @@ exports[`token pipeline parity (golden) > dark + composer model picker closed co
603
622
  "--persona-components-header-foreground": "#ffffff",
604
623
  "--persona-components-header-iconBackground": "#0f0f0f",
605
624
  "--persona-components-header-iconForeground": "#ffffff",
606
- "--persona-components-header-padding": "1rem",
625
+ "--persona-components-header-minimalPadding": "16px 24px",
626
+ "--persona-components-header-padding": "20px 24px",
607
627
  "--persona-components-history-confirm-dangerBackground": "#dc2626",
608
628
  "--persona-components-history-confirm-scrim": "rgba(0, 0, 0, 0.6)",
609
629
  "--persona-components-history-dangerForeground": "#f87171",
@@ -644,16 +664,31 @@ exports[`token pipeline parity (golden) > dark + composer model picker closed co
644
664
  "--persona-components-message-assistant-shadow": "0 1px 2px 0 rgb(0 0 0 / 0.05)",
645
665
  "--persona-components-message-assistant-text": "#111827",
646
666
  "--persona-components-message-border": "#e5e7eb",
667
+ "--persona-components-message-gap": "12px",
647
668
  "--persona-components-message-user-background": "#171717",
648
669
  "--persona-components-message-user-borderRadius": "0.5rem",
649
670
  "--persona-components-message-user-shadow": "0 1px 2px 0 rgb(0 0 0 / 0.05)",
650
671
  "--persona-components-message-user-text": "#ffffff",
651
672
  "--persona-components-panel-borderRadius": "0.75rem",
652
673
  "--persona-components-panel-canvasBackground": "transparent",
653
- "--persona-components-panel-height": "600px",
674
+ "--persona-components-panel-height": "min(640px, max(200px, calc(100vh - 64px)))",
654
675
  "--persona-components-panel-inset": "16px",
655
- "--persona-components-panel-maxHeight": "calc(100vh - 80px)",
656
- "--persona-components-panel-maxWidth": "440px",
676
+ "--persona-components-panel-maxHeight": "none",
677
+ "--persona-components-panel-maxWidth": "none",
678
+ "--persona-components-panel-modes-docked-border": "none",
679
+ "--persona-components-panel-modes-docked-borderRadius": "0.75rem",
680
+ "--persona-components-panel-modes-docked-shadow": "none",
681
+ "--persona-components-panel-modes-floating-border": "1px solid var(--persona-border)",
682
+ "--persona-components-panel-modes-floating-borderRadius": "0.75rem",
683
+ "--persona-components-panel-modes-floating-shadow": "0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1)",
684
+ "--persona-components-panel-modes-inline-border": "1px solid var(--persona-border)",
685
+ "--persona-components-panel-modes-inline-borderRadius": "0.75rem",
686
+ "--persona-components-panel-modes-inline-shadow": "none",
687
+ "--persona-components-panel-modes-mobile-border": "none",
688
+ "--persona-components-panel-modes-mobile-borderRadius": "0",
689
+ "--persona-components-panel-modes-mobile-shadow": "none",
690
+ "--persona-components-panel-modes-sidebar-border": "none",
691
+ "--persona-components-panel-modes-sidebar-borderRadius": "0",
657
692
  "--persona-components-panel-shadow": "0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1)",
658
693
  "--persona-components-panel-width": "min(440px, calc(100vw - 24px))",
659
694
  "--persona-components-reasoningBubble-shadow": "0 1px 2px 0 rgb(0 0 0 / 0.05)",
@@ -735,6 +770,9 @@ exports[`token pipeline parity (golden) > dark + composer model picker closed co
735
770
  "--persona-composer-padding": "0.75rem 1rem",
736
771
  "--persona-composer-shadow": "none",
737
772
  "--persona-container": "#f9fafb",
773
+ "--persona-cw-border": "#e5e7eb",
774
+ "--persona-cw-container": "#f9fafb",
775
+ "--persona-cw-surface": "#f9fafb",
738
776
  "--persona-danger": "#dc2626",
739
777
  "--persona-danger-fg": "#ffffff",
740
778
  "--persona-divider": "#e5e7eb",
@@ -1125,7 +1163,8 @@ exports[`token pipeline parity (golden) > dark + composer model picker popover 1
1125
1163
  "--persona-components-header-foreground": "#ffffff",
1126
1164
  "--persona-components-header-iconBackground": "#0f0f0f",
1127
1165
  "--persona-components-header-iconForeground": "#ffffff",
1128
- "--persona-components-header-padding": "1rem",
1166
+ "--persona-components-header-minimalPadding": "16px 24px",
1167
+ "--persona-components-header-padding": "20px 24px",
1129
1168
  "--persona-components-history-confirm-dangerBackground": "#dc2626",
1130
1169
  "--persona-components-history-confirm-scrim": "rgba(0, 0, 0, 0.6)",
1131
1170
  "--persona-components-history-dangerForeground": "#f87171",
@@ -1166,16 +1205,31 @@ exports[`token pipeline parity (golden) > dark + composer model picker popover 1
1166
1205
  "--persona-components-message-assistant-shadow": "0 1px 2px 0 rgb(0 0 0 / 0.05)",
1167
1206
  "--persona-components-message-assistant-text": "#111827",
1168
1207
  "--persona-components-message-border": "#e5e7eb",
1208
+ "--persona-components-message-gap": "12px",
1169
1209
  "--persona-components-message-user-background": "#171717",
1170
1210
  "--persona-components-message-user-borderRadius": "0.5rem",
1171
1211
  "--persona-components-message-user-shadow": "0 1px 2px 0 rgb(0 0 0 / 0.05)",
1172
1212
  "--persona-components-message-user-text": "#ffffff",
1173
1213
  "--persona-components-panel-borderRadius": "0.75rem",
1174
1214
  "--persona-components-panel-canvasBackground": "transparent",
1175
- "--persona-components-panel-height": "600px",
1215
+ "--persona-components-panel-height": "min(640px, max(200px, calc(100vh - 64px)))",
1176
1216
  "--persona-components-panel-inset": "16px",
1177
- "--persona-components-panel-maxHeight": "calc(100vh - 80px)",
1178
- "--persona-components-panel-maxWidth": "440px",
1217
+ "--persona-components-panel-maxHeight": "none",
1218
+ "--persona-components-panel-maxWidth": "none",
1219
+ "--persona-components-panel-modes-docked-border": "none",
1220
+ "--persona-components-panel-modes-docked-borderRadius": "0.75rem",
1221
+ "--persona-components-panel-modes-docked-shadow": "none",
1222
+ "--persona-components-panel-modes-floating-border": "1px solid var(--persona-border)",
1223
+ "--persona-components-panel-modes-floating-borderRadius": "0.75rem",
1224
+ "--persona-components-panel-modes-floating-shadow": "0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1)",
1225
+ "--persona-components-panel-modes-inline-border": "1px solid var(--persona-border)",
1226
+ "--persona-components-panel-modes-inline-borderRadius": "0.75rem",
1227
+ "--persona-components-panel-modes-inline-shadow": "none",
1228
+ "--persona-components-panel-modes-mobile-border": "none",
1229
+ "--persona-components-panel-modes-mobile-borderRadius": "0",
1230
+ "--persona-components-panel-modes-mobile-shadow": "none",
1231
+ "--persona-components-panel-modes-sidebar-border": "none",
1232
+ "--persona-components-panel-modes-sidebar-borderRadius": "0",
1179
1233
  "--persona-components-panel-shadow": "0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1)",
1180
1234
  "--persona-components-panel-width": "min(440px, calc(100vw - 24px))",
1181
1235
  "--persona-components-reasoningBubble-shadow": "0 1px 2px 0 rgb(0 0 0 / 0.05)",
@@ -1257,6 +1311,9 @@ exports[`token pipeline parity (golden) > dark + composer model picker popover 1
1257
1311
  "--persona-composer-padding": "0.75rem 1rem",
1258
1312
  "--persona-composer-shadow": "none",
1259
1313
  "--persona-container": "#f9fafb",
1314
+ "--persona-cw-border": "#e5e7eb",
1315
+ "--persona-cw-container": "#f9fafb",
1316
+ "--persona-cw-surface": "#f9fafb",
1260
1317
  "--persona-danger": "#dc2626",
1261
1318
  "--persona-danger-fg": "#ffffff",
1262
1319
  "--persona-divider": "#e5e7eb",
@@ -1642,7 +1699,8 @@ exports[`token pipeline parity (golden) > dark + composer overlay band + input b
1642
1699
  "--persona-components-header-foreground": "#ffffff",
1643
1700
  "--persona-components-header-iconBackground": "#0f0f0f",
1644
1701
  "--persona-components-header-iconForeground": "#ffffff",
1645
- "--persona-components-header-padding": "1rem",
1702
+ "--persona-components-header-minimalPadding": "16px 24px",
1703
+ "--persona-components-header-padding": "20px 24px",
1646
1704
  "--persona-components-history-confirm-dangerBackground": "#dc2626",
1647
1705
  "--persona-components-history-confirm-scrim": "rgba(0, 0, 0, 0.6)",
1648
1706
  "--persona-components-history-dangerForeground": "#f87171",
@@ -1684,16 +1742,31 @@ exports[`token pipeline parity (golden) > dark + composer overlay band + input b
1684
1742
  "--persona-components-message-assistant-shadow": "0 1px 2px 0 rgb(0 0 0 / 0.05)",
1685
1743
  "--persona-components-message-assistant-text": "#111827",
1686
1744
  "--persona-components-message-border": "#e5e7eb",
1745
+ "--persona-components-message-gap": "12px",
1687
1746
  "--persona-components-message-user-background": "#171717",
1688
1747
  "--persona-components-message-user-borderRadius": "0.5rem",
1689
1748
  "--persona-components-message-user-shadow": "0 1px 2px 0 rgb(0 0 0 / 0.05)",
1690
1749
  "--persona-components-message-user-text": "#ffffff",
1691
1750
  "--persona-components-panel-borderRadius": "0.75rem",
1692
1751
  "--persona-components-panel-canvasBackground": "transparent",
1693
- "--persona-components-panel-height": "600px",
1752
+ "--persona-components-panel-height": "min(640px, max(200px, calc(100vh - 64px)))",
1694
1753
  "--persona-components-panel-inset": "16px",
1695
- "--persona-components-panel-maxHeight": "calc(100vh - 80px)",
1696
- "--persona-components-panel-maxWidth": "440px",
1754
+ "--persona-components-panel-maxHeight": "none",
1755
+ "--persona-components-panel-maxWidth": "none",
1756
+ "--persona-components-panel-modes-docked-border": "none",
1757
+ "--persona-components-panel-modes-docked-borderRadius": "0.75rem",
1758
+ "--persona-components-panel-modes-docked-shadow": "none",
1759
+ "--persona-components-panel-modes-floating-border": "1px solid var(--persona-border)",
1760
+ "--persona-components-panel-modes-floating-borderRadius": "0.75rem",
1761
+ "--persona-components-panel-modes-floating-shadow": "0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1)",
1762
+ "--persona-components-panel-modes-inline-border": "1px solid var(--persona-border)",
1763
+ "--persona-components-panel-modes-inline-borderRadius": "0.75rem",
1764
+ "--persona-components-panel-modes-inline-shadow": "none",
1765
+ "--persona-components-panel-modes-mobile-border": "none",
1766
+ "--persona-components-panel-modes-mobile-borderRadius": "0",
1767
+ "--persona-components-panel-modes-mobile-shadow": "none",
1768
+ "--persona-components-panel-modes-sidebar-border": "none",
1769
+ "--persona-components-panel-modes-sidebar-borderRadius": "0",
1697
1770
  "--persona-components-panel-shadow": "0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1)",
1698
1771
  "--persona-components-panel-width": "min(440px, calc(100vw - 24px))",
1699
1772
  "--persona-components-reasoningBubble-shadow": "0 1px 2px 0 rgb(0 0 0 / 0.05)",
@@ -1775,6 +1848,9 @@ exports[`token pipeline parity (golden) > dark + composer overlay band + input b
1775
1848
  "--persona-composer-padding": "0.75rem 1rem",
1776
1849
  "--persona-composer-shadow": "none",
1777
1850
  "--persona-container": "#f9fafb",
1851
+ "--persona-cw-border": "#e5e7eb",
1852
+ "--persona-cw-container": "#f9fafb",
1853
+ "--persona-cw-surface": "#f9fafb",
1778
1854
  "--persona-danger": "#dc2626",
1779
1855
  "--persona-danger-fg": "#ffffff",
1780
1856
  "--persona-divider": "#e5e7eb",
@@ -2167,7 +2243,8 @@ exports[`token pipeline parity (golden) > dark + composer segmented mode track 1
2167
2243
  "--persona-components-header-foreground": "#ffffff",
2168
2244
  "--persona-components-header-iconBackground": "#0f0f0f",
2169
2245
  "--persona-components-header-iconForeground": "#ffffff",
2170
- "--persona-components-header-padding": "1rem",
2246
+ "--persona-components-header-minimalPadding": "16px 24px",
2247
+ "--persona-components-header-padding": "20px 24px",
2171
2248
  "--persona-components-history-confirm-dangerBackground": "#dc2626",
2172
2249
  "--persona-components-history-confirm-scrim": "rgba(0, 0, 0, 0.6)",
2173
2250
  "--persona-components-history-dangerForeground": "#f87171",
@@ -2208,16 +2285,31 @@ exports[`token pipeline parity (golden) > dark + composer segmented mode track 1
2208
2285
  "--persona-components-message-assistant-shadow": "0 1px 2px 0 rgb(0 0 0 / 0.05)",
2209
2286
  "--persona-components-message-assistant-text": "#111827",
2210
2287
  "--persona-components-message-border": "#e5e7eb",
2288
+ "--persona-components-message-gap": "12px",
2211
2289
  "--persona-components-message-user-background": "#171717",
2212
2290
  "--persona-components-message-user-borderRadius": "0.5rem",
2213
2291
  "--persona-components-message-user-shadow": "0 1px 2px 0 rgb(0 0 0 / 0.05)",
2214
2292
  "--persona-components-message-user-text": "#ffffff",
2215
2293
  "--persona-components-panel-borderRadius": "0.75rem",
2216
2294
  "--persona-components-panel-canvasBackground": "transparent",
2217
- "--persona-components-panel-height": "600px",
2295
+ "--persona-components-panel-height": "min(640px, max(200px, calc(100vh - 64px)))",
2218
2296
  "--persona-components-panel-inset": "16px",
2219
- "--persona-components-panel-maxHeight": "calc(100vh - 80px)",
2220
- "--persona-components-panel-maxWidth": "440px",
2297
+ "--persona-components-panel-maxHeight": "none",
2298
+ "--persona-components-panel-maxWidth": "none",
2299
+ "--persona-components-panel-modes-docked-border": "none",
2300
+ "--persona-components-panel-modes-docked-borderRadius": "0.75rem",
2301
+ "--persona-components-panel-modes-docked-shadow": "none",
2302
+ "--persona-components-panel-modes-floating-border": "1px solid var(--persona-border)",
2303
+ "--persona-components-panel-modes-floating-borderRadius": "0.75rem",
2304
+ "--persona-components-panel-modes-floating-shadow": "0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1)",
2305
+ "--persona-components-panel-modes-inline-border": "1px solid var(--persona-border)",
2306
+ "--persona-components-panel-modes-inline-borderRadius": "0.75rem",
2307
+ "--persona-components-panel-modes-inline-shadow": "none",
2308
+ "--persona-components-panel-modes-mobile-border": "none",
2309
+ "--persona-components-panel-modes-mobile-borderRadius": "0",
2310
+ "--persona-components-panel-modes-mobile-shadow": "none",
2311
+ "--persona-components-panel-modes-sidebar-border": "none",
2312
+ "--persona-components-panel-modes-sidebar-borderRadius": "0",
2221
2313
  "--persona-components-panel-shadow": "0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1)",
2222
2314
  "--persona-components-panel-width": "min(440px, calc(100vw - 24px))",
2223
2315
  "--persona-components-reasoningBubble-shadow": "0 1px 2px 0 rgb(0 0 0 / 0.05)",
@@ -2299,6 +2391,9 @@ exports[`token pipeline parity (golden) > dark + composer segmented mode track 1
2299
2391
  "--persona-composer-padding": "0.75rem 1rem",
2300
2392
  "--persona-composer-shadow": "none",
2301
2393
  "--persona-container": "#f9fafb",
2394
+ "--persona-cw-border": "#e5e7eb",
2395
+ "--persona-cw-container": "#f9fafb",
2396
+ "--persona-cw-surface": "#f9fafb",
2302
2397
  "--persona-danger": "#dc2626",
2303
2398
  "--persona-danger-fg": "#ffffff",
2304
2399
  "--persona-divider": "#e5e7eb",
@@ -2683,7 +2778,8 @@ exports[`token pipeline parity (golden) > dark + custom launcher foreground (sub
2683
2778
  "--persona-components-header-foreground": "#ffffff",
2684
2779
  "--persona-components-header-iconBackground": "#0f0f0f",
2685
2780
  "--persona-components-header-iconForeground": "#ffffff",
2686
- "--persona-components-header-padding": "1rem",
2781
+ "--persona-components-header-minimalPadding": "16px 24px",
2782
+ "--persona-components-header-padding": "20px 24px",
2687
2783
  "--persona-components-history-confirm-dangerBackground": "#dc2626",
2688
2784
  "--persona-components-history-confirm-scrim": "rgba(0, 0, 0, 0.6)",
2689
2785
  "--persona-components-history-dangerForeground": "#f87171",
@@ -2724,16 +2820,31 @@ exports[`token pipeline parity (golden) > dark + custom launcher foreground (sub
2724
2820
  "--persona-components-message-assistant-shadow": "0 1px 2px 0 rgb(0 0 0 / 0.05)",
2725
2821
  "--persona-components-message-assistant-text": "#111827",
2726
2822
  "--persona-components-message-border": "#e5e7eb",
2823
+ "--persona-components-message-gap": "12px",
2727
2824
  "--persona-components-message-user-background": "#171717",
2728
2825
  "--persona-components-message-user-borderRadius": "0.5rem",
2729
2826
  "--persona-components-message-user-shadow": "0 1px 2px 0 rgb(0 0 0 / 0.05)",
2730
2827
  "--persona-components-message-user-text": "#ffffff",
2731
2828
  "--persona-components-panel-borderRadius": "0.75rem",
2732
2829
  "--persona-components-panel-canvasBackground": "transparent",
2733
- "--persona-components-panel-height": "600px",
2830
+ "--persona-components-panel-height": "min(640px, max(200px, calc(100vh - 64px)))",
2734
2831
  "--persona-components-panel-inset": "16px",
2735
- "--persona-components-panel-maxHeight": "calc(100vh - 80px)",
2736
- "--persona-components-panel-maxWidth": "440px",
2832
+ "--persona-components-panel-maxHeight": "none",
2833
+ "--persona-components-panel-maxWidth": "none",
2834
+ "--persona-components-panel-modes-docked-border": "none",
2835
+ "--persona-components-panel-modes-docked-borderRadius": "0.75rem",
2836
+ "--persona-components-panel-modes-docked-shadow": "none",
2837
+ "--persona-components-panel-modes-floating-border": "1px solid var(--persona-border)",
2838
+ "--persona-components-panel-modes-floating-borderRadius": "0.75rem",
2839
+ "--persona-components-panel-modes-floating-shadow": "0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1)",
2840
+ "--persona-components-panel-modes-inline-border": "1px solid var(--persona-border)",
2841
+ "--persona-components-panel-modes-inline-borderRadius": "0.75rem",
2842
+ "--persona-components-panel-modes-inline-shadow": "none",
2843
+ "--persona-components-panel-modes-mobile-border": "none",
2844
+ "--persona-components-panel-modes-mobile-borderRadius": "0",
2845
+ "--persona-components-panel-modes-mobile-shadow": "none",
2846
+ "--persona-components-panel-modes-sidebar-border": "none",
2847
+ "--persona-components-panel-modes-sidebar-borderRadius": "0",
2737
2848
  "--persona-components-panel-shadow": "0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1)",
2738
2849
  "--persona-components-panel-width": "min(440px, calc(100vw - 24px))",
2739
2850
  "--persona-components-reasoningBubble-shadow": "0 1px 2px 0 rgb(0 0 0 / 0.05)",
@@ -2815,6 +2926,9 @@ exports[`token pipeline parity (golden) > dark + custom launcher foreground (sub
2815
2926
  "--persona-composer-padding": "0.75rem 1rem",
2816
2927
  "--persona-composer-shadow": "none",
2817
2928
  "--persona-container": "#f9fafb",
2929
+ "--persona-cw-border": "#e5e7eb",
2930
+ "--persona-cw-container": "#f9fafb",
2931
+ "--persona-cw-surface": "#f9fafb",
2818
2932
  "--persona-danger": "#dc2626",
2819
2933
  "--persona-danger-fg": "#ffffff",
2820
2934
  "--persona-divider": "#e5e7eb",
@@ -3202,7 +3316,8 @@ exports[`token pipeline parity (golden) > dark + explicit header keys beat deriv
3202
3316
  "--persona-components-header-iconBackground": "#0f0f0f",
3203
3317
  "--persona-components-header-iconForeground": "#ffffff",
3204
3318
  "--persona-components-header-minHeight": "64px",
3205
- "--persona-components-header-padding": "1rem",
3319
+ "--persona-components-header-minimalPadding": "16px 24px",
3320
+ "--persona-components-header-padding": "20px 24px",
3206
3321
  "--persona-components-header-shadow": "0 1px 2px rgba(0,0,0,0.2)",
3207
3322
  "--persona-components-header-subtitleForeground": "#222222",
3208
3323
  "--persona-components-header-title-color": "#111111",
@@ -3246,16 +3361,31 @@ exports[`token pipeline parity (golden) > dark + explicit header keys beat deriv
3246
3361
  "--persona-components-message-assistant-shadow": "0 1px 2px 0 rgb(0 0 0 / 0.05)",
3247
3362
  "--persona-components-message-assistant-text": "#111827",
3248
3363
  "--persona-components-message-border": "#e5e7eb",
3364
+ "--persona-components-message-gap": "12px",
3249
3365
  "--persona-components-message-user-background": "#171717",
3250
3366
  "--persona-components-message-user-borderRadius": "0.5rem",
3251
3367
  "--persona-components-message-user-shadow": "0 1px 2px 0 rgb(0 0 0 / 0.05)",
3252
3368
  "--persona-components-message-user-text": "#ffffff",
3253
3369
  "--persona-components-panel-borderRadius": "0.75rem",
3254
3370
  "--persona-components-panel-canvasBackground": "transparent",
3255
- "--persona-components-panel-height": "600px",
3371
+ "--persona-components-panel-height": "min(640px, max(200px, calc(100vh - 64px)))",
3256
3372
  "--persona-components-panel-inset": "16px",
3257
- "--persona-components-panel-maxHeight": "calc(100vh - 80px)",
3258
- "--persona-components-panel-maxWidth": "440px",
3373
+ "--persona-components-panel-maxHeight": "none",
3374
+ "--persona-components-panel-maxWidth": "none",
3375
+ "--persona-components-panel-modes-docked-border": "none",
3376
+ "--persona-components-panel-modes-docked-borderRadius": "0.75rem",
3377
+ "--persona-components-panel-modes-docked-shadow": "none",
3378
+ "--persona-components-panel-modes-floating-border": "1px solid var(--persona-border)",
3379
+ "--persona-components-panel-modes-floating-borderRadius": "0.75rem",
3380
+ "--persona-components-panel-modes-floating-shadow": "0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1)",
3381
+ "--persona-components-panel-modes-inline-border": "1px solid var(--persona-border)",
3382
+ "--persona-components-panel-modes-inline-borderRadius": "0.75rem",
3383
+ "--persona-components-panel-modes-inline-shadow": "none",
3384
+ "--persona-components-panel-modes-mobile-border": "none",
3385
+ "--persona-components-panel-modes-mobile-borderRadius": "0",
3386
+ "--persona-components-panel-modes-mobile-shadow": "none",
3387
+ "--persona-components-panel-modes-sidebar-border": "none",
3388
+ "--persona-components-panel-modes-sidebar-borderRadius": "0",
3259
3389
  "--persona-components-panel-shadow": "0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1)",
3260
3390
  "--persona-components-panel-width": "min(440px, calc(100vw - 24px))",
3261
3391
  "--persona-components-reasoningBubble-shadow": "0 1px 2px 0 rgb(0 0 0 / 0.05)",
@@ -3337,6 +3467,9 @@ exports[`token pipeline parity (golden) > dark + explicit header keys beat deriv
3337
3467
  "--persona-composer-padding": "0.75rem 1rem",
3338
3468
  "--persona-composer-shadow": "none",
3339
3469
  "--persona-container": "#f9fafb",
3470
+ "--persona-cw-border": "#e5e7eb",
3471
+ "--persona-cw-container": "#f9fafb",
3472
+ "--persona-cw-surface": "#f9fafb",
3340
3473
  "--persona-danger": "#dc2626",
3341
3474
  "--persona-danger-fg": "#ffffff",
3342
3475
  "--persona-divider": "#e5e7eb",
@@ -3724,7 +3857,8 @@ exports[`token pipeline parity (golden) > dark + flat dark surface (white-alpha
3724
3857
  "--persona-components-header-foreground": "#ffffff",
3725
3858
  "--persona-components-header-iconBackground": "#0f0f0f",
3726
3859
  "--persona-components-header-iconForeground": "#ffffff",
3727
- "--persona-components-header-padding": "1rem",
3860
+ "--persona-components-header-minimalPadding": "16px 24px",
3861
+ "--persona-components-header-padding": "20px 24px",
3728
3862
  "--persona-components-history-confirm-dangerBackground": "#dc2626",
3729
3863
  "--persona-components-history-confirm-scrim": "rgba(0, 0, 0, 0.6)",
3730
3864
  "--persona-components-history-dangerForeground": "#f87171",
@@ -3765,16 +3899,31 @@ exports[`token pipeline parity (golden) > dark + flat dark surface (white-alpha
3765
3899
  "--persona-components-message-assistant-shadow": "0 1px 2px 0 rgb(0 0 0 / 0.05)",
3766
3900
  "--persona-components-message-assistant-text": "#111827",
3767
3901
  "--persona-components-message-border": "#e5e7eb",
3902
+ "--persona-components-message-gap": "12px",
3768
3903
  "--persona-components-message-user-background": "#171717",
3769
3904
  "--persona-components-message-user-borderRadius": "0.5rem",
3770
3905
  "--persona-components-message-user-shadow": "0 1px 2px 0 rgb(0 0 0 / 0.05)",
3771
3906
  "--persona-components-message-user-text": "#ffffff",
3772
3907
  "--persona-components-panel-borderRadius": "0.75rem",
3773
3908
  "--persona-components-panel-canvasBackground": "transparent",
3774
- "--persona-components-panel-height": "600px",
3909
+ "--persona-components-panel-height": "min(640px, max(200px, calc(100vh - 64px)))",
3775
3910
  "--persona-components-panel-inset": "16px",
3776
- "--persona-components-panel-maxHeight": "calc(100vh - 80px)",
3777
- "--persona-components-panel-maxWidth": "440px",
3911
+ "--persona-components-panel-maxHeight": "none",
3912
+ "--persona-components-panel-maxWidth": "none",
3913
+ "--persona-components-panel-modes-docked-border": "none",
3914
+ "--persona-components-panel-modes-docked-borderRadius": "0.75rem",
3915
+ "--persona-components-panel-modes-docked-shadow": "none",
3916
+ "--persona-components-panel-modes-floating-border": "1px solid var(--persona-border)",
3917
+ "--persona-components-panel-modes-floating-borderRadius": "0.75rem",
3918
+ "--persona-components-panel-modes-floating-shadow": "0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1)",
3919
+ "--persona-components-panel-modes-inline-border": "1px solid var(--persona-border)",
3920
+ "--persona-components-panel-modes-inline-borderRadius": "0.75rem",
3921
+ "--persona-components-panel-modes-inline-shadow": "none",
3922
+ "--persona-components-panel-modes-mobile-border": "none",
3923
+ "--persona-components-panel-modes-mobile-borderRadius": "0",
3924
+ "--persona-components-panel-modes-mobile-shadow": "none",
3925
+ "--persona-components-panel-modes-sidebar-border": "none",
3926
+ "--persona-components-panel-modes-sidebar-borderRadius": "0",
3778
3927
  "--persona-components-panel-shadow": "0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1)",
3779
3928
  "--persona-components-panel-width": "min(440px, calc(100vw - 24px))",
3780
3929
  "--persona-components-reasoningBubble-shadow": "0 1px 2px 0 rgb(0 0 0 / 0.05)",
@@ -3856,6 +4005,9 @@ exports[`token pipeline parity (golden) > dark + flat dark surface (white-alpha
3856
4005
  "--persona-composer-padding": "0.75rem 1rem",
3857
4006
  "--persona-composer-shadow": "none",
3858
4007
  "--persona-container": "#0e111b",
4008
+ "--persona-cw-border": "#e5e7eb",
4009
+ "--persona-cw-container": "#f9fafb",
4010
+ "--persona-cw-surface": "#0e111b",
3859
4011
  "--persona-danger": "#dc2626",
3860
4012
  "--persona-danger-fg": "#ffffff",
3861
4013
  "--persona-divider": "#e5e7eb",
@@ -4240,7 +4392,8 @@ exports[`token pipeline parity (golden) > dark + header background/foreground pa
4240
4392
  "--persona-components-header-foreground": "#fedcba",
4241
4393
  "--persona-components-header-iconBackground": "#0f0f0f",
4242
4394
  "--persona-components-header-iconForeground": "#ffffff",
4243
- "--persona-components-header-padding": "1rem",
4395
+ "--persona-components-header-minimalPadding": "16px 24px",
4396
+ "--persona-components-header-padding": "20px 24px",
4244
4397
  "--persona-components-history-confirm-dangerBackground": "#dc2626",
4245
4398
  "--persona-components-history-confirm-scrim": "rgba(0, 0, 0, 0.6)",
4246
4399
  "--persona-components-history-dangerForeground": "#f87171",
@@ -4281,16 +4434,31 @@ exports[`token pipeline parity (golden) > dark + header background/foreground pa
4281
4434
  "--persona-components-message-assistant-shadow": "0 1px 2px 0 rgb(0 0 0 / 0.05)",
4282
4435
  "--persona-components-message-assistant-text": "#111827",
4283
4436
  "--persona-components-message-border": "#e5e7eb",
4437
+ "--persona-components-message-gap": "12px",
4284
4438
  "--persona-components-message-user-background": "#171717",
4285
4439
  "--persona-components-message-user-borderRadius": "0.5rem",
4286
4440
  "--persona-components-message-user-shadow": "0 1px 2px 0 rgb(0 0 0 / 0.05)",
4287
4441
  "--persona-components-message-user-text": "#ffffff",
4288
4442
  "--persona-components-panel-borderRadius": "0.75rem",
4289
4443
  "--persona-components-panel-canvasBackground": "transparent",
4290
- "--persona-components-panel-height": "600px",
4444
+ "--persona-components-panel-height": "min(640px, max(200px, calc(100vh - 64px)))",
4291
4445
  "--persona-components-panel-inset": "16px",
4292
- "--persona-components-panel-maxHeight": "calc(100vh - 80px)",
4293
- "--persona-components-panel-maxWidth": "440px",
4446
+ "--persona-components-panel-maxHeight": "none",
4447
+ "--persona-components-panel-maxWidth": "none",
4448
+ "--persona-components-panel-modes-docked-border": "none",
4449
+ "--persona-components-panel-modes-docked-borderRadius": "0.75rem",
4450
+ "--persona-components-panel-modes-docked-shadow": "none",
4451
+ "--persona-components-panel-modes-floating-border": "1px solid var(--persona-border)",
4452
+ "--persona-components-panel-modes-floating-borderRadius": "0.75rem",
4453
+ "--persona-components-panel-modes-floating-shadow": "0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1)",
4454
+ "--persona-components-panel-modes-inline-border": "1px solid var(--persona-border)",
4455
+ "--persona-components-panel-modes-inline-borderRadius": "0.75rem",
4456
+ "--persona-components-panel-modes-inline-shadow": "none",
4457
+ "--persona-components-panel-modes-mobile-border": "none",
4458
+ "--persona-components-panel-modes-mobile-borderRadius": "0",
4459
+ "--persona-components-panel-modes-mobile-shadow": "none",
4460
+ "--persona-components-panel-modes-sidebar-border": "none",
4461
+ "--persona-components-panel-modes-sidebar-borderRadius": "0",
4294
4462
  "--persona-components-panel-shadow": "0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1)",
4295
4463
  "--persona-components-panel-width": "min(440px, calc(100vw - 24px))",
4296
4464
  "--persona-components-reasoningBubble-shadow": "0 1px 2px 0 rgb(0 0 0 / 0.05)",
@@ -4372,6 +4540,9 @@ exports[`token pipeline parity (golden) > dark + header background/foreground pa
4372
4540
  "--persona-composer-padding": "0.75rem 1rem",
4373
4541
  "--persona-composer-shadow": "none",
4374
4542
  "--persona-container": "#f9fafb",
4543
+ "--persona-cw-border": "#e5e7eb",
4544
+ "--persona-cw-container": "#f9fafb",
4545
+ "--persona-cw-surface": "#f9fafb",
4375
4546
  "--persona-danger": "#dc2626",
4376
4547
  "--persona-danger-fg": "#ffffff",
4377
4548
  "--persona-divider": "#e5e7eb",
@@ -4762,7 +4933,8 @@ exports[`token pipeline parity (golden) > dark + history motion + code block tok
4762
4933
  "--persona-components-header-foreground": "#ffffff",
4763
4934
  "--persona-components-header-iconBackground": "#0f0f0f",
4764
4935
  "--persona-components-header-iconForeground": "#ffffff",
4765
- "--persona-components-header-padding": "1rem",
4936
+ "--persona-components-header-minimalPadding": "16px 24px",
4937
+ "--persona-components-header-padding": "20px 24px",
4766
4938
  "--persona-components-history-confirm-dangerBackground": "#dc2626",
4767
4939
  "--persona-components-history-confirm-scrim": "rgba(0, 0, 0, 0.6)",
4768
4940
  "--persona-components-history-dangerForeground": "#f87171",
@@ -4810,16 +4982,31 @@ exports[`token pipeline parity (golden) > dark + history motion + code block tok
4810
4982
  "--persona-components-message-assistant-shadow": "0 1px 2px 0 rgb(0 0 0 / 0.05)",
4811
4983
  "--persona-components-message-assistant-text": "#111827",
4812
4984
  "--persona-components-message-border": "#e5e7eb",
4985
+ "--persona-components-message-gap": "12px",
4813
4986
  "--persona-components-message-user-background": "#171717",
4814
4987
  "--persona-components-message-user-borderRadius": "0.5rem",
4815
4988
  "--persona-components-message-user-shadow": "0 1px 2px 0 rgb(0 0 0 / 0.05)",
4816
4989
  "--persona-components-message-user-text": "#ffffff",
4817
4990
  "--persona-components-panel-borderRadius": "0.75rem",
4818
4991
  "--persona-components-panel-canvasBackground": "transparent",
4819
- "--persona-components-panel-height": "600px",
4992
+ "--persona-components-panel-height": "min(640px, max(200px, calc(100vh - 64px)))",
4820
4993
  "--persona-components-panel-inset": "16px",
4821
- "--persona-components-panel-maxHeight": "calc(100vh - 80px)",
4822
- "--persona-components-panel-maxWidth": "440px",
4994
+ "--persona-components-panel-maxHeight": "none",
4995
+ "--persona-components-panel-maxWidth": "none",
4996
+ "--persona-components-panel-modes-docked-border": "none",
4997
+ "--persona-components-panel-modes-docked-borderRadius": "0.75rem",
4998
+ "--persona-components-panel-modes-docked-shadow": "none",
4999
+ "--persona-components-panel-modes-floating-border": "1px solid var(--persona-border)",
5000
+ "--persona-components-panel-modes-floating-borderRadius": "0.75rem",
5001
+ "--persona-components-panel-modes-floating-shadow": "0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1)",
5002
+ "--persona-components-panel-modes-inline-border": "1px solid var(--persona-border)",
5003
+ "--persona-components-panel-modes-inline-borderRadius": "0.75rem",
5004
+ "--persona-components-panel-modes-inline-shadow": "none",
5005
+ "--persona-components-panel-modes-mobile-border": "none",
5006
+ "--persona-components-panel-modes-mobile-borderRadius": "0",
5007
+ "--persona-components-panel-modes-mobile-shadow": "none",
5008
+ "--persona-components-panel-modes-sidebar-border": "none",
5009
+ "--persona-components-panel-modes-sidebar-borderRadius": "0",
4823
5010
  "--persona-components-panel-shadow": "0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1)",
4824
5011
  "--persona-components-panel-width": "min(440px, calc(100vw - 24px))",
4825
5012
  "--persona-components-reasoningBubble-shadow": "0 1px 2px 0 rgb(0 0 0 / 0.05)",
@@ -4901,6 +5088,9 @@ exports[`token pipeline parity (golden) > dark + history motion + code block tok
4901
5088
  "--persona-composer-padding": "0.75rem 1rem",
4902
5089
  "--persona-composer-shadow": "none",
4903
5090
  "--persona-container": "#f9fafb",
5091
+ "--persona-cw-border": "#e5e7eb",
5092
+ "--persona-cw-container": "#f9fafb",
5093
+ "--persona-cw-surface": "#f9fafb",
4904
5094
  "--persona-danger": "#dc2626",
4905
5095
  "--persona-danger-fg": "#ffffff",
4906
5096
  "--persona-divider": "#e5e7eb",
@@ -5293,7 +5483,8 @@ exports[`token pipeline parity (golden) > dark + intro card kicker typography 1`
5293
5483
  "--persona-components-header-foreground": "#ffffff",
5294
5484
  "--persona-components-header-iconBackground": "#0f0f0f",
5295
5485
  "--persona-components-header-iconForeground": "#ffffff",
5296
- "--persona-components-header-padding": "1rem",
5486
+ "--persona-components-header-minimalPadding": "16px 24px",
5487
+ "--persona-components-header-padding": "20px 24px",
5297
5488
  "--persona-components-history-confirm-dangerBackground": "#dc2626",
5298
5489
  "--persona-components-history-confirm-scrim": "rgba(0, 0, 0, 0.6)",
5299
5490
  "--persona-components-history-dangerForeground": "#f87171",
@@ -5337,16 +5528,31 @@ exports[`token pipeline parity (golden) > dark + intro card kicker typography 1`
5337
5528
  "--persona-components-message-assistant-shadow": "0 1px 2px 0 rgb(0 0 0 / 0.05)",
5338
5529
  "--persona-components-message-assistant-text": "#111827",
5339
5530
  "--persona-components-message-border": "#e5e7eb",
5531
+ "--persona-components-message-gap": "12px",
5340
5532
  "--persona-components-message-user-background": "#171717",
5341
5533
  "--persona-components-message-user-borderRadius": "0.5rem",
5342
5534
  "--persona-components-message-user-shadow": "0 1px 2px 0 rgb(0 0 0 / 0.05)",
5343
5535
  "--persona-components-message-user-text": "#ffffff",
5344
5536
  "--persona-components-panel-borderRadius": "0.75rem",
5345
5537
  "--persona-components-panel-canvasBackground": "transparent",
5346
- "--persona-components-panel-height": "600px",
5538
+ "--persona-components-panel-height": "min(640px, max(200px, calc(100vh - 64px)))",
5347
5539
  "--persona-components-panel-inset": "16px",
5348
- "--persona-components-panel-maxHeight": "calc(100vh - 80px)",
5349
- "--persona-components-panel-maxWidth": "440px",
5540
+ "--persona-components-panel-maxHeight": "none",
5541
+ "--persona-components-panel-maxWidth": "none",
5542
+ "--persona-components-panel-modes-docked-border": "none",
5543
+ "--persona-components-panel-modes-docked-borderRadius": "0.75rem",
5544
+ "--persona-components-panel-modes-docked-shadow": "none",
5545
+ "--persona-components-panel-modes-floating-border": "1px solid var(--persona-border)",
5546
+ "--persona-components-panel-modes-floating-borderRadius": "0.75rem",
5547
+ "--persona-components-panel-modes-floating-shadow": "0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1)",
5548
+ "--persona-components-panel-modes-inline-border": "1px solid var(--persona-border)",
5549
+ "--persona-components-panel-modes-inline-borderRadius": "0.75rem",
5550
+ "--persona-components-panel-modes-inline-shadow": "none",
5551
+ "--persona-components-panel-modes-mobile-border": "none",
5552
+ "--persona-components-panel-modes-mobile-borderRadius": "0",
5553
+ "--persona-components-panel-modes-mobile-shadow": "none",
5554
+ "--persona-components-panel-modes-sidebar-border": "none",
5555
+ "--persona-components-panel-modes-sidebar-borderRadius": "0",
5350
5556
  "--persona-components-panel-shadow": "0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1)",
5351
5557
  "--persona-components-panel-width": "min(440px, calc(100vw - 24px))",
5352
5558
  "--persona-components-reasoningBubble-shadow": "0 1px 2px 0 rgb(0 0 0 / 0.05)",
@@ -5428,6 +5634,9 @@ exports[`token pipeline parity (golden) > dark + intro card kicker typography 1`
5428
5634
  "--persona-composer-padding": "0.75rem 1rem",
5429
5635
  "--persona-composer-shadow": "none",
5430
5636
  "--persona-container": "#f9fafb",
5637
+ "--persona-cw-border": "#e5e7eb",
5638
+ "--persona-cw-container": "#f9fafb",
5639
+ "--persona-cw-surface": "#f9fafb",
5431
5640
  "--persona-danger": "#dc2626",
5432
5641
  "--persona-danger-fg": "#ffffff",
5433
5642
  "--persona-divider": "#e5e7eb",
@@ -5816,7 +6025,8 @@ exports[`token pipeline parity (golden) > dark + message geometry + stop button
5816
6025
  "--persona-components-header-foreground": "#ffffff",
5817
6026
  "--persona-components-header-iconBackground": "#0f0f0f",
5818
6027
  "--persona-components-header-iconForeground": "#ffffff",
5819
- "--persona-components-header-padding": "1rem",
6028
+ "--persona-components-header-minimalPadding": "16px 24px",
6029
+ "--persona-components-header-padding": "20px 24px",
5820
6030
  "--persona-components-history-confirm-dangerBackground": "#dc2626",
5821
6031
  "--persona-components-history-confirm-scrim": "rgba(0, 0, 0, 0.6)",
5822
6032
  "--persona-components-history-dangerForeground": "#f87171",
@@ -5861,6 +6071,7 @@ exports[`token pipeline parity (golden) > dark + message geometry + stop button
5861
6071
  "--persona-components-message-assistant-shadow": "0 1px 2px 0 rgb(0 0 0 / 0.05)",
5862
6072
  "--persona-components-message-assistant-text": "#111827",
5863
6073
  "--persona-components-message-border": "#e5e7eb",
6074
+ "--persona-components-message-gap": "12px",
5864
6075
  "--persona-components-message-user-background": "#171717",
5865
6076
  "--persona-components-message-user-borderRadius": "0.5rem",
5866
6077
  "--persona-components-message-user-fontFamily": "Georgia, serif",
@@ -5872,10 +6083,24 @@ exports[`token pipeline parity (golden) > dark + message geometry + stop button
5872
6083
  "--persona-components-message-user-text": "#ffffff",
5873
6084
  "--persona-components-panel-borderRadius": "0.75rem",
5874
6085
  "--persona-components-panel-canvasBackground": "transparent",
5875
- "--persona-components-panel-height": "600px",
6086
+ "--persona-components-panel-height": "min(640px, max(200px, calc(100vh - 64px)))",
5876
6087
  "--persona-components-panel-inset": "16px",
5877
- "--persona-components-panel-maxHeight": "calc(100vh - 80px)",
5878
- "--persona-components-panel-maxWidth": "440px",
6088
+ "--persona-components-panel-maxHeight": "none",
6089
+ "--persona-components-panel-maxWidth": "none",
6090
+ "--persona-components-panel-modes-docked-border": "none",
6091
+ "--persona-components-panel-modes-docked-borderRadius": "0.75rem",
6092
+ "--persona-components-panel-modes-docked-shadow": "none",
6093
+ "--persona-components-panel-modes-floating-border": "1px solid var(--persona-border)",
6094
+ "--persona-components-panel-modes-floating-borderRadius": "0.75rem",
6095
+ "--persona-components-panel-modes-floating-shadow": "0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1)",
6096
+ "--persona-components-panel-modes-inline-border": "1px solid var(--persona-border)",
6097
+ "--persona-components-panel-modes-inline-borderRadius": "0.75rem",
6098
+ "--persona-components-panel-modes-inline-shadow": "none",
6099
+ "--persona-components-panel-modes-mobile-border": "none",
6100
+ "--persona-components-panel-modes-mobile-borderRadius": "0",
6101
+ "--persona-components-panel-modes-mobile-shadow": "none",
6102
+ "--persona-components-panel-modes-sidebar-border": "none",
6103
+ "--persona-components-panel-modes-sidebar-borderRadius": "0",
5879
6104
  "--persona-components-panel-shadow": "0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1)",
5880
6105
  "--persona-components-panel-width": "min(440px, calc(100vw - 24px))",
5881
6106
  "--persona-components-reasoningBubble-shadow": "0 1px 2px 0 rgb(0 0 0 / 0.05)",
@@ -5957,6 +6182,9 @@ exports[`token pipeline parity (golden) > dark + message geometry + stop button
5957
6182
  "--persona-composer-padding": "0.75rem 1rem",
5958
6183
  "--persona-composer-shadow": "none",
5959
6184
  "--persona-container": "#f9fafb",
6185
+ "--persona-cw-border": "#e5e7eb",
6186
+ "--persona-cw-container": "#f9fafb",
6187
+ "--persona-cw-surface": "#f9fafb",
5960
6188
  "--persona-danger": "#dc2626",
5961
6189
  "--persona-danger-fg": "#ffffff",
5962
6190
  "--persona-divider": "#e5e7eb",
@@ -6350,7 +6578,8 @@ exports[`token pipeline parity (golden) > dark + non-flat container (hover ancho
6350
6578
  "--persona-components-header-foreground": "#ffffff",
6351
6579
  "--persona-components-header-iconBackground": "#0f0f0f",
6352
6580
  "--persona-components-header-iconForeground": "#ffffff",
6353
- "--persona-components-header-padding": "1rem",
6581
+ "--persona-components-header-minimalPadding": "16px 24px",
6582
+ "--persona-components-header-padding": "20px 24px",
6354
6583
  "--persona-components-history-confirm-dangerBackground": "#dc2626",
6355
6584
  "--persona-components-history-confirm-scrim": "rgba(0, 0, 0, 0.6)",
6356
6585
  "--persona-components-history-dangerForeground": "#f87171",
@@ -6391,16 +6620,31 @@ exports[`token pipeline parity (golden) > dark + non-flat container (hover ancho
6391
6620
  "--persona-components-message-assistant-shadow": "0 1px 2px 0 rgb(0 0 0 / 0.05)",
6392
6621
  "--persona-components-message-assistant-text": "#111827",
6393
6622
  "--persona-components-message-border": "#e5e7eb",
6623
+ "--persona-components-message-gap": "12px",
6394
6624
  "--persona-components-message-user-background": "#171717",
6395
6625
  "--persona-components-message-user-borderRadius": "0.5rem",
6396
6626
  "--persona-components-message-user-shadow": "0 1px 2px 0 rgb(0 0 0 / 0.05)",
6397
6627
  "--persona-components-message-user-text": "#ffffff",
6398
6628
  "--persona-components-panel-borderRadius": "0.75rem",
6399
6629
  "--persona-components-panel-canvasBackground": "transparent",
6400
- "--persona-components-panel-height": "600px",
6630
+ "--persona-components-panel-height": "min(640px, max(200px, calc(100vh - 64px)))",
6401
6631
  "--persona-components-panel-inset": "16px",
6402
- "--persona-components-panel-maxHeight": "calc(100vh - 80px)",
6403
- "--persona-components-panel-maxWidth": "440px",
6632
+ "--persona-components-panel-maxHeight": "none",
6633
+ "--persona-components-panel-maxWidth": "none",
6634
+ "--persona-components-panel-modes-docked-border": "none",
6635
+ "--persona-components-panel-modes-docked-borderRadius": "0.75rem",
6636
+ "--persona-components-panel-modes-docked-shadow": "none",
6637
+ "--persona-components-panel-modes-floating-border": "1px solid var(--persona-border)",
6638
+ "--persona-components-panel-modes-floating-borderRadius": "0.75rem",
6639
+ "--persona-components-panel-modes-floating-shadow": "0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1)",
6640
+ "--persona-components-panel-modes-inline-border": "1px solid var(--persona-border)",
6641
+ "--persona-components-panel-modes-inline-borderRadius": "0.75rem",
6642
+ "--persona-components-panel-modes-inline-shadow": "none",
6643
+ "--persona-components-panel-modes-mobile-border": "none",
6644
+ "--persona-components-panel-modes-mobile-borderRadius": "0",
6645
+ "--persona-components-panel-modes-mobile-shadow": "none",
6646
+ "--persona-components-panel-modes-sidebar-border": "none",
6647
+ "--persona-components-panel-modes-sidebar-borderRadius": "0",
6404
6648
  "--persona-components-panel-shadow": "0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1)",
6405
6649
  "--persona-components-panel-width": "min(440px, calc(100vw - 24px))",
6406
6650
  "--persona-components-reasoningBubble-shadow": "0 1px 2px 0 rgb(0 0 0 / 0.05)",
@@ -6482,6 +6726,9 @@ exports[`token pipeline parity (golden) > dark + non-flat container (hover ancho
6482
6726
  "--persona-composer-padding": "0.75rem 1rem",
6483
6727
  "--persona-composer-shadow": "none",
6484
6728
  "--persona-container": "#f3f4f6",
6729
+ "--persona-cw-border": "#e5e7eb",
6730
+ "--persona-cw-container": "#f9fafb",
6731
+ "--persona-cw-surface": "#f9fafb",
6485
6732
  "--persona-danger": "#dc2626",
6486
6733
  "--persona-danger-fg": "#ffffff",
6487
6734
  "--persona-divider": "#e5e7eb",
@@ -6859,7 +7106,8 @@ exports[`token pipeline parity (golden) > dark + partial primary palette 1`] = `
6859
7106
  "--persona-components-eventStream-badge-tool-background": "#581c87",
6860
7107
  "--persona-components-eventStream-badge-tool-foreground": "#d8b4fe",
6861
7108
  "--persona-components-header-background": "#ff4400",
6862
- "--persona-components-header-padding": "1rem",
7109
+ "--persona-components-header-minimalPadding": "16px 24px",
7110
+ "--persona-components-header-padding": "20px 24px",
6863
7111
  "--persona-components-history-confirm-dangerBackground": "#dc2626",
6864
7112
  "--persona-components-history-confirm-scrim": "rgba(0, 0, 0, 0.6)",
6865
7113
  "--persona-components-history-dangerForeground": "#f87171",
@@ -6899,15 +7147,30 @@ exports[`token pipeline parity (golden) > dark + partial primary palette 1`] = `
6899
7147
  "--persona-components-message-assistant-shadow": "0 1px 2px 0 rgb(0 0 0 / 0.05)",
6900
7148
  "--persona-components-message-assistant-text": "#111827",
6901
7149
  "--persona-components-message-border": "#e5e7eb",
7150
+ "--persona-components-message-gap": "12px",
6902
7151
  "--persona-components-message-user-background": "#ff4400",
6903
7152
  "--persona-components-message-user-borderRadius": "0.5rem",
6904
7153
  "--persona-components-message-user-shadow": "0 1px 2px 0 rgb(0 0 0 / 0.05)",
6905
7154
  "--persona-components-panel-borderRadius": "0.75rem",
6906
7155
  "--persona-components-panel-canvasBackground": "transparent",
6907
- "--persona-components-panel-height": "600px",
7156
+ "--persona-components-panel-height": "min(640px, max(200px, calc(100vh - 64px)))",
6908
7157
  "--persona-components-panel-inset": "16px",
6909
- "--persona-components-panel-maxHeight": "calc(100vh - 80px)",
6910
- "--persona-components-panel-maxWidth": "440px",
7158
+ "--persona-components-panel-maxHeight": "none",
7159
+ "--persona-components-panel-maxWidth": "none",
7160
+ "--persona-components-panel-modes-docked-border": "none",
7161
+ "--persona-components-panel-modes-docked-borderRadius": "0.75rem",
7162
+ "--persona-components-panel-modes-docked-shadow": "none",
7163
+ "--persona-components-panel-modes-floating-border": "1px solid var(--persona-border)",
7164
+ "--persona-components-panel-modes-floating-borderRadius": "0.75rem",
7165
+ "--persona-components-panel-modes-floating-shadow": "0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1)",
7166
+ "--persona-components-panel-modes-inline-border": "1px solid var(--persona-border)",
7167
+ "--persona-components-panel-modes-inline-borderRadius": "0.75rem",
7168
+ "--persona-components-panel-modes-inline-shadow": "none",
7169
+ "--persona-components-panel-modes-mobile-border": "none",
7170
+ "--persona-components-panel-modes-mobile-borderRadius": "0",
7171
+ "--persona-components-panel-modes-mobile-shadow": "none",
7172
+ "--persona-components-panel-modes-sidebar-border": "none",
7173
+ "--persona-components-panel-modes-sidebar-borderRadius": "0",
6911
7174
  "--persona-components-panel-shadow": "0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1)",
6912
7175
  "--persona-components-panel-width": "min(440px, calc(100vw - 24px))",
6913
7176
  "--persona-components-reasoningBubble-shadow": "0 1px 2px 0 rgb(0 0 0 / 0.05)",
@@ -6984,6 +7247,9 @@ exports[`token pipeline parity (golden) > dark + partial primary palette 1`] = `
6984
7247
  "--persona-composer-padding": "0.75rem 1rem",
6985
7248
  "--persona-composer-shadow": "none",
6986
7249
  "--persona-container": "#f9fafb",
7250
+ "--persona-cw-border": "#e5e7eb",
7251
+ "--persona-cw-container": "#f9fafb",
7252
+ "--persona-cw-surface": "#f9fafb",
6987
7253
  "--persona-danger": "#dc2626",
6988
7254
  "--persona-danger-fg": "#ffffff",
6989
7255
  "--persona-divider": "#e5e7eb",
@@ -7353,7 +7619,8 @@ exports[`token pipeline parity (golden) > dark + radius + typography + spacing p
7353
7619
  "--persona-components-header-foreground": "#ffffff",
7354
7620
  "--persona-components-header-iconBackground": "#0f0f0f",
7355
7621
  "--persona-components-header-iconForeground": "#ffffff",
7356
- "--persona-components-header-padding": "18px",
7622
+ "--persona-components-header-minimalPadding": "16px 24px",
7623
+ "--persona-components-header-padding": "20px 24px",
7357
7624
  "--persona-components-history-confirm-dangerBackground": "#dc2626",
7358
7625
  "--persona-components-history-confirm-scrim": "rgba(0, 0, 0, 0.6)",
7359
7626
  "--persona-components-history-dangerForeground": "#f87171",
@@ -7394,16 +7661,31 @@ exports[`token pipeline parity (golden) > dark + radius + typography + spacing p
7394
7661
  "--persona-components-message-assistant-shadow": "0 1px 2px 0 rgb(0 0 0 / 0.05)",
7395
7662
  "--persona-components-message-assistant-text": "#111827",
7396
7663
  "--persona-components-message-border": "#e5e7eb",
7664
+ "--persona-components-message-gap": "12px",
7397
7665
  "--persona-components-message-user-background": "#171717",
7398
7666
  "--persona-components-message-user-borderRadius": "1rem",
7399
7667
  "--persona-components-message-user-shadow": "0 1px 2px 0 rgb(0 0 0 / 0.05)",
7400
7668
  "--persona-components-message-user-text": "#ffffff",
7401
7669
  "--persona-components-panel-borderRadius": "0.75rem",
7402
7670
  "--persona-components-panel-canvasBackground": "transparent",
7403
- "--persona-components-panel-height": "600px",
7671
+ "--persona-components-panel-height": "min(640px, max(200px, calc(100vh - 64px)))",
7404
7672
  "--persona-components-panel-inset": "16px",
7405
- "--persona-components-panel-maxHeight": "calc(100vh - 80px)",
7406
- "--persona-components-panel-maxWidth": "440px",
7673
+ "--persona-components-panel-maxHeight": "none",
7674
+ "--persona-components-panel-maxWidth": "none",
7675
+ "--persona-components-panel-modes-docked-border": "none",
7676
+ "--persona-components-panel-modes-docked-borderRadius": "0.75rem",
7677
+ "--persona-components-panel-modes-docked-shadow": "none",
7678
+ "--persona-components-panel-modes-floating-border": "1px solid var(--persona-border)",
7679
+ "--persona-components-panel-modes-floating-borderRadius": "0.75rem",
7680
+ "--persona-components-panel-modes-floating-shadow": "0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1)",
7681
+ "--persona-components-panel-modes-inline-border": "1px solid var(--persona-border)",
7682
+ "--persona-components-panel-modes-inline-borderRadius": "0.75rem",
7683
+ "--persona-components-panel-modes-inline-shadow": "none",
7684
+ "--persona-components-panel-modes-mobile-border": "none",
7685
+ "--persona-components-panel-modes-mobile-borderRadius": "0",
7686
+ "--persona-components-panel-modes-mobile-shadow": "none",
7687
+ "--persona-components-panel-modes-sidebar-border": "none",
7688
+ "--persona-components-panel-modes-sidebar-borderRadius": "0",
7407
7689
  "--persona-components-panel-shadow": "0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1)",
7408
7690
  "--persona-components-panel-width": "min(440px, calc(100vw - 24px))",
7409
7691
  "--persona-components-reasoningBubble-shadow": "0 1px 2px 0 rgb(0 0 0 / 0.05)",
@@ -7485,6 +7767,9 @@ exports[`token pipeline parity (golden) > dark + radius + typography + spacing p
7485
7767
  "--persona-composer-padding": "0.75rem 1rem",
7486
7768
  "--persona-composer-shadow": "none",
7487
7769
  "--persona-container": "#f9fafb",
7770
+ "--persona-cw-border": "#e5e7eb",
7771
+ "--persona-cw-container": "#f9fafb",
7772
+ "--persona-cw-surface": "#f9fafb",
7488
7773
  "--persona-danger": "#dc2626",
7489
7774
  "--persona-danger-fg": "#ffffff",
7490
7775
  "--persona-divider": "#e5e7eb",
@@ -7860,7 +8145,8 @@ exports[`token pipeline parity (golden) > default dark theme emits a stable full
7860
8145
  "--persona-components-header-foreground": "#ffffff",
7861
8146
  "--persona-components-header-iconBackground": "#0f0f0f",
7862
8147
  "--persona-components-header-iconForeground": "#ffffff",
7863
- "--persona-components-header-padding": "1rem",
8148
+ "--persona-components-header-minimalPadding": "16px 24px",
8149
+ "--persona-components-header-padding": "20px 24px",
7864
8150
  "--persona-components-history-confirm-dangerBackground": "#dc2626",
7865
8151
  "--persona-components-history-confirm-scrim": "rgba(0, 0, 0, 0.6)",
7866
8152
  "--persona-components-history-dangerForeground": "#f87171",
@@ -7901,16 +8187,31 @@ exports[`token pipeline parity (golden) > default dark theme emits a stable full
7901
8187
  "--persona-components-message-assistant-shadow": "0 1px 2px 0 rgb(0 0 0 / 0.05)",
7902
8188
  "--persona-components-message-assistant-text": "#111827",
7903
8189
  "--persona-components-message-border": "#e5e7eb",
8190
+ "--persona-components-message-gap": "12px",
7904
8191
  "--persona-components-message-user-background": "#171717",
7905
8192
  "--persona-components-message-user-borderRadius": "0.5rem",
7906
8193
  "--persona-components-message-user-shadow": "0 1px 2px 0 rgb(0 0 0 / 0.05)",
7907
8194
  "--persona-components-message-user-text": "#ffffff",
7908
8195
  "--persona-components-panel-borderRadius": "0.75rem",
7909
8196
  "--persona-components-panel-canvasBackground": "transparent",
7910
- "--persona-components-panel-height": "600px",
8197
+ "--persona-components-panel-height": "min(640px, max(200px, calc(100vh - 64px)))",
7911
8198
  "--persona-components-panel-inset": "16px",
7912
- "--persona-components-panel-maxHeight": "calc(100vh - 80px)",
7913
- "--persona-components-panel-maxWidth": "440px",
8199
+ "--persona-components-panel-maxHeight": "none",
8200
+ "--persona-components-panel-maxWidth": "none",
8201
+ "--persona-components-panel-modes-docked-border": "none",
8202
+ "--persona-components-panel-modes-docked-borderRadius": "0.75rem",
8203
+ "--persona-components-panel-modes-docked-shadow": "none",
8204
+ "--persona-components-panel-modes-floating-border": "1px solid var(--persona-border)",
8205
+ "--persona-components-panel-modes-floating-borderRadius": "0.75rem",
8206
+ "--persona-components-panel-modes-floating-shadow": "0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1)",
8207
+ "--persona-components-panel-modes-inline-border": "1px solid var(--persona-border)",
8208
+ "--persona-components-panel-modes-inline-borderRadius": "0.75rem",
8209
+ "--persona-components-panel-modes-inline-shadow": "none",
8210
+ "--persona-components-panel-modes-mobile-border": "none",
8211
+ "--persona-components-panel-modes-mobile-borderRadius": "0",
8212
+ "--persona-components-panel-modes-mobile-shadow": "none",
8213
+ "--persona-components-panel-modes-sidebar-border": "none",
8214
+ "--persona-components-panel-modes-sidebar-borderRadius": "0",
7914
8215
  "--persona-components-panel-shadow": "0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1)",
7915
8216
  "--persona-components-panel-width": "min(440px, calc(100vw - 24px))",
7916
8217
  "--persona-components-reasoningBubble-shadow": "0 1px 2px 0 rgb(0 0 0 / 0.05)",
@@ -7992,6 +8293,9 @@ exports[`token pipeline parity (golden) > default dark theme emits a stable full
7992
8293
  "--persona-composer-padding": "0.75rem 1rem",
7993
8294
  "--persona-composer-shadow": "none",
7994
8295
  "--persona-container": "#f9fafb",
8296
+ "--persona-cw-border": "#e5e7eb",
8297
+ "--persona-cw-container": "#f9fafb",
8298
+ "--persona-cw-surface": "#f9fafb",
7995
8299
  "--persona-danger": "#dc2626",
7996
8300
  "--persona-danger-fg": "#ffffff",
7997
8301
  "--persona-divider": "#e5e7eb",
@@ -8376,7 +8680,8 @@ exports[`token pipeline parity (golden) > default light theme emits a stable ful
8376
8680
  "--persona-components-header-foreground": "#ffffff",
8377
8681
  "--persona-components-header-iconBackground": "#0f0f0f",
8378
8682
  "--persona-components-header-iconForeground": "#ffffff",
8379
- "--persona-components-header-padding": "1rem",
8683
+ "--persona-components-header-minimalPadding": "16px 24px",
8684
+ "--persona-components-header-padding": "20px 24px",
8380
8685
  "--persona-components-input-background": "#f9fafb",
8381
8686
  "--persona-components-input-borderRadius": "0.5rem",
8382
8687
  "--persona-components-input-focus-border": "#9ca3af",
@@ -8414,16 +8719,31 @@ exports[`token pipeline parity (golden) > default light theme emits a stable ful
8414
8719
  "--persona-components-message-assistant-shadow": "0 1px 2px 0 rgb(0 0 0 / 0.05)",
8415
8720
  "--persona-components-message-assistant-text": "#111827",
8416
8721
  "--persona-components-message-border": "#e5e7eb",
8722
+ "--persona-components-message-gap": "12px",
8417
8723
  "--persona-components-message-user-background": "#171717",
8418
8724
  "--persona-components-message-user-borderRadius": "0.5rem",
8419
8725
  "--persona-components-message-user-shadow": "0 1px 2px 0 rgb(0 0 0 / 0.05)",
8420
8726
  "--persona-components-message-user-text": "#ffffff",
8421
8727
  "--persona-components-panel-borderRadius": "0.75rem",
8422
8728
  "--persona-components-panel-canvasBackground": "transparent",
8423
- "--persona-components-panel-height": "600px",
8729
+ "--persona-components-panel-height": "min(640px, max(200px, calc(100vh - 64px)))",
8424
8730
  "--persona-components-panel-inset": "16px",
8425
- "--persona-components-panel-maxHeight": "calc(100vh - 80px)",
8426
- "--persona-components-panel-maxWidth": "440px",
8731
+ "--persona-components-panel-maxHeight": "none",
8732
+ "--persona-components-panel-maxWidth": "none",
8733
+ "--persona-components-panel-modes-docked-border": "none",
8734
+ "--persona-components-panel-modes-docked-borderRadius": "0.75rem",
8735
+ "--persona-components-panel-modes-docked-shadow": "none",
8736
+ "--persona-components-panel-modes-floating-border": "1px solid var(--persona-border)",
8737
+ "--persona-components-panel-modes-floating-borderRadius": "0.75rem",
8738
+ "--persona-components-panel-modes-floating-shadow": "0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1)",
8739
+ "--persona-components-panel-modes-inline-border": "1px solid var(--persona-border)",
8740
+ "--persona-components-panel-modes-inline-borderRadius": "0.75rem",
8741
+ "--persona-components-panel-modes-inline-shadow": "none",
8742
+ "--persona-components-panel-modes-mobile-border": "none",
8743
+ "--persona-components-panel-modes-mobile-borderRadius": "0",
8744
+ "--persona-components-panel-modes-mobile-shadow": "none",
8745
+ "--persona-components-panel-modes-sidebar-border": "none",
8746
+ "--persona-components-panel-modes-sidebar-borderRadius": "0",
8427
8747
  "--persona-components-panel-shadow": "0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1)",
8428
8748
  "--persona-components-panel-width": "min(440px, calc(100vw - 24px))",
8429
8749
  "--persona-components-reasoningBubble-shadow": "0 1px 2px 0 rgb(0 0 0 / 0.05)",
@@ -8505,6 +8825,9 @@ exports[`token pipeline parity (golden) > default light theme emits a stable ful
8505
8825
  "--persona-composer-padding": "0.75rem 1rem",
8506
8826
  "--persona-composer-shadow": "none",
8507
8827
  "--persona-container": "#f9fafb",
8828
+ "--persona-cw-border": "#e5e7eb",
8829
+ "--persona-cw-container": "#f9fafb",
8830
+ "--persona-cw-surface": "#f9fafb",
8508
8831
  "--persona-danger": "#b91c1c",
8509
8832
  "--persona-danger-fg": "#ffffff",
8510
8833
  "--persona-divider": "#e5e7eb",
@@ -9161,7 +9484,8 @@ exports[`token pipeline parity (golden) > default table exports keep their objec
9161
9484
  "foreground": "palette.colors.primary.50",
9162
9485
  "iconBackground": "palette.colors.primary.600",
9163
9486
  "iconForeground": "palette.colors.primary.50",
9164
- "padding": "semantic.spacing.md",
9487
+ "minimalPadding": "16px 24px",
9488
+ "padding": "20px 24px",
9165
9489
  },
9166
9490
  "input": {
9167
9491
  "background": "semantic.colors.surface",
@@ -9227,6 +9551,7 @@ exports[`token pipeline parity (golden) > default table exports keep their objec
9227
9551
  "text": "semantic.colors.text",
9228
9552
  },
9229
9553
  "border": "semantic.colors.border",
9554
+ "gap": "12px",
9230
9555
  "user": {
9231
9556
  "background": "palette.colors.primary.500",
9232
9557
  "borderRadius": "palette.radius.lg",
@@ -9237,10 +9562,36 @@ exports[`token pipeline parity (golden) > default table exports keep their objec
9237
9562
  "panel": {
9238
9563
  "borderRadius": "palette.radius.xl",
9239
9564
  "canvasBackground": "transparent",
9240
- "height": "600px",
9565
+ "height": "min(640px, max(200px, calc(100vh - 64px)))",
9241
9566
  "inset": "16px",
9242
- "maxHeight": "calc(100vh - 80px)",
9243
- "maxWidth": "440px",
9567
+ "maxHeight": "none",
9568
+ "maxWidth": "none",
9569
+ "modes": {
9570
+ "docked": {
9571
+ "border": "none",
9572
+ "borderRadius": "palette.radius.xl",
9573
+ "shadow": "none",
9574
+ },
9575
+ "floating": {
9576
+ "border": "1px solid var(--persona-border)",
9577
+ "borderRadius": "palette.radius.xl",
9578
+ "shadow": "palette.shadows.xl",
9579
+ },
9580
+ "inline": {
9581
+ "border": "1px solid var(--persona-border)",
9582
+ "borderRadius": "palette.radius.xl",
9583
+ "shadow": "none",
9584
+ },
9585
+ "mobile": {
9586
+ "border": "none",
9587
+ "borderRadius": "0",
9588
+ "shadow": "none",
9589
+ },
9590
+ "sidebar": {
9591
+ "border": "none",
9592
+ "borderRadius": "0",
9593
+ },
9594
+ },
9244
9595
  "shadow": "palette.shadows.xl",
9245
9596
  "width": "min(440px, calc(100vw - 24px))",
9246
9597
  },
@@ -9417,7 +9768,8 @@ exports[`token pipeline parity (golden) > getActiveTheme layers light overrides
9417
9768
  "--persona-components-header-foreground": "#e0e0e0",
9418
9769
  "--persona-components-header-iconBackground": "#0f0f0f",
9419
9770
  "--persona-components-header-iconForeground": "#ffffff",
9420
- "--persona-components-header-padding": "1rem",
9771
+ "--persona-components-header-minimalPadding": "16px 24px",
9772
+ "--persona-components-header-padding": "20px 24px",
9421
9773
  "--persona-components-history-confirm-dangerBackground": "#dc2626",
9422
9774
  "--persona-components-history-confirm-scrim": "rgba(0, 0, 0, 0.6)",
9423
9775
  "--persona-components-history-dangerForeground": "#f87171",
@@ -9458,16 +9810,31 @@ exports[`token pipeline parity (golden) > getActiveTheme layers light overrides
9458
9810
  "--persona-components-message-assistant-shadow": "0 1px 2px 0 rgb(0 0 0 / 0.05)",
9459
9811
  "--persona-components-message-assistant-text": "#111827",
9460
9812
  "--persona-components-message-border": "#e5e7eb",
9813
+ "--persona-components-message-gap": "12px",
9461
9814
  "--persona-components-message-user-background": "#171717",
9462
9815
  "--persona-components-message-user-borderRadius": "0.5rem",
9463
9816
  "--persona-components-message-user-shadow": "0 1px 2px 0 rgb(0 0 0 / 0.05)",
9464
9817
  "--persona-components-message-user-text": "#ffffff",
9465
9818
  "--persona-components-panel-borderRadius": "0.75rem",
9466
9819
  "--persona-components-panel-canvasBackground": "transparent",
9467
- "--persona-components-panel-height": "600px",
9820
+ "--persona-components-panel-height": "min(640px, max(200px, calc(100vh - 64px)))",
9468
9821
  "--persona-components-panel-inset": "16px",
9469
- "--persona-components-panel-maxHeight": "calc(100vh - 80px)",
9470
- "--persona-components-panel-maxWidth": "440px",
9822
+ "--persona-components-panel-maxHeight": "none",
9823
+ "--persona-components-panel-maxWidth": "none",
9824
+ "--persona-components-panel-modes-docked-border": "none",
9825
+ "--persona-components-panel-modes-docked-borderRadius": "0.75rem",
9826
+ "--persona-components-panel-modes-docked-shadow": "none",
9827
+ "--persona-components-panel-modes-floating-border": "1px solid var(--persona-border)",
9828
+ "--persona-components-panel-modes-floating-borderRadius": "0.75rem",
9829
+ "--persona-components-panel-modes-floating-shadow": "0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1)",
9830
+ "--persona-components-panel-modes-inline-border": "1px solid var(--persona-border)",
9831
+ "--persona-components-panel-modes-inline-borderRadius": "0.75rem",
9832
+ "--persona-components-panel-modes-inline-shadow": "none",
9833
+ "--persona-components-panel-modes-mobile-border": "none",
9834
+ "--persona-components-panel-modes-mobile-borderRadius": "0",
9835
+ "--persona-components-panel-modes-mobile-shadow": "none",
9836
+ "--persona-components-panel-modes-sidebar-border": "none",
9837
+ "--persona-components-panel-modes-sidebar-borderRadius": "0",
9471
9838
  "--persona-components-panel-shadow": "0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1)",
9472
9839
  "--persona-components-panel-width": "min(440px, calc(100vw - 24px))",
9473
9840
  "--persona-components-reasoningBubble-shadow": "0 1px 2px 0 rgb(0 0 0 / 0.05)",
@@ -9549,6 +9916,9 @@ exports[`token pipeline parity (golden) > getActiveTheme layers light overrides
9549
9916
  "--persona-composer-padding": "0.75rem 1rem",
9550
9917
  "--persona-composer-shadow": "none",
9551
9918
  "--persona-container": "#f9fafb",
9919
+ "--persona-cw-border": "#e5e7eb",
9920
+ "--persona-cw-container": "#f9fafb",
9921
+ "--persona-cw-surface": "#f9fafb",
9552
9922
  "--persona-danger": "#dc2626",
9553
9923
  "--persona-danger-fg": "#ffffff",
9554
9924
  "--persona-divider": "#e5e7eb",
@@ -9933,7 +10303,8 @@ exports[`token pipeline parity (golden) > light + button + input + message compo
9933
10303
  "--persona-components-header-foreground": "#ffffff",
9934
10304
  "--persona-components-header-iconBackground": "#0f0f0f",
9935
10305
  "--persona-components-header-iconForeground": "#ffffff",
9936
- "--persona-components-header-padding": "1rem",
10306
+ "--persona-components-header-minimalPadding": "16px 24px",
10307
+ "--persona-components-header-padding": "20px 24px",
9937
10308
  "--persona-components-input-background": "#f8f8f8",
9938
10309
  "--persona-components-input-borderRadius": "0.5rem",
9939
10310
  "--persona-components-input-focus-border": "#0044ff",
@@ -9971,16 +10342,31 @@ exports[`token pipeline parity (golden) > light + button + input + message compo
9971
10342
  "--persona-components-message-assistant-shadow": "0 1px 2px 0 rgb(0 0 0 / 0.05)",
9972
10343
  "--persona-components-message-assistant-text": "#111827",
9973
10344
  "--persona-components-message-border": "#e5e7eb",
10345
+ "--persona-components-message-gap": "12px",
9974
10346
  "--persona-components-message-user-background": "#0044ff",
9975
10347
  "--persona-components-message-user-borderRadius": "0.5rem",
9976
10348
  "--persona-components-message-user-shadow": "0 1px 2px 0 rgb(0 0 0 / 0.05)",
9977
10349
  "--persona-components-message-user-text": "#ffffff",
9978
10350
  "--persona-components-panel-borderRadius": "0.75rem",
9979
10351
  "--persona-components-panel-canvasBackground": "transparent",
9980
- "--persona-components-panel-height": "600px",
10352
+ "--persona-components-panel-height": "min(640px, max(200px, calc(100vh - 64px)))",
9981
10353
  "--persona-components-panel-inset": "16px",
9982
- "--persona-components-panel-maxHeight": "calc(100vh - 80px)",
9983
- "--persona-components-panel-maxWidth": "440px",
10354
+ "--persona-components-panel-maxHeight": "none",
10355
+ "--persona-components-panel-maxWidth": "none",
10356
+ "--persona-components-panel-modes-docked-border": "none",
10357
+ "--persona-components-panel-modes-docked-borderRadius": "0.75rem",
10358
+ "--persona-components-panel-modes-docked-shadow": "none",
10359
+ "--persona-components-panel-modes-floating-border": "1px solid var(--persona-border)",
10360
+ "--persona-components-panel-modes-floating-borderRadius": "0.75rem",
10361
+ "--persona-components-panel-modes-floating-shadow": "0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1)",
10362
+ "--persona-components-panel-modes-inline-border": "1px solid var(--persona-border)",
10363
+ "--persona-components-panel-modes-inline-borderRadius": "0.75rem",
10364
+ "--persona-components-panel-modes-inline-shadow": "none",
10365
+ "--persona-components-panel-modes-mobile-border": "none",
10366
+ "--persona-components-panel-modes-mobile-borderRadius": "0",
10367
+ "--persona-components-panel-modes-mobile-shadow": "none",
10368
+ "--persona-components-panel-modes-sidebar-border": "none",
10369
+ "--persona-components-panel-modes-sidebar-borderRadius": "0",
9984
10370
  "--persona-components-panel-shadow": "0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1)",
9985
10371
  "--persona-components-panel-width": "min(440px, calc(100vw - 24px))",
9986
10372
  "--persona-components-reasoningBubble-shadow": "0 1px 2px 0 rgb(0 0 0 / 0.05)",
@@ -10062,6 +10448,9 @@ exports[`token pipeline parity (golden) > light + button + input + message compo
10062
10448
  "--persona-composer-padding": "0.75rem 1rem",
10063
10449
  "--persona-composer-shadow": "none",
10064
10450
  "--persona-container": "#f9fafb",
10451
+ "--persona-cw-border": "#e5e7eb",
10452
+ "--persona-cw-container": "#f9fafb",
10453
+ "--persona-cw-surface": "#f9fafb",
10065
10454
  "--persona-danger": "#b91c1c",
10066
10455
  "--persona-danger-fg": "#ffffff",
10067
10456
  "--persona-divider": "#e5e7eb",
@@ -10454,7 +10843,8 @@ exports[`token pipeline parity (golden) > light + composer model picker closed c
10454
10843
  "--persona-components-header-foreground": "#ffffff",
10455
10844
  "--persona-components-header-iconBackground": "#0f0f0f",
10456
10845
  "--persona-components-header-iconForeground": "#ffffff",
10457
- "--persona-components-header-padding": "1rem",
10846
+ "--persona-components-header-minimalPadding": "16px 24px",
10847
+ "--persona-components-header-padding": "20px 24px",
10458
10848
  "--persona-components-input-background": "#f9fafb",
10459
10849
  "--persona-components-input-borderRadius": "0.5rem",
10460
10850
  "--persona-components-input-focus-border": "#9ca3af",
@@ -10492,16 +10882,31 @@ exports[`token pipeline parity (golden) > light + composer model picker closed c
10492
10882
  "--persona-components-message-assistant-shadow": "0 1px 2px 0 rgb(0 0 0 / 0.05)",
10493
10883
  "--persona-components-message-assistant-text": "#111827",
10494
10884
  "--persona-components-message-border": "#e5e7eb",
10885
+ "--persona-components-message-gap": "12px",
10495
10886
  "--persona-components-message-user-background": "#171717",
10496
10887
  "--persona-components-message-user-borderRadius": "0.5rem",
10497
10888
  "--persona-components-message-user-shadow": "0 1px 2px 0 rgb(0 0 0 / 0.05)",
10498
10889
  "--persona-components-message-user-text": "#ffffff",
10499
10890
  "--persona-components-panel-borderRadius": "0.75rem",
10500
10891
  "--persona-components-panel-canvasBackground": "transparent",
10501
- "--persona-components-panel-height": "600px",
10892
+ "--persona-components-panel-height": "min(640px, max(200px, calc(100vh - 64px)))",
10502
10893
  "--persona-components-panel-inset": "16px",
10503
- "--persona-components-panel-maxHeight": "calc(100vh - 80px)",
10504
- "--persona-components-panel-maxWidth": "440px",
10894
+ "--persona-components-panel-maxHeight": "none",
10895
+ "--persona-components-panel-maxWidth": "none",
10896
+ "--persona-components-panel-modes-docked-border": "none",
10897
+ "--persona-components-panel-modes-docked-borderRadius": "0.75rem",
10898
+ "--persona-components-panel-modes-docked-shadow": "none",
10899
+ "--persona-components-panel-modes-floating-border": "1px solid var(--persona-border)",
10900
+ "--persona-components-panel-modes-floating-borderRadius": "0.75rem",
10901
+ "--persona-components-panel-modes-floating-shadow": "0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1)",
10902
+ "--persona-components-panel-modes-inline-border": "1px solid var(--persona-border)",
10903
+ "--persona-components-panel-modes-inline-borderRadius": "0.75rem",
10904
+ "--persona-components-panel-modes-inline-shadow": "none",
10905
+ "--persona-components-panel-modes-mobile-border": "none",
10906
+ "--persona-components-panel-modes-mobile-borderRadius": "0",
10907
+ "--persona-components-panel-modes-mobile-shadow": "none",
10908
+ "--persona-components-panel-modes-sidebar-border": "none",
10909
+ "--persona-components-panel-modes-sidebar-borderRadius": "0",
10505
10910
  "--persona-components-panel-shadow": "0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1)",
10506
10911
  "--persona-components-panel-width": "min(440px, calc(100vw - 24px))",
10507
10912
  "--persona-components-reasoningBubble-shadow": "0 1px 2px 0 rgb(0 0 0 / 0.05)",
@@ -10583,6 +10988,9 @@ exports[`token pipeline parity (golden) > light + composer model picker closed c
10583
10988
  "--persona-composer-padding": "0.75rem 1rem",
10584
10989
  "--persona-composer-shadow": "none",
10585
10990
  "--persona-container": "#f9fafb",
10991
+ "--persona-cw-border": "#e5e7eb",
10992
+ "--persona-cw-container": "#f9fafb",
10993
+ "--persona-cw-surface": "#f9fafb",
10586
10994
  "--persona-danger": "#b91c1c",
10587
10995
  "--persona-danger-fg": "#ffffff",
10588
10996
  "--persona-divider": "#e5e7eb",
@@ -10971,7 +11379,8 @@ exports[`token pipeline parity (golden) > light + composer model picker popover
10971
11379
  "--persona-components-header-foreground": "#ffffff",
10972
11380
  "--persona-components-header-iconBackground": "#0f0f0f",
10973
11381
  "--persona-components-header-iconForeground": "#ffffff",
10974
- "--persona-components-header-padding": "1rem",
11382
+ "--persona-components-header-minimalPadding": "16px 24px",
11383
+ "--persona-components-header-padding": "20px 24px",
10975
11384
  "--persona-components-input-background": "#f9fafb",
10976
11385
  "--persona-components-input-borderRadius": "0.5rem",
10977
11386
  "--persona-components-input-focus-border": "#9ca3af",
@@ -11009,16 +11418,31 @@ exports[`token pipeline parity (golden) > light + composer model picker popover
11009
11418
  "--persona-components-message-assistant-shadow": "0 1px 2px 0 rgb(0 0 0 / 0.05)",
11010
11419
  "--persona-components-message-assistant-text": "#111827",
11011
11420
  "--persona-components-message-border": "#e5e7eb",
11421
+ "--persona-components-message-gap": "12px",
11012
11422
  "--persona-components-message-user-background": "#171717",
11013
11423
  "--persona-components-message-user-borderRadius": "0.5rem",
11014
11424
  "--persona-components-message-user-shadow": "0 1px 2px 0 rgb(0 0 0 / 0.05)",
11015
11425
  "--persona-components-message-user-text": "#ffffff",
11016
11426
  "--persona-components-panel-borderRadius": "0.75rem",
11017
11427
  "--persona-components-panel-canvasBackground": "transparent",
11018
- "--persona-components-panel-height": "600px",
11428
+ "--persona-components-panel-height": "min(640px, max(200px, calc(100vh - 64px)))",
11019
11429
  "--persona-components-panel-inset": "16px",
11020
- "--persona-components-panel-maxHeight": "calc(100vh - 80px)",
11021
- "--persona-components-panel-maxWidth": "440px",
11430
+ "--persona-components-panel-maxHeight": "none",
11431
+ "--persona-components-panel-maxWidth": "none",
11432
+ "--persona-components-panel-modes-docked-border": "none",
11433
+ "--persona-components-panel-modes-docked-borderRadius": "0.75rem",
11434
+ "--persona-components-panel-modes-docked-shadow": "none",
11435
+ "--persona-components-panel-modes-floating-border": "1px solid var(--persona-border)",
11436
+ "--persona-components-panel-modes-floating-borderRadius": "0.75rem",
11437
+ "--persona-components-panel-modes-floating-shadow": "0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1)",
11438
+ "--persona-components-panel-modes-inline-border": "1px solid var(--persona-border)",
11439
+ "--persona-components-panel-modes-inline-borderRadius": "0.75rem",
11440
+ "--persona-components-panel-modes-inline-shadow": "none",
11441
+ "--persona-components-panel-modes-mobile-border": "none",
11442
+ "--persona-components-panel-modes-mobile-borderRadius": "0",
11443
+ "--persona-components-panel-modes-mobile-shadow": "none",
11444
+ "--persona-components-panel-modes-sidebar-border": "none",
11445
+ "--persona-components-panel-modes-sidebar-borderRadius": "0",
11022
11446
  "--persona-components-panel-shadow": "0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1)",
11023
11447
  "--persona-components-panel-width": "min(440px, calc(100vw - 24px))",
11024
11448
  "--persona-components-reasoningBubble-shadow": "0 1px 2px 0 rgb(0 0 0 / 0.05)",
@@ -11100,6 +11524,9 @@ exports[`token pipeline parity (golden) > light + composer model picker popover
11100
11524
  "--persona-composer-padding": "0.75rem 1rem",
11101
11525
  "--persona-composer-shadow": "none",
11102
11526
  "--persona-container": "#f9fafb",
11527
+ "--persona-cw-border": "#e5e7eb",
11528
+ "--persona-cw-container": "#f9fafb",
11529
+ "--persona-cw-surface": "#f9fafb",
11103
11530
  "--persona-danger": "#b91c1c",
11104
11531
  "--persona-danger-fg": "#ffffff",
11105
11532
  "--persona-divider": "#e5e7eb",
@@ -11483,7 +11910,8 @@ exports[`token pipeline parity (golden) > light + composer overlay band + input
11483
11910
  "--persona-components-header-foreground": "#ffffff",
11484
11911
  "--persona-components-header-iconBackground": "#0f0f0f",
11485
11912
  "--persona-components-header-iconForeground": "#ffffff",
11486
- "--persona-components-header-padding": "1rem",
11913
+ "--persona-components-header-minimalPadding": "16px 24px",
11914
+ "--persona-components-header-padding": "20px 24px",
11487
11915
  "--persona-components-input-backdropFilter": "blur(8px)",
11488
11916
  "--persona-components-input-background": "#f9fafb",
11489
11917
  "--persona-components-input-borderRadius": "0.5rem",
@@ -11522,16 +11950,31 @@ exports[`token pipeline parity (golden) > light + composer overlay band + input
11522
11950
  "--persona-components-message-assistant-shadow": "0 1px 2px 0 rgb(0 0 0 / 0.05)",
11523
11951
  "--persona-components-message-assistant-text": "#111827",
11524
11952
  "--persona-components-message-border": "#e5e7eb",
11953
+ "--persona-components-message-gap": "12px",
11525
11954
  "--persona-components-message-user-background": "#171717",
11526
11955
  "--persona-components-message-user-borderRadius": "0.5rem",
11527
11956
  "--persona-components-message-user-shadow": "0 1px 2px 0 rgb(0 0 0 / 0.05)",
11528
11957
  "--persona-components-message-user-text": "#ffffff",
11529
11958
  "--persona-components-panel-borderRadius": "0.75rem",
11530
11959
  "--persona-components-panel-canvasBackground": "transparent",
11531
- "--persona-components-panel-height": "600px",
11960
+ "--persona-components-panel-height": "min(640px, max(200px, calc(100vh - 64px)))",
11532
11961
  "--persona-components-panel-inset": "16px",
11533
- "--persona-components-panel-maxHeight": "calc(100vh - 80px)",
11534
- "--persona-components-panel-maxWidth": "440px",
11962
+ "--persona-components-panel-maxHeight": "none",
11963
+ "--persona-components-panel-maxWidth": "none",
11964
+ "--persona-components-panel-modes-docked-border": "none",
11965
+ "--persona-components-panel-modes-docked-borderRadius": "0.75rem",
11966
+ "--persona-components-panel-modes-docked-shadow": "none",
11967
+ "--persona-components-panel-modes-floating-border": "1px solid var(--persona-border)",
11968
+ "--persona-components-panel-modes-floating-borderRadius": "0.75rem",
11969
+ "--persona-components-panel-modes-floating-shadow": "0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1)",
11970
+ "--persona-components-panel-modes-inline-border": "1px solid var(--persona-border)",
11971
+ "--persona-components-panel-modes-inline-borderRadius": "0.75rem",
11972
+ "--persona-components-panel-modes-inline-shadow": "none",
11973
+ "--persona-components-panel-modes-mobile-border": "none",
11974
+ "--persona-components-panel-modes-mobile-borderRadius": "0",
11975
+ "--persona-components-panel-modes-mobile-shadow": "none",
11976
+ "--persona-components-panel-modes-sidebar-border": "none",
11977
+ "--persona-components-panel-modes-sidebar-borderRadius": "0",
11535
11978
  "--persona-components-panel-shadow": "0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1)",
11536
11979
  "--persona-components-panel-width": "min(440px, calc(100vw - 24px))",
11537
11980
  "--persona-components-reasoningBubble-shadow": "0 1px 2px 0 rgb(0 0 0 / 0.05)",
@@ -11613,6 +12056,9 @@ exports[`token pipeline parity (golden) > light + composer overlay band + input
11613
12056
  "--persona-composer-padding": "0.75rem 1rem",
11614
12057
  "--persona-composer-shadow": "none",
11615
12058
  "--persona-container": "#f9fafb",
12059
+ "--persona-cw-border": "#e5e7eb",
12060
+ "--persona-cw-container": "#f9fafb",
12061
+ "--persona-cw-surface": "#f9fafb",
11616
12062
  "--persona-danger": "#b91c1c",
11617
12063
  "--persona-danger-fg": "#ffffff",
11618
12064
  "--persona-divider": "#e5e7eb",
@@ -12003,7 +12449,8 @@ exports[`token pipeline parity (golden) > light + composer segmented mode track
12003
12449
  "--persona-components-header-foreground": "#ffffff",
12004
12450
  "--persona-components-header-iconBackground": "#0f0f0f",
12005
12451
  "--persona-components-header-iconForeground": "#ffffff",
12006
- "--persona-components-header-padding": "1rem",
12452
+ "--persona-components-header-minimalPadding": "16px 24px",
12453
+ "--persona-components-header-padding": "20px 24px",
12007
12454
  "--persona-components-input-background": "#f9fafb",
12008
12455
  "--persona-components-input-borderRadius": "0.5rem",
12009
12456
  "--persona-components-input-focus-border": "#9ca3af",
@@ -12041,16 +12488,31 @@ exports[`token pipeline parity (golden) > light + composer segmented mode track
12041
12488
  "--persona-components-message-assistant-shadow": "0 1px 2px 0 rgb(0 0 0 / 0.05)",
12042
12489
  "--persona-components-message-assistant-text": "#111827",
12043
12490
  "--persona-components-message-border": "#e5e7eb",
12491
+ "--persona-components-message-gap": "12px",
12044
12492
  "--persona-components-message-user-background": "#171717",
12045
12493
  "--persona-components-message-user-borderRadius": "0.5rem",
12046
12494
  "--persona-components-message-user-shadow": "0 1px 2px 0 rgb(0 0 0 / 0.05)",
12047
12495
  "--persona-components-message-user-text": "#ffffff",
12048
12496
  "--persona-components-panel-borderRadius": "0.75rem",
12049
12497
  "--persona-components-panel-canvasBackground": "transparent",
12050
- "--persona-components-panel-height": "600px",
12498
+ "--persona-components-panel-height": "min(640px, max(200px, calc(100vh - 64px)))",
12051
12499
  "--persona-components-panel-inset": "16px",
12052
- "--persona-components-panel-maxHeight": "calc(100vh - 80px)",
12053
- "--persona-components-panel-maxWidth": "440px",
12500
+ "--persona-components-panel-maxHeight": "none",
12501
+ "--persona-components-panel-maxWidth": "none",
12502
+ "--persona-components-panel-modes-docked-border": "none",
12503
+ "--persona-components-panel-modes-docked-borderRadius": "0.75rem",
12504
+ "--persona-components-panel-modes-docked-shadow": "none",
12505
+ "--persona-components-panel-modes-floating-border": "1px solid var(--persona-border)",
12506
+ "--persona-components-panel-modes-floating-borderRadius": "0.75rem",
12507
+ "--persona-components-panel-modes-floating-shadow": "0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1)",
12508
+ "--persona-components-panel-modes-inline-border": "1px solid var(--persona-border)",
12509
+ "--persona-components-panel-modes-inline-borderRadius": "0.75rem",
12510
+ "--persona-components-panel-modes-inline-shadow": "none",
12511
+ "--persona-components-panel-modes-mobile-border": "none",
12512
+ "--persona-components-panel-modes-mobile-borderRadius": "0",
12513
+ "--persona-components-panel-modes-mobile-shadow": "none",
12514
+ "--persona-components-panel-modes-sidebar-border": "none",
12515
+ "--persona-components-panel-modes-sidebar-borderRadius": "0",
12054
12516
  "--persona-components-panel-shadow": "0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1)",
12055
12517
  "--persona-components-panel-width": "min(440px, calc(100vw - 24px))",
12056
12518
  "--persona-components-reasoningBubble-shadow": "0 1px 2px 0 rgb(0 0 0 / 0.05)",
@@ -12132,6 +12594,9 @@ exports[`token pipeline parity (golden) > light + composer segmented mode track
12132
12594
  "--persona-composer-padding": "0.75rem 1rem",
12133
12595
  "--persona-composer-shadow": "none",
12134
12596
  "--persona-container": "#f9fafb",
12597
+ "--persona-cw-border": "#e5e7eb",
12598
+ "--persona-cw-container": "#f9fafb",
12599
+ "--persona-cw-surface": "#f9fafb",
12135
12600
  "--persona-danger": "#b91c1c",
12136
12601
  "--persona-danger-fg": "#ffffff",
12137
12602
  "--persona-divider": "#e5e7eb",
@@ -12514,7 +12979,8 @@ exports[`token pipeline parity (golden) > light + custom launcher foreground (su
12514
12979
  "--persona-components-header-foreground": "#ffffff",
12515
12980
  "--persona-components-header-iconBackground": "#0f0f0f",
12516
12981
  "--persona-components-header-iconForeground": "#ffffff",
12517
- "--persona-components-header-padding": "1rem",
12982
+ "--persona-components-header-minimalPadding": "16px 24px",
12983
+ "--persona-components-header-padding": "20px 24px",
12518
12984
  "--persona-components-input-background": "#f9fafb",
12519
12985
  "--persona-components-input-borderRadius": "0.5rem",
12520
12986
  "--persona-components-input-focus-border": "#9ca3af",
@@ -12552,16 +13018,31 @@ exports[`token pipeline parity (golden) > light + custom launcher foreground (su
12552
13018
  "--persona-components-message-assistant-shadow": "0 1px 2px 0 rgb(0 0 0 / 0.05)",
12553
13019
  "--persona-components-message-assistant-text": "#111827",
12554
13020
  "--persona-components-message-border": "#e5e7eb",
13021
+ "--persona-components-message-gap": "12px",
12555
13022
  "--persona-components-message-user-background": "#171717",
12556
13023
  "--persona-components-message-user-borderRadius": "0.5rem",
12557
13024
  "--persona-components-message-user-shadow": "0 1px 2px 0 rgb(0 0 0 / 0.05)",
12558
13025
  "--persona-components-message-user-text": "#ffffff",
12559
13026
  "--persona-components-panel-borderRadius": "0.75rem",
12560
13027
  "--persona-components-panel-canvasBackground": "transparent",
12561
- "--persona-components-panel-height": "600px",
13028
+ "--persona-components-panel-height": "min(640px, max(200px, calc(100vh - 64px)))",
12562
13029
  "--persona-components-panel-inset": "16px",
12563
- "--persona-components-panel-maxHeight": "calc(100vh - 80px)",
12564
- "--persona-components-panel-maxWidth": "440px",
13030
+ "--persona-components-panel-maxHeight": "none",
13031
+ "--persona-components-panel-maxWidth": "none",
13032
+ "--persona-components-panel-modes-docked-border": "none",
13033
+ "--persona-components-panel-modes-docked-borderRadius": "0.75rem",
13034
+ "--persona-components-panel-modes-docked-shadow": "none",
13035
+ "--persona-components-panel-modes-floating-border": "1px solid var(--persona-border)",
13036
+ "--persona-components-panel-modes-floating-borderRadius": "0.75rem",
13037
+ "--persona-components-panel-modes-floating-shadow": "0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1)",
13038
+ "--persona-components-panel-modes-inline-border": "1px solid var(--persona-border)",
13039
+ "--persona-components-panel-modes-inline-borderRadius": "0.75rem",
13040
+ "--persona-components-panel-modes-inline-shadow": "none",
13041
+ "--persona-components-panel-modes-mobile-border": "none",
13042
+ "--persona-components-panel-modes-mobile-borderRadius": "0",
13043
+ "--persona-components-panel-modes-mobile-shadow": "none",
13044
+ "--persona-components-panel-modes-sidebar-border": "none",
13045
+ "--persona-components-panel-modes-sidebar-borderRadius": "0",
12565
13046
  "--persona-components-panel-shadow": "0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1)",
12566
13047
  "--persona-components-panel-width": "min(440px, calc(100vw - 24px))",
12567
13048
  "--persona-components-reasoningBubble-shadow": "0 1px 2px 0 rgb(0 0 0 / 0.05)",
@@ -12643,6 +13124,9 @@ exports[`token pipeline parity (golden) > light + custom launcher foreground (su
12643
13124
  "--persona-composer-padding": "0.75rem 1rem",
12644
13125
  "--persona-composer-shadow": "none",
12645
13126
  "--persona-container": "#f9fafb",
13127
+ "--persona-cw-border": "#e5e7eb",
13128
+ "--persona-cw-container": "#f9fafb",
13129
+ "--persona-cw-surface": "#f9fafb",
12646
13130
  "--persona-danger": "#b91c1c",
12647
13131
  "--persona-danger-fg": "#ffffff",
12648
13132
  "--persona-divider": "#e5e7eb",
@@ -13028,7 +13512,8 @@ exports[`token pipeline parity (golden) > light + explicit header keys beat deri
13028
13512
  "--persona-components-header-iconBackground": "#0f0f0f",
13029
13513
  "--persona-components-header-iconForeground": "#ffffff",
13030
13514
  "--persona-components-header-minHeight": "64px",
13031
- "--persona-components-header-padding": "1rem",
13515
+ "--persona-components-header-minimalPadding": "16px 24px",
13516
+ "--persona-components-header-padding": "20px 24px",
13032
13517
  "--persona-components-header-shadow": "0 1px 2px rgba(0,0,0,0.2)",
13033
13518
  "--persona-components-header-subtitleForeground": "#222222",
13034
13519
  "--persona-components-header-title-color": "#111111",
@@ -13069,16 +13554,31 @@ exports[`token pipeline parity (golden) > light + explicit header keys beat deri
13069
13554
  "--persona-components-message-assistant-shadow": "0 1px 2px 0 rgb(0 0 0 / 0.05)",
13070
13555
  "--persona-components-message-assistant-text": "#111827",
13071
13556
  "--persona-components-message-border": "#e5e7eb",
13557
+ "--persona-components-message-gap": "12px",
13072
13558
  "--persona-components-message-user-background": "#171717",
13073
13559
  "--persona-components-message-user-borderRadius": "0.5rem",
13074
13560
  "--persona-components-message-user-shadow": "0 1px 2px 0 rgb(0 0 0 / 0.05)",
13075
13561
  "--persona-components-message-user-text": "#ffffff",
13076
13562
  "--persona-components-panel-borderRadius": "0.75rem",
13077
13563
  "--persona-components-panel-canvasBackground": "transparent",
13078
- "--persona-components-panel-height": "600px",
13564
+ "--persona-components-panel-height": "min(640px, max(200px, calc(100vh - 64px)))",
13079
13565
  "--persona-components-panel-inset": "16px",
13080
- "--persona-components-panel-maxHeight": "calc(100vh - 80px)",
13081
- "--persona-components-panel-maxWidth": "440px",
13566
+ "--persona-components-panel-maxHeight": "none",
13567
+ "--persona-components-panel-maxWidth": "none",
13568
+ "--persona-components-panel-modes-docked-border": "none",
13569
+ "--persona-components-panel-modes-docked-borderRadius": "0.75rem",
13570
+ "--persona-components-panel-modes-docked-shadow": "none",
13571
+ "--persona-components-panel-modes-floating-border": "1px solid var(--persona-border)",
13572
+ "--persona-components-panel-modes-floating-borderRadius": "0.75rem",
13573
+ "--persona-components-panel-modes-floating-shadow": "0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1)",
13574
+ "--persona-components-panel-modes-inline-border": "1px solid var(--persona-border)",
13575
+ "--persona-components-panel-modes-inline-borderRadius": "0.75rem",
13576
+ "--persona-components-panel-modes-inline-shadow": "none",
13577
+ "--persona-components-panel-modes-mobile-border": "none",
13578
+ "--persona-components-panel-modes-mobile-borderRadius": "0",
13579
+ "--persona-components-panel-modes-mobile-shadow": "none",
13580
+ "--persona-components-panel-modes-sidebar-border": "none",
13581
+ "--persona-components-panel-modes-sidebar-borderRadius": "0",
13082
13582
  "--persona-components-panel-shadow": "0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1)",
13083
13583
  "--persona-components-panel-width": "min(440px, calc(100vw - 24px))",
13084
13584
  "--persona-components-reasoningBubble-shadow": "0 1px 2px 0 rgb(0 0 0 / 0.05)",
@@ -13160,6 +13660,9 @@ exports[`token pipeline parity (golden) > light + explicit header keys beat deri
13160
13660
  "--persona-composer-padding": "0.75rem 1rem",
13161
13661
  "--persona-composer-shadow": "none",
13162
13662
  "--persona-container": "#f9fafb",
13663
+ "--persona-cw-border": "#e5e7eb",
13664
+ "--persona-cw-container": "#f9fafb",
13665
+ "--persona-cw-surface": "#f9fafb",
13163
13666
  "--persona-danger": "#b91c1c",
13164
13667
  "--persona-danger-fg": "#ffffff",
13165
13668
  "--persona-divider": "#e5e7eb",
@@ -13545,7 +14048,8 @@ exports[`token pipeline parity (golden) > light + flat dark surface (white-alpha
13545
14048
  "--persona-components-header-foreground": "#ffffff",
13546
14049
  "--persona-components-header-iconBackground": "#0f0f0f",
13547
14050
  "--persona-components-header-iconForeground": "#ffffff",
13548
- "--persona-components-header-padding": "1rem",
14051
+ "--persona-components-header-minimalPadding": "16px 24px",
14052
+ "--persona-components-header-padding": "20px 24px",
13549
14053
  "--persona-components-input-background": "#0e111b",
13550
14054
  "--persona-components-input-borderRadius": "0.5rem",
13551
14055
  "--persona-components-input-focus-border": "#9ca3af",
@@ -13583,16 +14087,31 @@ exports[`token pipeline parity (golden) > light + flat dark surface (white-alpha
13583
14087
  "--persona-components-message-assistant-shadow": "0 1px 2px 0 rgb(0 0 0 / 0.05)",
13584
14088
  "--persona-components-message-assistant-text": "#111827",
13585
14089
  "--persona-components-message-border": "#e5e7eb",
14090
+ "--persona-components-message-gap": "12px",
13586
14091
  "--persona-components-message-user-background": "#171717",
13587
14092
  "--persona-components-message-user-borderRadius": "0.5rem",
13588
14093
  "--persona-components-message-user-shadow": "0 1px 2px 0 rgb(0 0 0 / 0.05)",
13589
14094
  "--persona-components-message-user-text": "#ffffff",
13590
14095
  "--persona-components-panel-borderRadius": "0.75rem",
13591
14096
  "--persona-components-panel-canvasBackground": "transparent",
13592
- "--persona-components-panel-height": "600px",
14097
+ "--persona-components-panel-height": "min(640px, max(200px, calc(100vh - 64px)))",
13593
14098
  "--persona-components-panel-inset": "16px",
13594
- "--persona-components-panel-maxHeight": "calc(100vh - 80px)",
13595
- "--persona-components-panel-maxWidth": "440px",
14099
+ "--persona-components-panel-maxHeight": "none",
14100
+ "--persona-components-panel-maxWidth": "none",
14101
+ "--persona-components-panel-modes-docked-border": "none",
14102
+ "--persona-components-panel-modes-docked-borderRadius": "0.75rem",
14103
+ "--persona-components-panel-modes-docked-shadow": "none",
14104
+ "--persona-components-panel-modes-floating-border": "1px solid var(--persona-border)",
14105
+ "--persona-components-panel-modes-floating-borderRadius": "0.75rem",
14106
+ "--persona-components-panel-modes-floating-shadow": "0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1)",
14107
+ "--persona-components-panel-modes-inline-border": "1px solid var(--persona-border)",
14108
+ "--persona-components-panel-modes-inline-borderRadius": "0.75rem",
14109
+ "--persona-components-panel-modes-inline-shadow": "none",
14110
+ "--persona-components-panel-modes-mobile-border": "none",
14111
+ "--persona-components-panel-modes-mobile-borderRadius": "0",
14112
+ "--persona-components-panel-modes-mobile-shadow": "none",
14113
+ "--persona-components-panel-modes-sidebar-border": "none",
14114
+ "--persona-components-panel-modes-sidebar-borderRadius": "0",
13596
14115
  "--persona-components-panel-shadow": "0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1)",
13597
14116
  "--persona-components-panel-width": "min(440px, calc(100vw - 24px))",
13598
14117
  "--persona-components-reasoningBubble-shadow": "0 1px 2px 0 rgb(0 0 0 / 0.05)",
@@ -13674,6 +14193,9 @@ exports[`token pipeline parity (golden) > light + flat dark surface (white-alpha
13674
14193
  "--persona-composer-padding": "0.75rem 1rem",
13675
14194
  "--persona-composer-shadow": "none",
13676
14195
  "--persona-container": "#0e111b",
14196
+ "--persona-cw-border": "#e5e7eb",
14197
+ "--persona-cw-container": "#f9fafb",
14198
+ "--persona-cw-surface": "#0e111b",
13677
14199
  "--persona-danger": "#b91c1c",
13678
14200
  "--persona-danger-fg": "#ffffff",
13679
14201
  "--persona-divider": "#e5e7eb",
@@ -14056,7 +14578,8 @@ exports[`token pipeline parity (golden) > light + header background/foreground p
14056
14578
  "--persona-components-header-foreground": "#fedcba",
14057
14579
  "--persona-components-header-iconBackground": "#0f0f0f",
14058
14580
  "--persona-components-header-iconForeground": "#ffffff",
14059
- "--persona-components-header-padding": "1rem",
14581
+ "--persona-components-header-minimalPadding": "16px 24px",
14582
+ "--persona-components-header-padding": "20px 24px",
14060
14583
  "--persona-components-input-background": "#f9fafb",
14061
14584
  "--persona-components-input-borderRadius": "0.5rem",
14062
14585
  "--persona-components-input-focus-border": "#9ca3af",
@@ -14094,16 +14617,31 @@ exports[`token pipeline parity (golden) > light + header background/foreground p
14094
14617
  "--persona-components-message-assistant-shadow": "0 1px 2px 0 rgb(0 0 0 / 0.05)",
14095
14618
  "--persona-components-message-assistant-text": "#111827",
14096
14619
  "--persona-components-message-border": "#e5e7eb",
14620
+ "--persona-components-message-gap": "12px",
14097
14621
  "--persona-components-message-user-background": "#171717",
14098
14622
  "--persona-components-message-user-borderRadius": "0.5rem",
14099
14623
  "--persona-components-message-user-shadow": "0 1px 2px 0 rgb(0 0 0 / 0.05)",
14100
14624
  "--persona-components-message-user-text": "#ffffff",
14101
14625
  "--persona-components-panel-borderRadius": "0.75rem",
14102
14626
  "--persona-components-panel-canvasBackground": "transparent",
14103
- "--persona-components-panel-height": "600px",
14627
+ "--persona-components-panel-height": "min(640px, max(200px, calc(100vh - 64px)))",
14104
14628
  "--persona-components-panel-inset": "16px",
14105
- "--persona-components-panel-maxHeight": "calc(100vh - 80px)",
14106
- "--persona-components-panel-maxWidth": "440px",
14629
+ "--persona-components-panel-maxHeight": "none",
14630
+ "--persona-components-panel-maxWidth": "none",
14631
+ "--persona-components-panel-modes-docked-border": "none",
14632
+ "--persona-components-panel-modes-docked-borderRadius": "0.75rem",
14633
+ "--persona-components-panel-modes-docked-shadow": "none",
14634
+ "--persona-components-panel-modes-floating-border": "1px solid var(--persona-border)",
14635
+ "--persona-components-panel-modes-floating-borderRadius": "0.75rem",
14636
+ "--persona-components-panel-modes-floating-shadow": "0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1)",
14637
+ "--persona-components-panel-modes-inline-border": "1px solid var(--persona-border)",
14638
+ "--persona-components-panel-modes-inline-borderRadius": "0.75rem",
14639
+ "--persona-components-panel-modes-inline-shadow": "none",
14640
+ "--persona-components-panel-modes-mobile-border": "none",
14641
+ "--persona-components-panel-modes-mobile-borderRadius": "0",
14642
+ "--persona-components-panel-modes-mobile-shadow": "none",
14643
+ "--persona-components-panel-modes-sidebar-border": "none",
14644
+ "--persona-components-panel-modes-sidebar-borderRadius": "0",
14107
14645
  "--persona-components-panel-shadow": "0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1)",
14108
14646
  "--persona-components-panel-width": "min(440px, calc(100vw - 24px))",
14109
14647
  "--persona-components-reasoningBubble-shadow": "0 1px 2px 0 rgb(0 0 0 / 0.05)",
@@ -14185,6 +14723,9 @@ exports[`token pipeline parity (golden) > light + header background/foreground p
14185
14723
  "--persona-composer-padding": "0.75rem 1rem",
14186
14724
  "--persona-composer-shadow": "none",
14187
14725
  "--persona-container": "#f9fafb",
14726
+ "--persona-cw-border": "#e5e7eb",
14727
+ "--persona-cw-container": "#f9fafb",
14728
+ "--persona-cw-surface": "#f9fafb",
14188
14729
  "--persona-danger": "#b91c1c",
14189
14730
  "--persona-danger-fg": "#ffffff",
14190
14731
  "--persona-divider": "#e5e7eb",
@@ -14573,7 +15114,8 @@ exports[`token pipeline parity (golden) > light + history motion + code block to
14573
15114
  "--persona-components-header-foreground": "#ffffff",
14574
15115
  "--persona-components-header-iconBackground": "#0f0f0f",
14575
15116
  "--persona-components-header-iconForeground": "#ffffff",
14576
- "--persona-components-header-padding": "1rem",
15117
+ "--persona-components-header-minimalPadding": "16px 24px",
15118
+ "--persona-components-header-padding": "20px 24px",
14577
15119
  "--persona-components-history-menu-background": "#fafafa",
14578
15120
  "--persona-components-history-motion-enterEasing": "ease-out",
14579
15121
  "--persona-components-history-motion-exitDurationMs": "0",
@@ -14618,16 +15160,31 @@ exports[`token pipeline parity (golden) > light + history motion + code block to
14618
15160
  "--persona-components-message-assistant-shadow": "0 1px 2px 0 rgb(0 0 0 / 0.05)",
14619
15161
  "--persona-components-message-assistant-text": "#111827",
14620
15162
  "--persona-components-message-border": "#e5e7eb",
15163
+ "--persona-components-message-gap": "12px",
14621
15164
  "--persona-components-message-user-background": "#171717",
14622
15165
  "--persona-components-message-user-borderRadius": "0.5rem",
14623
15166
  "--persona-components-message-user-shadow": "0 1px 2px 0 rgb(0 0 0 / 0.05)",
14624
15167
  "--persona-components-message-user-text": "#ffffff",
14625
15168
  "--persona-components-panel-borderRadius": "0.75rem",
14626
15169
  "--persona-components-panel-canvasBackground": "transparent",
14627
- "--persona-components-panel-height": "600px",
15170
+ "--persona-components-panel-height": "min(640px, max(200px, calc(100vh - 64px)))",
14628
15171
  "--persona-components-panel-inset": "16px",
14629
- "--persona-components-panel-maxHeight": "calc(100vh - 80px)",
14630
- "--persona-components-panel-maxWidth": "440px",
15172
+ "--persona-components-panel-maxHeight": "none",
15173
+ "--persona-components-panel-maxWidth": "none",
15174
+ "--persona-components-panel-modes-docked-border": "none",
15175
+ "--persona-components-panel-modes-docked-borderRadius": "0.75rem",
15176
+ "--persona-components-panel-modes-docked-shadow": "none",
15177
+ "--persona-components-panel-modes-floating-border": "1px solid var(--persona-border)",
15178
+ "--persona-components-panel-modes-floating-borderRadius": "0.75rem",
15179
+ "--persona-components-panel-modes-floating-shadow": "0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1)",
15180
+ "--persona-components-panel-modes-inline-border": "1px solid var(--persona-border)",
15181
+ "--persona-components-panel-modes-inline-borderRadius": "0.75rem",
15182
+ "--persona-components-panel-modes-inline-shadow": "none",
15183
+ "--persona-components-panel-modes-mobile-border": "none",
15184
+ "--persona-components-panel-modes-mobile-borderRadius": "0",
15185
+ "--persona-components-panel-modes-mobile-shadow": "none",
15186
+ "--persona-components-panel-modes-sidebar-border": "none",
15187
+ "--persona-components-panel-modes-sidebar-borderRadius": "0",
14631
15188
  "--persona-components-panel-shadow": "0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1)",
14632
15189
  "--persona-components-panel-width": "min(440px, calc(100vw - 24px))",
14633
15190
  "--persona-components-reasoningBubble-shadow": "0 1px 2px 0 rgb(0 0 0 / 0.05)",
@@ -14709,6 +15266,9 @@ exports[`token pipeline parity (golden) > light + history motion + code block to
14709
15266
  "--persona-composer-padding": "0.75rem 1rem",
14710
15267
  "--persona-composer-shadow": "none",
14711
15268
  "--persona-container": "#f9fafb",
15269
+ "--persona-cw-border": "#e5e7eb",
15270
+ "--persona-cw-container": "#f9fafb",
15271
+ "--persona-cw-surface": "#f9fafb",
14712
15272
  "--persona-danger": "#b91c1c",
14713
15273
  "--persona-danger-fg": "#ffffff",
14714
15274
  "--persona-divider": "#e5e7eb",
@@ -15099,7 +15659,8 @@ exports[`token pipeline parity (golden) > light + intro card kicker typography 1
15099
15659
  "--persona-components-header-foreground": "#ffffff",
15100
15660
  "--persona-components-header-iconBackground": "#0f0f0f",
15101
15661
  "--persona-components-header-iconForeground": "#ffffff",
15102
- "--persona-components-header-padding": "1rem",
15662
+ "--persona-components-header-minimalPadding": "16px 24px",
15663
+ "--persona-components-header-padding": "20px 24px",
15103
15664
  "--persona-components-input-background": "#f9fafb",
15104
15665
  "--persona-components-input-borderRadius": "0.5rem",
15105
15666
  "--persona-components-input-focus-border": "#9ca3af",
@@ -15140,16 +15701,31 @@ exports[`token pipeline parity (golden) > light + intro card kicker typography 1
15140
15701
  "--persona-components-message-assistant-shadow": "0 1px 2px 0 rgb(0 0 0 / 0.05)",
15141
15702
  "--persona-components-message-assistant-text": "#111827",
15142
15703
  "--persona-components-message-border": "#e5e7eb",
15704
+ "--persona-components-message-gap": "12px",
15143
15705
  "--persona-components-message-user-background": "#171717",
15144
15706
  "--persona-components-message-user-borderRadius": "0.5rem",
15145
15707
  "--persona-components-message-user-shadow": "0 1px 2px 0 rgb(0 0 0 / 0.05)",
15146
15708
  "--persona-components-message-user-text": "#ffffff",
15147
15709
  "--persona-components-panel-borderRadius": "0.75rem",
15148
15710
  "--persona-components-panel-canvasBackground": "transparent",
15149
- "--persona-components-panel-height": "600px",
15711
+ "--persona-components-panel-height": "min(640px, max(200px, calc(100vh - 64px)))",
15150
15712
  "--persona-components-panel-inset": "16px",
15151
- "--persona-components-panel-maxHeight": "calc(100vh - 80px)",
15152
- "--persona-components-panel-maxWidth": "440px",
15713
+ "--persona-components-panel-maxHeight": "none",
15714
+ "--persona-components-panel-maxWidth": "none",
15715
+ "--persona-components-panel-modes-docked-border": "none",
15716
+ "--persona-components-panel-modes-docked-borderRadius": "0.75rem",
15717
+ "--persona-components-panel-modes-docked-shadow": "none",
15718
+ "--persona-components-panel-modes-floating-border": "1px solid var(--persona-border)",
15719
+ "--persona-components-panel-modes-floating-borderRadius": "0.75rem",
15720
+ "--persona-components-panel-modes-floating-shadow": "0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1)",
15721
+ "--persona-components-panel-modes-inline-border": "1px solid var(--persona-border)",
15722
+ "--persona-components-panel-modes-inline-borderRadius": "0.75rem",
15723
+ "--persona-components-panel-modes-inline-shadow": "none",
15724
+ "--persona-components-panel-modes-mobile-border": "none",
15725
+ "--persona-components-panel-modes-mobile-borderRadius": "0",
15726
+ "--persona-components-panel-modes-mobile-shadow": "none",
15727
+ "--persona-components-panel-modes-sidebar-border": "none",
15728
+ "--persona-components-panel-modes-sidebar-borderRadius": "0",
15153
15729
  "--persona-components-panel-shadow": "0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1)",
15154
15730
  "--persona-components-panel-width": "min(440px, calc(100vw - 24px))",
15155
15731
  "--persona-components-reasoningBubble-shadow": "0 1px 2px 0 rgb(0 0 0 / 0.05)",
@@ -15231,6 +15807,9 @@ exports[`token pipeline parity (golden) > light + intro card kicker typography 1
15231
15807
  "--persona-composer-padding": "0.75rem 1rem",
15232
15808
  "--persona-composer-shadow": "none",
15233
15809
  "--persona-container": "#f9fafb",
15810
+ "--persona-cw-border": "#e5e7eb",
15811
+ "--persona-cw-container": "#f9fafb",
15812
+ "--persona-cw-surface": "#f9fafb",
15234
15813
  "--persona-danger": "#b91c1c",
15235
15814
  "--persona-danger-fg": "#ffffff",
15236
15815
  "--persona-divider": "#e5e7eb",
@@ -15617,7 +16196,8 @@ exports[`token pipeline parity (golden) > light + message geometry + stop button
15617
16196
  "--persona-components-header-foreground": "#ffffff",
15618
16197
  "--persona-components-header-iconBackground": "#0f0f0f",
15619
16198
  "--persona-components-header-iconForeground": "#ffffff",
15620
- "--persona-components-header-padding": "1rem",
16199
+ "--persona-components-header-minimalPadding": "16px 24px",
16200
+ "--persona-components-header-padding": "20px 24px",
15621
16201
  "--persona-components-input-background": "#f9fafb",
15622
16202
  "--persona-components-input-borderRadius": "0.5rem",
15623
16203
  "--persona-components-input-focus-border": "#9ca3af",
@@ -15659,6 +16239,7 @@ exports[`token pipeline parity (golden) > light + message geometry + stop button
15659
16239
  "--persona-components-message-assistant-shadow": "0 1px 2px 0 rgb(0 0 0 / 0.05)",
15660
16240
  "--persona-components-message-assistant-text": "#111827",
15661
16241
  "--persona-components-message-border": "#e5e7eb",
16242
+ "--persona-components-message-gap": "12px",
15662
16243
  "--persona-components-message-user-background": "#171717",
15663
16244
  "--persona-components-message-user-borderRadius": "0.5rem",
15664
16245
  "--persona-components-message-user-fontFamily": "Georgia, serif",
@@ -15670,10 +16251,24 @@ exports[`token pipeline parity (golden) > light + message geometry + stop button
15670
16251
  "--persona-components-message-user-text": "#ffffff",
15671
16252
  "--persona-components-panel-borderRadius": "0.75rem",
15672
16253
  "--persona-components-panel-canvasBackground": "transparent",
15673
- "--persona-components-panel-height": "600px",
16254
+ "--persona-components-panel-height": "min(640px, max(200px, calc(100vh - 64px)))",
15674
16255
  "--persona-components-panel-inset": "16px",
15675
- "--persona-components-panel-maxHeight": "calc(100vh - 80px)",
15676
- "--persona-components-panel-maxWidth": "440px",
16256
+ "--persona-components-panel-maxHeight": "none",
16257
+ "--persona-components-panel-maxWidth": "none",
16258
+ "--persona-components-panel-modes-docked-border": "none",
16259
+ "--persona-components-panel-modes-docked-borderRadius": "0.75rem",
16260
+ "--persona-components-panel-modes-docked-shadow": "none",
16261
+ "--persona-components-panel-modes-floating-border": "1px solid var(--persona-border)",
16262
+ "--persona-components-panel-modes-floating-borderRadius": "0.75rem",
16263
+ "--persona-components-panel-modes-floating-shadow": "0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1)",
16264
+ "--persona-components-panel-modes-inline-border": "1px solid var(--persona-border)",
16265
+ "--persona-components-panel-modes-inline-borderRadius": "0.75rem",
16266
+ "--persona-components-panel-modes-inline-shadow": "none",
16267
+ "--persona-components-panel-modes-mobile-border": "none",
16268
+ "--persona-components-panel-modes-mobile-borderRadius": "0",
16269
+ "--persona-components-panel-modes-mobile-shadow": "none",
16270
+ "--persona-components-panel-modes-sidebar-border": "none",
16271
+ "--persona-components-panel-modes-sidebar-borderRadius": "0",
15677
16272
  "--persona-components-panel-shadow": "0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1)",
15678
16273
  "--persona-components-panel-width": "min(440px, calc(100vw - 24px))",
15679
16274
  "--persona-components-reasoningBubble-shadow": "0 1px 2px 0 rgb(0 0 0 / 0.05)",
@@ -15755,6 +16350,9 @@ exports[`token pipeline parity (golden) > light + message geometry + stop button
15755
16350
  "--persona-composer-padding": "0.75rem 1rem",
15756
16351
  "--persona-composer-shadow": "none",
15757
16352
  "--persona-container": "#f9fafb",
16353
+ "--persona-cw-border": "#e5e7eb",
16354
+ "--persona-cw-container": "#f9fafb",
16355
+ "--persona-cw-surface": "#f9fafb",
15758
16356
  "--persona-danger": "#b91c1c",
15759
16357
  "--persona-danger-fg": "#ffffff",
15760
16358
  "--persona-divider": "#e5e7eb",
@@ -16146,7 +16744,8 @@ exports[`token pipeline parity (golden) > light + non-flat container (hover anch
16146
16744
  "--persona-components-header-foreground": "#ffffff",
16147
16745
  "--persona-components-header-iconBackground": "#0f0f0f",
16148
16746
  "--persona-components-header-iconForeground": "#ffffff",
16149
- "--persona-components-header-padding": "1rem",
16747
+ "--persona-components-header-minimalPadding": "16px 24px",
16748
+ "--persona-components-header-padding": "20px 24px",
16150
16749
  "--persona-components-input-background": "#f9fafb",
16151
16750
  "--persona-components-input-borderRadius": "0.5rem",
16152
16751
  "--persona-components-input-focus-border": "#9ca3af",
@@ -16184,16 +16783,31 @@ exports[`token pipeline parity (golden) > light + non-flat container (hover anch
16184
16783
  "--persona-components-message-assistant-shadow": "0 1px 2px 0 rgb(0 0 0 / 0.05)",
16185
16784
  "--persona-components-message-assistant-text": "#111827",
16186
16785
  "--persona-components-message-border": "#e5e7eb",
16786
+ "--persona-components-message-gap": "12px",
16187
16787
  "--persona-components-message-user-background": "#171717",
16188
16788
  "--persona-components-message-user-borderRadius": "0.5rem",
16189
16789
  "--persona-components-message-user-shadow": "0 1px 2px 0 rgb(0 0 0 / 0.05)",
16190
16790
  "--persona-components-message-user-text": "#ffffff",
16191
16791
  "--persona-components-panel-borderRadius": "0.75rem",
16192
16792
  "--persona-components-panel-canvasBackground": "transparent",
16193
- "--persona-components-panel-height": "600px",
16793
+ "--persona-components-panel-height": "min(640px, max(200px, calc(100vh - 64px)))",
16194
16794
  "--persona-components-panel-inset": "16px",
16195
- "--persona-components-panel-maxHeight": "calc(100vh - 80px)",
16196
- "--persona-components-panel-maxWidth": "440px",
16795
+ "--persona-components-panel-maxHeight": "none",
16796
+ "--persona-components-panel-maxWidth": "none",
16797
+ "--persona-components-panel-modes-docked-border": "none",
16798
+ "--persona-components-panel-modes-docked-borderRadius": "0.75rem",
16799
+ "--persona-components-panel-modes-docked-shadow": "none",
16800
+ "--persona-components-panel-modes-floating-border": "1px solid var(--persona-border)",
16801
+ "--persona-components-panel-modes-floating-borderRadius": "0.75rem",
16802
+ "--persona-components-panel-modes-floating-shadow": "0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1)",
16803
+ "--persona-components-panel-modes-inline-border": "1px solid var(--persona-border)",
16804
+ "--persona-components-panel-modes-inline-borderRadius": "0.75rem",
16805
+ "--persona-components-panel-modes-inline-shadow": "none",
16806
+ "--persona-components-panel-modes-mobile-border": "none",
16807
+ "--persona-components-panel-modes-mobile-borderRadius": "0",
16808
+ "--persona-components-panel-modes-mobile-shadow": "none",
16809
+ "--persona-components-panel-modes-sidebar-border": "none",
16810
+ "--persona-components-panel-modes-sidebar-borderRadius": "0",
16197
16811
  "--persona-components-panel-shadow": "0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1)",
16198
16812
  "--persona-components-panel-width": "min(440px, calc(100vw - 24px))",
16199
16813
  "--persona-components-reasoningBubble-shadow": "0 1px 2px 0 rgb(0 0 0 / 0.05)",
@@ -16275,6 +16889,9 @@ exports[`token pipeline parity (golden) > light + non-flat container (hover anch
16275
16889
  "--persona-composer-padding": "0.75rem 1rem",
16276
16890
  "--persona-composer-shadow": "none",
16277
16891
  "--persona-container": "#f3f4f6",
16892
+ "--persona-cw-border": "#e5e7eb",
16893
+ "--persona-cw-container": "#f9fafb",
16894
+ "--persona-cw-surface": "#f9fafb",
16278
16895
  "--persona-danger": "#b91c1c",
16279
16896
  "--persona-danger-fg": "#ffffff",
16280
16897
  "--persona-divider": "#e5e7eb",
@@ -16650,7 +17267,8 @@ exports[`token pipeline parity (golden) > light + partial primary palette 1`] =
16650
17267
  "--persona-components-eventStream-badge-tool-background": "#f3e8ff",
16651
17268
  "--persona-components-eventStream-badge-tool-foreground": "#6b21a8",
16652
17269
  "--persona-components-header-background": "#ff4400",
16653
- "--persona-components-header-padding": "1rem",
17270
+ "--persona-components-header-minimalPadding": "16px 24px",
17271
+ "--persona-components-header-padding": "20px 24px",
16654
17272
  "--persona-components-input-background": "#f9fafb",
16655
17273
  "--persona-components-input-borderRadius": "0.5rem",
16656
17274
  "--persona-components-input-focus-border": "#9ca3af",
@@ -16687,15 +17305,30 @@ exports[`token pipeline parity (golden) > light + partial primary palette 1`] =
16687
17305
  "--persona-components-message-assistant-shadow": "0 1px 2px 0 rgb(0 0 0 / 0.05)",
16688
17306
  "--persona-components-message-assistant-text": "#111827",
16689
17307
  "--persona-components-message-border": "#e5e7eb",
17308
+ "--persona-components-message-gap": "12px",
16690
17309
  "--persona-components-message-user-background": "#ff4400",
16691
17310
  "--persona-components-message-user-borderRadius": "0.5rem",
16692
17311
  "--persona-components-message-user-shadow": "0 1px 2px 0 rgb(0 0 0 / 0.05)",
16693
17312
  "--persona-components-panel-borderRadius": "0.75rem",
16694
17313
  "--persona-components-panel-canvasBackground": "transparent",
16695
- "--persona-components-panel-height": "600px",
17314
+ "--persona-components-panel-height": "min(640px, max(200px, calc(100vh - 64px)))",
16696
17315
  "--persona-components-panel-inset": "16px",
16697
- "--persona-components-panel-maxHeight": "calc(100vh - 80px)",
16698
- "--persona-components-panel-maxWidth": "440px",
17316
+ "--persona-components-panel-maxHeight": "none",
17317
+ "--persona-components-panel-maxWidth": "none",
17318
+ "--persona-components-panel-modes-docked-border": "none",
17319
+ "--persona-components-panel-modes-docked-borderRadius": "0.75rem",
17320
+ "--persona-components-panel-modes-docked-shadow": "none",
17321
+ "--persona-components-panel-modes-floating-border": "1px solid var(--persona-border)",
17322
+ "--persona-components-panel-modes-floating-borderRadius": "0.75rem",
17323
+ "--persona-components-panel-modes-floating-shadow": "0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1)",
17324
+ "--persona-components-panel-modes-inline-border": "1px solid var(--persona-border)",
17325
+ "--persona-components-panel-modes-inline-borderRadius": "0.75rem",
17326
+ "--persona-components-panel-modes-inline-shadow": "none",
17327
+ "--persona-components-panel-modes-mobile-border": "none",
17328
+ "--persona-components-panel-modes-mobile-borderRadius": "0",
17329
+ "--persona-components-panel-modes-mobile-shadow": "none",
17330
+ "--persona-components-panel-modes-sidebar-border": "none",
17331
+ "--persona-components-panel-modes-sidebar-borderRadius": "0",
16699
17332
  "--persona-components-panel-shadow": "0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1)",
16700
17333
  "--persona-components-panel-width": "min(440px, calc(100vw - 24px))",
16701
17334
  "--persona-components-reasoningBubble-shadow": "0 1px 2px 0 rgb(0 0 0 / 0.05)",
@@ -16772,6 +17405,9 @@ exports[`token pipeline parity (golden) > light + partial primary palette 1`] =
16772
17405
  "--persona-composer-padding": "0.75rem 1rem",
16773
17406
  "--persona-composer-shadow": "none",
16774
17407
  "--persona-container": "#f9fafb",
17408
+ "--persona-cw-border": "#e5e7eb",
17409
+ "--persona-cw-container": "#f9fafb",
17410
+ "--persona-cw-surface": "#f9fafb",
16775
17411
  "--persona-danger": "#b91c1c",
16776
17412
  "--persona-danger-fg": "#ffffff",
16777
17413
  "--persona-divider": "#e5e7eb",
@@ -17139,7 +17775,8 @@ exports[`token pipeline parity (golden) > light + radius + typography + spacing
17139
17775
  "--persona-components-header-foreground": "#ffffff",
17140
17776
  "--persona-components-header-iconBackground": "#0f0f0f",
17141
17777
  "--persona-components-header-iconForeground": "#ffffff",
17142
- "--persona-components-header-padding": "18px",
17778
+ "--persona-components-header-minimalPadding": "16px 24px",
17779
+ "--persona-components-header-padding": "20px 24px",
17143
17780
  "--persona-components-input-background": "#f9fafb",
17144
17781
  "--persona-components-input-borderRadius": "1rem",
17145
17782
  "--persona-components-input-focus-border": "#9ca3af",
@@ -17177,16 +17814,31 @@ exports[`token pipeline parity (golden) > light + radius + typography + spacing
17177
17814
  "--persona-components-message-assistant-shadow": "0 1px 2px 0 rgb(0 0 0 / 0.05)",
17178
17815
  "--persona-components-message-assistant-text": "#111827",
17179
17816
  "--persona-components-message-border": "#e5e7eb",
17817
+ "--persona-components-message-gap": "12px",
17180
17818
  "--persona-components-message-user-background": "#171717",
17181
17819
  "--persona-components-message-user-borderRadius": "1rem",
17182
17820
  "--persona-components-message-user-shadow": "0 1px 2px 0 rgb(0 0 0 / 0.05)",
17183
17821
  "--persona-components-message-user-text": "#ffffff",
17184
17822
  "--persona-components-panel-borderRadius": "0.75rem",
17185
17823
  "--persona-components-panel-canvasBackground": "transparent",
17186
- "--persona-components-panel-height": "600px",
17824
+ "--persona-components-panel-height": "min(640px, max(200px, calc(100vh - 64px)))",
17187
17825
  "--persona-components-panel-inset": "16px",
17188
- "--persona-components-panel-maxHeight": "calc(100vh - 80px)",
17189
- "--persona-components-panel-maxWidth": "440px",
17826
+ "--persona-components-panel-maxHeight": "none",
17827
+ "--persona-components-panel-maxWidth": "none",
17828
+ "--persona-components-panel-modes-docked-border": "none",
17829
+ "--persona-components-panel-modes-docked-borderRadius": "0.75rem",
17830
+ "--persona-components-panel-modes-docked-shadow": "none",
17831
+ "--persona-components-panel-modes-floating-border": "1px solid var(--persona-border)",
17832
+ "--persona-components-panel-modes-floating-borderRadius": "0.75rem",
17833
+ "--persona-components-panel-modes-floating-shadow": "0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1)",
17834
+ "--persona-components-panel-modes-inline-border": "1px solid var(--persona-border)",
17835
+ "--persona-components-panel-modes-inline-borderRadius": "0.75rem",
17836
+ "--persona-components-panel-modes-inline-shadow": "none",
17837
+ "--persona-components-panel-modes-mobile-border": "none",
17838
+ "--persona-components-panel-modes-mobile-borderRadius": "0",
17839
+ "--persona-components-panel-modes-mobile-shadow": "none",
17840
+ "--persona-components-panel-modes-sidebar-border": "none",
17841
+ "--persona-components-panel-modes-sidebar-borderRadius": "0",
17190
17842
  "--persona-components-panel-shadow": "0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1)",
17191
17843
  "--persona-components-panel-width": "min(440px, calc(100vw - 24px))",
17192
17844
  "--persona-components-reasoningBubble-shadow": "0 1px 2px 0 rgb(0 0 0 / 0.05)",
@@ -17268,6 +17920,9 @@ exports[`token pipeline parity (golden) > light + radius + typography + spacing
17268
17920
  "--persona-composer-padding": "0.75rem 1rem",
17269
17921
  "--persona-composer-shadow": "none",
17270
17922
  "--persona-container": "#f9fafb",
17923
+ "--persona-cw-border": "#e5e7eb",
17924
+ "--persona-cw-container": "#f9fafb",
17925
+ "--persona-cw-surface": "#f9fafb",
17271
17926
  "--persona-danger": "#b91c1c",
17272
17927
  "--persona-danger-fg": "#ffffff",
17273
17928
  "--persona-divider": "#e5e7eb",
@@ -17617,7 +18272,8 @@ exports[`token pipeline parity (golden) > resolveTokens flattens the default the
17617
18272
  "components.header.foreground": "color:#ffffff",
17618
18273
  "components.header.iconBackground": "color:#0f0f0f",
17619
18274
  "components.header.iconForeground": "color:#ffffff",
17620
- "components.header.padding": "color:1rem",
18275
+ "components.header.minimalPadding": "color:16px 24px",
18276
+ "components.header.padding": "color:20px 24px",
17621
18277
  "components.input.background": "color:#f9fafb",
17622
18278
  "components.input.borderRadius": "color:0.5rem",
17623
18279
  "components.input.focus.border": "color:#9ca3af",
@@ -17655,16 +18311,31 @@ exports[`token pipeline parity (golden) > resolveTokens flattens the default the
17655
18311
  "components.message.assistant.shadow": "color:0 1px 2px 0 rgb(0 0 0 / 0.05)",
17656
18312
  "components.message.assistant.text": "color:#111827",
17657
18313
  "components.message.border": "color:#e5e7eb",
18314
+ "components.message.gap": "color:12px",
17658
18315
  "components.message.user.background": "color:#171717",
17659
18316
  "components.message.user.borderRadius": "color:0.5rem",
17660
18317
  "components.message.user.shadow": "color:0 1px 2px 0 rgb(0 0 0 / 0.05)",
17661
18318
  "components.message.user.text": "color:#ffffff",
17662
18319
  "components.panel.borderRadius": "color:0.75rem",
17663
18320
  "components.panel.canvasBackground": "color:transparent",
17664
- "components.panel.height": "color:600px",
18321
+ "components.panel.height": "color:min(640px, max(200px, calc(100vh - 64px)))",
17665
18322
  "components.panel.inset": "color:16px",
17666
- "components.panel.maxHeight": "color:calc(100vh - 80px)",
17667
- "components.panel.maxWidth": "color:440px",
18323
+ "components.panel.maxHeight": "color:none",
18324
+ "components.panel.maxWidth": "color:none",
18325
+ "components.panel.modes.docked.border": "color:none",
18326
+ "components.panel.modes.docked.borderRadius": "color:0.75rem",
18327
+ "components.panel.modes.docked.shadow": "color:none",
18328
+ "components.panel.modes.floating.border": "color:1px solid var(--persona-border)",
18329
+ "components.panel.modes.floating.borderRadius": "color:0.75rem",
18330
+ "components.panel.modes.floating.shadow": "color:0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1)",
18331
+ "components.panel.modes.inline.border": "color:1px solid var(--persona-border)",
18332
+ "components.panel.modes.inline.borderRadius": "color:0.75rem",
18333
+ "components.panel.modes.inline.shadow": "color:none",
18334
+ "components.panel.modes.mobile.border": "color:none",
18335
+ "components.panel.modes.mobile.borderRadius": "color:0",
18336
+ "components.panel.modes.mobile.shadow": "color:none",
18337
+ "components.panel.modes.sidebar.border": "color:none",
18338
+ "components.panel.modes.sidebar.borderRadius": "color:0",
17668
18339
  "components.panel.shadow": "color:0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1)",
17669
18340
  "components.panel.width": "color:min(440px, calc(100vw - 24px))",
17670
18341
  "components.reasoningBubble.shadow": "color:0 1px 2px 0 rgb(0 0 0 / 0.05)",