@lemoncat7/dsh-theme-xiaohei 0.4.5 → 0.5.0

package/lib/chrome/conversation-messages.js

@@ -1,329 +0,0 @@
-import { XIAOHEI_AVATAR_2D_FRONT } from '../generated-keyart.js';
-// AssistantMarkdown > body > ProcessReasoning > ReasoningRow. Require the
-// reasoning wrapper to be the only body child: mixed replies/images/interrupted
-// messages keep their bubble. No hashed classes or nested :has selectors.
-const thinkingOnlyRow = `#root [data-chat-flow-kind='assistant-step']:has(> [data-slot='conversation.chat.node'] > div:first-child > div:only-child > div:only-child > [data-variant='think']:only-child)`;
-/** Native conversation messages restyled without changing their DOM contract. */
-export const XIAOHEI_CONVERSATION_MESSAGES_CSS = `
-/* Keep DSH's native max width; only tune vertical reading rhythm. */
-#root [data-chat-flow] {
-  gap: 18px;
-}
-
-#root [data-chat-flow-kind='assistant-step'] {
-  color: var(--xiaohei-conversation-text);
-}
-
-${thinkingOnlyRow} {
-  padding-inline: 0 !important;
-}
-
-${thinkingOnlyRow}::before {
-  content: none !important;
-  display: none !important;
-}
-
-${thinkingOnlyRow} > [data-slot='conversation.chat.node'] > div:first-child {
-  inline-size: 100% !important;
-  padding: 0 !important;
-  border: 0 !important;
-  border-radius: 0 !important;
-  background: transparent !important;
-  box-shadow: none !important;
-}
-
-/* Message portraits are deliberately static and only identify the speaker. */
-#root [data-chat-flow-kind='assistant-step'],
-#root div[data-submission-echo],
-#root [data-chat-flow-kind='user'] {
-  position: relative;
-  overflow: visible;
-}
-
-#root [data-chat-flow-kind='assistant-step']::before,
-#root div[data-submission-echo]::after,
-#root [data-chat-flow-kind='user']::after {
-  position: absolute;
-  inset-block-start: 2px;
-  z-index: 2;
-  display: grid;
-  place-items: center;
-  box-sizing: border-box;
-  inline-size: 40px;
-  block-size: 44px;
-  border: 1px solid rgb(235 240 242 / 13%);
-  border-radius: 13px 13px 15px 15px;
-  color: rgb(225 231 232 / 78%);
-  background-color: rgb(18 23 25 / 76%);
-  background-repeat: no-repeat;
-  box-shadow:
-    inset 0 1px 0 rgb(255 255 255 / 9%),
-    0 6px 16px rgb(0 0 0 / 16%);
-  pointer-events: none;
-}
-
-#root [data-chat-flow-kind='assistant-step']::before {
-  content: '';
-  inset-inline-start: -50px;
-  background-image:
-    url("${XIAOHEI_AVATAR_2D_FRONT}"),
-    linear-gradient(145deg, rgb(255 255 255 / 7%), transparent 56%);
-  background-position: center -1px, center;
-  background-size: 76px auto, auto;
-}
-
-#root div[data-submission-echo]::after,
-#root [data-chat-flow-kind='user']::after {
-  content: '我';
-  inset-inline-end: -50px;
-  block-size: 40px;
-  border-radius: 13px;
-  font-family: ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
-  font-size: 13px;
-  font-weight: 650;
-  letter-spacing: .02em;
-  background-image:
-    linear-gradient(145deg, rgb(255 255 255 / 8%), transparent 58%),
-    linear-gradient(160deg, rgb(34 40 43 / 84%), rgb(20 25 27 / 76%));
-}
-
-/* The slot outlet itself uses display:contents, so the box must live on its
-   native AssistantMarkdown child. This keeps the semantic row untouched. */
-#root [data-chat-flow-kind='assistant-step']
-  > [data-slot='conversation.chat.node']
-  > div:first-child {
-  box-sizing: border-box;
-  inline-size: fit-content;
-  max-inline-size: 100%;
-  padding: 16px 28px !important;
-  border: 1px solid var(--xiaohei-conversation-edge) !important;
-  border-radius: 9px 18px 18px 18px;
-  background: var(--xiaohei-conversation-assistant) !important;
-  box-shadow:
-    inset 0 1px 0 var(--xiaohei-conversation-highlight),
-    inset 1px 0 0 color-mix(in srgb, var(--xiaohei-conversation-highlight) 42%, transparent),
-    0 7px 22px var(--xiaohei-conversation-shadow) !important;
-  -webkit-backdrop-filter: none;
-  backdrop-filter: none;
-  overflow-wrap: anywhere;
-}
-
-#root [data-chat-flow-kind='assistant-step']
-  > [data-slot='conversation.chat.node']
-  > div:first-child > div {
-  color: var(--xiaohei-conversation-text) !important;
-  background: transparent !important;
-  border: 0 !important;
-  box-shadow: none !important;
-}
-
-#root [data-chat-flow-kind='assistant-step'] :is(p, li, h1, h2, h3, h4, h5, h6) {
-  color: var(--xiaohei-conversation-text);
-}
-
-/* User and steering prose use a slightly denser companion bubble; image-only rows stay untouched. */
-#root [data-chat-flow-kind='user'] > [data-slot='conversation.chat.node']
-  > div:first-child > div:first-child > div:last-child:not([data-slot]):not(:has(img)),
-#root [data-chat-flow-kind='user'] [data-time-hover-root]
-  > div:first-child > div:last-child:not(:has(img)),
-#root :is(div[data-submission-echo], [data-pending-steering])
-  > div:first-child > div:first-child:not([data-message-attachments]),
-#root :is(div[data-submission-echo], [data-pending-steering])
-  > div:first-child > [data-message-attachments] + div {
-  box-sizing: border-box;
-  padding: 14px 28px !important;
-  color: var(--xiaohei-conversation-text) !important;
-  border: 1px solid var(--xiaohei-conversation-edge);
-  border-radius: 18px 9px 18px 18px;
-  background: var(--xiaohei-conversation-user) !important;
-  box-shadow:
-    inset 0 1px 0 var(--xiaohei-conversation-highlight),
-    inset -1px 0 0 color-mix(in srgb, var(--xiaohei-conversation-highlight) 42%, transparent),
-    0 7px 22px var(--xiaohei-conversation-shadow) !important;
-  -webkit-backdrop-filter: none;
-  backdrop-filter: none;
-  overflow-wrap: anywhere;
-}
-
-/* Context, recall, compaction and tool rows use the same ink-and-silver family,
-   but at a lower contrast than actual conversation bubbles. */
-#root [data-chat-flow-kind='context'],
-#root [data-chat-flow-kind='manual-compaction'],
-#root [data-chat-flow-kind='command'] > div,
-#root [data-context-injection-body],
-#root [data-context-source],
-#root [data-context-summary],
-#root [data-turn-tail] [role='status'] {
-  color: var(--xiaohei-conversation-meta);
-}
-
-#root :is(
-  [data-chat-flow-kind='context'],
-  [data-chat-flow-kind='manual-compaction'],
-  [data-chat-flow-kind='tool-call'],
-  [data-chat-flow-kind='command']
-) > [data-slot='conversation.chat.node'] > div:first-child {
-  box-sizing: border-box;
-  inline-size: fit-content;
-  max-inline-size: 100%;
-  padding: 6px 14px;
-  border: 1px solid var(--xiaohei-conversation-meta-edge);
-  border-radius: 11px;
-  background: var(--xiaohei-conversation-meta-surface) !important;
-  box-shadow:
-    inset 0 1px 0 color-mix(in srgb, var(--xiaohei-conversation-highlight) 52%, transparent),
-    0 4px 14px color-mix(in srgb, var(--xiaohei-conversation-shadow) 58%, transparent);
-  -webkit-backdrop-filter: none;
-  backdrop-filter: none;
-  overflow: hidden;
-}
-
-#root [data-chat-flow-kind='turn-tail'] .dsh-knowledge-writeback-status {
-  box-sizing: border-box;
-  padding: 6px 14px;
-  border: 1px solid var(--xiaohei-conversation-meta-edge);
-  border-radius: 9px;
-  background: var(--xiaohei-conversation-meta-surface) !important;
-  box-shadow: inset 0 1px 0 color-mix(in srgb, var(--xiaohei-conversation-highlight) 48%, transparent);
-  -webkit-backdrop-filter: none;
-  backdrop-filter: none;
-}
-
-#root [data-chat-flow-kind='context'],
-#root [data-chat-flow-kind='manual-compaction'] {
-  font-size: 13px;
-}
-
-#root [data-chat-flow-kind='command'] > div {
-  opacity: 0.82;
-  transition: opacity var(--xiaohei-motion-fast) ease;
-}
-
-#root [data-chat-flow-kind='command']:hover > div,
-#root [data-chat-flow-kind='command']:focus-within > div {
-  opacity: 1;
-}
-
-#root [data-context-injection-body] {
-  border: 1px solid rgb(132 138 143 / 8%);
-  background: rgb(132 138 143 / 5%) !important;
-}
-
-/* Copy, branch, retry and plugin-provided message actions stay quiet at rest. */
-#root [data-time-hover-root] button,
-#root [data-turn-tail] button {
-  opacity: 0.38;
-  transition:
-    color var(--xiaohei-motion-fast) ease,
-    background-color var(--xiaohei-motion-fast) ease,
-    opacity var(--xiaohei-motion-fast) ease;
-}
-
-#root [data-time-hover-root]:hover button,
-#root [data-time-hover-root]:focus-within button,
-#root [data-turn-tail]:hover button,
-#root [data-turn-tail]:focus-within button {
-  opacity: 0.82;
-}
-
-html[data-xiaohei-appearance='light'] #root [data-chat-flow-kind='assistant-step']
-  > [data-slot='conversation.chat.node']
-  > div:first-child,
-html[data-xiaohei-appearance='light'] #root [data-chat-flow-kind='assistant-step'] :is(p, li, h1, h2, h3, h4, h5, h6) {
-  color: #343B3A !important;
-}
-
-html[data-xiaohei-appearance='light'] #root [data-chat-flow-kind='assistant-step']::before,
-html[data-xiaohei-appearance='light'] #root div[data-submission-echo]::after,
-html[data-xiaohei-appearance='light'] #root [data-chat-flow-kind='user']::after {
-  border-color: rgb(42 48 52 / 11%);
-  color: rgb(48 54 58 / 72%);
-  background-color: rgb(239 242 243 / 78%);
-  box-shadow:
-    inset 0 1px 0 rgb(255 255 255 / 76%),
-    0 6px 16px rgb(34 40 43 / 9%);
-}
-
-html[data-xiaohei-appearance='light'] #root div[data-submission-echo]::after,
-html[data-xiaohei-appearance='light'] #root [data-chat-flow-kind='user']::after {
-  background-image:
-    linear-gradient(145deg, rgb(255 255 255 / 74%), transparent 58%),
-    linear-gradient(160deg, rgb(242 244 245 / 86%), rgb(222 226 228 / 76%));
-}
-
-@media (width <= 760px) {
-  #root [data-chat-flow-kind='assistant-step'] {
-    box-sizing: border-box;
-    padding-inline-start: 38px;
-  }
-
-  #root div[data-submission-echo],
-  #root [data-chat-flow-kind='user'] {
-    box-sizing: border-box;
-    padding-inline-end: 38px;
-  }
-
-  #root [data-chat-flow-kind='assistant-step']::before,
-  #root div[data-submission-echo]::after,
-  #root [data-chat-flow-kind='user']::after {
-    inline-size: 32px;
-    block-size: 36px;
-    border-radius: 11px 11px 13px 13px;
-  }
-
-  #root [data-chat-flow-kind='assistant-step']::before {
-    inset-inline-start: 0;
-    background-size: 62px auto, auto;
-  }
-
-  #root div[data-submission-echo]::after,
-  #root [data-chat-flow-kind='user']::after {
-    inset-inline-end: 0;
-    block-size: 32px;
-    border-radius: 11px;
-    font-size: 11px;
-  }
-
-  #root [data-chat-flow-kind='assistant-step']
-    > [data-slot='conversation.chat.node']
-    > div:first-child {
-    padding: 12px 20px !important;
-    border-radius: 8px 16px 16px 16px;
-  }
-
-  #root [data-chat-flow-kind='user'] > [data-slot='conversation.chat.node']
-    > div:first-child > div:first-child > div:last-child:not([data-slot]):not(:has(img)),
-  #root [data-chat-flow-kind='user'] [data-time-hover-root]
-    > div:first-child > div:last-child:not(:has(img)),
-  #root :is(div[data-submission-echo], [data-pending-steering])
-    > div:first-child > div:first-child:not([data-message-attachments]),
-  #root :is(div[data-submission-echo], [data-pending-steering])
-    > div:first-child > [data-message-attachments] + div {
-    padding-inline: 20px !important;
-  }
-
-  #root :is(
-    [data-chat-flow-kind='context'],
-    [data-chat-flow-kind='manual-compaction'],
-    [data-chat-flow-kind='tool-call'],
-    [data-chat-flow-kind='command']
-  ) > [data-slot='conversation.chat.node'] > div:first-child {
-    border-radius: 10px;
-  }
-}
-
-@media (prefers-contrast: more), (forced-colors: active) {
-  #root [data-chat-flow-kind='assistant-step']::before,
-  #root div[data-submission-echo]::after,
-  #root [data-chat-flow-kind='user']::after {
-    display: none;
-  }
-
-  #root [data-time-hover-root] button,
-  #root [data-turn-tail] button,
-  #root [data-chat-flow-kind='command'] > div {
-    opacity: 1;
-  }
-}
-`;
-//# sourceMappingURL=conversation-messages.js.map

