dsh-cliworker-now 0.0.0-stage → 0.7.7

package/lib/types/client/styles.d.ts

@@ -0,0 +1,9 @@
+export declare const styles = "\n.cwn,.cwn-settings-dialog,.cwn-rename-dialog{--cwn-control-height:36px}\n.cwn-control-input{height:var(--cwn-control-height,36px)}\n.cwn{position:relative;--cwn-accent:var(--dsw-alias-state-business-primary);--cwn-muted:var(--dsw-alias-label-tertiary);--cwn-border:var(--dsw-alias-border-l3);display:flex;flex-direction:column;height:100%;min-height:0;overflow:hidden;color:var(--dsw-alias-label-primary);font-family:inherit;font-size:var(--dsw-font-s-14-font-size);line-height:var(--dsw-font-s-14-line-height);container-type:inline-size}\n.cwn *{box-sizing:border-box}.cwn svg{flex-shrink:0}.cwn select,.cwn textarea{font-family:inherit}.cwn-worker,.cwn-cli-heading{font:inherit}.cwn button{cursor:pointer}.cwn button:disabled{cursor:default;opacity:.45}.cwn button:focus-visible,.cwn summary:focus-visible,.cwn input:focus-visible,.cwn textarea:focus-visible,.cwn select:focus-visible{outline:2px solid var(--cwn-accent);outline-offset:2px}\n.cwn-brand{display:inline-flex;position:relative;flex-shrink:0;vertical-align:middle}.cwn-brand img{display:block;width:100%;height:100%;object-fit:contain}.cwn-brand .cwn-icon-dark{display:none}body[data-ds-dark-theme] .cwn-brand .cwn-icon-mono{filter:invert(1)}body[data-ds-dark-theme] .cwn-brand .cwn-icon-light{display:none}body[data-ds-dark-theme] .cwn-brand .cwn-icon-dark{display:block}\n.cwn-project-logo{display:block;position:relative;width:100%;height:100%;mask-size:contain;mask-position:center;mask-repeat:no-repeat;mask-mode:alpha;-webkit-mask-size:contain;-webkit-mask-position:center;-webkit-mask-repeat:no-repeat}.cwn-project-logo.monochrome{background:#000}body[data-ds-dark-theme] .cwn-project-logo.monochrome{background:#fff}\n.cwn-head{display:flex;align-items:center;gap:9px;min-height:56px;padding:10px 16px;flex-shrink:0}.cwn-head h2{flex:1;min-width:0;font-size:var(--dsw-font-s-14-font-size);line-height:var(--dsw-font-s-14-line-height);font-weight:600;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cwn-back{width:28px!important;padding:0!important;flex-shrink:0}.cwn-settings-button{width:36px!important;padding:0!important;flex-shrink:0;align-self:center}.cwn-settings-button svg{display:block}.cwn-back{border-radius:var(--dsw-radius-md)!important;background:var(--dsw-alias-interactive-bg-hover)!important}\n.cwn-wordmark{display:flex;align-items:center;gap:6px;min-width:0;flex:1;height:36px}.cwn-wordmark h2{display:flex;align-items:center;gap:10px;overflow:visible!important;font-family:var(--dsw-font-family);font-size:21px!important;line-height:28px!important;font-weight:500;letter-spacing:normal}.cwn-wordmark h2 small{display:inline-flex;align-items:center;justify-content:center;height:18px;padding:0 5px;border-radius:3px;background:var(--dsw-alias-label-primary);color:var(--dsw-alias-bg-layer-2);font-size:10px;line-height:14px;font-weight:600;letter-spacing:.08em}.cwn-overview{flex:1;min-height:0;display:flex;flex-direction:column;overflow:hidden;padding-top:4px}.cwn-overview-controls{flex:none;min-width:0;padding:0 14px}.cwn-overview-list{flex:1;min-height:0;overflow:auto;overscroll-behavior:contain;padding:8px 14px 20px}.cwn-search{width:100%}\n\n.cwn-filters{display:flex;gap:6px;margin:10px 0 14px}.cwn-filters button{flex:1;min-width:0;padding:0 7px;background:var(--dsw-alias-interactive-bg-hover)!important}.cwn-filters button[aria-pressed=true]{color:var(--cwn-accent)!important;border-color:var(--cwn-border)!important;background:color-mix(in srgb,var(--cwn-accent) 10%,transparent)!important}\n.cwn-cli-group{border:0;border-radius:var(--dsw-radius-lg);background:var(--dsw-alias-bg-base);margin:0 0 12px;overflow:hidden}.cwn-cli-heading{display:flex;align-items:center;gap:9px;width:100%;min-height:45px;padding:10px 12px;border:0;background:transparent;color:inherit;text-align:left}.cwn-cli-heading strong{font-size:var(--dsw-font-s-14-font-size);font-weight:600;flex:1;min-width:0}.cwn-cli-heading>span:not(.cwn-brand){font-size:var(--dsw-font-xxs-12-font-size);color:var(--cwn-muted);white-space:nowrap}.cwn-cli-heading>svg{width:12px;height:12px;color:var(--cwn-muted);transform:rotate(90deg);transition:transform var(--ds-transition-duration,.2s) var(--ds-ease-in-out,ease)}.cwn-cli-heading[aria-expanded=false]>svg{transform:none}.cwn-cli-heading[aria-expanded=true]{border-bottom:.5px solid var(--dsw-alias-border-l2)}\n.cwn-cli-rows{display:grid;grid-template-rows:1fr;opacity:1;transition:grid-template-rows var(--ds-transition-duration,.2s) var(--ds-ease-in-out,ease),opacity var(--ds-transition-duration,.2s) var(--ds-ease-in-out,ease),visibility var(--ds-transition-duration,.2s)}.cwn-cli-rows[data-expanded=false]{grid-template-rows:0fr;opacity:0;visibility:hidden}.cwn-cli-rows-inner{min-height:0;overflow:hidden}\n@media(prefers-reduced-motion:reduce){.cwn-cli-rows,.cwn-cli-heading>svg,.cwn-cli-heading:after{transition:none!important}}\n.cwn-worker{display:flex;width:100%;align-items:center;gap:10px;padding:12px;background:transparent;color:inherit;border:0;text-align:left;min-height:62px;position:relative}.cwn-worker+.cwn-worker:before{content:'';position:absolute;left:12px;right:12px;top:0;height:.5px;background:var(--dsw-alias-border-l2)}.cwn-worker:hover,.cwn-worker:focus-visible{background:color-mix(in srgb,var(--cwn-accent) 9%,transparent)}.cwn-worker>svg{width:14px;height:14px;color:var(--cwn-muted)}.cwn-worker-content{flex:1;min-width:0}.cwn-worker-line{display:flex;align-items:center;gap:8px;min-width:0}.cwn-worker-title{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:var(--dsw-font-s-14-font-size);font-weight:500}.cwn-worker-status{display:inline-flex;align-items:center;gap:5px;font-size:var(--dsw-font-xxs-12-font-size);white-space:nowrap;flex-shrink:0;color:var(--cwn-muted)}.cwn-dot{display:inline-block;flex-shrink:0;width:6px;height:6px;border-radius:50%;background:var(--dsw-alias-state-idle-primary)}.cwn-worker-status.running{color:var(--cwn-accent)}.cwn-dot.running{background:var(--cwn-accent)}.cwn-worker-status.completed{color:var(--dsw-alias-state-success-primary)}.cwn-dot.completed{background:var(--dsw-alias-state-success-primary)}.cwn-worker-status.failed{color:var(--dsw-alias-state-error-primary)}.cwn-dot.failed{background:var(--dsw-alias-state-error-primary)}.cwn-worker-status.queued,.cwn-worker-status.stopping{color:var(--dsw-alias-state-warn-label)}.cwn-dot.queued,.cwn-dot.stopping{background:var(--dsw-alias-state-warn-primary)}.cwn-worker-meta{display:flex;align-items:center;gap:7px;margin-top:5px;color:var(--cwn-muted);font-size:var(--dsw-font-xxs-12-font-size);min-width:0}.cwn-worker-meta>.cwn-worker-name,.cwn-worker-meta>.cwn-worker-model{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cwn-worker-meta>span:last-child{flex-shrink:0;white-space:nowrap}.cwn-worker-name{max-width:38%}.cwn-worker-model{flex:0 1 auto}.cwn-meta-divider{opacity:.5;flex-shrink:0}\n.cwn-actions{position:relative}.cwn-actions>summary{display:flex;width:28px;height:28px;align-items:center;justify-content:center;list-style:none;border-radius:var(--dsw-radius-md);cursor:pointer}.cwn-actions>summary::-webkit-details-marker{display:none}.cwn-actions>summary:hover{background:var(--dsw-alias-interactive-bg-hover)}.cwn-action-menu{position:absolute;right:0;top:34px;width:240px;max-width:calc(100cqw - 32px);z-index:5;padding:12px;background:var(--dsw-alias-bg-layer-1);border:.5px solid var(--cwn-border);border-radius:var(--dsw-radius-lg);--dsw-elevation-stroke-color:var(--dsw-alias-border-l2);box-shadow:var(--dsw-elevation-panel);font-size:var(--dsw-font-xxs-12-font-size);overflow-wrap:anywhere}.cwn-action-menu p{color:var(--cwn-muted);margin:8px 0;font-size:var(--dsw-font-xxs-12-font-size)}.cwn-action-menu>button{display:flex;margin-top:8px}\n.cwn-feed{flex:1;overflow:auto;overscroll-behavior:contain;min-height:60px;padding:18px 16px}.cwn-message{width:100%;margin:0 0 22px}.cwn-message.user{width:fit-content;max-width:85%;margin-left:auto}.cwn-message.user .cwn-text{padding:10px 12px;border-radius:var(--dsw-radius-lg);background:var(--dsw-specific-bubble,var(--dsw-alias-interactive-bg-hover))}.cwn-message-label{position:relative;display:flex;justify-content:flex-end;color:var(--cwn-muted);font-size:var(--dsw-font-xxs-12-font-size);margin-bottom:6px}.cwn-message.assistant .cwn-message-label{justify-content:flex-start}.cwn-text{white-space:pre-wrap;overflow-wrap:anywhere;line-height:calc(24px + var(--dsh-content-font-delta,0px));font-size:var(--dsh-content-font-size,14px)}.cwn-tool{border:.5px solid var(--dsw-alias-border-l2);border-radius:var(--dsw-radius-md);margin:8px 0;background:var(--dsw-alias-interactive-bg-hover);font-size:var(--dsw-font-xxs-12-font-size)}.cwn-tool summary{display:flex;align-items:center;gap:7px;padding:10px;cursor:pointer;list-style:none}.cwn-tool summary::-webkit-details-marker{display:none}.cwn-tool summary:before{content:'\u203A';color:var(--cwn-muted)}.cwn-tool[open] summary:before{transform:rotate(90deg)}.cwn-tool-title{min-width:0;flex:1;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.cwn-tool small{font-size:var(--dsw-font-xxs-12-font-size);color:var(--cwn-muted);max-width:38%;overflow-wrap:anywhere}.cwn-tool pre{white-space:pre-wrap;overflow-wrap:anywhere;font:var(--dsw-font-xxs-12-font-size)/1.6 var(--ds-font-family-code,monospace);margin:0;padding:0 12px 12px;max-height:320px;overflow:auto}.cwn-status{font-size:var(--dsw-font-xxs-12-font-size);color:var(--cwn-muted);text-align:center;margin:16px 0}\n.cwn-compose{padding:8px 12px 12px;flex-shrink:0}.cwn-compose-state{display:flex;align-items:center;gap:6px;font-size:var(--dsw-font-xxs-12-font-size);color:var(--cwn-muted);margin:0 4px 7px}.cwn-compose-box{padding:10px;border:0;border-radius:var(--dsw-radius-panel);--dsw-elevation-stroke-color:var(--dsw-alias-border-l2);box-shadow:var(--dsw-elevation-soft);background:var(--dsw-specific-input-major,var(--dsw-alias-interactive-bg-hover))}.cwn .cwn-compose textarea:focus-visible{outline:none}.cwn-compose textarea{display:block;width:100%;height:45px;min-height:45px;max-height:140px;resize:vertical;border:0;padding:0 2px;background:transparent;color:inherit;line-height:calc(24px + var(--dsh-content-font-delta,0px));font-size:var(--dsh-content-font-size,14px);outline:none}.cwn-compose textarea::placeholder{color:var(--cwn-muted)}.cwn-compose textarea:disabled{opacity:.6}.cwn-compose-bottom{display:flex;align-items:center;gap:8px;margin-top:6px;min-height:30px}.cwn-compose-model{margin-left:auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--cwn-muted);font-size:var(--dsw-font-xxs-12-font-size)}.cwn-send{width:30px!important;height:30px!important;padding:0!important;border-radius:50%!important;flex-shrink:0}.cwn-resume-hint{font-size:var(--dsw-font-xxs-12-font-size);line-height:1.6;color:var(--cwn-muted);margin:0 4px 8px}\n.cwn-settings{padding:12px 16px;display:grid;gap:9px;overflow:auto;max-height:65%;flex-shrink:0;border-bottom:.5px solid var(--cwn-border)}.cwn-settings label{font-size:var(--dsw-font-xxs-12-font-size);display:grid;gap:5px}.cwn-settings select{width:100%;border:.5px solid var(--cwn-border);border-radius:var(--dsw-radius-md);background:var(--dsw-alias-bg-layer-1);color:inherit;padding:7px;font-size:var(--dsw-font-s-14-font-size)}.cwn-settings p{font-size:var(--dsw-font-xxs-12-font-size);color:var(--cwn-muted);line-height:1.6;margin:0}\n.cwn-empty{padding:30px 10px;text-align:center;color:var(--cwn-muted);line-height:1.8}.cwn-empty h3{color:var(--dsw-alias-label-primary);font-weight:500;font-size:var(--dsw-font-s-14-font-size);margin:12px 0}.cwn-empty p{font-size:var(--dsw-font-xxs-12-font-size)}.cwn-empty blockquote{margin:12px 0;padding:12px;border-radius:var(--dsw-radius-lg);background:var(--dsw-alias-interactive-bg-hover);font-size:var(--dsw-font-xxs-12-font-size);text-align:left}.cwn-notice,.cwn-error{font-size:var(--dsw-font-xxs-12-font-size);padding:12px;border-radius:var(--dsw-radius-md);background:var(--dsw-alias-interactive-bg-hover);line-height:1.6;overflow-wrap:anywhere;margin:8px 12px;max-height:180px;overflow:auto;flex-shrink:0}.cwn-error{color:var(--dsw-alias-state-error-primary)}.cwn-error button{margin:8px 0}.cwn-error details{font-size:var(--dsw-font-xxs-12-font-size)}.cwn-error summary{cursor:pointer}\n.cwn-history-nav{border-bottom:.5px solid var(--cwn-border);padding:10px 16px;font-size:var(--dsw-font-xxs-12-font-size);flex-shrink:0}.cwn-history-nav>div{display:flex;gap:5px;flex-wrap:wrap;margin:7px 0}.cwn-history-nav small{color:var(--cwn-muted)}.cwn-history-start{display:flex;align-items:center;flex-wrap:wrap;justify-content:space-between;gap:8px;font-size:var(--dsw-font-xxs-12-font-size);margin:0 0 16px;color:var(--cwn-muted)}.cwn-jump{display:flex;justify-content:center;padding:4px 12px 8px}.cwn-copy{display:inline-flex;align-items:center;gap:6px;margin-top:5px;max-width:100%}.cwn-copy button{color:var(--cwn-muted)}.cwn-copy-feedback{font-size:var(--dsw-font-xxs-12-font-size);overflow-wrap:anywhere;color:var(--cwn-muted)}.cwn-sr-only{position:absolute;top:0;left:0;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}\n@container (max-width:320px){.cwn-head{padding:10px 12px}.cwn-overview-controls{padding:0 10px}.cwn-overview-list{padding:8px 10px 10px}.cwn-worker-line{gap:5px}.cwn-worker-status{font-size:var(--dsw-font-xxs-12-font-size)}.cwn-worker-meta{gap:5px}.cwn-filters{gap:4px}.cwn-filters button{padding:0 4px!important}.cwn-feed{padding:14px 12px}}\n";
+export declare const nativeChatStyles = "\n.cwn-entry{width:24px!important;height:24px!important;min-width:24px;padding:3px!important;border-radius:var(--dsw-radius-sm)!important;flex-shrink:0;background:transparent!important;border:0!important;box-shadow:none!important}\n.cwn-entry:hover{background:var(--dsw-alias-interactive-bg-hover)!important}\n.cwn .cwn-search{height:var(--cwn-control-height);border-color:var(--dsw-alias-border-l3);background:var(--dsw-alias-bg-base)}\n.cwn .cwn-search:focus-within{outline:none;box-shadow:none;border-color:var(--dsw-alias-border-l3)}\n.cwn .cwn-search input:focus-visible{outline:none;box-shadow:none}\n.cwn .cwn-search input::placeholder{color:var(--dsw-alias-label-caption)}\n.cwn-back,.cwn-settings select,.cwn-tool{border:.5px solid var(--dsw-alias-border-l3)}\n.cwn-cli-group{--dsw-elevation-stroke-color:var(--dsw-alias-border-l3);box-shadow:var(--dsw-elevation-soft)}\nbody[data-ds-dark-theme] .cwn-cli-group{box-shadow:var(--dsw-elevation-stroke),0 4px 12px #00000040,0 12px 24px -8px #00000059}\n.cwn-feed{padding:16px 24px}\n.cwn-message{margin-bottom:24px}\n.cwn-message.user{max-width:82%}\n.cwn-message.user .cwn-text{padding:10px 16px;border-radius:var(--dsw-radius-xl);line-height:calc(22px + var(--dsh-content-font-delta,0px))}\n.cwn-message-label{height:28px;margin:6px 0 0;gap:8px;align-items:center;font-size:var(--dsh-content-font-size-secondary,13px);line-height:24px}\n.cwn-message.assistant .cwn-message-label{margin-top:16px;margin-left:-6px}\n.cwn-markdown{min-width:0;overflow-wrap:anywhere}\n.cwn-copy{margin:0;position:relative}\n.cwn-copy .cwn-copy-icon{width:28px;height:28px;padding:6px;color:var(--dsw-alias-label-tertiary)}\n.cwn-status{text-align:left;border-bottom:.5px solid var(--dsw-alias-border-l2);padding:8px 0;margin:8px 0 16px;font-size:var(--dsh-content-font-size-secondary,13px)}\n.cwn-compose{padding:0 16px 4px}\n.cwn-compose-box{display:flex;flex-direction:column;gap:12px;padding:8px 0 0}\n.cwn-compose textarea{resize:none;height:36px;min-height:36px;max-height:336px;padding:4px 12px 0 14px;overflow-y:auto;margin:0;box-sizing:border-box}\n.cwn-compose textarea::placeholder{color:var(--dsw-alias-label-caption)}\n.cwn-compose-bottom{justify-content:flex-end;gap:8px;padding:2px 8px 6px;margin:0;min-height:42px}\n.cwn-model-menu{margin-left:auto;min-width:0;max-width:calc(100% - 42px)}\n.cwn .cwn-compose-model{display:flex;align-items:center;gap:6px;height:28px;max-width:100%;padding:0 8px;font-size:var(--dsh-content-font-size-secondary,13px);line-height:20px;color:var(--dsw-alias-label-secondary);border-radius:var(--dsw-radius-sm)}\n.cwn-compose-model>span:first-child{min-width:0;overflow:hidden;text-overflow:ellipsis}\n.cwn-model-effort{flex-shrink:0;color:var(--dsw-alias-label-tertiary)}\n.cwn .cwn-send{corner-shape:round!important;width:34px!important;height:34px!important;border:0!important;border-radius:999px!important;background:var(--dsw-alias-button-info-fill)!important;color:#fff!important;display:grid;place-items:center;transform:translateY(-2px)}\n.cwn .cwn-send:hover:not(:disabled){background:var(--dsw-alias-button-info-hover)!important}\n.cwn .cwn-send:disabled{opacity:.4}\n.cwn-compose-state{height:24px;gap:8px;margin:4px 8px 0;font-size:var(--dsh-content-font-size-secondary,13px);line-height:20px}\n.cwn-compose-cli{margin-left:auto}\n@container(max-width:320px){.cwn-feed{padding:14px 16px}.cwn-compose{padding-left:8px;padding-right:8px}.cwn-model-effort{display:none}}\n";
+export declare const modelPickerStyles = "\n.cwn-progress{margin:12px 0 16px;padding-bottom:12px;border-bottom:.5px solid var(--dsw-alias-border-l2);color:var(--dsw-alias-label-tertiary);font-size:var(--dsh-content-font-size,14px);line-height:22px}\n.cwn-progress>summary{display:flex;gap:6px;align-items:center;cursor:pointer;list-style:none}.cwn-progress>summary::-webkit-details-marker{display:none}.cwn-progress-chevron{display:inline-flex;transform:rotate(90deg)}.cwn-progress-chevron svg{width:12px;height:12px}.cwn-progress[open] .cwn-progress-chevron{transform:rotate(-90deg)}\n.cwn-process-body{padding-top:12px;display:grid;gap:8px}.cwn-process-note{margin:0;font-size:var(--dsh-content-font-size-secondary,13px);color:var(--dsw-alias-label-tertiary)}.cwn-process-event{font-size:var(--dsh-content-font-size-secondary,13px)}\n\n.cwn-model-popover{width:max-content;min-width:min(240px,calc(100vw - 32px));max-width:min(420px,calc(100vw - 32px));max-height:min(360px,calc(100vh - 96px));padding:4px;color:var(--dsw-alias-label-primary);--dsw-elevation-stroke-color:var(--dsw-alias-border-l1);box-shadow:var(--dsw-elevation-prominent)}\n.cwn-model-popover button[role=menuitem]{min-height:34px;padding:5px 7px;font-size:13px;font-weight:400;line-height:20px;border-radius:var(--dsw-radius-md)}\n.cwn-model-cell{display:flex;align-items:center;gap:6px;width:100%;min-width:0}.cwn-model-cell>span:first-child{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cwn-model-cell-value{color:var(--dsw-alias-label-tertiary);text-align:right;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:230px}\n.cwn-model-search{background:transparent!important;border:0!important;box-shadow:none!important;padding:5px 7px!important;margin:2px 0 3px;height:auto!important}.cwn-model-search input{font-size:12px!important;padding:0!important}.cwn-model-provider,.cwn-model-feedback{font-size:12px;line-height:18px;color:var(--dsw-alias-label-tertiary);padding:8px}.cwn-model-feedback{max-width:280px;white-space:normal}\n/* Scope to plugin buttons, including the portaled menu and header entry. */\n.cwn button,.cwn-entry,.cwn-model-popover button{border:0!important;--dsw-elevation-stroke-color:transparent;box-shadow:none}\n.cwn-cli-heading{position:relative}.cwn-cli-heading:after{content:'';position:absolute;bottom:0;left:0;right:0;height:.5px;background:var(--dsw-alias-border-l2);pointer-events:none;opacity:0;transition:opacity var(--ds-transition-duration,.2s) var(--ds-ease-in-out,ease)}.cwn-cli-heading[aria-expanded=true]:after{opacity:1}\n.cwn-back:hover:not(:disabled),.cwn-filters button:hover:not(:disabled){background:var(--dsw-alias-interactive-bg-hover-solid)!important}\n.cwn-filters button[aria-pressed=true]:hover:not(:disabled){background:color-mix(in srgb,var(--cwn-accent) 18%,transparent)!important}\n.cwn-cli-heading:hover:not(:disabled),.cwn-model-popover button:hover:not(:disabled){background:var(--dsw-alias-interactive-bg-hover)}\n.cwn button:focus-visible,.cwn-entry:focus-visible,.cwn-model-popover button:focus-visible{outline:2px solid var(--dsw-alias-state-business-primary);outline-offset:2px}\n@media(prefers-reduced-motion:reduce){.cwn button,.cwn-entry,.cwn-model-popover button{transition:none}}\n\n.cwn .cwn-send{padding:0;min-width:34px;min-height:34px;flex:none}.cwn .cwn-send svg{width:16px;height:16px}\n";
+export declare const telemetryStyles = "\n.cwn-stat{display:inline-flex;align-items:center;gap:6px;border-radius:var(--dsw-radius-sm);color:var(--dsw-alias-label-tertiary);font-size:var(--dsh-content-font-size-secondary,13px);line-height:calc(20px + var(--dsh-content-font-delta-secondary,0px));font-variant-numeric:tabular-nums;white-space:nowrap;padding:1px 8px;min-width:0;transition:background-color 180ms ease,color 180ms ease}\n.cwn-stat>span{overflow:hidden;text-overflow:ellipsis}.cwn-stat:hover{background:var(--dsw-alias-interactive-bg-hover);color:var(--dsw-alias-label-secondary)}\n.cwn-message-label time{white-space:nowrap;flex-shrink:0}.cwn-message-label .cwn-usage{padding-left:0}.cwn-message-label{gap:6px}\n.cwn-telemetry{margin:4px 0 0;gap:0;justify-content:space-between}.cwn-telemetry .cwn-usage{flex:1;justify-content:center}.cwn-run-stat{max-width:35%}.cwn-context{flex-shrink:0}\n.cwn-context-track{fill:none;stroke:var(--dsw-alias-border-l3);stroke-width:2}.cwn-context-fill{fill:none;stroke:var(--dsw-alias-label-tertiary);stroke-width:2;stroke-linecap:round}\n\n\n\n@media(prefers-reduced-motion:reduce){.cwn-stat,.cwn summary{transition:none}}\n@container(max-width:360px){.cwn-message-label{flex-wrap:wrap;height:auto;min-height:28px}.cwn-message-label time{margin-left:0}.cwn-telemetry .cwn-stat{padding-left:4px;padding-right:4px;gap:4px}}\n";
+export declare const nativeInteractionStyles = "\n.cwn-progress{padding-bottom:0;border:0}.cwn-progress>summary{height:calc(33px + var(--dsh-content-font-delta,0px));width:100%;padding:0 0 8px;border-radius:0;border-bottom:.5px solid var(--dsw-alias-border-l2);transition:color .1s;line-height:calc(24px + var(--dsh-content-font-delta,0px));gap:4px}.cwn-progress>summary:hover{color:var(--dsw-alias-label-secondary);background:transparent}.cwn-progress-chevron{transition:transform .1s}.cwn-progress-chevron svg{width:14px;height:14px}\n.cwn-message-label{height:calc(28px + var(--dsh-content-font-delta,0px));gap:8px}.cwn-message-label time{line-height:calc(24px + var(--dsh-content-font-delta,0px))}.cwn-message.assistant .cwn-message-label time{font-size:calc(var(--dsh-content-font-size-secondary,13px) - 1px)}\n.cwn-copy .cwn-copy-icon{width:calc(28px + var(--dsh-content-font-delta,0px));height:calc(28px + var(--dsh-content-font-delta,0px));padding:6px;border-radius:var(--dsw-radius-sm);color:var(--dsw-alias-label-tertiary)}.cwn-copy-icon svg{width:calc(15px + var(--dsh-content-font-delta,0px));height:calc(15px + var(--dsh-content-font-delta,0px))}.cwn-message.assistant .cwn-copy-icon svg{width:calc(17px + var(--dsh-content-font-delta,0px));height:calc(17px + var(--dsh-content-font-delta,0px))}.cwn-copy .cwn-copy-icon:hover:not(:disabled){background:var(--dsw-alias-interactive-bg-hover);color:var(--dsw-alias-label-secondary)}\n.cwn-stat-anchor{min-width:0;display:inline-flex}.cwn-telemetry{gap:0;font-size:calc(var(--dsh-content-font-size-secondary,13px) - 1px);line-height:calc(20px + var(--dsh-content-font-delta-secondary,0px))}.cwn-telemetry>.cwn-stat-anchor:nth-child(2){flex:1;justify-content:center}\n.cwn-stat{font:inherit;line-height:inherit;transition:none}.cwn-stat:hover{background:transparent;color:var(--dsw-alias-label-tertiary)}.cwn button.cwn-stat{background:transparent;cursor:pointer}.cwn button.cwn-stat:hover,.cwn button.cwn-stat[aria-expanded=true]{background:var(--dsw-alias-interactive-bg-hover);color:var(--dsw-alias-label-secondary)}\n.cwn-telemetry .cwn-usage{border-radius:999px;corner-shape:round;padding:1px 8px;gap:6px}.cwn-message-label .cwn-stat-anchor{margin-left:8px}.cwn-message-label .cwn-reply-usage{height:calc(28px + var(--dsh-content-font-delta,0px));font-size:calc(var(--dsh-content-font-size-secondary,13px) - 1px);line-height:calc(24px + var(--dsh-content-font-delta,0px));border-radius:var(--dsw-radius-sm);padding:6px 8px;gap:4px}.cwn-reply-usage svg{width:calc(15px + var(--dsh-content-font-delta,0px));height:calc(15px + var(--dsh-content-font-delta,0px))}.cwn button.cwn-reply-usage:hover,.cwn button.cwn-reply-usage[aria-expanded=true]{color:var(--dsw-alias-label-tertiary)}\n.cwn-context{border-radius:var(--dsw-radius-sm);font-size:var(--dsh-content-font-size-secondary,13px);line-height:calc(20px + var(--dsh-content-font-delta-secondary,0px));padding:1px 8px;gap:6px}\n.cwn-stat-panel{z-index:1100;box-sizing:border-box;border-radius:var(--dsw-radius-lg);background:var(--dsw-specific-menu);width:max-content;min-width:min(300px,100vw - 24px);max-width:min(440px,100vw - 24px);backdrop-filter:var(--dsw-menu-backdrop-filter);--dsw-elevation-stroke-color:var(--dsw-alias-border-l1);box-shadow:var(--dsw-elevation-prominent);color:var(--dsw-alias-label-secondary);cursor:default;border:0;padding:16px;font-size:12px;line-height:18px;position:fixed}\n.cwn-stat-title{color:var(--dsw-alias-label-primary);display:flex;justify-content:space-between;gap:16px;margin-bottom:8px;font-weight:500}.cwn-stat-title>span{display:inline-flex;align-items:center;gap:6px;font-variant-numeric:tabular-nums}.cwn-stat-rule{border-top:.5px solid var(--dsw-alias-border-l2);margin-bottom:10px}.cwn-stat-details{color:var(--dsw-alias-label-tertiary);display:grid;grid-template-columns:minmax(76px,auto) minmax(0,1fr);gap:6px 16px;margin:0}.cwn-stat-details dt,.cwn-stat-details dd{min-width:0;margin:0}.cwn-stat-details dd{color:var(--dsw-alias-label-secondary);font-variant-numeric:tabular-nums;text-align:right;overflow-wrap:anywhere}\n.cwn-context-panel{width:min(264px,100vw - 24px);min-width:0;padding:12px;line-height:20px}.cwn-context-header{display:flex;align-items:center;gap:6px}.cwn-context-header strong{margin-left:auto;font-weight:500;color:var(--dsw-alias-label-primary);white-space:nowrap}.cwn-context-bar{height:4px;margin:10px 0 12px;background:var(--dsw-alias-interactive-bg-hover);border-radius:999px;corner-shape:round;overflow:hidden}.cwn-context-bar>span{display:block;height:100%;min-width:2px;background:var(--dsw-alias-label-tertiary)}.cwn-context-source{margin:0 0 8px;color:var(--dsw-alias-label-tertiary)}\n.cwn .cwn-compose-model{gap:4px;padding:0 4px 0 8px;max-width:min(360px,45cqw);font-size:13px;line-height:20px}.cwn .cwn-model-effort{color:var(--dsw-alias-label-caption);flex-shrink:1000;min-width:0;overflow:hidden;text-overflow:ellipsis}.cwn-model-chevron{color:var(--dsw-alias-label-caption);transition:transform .12s}.cwn-compose-model[aria-expanded=true] .cwn-model-chevron{transform:rotate(180deg)}.cwn-model-popover button:focus-visible{outline:none;background:var(--dsw-alias-interactive-bg-hover)}\n@media(prefers-reduced-motion:reduce){.cwn-progress>summary,.cwn-progress-chevron,.cwn-model-chevron{transition:none}}\n";
+export declare const hoverFeedbackStyles = "\n.cwn button,.cwn summary,.cwn-entry,.cwn-model-popover button{transition:background-color 180ms ease,color 180ms ease,opacity 180ms ease}\n.cwn button:disabled{pointer-events:auto}\n.cwn button:disabled:not(.cwn-send):hover{background:var(--dsw-alias-interactive-bg-hover)!important;color:var(--dsw-alias-label-secondary)}\n.cwn .cwn-send:disabled:hover{background:var(--dsw-alias-button-info-hover)!important}\n/* On white, hover-solid and the neutral resting fill look identical. Use the\n   stronger host active token for a visible neutral hover, retaining the fade. */\nbody:not([data-ds-dark-theme]) .cwn-back:hover:not(:disabled),\nbody:not([data-ds-dark-theme]) .cwn-filters button:not([aria-pressed=true]):hover:not(:disabled),\nbody:not([data-ds-dark-theme]) .cwn button:disabled:not(.cwn-send):hover{background:var(--dsw-alias-interactive-bg-active)!important}\n@media(prefers-reduced-motion:reduce){.cwn button,.cwn summary,.cwn-entry,.cwn-model-popover button{transition:none}}\n";
+export declare const conversationInteractionStyles = "\n.cwn-conversation{position:relative;flex:1;min-height:60px;display:flex;flex-direction:column}\n.cwn-jump{z-index:8;height:0;padding:0;padding-right:max(calc(var(--dsh-composer-side-clearance,16px) + 16px),calc((100% - var(--dsh-chat-content-width,100%))/2));pointer-events:none;justify-content:flex-end;display:flex;position:absolute;bottom:16px;left:0;right:0}\n.cwn .cwn-jump-button{--dsw-elevation-stroke-color:var(--dsw-alias-border-l3);corner-shape:round;width:34px;height:34px;color:var(--dsw-alias-label-primary);background:var(--dsw-alias-button-floating-fill);box-shadow:var(--dsw-elevation-panel);cursor:pointer;pointer-events:auto;border:0;border-radius:100px;justify-content:center;align-items:center;margin-top:-34px;padding:0;display:flex;transition:none}\n.cwn .cwn-jump-button:hover{background:var(--dsw-alias-button-floating-hover)}\n.cwn-message-label button{transition:none}\n@media(hover:hover){\n.cwn [data-actions-reveal=hover] .cwn-message-label{opacity:0;transition:opacity 80ms}\n.cwn [data-actions-reveal=hover]:hover .cwn-message-label,.cwn [data-actions-reveal=hover]:focus-within .cwn-message-label{opacity:1}\n}\n";
+export declare const settingsStyles = "\n.cwn-settings-dialog{width:min(800px,90vw);max-width:90vw;height:700px;max-height:100%}\n.cwn-settings-content{padding-top:4px!important;min-height:0;flex:1;overflow:hidden}\n.cwn-settings-content>div:last-child{flex:1;min-height:0}.cwn-settings-content>div:first-child{flex-shrink:0}\n.cwn-settings-layout{display:grid;grid-template-columns:188px minmax(0,1fr);gap:24px;height:100%;min-height:0;font-family:var(--dsw-font-family);font-size:var(--dsw-font-s-14-font-size);line-height:var(--dsw-font-s-14-line-height);color:var(--dsw-alias-label-primary)}\n.cwn-settings-layout *{box-sizing:border-box}\n.cwn-settings-nav{display:flex;flex-direction:column;gap:6px;align-self:stretch;min-height:0;overflow:auto;overscroll-behavior:contain}.cwn-settings-nav>button{flex-shrink:0}\n.cwn-settings-nav button{justify-content:flex-start;gap:10px;width:100%;font-weight:400}\n.cwn-settings-nav button[aria-pressed=true]{background:var(--dsw-alias-interactive-bg-hover);color:var(--dsw-alias-state-business-primary)}\n.cwn-settings-nav-primary{padding:0 12px!important}\n.cwn-settings-nav-icon{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;flex-shrink:0}\n.cwn-settings-nav-primary[aria-expanded]{margin-top:6px}\n.cwn-settings-nav-chevron{display:inline-flex;margin-left:auto;transition:transform 220ms cubic-bezier(.2,0,0,1)}\n.cwn-settings-nav-primary[aria-expanded=false] .cwn-settings-nav-chevron{transform:rotate(-90deg)}\n.cwn-settings-cli-group{display:grid;grid-template-rows:1fr;opacity:1;flex-shrink:0;transition:grid-template-rows 220ms cubic-bezier(.2,0,0,1),opacity 180ms ease,visibility 220ms}\n.cwn-settings-cli-group[data-expanded=false]{grid-template-rows:0fr;opacity:0;visibility:hidden}\n.cwn-settings-cli-group-inner{display:flex;flex-direction:column;gap:4px;min-height:0;overflow:hidden;padding-left:14px}\n.cwn-settings-cli-group-inner>button{flex-shrink:0;padding:0 10px!important}\n.cwn-settings-nav-label{flex:1;min-width:0;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}\n.cwn-settings-nav-status{width:14px;height:14px;display:flex;align-items:center;justify-content:center;flex:none}\n.cwn-connection-dot{display:block;width:6px;height:6px;border-radius:50%;background:var(--dsw-alias-label-caption)}\n.cwn-connection-dot[data-state=connected]{background:var(--dsw-alias-state-success-primary)}\n.cwn-connection-dot[data-state=failed]{background:var(--dsw-alias-state-error-primary)}\n.cwn-settings-nav button[data-enabled=false],.cwn-cli-identity[data-enabled=false] .cwn-settings-cli-name{color:var(--dsw-alias-label-caption)}\n.cwn-settings-nav button[data-enabled=false] .cwn-brand,.cwn-cli-identity[data-enabled=false] .cwn-brand{filter:grayscale(1);opacity:.5}\n.cwn-settings-pane{min-width:0;min-height:0;overflow:auto;overscroll-behavior:contain;scrollbar-gutter:stable;padding:0 2px 8px 0}\n.cwn-cli-identity,.cwn-settings-cli-name,.cwn-cli-toggle,.cwn-settings-section-tools{display:flex;align-items:center;gap:10px}\n.cwn-cli-identity{justify-content:space-between;min-height:60px;padding:4px 0 0}\n.cwn-settings-cli-name{gap:14px}.cwn-settings-cli-name h2{margin:0;font-size:24px;line-height:32px;font-weight:600;letter-spacing:-.02em}.cwn-cli-subtitle{margin:4px 0 0;font-size:var(--dsw-font-xxs-12-font-size);line-height:18px;color:var(--dsw-alias-label-tertiary)}\n.cwn-cli-toggle-status{height:20px;overflow:auto;margin:4px 0 4px;font-size:var(--dsw-font-xxs-12-font-size);line-height:18px;color:var(--dsw-alias-label-tertiary)}\n.cwn-section-progress{display:inline-flex;align-items:center;justify-content:center;width:14px;height:14px;flex:none}\n.cwn-settings-section{min-width:0}.cwn-settings-section+.cwn-settings-section{margin-top:20px;padding-top:16px;border-top:.5px solid var(--dsw-alias-border-l2)}\n.cwn-settings-section-head,.cwn-account-terminal-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:8px;min-height:36px}\n.cwn-settings-section-head h3{font-size:inherit;font-weight:500;margin:0}\n.cwn-settings-form{display:flex;flex-direction:column;gap:0}.cwn-settings-form label{display:flex;flex-direction:column;gap:8px;color:var(--dsw-alias-label-secondary)}\n.cwn-settings-choice{display:block;width:min(240px,48%);min-width:0;flex-shrink:0}.cwn-settings-choice>button{width:100%;justify-content:space-between;gap:12px;background:var(--dsw-alias-interactive-bg-hover)}.cwn-settings-choice>button>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}\n.cwn-settings-choice-menu{width:min(300px,85vw);min-width:min(220px,85vw);max-width:min(300px,85vw);max-height:300px;overflow:auto}\n.cwn-settings-hint,.cwn-settings-feedback,.cwn-account-summary,.cwn-account-instruction{margin:0;font-size:var(--dsw-font-xxs-12-font-size);line-height:20px;color:var(--dsw-alias-label-tertiary);overflow-wrap:anywhere}\n.cwn-account-row{display:flex;align-items:center;gap:12px;min-height:56px}.cwn-account-summary{display:flex;align-items:center;flex:1;min-width:0;min-height:52px;margin:0;color:var(--dsw-alias-label-secondary)}\n.cwn-account-status-line{display:flex;align-items:center;min-width:0;gap:8px;min-height:24px;font-size:var(--dsw-font-s-14-font-size);line-height:22px}.cwn-account-login{display:inline-flex;align-items:center;gap:6px;min-width:0}.cwn-account-login:not([data-state=failed]){flex-shrink:0;white-space:nowrap}.cwn-account-login[data-state=connected]{color:var(--dsw-alias-state-success-primary)}.cwn-account-login[data-state=failed]{color:var(--dsw-alias-state-error-primary)}.cwn-account-login[data-state=disabled]{color:var(--dsw-alias-label-caption)}.cwn-account-status-dot{display:inline-block;flex-shrink:0;width:6px;height:6px;border-radius:50%;background:var(--dsw-alias-label-caption)}.cwn-account-status-dot[data-state=connected]{background:var(--dsw-alias-state-success-primary)}.cwn-account-status-dot[data-state=failed]{background:var(--dsw-alias-state-error-primary)}.cwn-account-label{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--dsw-alias-label-secondary)}\n.cwn-settings-notice{min-height:20px;max-height:56px;overflow:auto;margin:8px 0 0}.cwn-settings-notice:empty{min-height:0;height:0;margin:0}\n.cwn-settings-form .cwn-setting-row{display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:24px;padding:16px 0;border-bottom:.5px solid var(--dsw-alias-border-l2);color:var(--dsw-alias-label-primary)}.cwn-setting-row-text{display:flex;flex-direction:column;gap:4px;flex:1;min-width:0;font-size:var(--dsw-font-s-14-font-size);line-height:22px}.cwn-setting-description{font-size:var(--dsw-font-xxs-12-font-size);line-height:18px;color:var(--dsw-alias-label-tertiary)}.cwn-settings-save{margin-top:16px;justify-content:flex-end}\n.cwn-settings-feedback-slot{min-height:20px;font-size:12px;line-height:20px;color:var(--dsw-alias-label-tertiary)}\n.cwn-account-summary[data-provider-logins=true] .cwn-account-status-line{width:100%}.cwn-account-summary[data-provider-logins=true] .cwn-account-login{flex-shrink:1}.cwn-account-logins{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}\n.cwn-settings-feedback,.cwn-settings-save,.cwn-account-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}\n.cwn-account-actions{min-height:36px;flex-shrink:0;justify-content:flex-end;gap:8px}.cwn-account-actions button{background:transparent}.cwn-account-logout{flex-shrink:0;gap:5px!important;padding:0 8px!important;color:var(--dsw-alias-state-error-primary)!important}.cwn-account-logout:hover:not(:disabled){background:color-mix(in srgb,var(--dsw-alias-state-error-primary) 9%,transparent)!important}.cwn-refresh{width:36px!important;padding:0!important}.cwn-account-login-action,.cwn-account-manage{padding:0 10px!important}\n.cwn-local-loading,.cwn-loading{display:flex;align-items:center;gap:8px;color:var(--dsw-alias-label-tertiary);font-size:var(--dsw-font-xxs-12-font-size);line-height:20px}\n/* Native md Button owns the 36px height; native Switch keeps its own 36x20px geometry. */\n.cwn-settings-choice-menu button{border:0;box-shadow:none;--dsw-elevation-stroke-color:transparent}.cwn-settings-layout button:not([role=switch]),.cwn-settings-choice-menu button{transition:background-color 180ms ease,color 180ms ease,opacity 180ms ease}\n.cwn-account-actions button:hover:not(:disabled),.cwn-settings-section-head button:hover:not(:disabled),.cwn-settings-nav button:hover:not(:disabled),.cwn-account-terminal-head button:hover:not(:disabled){background:var(--dsw-alias-interactive-bg-hover)}\n.cwn-settings-nav button[aria-pressed=true]:hover,.cwn-settings-choice>button:hover:not(:disabled){background:var(--dsw-alias-interactive-bg-active)}\n.cwn-settings-layout button:not([role=switch]):disabled{pointer-events:auto}\n.cwn-settings-layout button:not([role=switch]):disabled:hover{background:var(--dsw-alias-interactive-bg-active);color:var(--dsw-alias-label-secondary)}\n.cwn-settings-layout button:focus-visible{outline:2px solid var(--dsw-alias-state-business-primary);outline-offset:2px}\n.cwn-account-terminal{margin-top:16px;padding:12px;border-radius:var(--dsw-radius-lg);background:var(--dsw-alias-bg-layer-2);border:.5px solid var(--dsw-alias-border-l2);min-width:0}\n.cwn-account-terminal-head{margin-bottom:8px}.cwn-account-terminal-head strong{font-size:12px;font-weight:500}.cwn-account-terminal-view{height:300px;min-height:200px;margin:12px 0;overflow:hidden}.cwn-account-terminal-view .xterm{height:100%}.cwn-account-terminal-view .xterm-viewport{background-color:var(--dsw-alias-bg-layer-2)!important}.cwn-account-terminal-view .xterm-helper-textarea{resize:none!important;min-height:0!important;max-height:0!important}\n.cwn-native-model-settings>p{margin:0 0 16px;color:var(--dsw-alias-label-secondary);font-size:var(--cwn-font-sm);line-height:1.6}.cwn-account-dialog{width:min(720px,90vw);max-width:90vw}.cwn-account-dialog-content{min-height:0;overflow:auto}.cwn-account-dialog .cwn-account-terminal{margin:0;padding:0;border:0;background:transparent}.cwn-account-dialog .cwn-account-terminal-view{height:300px;max-height:48vh}.cwn-account-dialog .cwn-account-terminal button{border:0!important;transition:background-color 180ms ease,color 180ms ease}.cwn-account-dialog .cwn-account-terminal button:hover:not(:disabled){background:var(--dsw-alias-interactive-bg-active)}\n/* OMP onboarding needs room for its native header and provider list. Small screens scroll the modal body. */\n.cwn-account-dialog .cwn-account-terminal[data-cli=\"omp\"] .cwn-account-terminal-view{height:520px;max-height:none}\n@media(max-width:640px){.cwn-account-row{flex-wrap:wrap}.cwn-account-actions{margin-left:auto}.cwn-settings-content{overflow:auto}.cwn-settings-layout{grid-template-columns:1fr;grid-template-rows:auto minmax(0,1fr);gap:16px}.cwn-settings-nav{max-height:190px}.cwn-settings-cli-group-inner{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.cwn-settings-nav button{min-width:0}.cwn-settings-pane{overflow:auto}.cwn-settings-form .cwn-setting-row{gap:12px}.cwn-setting-description{max-width:180px}.cwn-account-terminal-view{height:240px}}\n@media(prefers-reduced-motion:reduce){.cwn-settings-layout button,.cwn-settings-choice-menu button,.cwn-settings-nav-chevron,.cwn-settings-cli-group{transition:none}}\n";
+export declare const rolePresetStyles = "\n.cwn-roles-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:4px 0 20px}\n.cwn-roles-heading h2{margin:0;font-size:24px;line-height:32px;font-weight:600;letter-spacing:-.02em}\n.cwn-roles-heading p{margin:8px 0 0;color:var(--dsw-alias-label-tertiary);font-size:var(--dsw-font-s-14-font-size);line-height:22px}\n.cwn-roles-toolbar{display:flex;gap:10px;align-items:center;margin-bottom:18px}.cwn-roles-toolbar>span{flex:1;min-width:0}.cwn-roles-toolbar>button{flex-shrink:0}\n.cwn-role-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;min-height:160px;align-content:start}\n.cwn-role-card{min-width:0;border:.5px solid var(--dsw-alias-border-l3);border-radius:var(--dsw-radius-xl);overflow:hidden;background:var(--dsw-alias-bg-layer-2)}\n.cwn-role-card>button{display:flex;flex-direction:column;gap:7px;width:100%;height:100%;min-height:104px;padding:16px;text-align:left;background:transparent;color:inherit;font:inherit;border:0;cursor:pointer}\n.cwn-role-card>button:hover{background:var(--dsw-alias-interactive-bg-hover)}\n.cwn-role-card-heading{display:flex;align-items:center;justify-content:space-between;width:100%;gap:8px;min-width:0}.cwn-role-card-heading strong{font-size:var(--dsw-font-s-14-font-size);font-weight:500;overflow-wrap:anywhere}.cwn-role-card-heading svg{width:12px;height:12px;color:var(--dsw-alias-label-tertiary);flex-shrink:0;transform:rotate(90deg)}\n.cwn-role-card-summary{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere;font-size:var(--dsw-font-xxs-12-font-size);line-height:20px;color:var(--dsw-alias-label-tertiary)}\n.cwn-role-editor{display:flex;flex-direction:column;gap:16px}.cwn-role-back{align-self:flex-start}.cwn-role-editor label{display:flex;flex-direction:column;gap:8px;min-width:0}.cwn-role-editor textarea{display:block;width:100%;min-height:240px;resize:vertical;border:.5px solid var(--dsw-alias-border-l3);border-radius:var(--dsw-radius-md);padding:12px;font:inherit;line-height:1.65;background:var(--dsw-alias-bg-layer-2);color:var(--dsw-alias-label-primary)}\n.cwn-role-editor textarea:focus-visible{outline:2px solid var(--dsw-alias-state-business-primary);outline-offset:2px}\n.cwn-role-editor-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap}.cwn-role-editor-actions>.cwn-role-delete{margin-right:auto}.cwn-role-delete{background:var(--dsw-alias-state-error-primary)!important;color:#fff!important}.cwn-role-delete:hover:not(:disabled){background:color-mix(in srgb,var(--dsw-alias-state-error-primary) 88%,#000)!important}.cwn-role-delete-confirm>button+button{margin-left:8px}\n.cwn-role-delete-confirm{padding:12px;border-radius:var(--dsw-radius-md);background:var(--dsw-alias-interactive-bg-hover)}.cwn-role-delete-confirm p{margin:0 0 8px;font-size:var(--dsw-font-xxs-12-font-size)}\n.cwn-role-feedback{min-height:22px;margin-top:12px;font-size:var(--dsw-font-xxs-12-font-size);line-height:20px;color:var(--dsw-alias-label-tertiary);overflow-wrap:anywhere}.cwn-role-feedback[role=alert]{color:var(--dsw-alias-state-error-primary)}.cwn-role-empty{color:var(--dsw-alias-label-tertiary);font-size:var(--dsw-font-s-14-font-size)}\n.cwn-rename-dialog{width:min(420px,90vw);max-width:90vw}.cwn-rename-form>p{font-size:var(--dsw-font-xxs-12-font-size);color:var(--dsw-alias-label-tertiary);line-height:20px}\n@media(max-width:700px){.cwn-role-grid{grid-template-columns:1fr}.cwn-roles-toolbar{flex-wrap:wrap}.cwn-roles-toolbar>span{flex-basis:100%}}\n";

