relay-os 0.1.0

package/mission-control/page.css

@@ -0,0 +1,1793 @@
+/*!*******************************************************************************************************************************************************************************************************************************************************************!*\
+  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[15].oneOf[5].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[15].oneOf[5].use[3]!./src/app/page.module.css ***!
+  \*******************************************************************************************************************************************************************************************************************************************************************/
+.page_appWrapper__ixmRj {
+  display: flex;
+  height: 100vh;
+  width: 100vw;
+  overflow: hidden;
+  background-color: var(--color-surface-1);
+}
+
+.page_layout__mbNju {
+  display: flex;
+  flex-direction: column;
+  flex-grow: 1;
+  height: 100vh;
+  /* Without min-width:0 a flex item grows to its content's intrinsic width,
+     letting wide chat/activity content push the control-room panel off-screen. */
+  min-width: 0;
+}
+
+.page_mainArea__jNVoP {
+  display: flex;
+  flex-grow: 1;
+  overflow: hidden;
+  min-width: 0;
+}
+
+.page_chatArea__X_m3M {
+  flex-grow: 1;
+  display: flex;
+  flex-direction: column;
+  /* min-width:0 lets this column shrink instead of forcing the control-room
+     panel off-screen when an event has wide content (diffs, long lines). */
+  min-width: 0;
+  overflow: hidden;
+}
+
+.page_controlRoomArea__U2Upi {
+  width: 440px;
+  flex-shrink: 0;
+  background-color: var(--color-surface-2);
+  border-left: 1px solid var(--color-border);
+  overflow-y: auto;
+  display: flex;
+  flex-direction: column;
+  gap: 16px;
+  padding: 16px;
+}
+
+.page_stackPanel__oXX82 {
+  height: 280px;
+  flex-shrink: 0;
+}
+
+/*!****************************************************************************************************************************************************************************************************************************************************************************************!*\
+  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[15].oneOf[5].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[15].oneOf[5].use[3]!./src/components/CollaboratorsPanel.module.css ***!
+  \****************************************************************************************************************************************************************************************************************************************************************************************/
+.CollaboratorsPanel_panel__r3Mh5 {
+  padding: 16px;
+}
+
+.CollaboratorsPanel_hint__D6V2h {
+  font-size: 11px;
+  color: var(--text-muted);
+  margin: 8px 0 12px;
+  line-height: 1.5;
+}
+
+.CollaboratorsPanel_muted__SsAZK {
+  font-size: 10px;
+  color: var(--text-muted);
+  font-weight: 400;
+}
+
+.CollaboratorsPanel_avatarRow__2LfiL {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 8px;
+  margin-top: 4px;
+}
+
+.CollaboratorsPanel_avatarChip__HJgeA {
+  display: inline-flex;
+  align-items: center;
+  gap: 6px;
+  padding: 4px 10px 4px 4px;
+  border-radius: 999px;
+  border: 1px solid var(--color-border);
+  background: var(--color-surface-3);
+}
+
+.CollaboratorsPanel_avatar__NGw76 {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  width: 24px;
+  height: 24px;
+  border-radius: 50%;
+  font-size: 10px;
+  font-weight: 800;
+  color: #0a0a0a;
+  letter-spacing: 0.02em;
+}
+
+.CollaboratorsPanel_avatarName__ew_BR {
+  font-size: 12px;
+  font-weight: 600;
+  color: var(--text-primary);
+}
+
+.CollaboratorsPanel_removeBtn__QA06p {
+  border: none;
+  background: transparent;
+  color: var(--text-muted);
+  font-size: 14px;
+  line-height: 1;
+  cursor: pointer;
+  padding: 0 0 0 2px;
+}
+
+.CollaboratorsPanel_removeBtn__QA06p:hover {
+  color: #ff9a9a;
+}
+
+.CollaboratorsPanel_addChip__pb9cs {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  width: 32px;
+  height: 32px;
+  border-radius: 50%;
+  border: 1px dashed var(--color-border);
+  background: transparent;
+  color: var(--text-secondary);
+  font-size: 16px;
+  font-weight: 700;
+  cursor: pointer;
+}
+
+.CollaboratorsPanel_addChip__pb9cs:hover {
+  color: var(--text-primary);
+  border-color: var(--text-secondary);
+}
+
+.CollaboratorsPanel_addRow__2feKW {
+  display: flex;
+  gap: 8px;
+  margin-top: 10px;
+}
+
+.CollaboratorsPanel_input__V2ej6 {
+  flex: 1;
+  padding: 8px 10px;
+  border-radius: 6px;
+  border: 1px solid var(--color-border);
+  background: var(--color-surface-1);
+  color: var(--text-primary);
+  font-size: 13px;
+}
+
+.CollaboratorsPanel_addBtn__5Iu7r {
+  padding: 8px 12px;
+  border-radius: 6px;
+  border: 1px solid var(--color-border);
+  background: rgba(255, 255, 255, 0.06);
+  color: var(--text-primary);
+  font-size: 12px;
+  font-weight: 600;
+  cursor: pointer;
+}
+
+.CollaboratorsPanel_addBtn__5Iu7r:disabled {
+  opacity: 0.4;
+  cursor: not-allowed;
+}
+
+/*!***********************************************************************************************************************************************************************************************************************************************************************************!*\
+  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[15].oneOf[5].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[15].oneOf[5].use[3]!./src/components/ContextMemory.module.css ***!
+  \***********************************************************************************************************************************************************************************************************************************************************************************/
+.ContextMemory_panel__FaYj6 {
+  height: 100%;
+  display: flex;
+  flex-direction: column;
+  overflow: hidden;
+}
+
+.ContextMemory_count__YpPRB {
+  margin-left: auto;
+  color: var(--text-secondary);
+  font-weight: normal;
+  text-transform: none;
+  letter-spacing: 0;
+  float: right;
+}
+
+.ContextMemory_treeContainer__t2_cx {
+  flex-grow: 1;
+  overflow-y: auto;
+  font-size: 11px;
+  line-height: 1.6;
+  color: var(--text-secondary);
+}
+
+.ContextMemory_treeRoot__CprD6 {
+  font-weight: 700;
+  color: var(--text-primary);
+  margin-bottom: 4px;
+}
+
+.ContextMemory_treeNode__ino71 {
+  margin-left: 12px;
+  border-left: 1px solid var(--color-border);
+  padding-left: 8px;
+}
+
+.ContextMemory_nodeHeader__qvo4m {
+  display: flex;
+  align-items: center;
+  gap: 6px;
+  cursor: pointer;
+  padding: 2px 0;
+}
+
+.ContextMemory_nodeHeader__qvo4m:hover .ContextMemory_nodeName__0nQLV {
+  color: var(--text-primary);
+}
+
+.ContextMemory_nodeName__0nQLV {
+  color: var(--text-secondary);
+}
+
+.ContextMemory_icon__EZmD4 {
+  font-size: 12px;
+  opacity: 0.8;
+  width: 12px;
+}
+
+.ContextMemory_nodeChildren__PN3M5 {
+  margin-left: 14px;
+  border-left: 1px solid rgba(255, 255, 255, 0.05);
+  padding-left: 8px;
+  margin-top: 2px;
+  margin-bottom: 4px;
+}
+
+.ContextMemory_childNode___Kg4k {
+  display: flex;
+  gap: 8px;
+  padding: 2px 0;
+}
+
+.ContextMemory_childKey__kh8MV {
+  color: var(--color-active);
+}
+
+.ContextMemory_childValue__EHANj {
+  color: var(--text-primary);
+}
+
+/*!**********************************************************************************************************************************************************************************************************************************************************************************!*\
+  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[15].oneOf[5].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[15].oneOf[5].use[3]!./src/components/GlobalHeader.module.css ***!
+  \**********************************************************************************************************************************************************************************************************************************************************************************/
+.GlobalHeader_header__6Nhx4 {
+  height: 56px;
+  background-color: var(--color-surface-2);
+  border-bottom: 1px solid var(--color-border);
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  padding: 0 16px;
+  flex-shrink: 0;
+}
+
+.GlobalHeader_left__l81hZ, .GlobalHeader_center__Jo1j6, .GlobalHeader_right__dbbkd {
+  display: flex;
+  align-items: center;
+  gap: 16px;
+}
+
+.GlobalHeader_logo__dWvxe {
+  font-weight: 900;
+  letter-spacing: 0.1em;
+  font-size: 14px;
+  display: flex;
+  align-items: center;
+  gap: 0;
+}
+
+.GlobalHeader_projectDropdown__LvSl0 {
+  background: var(--color-surface-3);
+  padding: 4px 12px;
+  border-radius: 4px;
+  font-size: 13px;
+  cursor: pointer;
+  border: 1px solid var(--color-border);
+}
+
+.GlobalHeader_arrow__WveSF {
+  font-size: 10px;
+  margin-left: 8px;
+  opacity: 0.5;
+}
+
+.GlobalHeader_teammatesOnline__5ExDt {
+  display: flex;
+  margin-left: 16px;
+  gap: -8px;
+}
+
+.GlobalHeader_avatarMini__JNpkh {
+  width: 24px;
+  height: 24px;
+  border-radius: 50%;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  font-size: 11px;
+  font-weight: bold;
+  border: 2px solid var(--color-surface-2);
+  margin-left: -6px;
+  color: #000000;
+}
+
+.GlobalHeader_bgPony__MnZ5c { background-color: var(--color-active); }
+.GlobalHeader_bgUnnath__inT9H { background-color: var(--color-success); }
+.GlobalHeader_bgArjun__rOGTd { background-color: rgba(255, 255, 255, 0.62); }
+
+.GlobalHeader_inviteBtn__320g8 {
+  background: transparent;
+  border: 1px dashed var(--color-border);
+  color: var(--text-secondary);
+  border-radius: 4px;
+  padding: 4px 8px;
+  font-size: 12px;
+  cursor: pointer;
+}
+.GlobalHeader_inviteBtn__320g8:hover {
+  color: var(--text-primary);
+  border-color: var(--text-secondary);
+}
+
+.GlobalHeader_stats__G4II1 {
+  display: flex;
+  gap: 16px;
+  font-size: 12px;
+  color: var(--text-secondary);
+}
+
+.GlobalHeader_stats__G4II1 strong {
+  color: var(--text-primary);
+}
+
+.GlobalHeader_dropdownMenu__g8s7S {
+  position: absolute;
+  top: 100%;
+  left: 0;
+  margin-top: 6px;
+  min-width: 220px;
+  background: var(--color-surface-2);
+  border: 1px solid var(--color-border);
+  border-radius: 6px;
+  z-index: 50;
+  overflow: hidden;
+}
+
+.GlobalHeader_dropdownItem__zNgIT {
+  padding: 8px 12px;
+  font-size: 13px;
+  cursor: pointer;
+  color: var(--text-secondary);
+}
+
+.GlobalHeader_dropdownItem__zNgIT[data-active] {
+  color: var(--text-primary);
+  background: rgba(255, 255, 255, 0.06);
+}
+
+.GlobalHeader_dropdownAdd__PdSP4 {
+  padding: 8px 12px;
+  font-size: 13px;
+  cursor: pointer;
+  color: var(--text-secondary);
+  border-top: 1px solid var(--color-border);
+}
+
+.GlobalHeader_syncBtn__02GDD {
+  font-size: 12px;
+  font-weight: 600;
+  padding: 6px 12px;
+  border-radius: 6px;
+  border: 1px solid var(--color-border);
+  background: transparent;
+  color: var(--text-primary);
+  cursor: pointer;
+}
+
+.GlobalHeader_syncBtn__02GDD:disabled {
+  opacity: 0.5;
+  cursor: not-allowed;
+}
+
+.GlobalHeader_statusPill__PhBxR {
+  display: flex;
+  align-items: center;
+  gap: 6px;
+  font-size: 12px;
+  color: var(--text-secondary);
+}
+
+.GlobalHeader_statusDot__LeGV0 {
+  width: 8px;
+  height: 8px;
+  border-radius: 50%;
+  background: var(--text-muted);
+}
+
+.GlobalHeader_statusDot__LeGV0[data-live] {
+  background: var(--color-success);
+  box-shadow: 0 0 6px var(--color-success);
+}
+
+.GlobalHeader_settingsBtn__3ldv4 {
+  background: none;
+  border: none;
+  color: var(--text-secondary);
+  cursor: pointer;
+}
+
+/*!**************************************************************************************************************************************************************************************************************************************************************************************!*\
+  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[15].oneOf[5].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[15].oneOf[5].use[3]!./src/components/ActivityTimeline.module.css ***!
+  \**************************************************************************************************************************************************************************************************************************************************************************************/
+.ActivityTimeline_root__1Ausx {
+  display: flex;
+  flex: 1;
+  min-height: 0;
+  overflow: hidden;
+}
+
+.ActivityTimeline_nav__4nfHc {
+  width: 260px;
+  flex-shrink: 0;
+  border-right: 1px solid var(--color-border);
+  background: var(--color-surface-2);
+  overflow-y: auto;
+  padding: 12px 8px;
+}
+
+.ActivityTimeline_navAgent__Pjp9F {
+  margin-bottom: 16px;
+}
+
+.ActivityTimeline_navAgentHead__pHBZk {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  font-size: 11px;
+  font-weight: 700;
+  letter-spacing: 0.06em;
+  text-transform: uppercase;
+  color: var(--text-secondary);
+  padding: 4px 8px 8px;
+}
+
+.ActivityTimeline_navLogo__oKNLh {
+  width: 18px;
+  height: 18px;
+  object-fit: contain;
+  border-radius: 4px;
+}
+
+.ActivityTimeline_navCount__q232x {
+  margin-left: auto;
+  font-size: 10px;
+  color: var(--text-muted);
+  font-weight: 600;
+}
+
+.ActivityTimeline_navItem__AOQUD {
+  display: flex;
+  flex-direction: column;
+  gap: 2px;
+  width: 100%;
+  text-align: left;
+  border: none;
+  background: transparent;
+  border-radius: 8px;
+  padding: 8px 10px;
+  cursor: pointer;
+  transition: background 0.15s ease;
+}
+
+.ActivityTimeline_navItem__AOQUD:hover {
+  background: rgba(255, 255, 255, 0.04);
+}
+
+.ActivityTimeline_navItemActive__1iR_g {
+  background: rgba(255, 255, 255, 0.08);
+  box-shadow: inset 2px 0 0 var(--color-active);
+}
+
+.ActivityTimeline_navItemLabel__JUlEV {
+  font-size: 12px;
+  color: var(--text-primary);
+  line-height: 1.4;
+  display: -webkit-box;
+  -webkit-line-clamp: 2;
+  -webkit-box-orient: vertical;
+  overflow: hidden;
+}
+
+.ActivityTimeline_navItemTime__bxT3c {
+  font-size: 10px;
+  color: var(--text-muted);
+}
+
+.ActivityTimeline_main__8N55I {
+  flex: 1;
+  display: flex;
+  flex-direction: column;
+  min-width: 0;
+  min-height: 0;
+}
+
+.ActivityTimeline_filters__etU0X {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 6px;
+  padding: 12px 16px;
+  border-bottom: 1px solid var(--color-border);
+}
+
+.ActivityTimeline_chip__mTQ9b {
+  font-size: 11px;
+  font-weight: 600;
+  padding: 5px 12px;
+  border-radius: 999px;
+  border: 1px solid var(--color-border);
+  background: transparent;
+  color: var(--text-secondary);
+  cursor: pointer;
+}
+
+.ActivityTimeline_chipActive__pKulL {
+  background: rgba(255, 255, 255, 0.08);
+  color: var(--text-primary);
+  border-color: rgba(255, 255, 255, 0.16);
+}
+
+.ActivityTimeline_feed__Mu_L8 {
+  flex: 1;
+  overflow-y: auto;
+  padding: 16px 20px 32px;
+}
+
+.ActivityTimeline_agentSection__ThgsD {
+  margin-bottom: 28px;
+}
+
+.ActivityTimeline_agentHeader__c0lhS {
+  display: flex;
+  align-items: center;
+  gap: 10px;
+  font-size: 14px;
+  font-weight: 700;
+  margin-bottom: 14px;
+  padding-bottom: 10px;
+  border-bottom: 1px solid var(--color-border);
+  position: sticky;
+  top: 0;
+  background: linear-gradient(var(--color-surface-1), rgba(0, 0, 0, 0.92));
+  z-index: 2;
+}
+
+.ActivityTimeline_agentLogo__QqvCc {
+  width: 24px;
+  height: 24px;
+  object-fit: contain;
+}
+
+.ActivityTimeline_agentHeaderCount__7UyFg {
+  margin-left: auto;
+  font-size: 11px;
+  font-weight: 500;
+  color: var(--text-muted);
+}
+
+.ActivityTimeline_segment__zjs8x {
+  margin-bottom: 20px;
+  scroll-margin-top: 56px;
+}
+
+.ActivityTimeline_segmentHead__HewW2 {
+  display: flex;
+  align-items: baseline;
+  justify-content: space-between;
+  gap: 12px;
+  margin-bottom: 10px;
+}
+
+.ActivityTimeline_segmentLabel__v8Sa0 {
+  font-size: 13px;
+  font-weight: 600;
+  color: var(--text-primary);
+}
+
+.ActivityTimeline_segmentTime__UKdRE {
+  font-size: 10px;
+  color: var(--text-muted);
+  flex-shrink: 0;
+}
+
+.ActivityTimeline_segmentBody__HPIny {
+  display: flex;
+  flex-direction: column;
+  gap: 10px;
+  padding-left: 12px;
+  border-left: 2px solid var(--color-border);
+}
+
+.ActivityTimeline_messageBlock__PC_dL {
+  border-radius: 8px;
+  padding: 10px 12px;
+  border: 1px solid var(--color-border);
+}
+
+.ActivityTimeline_messageUser__A3uRe {
+  background: rgba(92, 158, 255, 0.08);
+  border-color: rgba(92, 158, 255, 0.25);
+}
+
+.ActivityTimeline_messageAgent__YgFwz {
+  background: rgba(34, 208, 122, 0.06);
+  border-color: rgba(34, 208, 122, 0.2);
+}
+
+.ActivityTimeline_messageRole__Vsgi0 {
+  font-size: 10px;
+  font-weight: 700;
+  text-transform: uppercase;
+  letter-spacing: 0.06em;
+  color: var(--text-muted);
+  margin-bottom: 6px;
+}
+
+.ActivityTimeline_messageText__WCrXD {
+  font-size: 13px;
+  line-height: 1.65;
+  color: var(--text-primary);
+  white-space: pre-wrap;
+  word-break: break-word;
+}
+
+.ActivityTimeline_editBlock__fJ_Eo {
+  background: rgba(255, 184, 92, 0.06);
+  border: 1px solid rgba(255, 184, 92, 0.22);
+  border-radius: 8px;
+  padding: 10px 12px;
+}
+
+.ActivityTimeline_editFile__3wFkn {
+  font-family: var(--font-mono), monospace;
+  font-size: 12px;
+  color: #ffb85c;
+  margin-bottom: 4px;
+}
+
+.ActivityTimeline_editSummary__HvSyr {
+  font-size: 12px;
+  color: var(--text-secondary);
+  margin-bottom: 8px;
+}
+
+.ActivityTimeline_diff__x21Y_ {
+  font-size: 11px;
+  line-height: 1.5;
+  background: var(--color-surface-1);
+  border-radius: 6px;
+  padding: 8px;
+  max-height: 280px;
+  overflow: auto;
+  margin: 0;
+}
+
+.ActivityTimeline_diffAdd__zg8OR {
+  color: var(--color-success);
+}
+
+.ActivityTimeline_diffDel__Fy1Zx {
+  color: #ff9a9a;
+}
+
+.ActivityTimeline_empty__mxesl {
+  flex: 1;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  gap: 12px;
+  color: var(--text-muted);
+  padding: 48px 24px;
+  text-align: center;
+}
+
+.ActivityTimeline_emptyIcon__rcI61 {
+  font-size: 40px;
+  opacity: 0.4;
+}
+
+.ActivityTimeline_empty__mxesl p {
+  max-width: 360px;
+  line-height: 1.6;
+  font-size: 13px;
+}
+
+/*!**************************************************************************************************************************************************************************************************************************************************************************************!*\
+  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[15].oneOf[5].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[15].oneOf[5].use[3]!./src/components/AgentSessionChat.module.css ***!
+  \**************************************************************************************************************************************************************************************************************************************************************************************/
+.AgentSessionChat_root___FT6B {
+  display: flex;
+  flex-direction: column;
+  flex: 1;
+  min-height: 0;
+  overflow: hidden;
+}
+
+.AgentSessionChat_banner__k8z8s {
+  margin: 12px 16px 0;
+  padding: 10px 12px;
+  border-radius: 8px;
+  border: 1px solid var(--color-border);
+  background: rgba(139, 92, 246, 0.08);
+  font-size: 12px;
+  line-height: 1.5;
+  color: var(--text-secondary);
+}
+
+.AgentSessionChat_banner__k8z8s strong {
+  color: var(--text-primary);
+}
+
+.AgentSessionChat_metaRow__LGjsN {
+  display: flex;
+  align-items: center;
+  gap: 12px;
+  padding: 8px 16px;
+  border-bottom: 1px solid var(--color-border);
+  font-size: 11px;
+  color: var(--text-muted);
+}
+
+.AgentSessionChat_metaLabel__miA5w {
+  display: inline-flex;
+  align-items: center;
+  gap: 6px;
+}
+
+.AgentSessionChat_select__Fc7MP {
+  padding: 4px 8px;
+  border-radius: 4px;
+  border: 1px solid var(--color-border);
+  background: var(--color-surface-1);
+  color: var(--text-primary);
+  font-size: 11px;
+}
+
+.AgentSessionChat_metaHint__9FyJa {
+  margin-left: auto;
+}
+
+.AgentSessionChat_messages__itsP6 {
+  flex: 1;
+  overflow-y: auto;
+  padding: 16px;
+  display: flex;
+  flex-direction: column;
+  gap: 10px;
+}
+
+.AgentSessionChat_empty__krHti {
+  color: var(--text-muted);
+  font-size: 13px;
+  line-height: 1.6;
+  text-align: center;
+  padding: 32px 16px;
+}
+
+.AgentSessionChat_msg__rgPMD {
+  background: var(--color-surface-2);
+  border: 1px solid var(--color-border);
+  border-radius: 10px;
+  padding: 10px 12px;
+}
+
+.AgentSessionChat_msgSystem__5RMPf {
+  border-color: rgba(139, 92, 246, 0.35);
+  background: rgba(139, 92, 246, 0.06);
+}
+
+.AgentSessionChat_msgMeta__hs3EH {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  font-size: 11px;
+  font-weight: 600;
+  color: var(--text-primary);
+  margin-bottom: 6px;
+}
+
+.AgentSessionChat_msgAgent__DzQt5 {
+  color: var(--color-active);
+  font-weight: 500;
+}
+
+.AgentSessionChat_msgTime__fRULS {
+  margin-left: auto;
+  font-weight: 400;
+  color: var(--text-muted);
+}
+
+.AgentSessionChat_msgText__KVUbW {
+  font-size: 13px;
+  line-height: 1.55;
+  color: var(--text-secondary);
+  white-space: pre-wrap;
+}
+
+.AgentSessionChat_mention__xF8p0 {
+  font-weight: 700;
+}
+
+.AgentSessionChat_compose__FrlEr {
+  position: relative;
+  display: flex;
+  gap: 10px;
+  padding: 12px 16px;
+  border-top: 1px solid var(--color-border);
+  background: var(--color-surface-2);
+}
+
+.AgentSessionChat_mentionPopup__w_TQW {
+  position: absolute;
+  left: 16px;
+  right: 16px;
+  bottom: 100%;
+  margin-bottom: 8px;
+  display: flex;
+  flex-direction: column;
+  gap: 2px;
+  padding: 6px;
+  border-radius: 8px;
+  border: 1px solid var(--color-border);
+  background: var(--color-surface-1);
+  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.4);
+  max-height: 200px;
+  overflow-y: auto;
+}
+
+.AgentSessionChat_mentionItem__a_dRn {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  width: 100%;
+  padding: 6px 8px;
+  border: none;
+  border-radius: 6px;
+  background: transparent;
+  color: var(--text-secondary);
+  font-size: 12px;
+  font-weight: 600;
+  cursor: pointer;
+  text-align: left;
+}
+
+.AgentSessionChat_mentionItem__a_dRn:hover,
+.AgentSessionChat_mentionItemActive___f6Ql {
+  background: rgba(255, 255, 255, 0.06);
+  color: var(--text-primary);
+}
+
+.AgentSessionChat_mentionLogo__lH3kY {
+  width: 16px;
+  height: 16px;
+  object-fit: contain;
+}
+
+.AgentSessionChat_mentionLabel__ePxiq {
+  flex: 1;
+}
+
+.AgentSessionChat_mentionStatus__MbDgj {
+  font-size: 9px;
+  text-transform: uppercase;
+  letter-spacing: 0.05em;
+  font-weight: 700;
+  color: var(--text-muted);
+}
+
+.AgentSessionChat_status_connected__cdn_x {
+  color: #6ee7b7;
+}
+
+.AgentSessionChat_status_handshaking__lEH_5 {
+  color: #fcd34d;
+}
+
+.AgentSessionChat_status_error__dmYY_ {
+  color: #f87171;
+}
+
+.AgentSessionChat_input__fint9 {
+  flex: 1;
+  resize: none;
+  padding: 10px 12px;
+  border-radius: 8px;
+  border: 1px solid var(--color-border);
+  background: var(--color-surface-1);
+  color: var(--text-primary);
+  font-size: 13px;
+  font-family: inherit;
+}
+
+.AgentSessionChat_sendBtn__WvFAG {
+  align-self: flex-end;
+  padding: 10px 16px;
+  border-radius: 8px;
+  border: 1px solid var(--color-border);
+  background: rgba(255, 255, 255, 0.08);
+  color: var(--text-primary);
+  font-size: 12px;
+  font-weight: 600;
+  cursor: pointer;
+}
+
+.AgentSessionChat_sendBtn__WvFAG:disabled {
+  opacity: 0.4;
+  cursor: not-allowed;
+}
+
+/*!**************************************************************************************************************************************************************************************************************************************************************************************!*\
+  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[15].oneOf[5].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[15].oneOf[5].use[3]!./src/components/ProjectDashboard.module.css ***!
+  \**************************************************************************************************************************************************************************************************************************************************************************************/
+.ProjectDashboard_root__ptEWN {
+  display: flex;
+  flex-direction: column;
+  flex: 1;
+  min-height: 0;
+  overflow: hidden;
+}
+
+.ProjectDashboard_toolbar__icZTP {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: 12px;
+  padding: 10px 16px;
+  border-bottom: 1px solid var(--color-border);
+  background: var(--color-surface-2);
+}
+
+.ProjectDashboard_tabs__9fnVA {
+  display: flex;
+  gap: 4px;
+  background: var(--color-surface-1);
+  border: 1px solid var(--color-border);
+  border-radius: 999px;
+  padding: 4px;
+}
+
+.ProjectDashboard_tab__T4_TD {
+  border: none;
+  background: transparent;
+  color: var(--text-secondary);
+  font-size: 12px;
+  font-weight: 600;
+  padding: 7px 14px;
+  border-radius: 999px;
+  cursor: pointer;
+}
+
+.ProjectDashboard_tabActive__7_Skg {
+  background: rgba(255, 255, 255, 0.08);
+  color: var(--text-primary);
+}
+
+.ProjectDashboard_syncBtn__uFIvg {
+  font-size: 12px;
+  font-weight: 600;
+  padding: 8px 14px;
+  border-radius: 8px;
+  border: 1px solid var(--color-border);
+  background: transparent;
+  color: var(--text-primary);
+  cursor: pointer;
+}
+
+.ProjectDashboard_syncBtn__uFIvg:disabled {
+  opacity: 0.5;
+  cursor: not-allowed;
+}
+
+.ProjectDashboard_body__7TWFU {
+  flex: 1;
+  min-height: 0;
+  display: flex;
+  flex-direction: column;
+  overflow: hidden;
+}
+
+.ProjectDashboard_empty__1H524 {
+  flex: 1;
+  display: grid;
+  place-items: center;
+  color: var(--text-muted);
+  font-size: 13px;
+  padding: 32px;
+  text-align: center;
+}
+
+.ProjectDashboard_editsList__YPsbL {
+  flex: 1;
+  overflow-y: auto;
+  padding: 16px 20px;
+  display: flex;
+  flex-direction: column;
+  gap: 10px;
+}
+
+.ProjectDashboard_editCard__G8EuO {
+  background: var(--color-surface-2);
+  border: 1px solid var(--color-border);
+  border-radius: 8px;
+  padding: 10px 12px;
+}
+
+.ProjectDashboard_editSummary__s0659 {
+  display: flex;
+  align-items: center;
+  gap: 10px;
+  cursor: pointer;
+  list-style: none;
+}
+
+.ProjectDashboard_editSummary__s0659::-webkit-details-marker {
+  display: none;
+}
+
+.ProjectDashboard_editLogo__wV0Ud {
+  width: 20px;
+  height: 20px;
+  object-fit: contain;
+}
+
+.ProjectDashboard_editFile__VuMX1 {
+  font-family: var(--font-mono), monospace;
+  font-size: 12px;
+  color: #ffb85c;
+  flex: 1;
+}
+
+.ProjectDashboard_editTime__WGtNE {
+  font-size: 10px;
+  color: var(--text-muted);
+}
+
+.ProjectDashboard_editMeta__TGG3b {
+  font-size: 12px;
+  color: var(--text-secondary);
+  margin: 8px 0;
+}
+
+.ProjectDashboard_diff__1p6BL {
+  font-size: 11px;
+  line-height: 1.5;
+  background: var(--color-surface-1);
+  border-radius: 6px;
+  padding: 8px;
+  overflow: auto;
+  max-height: 240px;
+}
+
+.ProjectDashboard_memoryLayout__N60Bm {
+  flex: 1;
+  display: flex;
+  flex-direction: column;
+  min-height: 0;
+  overflow: hidden;
+}
+
+.ProjectDashboard_irTabs__zgMTW {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 6px;
+  padding: 12px 16px;
+  border-bottom: 1px solid var(--color-border);
+}
+
+.ProjectDashboard_irTab__c8Nwz {
+  font-size: 11px;
+  font-weight: 600;
+  padding: 6px 12px;
+  border-radius: 6px;
+  border: 1px solid var(--color-border);
+  background: var(--color-surface-2);
+  color: var(--text-secondary);
+  cursor: pointer;
+}
+
+.ProjectDashboard_irTabActive___I7Bt {
+  background: rgba(255, 255, 255, 0.08);
+  color: var(--text-primary);
+}
+
+.ProjectDashboard_memoryGrid__sud4o {
+  flex: 1;
+  display: grid;
+  grid-template-columns: 1fr 1fr;
+  gap: 12px;
+  padding: 16px;
+  min-height: 0;
+  overflow: hidden;
+}
+
+.ProjectDashboard_memoryCard__MatPq {
+  display: flex;
+  flex-direction: column;
+  min-height: 0;
+  background: var(--color-surface-2);
+  border: 1px solid var(--color-border);
+  border-radius: 10px;
+  overflow: hidden;
+}
+
+.ProjectDashboard_cardTitle__gKIfC {
+  font-size: 11px;
+  font-weight: 700;
+  letter-spacing: 0.08em;
+  text-transform: uppercase;
+  color: var(--text-muted);
+  padding: 12px 14px;
+  border-bottom: 1px solid var(--color-border);
+}
+
+.ProjectDashboard_md__VZ6QF {
+  flex: 1;
+  margin: 0;
+  padding: 14px;
+  font-size: 12px;
+  line-height: 1.65;
+  color: var(--text-secondary);
+  white-space: pre-wrap;
+  word-break: break-word;
+  overflow-y: auto;
+  font-family: var(--font-inter), sans-serif;
+}
+
+.ProjectDashboard_settings__uDzpL {
+  flex: 1;
+  overflow-y: auto;
+  padding: 20px;
+  display: grid;
+  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
+  gap: 14px;
+  align-content: start;
+}
+
+.ProjectDashboard_settingsCard___550C {
+  background: var(--color-surface-2);
+  border: 1px solid var(--color-border);
+  border-radius: 10px;
+  padding: 14px;
+}
+
+.ProjectDashboard_settingsRow__0sFE_ {
+  display: flex;
+  justify-content: space-between;
+  gap: 12px;
+  font-size: 13px;
+  margin-top: 10px;
+  color: var(--text-secondary);
+}
+
+.ProjectDashboard_settingsRow__0sFE_ strong {
+  color: var(--text-primary);
+  text-align: right;
+}
+
+.ProjectDashboard_hint__8FXmQ {
+  font-size: 12px;
+  color: var(--text-muted);
+  margin-top: 8px;
+  line-height: 1.5;
+}
+
+.ProjectDashboard_apiKey__i_kwp {
+  display: block;
+  margin-top: 10px;
+  padding: 10px;
+  background: var(--color-surface-1);
+  border-radius: 6px;
+  font-size: 11px;
+  word-break: break-all;
+  color: var(--color-active);
+}
+
+@media (max-width: 900px) {
+  .ProjectDashboard_memoryGrid__sud4o {
+    grid-template-columns: 1fr;
+  }
+}
+
+/*!*************************************************************************************************************************************************************************************************************************************************************************************!*\
+  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[15].oneOf[5].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[15].oneOf[5].use[3]!./src/components/RelayBrainPanel.module.css ***!
+  \*************************************************************************************************************************************************************************************************************************************************************************************/
+.RelayBrainPanel_panel__qi_ma {
+  padding: 16px;
+  display: flex;
+  flex-direction: column;
+  min-height: 280px;
+  max-height: 420px;
+}
+
+.RelayBrainPanel_header__quJl9 {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: 8px;
+  margin-bottom: 10px;
+}
+
+.RelayBrainPanel_refreshBtn__bw6MQ {
+  border: 1px solid var(--color-border);
+  background: transparent;
+  color: var(--text-secondary);
+  border-radius: 6px;
+  width: 28px;
+  height: 28px;
+  cursor: pointer;
+  font-size: 14px;
+}
+
+.RelayBrainPanel_refreshBtn__bw6MQ:disabled {
+  opacity: 0.4;
+  cursor: not-allowed;
+}
+
+.RelayBrainPanel_hint__hhb4A {
+  font-size: 12px;
+  color: var(--text-muted);
+  line-height: 1.55;
+  margin-top: 8px;
+}
+
+.RelayBrainPanel_tabs__qTMo0 {
+  display: flex;
+  gap: 4px;
+  overflow-x: auto;
+  border-bottom: 1px solid var(--color-border);
+  margin-bottom: 8px;
+  flex-shrink: 0;
+}
+
+.RelayBrainPanel_tab__wsUyC {
+  flex-shrink: 0;
+  border: none;
+  background: transparent;
+  color: var(--text-secondary);
+  font-size: 11px;
+  font-weight: 600;
+  cursor: pointer;
+  padding: 6px 10px;
+  border-bottom: 2px solid transparent;
+  white-space: nowrap;
+}
+
+.RelayBrainPanel_tab__wsUyC:hover {
+  color: var(--text-primary);
+}
+
+.RelayBrainPanel_tabActive__8ZATE {
+  color: var(--text-primary);
+  border-bottom-color: var(--color-active);
+}
+
+.RelayBrainPanel_body__OkZSK {
+  flex: 1;
+  margin: 0;
+  padding: 12px;
+  font-size: 11px;
+  line-height: 1.55;
+  color: var(--text-secondary);
+  white-space: pre-wrap;
+  word-break: break-word;
+  overflow-y: auto;
+  border: 1px solid var(--color-border);
+  border-radius: 8px;
+  background: var(--color-surface-3);
+  font-family: var(--font-inter), sans-serif;
+}
+
+/*!*****************************************************************************************************************************************************************************************************************************************************************************!*\
+  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[15].oneOf[5].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[15].oneOf[5].use[3]!./src/components/Sidebar.module.css ***!
+  \*****************************************************************************************************************************************************************************************************************************************************************************/
+.Sidebar_sidebar__v6daX {
+  width: 260px;
+  height: 100%;
+  background-color: var(--color-surface-2);
+  border-right: 1px solid var(--color-border);
+  display: flex;
+  flex-direction: column;
+  padding: 16px 0;
+  flex-shrink: 0;
+}
+
+.Sidebar_sectionTitle__v71N0 {
+  font-size: 10px;
+  font-weight: 800;
+  color: var(--text-secondary);
+  padding: 0 16px;
+  margin-bottom: 12px;
+  letter-spacing: 1px;
+  text-transform: uppercase;
+}
+
+.Sidebar_integrationsList__Mz7R6 {
+  display: flex;
+  flex-direction: column;
+  padding: 0 16px;
+  gap: 8px;
+}
+
+.Sidebar_initBtn__KkrCw {
+  background: var(--color-surface-3);
+  color: var(--text-primary);
+  border: 1px solid var(--color-border);
+  border-radius: 4px;
+  padding: 8px 12px;
+  font-size: 11px;
+  font-weight: 600;
+  cursor: pointer;
+  transition: all 0.2s ease;
+  text-align: left;
+  display: flex;
+  align-items: center;
+  gap: 8px;
+}
+
+.Sidebar_btnLogo__uEOD9 {
+  width: 14px;
+  height: 14px;
+  object-fit: contain;
+  filter: grayscale(1) brightness(1.5);
+  transition: all 0.2s ease;
+}
+
+.Sidebar_initBtn__KkrCw:hover .Sidebar_btnLogo__uEOD9 {
+  filter: none;
+}
+
+.Sidebar_initBtn__KkrCw:hover {
+  background: var(--color-accent);
+  color: white;
+  border-color: var(--color-accent);
+}
+
+.Sidebar_initHint__QUU2F {
+  background: rgba(0, 0, 0, 0.2);
+  padding: 8px;
+  border-radius: 4px;
+  font-size: 10px;
+  color: var(--color-success);
+  border: 1px solid var(--color-success);
+  margin-top: 4px;
+  line-height: 1.4;
+}
+
+.Sidebar_initHint__QUU2F code {
+  font-family: var(--font-mono);
+  background: rgba(255, 255, 255, 0.1);
+  padding: 2px 4px;
+  border-radius: 2px;
+  color: white;
+}
+
+.Sidebar_spacerSmall__mF0_K {
+  height: 24px;
+  flex-shrink: 0;
+}
+
+.Sidebar_teammatesList__3n2PV {
+  display: flex;
+  flex-direction: column;
+  padding: 0 16px;
+  gap: 12px;
+}
+
+.Sidebar_teammateCard__mmkB2 {
+  background: var(--color-surface-1);
+  border: 1px solid var(--color-border);
+  border-radius: 6px;
+  padding: 12px;
+}
+
+.Sidebar_profileIcon__7QzYq {
+  width: 20px;
+  height: 20px;
+  border-radius: 50%;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  color: #000;
+  font-weight: 800;
+  font-size: 10px;
+  flex-shrink: 0;
+}
+
+.Sidebar_tmHeader__FKS6u {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  margin-bottom: 8px;
+}
+
+.Sidebar_statusDot__paZ2a {
+  width: 10px;
+  height: 10px;
+  border-radius: 50%;
+}
+
+.Sidebar_green__WCM9A { background-color: var(--color-success); }
+.Sidebar_yellow__hNSP6 { background-color: var(--color-warning); }
+.Sidebar_grey__1o8nN { background-color: var(--text-muted); }
+
+.Sidebar_tmName__W2MJw {
+  font-weight: 600;
+  color: var(--text-primary);
+  font-size: 13px;
+}
+
+.Sidebar_tmDetails__jPx0r {
+  padding-left: 18px;
+  display: flex;
+  flex-direction: column;
+  gap: 4px;
+}
+
+.Sidebar_tmTool__TnKRI {
+  font-size: 11px;
+  color: var(--text-secondary);
+  font-weight: 600;
+}
+
+.Sidebar_tmFile__OMC_c {
+  font-size: 11px;
+  font-family: var(--font-mono);
+  color: var(--text-muted);
+}
+
+.Sidebar_tmMsg__1VjRS {
+  font-size: 11px;
+  color: var(--text-primary);
+  font-style: italic;
+  margin-top: 4px;
+}
+
+.Sidebar_spacer__jN5qO {
+  flex-grow: 1;
+}
+
+.Sidebar_proposalsList__WgVAD {
+  display: flex;
+  flex-direction: column;
+  padding: 0 16px;
+  gap: 12px;
+}
+
+.Sidebar_proposalItem__9R7rL {
+  display: flex;
+  gap: 8px;
+}
+
+.Sidebar_proposalIcon__tvyeZ {
+  font-size: 12px;
+  flex-shrink: 0;
+  margin-top: 2px;
+  color: var(--text-secondary);
+}
+
+.Sidebar_proposalContent__JZPfh {
+  display: flex;
+  flex-direction: column;
+  gap: 2px;
+}
+
+.Sidebar_proposalText__riGfH {
+  font-size: 11px;
+  color: var(--text-primary);
+  line-height: 1.4;
+}
+
+.Sidebar_proposalTime__ilapE {
+  font-size: 10px;
+  color: var(--text-muted);
+}
+
+/*!*******************************************************************************************************************************************************************************************************************************************************************************!*\
+  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[15].oneOf[5].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[15].oneOf[5].use[3]!./src/components/TaskQueue.module.css ***!
+  \*******************************************************************************************************************************************************************************************************************************************************************************/
+.TaskQueue_panel__data9 {
+  height: 100%;
+  display: flex;
+  flex-direction: column;
+  overflow: hidden;
+}
+
+.TaskQueue_count__6rJ5_ {
+  margin-left: auto;
+  color: var(--text-secondary);
+  font-weight: normal;
+  text-transform: none;
+  letter-spacing: 0;
+  float: right;
+}
+
+.TaskQueue_queueContainer__Z7t88 {
+  flex-grow: 1;
+  overflow-y: auto;
+  display: flex;
+  flex-direction: column;
+  gap: 12px;
+  padding-right: 4px;
+}
+
+.TaskQueue_taskCard__S8JmH {
+  background: var(--color-surface-2);
+  border: 1px solid var(--color-border);
+  border-left: 2px solid var(--color-active);
+  padding: 10px 12px;
+  border-radius: 4px;
+  position: relative;
+}
+
+.TaskQueue_voteBadge__zB5dE {
+  position: absolute;
+  top: 8px;
+  right: 8px;
+  font-size: 9px;
+  font-weight: 800;
+  background: var(--color-active);
+  color: #000000;
+  padding: 2px 6px;
+  border-radius: 4px;
+}
+
+.TaskQueue_taskTitle__E6fEH {
+  font-size: 12px;
+  font-weight: 600;
+  color: var(--text-primary);
+  margin-bottom: 4px;
+  padding-right: 32px;
+}
+
+.TaskQueue_taskMeta__IZCRN {
+  font-size: 10px;
+  color: var(--text-secondary);
+  margin-bottom: 4px;
+}
+
+.TaskQueue_taskMsg__wwuyU {
+  font-size: 11px;
+  color: var(--text-primary);
+  font-style: italic;
+  margin-bottom: 8px;
+}
+
+.TaskQueue_voteStats__H9Wqs {
+  font-size: 10px;
+  color: var(--text-secondary);
+  margin-bottom: 8px;
+  font-weight: 600;
+}
+
+.TaskQueue_voteActions__hfGZZ {
+  display: flex;
+  gap: 8px;
+}
+
+.TaskQueue_btnYes__Sci7F, .TaskQueue_btnNo__qu1yz, .TaskQueue_btnMsg__nAxDI {
+  flex: 1;
+  padding: 4px 0;
+  border-radius: 4px;
+  font-size: 10px;
+  cursor: pointer;
+  font-weight: 600;
+  border: none;
+}
+
+.TaskQueue_btnYes__Sci7F { background: rgba(16, 185, 129, 0.1); color: #10b981; border: 1px solid #10b981; box-shadow: 0 0 10px rgba(16, 185, 129, 0.15); }
+.TaskQueue_btnNo__qu1yz { background: rgba(239, 68, 68, 0.1); color: #ef4444; border: 1px solid #ef4444; box-shadow: 0 0 10px rgba(239, 68, 68, 0.15); }
+.TaskQueue_btnMsg__nAxDI { background: transparent; color: var(--text-primary); border: 1px solid var(--color-border); }
+
+/*!***********************************************************************************************************************************************************************************************************************************************************************************!*\
+  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[15].oneOf[5].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[15].oneOf[5].use[3]!./src/components/WorkspaceRail.module.css ***!
+  \***********************************************************************************************************************************************************************************************************************************************************************************/
+.WorkspaceRail_rail__7vAJJ {
+  width: 72px;
+  height: 100vh;
+  background-color: var(--color-surface-3);
+  display: flex;
+  flex-direction: column;
+  justify-content: space-between;
+  padding: 16px 0;
+  flex-shrink: 0;
+  border-right: 1px solid var(--color-border);
+  transition: width 0.2s cubic-bezier(0.4, 0, 0.2, 1);
+  overflow-x: hidden;
+}
+
+.WorkspaceRail_rail__7vAJJ.WorkspaceRail_expanded__98vNV {
+  width: 240px;
+}
+
+.WorkspaceRail_topSection__4__OY, .WorkspaceRail_bottomSection__gVik2 {
+  display: flex;
+  flex-direction: column;
+  gap: 12px;
+  width: 100%;
+}
+
+.WorkspaceRail_sectionTitle__RKOaV {
+  font-size: 10px;
+  font-weight: 800;
+  color: var(--text-secondary);
+  padding: 0 16px;
+  margin-top: 8px;
+  letter-spacing: 1px;
+  text-transform: uppercase;
+  white-space: nowrap;
+  animation: WorkspaceRail_fadeIn__G6CbP 0.2s ease forwards;
+}
+
+@keyframes WorkspaceRail_fadeIn__G6CbP {
+  from { opacity: 0; }
+  to { opacity: 1; }
+}
+
+.WorkspaceRail_itemWrapper__1uXMd {
+  display: flex;
+  align-items: center;
+  padding: 0 12px;
+  gap: 12px;
+  cursor: pointer;
+  border-radius: 8px;
+  margin: 0 4px;
+}
+
+.WorkspaceRail_itemWrapper__1uXMd:hover {
+  background-color: rgba(255, 255, 255, 0.05);
+}
+
+.WorkspaceRail_activeWrapper__r7pua {
+  background-color: rgba(255, 255, 255, 0.02);
+}
+
+.WorkspaceRail_itemText__yB_NL {
+  color: var(--text-primary);
+  font-size: 13px;
+  font-weight: 600;
+  white-space: nowrap;
+  animation: WorkspaceRail_fadeIn__G6CbP 0.2s ease forwards;
+}
+
+.WorkspaceRail_workspaceIcon__d_wIW {
+  width: 48px;
+  height: 48px;
+  border-radius: 24px;
+  background-color: var(--color-surface-1);
+  color: var(--text-primary);
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  font-weight: 800;
+  font-size: 14px;
+  flex-shrink: 0;
+  transition: all 0.2s ease;
+  border: 1px solid var(--color-border);
+}
+
+.WorkspaceRail_itemWrapper__1uXMd:hover .WorkspaceRail_workspaceIcon__d_wIW {
+  border-radius: 16px;
+  background-color: var(--color-active);
+  color: #000000;
+  border-color: var(--color-active);
+}
+
+.WorkspaceRail_workspaceIcon__d_wIW.WorkspaceRail_active__RqVud {
+  border-radius: 16px;
+  background-color: var(--color-active);
+  color: #000000;
+  border-color: var(--color-active);
+}
+
+.WorkspaceRail_separator__aGZ81 {
+  width: 32px;
+  height: 2px;
+  background-color: var(--color-border);
+  margin: 4px auto;
+  border-radius: 1px;
+}
+
+.WorkspaceRail_addWorkspace__YpvsM {
+  width: 48px;
+  height: 48px;
+  border-radius: 24px;
+  background-color: transparent;
+  color: var(--color-success);
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  font-size: 24px;
+  flex-shrink: 0;
+  border: 1px dashed var(--color-success);
+  transition: all 0.2s ease;
+}
+
+.WorkspaceRail_itemWrapper__1uXMd:hover .WorkspaceRail_addWorkspace__YpvsM {
+  border-radius: 16px;
+  background-color: rgba(255, 255, 255, 0.08);
+}
+
+.WorkspaceRail_allMemoriesIcon__iYSWM {
+  width: 48px;
+  height: 48px;
+  border-radius: 24px;
+  background-color: rgba(255, 255, 255, 0.08);
+  color: rgba(255, 255, 255, 0.82);
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  font-size: 16px;
+  font-weight: bold;
+  flex-shrink: 0;
+  border: 1px solid rgba(255, 255, 255, 0.3);
+  transition: all 0.2s ease;
+}
+
+.WorkspaceRail_itemWrapper__1uXMd:hover .WorkspaceRail_allMemoriesIcon__iYSWM {
+  border-radius: 16px;
+  background-color: rgba(255, 255, 255, 0.12);
+}
+
+.WorkspaceRail_actionIcon__SeSDf {
+  width: 48px;
+  height: 48px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  color: var(--text-secondary);
+  font-size: 20px;
+  flex-shrink: 0;
+}
+
+.WorkspaceRail_itemWrapper__1uXMd:hover .WorkspaceRail_actionIcon__SeSDf {
+  color: var(--text-primary);
+}
+
+.WorkspaceRail_profileAvatar__mzSdh {
+  width: 48px;
+  height: 48px;
+  border-radius: 24px;
+  background-color: var(--color-active);
+  color: #000000;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  font-weight: bold;
+  font-size: 18px;
+  flex-shrink: 0;
+  position: relative;
+}
+
+.WorkspaceRail_profileAvatar__mzSdh::after {
+  content: '';
+  position: absolute;
+  bottom: 0;
+  right: 0;
+  width: 14px;
+  height: 14px;
+  background-color: var(--color-success);
+  border: 3px solid var(--color-surface-3);
+  border-radius: 50%;
+}
+