package/lib/chrome/conversation-submissions.d.ts

@@ -1,3 +0,0 @@
-/** Local draft and native submission presentation; Host owns their lifetime. */
-export declare const XIAOHEI_CONVERSATION_SUBMISSIONS_CSS = "\n#root [data-xiaohei-draft-preview] {\n  display: flex;\n  flex-direction: column;\n  align-items: flex-end;\n  box-sizing: border-box;\n  inline-size: calc(100% - 2 * (var(--dsh-composer-side-clearance, 24px) + 16px));\n  max-inline-size: var(--dsh-chat-content-width, 748px);\n  margin-inline: auto;\n  min-inline-size: 0;\n  padding: 4px 0 8px;\n  gap: 4px;\n  color: var(--xiaohei-conversation-text);\n}\n#root .xiaohei-draft-label {\n  font-size: 12px;\n  padding-inline: 10px;\n}\n#root .xiaohei-draft-bubble {\n  max-inline-size: min(calc(var(--dsh-chat-content-width, 748px) * .702), 82%);\n  min-inline-size: 0;\n  max-block-size: min(160px, 22dvh);\n  overflow: auto;\n  white-space: pre-wrap;\n  overflow-wrap: anywhere;\n  padding: 10px 14px;\n  border: 1px dashed var(--xiaohei-conversation-edge);\n  border-radius: 18px 9px 18px 18px;\n  background: var(--xiaohei-conversation-user);\n  font-size: 14px;\n  line-height: 1.6;\n}\n#root .xiaohei-draft-bubble:focus-visible {\n  outline: 2px solid currentColor;\n  outline-offset: 2px;\n}\n@media (width <= 760px) {\n  #root [data-xiaohei-draft-preview] {\n    padding-inline-end: 38px;\n  }\n}\n\n#root :is(div[data-submission-echo], [data-pending-steering]) {\n  min-inline-size: 0;\n  color: var(--xiaohei-conversation-text);\n}\n\n/* Do not dim the whole row: text and attachments must remain readable while\n * the Host keeps edit/remove/steer disabled until its queue acknowledgement. */\n#root li[data-submission-echo] {\n  opacity: 1;\n  color: var(--xiaohei-conversation-text);\n  background: var(--xiaohei-conversation-user);\n  border-color: var(--xiaohei-conversation-edge);\n}\n\n#root [data-submission-echo] [role='status'] {\n  color: var(--xiaohei-conversation-text);\n  flex-shrink: 0;\n  white-space: nowrap;\n}\n\n#root li[data-submission-echo] button:disabled {\n  cursor: not-allowed;\n}\n";
-//# sourceMappingURL=conversation-submissions.d.ts.map