package/lib/types/client/styles.js

@@ -0,0 +1,221 @@
+// Harness 0.2.0-rc.2 typography/radius/elevation tokens are inherited live.
+// Native md Button defines the 36px control height in Harness 0.2.0-rc.2.
+// Input has no size variant, so its wrapper shares that height here.
+// Conversation text uses the same host font-size preference as the main composer.
+export const styles = `
+.cwn,.cwn-settings-dialog,.cwn-rename-dialog{--cwn-control-height:36px}
+.cwn-control-input{height:var(--cwn-control-height,36px)}
+.cwn{position:relative;--cwn-accent:var(--dsw-alias-state-business-primary);--cwn-muted:var(--dsw-alias-label-tertiary);--cwn-border:var(--dsw-alias-border-l3);display:flex;flex-direction:column;height:100%;min-height:0;overflow:hidden;color:var(--dsw-alias-label-primary);font-family:inherit;font-size:var(--dsw-font-s-14-font-size);line-height:var(--dsw-font-s-14-line-height);container-type:inline-size}
+.cwn *{box-sizing:border-box}.cwn svg{flex-shrink:0}.cwn select,.cwn textarea{font-family:inherit}.cwn-worker,.cwn-cli-heading{font:inherit}.cwn button{cursor:pointer}.cwn button:disabled{cursor:default;opacity:.45}.cwn button:focus-visible,.cwn summary:focus-visible,.cwn input:focus-visible,.cwn textarea:focus-visible,.cwn select:focus-visible{outline:2px solid var(--cwn-accent);outline-offset:2px}
+.cwn-brand{display:inline-flex;position:relative;flex-shrink:0;vertical-align:middle}.cwn-brand img{display:block;width:100%;height:100%;object-fit:contain}.cwn-brand .cwn-icon-dark{display:none}body[data-ds-dark-theme] .cwn-brand .cwn-icon-mono{filter:invert(1)}body[data-ds-dark-theme] .cwn-brand .cwn-icon-light{display:none}body[data-ds-dark-theme] .cwn-brand .cwn-icon-dark{display:block}
+.cwn-project-logo{display:block;position:relative;width:100%;height:100%;mask-size:contain;mask-position:center;mask-repeat:no-repeat;mask-mode:alpha;-webkit-mask-size:contain;-webkit-mask-position:center;-webkit-mask-repeat:no-repeat}.cwn-project-logo.monochrome{background:#000}body[data-ds-dark-theme] .cwn-project-logo.monochrome{background:#fff}
+.cwn-head{display:flex;align-items:center;gap:9px;min-height:56px;padding:10px 16px;flex-shrink:0}.cwn-head h2{flex:1;min-width:0;font-size:var(--dsw-font-s-14-font-size);line-height:var(--dsw-font-s-14-line-height);font-weight:600;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cwn-back{width:28px!important;padding:0!important;flex-shrink:0}.cwn-settings-button{width:36px!important;padding:0!important;flex-shrink:0;align-self:center}.cwn-settings-button svg{display:block}.cwn-back{border-radius:var(--dsw-radius-md)!important;background:var(--dsw-alias-interactive-bg-hover)!important}
+.cwn-wordmark{display:flex;align-items:center;gap:6px;min-width:0;flex:1;height:36px}.cwn-wordmark h2{display:flex;align-items:center;gap:10px;overflow:visible!important;font-family:var(--dsw-font-family);font-size:21px!important;line-height:28px!important;font-weight:500;letter-spacing:normal}.cwn-wordmark h2 small{display:inline-flex;align-items:center;justify-content:center;height:18px;padding:0 5px;border-radius:3px;background:var(--dsw-alias-label-primary);color:var(--dsw-alias-bg-layer-2);font-size:10px;line-height:14px;font-weight:600;letter-spacing:.08em}.cwn-overview{flex:1;min-height:0;display:flex;flex-direction:column;overflow:hidden;padding-top:4px}.cwn-overview-controls{flex:none;min-width:0;padding:0 14px}.cwn-overview-list{flex:1;min-height:0;overflow:auto;overscroll-behavior:contain;padding:8px 14px 20px}.cwn-search{width:100%}
+
+.cwn-filters{display:flex;gap:6px;margin:10px 0 14px}.cwn-filters button{flex:1;min-width:0;padding:0 7px;background:var(--dsw-alias-interactive-bg-hover)!important}.cwn-filters button[aria-pressed=true]{color:var(--cwn-accent)!important;border-color:var(--cwn-border)!important;background:color-mix(in srgb,var(--cwn-accent) 10%,transparent)!important}
+.cwn-cli-group{border:0;border-radius:var(--dsw-radius-lg);background:var(--dsw-alias-bg-base);margin:0 0 12px;overflow:hidden}.cwn-cli-heading{display:flex;align-items:center;gap:9px;width:100%;min-height:45px;padding:10px 12px;border:0;background:transparent;color:inherit;text-align:left}.cwn-cli-heading strong{font-size:var(--dsw-font-s-14-font-size);font-weight:600;flex:1;min-width:0}.cwn-cli-heading>span:not(.cwn-brand){font-size:var(--dsw-font-xxs-12-font-size);color:var(--cwn-muted);white-space:nowrap}.cwn-cli-heading>svg{width:12px;height:12px;color:var(--cwn-muted);transform:rotate(90deg);transition:transform var(--ds-transition-duration,.2s) var(--ds-ease-in-out,ease)}.cwn-cli-heading[aria-expanded=false]>svg{transform:none}.cwn-cli-heading[aria-expanded=true]{border-bottom:.5px solid var(--dsw-alias-border-l2)}
+.cwn-cli-rows{display:grid;grid-template-rows:1fr;opacity:1;transition:grid-template-rows var(--ds-transition-duration,.2s) var(--ds-ease-in-out,ease),opacity var(--ds-transition-duration,.2s) var(--ds-ease-in-out,ease),visibility var(--ds-transition-duration,.2s)}.cwn-cli-rows[data-expanded=false]{grid-template-rows:0fr;opacity:0;visibility:hidden}.cwn-cli-rows-inner{min-height:0;overflow:hidden}
+@media(prefers-reduced-motion:reduce){.cwn-cli-rows,.cwn-cli-heading>svg,.cwn-cli-heading:after{transition:none!important}}
+.cwn-worker{display:flex;width:100%;align-items:center;gap:10px;padding:12px;background:transparent;color:inherit;border:0;text-align:left;min-height:62px;position:relative}.cwn-worker+.cwn-worker:before{content:'';position:absolute;left:12px;right:12px;top:0;height:.5px;background:var(--dsw-alias-border-l2)}.cwn-worker:hover,.cwn-worker:focus-visible{background:color-mix(in srgb,var(--cwn-accent) 9%,transparent)}.cwn-worker>svg{width:14px;height:14px;color:var(--cwn-muted)}.cwn-worker-content{flex:1;min-width:0}.cwn-worker-line{display:flex;align-items:center;gap:8px;min-width:0}.cwn-worker-title{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:var(--dsw-font-s-14-font-size);font-weight:500}.cwn-worker-status{display:inline-flex;align-items:center;gap:5px;font-size:var(--dsw-font-xxs-12-font-size);white-space:nowrap;flex-shrink:0;color:var(--cwn-muted)}.cwn-dot{display:inline-block;flex-shrink:0;width:6px;height:6px;border-radius:50%;background:var(--dsw-alias-state-idle-primary)}.cwn-worker-status.running{color:var(--cwn-accent)}.cwn-dot.running{background:var(--cwn-accent)}.cwn-worker-status.completed{color:var(--dsw-alias-state-success-primary)}.cwn-dot.completed{background:var(--dsw-alias-state-success-primary)}.cwn-worker-status.failed{color:var(--dsw-alias-state-error-primary)}.cwn-dot.failed{background:var(--dsw-alias-state-error-primary)}.cwn-worker-status.queued,.cwn-worker-status.stopping{color:var(--dsw-alias-state-warn-label)}.cwn-dot.queued,.cwn-dot.stopping{background:var(--dsw-alias-state-warn-primary)}.cwn-worker-meta{display:flex;align-items:center;gap:7px;margin-top:5px;color:var(--cwn-muted);font-size:var(--dsw-font-xxs-12-font-size);min-width:0}.cwn-worker-meta>.cwn-worker-name,.cwn-worker-meta>.cwn-worker-model{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cwn-worker-meta>span:last-child{flex-shrink:0;white-space:nowrap}.cwn-worker-name{max-width:38%}.cwn-worker-model{flex:0 1 auto}.cwn-meta-divider{opacity:.5;flex-shrink:0}
+.cwn-actions{position:relative}.cwn-actions>summary{display:flex;width:28px;height:28px;align-items:center;justify-content:center;list-style:none;border-radius:var(--dsw-radius-md);cursor:pointer}.cwn-actions>summary::-webkit-details-marker{display:none}.cwn-actions>summary:hover{background:var(--dsw-alias-interactive-bg-hover)}.cwn-action-menu{position:absolute;right:0;top:34px;width:240px;max-width:calc(100cqw - 32px);z-index:5;padding:12px;background:var(--dsw-alias-bg-layer-1);border:.5px solid var(--cwn-border);border-radius:var(--dsw-radius-lg);--dsw-elevation-stroke-color:var(--dsw-alias-border-l2);box-shadow:var(--dsw-elevation-panel);font-size:var(--dsw-font-xxs-12-font-size);overflow-wrap:anywhere}.cwn-action-menu p{color:var(--cwn-muted);margin:8px 0;font-size:var(--dsw-font-xxs-12-font-size)}.cwn-action-menu>button{display:flex;margin-top:8px}
+.cwn-feed{flex:1;overflow:auto;overscroll-behavior:contain;min-height:60px;padding:18px 16px}.cwn-message{width:100%;margin:0 0 22px}.cwn-message.user{width:fit-content;max-width:85%;margin-left:auto}.cwn-message.user .cwn-text{padding:10px 12px;border-radius:var(--dsw-radius-lg);background:var(--dsw-specific-bubble,var(--dsw-alias-interactive-bg-hover))}.cwn-message-label{position:relative;display:flex;justify-content:flex-end;color:var(--cwn-muted);font-size:var(--dsw-font-xxs-12-font-size);margin-bottom:6px}.cwn-message.assistant .cwn-message-label{justify-content:flex-start}.cwn-text{white-space:pre-wrap;overflow-wrap:anywhere;line-height:calc(24px + var(--dsh-content-font-delta,0px));font-size:var(--dsh-content-font-size,14px)}.cwn-tool{border:.5px solid var(--dsw-alias-border-l2);border-radius:var(--dsw-radius-md);margin:8px 0;background:var(--dsw-alias-interactive-bg-hover);font-size:var(--dsw-font-xxs-12-font-size)}.cwn-tool summary{display:flex;align-items:center;gap:7px;padding:10px;cursor:pointer;list-style:none}.cwn-tool summary::-webkit-details-marker{display:none}.cwn-tool summary:before{content:'›';color:var(--cwn-muted)}.cwn-tool[open] summary:before{transform:rotate(90deg)}.cwn-tool-title{min-width:0;flex:1;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.cwn-tool small{font-size:var(--dsw-font-xxs-12-font-size);color:var(--cwn-muted);max-width:38%;overflow-wrap:anywhere}.cwn-tool pre{white-space:pre-wrap;overflow-wrap:anywhere;font:var(--dsw-font-xxs-12-font-size)/1.6 var(--ds-font-family-code,monospace);margin:0;padding:0 12px 12px;max-height:320px;overflow:auto}.cwn-status{font-size:var(--dsw-font-xxs-12-font-size);color:var(--cwn-muted);text-align:center;margin:16px 0}
+.cwn-compose{padding:8px 12px 12px;flex-shrink:0}.cwn-compose-state{display:flex;align-items:center;gap:6px;font-size:var(--dsw-font-xxs-12-font-size);color:var(--cwn-muted);margin:0 4px 7px}.cwn-compose-box{padding:10px;border:0;border-radius:var(--dsw-radius-panel);--dsw-elevation-stroke-color:var(--dsw-alias-border-l2);box-shadow:var(--dsw-elevation-soft);background:var(--dsw-specific-input-major,var(--dsw-alias-interactive-bg-hover))}.cwn .cwn-compose textarea:focus-visible{outline:none}.cwn-compose textarea{display:block;width:100%;height:45px;min-height:45px;max-height:140px;resize:vertical;border:0;padding:0 2px;background:transparent;color:inherit;line-height:calc(24px + var(--dsh-content-font-delta,0px));font-size:var(--dsh-content-font-size,14px);outline:none}.cwn-compose textarea::placeholder{color:var(--cwn-muted)}.cwn-compose textarea:disabled{opacity:.6}.cwn-compose-bottom{display:flex;align-items:center;gap:8px;margin-top:6px;min-height:30px}.cwn-compose-model{margin-left:auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--cwn-muted);font-size:var(--dsw-font-xxs-12-font-size)}.cwn-send{width:30px!important;height:30px!important;padding:0!important;border-radius:50%!important;flex-shrink:0}.cwn-resume-hint{font-size:var(--dsw-font-xxs-12-font-size);line-height:1.6;color:var(--cwn-muted);margin:0 4px 8px}
+.cwn-settings{padding:12px 16px;display:grid;gap:9px;overflow:auto;max-height:65%;flex-shrink:0;border-bottom:.5px solid var(--cwn-border)}.cwn-settings label{font-size:var(--dsw-font-xxs-12-font-size);display:grid;gap:5px}.cwn-settings select{width:100%;border:.5px solid var(--cwn-border);border-radius:var(--dsw-radius-md);background:var(--dsw-alias-bg-layer-1);color:inherit;padding:7px;font-size:var(--dsw-font-s-14-font-size)}.cwn-settings p{font-size:var(--dsw-font-xxs-12-font-size);color:var(--cwn-muted);line-height:1.6;margin:0}
+.cwn-empty{padding:30px 10px;text-align:center;color:var(--cwn-muted);line-height:1.8}.cwn-empty h3{color:var(--dsw-alias-label-primary);font-weight:500;font-size:var(--dsw-font-s-14-font-size);margin:12px 0}.cwn-empty p{font-size:var(--dsw-font-xxs-12-font-size)}.cwn-empty blockquote{margin:12px 0;padding:12px;border-radius:var(--dsw-radius-lg);background:var(--dsw-alias-interactive-bg-hover);font-size:var(--dsw-font-xxs-12-font-size);text-align:left}.cwn-notice,.cwn-error{font-size:var(--dsw-font-xxs-12-font-size);padding:12px;border-radius:var(--dsw-radius-md);background:var(--dsw-alias-interactive-bg-hover);line-height:1.6;overflow-wrap:anywhere;margin:8px 12px;max-height:180px;overflow:auto;flex-shrink:0}.cwn-error{color:var(--dsw-alias-state-error-primary)}.cwn-error button{margin:8px 0}.cwn-error details{font-size:var(--dsw-font-xxs-12-font-size)}.cwn-error summary{cursor:pointer}
+.cwn-history-nav{border-bottom:.5px solid var(--cwn-border);padding:10px 16px;font-size:var(--dsw-font-xxs-12-font-size);flex-shrink:0}.cwn-history-nav>div{display:flex;gap:5px;flex-wrap:wrap;margin:7px 0}.cwn-history-nav small{color:var(--cwn-muted)}.cwn-history-start{display:flex;align-items:center;flex-wrap:wrap;justify-content:space-between;gap:8px;font-size:var(--dsw-font-xxs-12-font-size);margin:0 0 16px;color:var(--cwn-muted)}.cwn-jump{display:flex;justify-content:center;padding:4px 12px 8px}.cwn-copy{display:inline-flex;align-items:center;gap:6px;margin-top:5px;max-width:100%}.cwn-copy button{color:var(--cwn-muted)}.cwn-copy-feedback{font-size:var(--dsw-font-xxs-12-font-size);overflow-wrap:anywhere;color:var(--cwn-muted)}.cwn-sr-only{position:absolute;top:0;left:0;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
+@container (max-width:320px){.cwn-head{padding:10px 12px}.cwn-overview-controls{padding:0 10px}.cwn-overview-list{padding:8px 10px 10px}.cwn-worker-line{gap:5px}.cwn-worker-status{font-size:var(--dsw-font-xxs-12-font-size)}.cwn-worker-meta{gap:5px}.cwn-filters{gap:4px}.cwn-filters button{padding:0 4px!important}.cwn-feed{padding:14px 12px}}
+`;
+// Geometry below mirrors Harness 0.2.0-rc.2 chat/composer and sidebar New Session.
+export const nativeChatStyles = `
+.cwn-entry{width:24px!important;height:24px!important;min-width:24px;padding:3px!important;border-radius:var(--dsw-radius-sm)!important;flex-shrink:0;background:transparent!important;border:0!important;box-shadow:none!important}
+.cwn-entry:hover{background:var(--dsw-alias-interactive-bg-hover)!important}
+.cwn .cwn-search{height:var(--cwn-control-height);border-color:var(--dsw-alias-border-l3);background:var(--dsw-alias-bg-base)}
+.cwn .cwn-search:focus-within{outline:none;box-shadow:none;border-color:var(--dsw-alias-border-l3)}
+.cwn .cwn-search input:focus-visible{outline:none;box-shadow:none}
+.cwn .cwn-search input::placeholder{color:var(--dsw-alias-label-caption)}
+.cwn-back,.cwn-settings select,.cwn-tool{border:.5px solid var(--dsw-alias-border-l3)}
+.cwn-cli-group{--dsw-elevation-stroke-color:var(--dsw-alias-border-l3);box-shadow:var(--dsw-elevation-soft)}
+body[data-ds-dark-theme] .cwn-cli-group{box-shadow:var(--dsw-elevation-stroke),0 4px 12px #00000040,0 12px 24px -8px #00000059}
+.cwn-feed{padding:16px 24px}
+.cwn-message{margin-bottom:24px}
+.cwn-message.user{max-width:82%}
+.cwn-message.user .cwn-text{padding:10px 16px;border-radius:var(--dsw-radius-xl);line-height:calc(22px + var(--dsh-content-font-delta,0px))}
+.cwn-message-label{height:28px;margin:6px 0 0;gap:8px;align-items:center;font-size:var(--dsh-content-font-size-secondary,13px);line-height:24px}
+.cwn-message.assistant .cwn-message-label{margin-top:16px;margin-left:-6px}
+.cwn-markdown{min-width:0;overflow-wrap:anywhere}
+.cwn-copy{margin:0;position:relative}
+.cwn-copy .cwn-copy-icon{width:28px;height:28px;padding:6px;color:var(--dsw-alias-label-tertiary)}
+.cwn-status{text-align:left;border-bottom:.5px solid var(--dsw-alias-border-l2);padding:8px 0;margin:8px 0 16px;font-size:var(--dsh-content-font-size-secondary,13px)}
+.cwn-compose{padding:0 16px 4px}
+.cwn-compose-box{display:flex;flex-direction:column;gap:12px;padding:8px 0 0}
+.cwn-compose textarea{resize:none;height:36px;min-height:36px;max-height:336px;padding:4px 12px 0 14px;overflow-y:auto;margin:0;box-sizing:border-box}
+.cwn-compose textarea::placeholder{color:var(--dsw-alias-label-caption)}
+.cwn-compose-bottom{justify-content:flex-end;gap:8px;padding:2px 8px 6px;margin:0;min-height:42px}
+.cwn-model-menu{margin-left:auto;min-width:0;max-width:calc(100% - 42px)}
+.cwn .cwn-compose-model{display:flex;align-items:center;gap:6px;height:28px;max-width:100%;padding:0 8px;font-size:var(--dsh-content-font-size-secondary,13px);line-height:20px;color:var(--dsw-alias-label-secondary);border-radius:var(--dsw-radius-sm)}
+.cwn-compose-model>span:first-child{min-width:0;overflow:hidden;text-overflow:ellipsis}
+.cwn-model-effort{flex-shrink:0;color:var(--dsw-alias-label-tertiary)}
+.cwn .cwn-send{corner-shape:round!important;width:34px!important;height:34px!important;border:0!important;border-radius:999px!important;background:var(--dsw-alias-button-info-fill)!important;color:#fff!important;display:grid;place-items:center;transform:translateY(-2px)}
+.cwn .cwn-send:hover:not(:disabled){background:var(--dsw-alias-button-info-hover)!important}
+.cwn .cwn-send:disabled{opacity:.4}
+.cwn-compose-state{height:24px;gap:8px;margin:4px 8px 0;font-size:var(--dsh-content-font-size-secondary,13px);line-height:20px}
+.cwn-compose-cli{margin-left:auto}
+@container(max-width:320px){.cwn-feed{padding:14px 16px}.cwn-compose{padding-left:8px;padding-right:8px}.cwn-model-effort{display:none}}
+`;
+export const modelPickerStyles = `
+.cwn-progress{margin:12px 0 16px;padding-bottom:12px;border-bottom:.5px solid var(--dsw-alias-border-l2);color:var(--dsw-alias-label-tertiary);font-size:var(--dsh-content-font-size,14px);line-height:22px}
+.cwn-progress>summary{display:flex;gap:6px;align-items:center;cursor:pointer;list-style:none}.cwn-progress>summary::-webkit-details-marker{display:none}.cwn-progress-chevron{display:inline-flex;transform:rotate(90deg)}.cwn-progress-chevron svg{width:12px;height:12px}.cwn-progress[open] .cwn-progress-chevron{transform:rotate(-90deg)}
+.cwn-process-body{padding-top:12px;display:grid;gap:8px}.cwn-process-note{margin:0;font-size:var(--dsh-content-font-size-secondary,13px);color:var(--dsw-alias-label-tertiary)}.cwn-process-event{font-size:var(--dsh-content-font-size-secondary,13px)}
+
+.cwn-model-popover{width:max-content;min-width:min(240px,calc(100vw - 32px));max-width:min(420px,calc(100vw - 32px));max-height:min(360px,calc(100vh - 96px));padding:4px;color:var(--dsw-alias-label-primary);--dsw-elevation-stroke-color:var(--dsw-alias-border-l1);box-shadow:var(--dsw-elevation-prominent)}
+.cwn-model-popover button[role=menuitem]{min-height:34px;padding:5px 7px;font-size:13px;font-weight:400;line-height:20px;border-radius:var(--dsw-radius-md)}
+.cwn-model-cell{display:flex;align-items:center;gap:6px;width:100%;min-width:0}.cwn-model-cell>span:first-child{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cwn-model-cell-value{color:var(--dsw-alias-label-tertiary);text-align:right;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:230px}
+.cwn-model-search{background:transparent!important;border:0!important;box-shadow:none!important;padding:5px 7px!important;margin:2px 0 3px;height:auto!important}.cwn-model-search input{font-size:12px!important;padding:0!important}.cwn-model-provider,.cwn-model-feedback{font-size:12px;line-height:18px;color:var(--dsw-alias-label-tertiary);padding:8px}.cwn-model-feedback{max-width:280px;white-space:normal}
+/* Scope to plugin buttons, including the portaled menu and header entry. */
+.cwn button,.cwn-entry,.cwn-model-popover button{border:0!important;--dsw-elevation-stroke-color:transparent;box-shadow:none}
+.cwn-cli-heading{position:relative}.cwn-cli-heading:after{content:'';position:absolute;bottom:0;left:0;right:0;height:.5px;background:var(--dsw-alias-border-l2);pointer-events:none;opacity:0;transition:opacity var(--ds-transition-duration,.2s) var(--ds-ease-in-out,ease)}.cwn-cli-heading[aria-expanded=true]:after{opacity:1}
+.cwn-back:hover:not(:disabled),.cwn-filters button:hover:not(:disabled){background:var(--dsw-alias-interactive-bg-hover-solid)!important}
+.cwn-filters button[aria-pressed=true]:hover:not(:disabled){background:color-mix(in srgb,var(--cwn-accent) 18%,transparent)!important}
+.cwn-cli-heading:hover:not(:disabled),.cwn-model-popover button:hover:not(:disabled){background:var(--dsw-alias-interactive-bg-hover)}
+.cwn button:focus-visible,.cwn-entry:focus-visible,.cwn-model-popover button:focus-visible{outline:2px solid var(--dsw-alias-state-business-primary);outline-offset:2px}
+@media(prefers-reduced-motion:reduce){.cwn button,.cwn-entry,.cwn-model-popover button{transition:none}}
+
+.cwn .cwn-send{padding:0;min-width:34px;min-height:34px;flex:none}.cwn .cwn-send svg{width:16px;height:16px}
+`;
+export const telemetryStyles = `
+.cwn-stat{display:inline-flex;align-items:center;gap:6px;border-radius:var(--dsw-radius-sm);color:var(--dsw-alias-label-tertiary);font-size:var(--dsh-content-font-size-secondary,13px);line-height:calc(20px + var(--dsh-content-font-delta-secondary,0px));font-variant-numeric:tabular-nums;white-space:nowrap;padding:1px 8px;min-width:0;transition:background-color 180ms ease,color 180ms ease}
+.cwn-stat>span{overflow:hidden;text-overflow:ellipsis}.cwn-stat:hover{background:var(--dsw-alias-interactive-bg-hover);color:var(--dsw-alias-label-secondary)}
+.cwn-message-label time{white-space:nowrap;flex-shrink:0}.cwn-message-label .cwn-usage{padding-left:0}.cwn-message-label{gap:6px}
+.cwn-telemetry{margin:4px 0 0;gap:0;justify-content:space-between}.cwn-telemetry .cwn-usage{flex:1;justify-content:center}.cwn-run-stat{max-width:35%}.cwn-context{flex-shrink:0}
+.cwn-context-track{fill:none;stroke:var(--dsw-alias-border-l3);stroke-width:2}.cwn-context-fill{fill:none;stroke:var(--dsw-alias-label-tertiary);stroke-width:2;stroke-linecap:round}
+
+
+
+@media(prefers-reduced-motion:reduce){.cwn-stat,.cwn summary{transition:none}}
+@container(max-width:360px){.cwn-message-label{flex-wrap:wrap;height:auto;min-height:28px}.cwn-message-label time{margin-left:0}.cwn-telemetry .cwn-stat{padding-left:4px;padding-right:4px;gap:4px}}
+`;
+// Pinned to Harness 0.2.0-rc.2: WorkStatus, MessageIconActions, StatsPills,
+// TurnUsagePanel, ContextMeter and ModelSelect. Native Tooltip/Menu own animations.
+export const nativeInteractionStyles = `
+.cwn-progress{padding-bottom:0;border:0}.cwn-progress>summary{height:calc(33px + var(--dsh-content-font-delta,0px));width:100%;padding:0 0 8px;border-radius:0;border-bottom:.5px solid var(--dsw-alias-border-l2);transition:color .1s;line-height:calc(24px + var(--dsh-content-font-delta,0px));gap:4px}.cwn-progress>summary:hover{color:var(--dsw-alias-label-secondary);background:transparent}.cwn-progress-chevron{transition:transform .1s}.cwn-progress-chevron svg{width:14px;height:14px}
+.cwn-message-label{height:calc(28px + var(--dsh-content-font-delta,0px));gap:8px}.cwn-message-label time{line-height:calc(24px + var(--dsh-content-font-delta,0px))}.cwn-message.assistant .cwn-message-label time{font-size:calc(var(--dsh-content-font-size-secondary,13px) - 1px)}
+.cwn-copy .cwn-copy-icon{width:calc(28px + var(--dsh-content-font-delta,0px));height:calc(28px + var(--dsh-content-font-delta,0px));padding:6px;border-radius:var(--dsw-radius-sm);color:var(--dsw-alias-label-tertiary)}.cwn-copy-icon svg{width:calc(15px + var(--dsh-content-font-delta,0px));height:calc(15px + var(--dsh-content-font-delta,0px))}.cwn-message.assistant .cwn-copy-icon svg{width:calc(17px + var(--dsh-content-font-delta,0px));height:calc(17px + var(--dsh-content-font-delta,0px))}.cwn-copy .cwn-copy-icon:hover:not(:disabled){background:var(--dsw-alias-interactive-bg-hover);color:var(--dsw-alias-label-secondary)}
+.cwn-stat-anchor{min-width:0;display:inline-flex}.cwn-telemetry{gap:0;font-size:calc(var(--dsh-content-font-size-secondary,13px) - 1px);line-height:calc(20px + var(--dsh-content-font-delta-secondary,0px))}.cwn-telemetry>.cwn-stat-anchor:nth-child(2){flex:1;justify-content:center}
+.cwn-stat{font:inherit;line-height:inherit;transition:none}.cwn-stat:hover{background:transparent;color:var(--dsw-alias-label-tertiary)}.cwn button.cwn-stat{background:transparent;cursor:pointer}.cwn button.cwn-stat:hover,.cwn button.cwn-stat[aria-expanded=true]{background:var(--dsw-alias-interactive-bg-hover);color:var(--dsw-alias-label-secondary)}
+.cwn-telemetry .cwn-usage{border-radius:999px;corner-shape:round;padding:1px 8px;gap:6px}.cwn-message-label .cwn-stat-anchor{margin-left:8px}.cwn-message-label .cwn-reply-usage{height:calc(28px + var(--dsh-content-font-delta,0px));font-size:calc(var(--dsh-content-font-size-secondary,13px) - 1px);line-height:calc(24px + var(--dsh-content-font-delta,0px));border-radius:var(--dsw-radius-sm);padding:6px 8px;gap:4px}.cwn-reply-usage svg{width:calc(15px + var(--dsh-content-font-delta,0px));height:calc(15px + var(--dsh-content-font-delta,0px))}.cwn button.cwn-reply-usage:hover,.cwn button.cwn-reply-usage[aria-expanded=true]{color:var(--dsw-alias-label-tertiary)}
+.cwn-context{border-radius:var(--dsw-radius-sm);font-size:var(--dsh-content-font-size-secondary,13px);line-height:calc(20px + var(--dsh-content-font-delta-secondary,0px));padding:1px 8px;gap:6px}
+.cwn-stat-panel{z-index:1100;box-sizing:border-box;border-radius:var(--dsw-radius-lg);background:var(--dsw-specific-menu);width:max-content;min-width:min(300px,100vw - 24px);max-width:min(440px,100vw - 24px);backdrop-filter:var(--dsw-menu-backdrop-filter);--dsw-elevation-stroke-color:var(--dsw-alias-border-l1);box-shadow:var(--dsw-elevation-prominent);color:var(--dsw-alias-label-secondary);cursor:default;border:0;padding:16px;font-size:12px;line-height:18px;position:fixed}
+.cwn-stat-title{color:var(--dsw-alias-label-primary);display:flex;justify-content:space-between;gap:16px;margin-bottom:8px;font-weight:500}.cwn-stat-title>span{display:inline-flex;align-items:center;gap:6px;font-variant-numeric:tabular-nums}.cwn-stat-rule{border-top:.5px solid var(--dsw-alias-border-l2);margin-bottom:10px}.cwn-stat-details{color:var(--dsw-alias-label-tertiary);display:grid;grid-template-columns:minmax(76px,auto) minmax(0,1fr);gap:6px 16px;margin:0}.cwn-stat-details dt,.cwn-stat-details dd{min-width:0;margin:0}.cwn-stat-details dd{color:var(--dsw-alias-label-secondary);font-variant-numeric:tabular-nums;text-align:right;overflow-wrap:anywhere}
+.cwn-context-panel{width:min(264px,100vw - 24px);min-width:0;padding:12px;line-height:20px}.cwn-context-header{display:flex;align-items:center;gap:6px}.cwn-context-header strong{margin-left:auto;font-weight:500;color:var(--dsw-alias-label-primary);white-space:nowrap}.cwn-context-bar{height:4px;margin:10px 0 12px;background:var(--dsw-alias-interactive-bg-hover);border-radius:999px;corner-shape:round;overflow:hidden}.cwn-context-bar>span{display:block;height:100%;min-width:2px;background:var(--dsw-alias-label-tertiary)}.cwn-context-source{margin:0 0 8px;color:var(--dsw-alias-label-tertiary)}
+.cwn .cwn-compose-model{gap:4px;padding:0 4px 0 8px;max-width:min(360px,45cqw);font-size:13px;line-height:20px}.cwn .cwn-model-effort{color:var(--dsw-alias-label-caption);flex-shrink:1000;min-width:0;overflow:hidden;text-overflow:ellipsis}.cwn-model-chevron{color:var(--dsw-alias-label-caption);transition:transform .12s}.cwn-compose-model[aria-expanded=true] .cwn-model-chevron{transform:rotate(180deg)}.cwn-model-popover button:focus-visible{outline:none;background:var(--dsw-alias-interactive-bg-hover)}
+@media(prefers-reduced-motion:reduce){.cwn-progress>summary,.cwn-progress-chevron,.cwn-model-chevron{transition:none}}
+`;
+// Deliberate user preference: soft hover transitions also on neutral/disabled controls.
+export const hoverFeedbackStyles = `
+.cwn button,.cwn summary,.cwn-entry,.cwn-model-popover button{transition:background-color 180ms ease,color 180ms ease,opacity 180ms ease}
+.cwn button:disabled{pointer-events:auto}
+.cwn button:disabled:not(.cwn-send):hover{background:var(--dsw-alias-interactive-bg-hover)!important;color:var(--dsw-alias-label-secondary)}
+.cwn .cwn-send:disabled:hover{background:var(--dsw-alias-button-info-hover)!important}
+/* On white, hover-solid and the neutral resting fill look identical. Use the
+   stronger host active token for a visible neutral hover, retaining the fade. */
+body:not([data-ds-dark-theme]) .cwn-back:hover:not(:disabled),
+body:not([data-ds-dark-theme]) .cwn-filters button:not([aria-pressed=true]):hover:not(:disabled),
+body:not([data-ds-dark-theme]) .cwn button:disabled:not(.cwn-send):hover{background:var(--dsw-alias-interactive-bg-active)!important}
+@media(prefers-reduced-motion:reduce){.cwn button,.cwn summary,.cwn-entry,.cwn-model-popover button{transition:none}}
+`;
+// Harness 0.2.0-rc.2 ui-chat: ChatView / MessageIconActions module styles.
+// These private components are not exported; public icons and theme tokens are
+// reused. Native jump has no transition, and history actions fade in 80ms.
+export const conversationInteractionStyles = `
+.cwn-conversation{position:relative;flex:1;min-height:60px;display:flex;flex-direction:column}
+.cwn-jump{z-index:8;height:0;padding:0;padding-right:max(calc(var(--dsh-composer-side-clearance,16px) + 16px),calc((100% - var(--dsh-chat-content-width,100%))/2));pointer-events:none;justify-content:flex-end;display:flex;position:absolute;bottom:16px;left:0;right:0}
+.cwn .cwn-jump-button{--dsw-elevation-stroke-color:var(--dsw-alias-border-l3);corner-shape:round;width:34px;height:34px;color:var(--dsw-alias-label-primary);background:var(--dsw-alias-button-floating-fill);box-shadow:var(--dsw-elevation-panel);cursor:pointer;pointer-events:auto;border:0;border-radius:100px;justify-content:center;align-items:center;margin-top:-34px;padding:0;display:flex;transition:none}
+.cwn .cwn-jump-button:hover{background:var(--dsw-alias-button-floating-hover)}
+.cwn-message-label button{transition:none}
+@media(hover:hover){
+.cwn [data-actions-reveal=hover] .cwn-message-label{opacity:0;transition:opacity 80ms}
+.cwn [data-actions-reveal=hover]:hover .cwn-message-label,.cwn [data-actions-reveal=hover]:focus-within .cwn-message-label{opacity:1}
+}
+`;
+export const settingsStyles = `
+.cwn-settings-dialog{width:min(800px,90vw);max-width:90vw;height:700px;max-height:100%}
+.cwn-settings-content{padding-top:4px!important;min-height:0;flex:1;overflow:hidden}
+.cwn-settings-content>div:last-child{flex:1;min-height:0}.cwn-settings-content>div:first-child{flex-shrink:0}
+.cwn-settings-layout{display:grid;grid-template-columns:188px minmax(0,1fr);gap:24px;height:100%;min-height:0;font-family:var(--dsw-font-family);font-size:var(--dsw-font-s-14-font-size);line-height:var(--dsw-font-s-14-line-height);color:var(--dsw-alias-label-primary)}
+.cwn-settings-layout *{box-sizing:border-box}
+.cwn-settings-nav{display:flex;flex-direction:column;gap:6px;align-self:stretch;min-height:0;overflow:auto;overscroll-behavior:contain}.cwn-settings-nav>button{flex-shrink:0}
+.cwn-settings-nav button{justify-content:flex-start;gap:10px;width:100%;font-weight:400}
+.cwn-settings-nav button[aria-pressed=true]{background:var(--dsw-alias-interactive-bg-hover);color:var(--dsw-alias-state-business-primary)}
+.cwn-settings-nav-primary{padding:0 12px!important}
+.cwn-settings-nav-icon{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;flex-shrink:0}
+.cwn-settings-nav-primary[aria-expanded]{margin-top:6px}
+.cwn-settings-nav-chevron{display:inline-flex;margin-left:auto;transition:transform 220ms cubic-bezier(.2,0,0,1)}
+.cwn-settings-nav-primary[aria-expanded=false] .cwn-settings-nav-chevron{transform:rotate(-90deg)}
+.cwn-settings-cli-group{display:grid;grid-template-rows:1fr;opacity:1;flex-shrink:0;transition:grid-template-rows 220ms cubic-bezier(.2,0,0,1),opacity 180ms ease,visibility 220ms}
+.cwn-settings-cli-group[data-expanded=false]{grid-template-rows:0fr;opacity:0;visibility:hidden}
+.cwn-settings-cli-group-inner{display:flex;flex-direction:column;gap:4px;min-height:0;overflow:hidden;padding-left:14px}
+.cwn-settings-cli-group-inner>button{flex-shrink:0;padding:0 10px!important}
+.cwn-settings-nav-label{flex:1;min-width:0;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
+.cwn-settings-nav-status{width:14px;height:14px;display:flex;align-items:center;justify-content:center;flex:none}
+.cwn-connection-dot{display:block;width:6px;height:6px;border-radius:50%;background:var(--dsw-alias-label-caption)}
+.cwn-connection-dot[data-state=connected]{background:var(--dsw-alias-state-success-primary)}
+.cwn-connection-dot[data-state=failed]{background:var(--dsw-alias-state-error-primary)}
+.cwn-settings-nav button[data-enabled=false],.cwn-cli-identity[data-enabled=false] .cwn-settings-cli-name{color:var(--dsw-alias-label-caption)}
+.cwn-settings-nav button[data-enabled=false] .cwn-brand,.cwn-cli-identity[data-enabled=false] .cwn-brand{filter:grayscale(1);opacity:.5}
+.cwn-settings-pane{min-width:0;min-height:0;overflow:auto;overscroll-behavior:contain;scrollbar-gutter:stable;padding:0 2px 8px 0}
+.cwn-cli-identity,.cwn-settings-cli-name,.cwn-cli-toggle,.cwn-settings-section-tools{display:flex;align-items:center;gap:10px}
+.cwn-cli-identity{justify-content:space-between;min-height:60px;padding:4px 0 0}
+.cwn-settings-cli-name{gap:14px}.cwn-settings-cli-name h2{margin:0;font-size:24px;line-height:32px;font-weight:600;letter-spacing:-.02em}.cwn-cli-subtitle{margin:4px 0 0;font-size:var(--dsw-font-xxs-12-font-size);line-height:18px;color:var(--dsw-alias-label-tertiary)}
+.cwn-cli-toggle-status{height:20px;overflow:auto;margin:4px 0 4px;font-size:var(--dsw-font-xxs-12-font-size);line-height:18px;color:var(--dsw-alias-label-tertiary)}
+.cwn-section-progress{display:inline-flex;align-items:center;justify-content:center;width:14px;height:14px;flex:none}
+.cwn-settings-section{min-width:0}.cwn-settings-section+.cwn-settings-section{margin-top:20px;padding-top:16px;border-top:.5px solid var(--dsw-alias-border-l2)}
+.cwn-settings-section-head,.cwn-account-terminal-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:8px;min-height:36px}
+.cwn-settings-section-head h3{font-size:inherit;font-weight:500;margin:0}
+.cwn-settings-form{display:flex;flex-direction:column;gap:0}.cwn-settings-form label{display:flex;flex-direction:column;gap:8px;color:var(--dsw-alias-label-secondary)}
+.cwn-settings-choice{display:block;width:min(240px,48%);min-width:0;flex-shrink:0}.cwn-settings-choice>button{width:100%;justify-content:space-between;gap:12px;background:var(--dsw-alias-interactive-bg-hover)}.cwn-settings-choice>button>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
+.cwn-settings-choice-menu{width:min(300px,85vw);min-width:min(220px,85vw);max-width:min(300px,85vw);max-height:300px;overflow:auto}
+.cwn-settings-hint,.cwn-settings-feedback,.cwn-account-summary,.cwn-account-instruction{margin:0;font-size:var(--dsw-font-xxs-12-font-size);line-height:20px;color:var(--dsw-alias-label-tertiary);overflow-wrap:anywhere}
+.cwn-account-row{display:flex;align-items:center;gap:12px;min-height:56px}.cwn-account-summary{display:flex;align-items:center;flex:1;min-width:0;min-height:52px;margin:0;color:var(--dsw-alias-label-secondary)}
+.cwn-account-status-line{display:flex;align-items:center;min-width:0;gap:8px;min-height:24px;font-size:var(--dsw-font-s-14-font-size);line-height:22px}.cwn-account-login{display:inline-flex;align-items:center;gap:6px;min-width:0}.cwn-account-login:not([data-state=failed]){flex-shrink:0;white-space:nowrap}.cwn-account-login[data-state=connected]{color:var(--dsw-alias-state-success-primary)}.cwn-account-login[data-state=failed]{color:var(--dsw-alias-state-error-primary)}.cwn-account-login[data-state=disabled]{color:var(--dsw-alias-label-caption)}.cwn-account-status-dot{display:inline-block;flex-shrink:0;width:6px;height:6px;border-radius:50%;background:var(--dsw-alias-label-caption)}.cwn-account-status-dot[data-state=connected]{background:var(--dsw-alias-state-success-primary)}.cwn-account-status-dot[data-state=failed]{background:var(--dsw-alias-state-error-primary)}.cwn-account-label{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--dsw-alias-label-secondary)}
+.cwn-settings-notice{min-height:20px;max-height:56px;overflow:auto;margin:8px 0 0}.cwn-settings-notice:empty{min-height:0;height:0;margin:0}
+.cwn-settings-form .cwn-setting-row{display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:24px;padding:16px 0;border-bottom:.5px solid var(--dsw-alias-border-l2);color:var(--dsw-alias-label-primary)}.cwn-setting-row-text{display:flex;flex-direction:column;gap:4px;flex:1;min-width:0;font-size:var(--dsw-font-s-14-font-size);line-height:22px}.cwn-setting-description{font-size:var(--dsw-font-xxs-12-font-size);line-height:18px;color:var(--dsw-alias-label-tertiary)}.cwn-settings-save{margin-top:16px;justify-content:flex-end}
+.cwn-settings-feedback-slot{min-height:20px;font-size:12px;line-height:20px;color:var(--dsw-alias-label-tertiary)}
+.cwn-account-summary[data-provider-logins=true] .cwn-account-status-line{width:100%}.cwn-account-summary[data-provider-logins=true] .cwn-account-login{flex-shrink:1}.cwn-account-logins{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
+.cwn-settings-feedback,.cwn-settings-save,.cwn-account-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
+.cwn-account-actions{min-height:36px;flex-shrink:0;justify-content:flex-end;gap:8px}.cwn-account-actions button{background:transparent}.cwn-account-logout{flex-shrink:0;gap:5px!important;padding:0 8px!important;color:var(--dsw-alias-state-error-primary)!important}.cwn-account-logout:hover:not(:disabled){background:color-mix(in srgb,var(--dsw-alias-state-error-primary) 9%,transparent)!important}.cwn-refresh{width:36px!important;padding:0!important}.cwn-account-login-action,.cwn-account-manage{padding:0 10px!important}
+.cwn-local-loading,.cwn-loading{display:flex;align-items:center;gap:8px;color:var(--dsw-alias-label-tertiary);font-size:var(--dsw-font-xxs-12-font-size);line-height:20px}
+/* Native md Button owns the 36px height; native Switch keeps its own 36x20px geometry. */
+.cwn-settings-choice-menu button{border:0;box-shadow:none;--dsw-elevation-stroke-color:transparent}.cwn-settings-layout button:not([role=switch]),.cwn-settings-choice-menu button{transition:background-color 180ms ease,color 180ms ease,opacity 180ms ease}
+.cwn-account-actions button:hover:not(:disabled),.cwn-settings-section-head button:hover:not(:disabled),.cwn-settings-nav button:hover:not(:disabled),.cwn-account-terminal-head button:hover:not(:disabled){background:var(--dsw-alias-interactive-bg-hover)}
+.cwn-settings-nav button[aria-pressed=true]:hover,.cwn-settings-choice>button:hover:not(:disabled){background:var(--dsw-alias-interactive-bg-active)}
+.cwn-settings-layout button:not([role=switch]):disabled{pointer-events:auto}
+.cwn-settings-layout button:not([role=switch]):disabled:hover{background:var(--dsw-alias-interactive-bg-active);color:var(--dsw-alias-label-secondary)}
+.cwn-settings-layout button:focus-visible{outline:2px solid var(--dsw-alias-state-business-primary);outline-offset:2px}
+.cwn-account-terminal{margin-top:16px;padding:12px;border-radius:var(--dsw-radius-lg);background:var(--dsw-alias-bg-layer-2);border:.5px solid var(--dsw-alias-border-l2);min-width:0}
+.cwn-account-terminal-head{margin-bottom:8px}.cwn-account-terminal-head strong{font-size:12px;font-weight:500}.cwn-account-terminal-view{height:300px;min-height:200px;margin:12px 0;overflow:hidden}.cwn-account-terminal-view .xterm{height:100%}.cwn-account-terminal-view .xterm-viewport{background-color:var(--dsw-alias-bg-layer-2)!important}.cwn-account-terminal-view .xterm-helper-textarea{resize:none!important;min-height:0!important;max-height:0!important}
+.cwn-native-model-settings>p{margin:0 0 16px;color:var(--dsw-alias-label-secondary);font-size:var(--cwn-font-sm);line-height:1.6}.cwn-account-dialog{width:min(720px,90vw);max-width:90vw}.cwn-account-dialog-content{min-height:0;overflow:auto}.cwn-account-dialog .cwn-account-terminal{margin:0;padding:0;border:0;background:transparent}.cwn-account-dialog .cwn-account-terminal-view{height:300px;max-height:48vh}.cwn-account-dialog .cwn-account-terminal button{border:0!important;transition:background-color 180ms ease,color 180ms ease}.cwn-account-dialog .cwn-account-terminal button:hover:not(:disabled){background:var(--dsw-alias-interactive-bg-active)}
+/* OMP onboarding needs room for its native header and provider list. Small screens scroll the modal body. */
+.cwn-account-dialog .cwn-account-terminal[data-cli="omp"] .cwn-account-terminal-view{height:520px;max-height:none}
+@media(max-width:640px){.cwn-account-row{flex-wrap:wrap}.cwn-account-actions{margin-left:auto}.cwn-settings-content{overflow:auto}.cwn-settings-layout{grid-template-columns:1fr;grid-template-rows:auto minmax(0,1fr);gap:16px}.cwn-settings-nav{max-height:190px}.cwn-settings-cli-group-inner{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.cwn-settings-nav button{min-width:0}.cwn-settings-pane{overflow:auto}.cwn-settings-form .cwn-setting-row{gap:12px}.cwn-setting-description{max-width:180px}.cwn-account-terminal-view{height:240px}}
+@media(prefers-reduced-motion:reduce){.cwn-settings-layout button,.cwn-settings-choice-menu button,.cwn-settings-nav-chevron,.cwn-settings-cli-group{transition:none}}
+`;
+export const rolePresetStyles = `
+.cwn-roles-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:4px 0 20px}
+.cwn-roles-heading h2{margin:0;font-size:24px;line-height:32px;font-weight:600;letter-spacing:-.02em}
+.cwn-roles-heading p{margin:8px 0 0;color:var(--dsw-alias-label-tertiary);font-size:var(--dsw-font-s-14-font-size);line-height:22px}
+.cwn-roles-toolbar{display:flex;gap:10px;align-items:center;margin-bottom:18px}.cwn-roles-toolbar>span{flex:1;min-width:0}.cwn-roles-toolbar>button{flex-shrink:0}
+.cwn-role-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;min-height:160px;align-content:start}
+.cwn-role-card{min-width:0;border:.5px solid var(--dsw-alias-border-l3);border-radius:var(--dsw-radius-xl);overflow:hidden;background:var(--dsw-alias-bg-layer-2)}
+.cwn-role-card>button{display:flex;flex-direction:column;gap:7px;width:100%;height:100%;min-height:104px;padding:16px;text-align:left;background:transparent;color:inherit;font:inherit;border:0;cursor:pointer}
+.cwn-role-card>button:hover{background:var(--dsw-alias-interactive-bg-hover)}
+.cwn-role-card-heading{display:flex;align-items:center;justify-content:space-between;width:100%;gap:8px;min-width:0}.cwn-role-card-heading strong{font-size:var(--dsw-font-s-14-font-size);font-weight:500;overflow-wrap:anywhere}.cwn-role-card-heading svg{width:12px;height:12px;color:var(--dsw-alias-label-tertiary);flex-shrink:0;transform:rotate(90deg)}
+.cwn-role-card-summary{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere;font-size:var(--dsw-font-xxs-12-font-size);line-height:20px;color:var(--dsw-alias-label-tertiary)}
+.cwn-role-editor{display:flex;flex-direction:column;gap:16px}.cwn-role-back{align-self:flex-start}.cwn-role-editor label{display:flex;flex-direction:column;gap:8px;min-width:0}.cwn-role-editor textarea{display:block;width:100%;min-height:240px;resize:vertical;border:.5px solid var(--dsw-alias-border-l3);border-radius:var(--dsw-radius-md);padding:12px;font:inherit;line-height:1.65;background:var(--dsw-alias-bg-layer-2);color:var(--dsw-alias-label-primary)}
+.cwn-role-editor textarea:focus-visible{outline:2px solid var(--dsw-alias-state-business-primary);outline-offset:2px}
+.cwn-role-editor-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap}.cwn-role-editor-actions>.cwn-role-delete{margin-right:auto}.cwn-role-delete{background:var(--dsw-alias-state-error-primary)!important;color:#fff!important}.cwn-role-delete:hover:not(:disabled){background:color-mix(in srgb,var(--dsw-alias-state-error-primary) 88%,#000)!important}.cwn-role-delete-confirm>button+button{margin-left:8px}
+.cwn-role-delete-confirm{padding:12px;border-radius:var(--dsw-radius-md);background:var(--dsw-alias-interactive-bg-hover)}.cwn-role-delete-confirm p{margin:0 0 8px;font-size:var(--dsw-font-xxs-12-font-size)}
+.cwn-role-feedback{min-height:22px;margin-top:12px;font-size:var(--dsw-font-xxs-12-font-size);line-height:20px;color:var(--dsw-alias-label-tertiary);overflow-wrap:anywhere}.cwn-role-feedback[role=alert]{color:var(--dsw-alias-state-error-primary)}.cwn-role-empty{color:var(--dsw-alias-label-tertiary);font-size:var(--dsw-font-s-14-font-size)}
+.cwn-rename-dialog{width:min(420px,90vw);max-width:90vw}.cwn-rename-form>p{font-size:var(--dsw-font-xxs-12-font-size);color:var(--dsw-alias-label-tertiary);line-height:20px}
+@media(max-width:700px){.cwn-role-grid{grid-template-columns:1fr}.cwn-roles-toolbar{flex-wrap:wrap}.cwn-roles-toolbar>span{flex-basis:100%}}
+`;
+//# sourceMappingURL=styles.js.map

