@lemoncat7/dsh-theme-xiaohei 0.3.0-alpha.22

package/lib/chrome/blink.js

@@ -0,0 +1,15 @@
+/** Atomic blink rendering: one state hides live eyes and reveals the complete closed frame. */
+export const XIAOHEI_BLINK_CSS = `
+.xiaohei-scene__mascot-blink {
+  animation: none;
+}
+
+.xiaohei-scene__mascot[data-xiaohei-blink='closed'] .xiaohei-scene__mascot-blink {
+  opacity: 1;
+}
+
+.xiaohei-scene__mascot[data-xiaohei-blink='closed'] .xiaohei-gaze__eye {
+  visibility: hidden;
+}
+`;
+//# sourceMappingURL=blink.js.map

package/lib/chrome/blink.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"blink.js","sourceRoot":"","sources":["../../src/chrome/blink.ts"],"names":[],"mappings":"AAAA,+FAA+F;AAC/F,MAAM,CAAC,MAAM,iBAAiB,GAAG;;;;;;;;;;;;CAYhC,CAAA"}

package/lib/chrome/composer.d.ts

@@ -0,0 +1,3 @@
+/** Conversation composer, command affordances, and send action. */
+export declare const XIAOHEI_COMPOSER_CSS = "\n#root [data-composer-card='true'] {\n  position: relative;\n  isolation: isolate;\n  overflow: visible;\n  border: 1px solid var(--xiaohei-layer-content-edge) !important;\n  border-radius: 8px !important;\n  background:\n    linear-gradient(\n      90deg,\n      transparent,\n      transparent 18%,\n      var(--xiaohei-spirit-faint) 52%,\n      transparent\n    ) 18px 0 / 104px 1px no-repeat,\n    linear-gradient(180deg, var(--xiaohei-layer-content-highlight), transparent 34%),\n    var(--xiaohei-layer-content) !important;\n  box-shadow:\n    inset 0 0 0 1px var(--xiaohei-frame-inner),\n    inset 0 1px rgb(255 255 255 / 7%),\n    inset 0 -1px var(--xiaohei-layer-panel-edge),\n    0 8px 22px var(--xiaohei-shadow) !important;\n  transition:\n    border-color var(--xiaohei-motion-base) ease,\n    box-shadow var(--xiaohei-motion-base) ease;\n}\n\n#root [data-composer-card='true']:focus-within {\n  border-color: var(--xiaohei-edge-strong) !important;\n  box-shadow:\n    inset 0 1px rgb(255 255 255 / 9%),\n    0 10px 26px var(--xiaohei-shadow),\n    0 0 0 4px var(--xiaohei-focus-shadow) !important;\n}\n\n#root [data-composer-card='true'] textarea {\n  color: var(--dsw-alias-label-primary) !important;\n  caret-color: var(--xiaohei-spirit-strong);\n}\n\n#root [data-composer-card='true'] textarea::placeholder {\n  color: var(--dsw-alias-label-tertiary) !important;\n  opacity: 0.92;\n}\n\n#root [data-composer-card='true'] [data-input-backdrop='true'] {\n  border-color: transparent !important;\n  background: transparent !important;\n}\n\n#root [data-composer-card='true'] button {\n  min-width: 28px;\n  min-height: 28px;\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    transform var(--xiaohei-motion-fast) var(--xiaohei-motion-curve);\n}\n\n#root [data-composer-card='true'] button:not(:disabled):hover {\n  color: var(--xiaohei-spirit-strong);\n  border-color: var(--xiaohei-edge);\n  background: var(--xiaohei-spirit-soft);\n}\n\n#root [data-composer-card='true'] button:not(:disabled):active {\n  transform: translateY(1px) scale(0.98);\n}\n\n#root button[aria-label='\u53D1\u9001\u6D88\u606F'],\n#root button[aria-label='Send message'] {\n  position: relative;\n  isolation: isolate;\n  border: 1px solid var(--xiaohei-edge-strong) !important;\n  border-radius: 50% !important;\n  color: var(--dsw-alias-brand-primary-invert) !important;\n  background:\n    radial-gradient(circle at 36% 27%, rgb(255 255 255 / 36%) 0 7%, transparent 9%),\n    linear-gradient(145deg, var(--xiaohei-spirit), var(--dsw-alias-button-primary-fill)) !important;\n  box-shadow:\n    inset 0 1px rgb(255 255 255 / 34%),\n    inset 0 -2px rgb(4 25 31 / 18%),\n    0 6px 16px var(--xiaohei-focus-shadow) !important;\n  transition:\n    transform var(--xiaohei-motion-fast) var(--xiaohei-motion-curve),\n    box-shadow var(--xiaohei-motion-base) ease,\n    filter var(--xiaohei-motion-base) ease;\n}\n\n#root button[aria-label='\u53D1\u9001\u6D88\u606F']::after,\n#root button[aria-label='Send message']::after {\n  content: '';\n  position: absolute;\n  inset: 3px;\n  border: 1px solid rgb(238 253 255 / 28%);\n  border-radius: inherit;\n  pointer-events: none;\n  opacity: 0.58;\n  transition: opacity var(--xiaohei-motion-fast) ease, transform 220ms var(--xiaohei-motion-curve);\n}\n\n#root button[aria-label='\u53D1\u9001\u6D88\u606F']:not(:disabled):hover,\n#root button[aria-label='Send message']:not(:disabled):hover {\n  filter: brightness(1.05) saturate(1.03);\n  box-shadow:\n    inset 0 1px rgb(255 255 255 / 42%),\n    inset 0 -2px rgb(4 25 31 / 16%),\n    0 8px 20px var(--xiaohei-focus-shadow) !important;\n}\n\n#root button[aria-label='\u53D1\u9001\u6D88\u606F']:not(:disabled):active,\n#root button[aria-label='Send message']:not(:disabled):active {\n  transform: translateY(1px) scale(0.96);\n}\n\n#root button[aria-label='\u53D1\u9001\u6D88\u606F']:not(:disabled):active::after,\n#root button[aria-label='Send message']:not(:disabled):active::after {\n  opacity: 0.86;\n  transform: scale(0.76);\n}\n\n#root button[aria-label='\u53D1\u9001\u6D88\u606F']:disabled,\n#root button[aria-label='Send message']:disabled {\n  border-color: var(--xiaohei-edge) !important;\n  color: var(--dsw-alias-label-dimmed) !important;\n  background: var(--xiaohei-surface-muted) !important;\n  filter: saturate(0.42);\n  box-shadow: inset 0 1px rgb(255 255 255 / 8%) !important;\n}\n\n#root button[aria-label='\u53D1\u9001\u6D88\u606F']:disabled::after,\n#root button[aria-label='Send message']:disabled::after {\n  opacity: 0.12;\n}\n\n@media (max-width: 700px) {\n  #root [data-composer-card='true'] {\n    border-radius: 7px !important;\n  }\n}\n";
+//# sourceMappingURL=composer.d.ts.map