package/lib/chrome/conversation-submissions.js

@@ -1,68 +0,0 @@
-/** Local draft and native submission presentation; Host owns their lifetime. */
-export const XIAOHEI_CONVERSATION_SUBMISSIONS_CSS = `
-#root [data-xiaohei-draft-preview] {
-  display: flex;
-  flex-direction: column;
-  align-items: flex-end;
-  box-sizing: border-box;
-  inline-size: calc(100% - 2 * (var(--dsh-composer-side-clearance, 24px) + 16px));
-  max-inline-size: var(--dsh-chat-content-width, 748px);
-  margin-inline: auto;
-  min-inline-size: 0;
-  padding: 4px 0 8px;
-  gap: 4px;
-  color: var(--xiaohei-conversation-text);
-}
-#root .xiaohei-draft-label {
-  font-size: 12px;
-  padding-inline: 10px;
-}
-#root .xiaohei-draft-bubble {
-  max-inline-size: min(calc(var(--dsh-chat-content-width, 748px) * .702), 82%);
-  min-inline-size: 0;
-  max-block-size: min(160px, 22dvh);
-  overflow: auto;
-  white-space: pre-wrap;
-  overflow-wrap: anywhere;
-  padding: 10px 14px;
-  border: 1px dashed var(--xiaohei-conversation-edge);
-  border-radius: 18px 9px 18px 18px;
-  background: var(--xiaohei-conversation-user);
-  font-size: 14px;
-  line-height: 1.6;
-}
-#root .xiaohei-draft-bubble:focus-visible {
-  outline: 2px solid currentColor;
-  outline-offset: 2px;
-}
-@media (width <= 760px) {
-  #root [data-xiaohei-draft-preview] {
-    padding-inline-end: 38px;
-  }
-}
-
-#root :is(div[data-submission-echo], [data-pending-steering]) {
-  min-inline-size: 0;
-  color: var(--xiaohei-conversation-text);
-}
-
-/* Do not dim the whole row: text and attachments must remain readable while
- * the Host keeps edit/remove/steer disabled until its queue acknowledgement. */
-#root li[data-submission-echo] {
-  opacity: 1;
-  color: var(--xiaohei-conversation-text);
-  background: var(--xiaohei-conversation-user);
-  border-color: var(--xiaohei-conversation-edge);
-}
-
-#root [data-submission-echo] [role='status'] {
-  color: var(--xiaohei-conversation-text);
-  flex-shrink: 0;
-  white-space: nowrap;
-}
-
-#root li[data-submission-echo] button:disabled {
-  cursor: not-allowed;
-}
-`;
-//# sourceMappingURL=conversation-submissions.js.map