package/lib/types/client/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../src/client/styles.ts"],"names":[],"mappings":"AAAA,4EAA4E;AAC5E,0EAA0E;AAC1E,qEAAqE;AACrE,kFAAkF;AAClF,MAAM,CAAC,MAAM,MAAM,GAAG;;;;;;;;;;;;;;;;;;;;;;CAsBrB,CAAA;AAED,mFAAmF;AACnF,MAAM,CAAC,MAAM,gBAAgB,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAmC/B,CAAA;AAED,MAAM,CAAC,MAAM,iBAAiB,GAAG;;;;;;;;;;;;;;;;;;;CAmBhC,CAAA;AAED,MAAM,CAAC,MAAM,eAAe,GAAG;;;;;;;;;;;CAW9B,CAAA;AAED,4EAA4E;AAC5E,oFAAoF;AACpF,MAAM,CAAC,MAAM,uBAAuB,GAAG;;;;;;;;;;;;;CAatC,CAAA;AAED,wFAAwF;AACxF,MAAM,CAAC,MAAM,mBAAmB,GAAG;;;;;;;;;;;CAWlC,CAAA;AAED,2EAA2E;AAC3E,+EAA+E;AAC/E,2EAA2E;AAC3E,MAAM,CAAC,MAAM,6BAA6B,GAAG;;;;;;;;;;CAU5C,CAAA;AAED,MAAM,CAAC,MAAM,cAAc,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA6D7B,CAAA;AAED,MAAM,CAAC,MAAM,gBAAgB,GAAG;;;;;;;;;;;;;;;;;;CAkB/B,CAAA"}

