@lemoncat7/dsh-partner 1.5.0 → 1.5.2-next.4

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);
@@ -1468,28 +1466,56 @@ body[data-ds-dark-theme] :is(.dsh-partner-sidebar, .dsh-partner-workspace) {
 .dsh-partner-feature-form > p.is-success { color: var(--partner-success); background: color-mix(in srgb, var(--partner-success) 7%, transparent); }
 .dsh-partner-board-live { display: inline-flex; min-height: 36px; align-items: center; gap: 7px; padding: 0 10px; color: var(--partner-text-tertiary); font-size: var(--partner-font-caption); }
 .dsh-partner-board-live > i { width: 7px; height: 7px; border-radius: 50%; background: var(--partner-success); box-shadow: 0 0 0 4px color-mix(in srgb, var(--partner-success) 10%, transparent); }
-.dsh-partner-board { display: grid; grid-template-columns: repeat(6, minmax(280px, 1fr)); gap: 10px; overflow-x: auto; padding: 1px 1px 10px; scroll-snap-type: x proximity; scrollbar-width: thin; }
-.dsh-partner-board > section { display: grid; min-height: 430px; align-content: start; gap: 9px; padding: 11px; border: 1px solid var(--partner-border); border-radius: 14px; background: color-mix(in srgb, var(--partner-raised) 66%, transparent); scroll-snap-align: start; }
+.dsh-partner-board-tools { display: grid; grid-template-columns: minmax(220px, 1fr) minmax(140px, 180px) auto; align-items: center; gap: 8px; }
+.dsh-partner-board-search { position: relative; display: flex; min-width: 0; align-items: center; }
+.dsh-partner-board-search > span:not(.sr-only) { position: absolute; z-index: 1; left: 11px; display: grid; place-items: center; color: var(--partner-text-tertiary); pointer-events: none; }
+.dsh-partner-board-search > input,
+.dsh-partner-board-assignee > select { width: 100%; min-height: 38px; border: 1px solid var(--partner-border); border-radius: 10px; color: var(--partner-text); background-color: var(--partner-control); font: var(--partner-font-body)/1.4 var(--partner-font-family); transition: border-color 150ms ease, background-color 150ms ease, box-shadow 150ms ease; }
+.dsh-partner-board-search > input { padding: 8px 38px 8px 34px; }
+.dsh-partner-board-search > input::placeholder { color: var(--partner-text-tertiary); }
+.dsh-partner-board-search > input:hover,
+.dsh-partner-board-assignee > select:hover { border-color: color-mix(in srgb, var(--partner-text) 24%, var(--partner-border)); background-color: var(--partner-hover); }
+.dsh-partner-board-search > input:focus-visible,
+.dsh-partner-board-assignee > select:focus-visible { outline: 0; 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); }
+.dsh-partner-board-search > button { position: absolute; z-index: 1; right: 4px; display: grid; width: 30px; min-height: 30px; place-items: center; padding: 0; border: 0; border-radius: 7px; color: var(--partner-text-tertiary); background: transparent; box-shadow: none; }
+.dsh-partner-board-search > button:hover { color: var(--partner-text); background: var(--partner-hover); }
+.dsh-partner-board-assignee > select { min-width: 0; padding: 8px 30px 8px 10px; }
+.dsh-partner-board-tools > small { justify-self: end; color: var(--partner-text-tertiary); font-size: var(--partner-font-caption); font-variant-numeric: tabular-nums; white-space: nowrap; }
+.dsh-partner-board-statuses { display: flex; align-items: center; flex-wrap: wrap; gap: 6px; padding-bottom: 2px; }
+.dsh-partner-board-statuses > button { display: inline-flex; min-height: 32px; align-items: center; gap: 7px; padding: 0 9px; border: 1px solid transparent; border-radius: 9px; color: var(--partner-text-tertiary); background: transparent; box-shadow: none; font: var(--partner-font-caption)/1 var(--partner-font-family); cursor: pointer; transition: border-color 140ms ease, color 140ms ease, background-color 140ms ease; }
+.dsh-partner-board-statuses > button:hover { border-color: var(--partner-border); color: var(--partner-text); background: var(--partner-hover); }
+.dsh-partner-board-statuses > button.is-active { border-color: color-mix(in srgb, var(--partner-text) 18%, var(--partner-border)); color: var(--partner-text); background: var(--partner-selected); }
+.dsh-partner-board-statuses b { min-width: 18px; color: inherit; font-size: inherit; font-variant-numeric: tabular-nums; font-weight: 650; text-align: center; }
+.dsh-partner-board { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(240px, 100%), 1fr)); align-items: start; gap: 10px; min-width: 0; }
+.dsh-partner-board[data-focused="true"] { grid-template-columns: minmax(0, 1fr); }
+.dsh-partner-board > section { display: grid; height: clamp(220px, 27vh, 280px); min-width: 0; grid-template-rows: auto minmax(0, 1fr); align-content: start; gap: 9px; padding: 11px 9px 9px 11px; border: 1px solid var(--partner-border); border-radius: 14px; background: color-mix(in srgb, var(--partner-raised) 66%, transparent); }
+.dsh-partner-board > section[data-empty="true"] { height: 132px; }
+.dsh-partner-board[data-focused="true"] > section { height: clamp(340px, 54vh, 560px); }
+.dsh-partner-board[data-focused="true"] > section[data-empty="true"] { height: 240px; }
 .dsh-partner-board > section > header { display: flex; min-height: 36px; align-items: center; justify-content: space-between; padding: 0 3px; }
 .dsh-partner-board > section > header strong { font-size: var(--partner-font-label); font-weight: 620; }
 .dsh-partner-board > section > header b { display: grid; min-width: 22px; height: 22px; place-items: center; padding: 0 5px; border-radius: 7px; color: var(--partner-text-tertiary); background: var(--partner-selected); font-size: var(--partner-font-caption); }
