@ash-qw/dsh-theme-prts 1.2.1 → 1.3.0

package/src/server/tools.js

@@ -13,7 +13,7 @@ export function sessionImages(agent) {
     for(const part of message.content ?? []) {
       const ref=part.attachment
       if(!ref || typeof ref.attachmentId!=='string' || !ref.attachmentId)continue
-      if(part.type!=='image' && !(part.type==='file' && (/^image\/(png|jpeg|webp)$/.test(ref.mediaType || '') || /\.(png|jpe?g|webp)$/i.test(ref.name || ''))))continue
+      if(part.type!=='image' && !(part.type==='file' && (/^image\/(png|jpeg|webp|gif|avif)$/.test(ref.mediaType || '') || /\.(png|jpe?g|webp|gif|avif)$/i.test(ref.name || ''))))continue
       if(images.has(ref.attachmentId))continue
       images.set(ref.attachmentId,{...ref,attachmentKind:part.type,origin:uploaded?'upload':'tool',...(toolName?{toolName}:{})})
     }

package/src/styles/prts.css

@@ -44,15 +44,12 @@ 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-user-surface: #efefed;
+  --prts-chat-assistant-surface: #454644;
   --prts-chat-avatar-surface: #151c20;
-  --prts-chat-shadow: rgba(0, 0, 0, .3);
+  --prts-avatar-ring-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Ccircle cx='50' cy='50' r='47' fill='none' stroke='%23c7cdca' stroke-width='3' pathLength='360' stroke-dasharray='98 24 96 24 98 20' transform='rotate(-80 50 50)'/%3E%3C/svg%3E");
   --prts-chat-backdrop: #0a0e11;
   --prts-chat-backdrop-edge: #0e1519;
-  --prts-chat-link: #4d7079;
   color-scheme: dark;
   accent-color: var(--prts-yellow);
 }
@@ -80,15 +77,12 @@ 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-user-surface: #fff;
+  --prts-chat-assistant-surface: #dfe3df;
   --prts-chat-avatar-surface: #e4e9ec;
-  --prts-chat-shadow: rgba(45, 59, 66, .16);
+  --prts-avatar-ring-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Ccircle cx='50' cy='50' r='47' fill='none' stroke='%23657069' stroke-width='3' pathLength='360' stroke-dasharray='98 24 96 24 98 20' transform='rotate(-80 50 50)'/%3E%3C/svg%3E");
   --prts-chat-backdrop: #edf1f3;
   --prts-chat-backdrop-edge: #e4ebee;
-  --prts-chat-link: #6b8d96;
   color-scheme: light;
 }
 
@@ -186,7 +180,8 @@ html[data-dsh-prts] [data-prts-theme-settings] button {
   color: inherit;
 }
 
