clay-server 5.1.0-beta.1 → 5.1.0-beta.2

package/lib/public/css/mate-workspace-color.css

@@ -0,0 +1,16 @@
+/* Curated pigments, with both theme treatments visible before choosing. */
+.mate-color-picker { margin: 24px 0; }
+.mate-color-picker h4 { margin: 0 0 6px; font-size: 14px; }
+.mate-color-previews { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; margin: 12px 0; }
+.mate-color-preview { border-radius: 10px; border: 1px solid rgba(127,127,127,.22); padding: 10px; color: #252522; }
+.mate-color-preview.dark { color: #e8e8e2; }
+.mate-color-preview-label { display: block; font-size: 11px; margin-bottom: 8px; }
+.mate-color-preview-canvas { display: flex; flex-direction: column; gap: 5px; background: #fafaf8; border-radius: 6px; padding: 12px; box-shadow: 0 1px 2px rgba(0,0,0,.08); }
+.dark .mate-color-preview-canvas { background: #2b2b29; }
+.mate-color-preview-canvas strong { font-size: 12px; font-weight: 500; }
+.mate-color-preview-canvas span { font-size: 11px; line-height: 1.4; }
+.mate-color-swatches { display: flex; flex-wrap: wrap; gap: 8px; padding: 4px 2px; }
+.mate-color-swatch { width: 28px; height: 28px; border-radius: 50%; background: var(--swatch); color: #171717; border: 1px solid rgba(0,0,0,.16); font-size: 15px; cursor: pointer; box-shadow: inset 0 1px 0 rgba(255,255,255,.3); }
+.mate-color-swatch[aria-pressed="true"] { outline: 2px solid var(--text); outline-offset: 2px; }
+.mate-color-swatch:focus-visible { outline: 2px solid var(--accent); outline-offset: 3px; }
+.mate-color-swatch[aria-disabled="true"] { cursor: wait; opacity: .6; }

package/lib/public/css/mates.css

@@ -2396,7 +2396,7 @@ body.mate-dm-active .turn-meta {
 
 /* --- Mate Thinking: flex layout matching msg-assistant --- */
 /* Applies in both Mate DM and channel project chat */
-body.mate-dm-active .mate-thinking,
+body:is(.mate-dm-active, .mate-workspace-active) .mate-thinking,
 body.wide-view .mate-thinking {
   display: flex;
   flex-direction: row;
@@ -2406,11 +2406,11 @@ body.wide-view .mate-thinking {
   margin: 0;
   max-width: 100%;
 }
-body.mate-dm-active .mate-thinking:hover,
+body:is(.mate-dm-active, .mate-workspace-active) .mate-thinking:hover,
 body.wide-view .mate-thinking:hover {
   background: var(--bg-alt);
 }
-body.mate-dm-active .mate-thinking > .dm-bubble-avatar,
+body:is(.mate-dm-active, .mate-workspace-active) .mate-thinking > .dm-bubble-avatar,
 body.wide-view .mate-thinking > .dm-bubble-avatar {
   display: block;
   width: 36px;
@@ -2419,7 +2419,7 @@ body.wide-view .mate-thinking > .dm-bubble-avatar {
   flex-shrink: 0;
   margin-top: 2px;
 }
-body.mate-dm-active .mate-thinking > .dm-bubble-content,
+body:is(.mate-dm-active, .mate-workspace-active) .mate-thinking > .dm-bubble-content,
 body.wide-view .mate-thinking > .dm-bubble-content {
   flex: 1;
   min-width: 0;
@@ -2431,7 +2431,7 @@ body.wide-view .mate-thinking > .dm-bubble-content {
   gap: 4px;
   padding: 4px 0;
 }
-body.mate-dm-active .mate-thinking:not(.done) .mate-thinking-row,
+body:is(.mate-dm-active, .mate-workspace-active) .mate-thinking:not(.done) .mate-thinking-row,
 body.wide-view .mate-thinking:not(.done) .mate-thinking-row {
   display: flex;
 }
@@ -2459,15 +2459,15 @@ body.wide-view .mate-thinking:not(.done) .mate-thinking-row {
 }
 
 /* When done, hide mate row (JS does this too), show compact expandable header */
-body.mate-dm-active .mate-thinking.done .mate-thinking-row,
+body:is(.mate-dm-active, .mate-workspace-active) .mate-thinking.done .mate-thinking-row,
 body.wide-view .mate-thinking.done .mate-thinking-row {
   display: none;
 }
-body.mate-dm-active .mate-thinking.done .mate-thinking-activity,
+body:is(.mate-dm-active, .mate-workspace-active) .mate-thinking.done .mate-thinking-activity,
 body.wide-view .mate-thinking.done .mate-thinking-activity {
   display: none;
 }
-body.mate-dm-active .mate-thinking.done .thinking-header,
+body:is(.mate-dm-active, .mate-workspace-active) .mate-thinking.done .thinking-header,
 body.wide-view .mate-thinking.done .thinking-header {
   display: inline-flex !important;
   font-size: 12px;
@@ -2477,24 +2477,24 @@ body.wide-view .mate-thinking.done .thinking-header {
   opacity: 0.7;
   transition: opacity 0.15s;
 }
-body.mate-dm-active .mate-thinking.done .thinking-header:hover,
+body:is(.mate-dm-active, .mate-workspace-active) .mate-thinking.done .thinking-header:hover,
 body.wide-view .mate-thinking.done .thinking-header:hover {
   opacity: 1;
   background: rgba(var(--overlay-rgb), 0.08);
 }
-body.mate-dm-active .mate-thinking .thinking-content,
+body:is(.mate-dm-active, .mate-workspace-active) .mate-thinking .thinking-content,
 body.wide-view .mate-thinking .thinking-content {
   max-height: 0;
   overflow: hidden;
   transition: max-height 0.25s ease;
 }
-body.mate-dm-active .mate-thinking.expanded .thinking-content,
+body:is(.mate-dm-active, .mate-workspace-active) .mate-thinking.expanded .thinking-content,
 body.wide-view .mate-thinking.expanded .thinking-content {
   max-height: 2000px;
 }
 
 /* --- Mate Tool Group: flex layout matching msg-assistant --- */
-body.mate-dm-active .mate-tool-group {
+body:is(.mate-dm-active, .mate-workspace-active) .mate-tool-group {
   display: flex;
   flex-direction: row;
   align-items: flex-start;
@@ -2503,10 +2503,10 @@ body.mate-dm-active .mate-tool-group {
   margin: 0;
   max-width: 100%;
 }
-body.mate-dm-active .mate-tool-group:hover {
+body:is(.mate-dm-active, .mate-workspace-active) .mate-tool-group:hover {
   background: var(--bg-alt);
 }
-body.mate-dm-active .mate-tool-group > .dm-bubble-avatar {
+body:is(.mate-dm-active, .mate-workspace-active) .mate-tool-group > .dm-bubble-avatar {
   display: block;
   width: 36px;
   height: 36px;
@@ -2514,12 +2514,12 @@ body.mate-dm-active .mate-tool-group > .dm-bubble-avatar {
   flex-shrink: 0;
   margin-top: 2px;
 }
-body.mate-dm-active .mate-tool-group > .dm-bubble-content {
+body:is(.mate-dm-active, .mate-workspace-active) .mate-tool-group > .dm-bubble-content {
   flex: 1;
   min-width: 0;
   padding-top: 6px;
 }
-body.mate-dm-active .mate-tool-group .tool-group-header {
+body:is(.mate-dm-active, .mate-workspace-active) .mate-tool-group .tool-group-header {
   font-size: 12px;
   padding: 4px 10px;
   background: rgba(var(--overlay-rgb), 0.04);
@@ -2527,26 +2527,26 @@ body.mate-dm-active .mate-tool-group .tool-group-header {
   opacity: 0.7;
   transition: opacity 0.15s;
 }
-body.mate-dm-active .mate-tool-group .tool-group-header:hover {
+body:is(.mate-dm-active, .mate-workspace-active) .mate-tool-group .tool-group-header:hover {
   opacity: 1;
   background: rgba(var(--overlay-rgb), 0.08);
 }
-body.mate-dm-active .mate-tool-group .tool-group-label {
+body:is(.mate-dm-active, .mate-workspace-active) .mate-tool-group .tool-group-label {
   font-size: 12px;
 }
-body.mate-dm-active .mate-tool-group .tool-item {
+body:is(.mate-dm-active, .mate-workspace-active) .mate-tool-group .tool-item {
   border: none;
   background: none;
   padding: 2px 0;
 }
-body.mate-dm-active .mate-tool-group .tool-name {
+body:is(.mate-dm-active, .mate-workspace-active) .mate-tool-group .tool-name {
   font-size: 13px;
   color: var(--text-muted);
 }
 
 /* --- Conversational Permission: flex layout matching msg-assistant --- */
 /* Applies in both Mate DM and channel project chat */
-body.mate-dm-active .mate-permission,
+body:is(.mate-dm-active, .mate-workspace-active) .mate-permission,
 body.wide-view .mate-permission {
   display: flex;
   flex-direction: row;
@@ -2560,11 +2560,11 @@ body.wide-view .mate-permission {
   margin: 0;
   max-width: 100%;
 }
-body.mate-dm-active .mate-permission:hover,
+body:is(.mate-dm-active, .mate-workspace-active) .mate-permission:hover,
 body.wide-view .mate-permission:hover {
   background: var(--bg-alt);
 }
-body.mate-dm-active .mate-permission > .dm-bubble-avatar,
+body:is(.mate-dm-active, .mate-workspace-active) .mate-permission > .dm-bubble-avatar,
 body.wide-view .mate-permission > .dm-bubble-avatar {
   display: block;
   width: 36px;
@@ -2573,7 +2573,7 @@ body.wide-view .mate-permission > .dm-bubble-avatar {
   flex-shrink: 0;
   margin-top: 2px;
 }
-body.mate-dm-active .mate-permission > .dm-bubble-content,
+body:is(.mate-dm-active, .mate-workspace-active) .mate-permission > .dm-bubble-content,
 body.wide-view .mate-permission > .dm-bubble-content {
   flex: 1;
   min-width: 0;
@@ -2657,7 +2657,7 @@ body.wide-view .mate-permission > .dm-bubble-content {
 /* --- Mate Activity: avatar + text --- */
 
 /* --- Mate AskUserQuestion: avatar + content layout (matches msg-assistant) --- */
-body.mate-dm-active .mate-ask-user {
+body:is(.mate-dm-active, .mate-workspace-active) .mate-ask-user {
   display: flex;
   flex-direction: row;
   align-items: flex-start;
@@ -2666,10 +2666,10 @@ body.mate-dm-active .mate-ask-user {
   margin: 0;
   max-width: 100%;
 }
-body.mate-dm-active .mate-ask-user:hover {
+body:is(.mate-dm-active, .mate-workspace-active) .mate-ask-user:hover {
   background: var(--bg-alt);
 }
-body.mate-dm-active .mate-ask-user > .dm-bubble-avatar {
+body:is(.mate-dm-active, .mate-workspace-active) .mate-ask-user > .dm-bubble-avatar {
   display: block;
   width: 36px;
   height: 36px;
@@ -2677,7 +2677,7 @@ body.mate-dm-active .mate-ask-user > .dm-bubble-avatar {
   flex-shrink: 0;
   margin-top: 2px;
 }
-body.mate-dm-active .mate-ask-user > .dm-bubble-content {
+body:is(.mate-dm-active, .mate-workspace-active) .mate-ask-user > .dm-bubble-content {
   flex: 1;
   min-width: 0;
 }

package/lib/public/css/messages.css

@@ -174,120 +174,7 @@
   display: flex;
 }
 
-/* --- Delegated work-order card ------------------------------------- */
-/* Self-contained: the generic bubble avatar/name/time are hidden and the
-   identity lives in the card's own header strip. The body stays on a
-   neutral background, with a restrained routing color for metadata. */
-.msg-user-delegated .dm-bubble-avatar,
-.msg-user-delegated .dm-bubble-header {
-  display: none;
-}
-
-.msg-user-delegated .bubble {
-  padding: 0;
-  overflow: hidden;
-  background: var(--bg);
-  border: 1px solid var(--border);
-  border-top: 1px solid color-mix(in srgb, var(--link) 55%, var(--border));
-  border-radius: 12px;
-  max-width: min(720px, 100%);
-  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.14), 0 4px 14px rgba(0, 0, 0, 0.08);
-}
-
-.delegated-card-head {
-  display: flex;
-  align-items: center;
-  gap: 10px;
-  padding: 10px 14px;
-  background: linear-gradient(to bottom,
-    color-mix(in srgb, var(--link) 3%, var(--bg-alt)),
-    var(--bg-alt));
-  border-bottom: 1px solid var(--border-subtle);
-}
-
-.delegated-card-avatar {
-  width: 24px;
-  height: 24px;
-  border-radius: 7px;
-  flex-shrink: 0;
-}
-
-.delegated-card-headtext {
-  display: grid;
-  gap: 1px;
-  min-width: 0;
-  flex: 1;
-}
-
-.delegated-card-eyebrow {
-  font-size: 9px;
-  font-weight: 700;
-  letter-spacing: 0.09em;
-  text-transform: uppercase;
-  color: color-mix(in srgb, var(--link) 68%, var(--text-secondary));
-  line-height: 1;
-}
-
-.delegated-card-from {
-  font-size: 12.5px;
-  font-weight: 650;
-  color: var(--text);
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-}
-
-.delegated-card-time {
-  font-size: 10px;
-  color: var(--text-dimmer);
-  flex-shrink: 0;
-  align-self: flex-start;
-  margin-top: 2px;
-}
-
-.msg-user-delegated .delegated-brief {
-  padding: 13px 16px 15px;
-  font-size: 13px;
-  line-height: 1.7;
-}
-.msg-user-delegated .delegated-brief > :first-child { margin-top: 0; }
-.msg-user-delegated .delegated-brief > :last-child { margin-bottom: 0; }
-.msg-user-delegated .delegated-brief p { margin: 8px 0; }
-.msg-user-delegated .delegated-brief pre {
-  max-width: 100%;
-  overflow-x: auto;
-  border: 1px solid var(--border-subtle);
-  border-radius: 8px;
-}
-.msg-user-delegated .delegated-brief code {
-  font-size: 12px;
-}
-.msg-user-delegated .delegated-brief h1,
-.msg-user-delegated .delegated-brief h2,
-.msg-user-delegated .delegated-brief h3 {
-  font-size: 13px;
-  font-weight: 700;
-  margin: 14px 0 4px;
-}
-.msg-user-delegated .delegated-brief ol,
-.msg-user-delegated .delegated-brief ul {
-  padding-left: 20px;
-  margin: 6px 0;
-}
-.msg-user-delegated .delegated-brief li { margin: 3px 0; }
-.msg-user-delegated .delegated-brief li::marker {
-  color: color-mix(in srgb, var(--link) 52%, var(--text-muted));
-  font-weight: 600;
-}
-
-.msg-user-delegated .dm-bubble-avatar-other {
-  border-radius: 7px;
-}
-
-.msg-user-delegated .dm-bubble-name {
-  color: color-mix(in srgb, var(--link) 62%, var(--text-secondary));
-  font-weight: 600;
-}
+/* Delegated instruction briefs are styled in worker-delegation.css. */
 
 /* --- User message action bar --- */
 .msg-actions {

package/lib/public/css/mobile-nav.css

@@ -332,22 +332,6 @@
     padding-bottom: calc(var(--safe-bottom) + 16px);
   }
 
-  /* No hover on touch: rest state stays dimmed, the active session shows color. */
-  .mobile-session-vendor-icon {
-    width: 14px;
-    height: 14px;
-    flex-shrink: 0;
-    border-radius: 3px;
-    object-fit: cover;
-    margin-right: 8px;
-    opacity: 0.5;
-    filter: grayscale(0.9) brightness(0.9);
-  }
-  .mobile-session-item.active .mobile-session-vendor-icon {
-    opacity: 1;
-    filter: none;
-  }
-
   /* --- Chat filter bar (horizontal scroll chips) --- */
   .mobile-chat-filter-bar {
     display: flex;
@@ -474,6 +458,7 @@
 
   /* --- Session items inside sheet --- */
   .mobile-session-item {
+    position: relative;
     display: flex;
     align-items: center;
     gap: 10px;
@@ -595,13 +580,28 @@
     text-overflow: ellipsis;
     white-space: nowrap;
   }
+  .mobile-session-title-line {
+    position: relative;
+    display: flex;
+    align-items: center;
+    flex: 1;
+    min-width: 0;
+  }
+  .mobile-session-item.session-title-marquee .mobile-session-title {
+    animation: session-title-marquee var(--session-marquee-duration, 6s) linear infinite;
+    text-overflow: clip;
+  }
 
   .mobile-session-processing {
+    position: absolute;
+    left: -8px;
+    top: 50%;
     width: 7px;
     height: 7px;
     border-radius: 50%;
     background: var(--success);
     flex-shrink: 0;
+    transform: translateY(-50%);
   }
 
   .mobile-session-processing.io {

package/lib/public/css/overlays.css

@@ -1379,3 +1379,11 @@ button.top-bar-pill.pill-accent:hover { background: color-mix(in srgb, var(--acc
     opacity: 0.92;
   }
 }
+
+.mate-delete-confirm .confirm-dialog { max-width: 420px; box-sizing: border-box; }
+.mate-delete-confirm h3 { margin: 0 0 12px; font-size: 18px; color: var(--error); }
+.mate-delete-confirm p { margin: 0 0 10px; font-size: 13px; line-height: 1.5; }
+.mate-delete-challenge { display: flex; flex-direction: column; gap: 8px; margin: 16px 0 20px; font-size: 13px; color: var(--text); }
+.mate-delete-challenge input { height: 36px; box-sizing: border-box; padding: 8px 10px; border: 1px solid var(--border); border-radius: 8px; background: var(--bg); color: var(--text); font: inherit; }
+.mate-delete-challenge input:focus-visible { outline: 2px solid var(--accent); outline-offset: 2px; }
+.mate-delete-confirm .confirm-btn:disabled { opacity: .4; cursor: not-allowed; }

package/lib/public/css/project-logs.css

@@ -3,6 +3,7 @@
 /* Wide screens: bounded workbench window beside #app, matching the geometry of
    the document viewer and the terminal. */
 @media (min-width: 1024px) {
+  #you-panel,
   #project-logs-panel {
     width: 50%;
     max-width: 720px;
@@ -19,11 +20,14 @@
     overflow: hidden;
     flex-shrink: 0;
   }
+  #you-panel.hidden,
   #project-logs-panel.hidden { display: none; }
+  #you-panel.project-logs-wide,
   #project-logs-panel.project-logs-wide {
     width: 70%;
     max-width: 1200px;
   }
+  #you-panel.panel-fullscreen,
   #project-logs-panel.panel-fullscreen {
     width: 100%;
     max-width: none;
@@ -38,6 +42,7 @@
 
 /* Narrow screens: full overlay, like the other workbench tools. */
 @media (max-width: 1023px) {
+  #you-panel,
   #project-logs-panel {
     position: fixed;
     top: 0;
@@ -52,6 +57,7 @@
     flex-direction: column;
     overflow: hidden;
   }
+  #you-panel.hidden,
   #project-logs-panel.hidden { display: none; }
   /* Sizing controls are meaningless in the overlay presentation. */
   #project-logs-wide,
@@ -127,6 +133,7 @@
 .project-logs-detail { flex: 1; min-width: 0; min-height: 0; overflow-y: auto; }
 .project-logs-detail.hidden { display: none; }
 .project-log-document { max-width: 760px; margin: 0 auto; padding: 32px 28px 52px; }
+#you-panel.panel-fullscreen .project-log-document,
 #project-logs-panel.panel-fullscreen .project-log-document { padding: clamp(28px, 5vw, 64px); }
 .project-log-doc-chips { display: flex; align-items: center; gap: 7px; margin-bottom: 10px; }
 .project-log-document h1 { margin: 0 0 10px; color: var(--text); font-family: var(--font-display); font-size: clamp(24px, 2.8vw, 34px); letter-spacing: -0.025em; line-height: 1.12; }

package/lib/public/css/project-mate-creation.css

@@ -0,0 +1,105 @@
+.project-create-choice-overlay {
+  position: fixed;
+  inset: 0;
+  z-index: 1300;
+  display: grid;
+  place-items: center;
+  padding: 20px;
+  background: rgba(var(--shadow-rgb), 0.28);
+  backdrop-filter: blur(5px);
+}
+
+.project-create-choice {
+  width: min(360px, calc(100vw - 32px));
+  padding: 22px;
+  border: 1px solid var(--border-subtle);
+  border-radius: 18px;
+  background: var(--bg);
+  box-shadow: 0 24px 70px rgba(var(--shadow-rgb), 0.24);
+  animation: project-create-choice-in 180ms cubic-bezier(0.2, 0.75, 0.25, 1);
+}
+
+.project-create-choice-eyebrow {
+  color: var(--accent);
+  font-size: 10px;
+  font-weight: 750;
+  letter-spacing: 0.1em;
+  text-transform: uppercase;
+}
+
+.project-create-choice h2 {
+  margin: 5px 0 16px;
+  color: var(--text);
+  font-family: var(--font-ui);
+  font-size: 18px;
+}
+
+.project-create-choice-option {
+  display: grid;
+  grid-template-columns: 34px 1fr;
+  align-items: center;
+  gap: 12px;
+  width: 100%;
+  margin-top: 8px;
+  padding: 12px;
+  border: 1px solid var(--border-subtle);
+  border-radius: 12px;
+  background: rgba(var(--overlay-rgb), 0.025);
+  color: var(--text);
+  font: inherit;
+  text-align: left;
+  cursor: pointer;
+  transition: border-color 180ms, background 180ms, transform 180ms;
+}
+
+.project-create-choice-option > .lucide {
+  width: 22px;
+  height: 22px;
+  justify-self: center;
+  color: var(--accent);
+}
+
+.project-create-choice-option span { display: grid; gap: 2px; }
+.project-create-choice-option strong { font-size: 13px; }
+.project-create-choice-option small { color: var(--text-muted); font-size: 11px; }
+.project-create-choice-option:hover { border-color: var(--border); background: rgba(var(--overlay-rgb), 0.055); transform: translateY(-1px); }
+.project-create-choice-option:focus-visible,
+.project-create-choice-cancel:focus-visible,
+.project-mate-creation-error button:focus-visible { outline: 2px solid var(--accent); outline-offset: 3px; }
+
+.project-create-choice-cancel {
+  display: block;
+  margin: 14px auto 0;
+  padding: 6px 10px;
+  border: 0;
+  border-radius: 7px;
+  background: transparent;
+  color: var(--text-muted);
+  font: inherit;
+  font-size: 12px;
+  cursor: pointer;
+}
+
+.project-create-choice-cancel:hover { background: rgba(var(--overlay-rgb), 0.05); color: var(--text); }
+.project-create-choice-error { min-height: 16px; margin: 8px 0 0; color: var(--error); font-size: 11px; }
+
+.project-mate-creation-transcript { width: min(760px, 100%); margin: 0 auto; }
+.project-mate-creation-intro { display: flex; align-items: center; gap: 8px; margin: 4px 0 14px; color: var(--text-muted); font-size: 12px; font-weight: 650; }
+.project-mate-creation-intro .lucide { width: 15px; height: 15px; color: var(--accent); }
+.project-mate-creation-error { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-top: 12px; padding: 11px 12px; border: 1px solid color-mix(in srgb, var(--error) 28%, transparent); border-radius: 10px; color: var(--error); font-size: 12px; }
+.project-mate-creation-error button { padding: 6px 9px; border: 1px solid var(--border); border-radius: 7px; background: var(--bg-alt); color: var(--text); font: inherit; cursor: pointer; }
+
+@keyframes project-create-choice-in {
+  from { opacity: 0; transform: translateY(6px) scale(0.985); }
+  to { opacity: 1; transform: translateY(0) scale(1); }
+}
+
+@media (prefers-reduced-motion: reduce) {
+  .project-create-choice { animation: none; }
+  .project-create-choice-option { transition: none; }
+}
+
+@media (max-width: 768px) {
+  .project-create-choice-overlay { align-items: end; padding: 12px; }
+  .project-create-choice { width: 100%; border-radius: 18px 18px 12px 12px; }
+}

package/lib/public/css/right-workbench.css

@@ -5,7 +5,7 @@
 }
 
 @media (min-width: 1024px) {
-  :is(#file-viewer, #terminal-container, #project-logs-panel, #issues-panel, #linear-panel, #notes-browser, #scheduled-tasks-panel, #shared-browser-panel, #mcp-skills-workbench):not(.panel-fullscreen) {
+  :is(#file-viewer, #terminal-container, #project-logs-panel, #you-panel, #issues-panel, #linear-panel, #notes-browser, #scheduled-tasks-panel, #debates-workbench, #shared-browser-panel, #mcp-skills-workbench, #mate-knowledge-workbench):not(.panel-fullscreen) {
     box-shadow:
       4px 8px 18px rgba(var(--shadow-rgb), 0.14),
       2px 2px 4px rgba(var(--shadow-rgb), 0.08),
@@ -15,13 +15,13 @@
   }
 }
 
-:is(#file-viewer, #terminal-container, #project-logs-panel, #issues-panel, #linear-panel, #notes-browser, #scheduled-tasks-panel, #shared-browser-panel, #mcp-skills-workbench).panel-fullscreen {
+:is(#file-viewer, #terminal-container, #project-logs-panel, #you-panel, #issues-panel, #linear-panel, #notes-browser, #scheduled-tasks-panel, #debates-workbench, #shared-browser-panel, #mcp-skills-workbench, #mate-knowledge-workbench).panel-fullscreen {
   box-shadow: none;
   animation: none;
 }
 
 @media (prefers-reduced-motion: reduce) {
-  :is(#file-viewer, #terminal-container, #project-logs-panel, #issues-panel, #linear-panel, #notes-browser, #scheduled-tasks-panel, #shared-browser-panel, #mcp-skills-workbench):not(.panel-fullscreen) {
+  :is(#file-viewer, #terminal-container, #project-logs-panel, #you-panel, #issues-panel, #linear-panel, #notes-browser, #scheduled-tasks-panel, #debates-workbench, #shared-browser-panel, #mcp-skills-workbench, #mate-knowledge-workbench):not(.panel-fullscreen) {
     animation: none;
     transition: none;
   }