package/lib/chrome/composer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"composer.d.ts","sourceRoot":"","sources":["../../src/chrome/composer.ts"],"names":[],"mappings":"AAAA,mEAAmE;AACnE,eAAO,MAAM,oBAAoB,svJA+IhC,CAAA"}

package/lib/chrome/composer.js

@@ -0,0 +1,146 @@
+/** Conversation composer, command affordances, and send action. */
+export const XIAOHEI_COMPOSER_CSS = `
+#root [data-composer-card='true'] {
+  position: relative;
+  isolation: isolate;
+  overflow: visible;
+  border: 1px solid var(--xiaohei-layer-content-edge) !important;
+  border-radius: 8px !important;
+  background:
+    linear-gradient(
+      90deg,
+      transparent,
+      transparent 18%,
+      var(--xiaohei-spirit-faint) 52%,
+      transparent
+    ) 18px 0 / 104px 1px no-repeat,
+    linear-gradient(180deg, var(--xiaohei-layer-content-highlight), transparent 34%),
+    var(--xiaohei-layer-content) !important;
+  box-shadow:
+    inset 0 0 0 1px var(--xiaohei-frame-inner),
+    inset 0 1px rgb(255 255 255 / 7%),
+    inset 0 -1px var(--xiaohei-layer-panel-edge),
+    0 8px 22px var(--xiaohei-shadow) !important;
+  transition:
+    border-color var(--xiaohei-motion-base) ease,
+    box-shadow var(--xiaohei-motion-base) ease;
+}
+
+#root [data-composer-card='true']:focus-within {
+  border-color: var(--xiaohei-edge-strong) !important;
+  box-shadow:
+    inset 0 1px rgb(255 255 255 / 9%),
+    0 10px 26px var(--xiaohei-shadow),
+    0 0 0 4px var(--xiaohei-focus-shadow) !important;
+}
+
+#root [data-composer-card='true'] textarea {
+  color: var(--dsw-alias-label-primary) !important;
+  caret-color: var(--xiaohei-spirit-strong);
+}
+
+#root [data-composer-card='true'] textarea::placeholder {
+  color: var(--dsw-alias-label-tertiary) !important;
+  opacity: 0.92;
+}
+
+#root [data-composer-card='true'] [data-input-backdrop='true'] {
+  border-color: transparent !important;
+  background: transparent !important;
+}
+
+#root [data-composer-card='true'] button {
+  min-width: 28px;
+  min-height: 28px;
+  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,
+    transform var(--xiaohei-motion-fast) var(--xiaohei-motion-curve);
+}
+
+#root [data-composer-card='true'] button:not(:disabled):hover {
+  color: var(--xiaohei-spirit-strong);
+  border-color: var(--xiaohei-edge);
+  background: var(--xiaohei-spirit-soft);
+}
+
+#root [data-composer-card='true'] button:not(:disabled):active {
+  transform: translateY(1px) scale(0.98);
+}
+
+#root button[aria-label='发送消息'],
+#root button[aria-label='Send message'] {
+  position: relative;
+  isolation: isolate;
+  border: 1px solid var(--xiaohei-edge-strong) !important;
+  border-radius: 50% !important;
+  color: var(--dsw-alias-brand-primary-invert) !important;
+  background:
+    radial-gradient(circle at 36% 27%, rgb(255 255 255 / 36%) 0 7%, transparent 9%),
+    linear-gradient(145deg, var(--xiaohei-spirit), var(--dsw-alias-button-primary-fill)) !important;
+  box-shadow:
+    inset 0 1px rgb(255 255 255 / 34%),
+    inset 0 -2px rgb(4 25 31 / 18%),
+    0 6px 16px var(--xiaohei-focus-shadow) !important;
+  transition:
+    transform var(--xiaohei-motion-fast) var(--xiaohei-motion-curve),
+    box-shadow var(--xiaohei-motion-base) ease,
+    filter var(--xiaohei-motion-base) ease;
+}
+
+#root button[aria-label='发送消息']::after,
+#root button[aria-label='Send message']::after {
+  content: '';
+  position: absolute;
+  inset: 3px;
+  border: 1px solid rgb(238 253 255 / 28%);
+  border-radius: inherit;
+  pointer-events: none;
+  opacity: 0.58;
+  transition: opacity var(--xiaohei-motion-fast) ease, transform 220ms var(--xiaohei-motion-curve);
+}
+
+#root button[aria-label='发送消息']:not(:disabled):hover,
+#root button[aria-label='Send message']:not(:disabled):hover {
+  filter: brightness(1.05) saturate(1.03);
+  box-shadow:
+    inset 0 1px rgb(255 255 255 / 42%),
+    inset 0 -2px rgb(4 25 31 / 16%),
+    0 8px 20px var(--xiaohei-focus-shadow) !important;
+}
+
+#root button[aria-label='发送消息']:not(:disabled):active,
+#root button[aria-label='Send message']:not(:disabled):active {
+  transform: translateY(1px) scale(0.96);
+}
+
+#root button[aria-label='发送消息']:not(:disabled):active::after,
+#root button[aria-label='Send message']:not(:disabled):active::after {
+  opacity: 0.86;
+  transform: scale(0.76);
+}
+
+#root button[aria-label='发送消息']:disabled,
+#root button[aria-label='Send message']:disabled {
+  border-color: var(--xiaohei-edge) !important;
+  color: var(--dsw-alias-label-dimmed) !important;
+  background: var(--xiaohei-surface-muted) !important;
+  filter: saturate(0.42);
+  box-shadow: inset 0 1px rgb(255 255 255 / 8%) !important;
+}
+
+#root button[aria-label='发送消息']:disabled::after,
+#root button[aria-label='Send message']:disabled::after {
+  opacity: 0.12;
+}
+
+@media (max-width: 700px) {
+  #root [data-composer-card='true'] {
+    border-radius: 7px !important;
+  }
+}
+`;
+//# sourceMappingURL=composer.js.map

