@ash-qw/dsh-theme-prts 0.1.96 → 0.1.98

package/src/styles/prts.css

@@ -46,6 +46,15 @@ html[data-dsh-prts] {
   --prts-glass-dense: rgba(7, 10, 12, .94);
   --prts-active-glass: var(--prts-glass-standard-surface);
   --prts-active-glass-filter: blur(18px) saturate(145%);
+  --prts-chat-user-surface: #3a3211;
+  --prts-chat-user-edge: #8c7718;
+  --prts-chat-assistant-surface: rgba(17, 24, 28, .97);
+  --prts-chat-assistant-edge: #34474f;
+  --prts-chat-avatar-surface: #151c20;
+  --prts-chat-shadow: rgba(0, 0, 0, .3);
+  --prts-chat-backdrop: #0a0e11;
+  --prts-chat-backdrop-edge: #0e1519;
+  --prts-chat-link: #4d7079;
   color-scheme: dark;
   accent-color: var(--prts-yellow);
 }
@@ -73,6 +82,15 @@ html[data-dsh-prts][data-prts-scheme="light"] {
   --prts-glass-clear-surface: rgba(244, 249, 251, .78);
   --prts-glass-dense: rgba(249, 251, 252, .97);
   --prts-shadow-glass-overlay: 0 18px 44px rgba(48, 63, 70, .18), inset 0 1px rgba(255, 255, 255, .86);
+  --prts-chat-user-surface: #fff0af;
+  --prts-chat-user-edge: #c9a610;
+  --prts-chat-assistant-surface: rgba(250, 252, 253, .97);
+  --prts-chat-assistant-edge: #c7d4da;
+  --prts-chat-avatar-surface: #e4e9ec;
+  --prts-chat-shadow: rgba(45, 59, 66, .16);
+  --prts-chat-backdrop: #edf1f3;
+  --prts-chat-backdrop-edge: #e4ebee;
+  --prts-chat-link: #6b8d96;
   color-scheme: light;
 }
 
@@ -823,7 +841,8 @@ html[data-dsh-prts] [data-prts-region="sessions"] [data-slot="sidebar"] {
   height: 100%;
 }
 