package/lib/types/client/telemetry.d.ts

@@ -0,0 +1,11 @@
+import { type Telemetry, type TokenUsage } from '../shared/telemetry.ts';
+import type { Worker } from '../shared/types.ts';
+export declare function UsageIndicator({ usage, reply }: {
+    usage?: TokenUsage;
+    reply?: boolean;
+}): import("react/jsx-runtime").JSX.Element;
+export declare function ComposerTelemetry({ worker, telemetry, statusLabel, }: {
+    worker: Worker;
+    telemetry?: Telemetry;
+    statusLabel: string;
+}): import("react/jsx-runtime").JSX.Element;

package/lib/types/client/telemetry.js

@@ -0,0 +1,24 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { IconDatabaseOutlineRegular } from '@deepseek-ai/dsh-client-ui-primitives';
+import { compactTokens } from "../shared/telemetry.js";
+import { StatPopover } from "./stat-popover.js";
+export function UsageIndicator({ usage, reply = false }) {
+    const scope = {
+        response: '本次回复',
+        run: '本轮任务',
+        session: 'CLI 会话累计',
+        reported: 'CLI 报告值（不跨轮重复相加）',
+    };
+    const total = usage ? `${compactTokens(usage.total)} tok` : '— tok';
+    return (_jsxs(StatPopover, { label: reply ? `用量 ${total}` : total, className: `cwn-stat cwn-usage${reply ? ' cwn-reply-usage' : ''}`, trigger: _jsxs(_Fragment, { children: [_jsx(IconDatabaseOutlineRegular, { size: 14 }), _jsxs("span", { children: [reply ? '用量 ' : '', total] })] }), children: [_jsxs("div", { className: "cwn-stat-title", children: [_jsxs("span", { children: [_jsx(IconDatabaseOutlineRegular, { size: 14 }), "Token \u7528\u91CF"] }), _jsx("span", { children: usage ? `${usage.total.toLocaleString('en-US')} tok` : '—' })] }), _jsx("div", { className: "cwn-stat-rule" }), usage ? (_jsxs("dl", { className: "cwn-stat-details", children: [_jsx("dt", { children: "\u7EDF\u8BA1\u8303\u56F4" }), _jsx("dd", { children: scope[usage.scope] }), usage.input !== undefined && (_jsxs(_Fragment, { children: [_jsx("dt", { children: "\u8F93\u5165" }), _jsxs("dd", { children: [usage.input.toLocaleString('en-US'), " tok"] })] })), usage.cacheRead !== undefined && (_jsxs(_Fragment, { children: [_jsx("dt", { children: "\u7F13\u5B58\u8BFB\u53D6" }), _jsxs("dd", { children: [usage.cacheRead.toLocaleString('en-US'), " tok"] })] })), usage.output !== undefined && (_jsxs(_Fragment, { children: [_jsx("dt", { children: "\u8F93\u51FA" }), _jsxs("dd", { children: [usage.output.toLocaleString('en-US'), " tok"] })] }))] })) : (_jsx("p", { children: "CLI \u5C1A\u672A\u63D0\u4F9B\u53EF\u6838\u9A8C\u7684\u7528\u91CF\u3002" }))] }));
+}
+export function ComposerTelemetry({ worker, telemetry, statusLabel, }) {
+    const used = telemetry?.contextUsed, capacity = telemetry?.contextCapacity;
+    const percent = used !== undefined && capacity !== undefined && capacity > 0
+        ? Math.min(100, Math.round((used / capacity) * 100))
+        : undefined;
+    const label = percent === undefined ? '上下文占用暂不可用' : `上下文已用 ${percent}%`;
+    return (_jsxs("div", { className: "cwn-compose-state cwn-telemetry", children: [_jsxs("span", { className: "cwn-stat cwn-run-stat", children: [_jsx("span", { className: `cwn-dot ${worker.status}` }), _jsx("span", { children: statusLabel })] }), _jsx(UsageIndicator, { usage: telemetry?.usage }), _jsxs(StatPopover, { label: label, tooltip: label, context: true, className: "cwn-stat cwn-context", trigger: _jsxs(_Fragment, { children: [_jsxs("svg", { width: "14", height: "14", viewBox: "0 0 14 14", "aria-hidden": "true", children: [_jsx("circle", { cx: "7", cy: "7", r: "5.5", className: "cwn-context-track" }), percent !== undefined && (_jsx("circle", { cx: "7", cy: "7", r: "5.5", className: "cwn-context-fill", strokeDasharray: `${(percent * Math.PI * 11) / 100} ${Math.PI * 11}`, transform: "rotate(-90 7 7)" }))] }), _jsx("span", { children: percent === undefined ? '—' : `${percent}%` })] }), children: [_jsxs("div", { className: "cwn-context-header", children: [_jsx("span", { children: label }), used !== undefined && capacity !== undefined && (_jsxs("strong", { children: [telemetry?.contextEstimated ? '~' : '', compactTokens(used), " / ", compactTokens(capacity)] }))] }), percent !== undefined && (_jsx("div", { className: "cwn-context-bar", children: _jsx("span", { style: { width: `${percent}%` } }) })), _jsx("p", { className: "cwn-context-source", children: telemetry?.contextSource ??
+                            (percent === undefined ? 'CLI 尚未提供上下文占用与容量。' : 'CLI 报告的上下文占用') }), used !== undefined && capacity !== undefined && (_jsxs("dl", { className: "cwn-stat-details", children: [_jsx("dt", { children: telemetry?.contextEstimated ? '估算占用' : '已用' }), _jsxs("dd", { children: [used.toLocaleString('en-US'), " tok"] }), _jsx("dt", { children: "\u4E0A\u4E0B\u6587\u5BB9\u91CF" }), _jsxs("dd", { children: [capacity.toLocaleString('en-US'), " tok"] })] }))] })] }));
+}
+//# sourceMappingURL=telemetry.js.map