package/lib/chrome/conversation.d.ts

@@ -1,3 +0,0 @@
-/** Conversation-level controls and quiet Xiaohei identity details. */
-export declare const XIAOHEI_CONVERSATION_CSS = "\n/* Identify the resident conversation root through the host's stable scroll\n   contract, without coupling the theme to generated CSS-module class names. */\n#root :has(> [data-conversation-scroll]) {\n  background: transparent;\n}\n\n#root [data-slot='conversation.composer'] button[aria-label='\u9009\u62E9\u5DE5\u4F5C\u533A'],\n#root [data-slot='conversation.composer'] button[aria-label='Select workspace'] {\n  min-height: 32px;\n  padding-inline: 10px;\n  border: 1px solid transparent;\n  border-radius: var(--xiaohei-radius-control);\n  color: var(--dsw-alias-label-primary);\n  background: var(--xiaohei-surface-muted);\n  box-shadow: inset 0 1px rgb(255 255 255 / 5%);\n  transition:\n    color var(--xiaohei-motion-fast) ease,\n    background-color var(--xiaohei-motion-base) ease,\n    border-color var(--xiaohei-motion-base) ease,\n    box-shadow var(--xiaohei-motion-base) ease;\n}\n\n#root [data-slot='conversation.composer'] button[aria-label='\u9009\u62E9\u5DE5\u4F5C\u533A']:hover,\n#root [data-slot='conversation.composer'] button[aria-label='Select workspace']:hover,\n#root [data-slot='conversation.composer'] button[aria-label='\u9009\u62E9\u5DE5\u4F5C\u533A'][aria-expanded='true'],\n#root [data-slot='conversation.composer'] button[aria-label='Select workspace'][aria-expanded='true'] {\n  color: var(--xiaohei-spirit-strong);\n  border-color: var(--xiaohei-edge);\n  background: var(--xiaohei-spirit-soft);\n  box-shadow: inset 3px 0 var(--xiaohei-spirit);\n}\n\n#root [data-slot='conversation.session.header'] button,\n#root [data-slot='conversation.input.plan'] button,\n#root [data-slot='conversation.input.model'] button,\n#root [data-slot='conversation.hero.agentPreset'] button {\n  border: 1px solid transparent;\n  border-radius: var(--xiaohei-radius-small);\n  transition:\n    color var(--xiaohei-motion-fast) ease,\n    background-color var(--xiaohei-motion-fast) ease,\n    border-color var(--xiaohei-motion-fast) ease;\n}\n\n#root [data-slot='conversation.session.header'] button:hover,\n#root [data-slot='conversation.input.plan'] button:hover,\n#root [data-slot='conversation.input.model'] button:hover,\n#root [data-slot='conversation.hero.agentPreset'] button:hover {\n  color: var(--xiaohei-spirit-strong);\n  border-color: var(--xiaohei-edge);\n  background: var(--xiaohei-spirit-soft);\n}\n\n#root [data-slot='conversation.session'] [role='status'],\n#root [data-slot='conversation.composer'] [role='status'] {\n  color: var(--dsw-alias-label-secondary);\n}\n\nhtml[data-xiaohei-appearance='light'] #root [data-slot='conversation.composer'] button[aria-label='\u9009\u62E9\u5DE5\u4F5C\u533A'],\nhtml[data-xiaohei-appearance='light'] #root [data-slot='conversation.composer'] button[aria-label='Select workspace'] {\n  background: rgb(246 249 247 / 70%);\n  box-shadow: inset 0 1px rgb(255 255 255 / 74%);\n}\n";
-//# sourceMappingURL=conversation.d.ts.map