package/lib/chrome/composer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"composer.js","sourceRoot":"","sources":["../../src/chrome/composer.ts"],"names":[],"mappings":"AAAA,mEAAmE;AACnE,MAAM,CAAC,MAAM,oBAAoB,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA+InC,CAAA"}

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

@@ -0,0 +1,3 @@
+/** Native conversation messages restyled without changing their DOM contract. */
+export declare const XIAOHEI_CONVERSATION_MESSAGES_CSS = "\n/* Keep DSH's native max width; only tune vertical reading rhythm. */\n#root [data-chat-flow] {\n  gap: 18px;\n}\n\n#root [data-chat-flow-kind='assistant-step'] {\n  color: var(--xiaohei-conversation-text);\n}\n\n#root [data-chat-flow-kind='assistant-step'] > div {\n  color: var(--xiaohei-conversation-text) !important;\n  background: transparent !important;\n  border: 0 !important;\n  box-shadow: none !important;\n}\n\n#root [data-chat-flow-kind='assistant-step'] :is(p, li, h1, h2, h3, h4, h5, h6) {\n  color: var(--xiaohei-conversation-text);\n}\n\n/* User and steering prose keep a light bubble; image-only rows stay untouched. */\n#root [data-chat-flow-kind='user'] [data-time-hover-root]\n  > div:first-child > div:last-child:not(:has(img)),\n#root [data-pending-steering]\n  > div:first-child > div:last-child:not(:has(img)) {\n  color: var(--xiaohei-conversation-text) !important;\n  border: 1px solid var(--xiaohei-conversation-user-edge);\n  border-radius: 18px;\n  background: var(--xiaohei-conversation-user) !important;\n  box-shadow: none !important;\n}\n\n/* Context, recall, compaction and tool rows stay readable but subordinate. */\n#root [data-chat-flow-kind='context'],\n#root [data-chat-flow-kind='manual-compaction'],\n#root [data-chat-flow-kind='command'] > div,\n#root [data-context-injection-body],\n#root [data-context-source],\n#root [data-context-summary],\n#root [data-turn-tail] [role='status'] {\n  color: var(--xiaohei-conversation-meta);\n}\n\n#root [data-chat-flow-kind='context'],\n#root [data-chat-flow-kind='manual-compaction'] {\n  font-size: 13px;\n}\n\n#root [data-chat-flow-kind='command'] > div {\n  opacity: 0.82;\n  transition: opacity var(--xiaohei-motion-fast) ease;\n}\n\n#root [data-chat-flow-kind='command']:hover > div,\n#root [data-chat-flow-kind='command']:focus-within > div {\n  opacity: 1;\n}\n\n#root [data-context-injection-body] {\n  border: 1px solid rgb(111 153 148 / 8%);\n  background: rgb(111 153 148 / 5%) !important;\n}\n\n/* Copy, branch, retry and plugin-provided message actions stay quiet at rest. */\n#root [data-time-hover-root] button,\n#root [data-turn-tail] button {\n  opacity: 0.38;\n  transition:\n    color var(--xiaohei-motion-fast) ease,\n    background-color var(--xiaohei-motion-fast) ease,\n    opacity var(--xiaohei-motion-fast) ease;\n}\n\n#root [data-time-hover-root]:hover button,\n#root [data-time-hover-root]:focus-within button,\n#root [data-turn-tail]:hover button,\n#root [data-turn-tail]:focus-within button {\n  opacity: 0.82;\n}\n\nhtml[data-xiaohei-appearance='light'] #root [data-chat-flow-kind='assistant-step'] > div,\nhtml[data-xiaohei-appearance='light'] #root [data-chat-flow-kind='assistant-step'] :is(p, li, h1, h2, h3, h4, h5, h6) {\n  color: #343B3A !important;\n}\n\n@media (prefers-contrast: more), (forced-colors: active) {\n  #root [data-time-hover-root] button,\n  #root [data-turn-tail] button,\n  #root [data-chat-flow-kind='command'] > div {\n    opacity: 1;\n  }\n}\n";
+//# sourceMappingURL=conversation-messages.d.ts.map