-html[data-dsh-prts] [data-prts-region="sessions"] [data-rc7-sidebar-root] {
+html[data-dsh-prts] [data-prts-region="sessions"] :is(
+  [data-rc7-sidebar-root], [data-slot="sidebar"] > :first-child) {
   box-sizing: border-box;
   width: 100% !important;
   min-width: var(--prts-sessions-width);
@@ -1040,12 +1059,21 @@ html[data-dsh-prts] [data-prts-session-actions] button:is(:hover, :focus-visible
 }
 
 /* OPERATION AREA */
-html[data-dsh-prts] [data-slot="conversation"] {
+html[data-dsh-prts] :is(
+  [data-slot="main.conversation"], [data-slot="conversation"]) {
   min-width: 0;
   height: 100%;
   background: transparent;
 }
 
+/* The rc.7 conversation root owns an opaque host surface above the ambient
+   siblings. Keep it transparent only for the chat theme so its backdrop remains
+   behind native messages and controls. */
+html[data-dsh-prts][data-prts-conversation-style="deck-chat"] :is(
+  [data-slot="main.conversation"], [data-slot="conversation"]) > [data-phase] {
+  background: transparent !important;
+}
+
 html[data-dsh-prts] [data-slot="conversation.session.header"] {
   border-bottom: 1px solid var(--prts-line);
   background: color-mix(in srgb, var(--prts-canvas-elevated) 92%, transparent);
@@ -1067,15 +1095,14 @@ html[data-dsh-prts] [data-conversation-scroll] {
   z-index: 2;
 }
 
-html[data-dsh-prts] [data-message-role="user"],
-html[data-dsh-prts] [data-chat-flow-kind="user"] {
+html[data-dsh-prts][data-prts-conversation-style="native"] [data-message-role="user"],
+html[data-dsh-prts][data-prts-conversation-style="native"] [data-chat-flow-kind="user"] {
   position: relative;
   color: var(--prts-ink);
 }
 
-
-html[data-dsh-prts] [data-message-role="user"],
-html[data-dsh-prts] [data-chat-flow-kind="user"] [class$="_bubble"] {
+html[data-dsh-prts][data-prts-conversation-style="native"] [data-message-role="user"],
+html[data-dsh-prts][data-prts-conversation-style="native"] [data-chat-flow-kind="user"] [class$="_bubble"] {
   border: 1px solid var(--prts-line-strong) !important;
   border-left: 4px solid var(--prts-yellow) !important;
   border-radius: var(--prts-radius-card) !important;
@@ -1085,25 +1112,24 @@ html[data-dsh-prts] [data-chat-flow-kind="user"] [class$="_bubble"] {
   box-shadow: none !important;
 }
 
-
-html[data-dsh-prts] [data-message-role="user"] :is([data-markdown], [class*="markdown" i]),
-html[data-dsh-prts] [data-chat-flow-kind="user"] [class$="_bubble"] :is([data-markdown], [class*="markdown" i]) {
+html[data-dsh-prts][data-prts-conversation-style="native"] [data-message-role="user"] :is([data-markdown], [class*="markdown" i]),
+html[data-dsh-prts][data-prts-conversation-style="native"] [data-chat-flow-kind="user"] [class$="_bubble"] :is([data-markdown], [class*="markdown" i]) {
   background: transparent !important;
 }
 
-html[data-dsh-prts] [data-message-role="user"] :is(pre, table, blockquote),
-html[data-dsh-prts] [data-chat-flow-kind="user"] [class$="_bubble"] :is(pre, table, blockquote) {
+html[data-dsh-prts][data-prts-conversation-style="native"] [data-message-role="user"] :is(pre, table, blockquote),
+html[data-dsh-prts][data-prts-conversation-style="native"] [data-chat-flow-kind="user"] [class$="_bubble"] :is(pre, table, blockquote) {
   border: 1px solid var(--prts-line);
   background: var(--prts-glass-dense);
 }
 
-html[data-dsh-prts] [data-message-role="user"] :is(pre, code),
-html[data-dsh-prts] [data-chat-flow-kind="user"] [class$="_bubble"] :is(pre, code) {
+html[data-dsh-prts][data-prts-conversation-style="native"] [data-message-role="user"] :is(pre, code),
+html[data-dsh-prts][data-prts-conversation-style="native"] [data-chat-flow-kind="user"] [class$="_bubble"] :is(pre, code) {
   font-family: var(--prts-mono) !important;
 }
 
-html[data-dsh-prts] [data-message-role="user"] pre,
-html[data-dsh-prts] [data-chat-flow-kind="user"] [class$="_bubble"] pre {
+html[data-dsh-prts][data-prts-conversation-style="native"] [data-message-role="user"] pre,
+html[data-dsh-prts][data-prts-conversation-style="native"] [data-chat-flow-kind="user"] [class$="_bubble"] pre {
   max-width: 100%;
   overflow: auto;
   padding: 14px;
@@ -1111,6 +1137,219 @@ html[data-dsh-prts] [data-chat-flow-kind="user"] [class$="_bubble"] pre {
   color: var(--prts-ink) !important;
 }
 
+html[data-dsh-prts][data-prts-conversation-style="deck-chat"] :is(
+  [data-chat-flow-kind="user"],
+  [data-chat-flow-kind="assistant-step"]
+) {
+  position: relative;
+  box-sizing: border-box;
+  overflow: visible;
+}
+
+html[data-dsh-prts][data-prts-conversation-style="deck-chat"] [data-chat-flow-kind="user"] {
+  padding-inline-end: 54px;
+  color: var(--prts-ink);
+}
+
+html[data-dsh-prts][data-prts-conversation-style="deck-chat"] [data-chat-flow-kind="assistant-step"] {
+  --prts-chat-link-x: 22px;
+  padding-inline-start: 56px;
+  color: var(--prts-ink);
+}
+
+html[data-dsh-prts][data-prts-conversation-style="deck-chat"] [data-chat-flow-kind="assistant-step"]::after,
+html[data-dsh-prts][data-prts-conversation-style="deck-chat"] [data-message-role="assistant"]::after {
+  content: "";
+  position: absolute;
+  z-index: 1;
+  top: 54px;
+  left: calc(var(--prts-chat-link-x) - 1px);
+  width: 2px;
+  height: 30px;
+  border-radius: 1px;
+  background: linear-gradient(to bottom,
+    color-mix(in srgb, var(--prts-chat-link) 56%, transparent),
+    color-mix(in srgb, var(--prts-chat-link) 20%, transparent) 72%,
+    transparent);
+  pointer-events: none;
+}
+
+html[data-dsh-prts][data-prts-conversation-style="deck-chat"] [data-chat-flow-kind="assistant-step"]::before,
+html[data-dsh-prts][data-prts-conversation-style="deck-chat"] [data-chat-flow-kind="user"]::after,
+html[data-dsh-prts][data-prts-conversation-style="deck-chat"] [data-message-role="assistant"]::before,
+html[data-dsh-prts][data-prts-conversation-style="deck-chat"] [data-message-role="user"]::after {
+  position: absolute;
+  z-index: 2;
+  top: 2px;
+  display: grid;
+  place-items: center;
+  box-sizing: border-box;
+  width: 42px;
+  height: 42px;
+  border: 1px solid var(--prts-line);
+  border-radius: 14px;
+  background-color: var(--prts-chat-avatar-surface);
+  box-shadow:
+    inset 0 1px rgba(255, 255, 255, .08),
+    0 8px 20px var(--prts-chat-shadow);
+  pointer-events: none;
+}
+
+html[data-dsh-prts][data-prts-conversation-style="deck-chat"] [data-chat-flow-kind="assistant-step"]::before,
+html[data-dsh-prts][data-prts-conversation-style="deck-chat"] [data-message-role="assistant"]::before {
+  content: "";
+  left: 0;
+  width: 44px;
+  height: 48px;
+  border-color: color-mix(in srgb, var(--prts-cyan) 42%, var(--prts-line));
+  border-radius: 14px 14px 16px 16px;
+  background-image:
+    var(--prts-assistant-avatar-image, none),
+    linear-gradient(145deg, rgba(255, 255, 255, .08), transparent 56%);
+  background-repeat: no-repeat;
+  background-position: center, center;
+  background-size: cover, auto;
+  box-shadow:
+    inset 0 -2px color-mix(in srgb, var(--prts-cyan) 72%, transparent),
+    inset 0 1px rgba(255, 255, 255, .08),
+    0 8px 20px var(--prts-chat-shadow);
+}
+
+html[data-dsh-prts][data-prts-conversation-style="deck-chat"] [data-chat-flow-kind="user"]::after,
+html[data-dsh-prts][data-prts-conversation-style="deck-chat"] [data-message-role="user"]::after {
+  content: "我";
+  right: 0;
+  border-color: color-mix(in srgb, var(--prts-yellow) 58%, var(--prts-line));
+  background:
+    linear-gradient(145deg, color-mix(in srgb, var(--prts-yellow) 18%, transparent), transparent 58%),
+    var(--prts-chat-avatar-surface);
+  color: color-mix(in srgb, var(--prts-yellow) 78%, var(--prts-ink));
+  font: 500 13px/1 var(--prts-mono);
+}
+
+html[data-dsh-prts][data-prts-conversation-style="deck-chat"] [data-chat-flow-kind="user"] [class$="_bubble"],
+html[data-dsh-prts][data-prts-conversation-style="deck-chat"] [data-message-role="user"] {
+  border: 1px solid var(--prts-chat-user-edge) !important;
+  border-radius: 18px 6px 18px 18px !important;
+  padding: 13px 18px !important;
+  background:
+    linear-gradient(145deg, color-mix(in srgb, var(--prts-yellow) 10%, transparent), transparent 54%),
+    var(--prts-chat-user-surface) !important;
+  color: var(--prts-ink) !important;
+  clip-path: none !important;
+  box-shadow:
+    inset 0 1px color-mix(in srgb, var(--prts-yellow) 22%, transparent),
+    0 9px 24px var(--prts-chat-shadow) !important;
+  overflow-wrap: anywhere;
+}
+
+html[data-dsh-prts][data-prts-conversation-style="deck-chat"] [data-message-role="user"] {
+  width: calc(100% - 54px);
+  margin-inline-start: auto;
+}
+
+html[data-dsh-prts][data-prts-conversation-style="deck-chat"] [data-message-role="user"]::after {
+  right: -54px;
+}
+
+html[data-dsh-prts][data-prts-conversation-style="deck-chat"] [data-message-role="assistant"] {
+  --prts-chat-link-x: -34px;
+  position: relative;
+  width: calc(100% - 56px);
+  margin-inline-start: calc((100% - min(748px, 100%)) / 2 + 56px);
+  padding: 16px 22px !important;
+  border: 1px solid var(--prts-chat-assistant-edge) !important;
+  border-radius: 6px 18px 18px 18px !important;
+  background:
+    linear-gradient(118deg, color-mix(in srgb, var(--prts-cyan) 6%, transparent), transparent 44%),
+    var(--prts-chat-assistant-surface) !important;
+  color: var(--prts-ink) !important;
+  box-shadow:
+    inset 0 1px color-mix(in srgb, var(--prts-cyan) 10%, transparent),
+    0 10px 28px var(--prts-chat-shadow) !important;
+  overflow-wrap: anywhere;
+}
+
+html[data-dsh-prts][data-prts-conversation-style="deck-chat"] [data-message-role="assistant"]::before {
+  left: -56px;
+}
+
+html[data-dsh-prts][data-prts-conversation-style="deck-chat"] [data-chat-flow-kind="assistant-step"] [class$="_body"]:has(:is([data-markdown], [data-slot*="markdown" i], .markdown-body)),
+html[data-dsh-prts][data-prts-conversation-style="deck-chat"] [data-prts-ai-surface] {
+  box-sizing: border-box;
+  width: fit-content;
+  max-width: 100%;
+  padding: 16px 22px !important;
+  border: 1px solid var(--prts-chat-assistant-edge) !important;
+  border-radius: 6px 18px 18px 18px !important;
+  background:
+    linear-gradient(118deg, color-mix(in srgb, var(--prts-cyan) 6%, transparent), transparent 44%),
+    var(--prts-chat-assistant-surface) !important;
+  color: var(--prts-ink) !important;
+  box-shadow:
+    inset 0 1px color-mix(in srgb, var(--prts-cyan) 10%, transparent),
+    0 10px 28px var(--prts-chat-shadow) !important;
+  overflow-wrap: anywhere;
+}
+
+html[data-dsh-prts][data-prts-conversation-style="deck-chat"] [data-prts-ai-surface] > * {
+  color: inherit;
+}
+
+html[data-dsh-prts][data-prts-conversation-style="deck-chat"] :is(
+  [data-prts-ai-surface],
+  [data-message-role="assistant"]
+) :is(p, li, h1, h2, h3, h4, h5, h6) {
+  color: var(--prts-ink) !important;
+}
+
+html[data-dsh-prts][data-prts-conversation-style="deck-chat"] :is(
+  [data-prts-ai-surface],
+  [data-message-role="assistant"],
+  [data-message-role="user"],
+  [data-chat-flow-kind="user"] [class$="_bubble"]
+) :is([data-markdown], [class*="markdown" i]) {
+  background: transparent !important;
+}
+
+html[data-dsh-prts][data-prts-conversation-style="deck-chat"] :is(
+  [data-prts-ai-surface],
+  [data-message-role="assistant"],
+  [data-message-role="user"],
+  [data-chat-flow-kind="user"] [class$="_bubble"]
+) :is(pre, table, blockquote) {
+  border: 1px solid color-mix(in srgb, var(--prts-cyan) 24%, var(--prts-line));
+  background: color-mix(in srgb, var(--prts-canvas) 88%, transparent);
+}
+
+html[data-dsh-prts][data-prts-conversation-style="deck-chat"] :is(
+  [data-prts-ai-surface],
+  [data-message-role="assistant"],
+  [data-message-role="user"],
+  [data-chat-flow-kind="user"] [class$="_bubble"]
+) :is(pre, code) {
+  font-family: var(--prts-mono) !important;
+}
+
+html[data-dsh-prts][data-prts-conversation-style="deck-chat"] :is(
+  [data-prts-ai-surface],
+  [data-message-role="assistant"],
+  [data-message-role="user"],
+  [data-chat-flow-kind="user"] [class$="_bubble"]
+) pre {
+  max-width: 100%;
+  overflow: auto;
+  padding: 14px;
+  border-left: 3px solid var(--prts-cyan) !important;
+  color: var(--prts-ink) !important;
+}
+
+html[data-dsh-prts][data-prts-conversation-style="deck-chat"] :is(
+  [data-prts-ai-surface],
+  [data-message-role="assistant"]
+) blockquote {
+  border-inline-start: 3px solid var(--prts-cyan);
+}
 
 html[data-dsh-prts] [aria-invalid="true"],
 html[data-dsh-prts] [data-status="error"],
@@ -1120,7 +1359,7 @@ html[data-dsh-prts] [data-status="denied"] {
 }
 
 /* AMBIENT AND PARTICLE EMBLEMS */
-html[data-dsh-prts] [data-prts-ambient-layer] {
+html[data-dsh-prts][data-prts-conversation-style="native"] [data-prts-ambient-layer] {
   position: absolute;
   z-index: 0;
   inset: 0;
@@ -1133,6 +1372,37 @@ html[data-dsh-prts] [data-prts-ambient-layer] {
   pointer-events: none;
 }
 
+html[data-dsh-prts][data-prts-conversation-style="deck-chat"] [data-prts-ambient-layer] {
+  position: absolute;
+  z-index: 0;
+  inset: 0;
+  overflow: hidden;
+  opacity: 1;
+  background:
+    linear-gradient(90deg,
+      color-mix(in srgb, var(--prts-chat-backdrop-edge) 58%, transparent),
+      transparent 14% 86%,
+      color-mix(in srgb, var(--prts-chat-backdrop-edge) 58%, transparent)),
+    linear-gradient(180deg,
+      color-mix(in srgb, var(--prts-chat-backdrop) 96%, var(--prts-canvas)),
+      var(--prts-chat-backdrop));
+  pointer-events: none;
+}
+
+html[data-dsh-prts][data-prts-conversation-style="deck-chat"] [data-prts-ambient-layer]::before,
+html[data-dsh-prts][data-prts-conversation-style="deck-chat"] [data-prts-ambient-layer]::after {
+  display: none;
+}
+
+html[data-dsh-prts][data-prts-conversation-style="deck-chat"][data-prts-conversation-state="active"] [data-prts-particle-layer] {
+  opacity: .04;
+}
+
+html[data-dsh-prts][data-prts-conversation-style="deck-chat"][data-prts-conversation-state="active"] [data-prts-ambient-glow],
+html[data-dsh-prts][data-prts-conversation-style="deck-chat"][data-prts-conversation-state="active"] [data-prts-ambient-edge] {
+  display: none;
+}
+
 html[data-dsh-prts][data-prts-texture="restrained"] [data-prts-ambient-layer] {
   opacity: .56;
 }
@@ -1141,6 +1411,15 @@ html[data-dsh-prts][data-prts-texture="off"] [data-prts-ambient-layer] {
   display: none;
 }
 
+html[data-dsh-prts][data-prts-conversation-style="deck-chat"][data-prts-texture="restrained"] [data-prts-ambient-layer] {
+  opacity: .82;
+}
+
+html[data-dsh-prts][data-prts-conversation-style="deck-chat"][data-prts-texture="off"] [data-prts-ambient-layer] {
+  display: block;
+  opacity: .72;
+}
+
 html[data-dsh-prts] [data-prts-particle-layer] {
   position: absolute;
   z-index: 1;
@@ -1229,8 +1508,8 @@ html[data-dsh-prts] [data-prts-composer-fallback] {
   -webkit-backdrop-filter: var(--prts-active-glass-filter);
 }
 
-html[data-dsh-prts] [data-composer-card] textarea,
-html[data-dsh-prts] [data-prts-composer-fallback] textarea {
+html[data-dsh-prts] [data-composer-card] :is(textarea, [data-composer-input]),
+html[data-dsh-prts] [data-prts-composer-fallback] :is(textarea, [data-composer-input]) {
   border: 0 !important;
   background: transparent !important;
   color: var(--prts-ink) !important;
@@ -1480,6 +1759,70 @@ html[data-dsh-prts-settings] .prts-plugin-settings button[role='switch']:disable
   }
 }
 
+@media (max-width: 760px) {
+  html[data-dsh-prts][data-prts-conversation-style="deck-chat"] [data-chat-flow-kind="user"] {
+    padding-inline: 8px 50px;
+  }
+
+  html[data-dsh-prts][data-prts-conversation-style="deck-chat"] [data-chat-flow-kind="assistant-step"] {
+    padding-inline: 0 8px;
+    padding-inline-start: 50px;
+  }
+
+  html[data-dsh-prts][data-prts-conversation-style="deck-chat"] [data-chat-flow-kind="assistant-step"]::before,
+  html[data-dsh-prts][data-prts-conversation-style="deck-chat"] [data-message-role="assistant"]::before {
+    left: 8px;
+    width: 34px;
+    height: 38px;
+    border-radius: 11px 11px 13px 13px;
+  }
+
+  html[data-dsh-prts][data-prts-conversation-style="deck-chat"] [data-chat-flow-kind="user"]::after,
+  html[data-dsh-prts][data-prts-conversation-style="deck-chat"] [data-message-role="user"]::after {
+    right: 8px;
+    width: 34px;
+    height: 34px;
+    border-radius: 11px;
+    font-size: 11px;
+  }
+
+  html[data-dsh-prts][data-prts-conversation-style="deck-chat"] [data-chat-flow-kind="user"] [class$="_bubble"],
+  html[data-dsh-prts][data-prts-conversation-style="deck-chat"] [data-message-role="user"] {
+    padding: 11px 15px !important;
+    border-radius: 16px 5px 16px 16px !important;
+  }
+
+  html[data-dsh-prts][data-prts-conversation-style="deck-chat"] [data-chat-flow-kind="assistant-step"] [class$="_body"]:has(:is([data-markdown], [data-slot*="markdown" i], .markdown-body)),
+  html[data-dsh-prts][data-prts-conversation-style="deck-chat"] [data-prts-ai-surface],
+  html[data-dsh-prts][data-prts-conversation-style="deck-chat"] [data-message-role="assistant"] {
+    padding: 13px 16px !important;
+    border-radius: 5px 16px 16px 16px !important;
+  }
+
+  html[data-dsh-prts][data-prts-conversation-style="deck-chat"] [data-message-role="user"] {
+    width: calc(100% - 42px);
+  }
+
+  html[data-dsh-prts][data-prts-conversation-style="deck-chat"] [data-message-role="user"]::after {
+    right: -42px;
+  }
+
+  html[data-dsh-prts][data-prts-conversation-style="deck-chat"] [data-message-role="assistant"] {
+    --prts-chat-link-x: -25px;
+    width: calc(100% - 42px);
+    margin-inline-start: 42px;
+  }
+
+  html[data-dsh-prts][data-prts-conversation-style="deck-chat"] [data-message-role="assistant"]::before {
+    left: -42px;
+  }
+
+  html[data-dsh-prts][data-prts-conversation-style="deck-chat"] [data-chat-flow-kind="assistant-step"]::after,
+  html[data-dsh-prts][data-prts-conversation-style="deck-chat"] [data-message-role="assistant"]::after {
+    display: none;
+  }
+}
+
 @supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))) {
   html[data-dsh-prts] [data-prts-floating-glass],
   html[data-dsh-prts] [data-composer-card],

package/src/styles/refinement.css

@@ -254,8 +254,8 @@ html[data-dsh-prts] :is([data-composer-card], [data-prts-composer-fallback]):foc
   transform: translateX(-50%) scaleX(1);
 }
 
-html[data-dsh-prts] [data-composer-card] textarea:focus-visible,
-html[data-dsh-prts] [data-prts-composer-fallback] textarea:focus-visible {
+html[data-dsh-prts] [data-composer-card] :is(textarea, [data-composer-input]):focus-visible,
+html[data-dsh-prts] [data-prts-composer-fallback] :is(textarea, [data-composer-input]):focus-visible {
   outline: none !important;
 }
 
@@ -406,10 +406,14 @@ html[data-dsh-prts] [data-prts-hero-active] [data-prts-composer-fallback] {
   padding: 10px 12px;
 }
 
-html[data-dsh-prts] [data-prts-hero-active] [data-composer-card] textarea,
-html[data-dsh-prts] [data-prts-hero-active] [data-prts-composer-fallback] textarea {
+html[data-dsh-prts] [data-prts-hero-active] [data-composer-card] :is(textarea, [data-composer-input]),
+html[data-dsh-prts] [data-prts-hero-active] [data-prts-composer-fallback] :is(textarea, [data-composer-input]) {
   min-height: 64px;
   line-height: 1.55;
+}
+
+html[data-dsh-prts] [data-prts-hero-active] [data-composer-card] textarea,
+html[data-dsh-prts] [data-prts-hero-active] [data-prts-composer-fallback] textarea {
   resize: vertical;
 }
 

package/src/styles/stabilization.css

@@ -49,6 +49,40 @@ html[data-dsh-prts] [data-prts-nav-bottom] > button:is(:hover, :focus-visible) {
   color: #f3f6f7 !important;
 }
 
+html[data-dsh-prts] [data-prts-theme-disable]::after {
+  content: "";
+  position: absolute;
+  inset: 8px auto 8px 0;
+  width: 2px;
+  background: var(--prts-yellow);
+  transform: scaleY(0);
+  transition: transform 160ms var(--prts-ease-snap);
+}
+
+html[data-dsh-prts] [data-prts-theme-disable]:is(:hover, :focus-visible) {
+  color: var(--prts-yellow) !important;
+}
+
+html[data-dsh-prts] [data-prts-theme-disable]:is(:hover, :focus-visible)::after {
+  transform: scaleY(1);
+}
+
+html[data-dsh-prts] [data-prts-theme-disable-icon] {
+  width: 18px;
+  height: 18px;
+  fill: none;
+  stroke: currentColor;
+  stroke-width: 1.7;
+  stroke-linecap: round;
+  stroke-linejoin: round;
+  transition: transform 120ms var(--prts-ease-snap), opacity 120ms ease;
+}
+
+html[data-dsh-prts] [data-prts-theme-disable]:active [data-prts-theme-disable-icon] {
+  opacity: .72;
+  transform: scale(.9);
+}
+
 html[data-dsh-prts] [data-prts-rail-brand][aria-expanded="true"]::after {
   content: "";
   position: absolute;
@@ -101,8 +135,6 @@ html[data-dsh-prts] [data-prts-nav-bottom] b {
 
 
 /* Complete structural outlines; decorative accents are separate edges. */
-html[data-dsh-prts] [data-message-role="user"],
-html[data-dsh-prts] [data-chat-flow-kind="user"] [class$="_bubble"],
 html[data-dsh-prts] [data-composer-card],
 html[data-dsh-prts] [data-prts-composer-fallback],
 html[data-dsh-prts] [data-composer-card] button:not([data-slot="conversation.input.attachments"] *),

package/src/styles/startup-sequence.css

@@ -1,13 +1,12 @@
-/* P.R.T.S. startup overlay. Popover promotes it above host dialogs; z-index is the legacy fallback. */
+/* P.R.T.S. startup overlay. Fixed composition is the fast path; Popover is reserved for an active Host top layer. */
 html[data-dsh-prts] [data-prts-startup] {
   --prts-startup-bg: #07090b;
   --prts-startup-ink: #e8edef;
   --prts-startup-muted: #7d898f;
   --prts-startup-line: #394349;
   --prts-startup-accent: #f0c800;
-  --prts-startup-progress: 0;
   position: fixed;
-  z-index: 2147480000;
+  z-index: 2147483647;
   inset: 0;
   width: 100vw;
   max-width: none;
@@ -20,10 +19,10 @@ html[data-dsh-prts] [data-prts-startup] {
   overflow: hidden;
   isolation: isolate;
   box-sizing: border-box;
-  background: transparent;
+  background: var(--prts-startup-bg);
   color: var(--prts-startup-ink);
   font-family: var(--prts-body, sans-serif);
-  opacity: 0;
+  opacity: 1;
   outline: 0;
   pointer-events: auto;
   transition: opacity 120ms ease;
@@ -44,7 +43,9 @@ html[data-dsh-prts] [data-prts-startup]::after {
 html[data-dsh-prts] [data-prts-startup]::before { left: 0; }
 html[data-dsh-prts] [data-prts-startup]::after { right: 0; }
 
-html[data-dsh-prts] [data-prts-startup][data-visible] { opacity: 1; }
+html[data-dsh-prts] [data-prts-startup][data-exiting]:not([data-reduced-motion]) {
+  background: transparent;
+}
 
 html[data-dsh-prts] [data-prts-startup][data-exiting]::before {
   transform: translate3d(-101%, 0, 0);
@@ -347,6 +348,7 @@ html[data-dsh-prts] [data-prts-startup-track] {
 }
 
 html[data-dsh-prts] [data-prts-startup-fill] {
+  --prts-startup-progress: 0;
   position: absolute;
   top: -2px;
   right: 0;
@@ -356,6 +358,7 @@ html[data-dsh-prts] [data-prts-startup-fill] {
   transform: scaleX(var(--prts-startup-progress));
   transform-origin: left center;
   will-change: transform;
+  transition: transform 80ms linear;
 }
 
 html[data-dsh-prts] [data-prts-startup-ticks] {
@@ -407,6 +410,10 @@ html[data-dsh-prts] [data-prts-startup][data-reduced-motion] [data-prts-startup-
   transition: none;
 }
 
+html[data-dsh-prts] [data-prts-startup][data-reduced-motion] [data-prts-startup-fill] {
+  transition: none;
+}
+
 html[data-dsh-prts] [data-prts-startup][data-reduced-motion] [data-prts-startup-frame-outer] { transform: rotate(45deg); }
 html[data-dsh-prts] [data-prts-startup][data-reduced-motion] [data-prts-startup-frame-inner] { transform: rotate(-45deg); }
 

package/src/styles/theme-settings-workbench.css

@@ -262,6 +262,13 @@ html[data-dsh-prts] [data-prts-settings-common] [data-prts-setting-row] {
 html[data-dsh-prts] [data-prts-settings-common] [data-prts-setting-row]:nth-child(2n) { border-right: 0; }
 html[data-dsh-prts] [data-prts-settings-common] [data-prts-setting-row]:nth-last-child(-n + 2) { border-bottom: 0; }
 
+html[data-dsh-prts] [data-prts-settings-common] [data-prts-setting-row="conversationStyle"] {
+  grid-column: 1 / -1;
+  border-top: 1px solid var(--prts-line);
+  border-right: 0;
+  border-bottom: 0;
+}
+
 html[data-dsh-prts] [data-prts-setting-row] > div {
   min-width: 0;
   display: flex;