-html[data-dsh-prts] :focus-visible {
+/* Focus decoration belongs to theme controls, not host or third-party pages. */
+html[data-dsh-prts] :is([data-prts-shell], [data-prts-theme-settings], [data-prts-plugin-settings]) :focus-visible {
   outline: 2px solid var(--prts-yellow) !important;
   outline-offset: 2px !important;
 }
@@ -1167,36 +1162,22 @@ html[data-dsh-prts][data-prts-conversation-style="deck-chat"] :is(
 ) {
   position: relative;
   box-sizing: border-box;
+  min-width: 0;
   overflow: visible;
 }
 
 html[data-dsh-prts][data-prts-conversation-style="deck-chat"] :is([data-chat-flow-kind="user"], [data-submission-echo]:not([data-pending-steering])) {
-  padding-inline-end: 54px;
+  padding-inline-end: 80px;
   color: var(--prts-ink);
 }
 
 html[data-dsh-prts][data-prts-conversation-style="deck-chat"] [data-chat-flow-kind="assistant-step"]:not([data-chat-group-part="reasoning"]) {
-  --prts-chat-link-x: 22px;
-  padding-inline-start: 56px;
+  padding-inline-start: 80px;
   color: var(--prts-ink);
 }
 
-html[data-dsh-prts][data-prts-conversation-style="deck-chat"] [data-chat-flow-kind="assistant-step"]:not([data-chat-group-part="reasoning"])::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"]:not([data-chat-group-part="reasoning"])::before,
 html[data-dsh-prts][data-prts-conversation-style="deck-chat"] :is([data-chat-flow-kind="user"], [data-submission-echo]:not([data-pending-steering]))::after,
@@ -1204,18 +1185,30 @@ html[data-dsh-prts][data-prts-conversation-style="deck-chat"] [data-message-role
 html[data-dsh-prts][data-prts-conversation-style="deck-chat"] [data-message-role="user"]::after {
   position: absolute;
   z-index: 2;
-  top: 2px;
+  top: -5px;
   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);
+  --prts-portrait-size: 60px;
+  width: var(--prts-portrait-size);
+  height: var(--prts-portrait-size);
+  min-width: var(--prts-portrait-size);
+  max-width: var(--prts-portrait-size);
+  min-height: var(--prts-portrait-size);
+  max-height: var(--prts-portrait-size);
+  padding: 5px;
+  aspect-ratio: 1;
+  border: 0;
+  corner-shape: round;
+  border-radius: 50%;
+  outline: none;
+  background-color: transparent;
+  background-origin: border-box, content-box, content-box;
+  background-clip: border-box, content-box, content-box;
+  background-position: center;
+  background-size: 100% 100%, cover, auto;
+  background-repeat: no-repeat;
+  box-shadow: none;
   pointer-events: none;
 }
 
@@ -1223,96 +1216,81 @@ html[data-dsh-prts][data-prts-conversation-style="deck-chat"] [data-chat-flow-ki
 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);
+    var(--prts-avatar-ring-image),
+    var(--prts-custom-assistant-avatar, var(--prts-assistant-avatar-image, none)),
+    linear-gradient(var(--prts-chat-avatar-surface), var(--prts-chat-avatar-surface));
+
 }
 
 html[data-dsh-prts][data-prts-conversation-style="deck-chat"] :is([data-chat-flow-kind="user"], [data-submission-echo]:not([data-pending-steering]))::after,
 html[data-dsh-prts][data-prts-conversation-style="deck-chat"] [data-message-role="user"]::after {
-  content: "我";
+  content: var(--prts-user-avatar-label, "我");
   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));