-.dsh-partner-board > section > div { display: grid; gap: 8px; }
-.dsh-partner-board > section > p { margin: 12px 0; color: var(--partner-text-tertiary); font-size: var(--partner-font-body); text-align: center; }
-.dsh-partner-task-card { position: relative; display: grid; overflow: hidden; border: 1px solid var(--partner-separator); border-radius: 11px; background: var(--partner-raised); box-shadow: var(--partner-shadow-sm); transition: border-color .16s ease, box-shadow .18s ease, transform .16s var(--partner-ease-out); }
+.dsh-partner-board-column-list { display: grid; min-height: 0; grid-auto-rows: max-content; align-content: start; gap: 7px; overflow-y: auto; padding: 1px 3px 6px 0; overscroll-behavior: contain; scrollbar-gutter: stable; scrollbar-width: thin; }
+.dsh-partner-board > section > p { align-self: center; margin: 0 0 22px; color: var(--partner-text-tertiary); font-size: var(--partner-font-body); text-align: center; }
+.dsh-partner-task-card { position: relative; display: grid; min-height: 82px; overflow: hidden; border: 1px solid var(--partner-separator); border-radius: 11px; background: var(--partner-raised); box-shadow: var(--partner-shadow-sm); transition: border-color .16s ease, box-shadow .18s ease, transform .16s var(--partner-ease-out); }
 .dsh-partner-task-card:hover { border-color: color-mix(in srgb, var(--partner-text) 22%, var(--partner-border)); box-shadow: var(--partner-shadow-md); transform: translateY(-1px); }
 .dsh-partner-task-card:focus-within { border-color: var(--partner-focus-ring); box-shadow: 0 0 0 2px color-mix(in srgb, var(--partner-focus-ring) 18%, transparent), var(--partner-shadow-md); }
 .dsh-partner-task-card[data-blocked="true"] { border-left-color: color-mix(in srgb, var(--partner-warning) 55%, var(--partner-border)); }