package/lib/chrome/conversation-messages.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"conversation-messages.d.ts","sourceRoot":"","sources":["../../src/chrome/conversation-messages.ts"],"names":[],"mappings":"AAAA,iFAAiF;AACjF,eAAO,MAAM,iCAAiC,g7FA6F7C,CAAA"}

package/lib/chrome/conversation-messages.js

@@ -0,0 +1,96 @@
+/** 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);
+}
+
+#root [data-chat-flow-kind='assistant-step'] > 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 keep a light bubble; image-only rows stay untouched. */
+#root [data-chat-flow-kind='user'] [data-time-hover-root]
+  > div:first-child > div:last-child:not(:has(img)),
+#root [data-pending-steering]
+  > div:first-child > div:last-child:not(:has(img)) {
+  color: var(--xiaohei-conversation-text) !important;
+  border: 1px solid var(--xiaohei-conversation-user-edge);
+  border-radius: 18px;
+  background: var(--xiaohei-conversation-user) !important;
+  box-shadow: none !important;
+}
+
+/* Context, recall, compaction and tool rows stay readable but subordinate. */
+#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 [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(111 153 148 / 8%);
+  background: rgb(111 153 148 / 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'] > div,
+html[data-xiaohei-appearance='light'] #root [data-chat-flow-kind='assistant-step'] :is(p, li, h1, h2, h3, h4, h5, h6) {
+  color: #343B3A !important;
+}
+
+@media (prefers-contrast: more), (forced-colors: active) {
+  #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-messages.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"conversation-messages.js","sourceRoot":"","sources":["../../src/chrome/conversation-messages.ts"],"names":[],"mappings":"AAAA,iFAAiF;AACjF,MAAM,CAAC,MAAM,iCAAiC,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA6FhD,CAAA"}

package/lib/chrome/conversation.d.ts

@@ -0,0 +1,3 @@
+/** Conversation-level controls and quiet Xiaohei identity details. */
+export declare const XIAOHEI_CONVERSATION_CSS = "\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.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"conversation.d.ts","sourceRoot":"","sources":["../../src/chrome/conversation.ts"],"names":[],"mappings":"AAAA,sEAAsE;AACtE,eAAO,MAAM,wBAAwB,kkFA0DpC,CAAA"}

package/lib/chrome/conversation.js

@@ -0,0 +1,61 @@
+/** Conversation-level controls and quiet Xiaohei identity details. */
+export const XIAOHEI_CONVERSATION_CSS = `
+#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/conversation.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"conversation.js","sourceRoot":"","sources":["../../src/chrome/conversation.ts"],"names":[],"mappings":"AAAA,sEAAsE;AACtE,MAAM,CAAC,MAAM,wBAAwB,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA0DvC,CAAA"}

package/lib/chrome/frames.d.ts

@@ -0,0 +1,6 @@
+/**
+ * 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  display: grid;\n  place-items: center;\n  flex: none;\n  width: 30px;\n  height: 30px;\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  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]):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.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"frames.d.ts","sourceRoot":"","sources":["../../src/chrome/frames.ts"],"names":[],"mappings":"AAAA;;;GAGG;AACH,eAAO,MAAM,wBAAwB,g4GAkHpC,CAAA"}

package/lib/chrome/frames.js

@@ -0,0 +1,120 @@
+/**
+ * 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]) {
+  display: grid;
+  place-items: center;
+  flex: none;
+  width: 30px;
+  height: 30px;
+  padding: 0;
+  border: 1px solid transparent;
+  border-radius: var(--xiaohei-radius-small);
+  color: var(--dsw-alias-label-secondary);
+  background: 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]):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/frames.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"frames.js","sourceRoot":"","sources":["../../src/chrome/frames.ts"],"names":[],"mappings":"AAAA;;;GAGG;AACH,MAAM,CAAC,MAAM,wBAAwB,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAkHvC,CAAA"}

package/lib/chrome/gaze.d.ts

@@ -0,0 +1,3 @@
+/** 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

package/lib/chrome/gaze.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"gaze.d.ts","sourceRoot":"","sources":["../../src/chrome/gaze.ts"],"names":[],"mappings":"AAAA,6EAA6E;AAC7E,eAAO,MAAM,gBAAgB,y6DAoG5B,CAAA"}

package/lib/chrome/gaze.js

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

package/lib/chrome/gaze.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"gaze.js","sourceRoot":"","sources":["../../src/chrome/gaze.ts"],"names":[],"mappings":"AAAA,6EAA6E;AAC7E,MAAM,CAAC,MAAM,gBAAgB,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAoG/B,CAAA"}

package/lib/chrome/identity.d.ts

@@ -0,0 +1,6 @@
+/**
+ * Xiaohei ornaments shared by native DSH chrome and opt-in feature plugins.
+ * Frames own geometry and headings; this layer owns generated hanging art only.
+ */
+export declare const XIAOHEI_IDENTITY_CSS: string;
+//# sourceMappingURL=identity.d.ts.map

package/lib/chrome/identity.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"identity.d.ts","sourceRoot":"","sources":["../../src/chrome/identity.ts"],"names":[],"mappings":"AAKA;;;GAGG;AACH,eAAO,MAAM,oBAAoB,QAsDhC,CAAA"}