package/lib/chrome/conversation.js

@@ -1,67 +0,0 @@
-/** Conversation-level controls and quiet Xiaohei identity details. */
-export const XIAOHEI_CONVERSATION_CSS = `
-/* Identify the resident conversation root through the host's stable scroll
-   contract, without coupling the theme to generated CSS-module class names. */
-#root :has(> [data-conversation-scroll]) {
-  background: transparent;
-}
-
-#root [data-slot='conversation.composer'] button[aria-label='选择工作区'],
-#root [data-slot='conversation.composer'] button[aria-label='Select workspace'] {
-  min-height: 32px;
-  padding-inline: 10px;
-  border: 1px solid transparent;
-  border-radius: var(--xiaohei-radius-control);
-  color: var(--dsw-alias-label-primary);
-  background: var(--xiaohei-surface-muted);
-  box-shadow: inset 0 1px rgb(255 255 255 / 5%);
-  transition:
-    color var(--xiaohei-motion-fast) ease,
-    background-color var(--xiaohei-motion-base) ease,
-    border-color var(--xiaohei-motion-base) ease,
-    box-shadow var(--xiaohei-motion-base) ease;
-}
-
-#root [data-slot='conversation.composer'] button[aria-label='选择工作区']:hover,
-#root [data-slot='conversation.composer'] button[aria-label='Select workspace']:hover,
-#root [data-slot='conversation.composer'] button[aria-label='选择工作区'][aria-expanded='true'],
-#root [data-slot='conversation.composer'] button[aria-label='Select workspace'][aria-expanded='true'] {
-  color: var(--xiaohei-spirit-strong);
-  border-color: var(--xiaohei-edge);
-  background: var(--xiaohei-spirit-soft);
-  box-shadow: inset 3px 0 var(--xiaohei-spirit);
-}
-
-#root [data-slot='conversation.session.header'] button,
-#root [data-slot='conversation.input.plan'] button,
-#root [data-slot='conversation.input.model'] button,
-#root [data-slot='conversation.hero.agentPreset'] button {
-  border: 1px solid transparent;
-  border-radius: var(--xiaohei-radius-small);
-  transition:
-    color var(--xiaohei-motion-fast) ease,
-    background-color var(--xiaohei-motion-fast) ease,
-    border-color var(--xiaohei-motion-fast) ease;
-}
-
-#root [data-slot='conversation.session.header'] button:hover,
-#root [data-slot='conversation.input.plan'] button:hover,
-#root [data-slot='conversation.input.model'] button:hover,
-#root [data-slot='conversation.hero.agentPreset'] button:hover {
-  color: var(--xiaohei-spirit-strong);
-  border-color: var(--xiaohei-edge);
-  background: var(--xiaohei-spirit-soft);
-}
-
-#root [data-slot='conversation.session'] [role='status'],
-#root [data-slot='conversation.composer'] [role='status'] {
-  color: var(--dsw-alias-label-secondary);
-}
-
-html[data-xiaohei-appearance='light'] #root [data-slot='conversation.composer'] button[aria-label='选择工作区'],
-html[data-xiaohei-appearance='light'] #root [data-slot='conversation.composer'] button[aria-label='Select workspace'] {
-  background: rgb(246 249 247 / 70%);
-  box-shadow: inset 0 1px rgb(255 255 255 / 74%);
-}
-`;
-//# sourceMappingURL=conversation.js.map