package/lib/types/client/telemetry.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"telemetry.js","sourceRoot":"","sources":["../../../src/client/telemetry.tsx"],"names":[],"mappings":"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"}

package/lib/types/client/worker-card.d.ts

@@ -0,0 +1,10 @@
+import { type Worker } from '../shared/types.ts';
+export type WorkerManagementAction = 'title' | 'name' | 'delete';
+export declare function WorkerCard({ worker, collapsed, unavailable, busy, onOpen, onManage, }: {
+    worker: Worker;
+    collapsed: boolean;
+    unavailable: boolean;
+    busy: boolean;
+    onOpen: () => void;
+    onManage: (action: WorkerManagementAction) => void;
+}): import("react/jsx-runtime").JSX.Element;

package/lib/types/client/worker-card.js

@@ -0,0 +1,75 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useEffect, useRef, useState } from 'react';
+import { Menu } from '@deepseek-ai/dsh-client-ui-primitives';
+import { active, effortLabel, workerName } from "../shared/types.js";
+import { displayModelName } from "../shared/model-presentation.js";
+import { Glyph } from "./icons.js";
+import { NameCopy } from "./name-copy.js";
+const status = {
+    queued: '排队中',
+    running: '运行中',
+    stopping: '正在停止',
+    completed: '已完成',
+    failed: '失败',
+    interrupted: '已中断',
+};
+export function WorkerCard({ worker, collapsed, unavailable, busy, onOpen, onManage, }) {
+    const [menu, setMenu] = useState(false);
+    const point = useRef();
+    const card = useRef(null);
+    const openButton = useRef(null);
+    useEffect(() => {
+        if (collapsed)
+            setMenu(false);
+    }, [collapsed]);
+    const locked = collapsed || unavailable || busy;
+    const openMenu = (x, y) => {
+        if (collapsed)
+            return;
+        point.current = x === undefined || y === undefined ? undefined : { x, y };
+        setMenu(true);
+    };
+    const entries = [
+        { id: 'open', label: '打开对话', disabled: collapsed },
+        { id: 'title', label: '修改聊天标题', disabled: locked },
+        { id: 'name', label: '修改智能体名称', disabled: locked },
+        { type: 'separator', id: 'separator' },
+        { id: 'delete', label: '删除', disabled: locked || active(worker.status), danger: true },
+    ];
+    return (_jsx("div", { ref: card, className: "cwn-worker", "data-worker-id": worker.id, onClick: (event) => {
+            // The native menu portal still bubbles through this React owner. Only
+            // bare card/text areas open; every actual button owns its own action.
+            if (event.target.closest?.('button,[role="menu"]'))
+                return;
+            if (!collapsed)
+                onOpen();
+        }, onContextMenu: (event) => {
+            if (collapsed)
+                return;
+            event.preventDefault();
+            event.stopPropagation();
+            openMenu(event.clientX, event.clientY);
+        }, children: _jsx(Menu, { open: menu, portal: true, autoFocus: true, className: "cwn-worker-menu-anchor", listClassName: "cwn-worker-menu", getAnchorRect: () => {
+                if (point.current)
+                    return new DOMRect(point.current.x, point.current.y, 0, 0);
+                return card.current?.getBoundingClientRect() ?? openButton.current?.getBoundingClientRect() ?? null;
+            }, onClose: () => setMenu(false), items: entries, onSelect: (id) => {
+                setMenu(false);
+                if (id === 'open')
+                    onOpen();
+                else if (id === 'title' || id === 'name' || id === 'delete')
+                    onManage(id);
+            }, anchor: _jsxs("div", { className: "cwn-worker-layout", children: [_jsx("button", { ref: openButton, type: "button", className: "cwn-worker-open", "data-open-worker-id": worker.id, "aria-haspopup": "menu", "aria-expanded": menu, "aria-keyshortcuts": "Shift+F10", tabIndex: collapsed ? -1 : undefined, onClick: () => {
+                            if (!collapsed)
+                                onOpen();
+                        }, onKeyDown: (event) => {
+                            if (event.key === 'ContextMenu' || (event.key === 'F10' && event.shiftKey)) {
+                                if (collapsed)
+                                    return;
+                                event.preventDefault();
+                                event.stopPropagation();
+                                openMenu();
+                            }
+                        }, children: _jsxs("span", { className: "cwn-worker-line", children: [_jsx("span", { className: "cwn-worker-title", children: worker.title }), _jsxs("span", { className: `cwn-worker-status ${worker.status}`, children: [_jsx("span", { className: `cwn-dot ${worker.status}` }), status[worker.status]] })] }) }), _jsxs("div", { className: "cwn-worker-meta", children: [_jsx(NameCopy, { name: workerName(worker), disabled: collapsed }), _jsx("span", { className: "cwn-meta-divider cwn-name-divider", "aria-hidden": "true" }), _jsx("span", { className: "cwn-worker-model", title: displayModelName(worker.preference), children: displayModelName(worker.preference) }), _jsx("span", { className: "cwn-meta-divider", "aria-hidden": "true", children: "\u00B7" }), _jsx("span", { children: effortLabel(worker.preference.effort) })] }), _jsx("span", { className: "cwn-worker-chevron", "aria-hidden": "true", children: _jsx(Glyph, { name: "chevron" }) })] }) }) }));
+}
+//# sourceMappingURL=worker-card.js.map

package/lib/types/client/worker-card.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"worker-card.js","sourceRoot":"","sources":["../../../src/client/worker-card.tsx"],"names":[],"mappings":"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"}

package/lib/types/client/worker-model-menu.d.ts

@@ -0,0 +1,9 @@
+import { type Worker } from '../shared/types.ts';
+import { type API } from './workers.ts';
+/** Native menu primitive with the same model / effort drill-in flow as Harness ModelSelect. */
+export declare function WorkerModelMenu({ worker, api, sessionId, disabled, }: {
+    worker: Worker;
+    api: API;
+    sessionId: string;
+    disabled: boolean;
+}): import("react/jsx-runtime").JSX.Element;