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

package/src/styles/prts.css

@@ -16,6 +16,7 @@ html[data-dsh-prts] {
   --prts-cyan: #5ccddb;
   --prts-red: #ee625a;
   --prts-green: #8fcf79;
+  --dsw-alias-label-primary-inverted: #15191c;
   --prts-host-top-inset: 0px;
   --prts-rail-width: 52px;
   --prts-nav-width: 52px;
@@ -65,6 +66,7 @@ html[data-dsh-prts][data-prts-scheme="light"] {
   --prts-dim: #738087;
   --prts-line: #9eabb1;
   --prts-line-strong: #65727a;
+  --dsw-alias-label-primary-inverted: #edf1f2;
   --prts-glass-border: rgba(62, 82, 92, .48);
   --prts-glass-soft-surface: rgba(247, 250, 251, .9);
   --prts-glass-standard-surface: rgba(244, 249, 251, .94);
@@ -99,10 +101,6 @@ html[data-dsh-prts] :is(
   [data-prts-shell] *,
   [data-prts-particle-layer],
   [data-prts-ambient-layer],
-  [data-prts-conversation-scale],
-  [data-prts-conversation-scale] *,
-  [data-prts-conversation-preview],
-  [data-prts-conversation-preview] *,
   [data-prts-facility-face],
   [data-composer-card],
   [data-prts-composer-fallback],
@@ -114,10 +112,6 @@ html[data-dsh-prts] :is(
   [data-prts-shell] *,
   [data-prts-particle-layer],
   [data-prts-ambient-layer],
-  [data-prts-conversation-scale],
-  [data-prts-conversation-scale] *,
-  [data-prts-conversation-preview],
-  [data-prts-conversation-preview] *,
   [data-prts-facility-face],
   [data-composer-card],
   [data-prts-composer-fallback],
@@ -129,10 +123,6 @@ html[data-dsh-prts] :is(
   [data-prts-shell] *,
   [data-prts-particle-layer],
   [data-prts-ambient-layer],
-  [data-prts-conversation-scale],
-  [data-prts-conversation-scale] *,
-  [data-prts-conversation-preview],
-  [data-prts-conversation-preview] *,
   [data-prts-facility-face],
   [data-composer-card],
   [data-prts-composer-fallback],
@@ -1077,37 +1067,12 @@ html[data-dsh-prts] [data-conversation-scroll] {
   z-index: 2;
 }
 
-html[data-dsh-prts] [data-conversation-scroll]::before {
-  content: "";
-  position: absolute;
-  z-index: -1;
-  top: 28px;
-  bottom: 140px;
-  left: clamp(30px, 3.6vw, 52px);
-  width: 1px;
-  background: linear-gradient(var(--prts-line-strong), var(--prts-line), transparent);
-}
-
 html[data-dsh-prts] [data-message-role="user"],
 html[data-dsh-prts] [data-chat-flow-kind="user"] {
   position: relative;
   color: var(--prts-ink);
 }
 
-html[data-dsh-prts] [data-message-role="user"]::before,
-html[data-dsh-prts] [data-chat-flow-kind="user"]::before {
-  content: "";
-  position: absolute;
-  top: 8px;
-  left: calc(clamp(-66px, -4vw, -42px));
-  width: 11px;
-  height: 11px;
-  border: 2px solid var(--prts-canvas);
-  background: var(--prts-yellow);
-  box-shadow: 0 0 0 1px var(--prts-yellow);
-  transform: rotate(45deg);
-}
-
 
 html[data-dsh-prts] [data-message-role="user"],
 html[data-dsh-prts] [data-chat-flow-kind="user"] [class$="_bubble"] {
@@ -1224,9 +1189,6 @@ html[data-dsh-prts] [data-prts-ambient-layer][data-prts-resizing] :is(
 }
 
 html[data-dsh-prts] :is(
-  [data-prts-conversation-preview][data-prts-resizing],
-  [data-prts-conversation-history-hint][data-prts-resizing],
-  [data-prts-conversation-history-status][data-prts-resizing],
   [data-prts-theme-settings][data-prts-resizing],
   [data-prts-settings-backdrop][data-prts-resizing]
 ),
@@ -1275,7 +1237,7 @@ html[data-dsh-prts] [data-prts-composer-fallback] textarea {
   caret-color: var(--prts-yellow);
 }
 
-html[data-dsh-prts] [data-composer-card] button,
+html[data-dsh-prts] [data-composer-card] button:not([data-slot="conversation.input.attachments"] *),
 html[data-dsh-prts] [data-prts-conversation-control] {
   border: 1px solid var(--prts-line) !important;
   border-radius: var(--prts-radius-control) !important;
@@ -1285,7 +1247,7 @@ html[data-dsh-prts] [data-prts-conversation-control] {
 }
 
 
-html[data-dsh-prts] [data-composer-card] button:is(:hover, :focus-visible),
+html[data-dsh-prts] [data-composer-card] button:not([data-slot="conversation.input.attachments"] *):is(:hover, :focus-visible),
 html[data-dsh-prts] [data-prts-conversation-control]:is(:hover, :focus-visible) {
   border-color: var(--prts-yellow) !important;
 }
@@ -1296,7 +1258,7 @@ html[data-dsh-prts] [data-composer-card] button[type="submit"] {
   color: var(--prts-yellow-ink) !important;
 }
 
-html[data-dsh-prts] [data-composer-card] button:active,
+html[data-dsh-prts] [data-composer-card] button:not([data-slot="conversation.input.attachments"] *):active,
 html[data-dsh-prts] [data-prts-conversation-control]:active {
   transform: translateY(1px) scale(.98);
 }
@@ -1509,15 +1471,6 @@ html[data-dsh-prts-settings] .prts-plugin-settings button[role='switch']:disable
     --prts-nav-width: 52px;
   }
 
-  html[data-dsh-prts] [data-conversation-scroll]::before {
-    left: 18px;
-  }
-
-  html[data-dsh-prts] [data-message-role]::before,
-  html[data-dsh-prts] [data-chat-flow-kind]::before {
-    left: -25px;
-  }
-
   html[data-dsh-prts] [data-slot="conversation.session.header"] {
     padding-inline: 12px;
   }
@@ -1561,10 +1514,6 @@ html[data-dsh-prts-settings] .prts-plugin-settings button[role='switch']:disable
   [data-prts-shell] *,
   [data-prts-particle-layer],
   [data-prts-ambient-layer],
-  [data-prts-conversation-scale],
-  [data-prts-conversation-scale] *,
-  [data-prts-conversation-preview],
-  [data-prts-conversation-preview] *,
   [data-prts-facility-face],
   [data-composer-card],
   [data-prts-composer-fallback],
@@ -1576,10 +1525,6 @@ html[data-dsh-prts-settings] .prts-plugin-settings button[role='switch']:disable
   [data-prts-shell] *,
   [data-prts-particle-layer],
   [data-prts-ambient-layer],
-  [data-prts-conversation-scale],
-  [data-prts-conversation-scale] *,
-  [data-prts-conversation-preview],
-  [data-prts-conversation-preview] *,
   [data-prts-facility-face],
   [data-composer-card],
   [data-prts-composer-fallback],
@@ -1591,10 +1536,6 @@ html[data-dsh-prts-settings] .prts-plugin-settings button[role='switch']:disable
   [data-prts-shell] *,
   [data-prts-particle-layer],
   [data-prts-ambient-layer],
-  [data-prts-conversation-scale],
-  [data-prts-conversation-scale] *,
-  [data-prts-conversation-preview],
-  [data-prts-conversation-preview] *,
   [data-prts-facility-face],
   [data-composer-card],
   [data-prts-composer-fallback],

package/src/styles/refinement.css

@@ -205,8 +205,16 @@ html[data-dsh-prts] [data-prts-composer-fallback]::after {
   pointer-events: none;
 }
 
-html[data-dsh-prts] [data-composer-card] > :not([data-prts-composer-signal]),
-html[data-dsh-prts] [data-prts-composer-fallback] > :not([data-prts-composer-signal]) {
+html[data-dsh-prts] [data-composer-card] > :not([data-prts-composer-signal]):not([data-slot="conversation.input.attachments"]),
+html[data-dsh-prts] [data-prts-composer-fallback] > :not([data-prts-composer-signal]):not([data-slot="conversation.input.attachments"]) {
+  position: relative;
+  z-index: 2;
+}
+
+/* Slot entries use display: contents, so lifting the slot wrapper itself does
+   not create a stacking box. Lift the rendered attachment surface instead. */
+html[data-dsh-prts] [data-composer-card] > [data-slot="conversation.input.attachments"] > *,
+html[data-dsh-prts] [data-prts-composer-fallback] > [data-slot="conversation.input.attachments"] > * {
   position: relative;
   z-index: 2;
 }
@@ -296,8 +304,8 @@ html[data-dsh-prts] [data-prts-hero-active] [data-prts-glass-control="action"] {
 
 /* Chamfered controls use their own polygonal outline and inset material layer. */
 html[data-dsh-prts] :is(
-  [data-composer-card] button:not([data-prts-glass-menu] *):not([data-prts-floating-glass] *):not([role="menu"] *):not([role="listbox"] *),
-  [data-prts-composer-fallback] button:not([data-prts-glass-menu] *):not([data-prts-floating-glass] *):not([role="menu"] *):not([role="listbox"] *),
+  [data-composer-card] button:not([data-slot="conversation.input.attachments"] *):not([data-prts-glass-menu] *):not([data-prts-floating-glass] *):not([role="menu"] *):not([role="listbox"] *),
+  [data-prts-composer-fallback] button:not([data-slot="conversation.input.attachments"] *):not([data-prts-glass-menu] *):not([data-prts-floating-glass] *):not([role="menu"] *):not([role="listbox"] *),
   [data-prts-glass-control],
   [data-prts-conversation-control]:not([data-prts-conversation-control="micro"]),
   [data-produced-files-row] > button[type="button"]
@@ -319,8 +327,8 @@ html[data-dsh-prts] :is(
 }
 
 html[data-dsh-prts] :is(
-  [data-composer-card] button:not([data-prts-glass-menu] *):not([data-prts-floating-glass] *):not([role="menu"] *):not([role="listbox"] *),
-  [data-prts-composer-fallback] button:not([data-prts-glass-menu] *):not([data-prts-floating-glass] *):not([role="menu"] *):not([role="listbox"] *),
+  [data-composer-card] button:not([data-slot="conversation.input.attachments"] *):not([data-prts-glass-menu] *):not([data-prts-floating-glass] *):not([role="menu"] *):not([role="listbox"] *),
+  [data-prts-composer-fallback] button:not([data-slot="conversation.input.attachments"] *):not([data-prts-glass-menu] *):not([data-prts-floating-glass] *):not([role="menu"] *):not([role="listbox"] *),
   [data-prts-glass-control],
   [data-prts-conversation-control]:not([data-prts-conversation-control="micro"]),
   [data-produced-files-row] > button[type="button"]
@@ -339,8 +347,8 @@ html[data-dsh-prts] :is(
 }
 
 html[data-dsh-prts] :is(
-  [data-composer-card] button:not([data-prts-glass-menu] *):not([data-prts-floating-glass] *):not([role="menu"] *):not([role="listbox"] *),
-  [data-prts-composer-fallback] button:not([data-prts-glass-menu] *):not([data-prts-floating-glass] *):not([role="menu"] *):not([role="listbox"] *),
+  [data-composer-card] button:not([data-slot="conversation.input.attachments"] *):not([data-prts-glass-menu] *):not([data-prts-floating-glass] *):not([role="menu"] *):not([role="listbox"] *),
+  [data-prts-composer-fallback] button:not([data-slot="conversation.input.attachments"] *):not([data-prts-glass-menu] *):not([data-prts-floating-glass] *):not([role="menu"] *):not([role="listbox"] *),
   [data-prts-glass-control],
   [data-prts-conversation-control]:not([data-prts-conversation-control="micro"]),
   [data-produced-files-row] > button[type="button"]
@@ -405,7 +413,7 @@ html[data-dsh-prts] [data-prts-hero-active] [data-prts-composer-fallback] textar
   resize: vertical;
 }
 
-html[data-dsh-prts] [data-prts-hero-active] [data-composer-card] button,
+html[data-dsh-prts] [data-prts-hero-active] [data-composer-card] button:not([data-slot="conversation.input.attachments"] *),
 html[data-dsh-prts] [data-prts-hero-active] [data-prts-glass-control] {
   min-height: 36px;
 }

package/src/styles/stabilization.css

@@ -105,7 +105,7 @@ 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,
+html[data-dsh-prts] [data-composer-card] button:not([data-slot="conversation.input.attachments"] *),
 html[data-dsh-prts] [data-prts-conversation-control],
 html[data-dsh-prts] [data-produced-files-row] > button[type="button"],
 html[data-dsh-prts] [data-prts-to-bottom] {

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

@@ -408,7 +408,7 @@ html[data-dsh-prts] [data-prts-settings-advanced] summary::after {
 html[data-dsh-prts] [data-prts-settings-advanced][open] summary::after { content: "−"; }
 html[data-dsh-prts] [data-prts-settings-advanced-content] {
   display: grid;
-  grid-template-columns: minmax(0, .8fr) minmax(0, 1.2fr);
+  grid-template-columns: minmax(0, 1fr);
   border-top: 1px solid var(--prts-line-strong);
 }
 
@@ -458,151 +458,6 @@ html[data-dsh-prts] [data-prts-particle-traversal-output] {
 }
 html[data-dsh-prts] [data-prts-particle-error] { margin: 8px 0 0; color: var(--prts-yellow); font: 700 8px/1.4 var(--prts-mono); }
 
-html[data-dsh-prts] [data-prts-scale-calibration] {
-  --prts-calibration-distance: 96px;
-  margin: 8px 0 0;
-  padding: 8px;
-  overflow: hidden;
-  border: 1px solid var(--prts-line);
-  background: color-mix(in srgb, var(--prts-panel-raised) 84%, transparent);
-}
-
-html[data-dsh-prts] [data-prts-scale-calibration-viewport] {
-  position: relative;
-  width: 100%;
-  height: 94px;
-  overflow: hidden;
-}
-
-html[data-dsh-prts] [data-prts-scale-calibration-canvas] {
-  position: absolute;
-  top: 0;
-  left: 0;
-  width: 360px;
-  height: 94px;
-  transform-origin: top left;
-}
-
-html[data-dsh-prts] [data-prts-scale-calibration-sidebar] {
-  position: absolute;
-  inset: 8px auto 8px 0;
-  width: 4px;
-  background: var(--prts-line-strong);
-  box-shadow: 8px 0 0 color-mix(in srgb, var(--prts-line) 45%, transparent);
-}
-
-html[data-dsh-prts] [data-prts-scale-calibration-measure] {
-  position: absolute;
-  top: 6px;
-  left: 0;
-  width: var(--prts-calibration-distance);
-  height: 18px;
-  border-top: 1px solid var(--prts-cyan);
-  color: var(--prts-cyan);
-}
-
-html[data-dsh-prts] [data-prts-scale-calibration-measure]::before,
-html[data-dsh-prts] [data-prts-scale-calibration-measure]::after {
-  content: "";
-  position: absolute;
-  top: -4px;
-  width: 1px;
-  height: 7px;
-  background: currentColor;
-}
-
-html[data-dsh-prts] [data-prts-scale-calibration-measure]::before { left: 0; }
-html[data-dsh-prts] [data-prts-scale-calibration-measure]::after { right: 0; }
-
-html[data-dsh-prts] [data-prts-scale-calibration-value] {
-  position: absolute;
-  top: 4px;
-  right: 3px;
-  padding-left: 4px;
-  background: var(--prts-panel-raised);
-  color: currentColor;
-  font: 800 8px/1 var(--prts-mono);
-}
-
-html[data-dsh-prts] [data-prts-scale-calibration-rail] {
-  position: absolute;
-  top: 29px;
-  left: var(--prts-calibration-distance);
-  width: 32px;
-  height: 58px;
-  border: 1px solid var(--prts-line-strong);
-  background: color-mix(in srgb, var(--prts-canvas) 62%, transparent);
-}
-
-html[data-dsh-prts] [data-prts-scale-calibration-rail] i {
-  position: absolute;
-  top: calc(5px + var(--prts-calibration-tick) * 6px);
-  left: 2px;
-  width: 9px;
-  height: 1px;
-  background: var(--prts-muted);
-}
-
-html[data-dsh-prts] [data-prts-scale-calibration-rail] i:nth-child(4n + 1) { width: 24px; }
-html[data-dsh-prts] [data-prts-scale-calibration-rail] i:nth-child(4n + 2) { width: 18px; }
-html[data-dsh-prts] [data-prts-scale-calibration-rail] i:last-child { width: 24px; background: var(--prts-yellow); }
-
-html[data-dsh-prts] [data-prts-scale-calibration-gap] {
-  position: absolute;
-  top: 29px;
-  left: calc(var(--prts-calibration-distance) + 32px);
-  width: 12px;
-  height: 58px;
-  background: repeating-linear-gradient(135deg, transparent 0 3px, color-mix(in srgb, var(--prts-line) 42%, transparent) 3px 4px);
-}
-
-html[data-dsh-prts] [data-prts-scale-calibration-content] {
-  position: absolute;
-  inset: 29px 0 7px calc(var(--prts-calibration-distance) + 44px);
-  min-width: 16px;
-  overflow: hidden;
-  border-left: 1px solid var(--prts-cyan);
-  background: color-mix(in srgb, var(--prts-panel) 84%, transparent);
-}
-
-html[data-dsh-prts] [data-prts-scale-calibration-content] i {
-  display: block;
-  width: min(78%, 138px);
-  height: 1px;
-  margin: 18px 10px 9px;
-  background: var(--prts-line-strong);
-  box-shadow: 0 8px 0 var(--prts-line);
-}
-
-html[data-dsh-prts] [data-prts-scale-calibration-content] small {
-  margin-left: 10px;
-  color: var(--prts-dim);
-  font: 700 7px/1 var(--prts-mono);
-  white-space: nowrap;
-}
-
-html[data-dsh-prts] [data-prts-scale-calibration-meta] {
-  min-height: 20px;
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  gap: 8px;
-  margin-top: 4px;
-  padding-top: 7px;
-  border-top: 1px solid var(--prts-line);
-  font: 700 8px/1.3 var(--prts-mono);
-}
-
-html[data-dsh-prts] [data-prts-scale-calibration-status] {
-  margin-left: auto;
-  color: var(--prts-muted);
-  text-align: right;
-}
-
-html[data-dsh-prts] [data-prts-scale-calibration][data-prts-calibration-mode="configured"] [data-prts-scale-calibration-status],
-html[data-dsh-prts] [data-prts-scale-calibration][data-prts-calibration-mode="simulated"] [data-prts-scale-calibration-status] { color: var(--prts-cyan); }
-html[data-dsh-prts] [data-prts-scale-calibration][data-prts-calibration-mode="centered"] [data-prts-scale-calibration-status],
-html[data-dsh-prts] [data-prts-scale-calibration-scale] { color: var(--prts-yellow); }
 html[data-dsh-prts] [data-prts-setting-range-row] {
   display: grid;
   gap: 7px;
@@ -619,30 +474,6 @@ html[data-dsh-prts] [data-prts-setting-range-row] input[type="range"] {
   flex: 1;
 }
 html[data-dsh-prts] [data-prts-setting-range] { accent-color: var(--prts-cyan); }
-html[data-dsh-prts] :is([data-prts-scale-distance-output], [data-prts-scale-focus-output]) {
-  min-width: 42px;
-  color: var(--prts-cyan);
-  font: 800 8px/1 var(--prts-mono);
-  text-align: right;
-}
-
-html[data-dsh-prts] [data-prts-scale-focus-preview] {
-  width: 34px;
-  min-width: 34px;
-  height: 30px;
-  display: grid;
-  align-content: center;
-  gap: 4px;
-}
-
-html[data-dsh-prts] [data-prts-scale-focus-preview] i {
-  display: block;
-  height: 1px;
-  max-width: 30px;
-  background: var(--prts-yellow);
-  transition: width 100ms ease;
-}
-
 html[data-dsh-prts] [data-prts-settings-actions] {
   min-height: 58px;
   display: block;
@@ -690,10 +521,6 @@ html[data-dsh-prts] :is(
   [data-prts-setting-note],
   [data-prts-settings-advanced-content] section > header span,
   [data-prts-particle-error],
-  [data-prts-scale-calibration-value],
-  [data-prts-scale-calibration-content] small,
-  [data-prts-scale-calibration-meta],
-  [data-prts-scale-distance-output],
   [data-prts-reset-confirm]
 ) {
   font-size: var(--prts-settings-small);