package/lib/chrome/frames.d.ts

@@ -1,6 +0,0 @@
-/**
- * Public frame contract for first-party chrome and future Xiaohei-aware tools.
- * Feature plugins opt in with data attributes; this layer never guesses their DOM.
- */
-export declare const XIAOHEI_FRAME_SYSTEM_CSS = "\n:where([data-xiaohei-surface='plugin-workspace']) {\n  isolation: isolate;\n  background-color: var(--xiaohei-plugin-workspace-fill) !important;\n  -webkit-backdrop-filter:\n    blur(var(--xiaohei-plugin-surface-blur))\n    saturate(var(--xiaohei-plugin-surface-saturation));\n  backdrop-filter:\n    blur(var(--xiaohei-plugin-surface-blur))\n    saturate(var(--xiaohei-plugin-surface-saturation));\n}\n\n:where([data-xiaohei-workspace-close]) {\n  -webkit-appearance: none;\n  appearance: none;\n  display: grid;\n  place-items: center;\n  box-sizing: border-box;\n  flex: none;\n  width: 30px;\n  height: 30px;\n  margin: 0;\n  padding: 0;\n  border: 1px solid transparent;\n  border-radius: var(--xiaohei-radius-small);\n  color: var(--dsw-alias-label-secondary);\n  background: transparent;\n  font: inherit;\n  line-height: 1;\n  text-align: center;\n  -webkit-tap-highlight-color: transparent;\n  cursor: pointer;\n  transition:\n    color var(--xiaohei-motion-fast) ease,\n    background var(--xiaohei-motion-fast) ease,\n    border-color var(--xiaohei-motion-fast) ease,\n    transform var(--xiaohei-motion-fast) var(--xiaohei-motion-curve);\n}\n\n:where([data-xiaohei-workspace-close]) > svg {\n  display: block;\n  flex: none;\n  pointer-events: none;\n}\n\n:where([data-xiaohei-workspace-close]):hover {\n  border-color: var(--xiaohei-workspace-control-edge);\n  color: var(--dsw-alias-label-primary);\n  background: var(--xiaohei-plugin-control-fill);\n}\n\n:where([data-xiaohei-workspace-close]):active {\n  transform: scale(.96);\n}\n\n:where([data-xiaohei-workspace-close]):focus-visible {\n  outline: 2px solid var(--xiaohei-spirit);\n  outline-offset: 2px;\n}\n\n:where([data-xiaohei-frame='module'], [data-xiaohei-frame='compact']) {\n  position: relative;\n  box-sizing: border-box;\n  border: 1px solid var(--xiaohei-frame-line);\n  color: var(--dsw-alias-label-primary);\n  background:\n    linear-gradient(var(--xiaohei-frame-line-strong), var(--xiaohei-frame-line-strong)) 12px 0 / 28px 1px no-repeat,\n    linear-gradient(var(--xiaohei-frame-line), var(--xiaohei-frame-line)) 0 12px / 1px 22px no-repeat,\n    linear-gradient(var(--xiaohei-frame-line), var(--xiaohei-frame-line)) 100% calc(100% - 12px) / 1px 22px no-repeat,\n    var(--xiaohei-frame-fill);\n  box-shadow:\n    inset 0 0 0 1px var(--xiaohei-frame-inner),\n    0 12px 30px var(--xiaohei-shadow);\n}\n\n:where([data-xiaohei-frame='module']) {\n  border-radius: var(--xiaohei-radius-panel);\n}\n\n:where([data-xiaohei-frame='compact']) {\n  border-radius: var(--xiaohei-radius-control);\n}\n\n:where([data-xiaohei-frame-header]) {\n  min-height: 38px;\n  border-bottom: 1px solid var(--xiaohei-frame-line);\n}\n\n:where([data-xiaohei-frame-actions]) {\n  display: flex;\n  align-items: center;\n  gap: 4px;\n}\n\n:where([data-xiaohei-module-kind]) {\n  --xiaohei-module-accent: var(--xiaohei-spirit);\n}\n\n@media (forced-colors: active) {\n  :where([data-xiaohei-frame], [data-xiaohei-surface='plugin-workspace']) {\n    border-color: currentColor;\n    background: Canvas;\n    -webkit-backdrop-filter: none;\n    backdrop-filter: none;\n    box-shadow: none;\n  }\n\n}\n\n@media (max-width: 700px) {\n  :where([data-xiaohei-surface='plugin-workspace']) {\n    --xiaohei-plugin-surface-blur: 22px;\n  }\n}\n\n@media (prefers-reduced-transparency: reduce) {\n  :where([data-xiaohei-surface='plugin-workspace']) {\n    background-color: var(--xiaohei-surface-raised) !important;\n    -webkit-backdrop-filter: none;\n    backdrop-filter: none;\n  }\n}\n\n@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))) {\n  :where([data-xiaohei-surface='plugin-workspace']) {\n    background-color: var(--xiaohei-surface-raised) !important;\n  }\n}\n";
-//# sourceMappingURL=frames.d.ts.map