+
+  background-image:
+    var(--prts-avatar-ring-image), var(--prts-custom-user-avatar, none),
+    linear-gradient(var(--prts-chat-avatar-surface), var(--prts-chat-avatar-surface));
+  color: var(--prts-ink);
   font: 500 13px/1 var(--prts-mono);
 }
 
 html[data-dsh-prts][data-prts-conversation-style="deck-chat"] :is([data-chat-flow-kind="user"], [data-submission-echo]:not([data-pending-steering])) [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;
+  position: relative;
+  --prts-ink: #191c19;
+  --prts-muted: #515851;
+  --prts-canvas: #e0e4e0;
+  --prts-cyan: #27616a;
+  border: 0 !important;
+  border-radius: 18px 0 18px 18px !important;
+  padding: 10px 18px !important;
+  background: 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;
+  box-shadow: none !important;
   overflow-wrap: anywhere;
 }
 
 html[data-dsh-prts][data-prts-conversation-style="deck-chat"] [data-message-role="user"] {
-  width: calc(100% - 54px);
+  width: calc(100% - 80px);
   margin-inline-start: auto;
 }
 
 html[data-dsh-prts][data-prts-conversation-style="deck-chat"] [data-message-role="user"]::after {
-  right: -54px;
+  right: -80px;
 }
 
 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(var(--dsh-chat-content-width, 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;
+  width: calc(100% - 80px);
+  margin-inline-start: calc((100% - min(var(--dsh-chat-content-width, 748px), 100%)) / 2 + 80px);
+  padding: 12px 22px !important;
+  border: 0 !important;
+  border-radius: 0 18px 18px 18px !important;
+  background: 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;
+  box-shadow: none !important;
   overflow-wrap: anywhere;
 }
 
 html[data-dsh-prts][data-prts-conversation-style="deck-chat"] [data-message-role="assistant"]::before {
-  left: -56px;
+  left: -80px;
 }
 
 html[data-dsh-prts][data-prts-conversation-style="deck-chat"] [data-chat-flow-kind="assistant-step"]:not([data-chat-group-part="reasoning"]) [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] {
+  position: relative;
   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;
+  padding: 12px 22px !important;
+  border: 0 !important;
+  border-radius: 0 18px 18px 18px !important;
+  background: 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;
+  box-shadow: none !important;
   overflow-wrap: anywhere;
 }
 
@@ -1777,66 +1755,59 @@ html[data-dsh-prts-settings] :is(.prts-plugin-settings button[role='switch'], [d
 
 @media (max-width: 760px) {
   html[data-dsh-prts][data-prts-conversation-style="deck-chat"] :is([data-chat-flow-kind="user"], [data-submission-echo]:not([data-pending-steering])) {
-    padding-inline: 8px 50px;
+    padding-inline: 8px 74px;
   }
 
   html[data-dsh-prts][data-prts-conversation-style="deck-chat"] [data-chat-flow-kind="assistant-step"]:not([data-chat-group-part="reasoning"]) {
     padding-inline: 0 8px;
-    padding-inline-start: 50px;
+    padding-inline-start: 74px;
   }
 
   html[data-dsh-prts][data-prts-conversation-style="deck-chat"] [data-chat-flow-kind="assistant-step"]:not([data-chat-group-part="reasoning"])::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;
+    --prts-portrait-size: 52px;
+    border-radius: 50%;
   }
 
   html[data-dsh-prts][data-prts-conversation-style="deck-chat"] :is([data-chat-flow-kind="user"], [data-submission-echo]:not([data-pending-steering]))::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;
+    --prts-portrait-size: 52px;
+    border-radius: 50%;
     font-size: 11px;
   }
 
   html[data-dsh-prts][data-prts-conversation-style="deck-chat"] :is([data-chat-flow-kind="user"], [data-submission-echo]:not([data-pending-steering])) [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;
+    padding: 9px 15px !important;
+    border-radius: 16px 0 16px 16px !important;
   }
 
   html[data-dsh-prts][data-prts-conversation-style="deck-chat"] [data-chat-flow-kind="assistant-step"]:not([data-chat-group-part="reasoning"]) [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;
+    padding: 10px 16px !important;
+    border-radius: 0 16px 16px 16px !important;
   }
 
   html[data-dsh-prts][data-prts-conversation-style="deck-chat"] [data-message-role="user"] {
-    width: calc(100% - 42px);
+    width: calc(100% - 66px);
   }
 
   html[data-dsh-prts][data-prts-conversation-style="deck-chat"] [data-message-role="user"]::after {
-    right: -42px;
+    right: -66px;
   }
 
   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;
+    width: calc(100% - 66px);
+    margin-inline-start: 66px;
   }
 
   html[data-dsh-prts][data-prts-conversation-style="deck-chat"] [data-message-role="assistant"]::before {
-    left: -42px;
+    left: -66px;
   }
 
-  html[data-dsh-prts][data-prts-conversation-style="deck-chat"] [data-chat-flow-kind="assistant-step"]:not([data-chat-group-part="reasoning"])::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))) {
@@ -1907,3 +1878,17 @@ html[data-dsh-prts-settings] :is(.prts-plugin-settings button[role='switch'], [d
     transition-duration: .01ms !important;
   }
 }
+
+html[data-dsh-prts][data-prts-conversation-style="deck-chat"] {
+  & :is([data-prts-ai-surface], [data-message-role="assistant"]) { --prts-bubble-surface: var(--prts-chat-assistant-surface); }
+  & [data-prts-ai-surface]::before,
+  & [data-message-role="assistant"]::after,
+  & :is([data-chat-flow-kind="user"], [data-submission-echo]:not([data-pending-steering])) [class$="_bubble"]::before,
+  & [data-message-role="user"]::before {
+    content: ""; position: absolute; top: 0; left: -9px; width: 10px; height: 18px; pointer-events: none;
+    background: var(--prts-bubble-surface, var(--prts-chat-user-surface));
+    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 18'%3E%3Cpath d='M0 0H10V18Q10 6 0 0Z'/%3E%3C/svg%3E") center / 100% 100% no-repeat;
+  }
+  & :is([data-chat-flow-kind="user"], [data-submission-echo]:not([data-pending-steering])) [class$="_bubble"]::before,
+  & [data-message-role="user"]::before { left: auto; right: -9px; transform: scaleX(-1); }
+}

package/src/styles/refinement.css

@@ -310,8 +310,7 @@ html[data-dsh-prts] :is(
   [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"]
+  [data-prts-conversation-control]:not([data-prts-conversation-control="micro"], [data-prts-conversation-control="file"])
 ) {
   --prts-control-outline: var(--prts-line);
   --prts-control-surface: var(--prts-panel-raised);
@@ -333,8 +332,7 @@ html[data-dsh-prts] :is(
   [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"]
+  [data-prts-conversation-control]:not([data-prts-conversation-control="micro"], [data-prts-conversation-control="file"])
 )::before {
   content: "";
   position: absolute;
@@ -353,8 +351,7 @@ html[data-dsh-prts] :is(
   [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"]
+  [data-prts-conversation-control]:not([data-prts-conversation-control="micro"], [data-prts-conversation-control="file"])
 ):is(:hover, :focus-visible) {
   --prts-control-outline: var(--prts-yellow);
 }
@@ -442,3 +439,18 @@ html[data-dsh-prts] [data-prts-hero-active] [data-composer-seat] {
   align-self: end;
   justify-self: center;
 }
+
+/* File presentations share one rounded material; preview hit targets stay native. */
+html[data-dsh-prts] :is([data-presented-file],[data-prts-conversation-control="file"],[data-produced-files-row] > button[type="button"]){
+  border:1px solid var(--prts-glass-border)!important;
+  border-radius:10px!important;corner-shape:round!important;clip-path:none!important;
+  background:var(--prts-active-glass)!important;color:var(--prts-ink);
+  backdrop-filter:var(--prts-active-glass-filter);
+  &::before{content:none}
+  &:is(:hover,:focus-within){border-color:var(--prts-yellow)!important}
+}
+/* The host change-card wrapper must not clip a smaller inner outline. */
+html[data-dsh-prts] [class$="_card"]:has(> span > [data-prts-conversation-control="file"]){
+  border:0!important;border-radius:10px!important;corner-shape:round!important;
+  background:transparent!important;box-shadow:none!important;
+}

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

@@ -235,15 +235,11 @@ html[data-dsh-prts] [data-prts-settings-common] :is(
 [data-prts-setting-row="sessionGlow"],
 [data-prts-setting-row="sessionFlowPalette"],
 [data-prts-setting-row="sessionFlowColors"],
-[data-prts-setting-row="sessionFlowSpeed"],
-[data-prts-setting-row="conversationStyle"]
+[data-prts-setting-row="sessionFlowSpeed"]
 ) {
 grid-column: 1 / -1;
 border-right: 0;
 }
-html[data-dsh-prts] [data-prts-settings-common] [data-prts-setting-row="conversationStyle"] {
-border-bottom: 0;
-}
 html[data-dsh-prts] [data-prts-setting-row] > div {
 min-width: 0;
 display: flex;
@@ -862,3 +858,60 @@ margin-bottom: 20px;
 & [data-prts-emblem-edit-bar] [data-prts-emblem-actions]{margin-left:auto;}
 @media(max-width:640px){& [data-prts-emblem-edit-body]{grid-template-columns:minmax(0,1fr);padding:16px;gap:16px;}& [data-prts-emblem-edit-preview]{min-height:180px;}& [data-prts-emblem-preview]{max-width:220px;}}
 @media (max-width:720px){& [data-prts-emblem-list] [data-prts-emblem-actions]{flex-basis:100%;gap:5px;}}}
+
+html[data-dsh-prts]{
+[data-prts-avatars]{grid-column:1/-1;display:grid;gap:12px}
+[data-prts-avatars][hidden]{display:none}
+[data-prts-avatars] header{display:grid;gap:6px}
+[data-prts-avatars] :is(small,p){font-size:12px;color:var(--prts-muted)}
+[data-prts-avatar-row]{display:flex;align-items:center;flex-wrap:wrap;gap:10px}
+[data-prts-avatar-preview]{display:grid;place-items:center;box-sizing:border-box;flex:0 0 44px;width:44px;height:44px;min-width:44px;max-width:44px;aspect-ratio:1;padding:5px;border:0;border-radius:50%;corner-shape:round;background-color:transparent;background-position:center;background-size:100% 100%,cover,auto;background-repeat:no-repeat;background-origin:border-box,content-box,content-box;background-clip:border-box,content-box,content-box}
+[data-prts-avatar-preview="user"]{background-image:var(--prts-avatar-ring-image),var(--prts-custom-user-avatar,none),linear-gradient(var(--prts-chat-avatar-surface),var(--prts-chat-avatar-surface))}
+[data-prts-avatar-preview="user"]::after{content:var(--prts-user-avatar-label,"我")}
+[data-prts-avatar-preview="assistant"]{background-image:var(--prts-avatar-ring-image),var(--prts-custom-assistant-avatar,var(--prts-assistant-avatar-image,none)),linear-gradient(var(--prts-chat-avatar-surface),var(--prts-chat-avatar-surface))}
+[data-prts-avatar-upload]{position:relative;padding:8px;border:1px solid var(--prts-line);cursor:pointer}
+[data-prts-avatar-upload] input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}
+[data-prts-avatar-upload]:focus-within{outline:2px solid var(--prts-cyan)}
+[data-prts-avatar-upload]:has(input:disabled){opacity:.4}
+
+}
+
+html[data-dsh-prts] [data-prts-avatar-crop]{position:fixed;inset:0;margin:auto;box-sizing:border-box;width:min(420px,calc(100vw - 24px));max-height:90dvh;overflow:auto;padding:24px;background:var(--prts-panel);color:var(--prts-ink);border:1px solid var(--prts-line);font:14px/1.5 var(--prts-body);
+ &::backdrop{background:#0009}
+ & canvas{display:block;width:100%;height:auto;aspect-ratio:1;margin:16px auto;border-radius:4px;corner-shape:round;outline:1px solid var(--prts-line-strong);touch-action:none;cursor:grab;background:var(--prts-canvas)}
+ & canvas:active{cursor:grabbing}
+ & label{display:flex;align-items:center;gap:12px}
+ & input{flex:1;min-width:0}
+ & p{font-size:12px;color:var(--prts-muted)}
+ & header,& [data-crop-tools]{display:flex;align-items:center;justify-content:space-between;gap:12px}
+ & [data-crop-tools] label{flex:1;min-width:0;gap:8px}
+ & [data-crop-tools] button{padding:6px;font-size:12px}
+ & footer{display:grid;grid-template-columns:1fr auto auto;gap:4px;border-top:1px solid var(--prts-line);padding-top:16px}
+ & footer span{display:none}
+ & footer button{padding:8px;font-size:12px}
+ & [data-crop-reset]{justify-self:start}
+ & [data-crop-reset],& [data-crop-cancel]{border-color:transparent;background:transparent}
+ & [data-crop-save]{background:var(--prts-yellow);color:#151a1d;border-color:var(--prts-yellow)}
+ & button{padding:8px 12px;background:var(--prts-panel-raised);color:var(--prts-ink);border:1px solid var(--prts-line)}
+ & button:disabled{opacity:.5}
+}
+
+html[data-dsh-prts]{
+[data-prts-conversation-settings]{display:grid;gap:16px;padding:18px;border:1px solid var(--prts-line);background:var(--prts-panel)}
+[data-prts-conversation-settings] header{display:grid;gap:5px}
+[data-prts-conversation-settings] small{display:block;color:var(--prts-muted);font-size:12px;line-height:1.6}
+[data-prts-conversation-cards]{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
+[data-prts-conversation-cards] button{display:grid;gap:6px;text-align:left;padding:14px;min-width:0;color:var(--prts-ink);background:var(--prts-canvas);border:1px solid var(--prts-line);cursor:pointer;font:inherit}
+[data-prts-conversation-cards] button[aria-pressed="true"]{border-color:var(--prts-cyan);background:color-mix(in srgb,var(--prts-cyan) 7%,var(--prts-canvas))}
+[data-prts-conversation-sample]{display:grid;gap:8px;height:48px;padding:8px;opacity:.7}
+[data-prts-conversation-sample] i{width:70%;height:10px;background:var(--prts-muted)}
+[data-prts-conversation-sample] i:first-child{justify-self:end;width:45%}
+[data-prts-conversation-sample="baker"] i{height:16px;border-radius:5px;corner-shape:round}
+[data-prts-avatar-choices]{display:flex;flex-wrap:wrap;gap:24px}
+[data-prts-avatar-preview]{cursor:pointer;color:var(--prts-ink);font:inherit;box-shadow:none}
+[data-prts-avatar-preview]:focus-visible{outline:2px solid var(--prts-cyan);outline-offset:3px}
+[data-prts-avatar-preview]::before{display:none}
+[data-prts-avatars]{padding-top:16px;border-top:1px solid var(--prts-line)}
+[data-prts-avatar-crop] [data-prts-avatar-upload]{padding:6px 10px;font-size:12px}
+}
+@media(max-width:480px){html[data-dsh-prts] [data-prts-conversation-cards]{grid-template-columns:1fr}}