@lemoncat7/dsh-partner 1.5.1 → 1.5.2

package/lib/client.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"client.d.ts","sourceRoot":"","sources":["../src/client.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,wCAAwC,CAAA;AAuC3E,eAAO,MAAM,MAAM,UAAkC,CAAA;AAErD,wBAAgB,KAAK,CAAC,GAAG,EAAE,aAAa,GAAG,IAAI,CAQ9C"}
+{"version":3,"file":"client.d.ts","sourceRoot":"","sources":["../src/client.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,wCAAwC,CAAA;AAwC3E,eAAO,MAAM,MAAM,UAAkC,CAAA;AAErD,wBAAgB,KAAK,CAAC,GAAG,EAAE,aAAa,GAAG,IAAI,CAQ9C"}

package/lib/client.js

@@ -1162,14 +1162,12 @@ QRCodeSVG.displayName = "QRCodeSVG";
 var client_default = `.dsh-partner-sidebar,
 .dsh-partner-workspace {
   color-scheme: light;
-  --partner-canvas: var(--partner-solid-canvas);
   --partner-surface: rgba(246, 247, 250, .17);
   --partner-pane: rgba(255, 255, 255, .16);
   --partner-raised: rgba(255, 255, 255, .38);
   --partner-control: rgba(255, 255, 255, .27);
   --partner-card-surface: rgba(255, 255, 255, .16);
   --partner-card-highlight: rgba(255, 255, 255, .58);
-  --partner-solid-canvas: #ebebeb;
   --partner-solid-panel: #f4f4f4;
   --partner-solid-raised: #fafafa;
   --partner-solid-control: #ffffff;
@@ -1224,38 +1222,38 @@ var client_default = `.dsh-partner-sidebar,
 
 body[data-ds-dark-theme] :is(.dsh-partner-sidebar, .dsh-partner-workspace) {
   color-scheme: dark;
-  --partner-canvas: var(--partner-solid-canvas);
-  --partner-surface: rgba(8, 10, 12, .19);
-  --partner-pane: rgba(8, 10, 12, .18);
-  --partner-raised: rgba(8, 10, 12, .42);
-  --partner-control: rgba(8, 10, 12, .3);
-  --partner-card-surface: rgba(7, 9, 11, .22);
+  /* Owned cool-charcoal glass: sufficiently opaque to resist host tint while
+     preserving depth, blur and edge light across the workspace. */
+  --partner-surface: rgb(16 23 25 / 92%);
+  --partner-pane: rgb(25 33 35 / 90%);
+  --partner-raised: rgb(32 41 43 / 94%);
+  --partner-control: rgb(39 50 53 / 92%);
+  --partner-card-surface: rgb(32 41 43 / 90%);
   --partner-card-highlight: rgba(255, 255, 255, .11);
-  --partner-solid-canvas: #1c1c1e;
-  --partner-solid-panel: #2c2c2e;
-  --partner-solid-raised: #323235;
-  --partner-solid-control: #3a3a3c;
+  --partner-solid-panel: #182022;
+  --partner-solid-raised: #20292b;
+  --partner-solid-control: #273235;
   --partner-dialog-veil: transparent;
   --partner-card-shadow:
     inset 0 1px 0 var(--partner-card-highlight),
     inset 0 -1px 0 rgba(0, 0, 0, .28),
     0 12px 30px rgba(0, 0, 0, .28),
     0 2px 7px rgba(0, 0, 0, .2);
-  --partner-text: #f5f5f7;
-  --partner-text-secondary: #d1d1d6;
-  --partner-text-tertiary: #98989d;
-  --partner-accent: #aeaeb2;
-  --partner-accent-strong: #f5f5f7;
-  --partner-on-accent: #1d1d1f;
+  --partner-text: #e3eaeb;
+  --partner-text-secondary: #bbc9cc;
+  --partner-text-tertiary: #95a7ab;
+  --partner-accent: #69b6ba;
+  --partner-accent-strong: #8aced0;
+  --partner-on-accent: #101819;
   --partner-success: #30d158;
   --partner-weixin: #30c96b;
   --partner-warning: #ff9f0a;
   --partner-danger: #ff453a;
-  --partner-border: rgba(255, 255, 255, .105);
-  --partner-separator: rgba(255, 255, 255, .08);
-  --partner-hover: rgba(255, 255, 255, .075);
-  --partner-selected: rgba(255, 255, 255, .09);
-  --partner-focus-ring: rgba(255, 255, 255, .52);
+  --partner-border: rgb(184 204 205 / 11%);
+  --partner-separator: rgb(184 204 205 / 8%);
+  --partner-hover: rgb(105 182 186 / 9%);
+  --partner-selected: rgb(105 182 186 / 14%);
+  --partner-focus-ring: rgb(105 182 186 / 72%);
   --partner-glass-clear: rgba(0, 0, 0, .1);
   --partner-glass-regular: rgba(0, 0, 0, .16);
   --partner-glass-thick: rgba(0, 0, 0, .26);
@@ -1677,7 +1675,7 @@ body[data-ds-dark-theme] :is(.dsh-partner-sidebar, .dsh-partner-workspace) {
 .dsh-partner-avatar { display: grid; place-items: center; flex: none; width: 36px; height: 36px; border: 1px solid var(--partner-border); border-radius: 12px; color: var(--partner-text); background: linear-gradient(145deg, var(--partner-glass-thick), var(--partner-control)); box-shadow: inset 0 1px 0 var(--partner-glass-highlight), var(--partner-shadow-sm); font-size: var(--partner-font-label); font-weight: 650; }
 .dsh-partner-avatar.is-small { width: 25px; height: 25px; border-radius: 8px; font-size: var(--partner-font-caption); }
 
-.dsh-partner-workspace { position: relative; isolation: isolate; display: grid; grid-template-rows: auto minmax(0, 1fr); width: 100%; height: 100%; min-width: 0; overflow: hidden; background: var(--partner-canvas); }
+.dsh-partner-workspace { position: relative; isolation: isolate; display: grid; grid-template-rows: auto minmax(0, 1fr); width: 100%; height: 100%; min-width: 0; overflow: hidden; background: transparent; }
 .dsh-partner-glass-surface { position: relative; isolation: isolate; transition: opacity 180ms ease-out, border-color 180ms ease, box-shadow 220ms var(--partner-ease-out), transform 220ms var(--partner-ease-out); }
 .dsh-partner-glass-surface.is-svg { -webkit-backdrop-filter: var(--partner-glass-filter-id) saturate(var(--partner-glass-saturation)); backdrop-filter: var(--partner-glass-filter-id) saturate(var(--partner-glass-saturation)); }
 .dsh-partner-glass-surface.is-fallback { -webkit-backdrop-filter: var(--partner-glass-filter); backdrop-filter: var(--partner-glass-filter); }
@@ -2484,7 +2482,6 @@ body[data-ds-dark-theme] :is(.dsh-partner-sidebar, .dsh-partner-workspace) {
 
 @media (prefers-reduced-transparency: reduce) {
   :is(.dsh-partner-sidebar, .dsh-partner-workspace) {
-    --partner-canvas: var(--partner-solid-canvas);
     --partner-surface: var(--partner-solid-panel);
     --partner-pane: var(--partner-solid-panel);
     --partner-raised: var(--partner-solid-raised);
@@ -2510,7 +2507,6 @@ body[data-ds-dark-theme] :is(.dsh-partner-sidebar, .dsh-partner-workspace) {
 
 @supports not ((-webkit-backdrop-filter: blur(1px)) or (backdrop-filter: blur(1px))) {
   :is(.dsh-partner-sidebar, .dsh-partner-workspace) {
-    --partner-canvas: var(--partner-solid-canvas);
     --partner-surface: var(--partner-solid-panel);
     --partner-pane: var(--partner-solid-panel);
     --partner-raised: var(--partner-solid-raised);
@@ -2609,6 +2605,262 @@ body[data-ds-dark-theme] :is(.dsh-partner-sidebar, .dsh-partner-workspace) {
 // src/ui/workspace-ui.css
 var workspace_ui_default = '.dsh-partner-feature-hero-actions { display: flex; align-items: center; justify-content: flex-end; flex-wrap: wrap; gap: 8px; }\n.dsh-partner-feature-page { gap: 20px; }\n.dsh-partner-feature-hero { min-height: 92px; padding-bottom: 18px; }\n.dsh-partner-feature-hero p { max-width: 62ch; text-wrap: pretty; }\n.dsh-partner-feature-block { gap: 16px; padding: 20px; border-radius: 18px; box-shadow: inset 0 1px 0 var(--partner-card-highlight), 0 5px 16px color-mix(in srgb, var(--partner-text) 4%, transparent); }\n.dsh-partner-feature-block > header { min-height: 40px; }\n.dsh-partner-feature-block > header strong { font-size: var(--partner-font-label); letter-spacing: -.01em; }\n.dsh-partner-feature-block > header small { margin-top: 1px; }\n\n:is(.dsh-partner-feature-form, .dsh-partner-task-form, .dsh-partner-schedule-form) :where(input, textarea, select) { outline: 0; }\n.dsh-partner-workspace select:not([multiple]) {\n  appearance: none;\n  padding-right: 32px;\n  border-color: var(--partner-border);\n  border-radius: 9px;\n  color: var(--partner-text);\n  background-color: var(--partner-control);\n  background-image: linear-gradient(45deg, transparent 50%, currentColor 50%), linear-gradient(135deg, currentColor 50%, transparent 50%);\n  background-position: calc(100% - 15px) calc(50% - 1px), calc(100% - 11px) calc(50% - 1px);\n  background-repeat: no-repeat;\n  background-size: 4px 4px, 4px 4px;\n  box-shadow: inset 0 1px 0 color-mix(in srgb, var(--partner-card-highlight) 54%, transparent), inset 0 -1px 0 var(--partner-glass-rim-shadow);\n  font-family: var(--partner-font-family);\n  font-size: var(--partner-font-body);\n  font-weight: 520;\n  cursor: pointer;\n  transition: border-color 150ms ease, background-color 150ms ease, box-shadow 150ms ease;\n}\n.dsh-partner-workspace select:not([multiple]):hover:not(:disabled) { border-color: color-mix(in srgb, var(--partner-text) 24%, var(--partner-border)); background-color: var(--partner-hover); }\n.dsh-partner-workspace select:not([multiple]):focus-visible { border-color: var(--partner-focus-ring); background-color: var(--partner-raised); box-shadow: 0 0 0 3px color-mix(in srgb, var(--partner-focus-ring) 16%, transparent), inset 0 1px 0 color-mix(in srgb, var(--partner-card-highlight) 66%, transparent); }\n.dsh-partner-workspace select:not([multiple]):disabled { cursor: not-allowed; }\n.dsh-partner-workspace select option { color: var(--partner-text); background: var(--partner-solid-control); font: inherit; }\n:is(.dsh-partner-feature-form, .dsh-partner-task-form, .dsh-partner-schedule-form) > footer { align-items: center; margin-top: 4px; padding-top: 16px; border-top: 1px solid var(--partner-separator); }\n.dsh-partner-form-footer-spacer { flex: 1; }\n:is(.dsh-partner-feature-form, .dsh-partner-task-form, .dsh-partner-schedule-form) > footer .is-primary { color: var(--partner-on-accent); border-color: var(--partner-accent-strong); background: var(--partner-accent-strong); }\n:is(.dsh-partner-feature-form, .dsh-partner-task-form, .dsh-partner-schedule-form) > footer .is-primary:hover { color: var(--partner-on-accent); border-color: var(--partner-accent-strong); background: color-mix(in srgb, var(--partner-accent-strong) 88%, #000); }\n:is(.dsh-partner-feature-form, .dsh-partner-task-form, .dsh-partner-schedule-form) > .dsh-partner-workspace-notice { grid-column: 1 / -1; margin: 0; }\n.dsh-partner-feature-page button:disabled { cursor: not-allowed; opacity: .48; }\n.dsh-partner-identity-danger > div { display: flex; align-items: center; justify-content: flex-end; gap: 7px; }\n.dsh-partner-identity-danger[data-confirming="true"] { margin-inline: -12px; padding: 16px 12px 0; border-top-color: color-mix(in srgb, var(--partner-danger) 30%, var(--partner-border)); background: color-mix(in srgb, var(--partner-danger) 4%, transparent); }\n.dsh-partner-identity-danger button.is-secondary { border-color: var(--partner-border); color: var(--partner-text-secondary); background: var(--partner-control); }\n.dsh-partner-identity-danger button.is-danger { color: var(--partner-on-accent); border-color: var(--partner-danger); background: var(--partner-danger); }\n.dsh-partner-profile-entries article > header button.is-danger { color: var(--partner-danger); background: color-mix(in srgb, var(--partner-danger) 8%, transparent); }\n\n.dsh-partner-skill-installed > article,\n.dsh-partner-market-grid > article,\n.dsh-partner-schedule-list > article { transition: border-color 150ms ease, background-color 150ms ease, transform 180ms var(--partner-ease-out); }\n.dsh-partner-skill-installed > article:hover,\n.dsh-partner-schedule-list > article:hover { border-color: color-mix(in srgb, var(--partner-text) 20%, var(--partner-border)); background: color-mix(in srgb, var(--partner-hover) 60%, var(--partner-raised)); transform: translate3d(0, -1px, 0); }\n.dsh-partner-schedule-meta { display: flex !important; align-items: center; flex-wrap: wrap; gap: 5px 10px !important; margin-top: 2px; }\n.dsh-partner-schedule-meta > em { position: relative; color: var(--partner-text-tertiary); font-size: var(--partner-font-caption); font-style: normal; font-variant-numeric: tabular-nums; }\n.dsh-partner-schedule-meta > em + em::before { position: absolute; top: 50%; left: -6px; width: 2px; height: 2px; border-radius: 50%; background: var(--partner-text-tertiary); content: ""; }\n.dsh-partner-run-list > article { border-radius: 9px; transition: background-color 140ms ease; }\n.dsh-partner-run-list > article:hover { background: var(--partner-hover); }\n.dsh-partner-board > section { border-radius: 16px; }\n.dsh-partner-task-card { box-shadow: none; }\n.dsh-partner-task-card[data-expanded="true"] { box-shadow: 0 6px 18px color-mix(in srgb, var(--partner-text) 6%, transparent); }\n\n@media (hover: hover) {\n  .dsh-partner-skill-installed .is-icon,\n  .dsh-partner-schedule-list .is-icon { opacity: .34; transition: opacity 140ms ease, color 140ms ease, background-color 140ms ease; }\n  .dsh-partner-skill-installed > article:hover .is-icon,\n  .dsh-partner-schedule-list > article:hover .is-icon,\n  .dsh-partner-skill-installed .is-icon:focus-visible,\n  .dsh-partner-schedule-list .is-icon:focus-visible { opacity: 1; }\n}\n\n.dsh-partner-workspace-dialog-layer { position: absolute; z-index: 12; inset: 0; display: flex; align-items: center; justify-content: center; padding: clamp(16px, 3vw, 32px); background: var(--partner-dialog-veil); }\n.dsh-partner-workspace-dialog { position: relative; inset: auto; display: grid; grid-template-rows: auto minmax(0, 1fr); width: min(560px, 100%); max-width: none; height: auto; max-height: min(680px, 100%); margin: 0; padding: 0; overflow: hidden; border: 1px solid color-mix(in srgb, var(--partner-text) 18%, var(--partner-border)); border-radius: 16px; color: var(--partner-text); background: var(--partner-solid-panel); box-shadow: 0 22px 58px color-mix(in srgb, #000 18%, transparent), 0 4px 14px color-mix(in srgb, #000 8%, transparent), inset 0 1px 0 var(--partner-card-highlight); animation: dsh-partner-dialog-enter 200ms var(--partner-ease-out) both; }\n.dsh-partner-workspace-dialog.is-wide { width: min(680px, 100%); max-height: min(720px, 100%); }\n.dsh-partner-workspace-dialog > header { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: start; gap: 20px; padding: 22px 22px 18px; border-bottom: 1px solid var(--partner-separator); background: var(--partner-solid-raised); }\n.dsh-partner-workspace-dialog > header > span { display: grid; gap: 5px; min-width: 0; }\n.dsh-partner-workspace-dialog > header small { color: var(--partner-text-tertiary); font-size: var(--partner-font-caption); font-weight: 680; letter-spacing: .09em; }\n.dsh-partner-workspace-dialog > header strong { font-size: var(--partner-font-title); line-height: 1.25; font-weight: 660; letter-spacing: -.025em; text-wrap: balance; }\n.dsh-partner-workspace-dialog > header p { max-width: 58ch; margin: 0; color: var(--partner-text-secondary); font-size: var(--partner-font-body); line-height: 1.55; text-wrap: pretty; }\n.dsh-partner-workspace-dialog > header button { display: grid; place-items: center; width: 32px; min-height: 32px; padding: 0; border: 1px solid transparent; border-radius: 9px; color: var(--partner-text-tertiary); background: transparent; box-shadow: none; cursor: pointer; transition: color 140ms ease, border-color 140ms ease, background-color 140ms ease, transform 140ms var(--partner-ease-out); }\n.dsh-partner-workspace-dialog > header button:hover { border-color: var(--partner-border); color: var(--partner-text); background: var(--partner-hover); }\n.dsh-partner-workspace-dialog > header button:active { transform: scale(.94); }\n.dsh-partner-workspace-dialog-body { min-width: 0; min-height: 0; overflow: auto; padding: 20px 22px 24px; overscroll-behavior: contain; scrollbar-gutter: stable; }\n.dsh-partner-workspace-dialog-body > :is(form, .dsh-partner-feature-form, .dsh-partner-task-form, .dsh-partner-schedule-form) { margin: 0; padding: 0; border: 0; border-radius: 0; background: transparent; box-shadow: none; }\n.dsh-partner-workspace-dialog-body > :is(form, .dsh-partner-task-detail) > footer:last-child { position: sticky; z-index: 2; bottom: -24px; margin: 4px -22px -24px; padding: 14px 22px; border-top: 1px solid var(--partner-separator); background: var(--partner-solid-raised); box-shadow: 0 -10px 24px color-mix(in srgb, #000 5%, transparent); }\n\n.dsh-partner-workspace-notice { display: grid; grid-template-columns: 7px minmax(0, 1fr); align-items: start; gap: 10px; margin: 0 0 14px; padding: 11px 13px; border: 1px solid var(--partner-border); border-radius: 10px; color: var(--partner-text-secondary); background: var(--partner-control); font-size: var(--partner-font-body); line-height: 1.5; }\n.dsh-partner-workspace-notice > i { width: 7px; height: 7px; margin-top: .42em; border-radius: 50%; background: var(--partner-text-tertiary); }\n.dsh-partner-workspace-notice.is-error { border-color: color-mix(in srgb, var(--partner-danger) 30%, var(--partner-border)); color: var(--partner-danger); }\n.dsh-partner-workspace-notice.is-error > i { background: var(--partner-danger); }\n.dsh-partner-workspace-notice.is-warning > i { background: var(--partner-warning); }\n.dsh-partner-workspace-notice.is-success > i { background: var(--partner-success); }\n\n.dsh-partner-collection-empty { display: grid; justify-items: center; padding: 38px 24px 42px; color: var(--partner-text-secondary); text-align: center; }\n.dsh-partner-collection-empty > span { display: grid; place-items: center; width: 42px; height: 42px; margin-bottom: 12px; border: 1px solid var(--partner-border); border-radius: 13px; color: var(--partner-text-tertiary); background: var(--partner-control); }\n.dsh-partner-collection-empty > strong { color: var(--partner-text); font-size: var(--partner-font-label); font-weight: 620; }\n.dsh-partner-collection-empty > p { max-width: 46ch; margin: 6px 0 14px; color: var(--partner-text-tertiary); font-size: var(--partner-font-body); line-height: 1.55; text-wrap: pretty; }\n.dsh-partner-collection-empty > button { margin-top: 14px; }\n\n.dsh-partner-collection-skeleton { display: grid; gap: 8px; padding: 6px 0; }\n.dsh-partner-collection-skeleton > i { display: block; height: 68px; overflow: hidden; border: 1px solid var(--partner-border); border-radius: 12px; background: linear-gradient(100deg, var(--partner-control) 20%, var(--partner-hover) 38%, var(--partner-control) 56%); background-size: 220% 100%; animation: dsh-partner-skeleton 1.4s ease-in-out infinite; }\n\n.dsh-partner-count-label { display: inline-flex; align-items: baseline; gap: 5px; color: var(--partner-text-tertiary); font-size: var(--partner-font-caption); font-variant-numeric: tabular-nums; }\n.dsh-partner-count-label > b { color: var(--partner-text); font-size: var(--partner-font-label); font-weight: 650; }\n\n@keyframes dsh-partner-dialog-enter { from { opacity: 0; transform: translate3d(0, 10px, 0) scale(.985); } to { opacity: 1; transform: translate3d(0, 0, 0) scale(1); } }\n@keyframes dsh-partner-skeleton { 0% { background-position: 120% 0; } 100% { background-position: -120% 0; } }\n\n@media (max-width: 760px) {\n  .dsh-partner-workspace-dialog-layer { align-items: stretch; padding: 0; }\n  .dsh-partner-workspace-dialog, .dsh-partner-workspace-dialog.is-wide { width: 100%; height: 100%; max-height: none; border-width: 0; border-radius: 0; }\n  .dsh-partner-workspace-dialog > header { padding: 18px 18px 15px; }\n  .dsh-partner-workspace-dialog-body { padding: 18px 18px 26px; }\n  .dsh-partner-workspace-dialog-body > :is(form, .dsh-partner-task-detail) > footer:last-child { bottom: -26px; margin: 4px -18px -26px; padding: 13px 18px max(13px, env(safe-area-inset-bottom)); }\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .dsh-partner-workspace-dialog, .dsh-partner-collection-skeleton > i { animation: none; }\n}\n';
 
+// src/ui/responsive-ui.css
+var responsive_ui_default = `/* Mobile composition lives separately from the desktop visual system so each
+   layout can evolve without selector-specificity patches. */
+.dsh-partner-mobile-controls { display: none; }
+
+@media (max-width: 760px) {
+  .dsh-partner-workspace {
+    min-height: 0;
+    height: 100%;
+    max-height: 100dvh;
+    overflow: hidden;
+    font-size: 14px;
+  }
+
+  .dsh-partner-topbar {
+    min-width: 0;
+    margin: max(6px, env(safe-area-inset-top)) 6px 0;
+    padding: 7px 8px 8px;
+    border-radius: 14px 14px 10px 10px;
+  }
+
+  .dsh-partner-topbar > .dsh-partner-topbar-brand {
+    display: flex;
+    min-width: 0;
+    min-height: 44px;
+    gap: 9px;
+  }
+
+  .dsh-partner-topbar-brand > span:last-child { min-width: 0; }
+  .dsh-partner-topbar-brand strong,
+  .dsh-partner-topbar-brand small { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
+  .dsh-partner-topbar [data-xiaohei-workspace-close] { width: 44px; height: 44px; }
+
+  .dsh-partner-topbar > .dsh-partner-mobile-controls {
+    display: grid;
+    width: 100%;
+    gap: 6px;
+  }
+
+  .dsh-partner-mobile-companion-row { display: grid; min-width: 0; grid-template-columns: minmax(0, 1fr) 44px; gap: 6px; }
+  .dsh-partner-mobile-companion-picker { position: relative; display: block; min-width: 0; }
+  .dsh-partner-mobile-companion-picker::after {
+    position: absolute;
+    top: 50%;
+    right: 16px;
+    width: 7px;
+    height: 7px;
+    border-right: 1.5px solid currentColor;
+    border-bottom: 1.5px solid currentColor;
+    color: var(--partner-text-tertiary);
+    content: '';
+    transform: translateY(-70%) rotate(45deg);
+    pointer-events: none;
+  }
+  .dsh-partner-mobile-companion-picker select {
+    width: 100%;
+    min-width: 0;
+    min-height: 44px;
+    padding: 0 38px 0 13px;
+    overflow: hidden;
+    border: 1px solid var(--partner-border);
+    border-radius: 10px;
+    color: var(--partner-text);
+    background: var(--partner-control);
+    background-image: none;
+    box-shadow: inset 0 1px 0 var(--partner-glass-highlight);
+    font: 560 16px/1.25 var(--partner-font-family);
+    text-overflow: ellipsis;
+  }
+  .dsh-partner-mobile-create {
+    display: grid;
+    width: 44px;
+    min-height: 44px;
+    place-items: center;
+    padding: 0;
+    border: 1px solid var(--partner-border);
+    border-radius: 10px;
+    color: var(--partner-text-secondary);
+    background: var(--partner-control);
+    box-shadow: inset 0 1px 0 var(--partner-glass-highlight);
+  }
+
+  .dsh-partner-mobile-workspace-nav { gap: 6px; }
+  .dsh-partner-mobile-workspace-nav button {
+    min-height: 44px;
+    padding: 0 9px;
+    border-radius: 10px;
+    font-size: 13px;
+    touch-action: manipulation;
+  }
+
+  .dsh-partner-grid { min-width: 0; padding: 6px 6px max(6px, env(safe-area-inset-bottom)); }
+  .dsh-partner-stage { min-width: 0; border-radius: 13px; }
+  .dsh-partner-stage-scroll { padding: 18px 14px max(36px, calc(20px + env(safe-area-inset-bottom))); }
+
+  .dsh-partner-identity { min-width: 0; min-height: 76px; padding: 13px 14px 9px; }
+  .dsh-partner-identity > span:nth-child(2) { overflow: hidden; }
+  .dsh-partner-identity h1 { font-size: 20px; }
+  .dsh-partner-identity .dsh-partner-status { max-width: 112px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
+  .dsh-partner-tabs { min-height: 45px; margin-inline: 8px; gap: 0; scrollbar-width: none; }
+  .dsh-partner-tabs::-webkit-scrollbar { display: none; }
+  .dsh-partner-tabs button { min-height: 44px; padding-inline: 11px; touch-action: manipulation; }
+
+  .dsh-partner-feature-page { width: 100%; gap: 14px; padding: 18px 12px max(34px, calc(18px + env(safe-area-inset-bottom))); }
+  .dsh-partner-feature-hero { min-height: 0; gap: 13px; padding: 0 2px 14px 12px; }
+  .dsh-partner-feature-hero h2 { font-size: 23px; }
+  .dsh-partner-feature-hero p { font-size: 14px; line-height: 1.55; }
+  .dsh-partner-feature-hero > div { align-items: center; }
+  .dsh-partner-feature-block,
+  .dsh-partner-capability-detail { gap: 13px; padding: 14px; border-radius: 14px; }
+
+  .dsh-partner-workspace :where(input:not([type="checkbox"]):not([type="radio"]), textarea, select) { font-size: 16px; }
+  .dsh-partner-field :where(input, select),
+  :is(.dsh-partner-feature-form, .dsh-partner-task-form, .dsh-partner-schedule-form) :where(input, select),
+  .dsh-partner-board-search > input,
+  .dsh-partner-board-assignee > select,
+  .dsh-partner-task-detail select { min-height: 44px; height: auto; }
+  .dsh-partner-field textarea,
+  :is(.dsh-partner-feature-form, .dsh-partner-task-form, .dsh-partner-schedule-form) textarea { min-height: 96px; }
+
+  .dsh-partner-workspace :where(button:not(.dsh-partner-feature-switch)) { touch-action: manipulation; }
+  .dsh-partner-feature-page :where(button:not(.dsh-partner-feature-switch)),
+  .dsh-partner-form-actions > button,
+  .dsh-partner-state > button,
+  .dsh-partner-weixin-connect > button,
+  .dsh-partner-home-channel-actions button,
+  .dsh-partner-home-details header button,
+  .dsh-partner-identity-danger button,
+  .dsh-partner-library-header nav button,
+  .dsh-partner-graph-filters button,
+  .dsh-partner-graph-pair > section button { min-height: 44px; }
+  .dsh-partner-feature-page .is-icon { width: 44px; min-width: 44px; min-height: 44px; }
+  .dsh-partner-check { min-height: 44px; }
+  .dsh-partner-feature-switch,
+  .dsh-partner-feature-switch[data-on="true"] {
+    width: 44px;
+    height: 44px;
+    min-height: 44px !important;
+    border-color: transparent !important;
+    background: transparent !important;
+  }
+  .dsh-partner-feature-switch::before {
+    position: absolute;
+    top: 11px;
+    left: 3px;
+    width: 38px;
+    height: 22px;
+    border: 1px solid var(--partner-border);
+    border-radius: 999px;
+    background: color-mix(in srgb, var(--partner-text) 9%, transparent);
+    content: '';
+  }
+  .dsh-partner-feature-switch[data-on="true"]::before { border-color: var(--partner-accent-strong); background: var(--partner-accent-strong); }
+  .dsh-partner-feature-switch i { top: 15px; left: 6px; }
+
+  .dsh-partner-home-heading { margin-bottom: 16px; }
+  .dsh-partner-home-channel { min-height: 0; border-radius: 16px; }
+  .dsh-partner-home-route { min-height: 116px; padding: 20px; }
+  .dsh-partner-home-channel-copy { padding: 12px 18px 20px; }
+  .dsh-partner-home-channel-actions { align-items: stretch; flex-direction: column; gap: 8px; width: 100%; }
+  .dsh-partner-home-channel-actions button { width: 100%; }
+  .dsh-partner-home-details { gap: 10px; margin-top: 12px; }
+  .dsh-partner-home-details > section { padding: 16px 14px 17px; }
+  .dsh-partner-home-details header { grid-template-columns: 34px minmax(0, 1fr) auto; }
+  .dsh-partner-home-profile blockquote,
+  .dsh-partner-home-capability-list,
+  .dsh-partner-home-capability-list small,
+  .dsh-partner-home-continuity > p { margin-left: 0; }
+
+  .dsh-partner-form-actions,
+  .dsh-partner-identity-danger { align-items: stretch; flex-direction: column; }
+  .dsh-partner-form-actions > button,
+  .dsh-partner-identity-danger > div,
+  .dsh-partner-identity-danger button { width: 100%; }
+  .dsh-partner-identity-danger > div { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); }
+
+  .dsh-partner-skill-search,
+  .dsh-partner-skill-search.is-compact { min-height: 52px; grid-template-columns: 36px minmax(0, 1fr) 44px; gap: 6px; padding: 4px 5px 4px 8px; }
+  .dsh-partner-skill-search input,
+  .dsh-partner-skill-search.is-compact input { height: 44px; font-size: 16px; }
+  .dsh-partner-skill-search .dsh-partner-skill-search-clear { width: 44px; min-height: 44px; }
+  .dsh-partner-skill-search-count { grid-column: 2 / -1; min-width: 0; padding: 0 7px 3px 0; border-left: 0; line-height: 16px; text-align: left; }
+  .dsh-partner-skill-search:not(:has(.dsh-partner-skill-search-clear)) { grid-template-columns: 36px minmax(0, 1fr); }
+  .dsh-partner-market-sources > button { min-height: 44px; }
+  .dsh-partner-market-grid { grid-template-columns: 1fr; }
+  .dsh-partner-skill-installed > article,
+  .dsh-partner-skill-installed.is-market > article { grid-template-columns: 36px minmax(0, 1fr) 44px; padding: 10px; }
+  .dsh-partner-skill-installed.is-binding > article { min-height: 0; grid-template-columns: 36px minmax(0, 1fr); }
+  .dsh-partner-skill-installed.is-binding .dsh-partner-skill-binding-action { grid-column: 1 / -1; width: 100%; }
+  .dsh-partner-skill-picker-list { max-height: min(420px, 48dvh); grid-template-columns: 1fr; }
+  .dsh-partner-skill-picker-list > article { min-height: 0; }
+  .dsh-partner-skill-picker-list button { width: 100%; justify-self: stretch; }
+
+  .dsh-partner-board-tools { grid-template-columns: 1fr; }
+  .dsh-partner-board-assignee,
+  .dsh-partner-board-tools > small { grid-column: 1; }
+  .dsh-partner-board-tools > small { justify-self: start; }
+  .dsh-partner-board-search > button { right: 0; width: 44px; min-height: 44px; }
+  .dsh-partner-board-statuses { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 5px; }
+  .dsh-partner-board-statuses > button { min-width: 0; min-height: 44px; justify-content: center; gap: 4px; padding-inline: 5px; }
+  .dsh-partner-board { grid-template-columns: 1fr; }
+  .dsh-partner-board > section,
+  .dsh-partner-board[data-focused="true"] > section { height: min(430px, 55dvh); }
+  .dsh-partner-board > section[data-empty="true"],
+  .dsh-partner-board[data-focused="true"] > section[data-empty="true"] { height: 112px; }
+  .dsh-partner-task-fields label { grid-template-columns: 1fr; gap: 5px; }
+  .dsh-partner-task-dependency > div > span { min-height: 44px; grid-template-columns: 18px minmax(0, 1fr) 52px; }
+  .dsh-partner-task-dependency > div button { min-height: 44px; }
+  .dsh-partner-task-actions > span { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); }
+  .dsh-partner-task-actions button { width: 100%; }
+
+  .dsh-partner-schedule-time { grid-template-columns: 1fr; }
+  .dsh-partner-schedule-list > article {
+    min-height: 0;
+    grid-template-columns: minmax(0, 1fr) 44px;
+    align-items: center;
+    gap: 8px;
+    padding: 12px;
+  }
+  .dsh-partner-schedule-list > article > span:first-child { grid-column: 1 / -1; }
+  .dsh-partner-schedule-list > article > .dsh-partner-feature-switch { grid-column: 1; justify-self: start; }
+  .dsh-partner-schedule-list > article > button:not(.is-icon):not(.dsh-partner-feature-switch) { grid-column: 1; grid-row: 2; justify-self: end; }
+  .dsh-partner-schedule-list > article > .is-icon { grid-column: 2; grid-row: 2; }
+  .dsh-partner-schedule-list p,
+  .dsh-partner-run-list p { white-space: normal; overflow-wrap: anywhere; }
+
+  .dsh-partner-workspace-dialog > header {
+    padding: max(14px, env(safe-area-inset-top)) 14px 13px;
+  }
+  .dsh-partner-workspace-dialog > header button { width: 44px; min-height: 44px; }
+  .dsh-partner-workspace-dialog-body { padding: 16px 14px max(24px, env(safe-area-inset-bottom)); }
+  .dsh-partner-workspace-dialog-body > :is(form, .dsh-partner-task-detail) > footer:last-child {
+    bottom: calc(-1 * max(24px, env(safe-area-inset-bottom)));
+    margin: 4px -14px calc(-1 * max(24px, env(safe-area-inset-bottom)));
+    padding: 12px 14px max(12px, env(safe-area-inset-bottom));
+  }
+}
+
+@media (max-width: 420px) {
+  .dsh-partner-topbar-brand small { display: none; }
+  .dsh-partner-feature-page { padding-inline: 10px; }
+  .dsh-partner-feature-block,
+  .dsh-partner-capability-detail { padding: 12px; }
+  .dsh-partner-board-statuses { grid-template-columns: repeat(2, minmax(0, 1fr)); }
+  .dsh-partner-profile-meta { grid-template-columns: 1fr; }
+  .dsh-partner-profile-meta > span { padding-left: 0; border-left: 0; }
+}
+
+@media (max-width: 760px) and (max-height: 520px) and (orientation: landscape) {
+  .dsh-partner-topbar { grid-template-columns: minmax(150px, .72fr) minmax(0, 1.28fr); align-items: center; flex-direction: row; gap: 8px; }
+  .dsh-partner-mobile-controls { grid-template-columns: minmax(0, 1fr) minmax(190px, 1fr); }
+  .dsh-partner-stage-scroll { padding-bottom: 20px; }
+  .dsh-partner-workspace-dialog > header { padding-top: 10px; padding-bottom: 10px; }
+}
+`;
+
 // src/client-api.ts
 var PARTNER_API = "/partner-local/v1";
 async function api(path = "", init = {}) {
@@ -4488,7 +4740,8 @@ var import_jsx_runtime9 = require("react/jsx-runtime");
 var PLUGIN_ID = "@lemoncat7/dsh-partner";
 var STYLE_ID = `${PLUGIN_ID}/client`;
 var cssText = `${client_default}
-${workspace_ui_default}`;
+${workspace_ui_default}
+${responsive_ui_default}`;
 var WORKSPACE_PAGES = /* @__PURE__ */ new Set(["skills", "board", "schedules"]);
 var inject = ["slots", "layout", "sessions"];
 function apply(ctx) {
@@ -4607,7 +4860,7 @@ function PartnerWorkspace({ controller }) {
   return /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("main", { className: "dsh-partner-workspace", children: [
     creatingCompanion && /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(CompanionCreateDialog, { close: () => setCreatingCompanion(false), create }),
     /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("header", { className: "dsh-partner-topbar", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("div", { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("div", { className: "dsh-partner-topbar-brand", children: [
         /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("button", { type: "button", "data-xiaohei-workspace-close": true, onClick: controller.close, "aria-label": "\u8FD4\u56DE\u4F1A\u8BDD", title: "\u8FD4\u56DE\u4F1A\u8BDD", children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_dsh_client_ui_primitives8.IconChevronLeftOutline14, { size: 15 }) }),
         /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_dsh_client_ui_primitives8.IconAgentPresetOutline16, { size: 18 }),
         /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("span", { children: [
@@ -4615,20 +4868,17 @@ function PartnerWorkspace({ controller }) {
           /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("small", { children: "\u957F\u671F\u8EAB\u4EFD\u4E0E\u5FAE\u4FE1\u6E20\u9053" })
         ] })
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("nav", { className: "dsh-partner-mobile-workspace-nav", "aria-label": "\u4F19\u4F34\u5DE5\u4F5C\u533A\u5FEB\u6377\u5165\u53E3", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("button", { type: "button", className: view === "skills" ? "is-active" : "", "aria-label": "Skill \u5E02\u573A", onClick: () => setView("skills"), children: [
-          /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_dsh_client_ui_primitives8.IconBrowseOutline16, { size: 16 }),
-          /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("span", { children: "Skill" })
-        ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("button", { type: "button", className: view === "board" ? "is-active" : "", "aria-label": "\u4EFB\u52A1\u770B\u677F", onClick: () => setView("board"), children: [
-          /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_dsh_client_ui_primitives8.IconListPenOutline16, { size: 16 }),
-          /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("span", { children: "\u770B\u677F" })
-        ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("button", { type: "button", className: view === "schedules" ? "is-active" : "", "aria-label": "\u5B9A\u65F6\u4EFB\u52A1", onClick: () => setView("schedules"), children: [
-          /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_dsh_client_ui_primitives8.IconPlayOutline16, { size: 16 }),
-          /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("span", { children: "\u5B9A\u65F6" })
-        ] })
-      ] })
+      /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+        MobileWorkspaceControls,
+        {
+          companions: snapshot?.companions ?? [],
+          selectedId,
+          view,
+          openCompanion,
+          openPage: setView,
+          createCompanion: () => setCreatingCompanion(true)
+        }
+      )
     ] }),
     /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("div", { className: "dsh-partner-grid", children: [
       /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("aside", { className: "dsh-partner-roster", children: [
@@ -4710,6 +4960,38 @@ function PartnerWorkspace({ controller }) {
     ] })
   ] });
 }
+function MobileWorkspaceControls({ companions, selectedId, view, openCompanion, openPage, createCompanion }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("div", { className: "dsh-partner-mobile-controls", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("div", { className: "dsh-partner-mobile-companion-row", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("label", { className: "dsh-partner-mobile-companion-picker", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("span", { className: "sr-only", children: "\u5F53\u524D\u4F19\u4F34" }),
+        /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("select", { value: selectedId ?? "", disabled: companions.length === 0, "aria-label": "\u5207\u6362\u5F53\u524D\u4F19\u4F34", onChange: (event) => openCompanion(event.target.value), children: [
+          companions.length === 0 && /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("option", { value: "", children: "\u8FD8\u6CA1\u6709\u4F19\u4F34" }),
+          companions.map((companion) => /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("option", { value: companion.id, children: [
+            companion.name,
+            " \xB7 ",
+            companion.role
+          ] }, companion.id))
+        ] })
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("button", { type: "button", className: "dsh-partner-mobile-create", onClick: createCompanion, "aria-label": "\u65B0\u5EFA\u4F19\u4F34", children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_dsh_client_ui_primitives8.IconPlusOutline16, { size: 17 }) })
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("nav", { className: "dsh-partner-mobile-workspace-nav", "aria-label": "\u4F19\u4F34\u5DE5\u4F5C\u533A\u5FEB\u6377\u5165\u53E3", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("button", { type: "button", className: view === "skills" ? "is-active" : "", "aria-pressed": view === "skills", onClick: () => openPage("skills"), children: [
+        /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_dsh_client_ui_primitives8.IconBrowseOutline16, { size: 16 }),
+        /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("span", { children: "Skill" })
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("button", { type: "button", className: view === "board" ? "is-active" : "", "aria-pressed": view === "board", onClick: () => openPage("board"), children: [
+        /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_dsh_client_ui_primitives8.IconListPenOutline16, { size: 16 }),
+        /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("span", { children: "\u770B\u677F" })
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("button", { type: "button", className: view === "schedules" ? "is-active" : "", "aria-pressed": view === "schedules", onClick: () => openPage("schedules"), children: [
+        /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_dsh_client_ui_primitives8.IconPlayOutline16, { size: 16 }),
+        /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("span", { children: "\u5B9A\u65F6" })
+      ] })
+    ] })
+  ] });
+}
 function HomePanel({ companion, snapshot, navigate, openSession, startSession, renewSession }) {
   const channel = snapshot.channels.find((item) => item.companionId === companion.id);
   const sessions2 = snapshot.sessions.filter((item) => item.companionId === companion.id);