package/lib/chrome/frames.js

@@ -1,134 +0,0 @@
-/**
- * Public frame contract for first-party chrome and future Xiaohei-aware tools.
- * Feature plugins opt in with data attributes; this layer never guesses their DOM.
- */
-export const XIAOHEI_FRAME_SYSTEM_CSS = `
-:where([data-xiaohei-surface='plugin-workspace']) {
-  isolation: isolate;
-  background-color: var(--xiaohei-plugin-workspace-fill) !important;
-  -webkit-backdrop-filter:
-    blur(var(--xiaohei-plugin-surface-blur))
-    saturate(var(--xiaohei-plugin-surface-saturation));
-  backdrop-filter:
-    blur(var(--xiaohei-plugin-surface-blur))
-    saturate(var(--xiaohei-plugin-surface-saturation));
-}
-
-:where([data-xiaohei-workspace-close]) {
-  -webkit-appearance: none;
-  appearance: none;
-  display: grid;
-  place-items: center;
-  box-sizing: border-box;
-  flex: none;
-  width: 30px;
-  height: 30px;
-  margin: 0;
-  padding: 0;
-  border: 1px solid transparent;
-  border-radius: var(--xiaohei-radius-small);
-  color: var(--dsw-alias-label-secondary);
-  background: transparent;
-  font: inherit;
-  line-height: 1;
-  text-align: center;
-  -webkit-tap-highlight-color: transparent;
-  cursor: pointer;
-  transition:
-    color var(--xiaohei-motion-fast) ease,
-    background var(--xiaohei-motion-fast) ease,
-    border-color var(--xiaohei-motion-fast) ease,
-    transform var(--xiaohei-motion-fast) var(--xiaohei-motion-curve);
-}
-
-:where([data-xiaohei-workspace-close]) > svg {
-  display: block;
-  flex: none;
-  pointer-events: none;
-}
-
-:where([data-xiaohei-workspace-close]):hover {
-  border-color: var(--xiaohei-workspace-control-edge);
-  color: var(--dsw-alias-label-primary);
-  background: var(--xiaohei-plugin-control-fill);
-}
-
-:where([data-xiaohei-workspace-close]):active {
-  transform: scale(.96);
-}
-
-:where([data-xiaohei-workspace-close]):focus-visible {
-  outline: 2px solid var(--xiaohei-spirit);
-  outline-offset: 2px;
-}
-
-:where([data-xiaohei-frame='module'], [data-xiaohei-frame='compact']) {
-  position: relative;
-  box-sizing: border-box;
-  border: 1px solid var(--xiaohei-frame-line);
-  color: var(--dsw-alias-label-primary);
-  background:
-    linear-gradient(var(--xiaohei-frame-line-strong), var(--xiaohei-frame-line-strong)) 12px 0 / 28px 1px no-repeat,
-    linear-gradient(var(--xiaohei-frame-line), var(--xiaohei-frame-line)) 0 12px / 1px 22px no-repeat,
-    linear-gradient(var(--xiaohei-frame-line), var(--xiaohei-frame-line)) 100% calc(100% - 12px) / 1px 22px no-repeat,
-    var(--xiaohei-frame-fill);
-  box-shadow:
-    inset 0 0 0 1px var(--xiaohei-frame-inner),
-    0 12px 30px var(--xiaohei-shadow);
-}
-
-:where([data-xiaohei-frame='module']) {
-  border-radius: var(--xiaohei-radius-panel);
-}
-
-:where([data-xiaohei-frame='compact']) {
-  border-radius: var(--xiaohei-radius-control);
-}
-
-:where([data-xiaohei-frame-header]) {
-  min-height: 38px;
-  border-bottom: 1px solid var(--xiaohei-frame-line);
-}
-
-:where([data-xiaohei-frame-actions]) {
-  display: flex;
-  align-items: center;
-  gap: 4px;
-}
-
-:where([data-xiaohei-module-kind]) {
-  --xiaohei-module-accent: var(--xiaohei-spirit);
-}
-
-@media (forced-colors: active) {
-  :where([data-xiaohei-frame], [data-xiaohei-surface='plugin-workspace']) {
-    border-color: currentColor;
-    background: Canvas;
-    -webkit-backdrop-filter: none;
-    backdrop-filter: none;
-    box-shadow: none;
-  }
-
-}
-
-@media (max-width: 700px) {
-  :where([data-xiaohei-surface='plugin-workspace']) {
-    --xiaohei-plugin-surface-blur: 22px;
-  }
-}
-
-@media (prefers-reduced-transparency: reduce) {
-  :where([data-xiaohei-surface='plugin-workspace']) {
-    background-color: var(--xiaohei-surface-raised) !important;
-    -webkit-backdrop-filter: none;
-    backdrop-filter: none;
-  }
-}
-
-@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))) {
-  :where([data-xiaohei-surface='plugin-workspace']) {
-    background-color: var(--xiaohei-surface-raised) !important;
-  }
-}
-`;
-//# sourceMappingURL=frames.js.map