-.dsh-partner-task-summary { display: grid !important; min-height: 66px !important; grid-template-columns: minmax(0, 1fr) 16px; align-items: center !important; gap: 10px !important; padding: 11px 12px !important; border: 0 !important; border-radius: 0 !important; appearance: none; color: var(--partner-text) !important; background: transparent !important; box-shadow: none !important; font-family: var(--partner-font-family); text-align: left; cursor: pointer; }
+.dsh-partner-task-summary { display: grid !important; min-height: 82px !important; grid-template-columns: minmax(0, 1fr) 16px; align-items: center !important; gap: 8px !important; padding: 10px 10px 10px 11px !important; border: 0 !important; border-radius: 0 !important; appearance: none; color: var(--partner-text) !important; background: transparent !important; box-shadow: none !important; font-family: var(--partner-font-family); text-align: left; cursor: pointer; }
 .dsh-partner-task-summary:hover { background: var(--partner-hover) !important; }
 .dsh-partner-task-summary:focus-visible { outline: 0; }
-.dsh-partner-task-summary > span { display: grid; min-width: 0; gap: 6px; }
-.dsh-partner-task-summary strong { overflow: hidden; padding-right: 12px; font-size: var(--partner-font-label); font-weight: 620; text-overflow: ellipsis; white-space: nowrap; }
-.dsh-partner-task-summary small { overflow: hidden; color: var(--partner-text-tertiary); font-size: var(--partner-font-caption); text-overflow: ellipsis; white-space: nowrap; }
+.dsh-partner-task-summary > span { display: grid; min-width: 0; gap: 4px; }
+.dsh-partner-task-card-title { display: flex; min-width: 0; align-items: flex-start; justify-content: space-between; gap: 8px; }
+.dsh-partner-task-card-title > strong { display: -webkit-box; min-width: 0; overflow: hidden; color: var(--partner-text); font-size: var(--partner-font-body); font-weight: 620; line-height: 1.38; overflow-wrap: anywhere; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
+.dsh-partner-task-card-title > em { flex: none; margin-top: 1px; padding: 2px 5px; border: 1px solid var(--partner-separator); border-radius: 6px; color: var(--partner-text-tertiary); background: var(--partner-control); font-size: 10px; font-style: normal; font-weight: 620; line-height: 1.25; }
+.dsh-partner-task-card[data-priority="high"] .dsh-partner-task-card-title > em { border-color: color-mix(in srgb, var(--partner-warning) 35%, var(--partner-separator)); color: var(--partner-warning); background: color-mix(in srgb, var(--partner-warning) 7%, var(--partner-control)); }
+.dsh-partner-task-card[data-priority="urgent"] .dsh-partner-task-card-title > em { border-color: color-mix(in srgb, var(--partner-danger) 34%, var(--partner-separator)); color: var(--partner-danger); background: color-mix(in srgb, var(--partner-danger) 7%, var(--partner-control)); }
+.dsh-partner-task-card-owner { overflow: hidden; color: var(--partner-text-tertiary); font-size: var(--partner-font-caption); text-overflow: ellipsis; white-space: nowrap; }
+.dsh-partner-task-relations { display: flex; min-width: 0; align-items: center; flex-wrap: wrap; gap: 4px; }
+.dsh-partner-task-relations > small { padding: 2px 6px; border-radius: 6px; color: var(--partner-text-secondary); background: var(--partner-selected); font-size: 10px; font-variant-numeric: tabular-nums; line-height: 1.3; }
+.dsh-partner-task-relations > small[data-blocked="true"] { color: var(--partner-warning); background: color-mix(in srgb, var(--partner-warning) 8%, var(--partner-selected)); }
 .dsh-partner-task-summary > svg { color: var(--partner-text-tertiary); transition: transform .16s var(--partner-ease-out), color .16s ease; }
 .dsh-partner-task-summary:hover > svg { color: var(--partner-text); transform: translateX(2px); }
-.dsh-partner-priority { position: absolute; top: 17px; right: 12px; width: 6px; height: 6px; border-radius: 50%; background: var(--partner-text-tertiary); }
-.dsh-partner-priority.is-high { background: var(--partner-warning); }
-.dsh-partner-priority.is-urgent { background: var(--partner-danger); box-shadow: 0 0 0 3px color-mix(in srgb, var(--partner-danger) 12%, transparent); }
 .dsh-partner-task-detail { display: grid; gap: 13px; }
 .dsh-partner-task-description { display: grid; gap: 6px; padding: 12px; border: 1px solid var(--partner-separator); border-radius: 10px; background: color-mix(in srgb, var(--partner-raised) 78%, transparent); }
 .dsh-partner-task-description strong { font-size: var(--partner-font-body); font-weight: 620; }
@@ -1587,6 +1613,8 @@ body[data-ds-dark-theme] :is(.dsh-partner-sidebar, .dsh-partner-workspace) {
 @media (max-width: 820px) {
   .dsh-partner-feature-hero { align-items: start; flex-direction: column; gap: 12px; }
   .dsh-partner-feature-hero > div { width: 100%; flex-wrap: wrap; }
+  .dsh-partner-board-tools { grid-template-columns: minmax(0, 1fr) minmax(130px, 168px); }
+  .dsh-partner-board-tools > small { grid-column: 1 / -1; justify-self: start; }
   .dsh-partner-feature-form, .dsh-partner-task-form, .dsh-partner-schedule-form { grid-template-columns: 1fr 1fr; }
   .dsh-partner-schedule-list > article { grid-template-columns: minmax(0, 1fr) auto 30px; }
   .dsh-partner-schedule-list > article > button:not(.is-icon):not(.dsh-partner-feature-switch) { grid-column: 1 / -1; }
@@ -1605,6 +1633,12 @@ body[data-ds-dark-theme] :is(.dsh-partner-sidebar, .dsh-partner-workspace) {
   .dsh-partner-skill-installed > article > .is-icon { grid-column: 3; }
   .dsh-partner-feature-block > header { align-items: flex-start; flex-direction: column; }
   .dsh-partner-feature-block > header > div { width: 100%; flex-wrap: wrap; justify-content: flex-start; }
+  .dsh-partner-board-tools { grid-template-columns: 1fr; }
+  .dsh-partner-board-assignee, .dsh-partner-board-tools > small { grid-column: 1; }
+  .dsh-partner-board-assignee > select { min-height: 42px; }
+  .dsh-partner-board-statuses { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); }
+  .dsh-partner-board-statuses > button { min-width: 0; justify-content: center; padding-inline: 6px; }
+  .dsh-partner-board > section, .dsh-partner-board[data-focused="true"] > section { height: min(430px, 58vh); }
   .dsh-partner-feature-form, .dsh-partner-task-form, .dsh-partner-schedule-form { grid-template-columns: 1fr; padding: 14px; }
   :is(.dsh-partner-feature-form, .dsh-partner-task-form, .dsh-partner-schedule-form) > label { grid-column: 1 !important; }
   .dsh-partner-task-form-dependencies > div { grid-template-columns: 1fr; }
@@ -1641,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); }
@@ -2448,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);
@@ -2474,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);
@@ -2573,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 = {}) {
@@ -3410,8 +3698,48 @@ function TaskBoardPanel() {
   const [loading, setLoading] = (0, import_react6.useState)(true);
   const [error, setError] = (0, import_react6.useState)();
   const [syncedAt, setSyncedAt] = (0, import_react6.useState)();
-  const selectedTask = board.tasks.find((item) => item.id === selectedTaskId);
+  const [query, setQuery] = (0, import_react6.useState)("");
+  const [statusFilter, setStatusFilter] = (0, import_react6.useState)("all");
+  const [assigneeFilter, setAssigneeFilter] = (0, import_react6.useState)("all");
+  const deferredQuery = (0, import_react6.useDeferredValue)(query.trim().toLocaleLowerCase());
   const tasksById = (0, import_react6.useMemo)(() => new Map(board.tasks.map((item) => [item.id, item])), [board.tasks]);
+  const directoryById = (0, import_react6.useMemo)(() => new Map(directory.map((item) => [item.id, item])), [directory]);
+  const activeDelegationByTaskId = (0, import_react6.useMemo)(() => {
+    const result = /* @__PURE__ */ new Map();
+    for (const delegation of delegations) {
+      if ((delegation.status === "queued" || delegation.status === "running") && !result.has(delegation.taskId)) result.set(delegation.taskId, delegation);
+    }
+    return result;
+  }, [delegations]);
+  const selectedTask = selectedTaskId ? tasksById.get(selectedTaskId) : void 0;
+  const dependentsById = (0, import_react6.useMemo)(() => {
+    const result = /* @__PURE__ */ new Map();
+    for (const task of board.tasks) for (const dependencyId of task.dependencyTaskIds) result.set(dependencyId, (result.get(dependencyId) ?? 0) + 1);
+    return result;
+  }, [board.tasks]);
+  const scopedTasks = (0, import_react6.useMemo)(() => board.tasks.filter((task) => {
+    if (assigneeFilter !== "all" && (task.assigneeCompanionId ?? "unassigned") !== assigneeFilter) return false;
+    if (!deferredQuery) return true;
+    const dependencies = task.dependencyTaskIds.map((id) => tasksById.get(id)?.title ?? "");
+    return [task.title, task.description, task.resultAbstract, task.resultSummary, directoryById.get(task.assigneeCompanionId ?? "")?.name, ...dependencies].some((value) => value?.toLocaleLowerCase().includes(deferredQuery));
+  }), [assigneeFilter, board.tasks, deferredQuery, directoryById, tasksById]);
+  const statusCounts = (0, import_react6.useMemo)(() => {
+    const result = new Map(COLUMNS.map((column) => [column.id, 0]));
+    for (const task of scopedTasks) result.set(task.status, (result.get(task.status) ?? 0) + 1);
+    return result;
+  }, [scopedTasks]);
+  const visibleColumns = statusFilter === "all" ? COLUMNS : COLUMNS.filter((column) => column.id === statusFilter);
+  const tasksByStatus = (0, import_react6.useMemo)(() => {
+    const priorityRank = { urgent: 3, high: 2, normal: 1, low: 0 };
+    const result = new Map(COLUMNS.map((column) => [column.id, []]));
+    for (const task of scopedTasks) {
+      if (statusFilter !== "all" && task.status !== statusFilter) continue;
+      result.get(task.status)?.push(task);
+    }
+    for (const tasks of result.values()) tasks.sort((left, right) => priorityRank[right.priority] - priorityRank[left.priority] || right.updatedAt - left.updatedAt);
+    return result;
+  }, [scopedTasks, statusFilter]);
+  const visibleTaskCount = statusFilter === "all" ? scopedTasks.length : statusCounts.get(statusFilter) ?? 0;
   const loadingRef = (0, import_react6.useRef)(false);
   const load = (0, import_react6.useCallback)(async () => {
     if (loadingRef.current) return;
@@ -3540,7 +3868,7 @@ function TaskBoardPanel() {
         tasks: board.tasks,
         activities: board.activities.filter((item) => item.taskId === selectedTask.id),
         directory,
-        execution: delegations.find((item) => item.taskId === selectedTask.id && (item.status === "queued" || item.status === "running")),
+        execution: activeDelegationByTaskId.get(selectedTask.id),
         busy: busy === selectedTask.id,
         update: (change) => {
           void update(selectedTask, change);
@@ -3563,50 +3891,99 @@ function TaskBoardPanel() {
       },
       selectedTask.id
     ) }),
-    loading ? /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(CollectionSkeleton, { rows: 6 }) : /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("div", { className: "dsh-partner-board", "aria-label": "\u4EFB\u52A1\u770B\u677F", children: COLUMNS.map((column) => {
-      const tasks = board.tasks.filter((item) => item.status === column.id);
-      return /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("section", { "data-status": column.id, children: [
-        /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("header", { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("strong", { children: column.label }),
-          /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("b", { children: tasks.length })
+    loading ? /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(CollectionSkeleton, { rows: 6 }) : /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(import_jsx_runtime4.Fragment, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { className: "dsh-partner-board-tools", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("label", { className: "dsh-partner-board-search", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("span", { className: "sr-only", children: "\u641C\u7D22\u4EFB\u52A1" }),
+          /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("span", { "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_dsh_client_ui_primitives3.IconSearchOutline16, { size: 16 }) }),
+          /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("input", { value: query, onChange: (event) => setQuery(event.target.value), placeholder: "\u641C\u7D22\u4EFB\u52A1\u3001\u8D1F\u8D23\u4EBA\u6216\u524D\u7F6E\u4EFB\u52A1" }),
+          query && /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("button", { type: "button", onClick: () => setQuery(""), "aria-label": "\u6E05\u9664\u4EFB\u52A1\u641C\u7D22", children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_dsh_client_ui_primitives3.IconCloseOutline16, { size: 14 }) })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("div", { children: tasks.map((task) => /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
-          TaskCard,
-          {
-            task,
-            tasksById,
-            directory,
-            execution: delegations.find((item) => item.taskId === task.id && (item.status === "queued" || item.status === "running")),
-            open: () => setSelectedTaskId(task.id)
-          },
-          task.id
-        )) }),
-        tasks.length === 0 && /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("p", { children: "\u6682\u65E0\u4EFB\u52A1" })
-      ] }, column.id);
-    }) })
+        /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("label", { className: "dsh-partner-board-assignee", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("span", { className: "sr-only", children: "\u6309\u8D1F\u8D23\u4EBA\u7B5B\u9009" }),
+          /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("select", { value: assigneeFilter, onChange: (event) => setAssigneeFilter(event.target.value), children: [
+            /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("option", { value: "all", children: "\u5168\u90E8\u4F19\u4F34" }),
+            /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("option", { value: "unassigned", children: "\u672A\u6307\u6D3E" }),
+            directory.map((item) => /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("option", { value: item.id, children: [
+              "@",
+              item.name
+            ] }, item.id))
+          ] })
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("small", { "aria-live": "polite", children: [
+          "\u663E\u793A ",
+          visibleTaskCount,
+          " / ",
+          board.tasks.length
+        ] })
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("nav", { className: "dsh-partner-board-statuses", "aria-label": "\u6309\u4EFB\u52A1\u72B6\u6001\u7B5B\u9009", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("button", { type: "button", className: statusFilter === "all" ? "is-active" : "", "aria-pressed": statusFilter === "all", onClick: () => setStatusFilter("all"), children: [
+          /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("span", { children: "\u5168\u90E8" }),
+          /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("b", { children: scopedTasks.length })
+        ] }),
+        COLUMNS.map((column) => /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("button", { type: "button", className: statusFilter === column.id ? "is-active" : "", "aria-pressed": statusFilter === column.id, onClick: () => setStatusFilter(column.id), children: [
+          /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("span", { children: column.label }),
+          /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("b", { children: statusCounts.get(column.id) ?? 0 })
+        ] }, column.id))
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("div", { className: "dsh-partner-board", "data-focused": statusFilter !== "all", "aria-label": "\u4EFB\u52A1\u770B\u677F", children: visibleColumns.map((column) => {
+        const tasks = tasksByStatus.get(column.id) ?? [];
+        const columnTitleId = `dsh-partner-board-${column.id}`;
+        return /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("section", { "data-status": column.id, "data-empty": tasks.length === 0, "aria-labelledby": columnTitleId, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("header", { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("strong", { id: columnTitleId, children: column.label }),
+            /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("b", { children: tasks.length })
+          ] }),
+          tasks.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("div", { className: "dsh-partner-board-column-list", children: tasks.map((task) => /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+            TaskCard,
+            {
+              task,
+              tasksById,
+              directoryById,
+              dependentCount: dependentsById.get(task.id) ?? 0,
+              execution: activeDelegationByTaskId.get(task.id),
+              open: () => setSelectedTaskId(task.id)
+            },
+            task.id
+          )) }) : /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("p", { children: query || assigneeFilter !== "all" ? "\u6CA1\u6709\u5339\u914D\u4EFB\u52A1" : "\u6682\u65E0\u4EFB\u52A1" })
+        ] }, column.id);
+      }) })
+    ] })
   ] });
 }
-function TaskCard({ task, tasksById, directory, execution, open }) {
+function TaskCard({ task, tasksById, directoryById, dependentCount, execution, open }) {
   const dependencies = task.dependencyTaskIds.map((id) => tasksById.get(id)).filter((item) => item !== void 0);
   const blockers = dependencies.filter((item) => item.status !== "done");
-  const assignee = directory.find((item) => item.id === task.assigneeCompanionId);
+  const completedDependencies = dependencies.length - blockers.length;
+  const assignee = directoryById.get(task.assigneeCompanionId ?? "");
   const executionState = execution ? delegationState(execution) : void 0;
-  return /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("article", { className: "dsh-partner-task-card", "data-blocked": blockers.length > 0, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("span", { className: `dsh-partner-priority is-${task.priority}` }),
-    /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("button", { type: "button", className: "dsh-partner-task-summary", "aria-haspopup": "dialog", onClick: open, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("span", { children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("article", { className: "dsh-partner-task-card", "data-blocked": blockers.length > 0, "data-priority": task.priority, children: /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("button", { type: "button", className: "dsh-partner-task-summary", "aria-haspopup": "dialog", onClick: open, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("span", { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("span", { className: "dsh-partner-task-card-title", children: [
         /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("strong", { title: task.title, children: task.title }),
-        /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("small", { children: [
-          assignee ? `@${assignee.name}` : "\u672A\u6307\u6D3E",
-          " \xB7 ",
-          dependencies.length ? `${dependencies.length} \u9879\u524D\u7F6E${blockers.length ? `\uFF0C${blockers.length} \u9879\u672A\u5B8C\u6210` : "\u5747\u5DF2\u5B8C\u6210"}` : "\u65E0\u524D\u7F6E\u4F9D\u8D56",
-          task.resultSummary ? " \xB7 \u5DF2\u6709\u7ED3\u679C" : "",
-          executionState ? ` \xB7 ${executionState.label}` : ""
-        ] })
+        /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("em", { children: priorityLabel(task.priority) })
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_dsh_client_ui_primitives3.IconChevronRightOutline14, { size: 14 })
-    ] })
-  ] });
+      /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("small", { className: "dsh-partner-task-card-owner", children: [
+        assignee ? `@${assignee.name}` : "\u672A\u6307\u6D3E",
+        task.resultSummary ? " \xB7 \u5DF2\u6709\u7ED3\u679C" : "",
+        executionState ? ` \xB7 ${executionState.label}` : ""
+      ] }),
+      (dependencies.length > 0 || dependentCount > 0) && /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("span", { className: "dsh-partner-task-relations", children: [
+        dependencies.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("small", { "data-blocked": blockers.length > 0, children: [
+          "\u524D\u7F6E ",
+          completedDependencies,
+          "/",
+          dependencies.length
+        ] }),
+        dependentCount > 0 && /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("small", { children: [
+          "\u5B8C\u6210\u540E\u89E3\u9501 ",
+          dependentCount
+        ] })
+      ] })
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_dsh_client_ui_primitives3.IconChevronRightOutline14, { size: 14 })
+  ] }) });
 }
 function TaskDetail({ task, tasks, activities, directory, execution, busy, update, delegate, review, accept, reject, remove }) {
   const [rejecting, setRejecting] = (0, import_react6.useState)(false);
@@ -4363,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) {
@@ -4482,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: [
@@ -4490,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: [
@@ -4585,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);