package/lib/chrome/gaze.d.ts

@@ -1,3 +0,0 @@
-/** Visual geometry for Xiaohei's idle gaze. Behavior lives in ../gaze.ts. */
-export declare const XIAOHEI_GAZE_CSS = "\n.xiaohei-scene__mascot-blink {\n  z-index: 3;\n}\n\n.xiaohei-gaze {\n  --xiaohei-gaze-x: 0px;\n  --xiaohei-gaze-y: 0px;\n  position: absolute;\n  inset: 0;\n  z-index: 2;\n  display: block;\n  overflow: hidden;\n  opacity: 0;\n  pointer-events: none;\n  transition: opacity 80ms ease-out;\n}\n\nhtml[data-xiaohei-state='idle'] .xiaohei-gaze {\n  opacity: 1;\n}\n\n/* The complete blink frame owns eye occlusion; a second visibility clock can expose pupil-free frames. */\n\n.xiaohei-gaze__base {\n  position: absolute;\n  inset: 0;\n  display: block;\n  width: 100%;\n  height: 100%;\n  max-width: none;\n  max-height: none;\n  object-fit: contain;\n  filter: brightness(1.32) contrast(1.02) saturate(1.04);\n}\n\nhtml[data-xiaohei-appearance='light'] .xiaohei-gaze__base {\n  filter: brightness(1.02) contrast(1.07) saturate(0.9);\n}\n\n.xiaohei-gaze__eye {\n  position: absolute;\n  display: block;\n  overflow: hidden;\n  border-radius: 50%;\n  pointer-events: none;\n}\n\n.xiaohei-gaze__eye--left {\n  left: 22.65%;\n  top: 34.35%;\n  width: 9%;\n  height: 13.7%;\n}\n\n.xiaohei-gaze__eye--right {\n  left: 38.25%;\n  top: 35.15%;\n  width: 13.3%;\n  height: 14.5%;\n}\n\n.xiaohei-gaze__pupil {\n  position: absolute;\n  display: block;\n  border-radius: 48% 52% 49% 51%;\n  background:\n    radial-gradient(circle at 39% 27%, #F3F7F3 0 12%, transparent 15%),\n    #020505;\n  transform: translate3d(\n    calc(-50% + var(--xiaohei-gaze-x)),\n    calc(-50% + var(--xiaohei-gaze-y)),\n    0\n  );\n  transform-origin: 50% 50%;\n}\n\n.xiaohei-gaze[data-moving='true'] .xiaohei-gaze__pupil {\n  will-change: transform;\n}\n\n.xiaohei-gaze__pupil--left {\n  left: 50%;\n  top: 49%;\n  width: 57.25%;\n  height: 67.5%;\n}\n\n.xiaohei-gaze__pupil--right {\n  left: 33.5%;\n  top: 48.7%;\n  width: 40.25%;\n  height: 65.2%;\n}\n\n@media (prefers-reduced-motion: reduce), (hover: none) and (pointer: coarse) {\n  .xiaohei-gaze {\n    display: none;\n  }\n}\n";
-//# sourceMappingURL=gaze.d.ts.map