opus-react 0.2.33 → 0.2.38

package/dist/index.css

@@ -79,7 +79,7 @@
 
 .opus_lZkc26_primary {
   border-color: color-mix(in srgb, var(--opus-accent) 72%, #fff);
-  background: var(--opus-accent);
+  background: color-mix(in srgb, var(--opus-accent) 65%, #11132b);
   color: var(--opus-accent-contrast, #fff);
 }
 
@@ -1450,7 +1450,7 @@
 }
 
 .opus_X6xFEA_selected {
-  --choice-chip-bg: var(--opus-accent);
+  --choice-chip-bg: color-mix(in srgb, var(--opus-accent) 65%, #11132b);
   --choice-chip-border: color-mix(in srgb, var(--opus-accent) 82%, white);
   --choice-chip-color: var(--opus-accent-contrast);
   box-shadow: 0 14px 30px color-mix(in srgb, var(--opus-accent) 28%, transparent);
@@ -2751,7 +2751,7 @@
 }
 
 .opus_ZHwfiN_segmentActive {
-  background: var(--opus-accent);
+  background: color-mix(in srgb, var(--opus-accent) 65%, #11132b);
   color: #fff;
   box-shadow: 0 8px 18px color-mix(in srgb, var(--opus-accent) 28%, transparent);
 }
@@ -4435,7 +4435,7 @@
 .opus_Y_ikQV_featuredAction {
   border: 1px solid color-mix(in srgb, var(--opus-accent) 58%, transparent);
   border-radius: var(--opus-input-radius);
-  background: var(--opus-accent);
+  background: color-mix(in srgb, var(--opus-accent) 65%, #11132b);
   min-height: 32px;
   color: var(--opus-accent-contrast);
   cursor: pointer;
@@ -6358,7 +6358,8 @@
   width: 260px;
   min-width: 260px;
   max-width: 260px;
-  height: auto;
+  height: 154px;
+  margin-inline: auto;
   position: relative;
   overflow: hidden;
 }
@@ -8516,7 +8517,7 @@
   min-height: var(--opus-control-height);
   border: 1px solid color-mix(in srgb, var(--opus-accent) 58%, transparent);
   border-radius: var(--opus-input-radius);
-  background: var(--opus-accent);
+  background: color-mix(in srgb, var(--opus-accent) 65%, #11132b);
   color: var(--opus-accent-contrast);
   cursor: pointer;
   font: inherit;
@@ -9448,6 +9449,104 @@
   display: grid;
 }
 
+/* components/ResizeHandle/ResizeHandle.module.css */
+.opus_PaKREB_handle {
+  z-index: 1;
+  background: color-mix(in srgb, var(--opus-border) 62%, transparent);
+  touch-action: none;
+  border: 0;
+  flex: 0 0 8px;
+  padding: 0;
+  position: relative;
+}
+
+.opus_PaKREB_handle[data-orientation="vertical"] {
+  cursor: col-resize;
+  width: 8px;
+  min-width: 8px;
+}
+
+.opus_PaKREB_handle[data-orientation="horizontal"] {
+  cursor: row-resize;
+  height: 8px;
+  min-height: 8px;
+}
+
+.opus_PaKREB_handle[data-background="none"] {
+  background: none;
+}
+
+.opus_PaKREB_handle[data-background="accent"] {
+  background: color-mix(in srgb, var(--opus-accent) 14%, transparent);
+}
+
+.opus_PaKREB_handle[data-background="contrast"] {
+  background: color-mix(in srgb, var(--opus-text) 12%, transparent);
+}
+
+.opus_PaKREB_handle:hover, .opus_PaKREB_handle:focus-visible {
+  background: color-mix(in srgb, var(--opus-border) 72%, transparent);
+}
+
+.opus_PaKREB_handle[data-background="none"]:hover, .opus_PaKREB_handle[data-background="none"]:focus-visible {
+  background: none;
+}
+
+.opus_PaKREB_handle:after {
+  content: "";
+  background: color-mix(in srgb, var(--opus-muted) 45%, transparent);
+  border-radius: 999px;
+  transition: background .16s, inset .16s;
+  position: absolute;
+}
+
+.opus_PaKREB_handle[data-orientation="vertical"]:after {
+  inset: 26% 3px;
+}
+
+.opus_PaKREB_handle[data-orientation="horizontal"]:after {
+  inset: 3px 26%;
+}
+
+.opus_PaKREB_handle[data-orientation="vertical"][data-height="short"]:after {
+  inset: 38% 3px;
+}
+
+.opus_PaKREB_handle[data-orientation="vertical"][data-height="tall"]:after {
+  inset: 14% 3px;
+}
+
+.opus_PaKREB_handle[data-orientation="vertical"][data-height="full"]:after {
+  inset: 5% 3px;
+}
+
+.opus_PaKREB_handle[data-orientation="horizontal"][data-height="short"]:after {
+  inset: 3px 38%;
+}
+
+.opus_PaKREB_handle[data-orientation="horizontal"][data-height="tall"]:after {
+  inset: 3px 14%;
+}
+
+.opus_PaKREB_handle[data-orientation="horizontal"][data-height="full"]:after {
+  inset: 3px 5%;
+}
+
+.opus_PaKREB_handle[data-orientation="vertical"]:hover:after, .opus_PaKREB_handle[data-orientation="vertical"]:focus-visible:after {
+  background: color-mix(in srgb, var(--opus-accent) 68%, transparent);
+  inset: 12% 2px;
+}
+
+.opus_PaKREB_handle[data-orientation="horizontal"]:hover:after, .opus_PaKREB_handle[data-orientation="horizontal"]:focus-visible:after {
+  background: color-mix(in srgb, var(--opus-accent) 68%, transparent);
+  inset: 2px 12%;
+}
+
+.opus_PaKREB_handle:focus-visible {
+  box-shadow: inset 0 0 0 2px color-mix(in srgb, var(--opus-accent) 45%, transparent);
+  outline: none;
+}
+
 /* components/Splitter/Splitter.module.css */
 .opus_Khgx9s_root {
   border: 1px solid var(--opus-border);
@@ -9490,40 +9589,6 @@
   overflow: auto;
 }
 
-.opus_Khgx9s_handle {
-  background: color-mix(in srgb, var(--opus-muted) 16%, transparent);
-  cursor: col-resize;
-  border: 0;
-  flex: 0 0 8px;
-  padding: 0;
-  position: relative;
-}
-
-.opus_Khgx9s_root[data-orientation="vertical"] .opus_Khgx9s_handle {
-  cursor: row-resize;
-}
-
-.opus_Khgx9s_handle:after {
-  content: "";
-  background: color-mix(in srgb, var(--opus-muted) 55%, transparent);
-  border-radius: 999px;
-  position: absolute;
-  inset: 20% 2px;
-}
-
-.opus_Khgx9s_root[data-orientation="vertical"] .opus_Khgx9s_handle:after {
-  inset: 2px 20%;
-}
-
-.opus_Khgx9s_handle:hover, .opus_Khgx9s_handle:focus-visible {
-  background: color-mix(in srgb, var(--opus-accent) 22%, transparent);
-}
-
-.opus_Khgx9s_handle:focus-visible {
-  box-shadow: 0 0 0 3px color-mix(in srgb, var(--opus-accent) 24%, transparent);
-  outline: none;
-}
-
 .opus_Khgx9s_srOnly {
   clip: rect(0, 0, 0, 0);
   white-space: nowrap;
@@ -9637,46 +9702,319 @@
   overflow: auto;
 }
 
-/* components/ScrollArea/ScrollArea.module.css */
-.opus__ZaCog_root {
+/* components/CustomScrollbar/CustomScrollbar.module.css */
+.opus_I9wQcM_root {
   width: 100%;
   min-width: 0;
+  height: 100%;
+  max-height: inherit;
+  position: relative;
   overflow: hidden;
 }
 
-.opus__ZaCog_viewport {
+.opus_I9wQcM_viewport {
   width: 100%;
   height: 100%;
   max-height: inherit;
   overscroll-behavior: contain;
+  scrollbar-width: none;
+}
+
+.opus_I9wQcM_viewport::-webkit-scrollbar {
+  width: 0;
+  height: 0;
+  display: none;
 }
 
-.opus__ZaCog_root[data-orientation="vertical"] .opus__ZaCog_viewport {
+.opus_I9wQcM_root[data-orientation="vertical"] > .opus_I9wQcM_viewport {
   overflow: hidden auto;
 }
 
-.opus__ZaCog_root[data-orientation="horizontal"] .opus__ZaCog_viewport {
+.opus_I9wQcM_root[data-orientation="horizontal"] > .opus_I9wQcM_viewport {
   overflow: auto hidden;
 }
 
-.opus__ZaCog_root[data-orientation="both"] .opus__ZaCog_viewport {
+.opus_I9wQcM_root[data-orientation="both"] > .opus_I9wQcM_viewport {
   overflow: auto;
 }
 
-.opus__ZaCog_viewport::-webkit-scrollbar {
-  width: 10px;
-  height: 10px;
+.opus_I9wQcM_content {
+  min-width: 100%;
+  height: 100%;
+  min-height: 100%;
+}
+
+.opus_I9wQcM_track {
+  z-index: 2;
+  border: 1px solid color-mix(in srgb, var(--opus-accent) 22%, transparent);
+  background: linear-gradient(180deg, color-mix(in srgb, var(--opus-accent) 8%, transparent), transparent),
+    color-mix(in srgb, var(--opus-input-bg) 72%, transparent);
+  opacity: 1;
+  touch-action: none;
+  user-select: none;
+  border-radius: 999px;
+  transition: opacity .15s, background .15s;
+  position: absolute;
+}
+
+.opus_I9wQcM_track[data-axis="y"] {
+  width: var(--custom-scrollbar-size, 10px);
+  top: 2px;
+  bottom: 2px;
+  right: 2px;
+}
+
+.opus_I9wQcM_track[data-axis="x"] {
+  height: var(--custom-scrollbar-size, 10px);
+  bottom: 2px;
+  left: 2px;
+  right: 2px;
+}
+
+.opus_I9wQcM_root[data-vertical-track-shape="square"] > .opus_I9wQcM_track[data-axis="y"], .opus_I9wQcM_root[data-horizontal-track-shape="square"] > .opus_I9wQcM_track[data-axis="x"], .opus_I9wQcM_root[data-vertical-thumb-shape="square"] > .opus_I9wQcM_track[data-axis="y"] > .opus_I9wQcM_thumb, .opus_I9wQcM_root[data-horizontal-thumb-shape="square"] > .opus_I9wQcM_track[data-axis="x"] > .opus_I9wQcM_thumb {
+  border-radius: 0;
 }
 
-.opus__ZaCog_viewport::-webkit-scrollbar-thumb {
+.opus_I9wQcM_root[data-both-scrollbars="true"] > .opus_I9wQcM_track[data-axis="y"] {
+  bottom: calc(var(--custom-scrollbar-size, 10px) + 6px);
+}
+
+.opus_I9wQcM_root[data-both-scrollbars="true"] > .opus_I9wQcM_track[data-axis="x"] {
+  right: calc(var(--custom-scrollbar-size, 10px) + 6px);
+}
+
+.opus_I9wQcM_thumb {
   background-clip: padding-box;
-  background-color: color-mix(in srgb, var(--opus-muted) 45%, transparent);
+  background-image: linear-gradient(180deg,
+    color-mix(in srgb, var(--opus-accent) 72%, white 12%),
+    color-mix(in srgb, var(--opus-accent) 68%, #252044));
+  box-shadow: 0 0 0 1px color-mix(in srgb, var(--opus-accent) 30%, transparent),
+    0 0 12px color-mix(in srgb, var(--opus-accent) 22%, transparent);
+  cursor: grab;
+  touch-action: none;
   border: 2px solid #0000;
   border-radius: 999px;
+  transition: border-width .12s, filter .12s;
+  position: relative;
+}
+
+.opus_I9wQcM_track[data-axis="y"] .opus_I9wQcM_thumb {
+  width: 100%;
+}
+
+.opus_I9wQcM_track[data-axis="x"] .opus_I9wQcM_thumb {
+  height: 100%;
+}
+
+.opus_I9wQcM_track[data-axis="y"] .opus_I9wQcM_thumb[data-grabbing="true"] {
+  filter: brightness(1.2);
+  border-width: 0;
+  width: 100%;
+}
+
+.opus_I9wQcM_track[data-axis="x"] .opus_I9wQcM_thumb[data-grabbing="true"] {
+  filter: brightness(1.2);
+  border-width: 0;
+  height: 100%;
+}
+
+.opus_I9wQcM_cornerDot {
+  z-index: 3;
+  width: var(--custom-scrollbar-size, 10px);
+  height: var(--custom-scrollbar-size, 10px);
+  border: 1px solid color-mix(in srgb, var(--opus-accent) 22%, transparent);
+  background: linear-gradient(180deg, color-mix(in srgb, var(--opus-accent) 8%, transparent), transparent),
+    color-mix(in srgb, var(--opus-input-bg) 72%, transparent);
+  opacity: 1;
+  pointer-events: none;
+  border-radius: 50%;
+  transition: opacity .15s;
+  position: absolute;
+  bottom: 2px;
+  right: 2px;
+}
+
+.opus_I9wQcM_root[data-vertical-track-shape="square"][data-horizontal-track-shape="round"] > .opus_I9wQcM_cornerDot {
+  border-radius: 50% 50% 0 0;
+}
+
+.opus_I9wQcM_root[data-vertical-track-shape="round"][data-horizontal-track-shape="square"] > .opus_I9wQcM_cornerDot {
+  border-radius: 50% 0 0 50%;
+}
+
+.opus_I9wQcM_root[data-vertical-track-shape="square"][data-horizontal-track-shape="square"] > .opus_I9wQcM_cornerDot {
+  border-radius: 0;
+}
+
+.opus_I9wQcM_thumb:hover, .opus_I9wQcM_thumb:focus-visible {
+  filter: brightness(1.16);
+  outline: none;
+}
+
+.opus_I9wQcM_thumb:focus-visible {
+  box-shadow: 0 0 0 2px color-mix(in srgb, var(--opus-accent) 34%, transparent);
+}
+
+.opus_I9wQcM_thumb:active {
+  cursor: grabbing;
+}
+
+.opus_I9wQcM_root[data-auto-hide="true"] > .opus_I9wQcM_track, .opus_I9wQcM_root[data-auto-hide="true"] > .opus_I9wQcM_cornerDot {
+  opacity: 0;
+}
+
+.opus_I9wQcM_root[data-auto-hide="true"][data-active="true"] > .opus_I9wQcM_track, .opus_I9wQcM_root[data-auto-hide="true"][data-active="true"] > .opus_I9wQcM_cornerDot {
+  opacity: 1;
+}
+
+@media (prefers-reduced-motion: reduce) {
+  .opus_I9wQcM_track, .opus_I9wQcM_cornerDot {
+    transition: none;
+  }
+}
+
+/* components/ThreePaneLayout/ThreePaneLayout.module.css */
+.opus_DtnFdK_root {
+  --three-pane-left-width: 260px;
+  --three-pane-right-width: 320px;
+  grid-template-columns: var(--three-pane-left-width)
+    minmax(0, 1fr)
+    var(--three-pane-right-width);
+  width: 100%;
+  min-width: 0;
+  min-height: 320px;
+  color: var(--opus-text);
+  display: grid;
+  overflow: hidden;
+}
+
+.opus_DtnFdK_root[data-transitions="true"] {
+  transition: grid-template-columns .24s cubic-bezier(.2, 0, 0, 1);
+}
+
+.opus_DtnFdK_root[data-persistence-ready="false"] {
+  visibility: hidden;
+}
+
+.opus_DtnFdK_root[data-motion-ready="false"], .opus_DtnFdK_root[data-motion-ready="false"] *, .opus_DtnFdK_root[data-motion-ready="false"] :before, .opus_DtnFdK_root[data-motion-ready="false"] :after {
+  scroll-behavior: auto !important;
+  transition: none !important;
+  animation: none !important;
+}
+
+.opus_DtnFdK_root[data-has-left="true"] {
+  grid-template-columns: var(--three-pane-left-width)
+    8px
+    minmax(0, 1fr)
+    var(--three-pane-right-width);
+}
+
+.opus_DtnFdK_root[data-has-right="true"] {
+  grid-template-columns: var(--three-pane-left-width)
+    minmax(0, 1fr)
+    8px
+    var(--three-pane-right-width);
+}
+
+.opus_DtnFdK_root[data-has-left="true"][data-has-right="true"] {
+  grid-template-columns: var(--three-pane-left-width)
+    8px
+    minmax(0, 1fr)
+    8px
+    var(--three-pane-right-width);
+}
+
+.opus_DtnFdK_root[data-has-left="false"] {
+  --three-pane-left-width: 0px;
+}
+
+.opus_DtnFdK_root[data-resizing="true"] {
+  transition: none;
+}
+
+.opus_DtnFdK_root[data-has-right="false"] {
+  --three-pane-right-width: 0px;
+}
+
+.opus_DtnFdK_sidebar, .opus_DtnFdK_content {
+  min-width: 0;
+  min-height: 0;
+  overflow: hidden;
+}
+
+.opus_DtnFdK_sidebar {
+  color: var(--opus-text);
+  font-size: .82rem;
+}
+
+.opus_DtnFdK_sidebar[data-side="left"] {
+  grid-column: 1 / 2;
+}
+
+.opus_DtnFdK_sidebar[data-side="right"] {
+  grid-column: 4 / 5;
+}
+
+.opus_DtnFdK_content {
+  grid-column: 1 / -1;
+}
+
+.opus_DtnFdK_root[data-has-left="true"] .opus_DtnFdK_content {
+  grid-column: 3 / 4;
+}
+
+.opus_DtnFdK_root[data-has-right="true"] .opus_DtnFdK_content {
+  grid-column: 2 / 3;
+}
+
+.opus_DtnFdK_root[data-has-left="true"][data-has-right="true"] .opus_DtnFdK_content {
+  grid-column: 3 / 4;
+}
+
+.opus_DtnFdK_handle[data-side="left"] {
+  grid-column: 2 / 3;
+}
+
+.opus_DtnFdK_handle {
+  margin-block: var(--three-pane-handle-margin-block, 0px);
+  border-radius: var(--three-pane-handle-radius, 0px);
+}
+
+.opus_DtnFdK_handle[data-side="right"] {
+  grid-column: 3 / 4;
+}
+
+.opus_DtnFdK_root[data-has-left="true"] .opus_DtnFdK_handle[data-side="right"] {
+  grid-column: 4 / 5;
+}
+
+.opus_DtnFdK_root[data-has-left="true"] .opus_DtnFdK_sidebar[data-side="right"] {
+  grid-column: 5 / 6;
+}
+
+@media (width <= 860px) {
+  .opus_DtnFdK_root, .opus_DtnFdK_root[data-has-left="true"], .opus_DtnFdK_root[data-has-right="true"], .opus_DtnFdK_root[data-has-left="true"][data-has-right="true"] {
+    grid-template-columns: 1fr;
+    grid-auto-rows: auto;
+  }
+
+  .opus_DtnFdK_handle {
+    display: none;
+  }
+
+  .opus_DtnFdK_sidebar, .opus_DtnFdK_content, .opus_DtnFdK_handle[data-side="left"], .opus_DtnFdK_handle[data-side="right"], .opus_DtnFdK_root[data-has-left="true"] .opus_DtnFdK_handle[data-side="right"], .opus_DtnFdK_root[data-has-left="true"] .opus_DtnFdK_sidebar[data-side="right"] {
+    grid-column: 1 / -1;
+  }
+
+  .opus_DtnFdK_sidebar[data-side="left"], .opus_DtnFdK_sidebar[data-side="right"] {
+    border: 0;
+  }
 }
 
-.opus__ZaCog_viewport::-webkit-scrollbar-thumb:hover {
-  background-color: color-mix(in srgb, var(--opus-muted) 70%, transparent);
+@media (prefers-reduced-motion: reduce) {
+  .opus_DtnFdK_root {
+    transition: none;
+  }
 }
 
 /* components/AspectRatio/AspectRatio.module.css */
@@ -10045,7 +10383,7 @@
 }
 
 .opus_TVuiQN_main, .opus_TVuiQN_caret {
-  background: var(--opus-accent);
+  background: color-mix(in srgb, var(--opus-accent) 65%, #11132b);
   color: #fff;
   font: inherit;
   cursor: pointer;
@@ -10390,6 +10728,7 @@
   background: none;
   border: 0;
   justify-content: start;
+  align-items: start;
   gap: 12px;
   width: 100%;
   min-width: 0;
@@ -10409,10 +10748,13 @@
   height: var(--tile-size);
 }
 
+.opus_zD82gC_tileItem {
+  min-width: 0;
+}
+
 .opus_zD82gC_row[data-layout="fill"] .opus_zD82gC_tile {
-  aspect-ratio: 1;
   width: 100%;
-  height: auto;
+  height: var(--tile-size);
 }
 
 @media (width <= 900px) {
@@ -10431,10 +10773,12 @@
   --tile-highlight: color-mix(in srgb, var(--tile-accent) 42%, transparent);
   --tile-sheen: color-mix(in srgb, var(--tile-fill) 88%, #fff 6%);
   --tile-depth: color-mix(in srgb, var(--tile-fill) 82%, #000 18%);
+  --stat-tile-height: 6.75rem;
+  width: min(100%, 12.75rem);
+  height: var(--stat-tile-height);
   border: 1px solid color-mix(in srgb, var(--tile-accent) 22%, transparent);
   background: radial-gradient(70% 55% at 50% 38%, color-mix(in srgb, var(--tile-glow) 18%, transparent), transparent 70%),
     linear-gradient(165deg, var(--tile-sheen), var(--tile-fill) 52%, var(--tile-depth));
-  width: min(100%, 12.75rem);
   min-width: 0;
   max-width: 12.75rem;
   box-shadow: inset 0 1px 0 var(--tile-highlight);
@@ -10446,8 +10790,8 @@
   border-radius: 14px;
   justify-content: space-between;
   align-items: flex-start;
-  gap: 12px;
-  padding: 16px 14px;
+  gap: 10px;
+  padding: 12px;
   transition: transform .16s, border-color .16s, box-shadow .16s;
   display: flex;
 }
@@ -10508,7 +10852,7 @@
 .opus_8DpwUV_body {
   flex-direction: column;
   flex: auto;
-  gap: 10px;
+  gap: 6px;
   min-width: 0;
   display: flex;
 }
@@ -10516,7 +10860,7 @@
 .opus_8DpwUV_label {
   color: var(--tile-muted);
   margin: 0;
-  font-size: .92rem;
+  font-size: .82rem;
   font-weight: 600;
   line-height: 1.2;
 }
@@ -10525,14 +10869,14 @@
   color: var(--tile-label);
   letter-spacing: -.03em;
   margin: 0;
-  font-size: 1.6rem;
+  font-size: 1.38rem;
   font-weight: 700;
   line-height: 1;
 }
 
 .opus_8DpwUV_meta {
   flex-direction: column;
-  gap: 4px;
+  gap: 3px;
   display: flex;
 }
 
@@ -10540,7 +10884,7 @@
   align-items: center;
   gap: 4px;
   width: fit-content;
-  font-size: .86rem;
+  font-size: .78rem;
   font-weight: 700;
   line-height: 1;
   display: inline-flex;
@@ -10557,19 +10901,19 @@
 .opus_8DpwUV_comparison {
   color: var(--tile-muted);
   margin: 0;
-  font-size: .78rem;
+  font-size: .7rem;
   font-weight: 500;
   line-height: 1.2;
 }
 
 .opus_8DpwUV_icon {
-  width: 52px;
-  height: 52px;
+  width: 44px;
+  height: 44px;
   filter: drop-shadow(0 0 7px color-mix(in srgb, var(--tile-glow) 80%, transparent))
     drop-shadow(0 0 16px color-mix(in srgb, var(--tile-glow) 45%, transparent));
   flex: none;
   place-items: center;
-  font-size: 2.2rem;
+  font-size: 1.9rem;
   line-height: 1;
   display: inline-grid;
 }
@@ -10605,11 +10949,13 @@
 /* components/StatTiles/StatTiles.module.css */
 .opus_uhJd8v_row {
   --stat-tile-size: 12.75rem;
+  --stat-tile-height: 6.75rem;
   grid-auto-flow: column;
   grid-auto-columns: var(--stat-tile-size);
   background: none;
   border: 0;
   justify-content: start;
+  align-items: start;
   gap: 12px;
   width: 100%;
   min-width: 0;
@@ -10628,6 +10974,10 @@
   width: var(--stat-tile-size);
 }
 
+.opus_uhJd8v_statTileItem {
+  min-width: 0;
+}
+
 .opus_uhJd8v_row[data-layout="fill"] .opus_uhJd8v_statTile {
   width: 100%;
   max-width: none;
@@ -11074,7 +11424,9 @@
 }
 
 .opus_8R-PJ3_footer {
-  border-top: 1px solid color-mix(in srgb, var(--dashboard-section-text) 10%, transparent);
+  border-top: 1px solid color-mix(in srgb,
+    var(--dashboard-section-text, var(--opus-text)) 10%,
+    transparent);
   padding-top: 10px;
 }
 
@@ -11448,6 +11800,164 @@
   overflow: hidden;
 }
 
+/* components/NoteTag/NoteTag.module.css */
+.opus__ZnbtA_tag {
+  letter-spacing: .01em;
+  white-space: nowrap;
+  border-radius: 999px;
+  align-items: center;
+  gap: 5px;
+  min-height: 1.35rem;
+  padding: 0 8px;
+  font-size: .62rem;
+  font-weight: 700;
+  line-height: 1;
+  display: inline-flex;
+}
+
+.opus__ZnbtA_tag[data-size="sm"] {
+  min-height: 1.2rem;
+  padding: 0 7px;
+  font-size: .58rem;
+}
+
+.opus__ZnbtA_tag[data-selected="true"] {
+  box-shadow: inset 0 0 0 1px;
+}
+
+.opus__ZnbtA_tag[data-tone="purple"] {
+  color: #c4b5fd;
+  background: #7c3aed3d;
+}
+
+.opus__ZnbtA_tag[data-tone="orange"] {
+  color: #fdba74;
+  background: #f9731638;
+}
+
+.opus__ZnbtA_tag[data-tone="green"] {
+  color: #86efac;
+  background: #22c55e33;
+}
+
+.opus__ZnbtA_tag[data-tone="blue"] {
+  color: #93c5fd;
+  background: #3b82f638;
+}
+
+.opus__ZnbtA_tag[data-tone="cyan"] {
+  color: #67e8f9;
+  background: #06b6d438;
+}
+
+.opus__ZnbtA_tag[data-tone="pink"] {
+  color: #f9a8d4;
+  background: #ec489938;
+}
+
+.opus__ZnbtA_tag[data-tone="red"] {
+  color: #fca5a5;
+  background: #ef444438;
+}
+
+.opus__ZnbtA_tag[data-tone="slate"] {
+  color: #cbd5e1;
+  background: #94a3b833;
+}
+
+.opus__ZnbtA_tag[data-tone="teal"] {
+  color: #5eead4;
+  background: #14b8a638;
+}
+
+.opus__ZnbtA_tag[data-tone="yellow"] {
+  color: #fde68a;
+  background: #eab30838;
+}
+
+.opus__ZnbtA_removeButton {
+  background: color-mix(in srgb, currentColor 12%, transparent);
+  width: .85rem;
+  height: .85rem;
+  color: inherit;
+  font: inherit;
+  cursor: pointer;
+  border: 0;
+  border-radius: 999px;
+  justify-content: center;
+  align-items: center;
+  margin-right: -3px;
+  padding: 0;
+  font-size: .52rem;
+  line-height: 1;
+  display: inline-flex;
+}
+
+.opus__ZnbtA_removeButton:hover, .opus__ZnbtA_removeButton:focus-visible {
+  background: color-mix(in srgb, currentColor 22%, transparent);
+  outline: none;
+}
+
+.opus__ZnbtA_list {
+  flex-wrap: wrap;
+  align-items: center;
+  gap: 6px;
+  min-width: 0;
+  display: flex;
+}
+
+.opus__ZnbtA_picker {
+  display: inline-flex;
+  position: relative;
+}
+
+.opus__ZnbtA_menu {
+  z-index: 40;
+  border: 1px solid color-mix(in srgb, var(--opus-accent) 28%, var(--dashboard-section-border, var(--opus-border)));
+  background: color-mix(in srgb, var(--dashboard-section-bg, var(--opus-bg)) 86%, transparent);
+  backdrop-filter: blur(12px);
+  border-radius: 12px;
+  gap: 8px;
+  width: max-content;
+  min-width: 13.5rem;
+  max-width: min(20rem, 80vw);
+  padding: 10px;
+  display: grid;
+  position: absolute;
+  bottom: calc(100% + 8px);
+  left: 0;
+  box-shadow: 0 16px 40px #02061752;
+}
+
+.opus__ZnbtA_menuHeader {
+  color: var(--dashboard-section-text, var(--opus-text));
+  letter-spacing: .12em;
+  text-transform: uppercase;
+  font-size: .62rem;
+  font-weight: 800;
+}
+
+.opus__ZnbtA_options {
+  flex-wrap: wrap;
+  gap: 6px;
+  display: flex;
+}
+
+.opus__ZnbtA_option {
+  cursor: pointer;
+  background: none;
+  border: 0;
+  border-radius: 999px;
+  min-width: 0;
+  padding: 2px;
+  display: inline-flex;
+}
+
+.opus__ZnbtA_option:hover, .opus__ZnbtA_option:focus-visible, .opus__ZnbtA_option[data-selected="true"] {
+  background: color-mix(in srgb, var(--opus-accent) 15%, transparent);
+  outline: none;
+}
+
 /* components/NoteComposer/NoteComposer.module.css */
 .opus_pQVlNo_root {
   --note-composer-text: var(--dashboard-section-text, var(--opus-text));
@@ -11486,7 +11996,12 @@
   outline: none;
 }
 
+.opus_pQVlNo_selectedTags {
+  margin-top: -2px;
+}
+
 .opus_pQVlNo_footer {
+  flex-wrap: wrap;
   justify-content: space-between;
   align-items: center;
   gap: 10px;
@@ -11528,6 +12043,8 @@
   background: #7c3aed;
   border: 0;
   border-radius: 8px;
+  flex: none;
+  margin-left: auto;
   padding: 0 14px;
   font-size: .72rem;
   font-weight: 700;
@@ -11555,7 +12072,14 @@
 
 /* components/ContentTimeline/ContentTimeline.module.css */
 .opus_vApy-v_list {
-  grid-template-columns: 2rem minmax(0, 1fr);
+  --timeline-avatar-size: 3rem;
+  --timeline-hover-left: -10px;
+  --timeline-hover-right: 0px;
+  --timeline-hover-radius: 14px;
+  --timeline-title-line: calc(.78rem * 1.2);
+  --timeline-avatar-body-offset: calc((var(--timeline-avatar-size) - var(--timeline-title-line)) / 2);
+  grid-template-columns: var(--timeline-avatar-size) minmax(0, 1fr);
+  align-content: start;
   column-gap: 10px;
   width: 100%;
   margin: 0;
@@ -11569,13 +12093,13 @@
   letter-spacing: .04em;
   text-transform: uppercase;
   grid-column: 1 / -1;
-  margin: 0;
+  margin: 0 0 10px;
   font-size: .68rem;
   font-weight: 700;
 }
 
 .opus_vApy-v_groupLabel:not(:first-child) {
-  padding-top: 4px;
+  padding-top: 10px;
 }
 
 .opus_vApy-v_item {
@@ -11588,11 +12112,14 @@
 
 .opus_vApy-v_item[data-clickable="true"] {
   cursor: pointer;
-  border-radius: 10px;
+  box-sizing: border-box;
+  user-select: none;
+  border-radius: 12px;
+  padding: 0;
 }
 
-.opus_vApy-v_item[data-clickable="true"]:hover {
-  background: color-mix(in srgb, var(--dashboard-section-text, var(--opus-text)) 4%, transparent);
+.opus_vApy-v_item[data-clickable="true"] :is(input, textarea, select, [contenteditable="true"]) {
+  user-select: text;
 }
 
 .opus_vApy-v_item[data-clickable="true"]:focus-visible {
@@ -11610,15 +12137,21 @@
 }
 
 .opus_vApy-v_markerSlot {
+  width: var(--timeline-avatar-size);
+  height: var(--timeline-avatar-size);
   flex-shrink: 0;
   justify-content: center;
   align-items: center;
-  width: 2rem;
-  height: 2rem;
   display: flex;
 }
 
-.opus_vApy-v_dot {
+.opus_vApy-v_item[data-marker="dot"] .opus_vApy-v_markerSlot {
+  box-sizing: border-box;
+  height: calc(.936rem + 10px);
+  padding-top: 5px;
+}
+
+.opus_vApy-v_dot, .opus_vApy-v_statusDot {
   background: var(--opus-accent);
   width: 10px;
   height: 10px;
@@ -11627,68 +12160,135 @@
   flex-shrink: 0;
 }
 
-.opus_vApy-v_item[data-status="success"] .opus_vApy-v_dot {
+.opus_vApy-v_item[data-status="success"] :is(.opus_vApy-v_dot, .opus_vApy-v_statusDot) {
   background: #16a34a;
   box-shadow: 0 0 0 3px #22c55e2e;
 }
 
-.opus_vApy-v_item[data-status="warning"] .opus_vApy-v_dot {
+.opus_vApy-v_item[data-status="warning"] :is(.opus_vApy-v_dot, .opus_vApy-v_statusDot) {
   background: #d97706;
   box-shadow: 0 0 0 3px #f59e0b2e;
 }
 
-.opus_vApy-v_item[data-status="danger"] .opus_vApy-v_dot {
+.opus_vApy-v_item[data-status="danger"] :is(.opus_vApy-v_dot, .opus_vApy-v_statusDot) {
   background: #dc2626;
   box-shadow: 0 0 0 3px #ef44442e;
 }
 
-.opus_vApy-v_item[data-status="muted"] .opus_vApy-v_dot {
+.opus_vApy-v_item[data-status="muted"] :is(.opus_vApy-v_dot, .opus_vApy-v_statusDot) {
   background: var(--opus-muted);
   box-shadow: 0 0 0 3px color-mix(in srgb, var(--opus-muted) 16%, transparent);
 }
 
 .opus_vApy-v_line {
   background: color-mix(in srgb, var(--opus-border) 92%, transparent);
+  border-radius: 999px;
   flex: auto;
   width: 2px;
   min-height: 16px;
+  margin-top: -2px;
 }
 
 .opus_vApy-v_body {
   min-width: 0;
-  padding-top: 5px;
+  padding-top: 0;
   padding-bottom: 18px;
 }
 
+.opus_vApy-v_item[data-has-children="true"] > .opus_vApy-v_body {
+  padding-bottom: 4px;
+}
+
+.opus_vApy-v_content {
+  z-index: 0;
+  border-radius: var(--timeline-hover-radius);
+  isolation: isolate;
+  padding: 0;
+  position: relative;
+}
+
+.opus_vApy-v_content:before {
+  content: "";
+  z-index: 0;
+  inset: -10px var(--timeline-hover-right) -4px var(--timeline-hover-left);
+  border-radius: var(--timeline-hover-radius);
+  pointer-events: none;
+  background: none;
+  position: absolute;
+}
+
+.opus_vApy-v_content[data-has-footer="true"]:before {
+  inset: -10px var(--timeline-hover-right) -10px var(--timeline-hover-left);
+  border-radius: calc(var(--timeline-hover-radius) + 2px);
+}
+
+.opus_vApy-v_item[data-clickable="true"]:hover > .opus_vApy-v_body > .opus_vApy-v_content:before {
+  background: color-mix(in srgb, var(--dashboard-section-text, var(--opus-text)) 4%, transparent);
+}
+
+.opus_vApy-v_content > * {
+  z-index: 1;
+  position: relative;
+}
+
 .opus_vApy-v_item:last-child .opus_vApy-v_body {
   padding-bottom: 0;
 }
 
 .opus_vApy-v_head {
-  justify-content: space-between;
-  align-items: baseline;
-  gap: 12px;
+  justify-content: flex-start;
+  align-items: center;
+  gap: 8px;
+  width: 100%;
+  min-width: 0;
+  min-height: 1.75rem;
   display: flex;
 }
 
 .opus_vApy-v_title {
   color: var(--dashboard-section-text, var(--opus-text));
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  flex: auto;
+  min-width: 0;
   margin: 0;
   font-size: .78rem;
   font-weight: 700;
   line-height: 1.2;
+  overflow: hidden;
 }
 
 .opus_vApy-v_time {
   color: var(--dashboard-section-muted, var(--opus-muted));
   white-space: nowrap;
+  flex: none;
+  margin-left: auto;
+  padding-right: 16px;
   font-size: .68rem;
   font-weight: 600;
 }
 
+.opus_vApy-v_metaRow {
+  justify-content: space-between;
+  align-items: center;
+  gap: 8px;
+  min-width: 0;
+  margin-top: 6px;
+  display: flex;
+}
+
+.opus_vApy-v_itemAction {
+  flex: none;
+  justify-content: center;
+  align-items: center;
+  display: inline-flex;
+}
+
 .opus_vApy-v_description {
   color: var(--dashboard-section-muted, var(--opus-muted));
-  margin: 6px 0 0;
+  white-space: pre-wrap;
+  word-break: break-word;
+  margin: 0;
   font-size: .74rem;
   line-height: 1.45;
 }
@@ -11696,7 +12296,7 @@
 .opus_vApy-v_tags {
   flex-wrap: wrap;
   gap: 6px;
-  margin-top: 6px;
+  min-width: 0;
   display: flex;
 }
 
@@ -11731,21 +12331,310 @@
   background: #3b82f638;
 }
 
+.opus_vApy-v_children {
+  gap: 0;
+  margin-top: 10px;
+  display: grid;
+}
+
+.opus_vApy-v_itemFooter {
+  width: 100%;
+  margin-top: 8px;
+  display: block;
+}
+
 /* components/NotesActivity/NotesActivity.module.css */
 .opus_ThZ-Bi_root {
+  --notes-activity-avatar-size: 1.8rem;
+  --notes-activity-height: 44rem;
+  --notes-activity-gap: 14px;
+  --timeline-avatar-size: var(--notes-activity-avatar-size);
   gap: 14px;
+  gap: var(--notes-activity-gap);
   width: 100%;
+  height: var(--notes-activity-height);
+  grid-template-rows: auto auto minmax(0, 1fr) auto;
+  grid-template-areas: "opus_ThZ-Bi_tabs"
+                       "opus_ThZ-Bi_composer"
+                       "opus_ThZ-Bi_feed"
+                       "opus_ThZ-Bi_footer";
   min-width: 0;
+  min-height: 0;
   display: grid;
 }
 
+.opus_ThZ-Bi_root[data-density="compact"] {
+  --notes-activity-gap: 10px;
+}
+
+.opus_ThZ-Bi_root[data-density="compact"] .opus_ThZ-Bi_tab {
+  padding-bottom: 10px;
+  font-size: .76rem;
+}
+
+.opus_ThZ-Bi_root[data-density="compact"] .opus_ThZ-Bi_footer {
+  padding: 8px 0 14px;
+}
+
 .opus_ThZ-Bi_tabs {
-  border-bottom: 1px solid color-mix(in srgb, var(--dashboard-section-text) 10%, transparent);
+  border-bottom: 1px solid
+    color-mix(in srgb, var(--dashboard-section-text) 10%, transparent);
+  grid-area: opus_ThZ-Bi_tabs;
+  gap: 0;
+  width: 100%;
+  display: flex;
+}
+
+.opus_ThZ-Bi_composer {
+  grid-area: opus_ThZ-Bi_composer;
+}
+
+.opus_ThZ-Bi_threadItems {
+  --thread-child-avatar-size: var(--notes-activity-avatar-size);
+  --thread-indent: .325rem;
+  --thread-line-color: color-mix(in srgb,
+    var(--opus-accent) 50%,
+    var(--opus-border));
+  --thread-marker-shift: -4px;
+  --thread-nest-offset: calc(var(--thread-child-avatar-size) * -.4);
+  min-width: 0;
+  margin-left: var(--thread-nest-offset);
+  padding-left: var(--thread-indent);
+  isolation: isolate;
+  border-left: 0;
+  margin-top: 2px;
+  display: block;
+  position: relative;
+}
+
+.opus_ThZ-Bi_threadItems [data-content-timeline-item="true"][data-clickable="true"] {
+  padding: 2px 8px 2px 14px;
+}
+
+.opus_ThZ-Bi_threadConnectors {
+  z-index: 0;
+  pointer-events: none;
+  width: 100%;
+  height: 100%;
+  position: absolute;
+  inset: 0;
+  overflow: visible;
+}
+
+.opus_ThZ-Bi_threadConnectors path {
+  fill: none;
+  stroke: var(--thread-line-color);
+  stroke-width: 2px;
+  stroke-linecap: round;
+  stroke-linejoin: round;
+}
+
+.opus_ThZ-Bi_threadItems ol {
+  --timeline-avatar-size: var(--thread-child-avatar-size);
+  --timeline-hover-left: calc((var(--timeline-avatar-size) + 7px) * -1);
+  --timeline-hover-radius: 14px;
+  --timeline-hover-right: 0px;
+  z-index: 1;
+  column-gap: 7px;
+  position: relative;
+}
+
+.opus_ThZ-Bi_threadItems [data-content-timeline-item="true"] {
+  position: relative;
+}
+
+.opus_ThZ-Bi_threadItems [data-content-timeline-item="true"]:before {
+  content: none;
+  display: none;
+}
+
+.opus_ThZ-Bi_threadItems [data-content-timeline-item="true"]:after {
+  content: none;
+  display: none;
+}
+
+.opus_ThZ-Bi_threadItems [data-content-timeline-rail="true"], .opus_ThZ-Bi_threadItems [data-content-timeline-body="true"] {
+  z-index: 1;
+  position: relative;
+}
+
+.opus_ThZ-Bi_threadItems [data-content-timeline-marker="true"] {
+  z-index: 3;
+  isolation: isolate;
+  transform: translateX(var(--thread-marker-shift));
+  position: relative;
+}
+
+.opus_ThZ-Bi_root [data-content-timeline-marker="true"] {
+  z-index: 3;
+  position: relative;
+}
+
+.opus_ThZ-Bi_feed > [data-content-timeline-list="true"] > [data-content-timeline-item="true"] > [data-content-timeline-rail="true"] > [data-content-timeline-marker="true"] {
+  transform: translateY(-11px);
+}
+
+.opus_ThZ-Bi_feed > [data-content-timeline-list="true"] > [data-content-timeline-item="true"] > [data-content-timeline-rail="true"] > [data-content-timeline-line="true"] {
+  margin-top: -13px;
+}
+
+.opus_ThZ-Bi_threadItems [data-content-timeline-marker="true"]:before {
+  content: "";
+  z-index: 0;
+  background: var(--dashboard-section-bg, #020617);
+  border-radius: 999px;
+  position: absolute;
+  inset: 2px;
+}
+
+.opus_ThZ-Bi_threadItems [data-content-timeline-marker="true"] > * {
+  z-index: 1;
+  position: relative;
+}
+
+.opus_ThZ-Bi_root [data-content-timeline-marker="true"] [data-size="lg"] {
+  width: var(--notes-activity-avatar-size);
+  height: var(--notes-activity-avatar-size);
+  font-size: .64rem;
+}
+
+.opus_ThZ-Bi_threadItems [data-content-timeline-body="true"] {
+  padding-bottom: 4px;
+}
+
+.opus_ThZ-Bi_threadItems [data-content-timeline-item="true"]:last-child > [data-content-timeline-body="true"] {
+  padding-bottom: 0;
+}
+
+.opus_ThZ-Bi_threadItems [data-content-timeline-children="true"] {
+  margin-top: 4px;
+}
+
+.opus_ThZ-Bi_threadItems .opus_ThZ-Bi_threadItems {
+  margin-top: 2px;
+}
+
+.opus_ThZ-Bi_threadItems [data-content-timeline-line="true"] {
+  opacity: 0;
+}
+
+.opus_ThZ-Bi_replyBlock {
+  box-sizing: border-box;
+  gap: 0;
+  width: auto;
+  min-width: 0;
+  margin: 8px 8px 6px 0;
+  padding: 0 0 2px;
+  display: grid;
+}
+
+.opus_ThZ-Bi_replyComposer {
+  box-sizing: border-box;
+  grid-template-columns: minmax(0, 1fr);
+  align-items: center;
   gap: 0;
   width: 100%;
+  min-width: 0;
+  display: grid;
+}
+
+.opus_ThZ-Bi_replyInputShell {
+  border: 1px solid
+    color-mix(in srgb, var(--opus-accent) 30%, var(--dashboard-section-border));
+  background: color-mix(in srgb, var(--opus-input-bg) 88%, transparent);
+  box-sizing: border-box;
+  border-radius: 12px;
+  grid-template-columns: minmax(0, 1fr);
+  align-items: center;
+  min-width: 0;
+  min-height: 2.15rem;
+  display: grid;
+}
+
+.opus_ThZ-Bi_replyInputShell[data-has-tools="true"] {
+  grid-template-columns: auto minmax(0, 1fr);
+}
+
+.opus_ThZ-Bi_replyInputShell:focus-within {
+  border-color: color-mix(in srgb,
+    var(--opus-accent) 70%,
+    var(--dashboard-section-border));
+  box-shadow: 0 0 0 2px color-mix(in srgb, var(--opus-accent) 20%, transparent);
+}
+
+.opus_ThZ-Bi_replyTools {
+  align-self: center;
+  align-items: center;
+  gap: 2px;
+  padding: 4px 0 4px 6px;
   display: flex;
 }
 
+.opus_ThZ-Bi_replyToolButton {
+  width: 1.5rem;
+  height: 1.5rem;
+  color: var(--dashboard-section-muted);
+  cursor: pointer;
+  background: none;
+  border: 0;
+  border-radius: 7px;
+  justify-content: center;
+  align-items: center;
+  padding: 0;
+  display: inline-flex;
+}
+
+.opus_ThZ-Bi_replyToolButton:hover, .opus_ThZ-Bi_replyToolButton:focus-visible {
+  background: color-mix(in srgb, var(--dashboard-section-text) 7%, transparent);
+  color: var(--dashboard-section-text);
+  outline: none;
+}
+
+.opus_ThZ-Bi_replyToolButton svg {
+  width: .78rem;
+  height: .78rem;
+  display: block;
+}
+
+.opus_ThZ-Bi_replyInput {
+  width: 100%;
+  min-width: 0;
+  min-height: calc(2.15rem - 2px);
+  max-height: 12rem;
+  color: var(--dashboard-section-text);
+  font: inherit;
+  resize: none;
+  box-sizing: border-box;
+  white-space: pre-wrap;
+  word-break: break-word;
+  field-sizing: content;
+  background: none;
+  border: 0;
+  outline: none;
+  margin: 0;
+  padding: 8px 12px 7px;
+  font-size: .72rem;
+  line-height: 1.45;
+  display: block;
+  overflow-y: auto;
+}
+
+.opus_ThZ-Bi_replyInput::-webkit-resizer {
+  display: none;
+}
+
+.opus_ThZ-Bi_replyInput::placeholder {
+  color: color-mix(in srgb, var(--dashboard-section-muted) 72%, transparent);
+}
+
+.opus_ThZ-Bi_replyInput:focus {
+  box-shadow: none;
+}
+
+.opus_ThZ-Bi_replyTags {
+  padding: 6px 0 0;
+}
+
 .opus_ThZ-Bi_tab {
   color: var(--dashboard-section-muted);
   font: inherit;
@@ -11761,6 +12650,22 @@
   position: relative;
 }
 
+.opus_ThZ-Bi_tabIcon {
+  color: currentColor;
+  justify-content: center;
+  align-items: center;
+  width: .8rem;
+  height: .8rem;
+  margin-right: 6px;
+  display: inline-flex;
+}
+
+.opus_ThZ-Bi_tabIcon svg {
+  width: .8rem;
+  height: .8rem;
+  display: block;
+}
+
 .opus_ThZ-Bi_tab:hover, .opus_ThZ-Bi_tab:focus-visible {
   color: var(--dashboard-section-text);
   outline: none;
@@ -11783,14 +12688,43 @@
 }
 
 .opus_ThZ-Bi_feed {
+  overscroll-behavior: contain;
+  grid-area: opus_ThZ-Bi_feed;
   gap: 0;
   min-width: 0;
+  min-height: 0;
+  padding-right: 4px;
   display: grid;
 }
 
+.opus_ThZ-Bi_feed > [data-content-timeline-list="true"] {
+  --timeline-hover-left: calc((var(--timeline-avatar-size) + 4px) * -1);
+  --timeline-hover-radius: 14px;
+  --timeline-hover-right: 0px;
+  column-gap: 4px;
+}
+
+.opus_ThZ-Bi_root [data-content-timeline-line="true"] {
+  opacity: 0;
+}
+
+.opus_ThZ-Bi_root [data-content-timeline-item="true"][data-clickable="true"]:has([data-content-timeline-item="true"][data-clickable="true"]:hover) {
+  background: none;
+}
+
+.opus_ThZ-Bi_root [data-content-timeline-item="true"][data-clickable="true"]:has([data-content-timeline-item="true"][data-clickable="true"]:hover) > [data-content-timeline-body="true"] > [data-content-timeline-content="true"]:before {
+  background: none;
+}
+
+[data-component="notes-activity"][data-height="full"] .opus_ThZ-Bi_root {
+  height: 100%;
+}
+
 .opus_ThZ-Bi_footer {
-  border-top: 1px solid color-mix(in srgb, var(--dashboard-section-text) 10%, transparent);
-  padding-top: 10px;
+  border-top: 1px solid
+    color-mix(in srgb, var(--dashboard-section-text) 10%, transparent);
+  grid-area: opus_ThZ-Bi_footer;
+  padding: 10px 0 14px;
 }
 
 .opus_ThZ-Bi_footerAction {
@@ -12060,6 +12994,22 @@
   min-width: 0;
 }
 
+.opus_myuwZ6_container[data-padding-top="false"] {
+  padding-top: 0;
+}
+
+.opus_myuwZ6_container[data-padding-right="false"] {
+  padding-right: 0;
+}
+
+.opus_myuwZ6_container[data-padding-bottom="false"] {
+  padding-bottom: 0;
+}
+
+.opus_myuwZ6_container[data-padding-left="false"] {
+  padding-left: 0;
+}
+
 .opus_myuwZ6_container[data-width="widget"] {
   width: 100%;
   max-width: 24.5rem;
@@ -12088,6 +13038,11 @@
   max-width: none;
 }
 
+.opus_myuwZ6_container[data-height="full"] {
+  height: 100%;
+  min-height: 22rem;
+}
+
 [data-preview-root][data-theme="light"] .opus_myuwZ6_container, [data-theme="light"] .opus_myuwZ6_container {
   --dashboard-section-bg: #f8fbff;
   --dashboard-section-border: #60a5fa47;
@@ -14129,9 +15084,7 @@
 
 /* components/Sidebar/Sidebar.module.css */
 .opus_4Pogux_layout {
-  border: 1px solid var(--opus-border);
-  border-radius: var(--opus-input-radius-large);
-  background: color-mix(in srgb, var(--opus-panel) 88%, transparent);
+  background: none;
   width: 100%;
   min-height: 280px;
   display: grid;
@@ -14139,11 +15092,11 @@
 }
 
 .opus_4Pogux_layout[data-side="left"] {
-  grid-template-columns: minmax(0, 220px) minmax(0, 1fr);
+  grid-template-columns: minmax(0, 240px) minmax(0, 1fr);
 }
 
 .opus_4Pogux_layout[data-side="right"] {
-  grid-template-columns: minmax(0, 1fr) minmax(0, 220px);
+  grid-template-columns: minmax(0, 1fr) minmax(0, 240px);
 }
 
 .opus_4Pogux_layout[data-collapsed="true"][data-side="left"] {
@@ -14155,59 +15108,66 @@
 }
 
 .opus_4Pogux_sidebar {
-  border-inline-end: 1px solid var(--opus-border);
-  background: color-mix(in srgb, var(--opus-panel) 94%, transparent);
-  grid-template-rows: auto minmax(0, 1fr) auto;
+  --sidebar-pad: 0px;
+  --sidebar-gap: 4px;
+  --sidebar-row-pad-block: 8px;
+  --sidebar-row-pad-inline: 10px;
+  width: 100%;
+  min-width: 0;
+  max-width: 100%;
+  height: 100%;
   min-height: 0;
-  display: grid;
+  color: var(--opus-text);
+  background: none;
+  flex-direction: column;
+  transition: background .22s, color .22s;
+  display: flex;
+  overflow: hidden;
 }
 
-.opus_4Pogux_layout[data-side="right"] .opus_4Pogux_sidebar {
-  border-inline-end: 0;
-  border-inline-start: 1px solid var(--opus-border);
+.opus_4Pogux_sidebar[data-collapsed="true"] {
+  width: 100%;
 }
 
-.opus_4Pogux_sidebar[data-collapsed="true"] {
-  width: 56px;
+.opus_4Pogux_sidebar[data-motion-ready="false"], .opus_4Pogux_sidebar[data-motion-ready="false"] *, .opus_4Pogux_sidebar[data-motion-ready="false"] :before, .opus_4Pogux_sidebar[data-motion-ready="false"] :after {
+  scroll-behavior: auto !important;
+  transition: none !important;
+  animation: none !important;
 }
 
 .opus_4Pogux_sidebar[data-density="compact"] {
-  --sidebar-pad: 10px;
+  --sidebar-pad: 0px;
   --sidebar-gap: 2px;
   --sidebar-row-pad-block: 6px;
   --sidebar-row-pad-inline: 8px;
 }
 
-.opus_4Pogux_sidebar[data-density="comfortable"] {
-  --sidebar-pad: 14px;
-  --sidebar-gap: 4px;
-  --sidebar-row-pad-block: 8px;
-  --sidebar-row-pad-inline: 10px;
-}
-
 .opus_4Pogux_header, .opus_4Pogux_footer, .opus_4Pogux_body {
   min-width: 0;
 }
 
-.opus_4Pogux_header, .opus_4Pogux_footer {
-  padding: var(--sidebar-pad);
-}
-
 .opus_4Pogux_header {
-  border-bottom: 1px solid var(--opus-border);
+  background: none;
+  flex-shrink: 0;
+  padding: 0;
 }
 
 .opus_4Pogux_footer {
-  border-top: 1px solid var(--opus-border);
-  padding: var(--sidebar-pad)
-    var(--sidebar-pad)
-    var(--sidebar-pad)
-    calc(var(--sidebar-pad) + var(--sidebar-row-pad-inline));
+  border-top: 1px solid color-mix(in srgb, var(--opus-border) 82%, transparent);
   color: var(--opus-muted);
+  flex-shrink: 0;
+  margin-top: 8px;
+  padding: 8px 0 0;
   font-size: .78rem;
   line-height: 1.4;
 }
 
+.opus_4Pogux_sidebar[data-collapsed="true"] .opus_4Pogux_footer {
+  place-items: center;
+  width: 100%;
+  display: grid;
+}
+
 .opus_4Pogux_headerInner {
   justify-content: space-between;
   align-items: center;
@@ -14216,25 +15176,45 @@
 }
 
 .opus_4Pogux_headerTitle {
-  padding-inline: var(--sidebar-row-pad-inline);
-  color: var(--opus-text);
-  letter-spacing: .04em;
+  color: var(--opus-accent);
+  letter-spacing: .12em;
   text-transform: uppercase;
   margin: 0;
-  font-size: .82rem;
-  font-weight: 800;
+  font-size: .78rem;
+  font-weight: 700;
+  line-height: 1;
 }
 
 .opus_4Pogux_body {
-  padding: var(--sidebar-pad);
-  overflow: auto;
+  flex: 1;
+  min-height: 0;
+  padding: 0;
+}
+
+.opus_4Pogux_bodyContent {
+  min-width: 0;
+}
+
+.opus_4Pogux_sidebar[data-padding-top="true"] .opus_4Pogux_bodyContent {
+  padding-top: 14px;
+}
+
+.opus_4Pogux_sidebar[data-padding-right="true"] .opus_4Pogux_bodyContent {
+  padding-right: 16px;
+}
+
+.opus_4Pogux_sidebar[data-padding-bottom="true"] .opus_4Pogux_bodyContent {
+  padding-bottom: 12px;
+}
+
+.opus_4Pogux_sidebar[data-padding-left="true"] .opus_4Pogux_bodyContent {
+  padding-left: 16px;
 }
 
 .opus_4Pogux_main {
   min-width: 0;
   color: var(--opus-muted);
-  background: radial-gradient(circle at 20% 20%, color-mix(in srgb, var(--opus-accent) 10%, transparent), transparent 40%),
-    color-mix(in srgb, var(--opus-panel) 82%, transparent);
+  background: none;
   place-items: center;
   padding: 24px;
   font-size: .88rem;
@@ -14242,78 +15222,233 @@
 }
 
 .opus_4Pogux_nav {
+  align-content: start;
   gap: var(--sidebar-gap);
+  min-height: 0;
   display: grid;
 }
 
 .opus_4Pogux_link {
   width: 100%;
+  min-width: 0;
   padding: var(--sidebar-row-pad-block) var(--sidebar-row-pad-inline);
   border-radius: var(--opus-input-radius);
   color: var(--opus-muted);
+  font: inherit;
   text-align: left;
   cursor: pointer;
+  box-sizing: border-box;
   background: none;
-  border: 0;
-  font-size: .86rem;
+  border: 1px solid #0000;
+  align-items: center;
+  gap: 8px;
+  font-size: .84rem;
   font-weight: 600;
   line-height: 1.3;
   text-decoration: none;
-  transition: background .16s, color .16s;
+  transition: background .16s, border-color .16s, color .16s;
+  display: inline-flex;
+}
+
+.opus_4Pogux_linkLabel {
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  flex: auto;
+  min-width: 0;
+  overflow: hidden;
+}
+
+.opus_4Pogux_overflowTooltip, .opus_4Pogux_overflowTooltip > span {
+  flex: auto;
+  width: 100%;
+  min-width: 0;
+  overflow: hidden;
+}
+
+.opus_4Pogux_overflowLabel {
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  width: 100%;
+  min-width: 0;
   display: block;
+  overflow: hidden;
 }
 
 .opus_4Pogux_sidebar[data-collapsed="true"] .opus_4Pogux_link {
-  text-align: center;
+  justify-content: center;
   padding-inline: 8px;
 }
 
 .opus_4Pogux_link:hover {
-  background: color-mix(in srgb, var(--opus-accent) 10%, transparent);
+  border-color: var(--opus-border);
+  background: color-mix(in srgb, var(--opus-accent-soft) 70%, transparent);
   color: var(--opus-text);
 }
 
 .opus_4Pogux_linkActive {
-  background: color-mix(in srgb, var(--opus-accent) 16%, transparent);
-  color: var(--opus-text);
+  border-color: color-mix(in srgb, var(--opus-accent) 45%, transparent);
+  background: var(--opus-accent-soft);
+  color: var(--opus-accent);
+}
+
+.opus_4Pogux_icon {
+  width: 14px;
+  height: 14px;
+  color: inherit;
+  flex-shrink: 0;
+  justify-content: center;
+  align-items: center;
+  font-size: 14px;
+  line-height: 1;
+  display: inline-flex;
+  overflow: hidden;
+}
+
+.opus_4Pogux_icon svg, .opus_4Pogux_icon svg {
+  flex-shrink: 0;
+  width: 14px;
+  max-width: 14px;
+  height: 14px;
+  max-height: 14px;
+  display: block;
 }
 
 .opus_4Pogux_group {
   gap: var(--sidebar-gap);
+  min-width: 0;
   display: grid;
 }
 
-.opus_4Pogux_groupHeader {
-  padding: var(--sidebar-row-pad-block) var(--sidebar-row-pad-inline);
-  justify-content: space-between;
-  align-items: center;
-  gap: 8px;
-  display: flex;
+.opus_4Pogux_collapsedGroupWrap {
+  gap: 2px;
+  min-width: 0;
+  display: grid;
 }
 
-.opus_4Pogux_groupLabel {
-  color: var(--opus-text);
-  font-size: .82rem;
-  font-weight: 750;
+.opus_4Pogux_collapsedTooltip, .opus_4Pogux_collapsedTooltip > span {
+  width: 100%;
+  min-width: 0;
 }
 
-.opus_4Pogux_groupToggle {
-  border-radius: var(--opus-input-radius-small);
+.opus_4Pogux_collapsedGroup {
+  border-radius: var(--opus-input-radius);
+  width: 100%;
+  min-height: 32px;
+  color: var(--opus-muted);
   cursor: pointer;
   background: none;
-  border: 0;
-  place-items: center;
-  width: 24px;
-  height: 24px;
+  border: 1px solid #0000;
+  grid-template-columns: 12px minmax(0, 1fr) 12px;
+  align-items: center;
   padding: 0;
   display: grid;
 }
 
+.opus_4Pogux_collapsedGroup .opus_4Pogux_icon {
+  grid-column: 2;
+  justify-self: center;
+}
+
+.opus_4Pogux_collapsedGroupChevron, .opus_4Pogux_collapsedGroupChevronOpen {
+  border-bottom: 1.5px solid;
+  border-right: 1.5px solid;
+  width: 4px;
+  height: 4px;
+  transition: transform .16s;
+  transform: rotate(-45deg);
+}
+
+.opus_4Pogux_collapsedGroupChevronOpen {
+  transform: rotate(45deg);
+}
+
+.opus_4Pogux_collapsedGroupChevron, .opus_4Pogux_collapsedGroupChevronOpen {
+  grid-column: 3;
+}
+
+.opus_4Pogux_collapsedSubmenu {
+  border-left: 1px solid color-mix(in srgb, var(--opus-accent) 32%, transparent);
+  gap: 2px;
+  padding: 2px 0 4px;
+  display: grid;
+}
+
+.opus_4Pogux_collapsedGroup:hover, .opus_4Pogux_collapsedGroup:focus-visible {
+  border-color: var(--opus-border);
+  background: color-mix(in srgb, var(--opus-accent-soft) 70%, transparent);
+  color: var(--opus-text);
+  outline: none;
+}
+
+.opus_4Pogux_group[data-depth="0"]:not(:first-child) {
+  margin-top: 6px;
+}
+
+.opus_4Pogux_group[data-depth="0"] > .opus_4Pogux_groupHeader .opus_4Pogux_groupLabel {
+  min-height: 36px;
+  padding: 8px var(--sidebar-row-pad-inline);
+  color: var(--opus-muted);
+  letter-spacing: .12em;
+  text-transform: uppercase;
+  font-size: .66rem;
+  font-weight: 600;
+}
+
+.opus_4Pogux_group[data-depth="0"] > .opus_4Pogux_groupItemsWrap > .opus_4Pogux_groupItems {
+  border-left: 0;
+  margin-left: 0;
+  padding-left: 0;
+}
+
+.opus_4Pogux_groupHeader {
+  align-items: center;
+  gap: 4px;
+  min-width: 0;
+  display: flex;
+}
+
+.opus_4Pogux_groupLabel {
+  appearance: none;
+  min-width: 0;
+  padding: var(--sidebar-row-pad-block) var(--sidebar-row-pad-inline);
+  border-radius: var(--opus-input-radius);
+  color: var(--opus-accent);
+  cursor: pointer;
+  letter-spacing: .04em;
+  text-align: left;
+  background: none;
+  border: 1px solid #0000;
+  flex: 1;
+  align-items: center;
+  gap: 8px;
+  font-family: inherit;
+  font-size: .84rem;
+  font-weight: 700;
+  line-height: 1.3;
+  display: inline-flex;
+}
+
+.opus_4Pogux_groupLabel:hover, .opus_4Pogux_groupLabel:focus-visible {
+  background: color-mix(in srgb, var(--opus-accent-soft) 50%, transparent);
+  outline: none;
+}
+
+.opus_4Pogux_groupLabel > span:last-child {
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  flex: auto;
+  min-width: 0;
+  overflow: hidden;
+}
+
 .opus_4Pogux_groupChevron, .opus_4Pogux_groupChevronOpen {
-  border-right: 1.5px solid var(--opus-muted);
-  border-bottom: 1.5px solid var(--opus-muted);
+  border-bottom: 1.5px solid;
+  border-right: 1.5px solid;
+  flex-shrink: 0;
   width: 7px;
   height: 7px;
+  margin-top: 0;
+  margin-left: auto;
   transition: transform .16s;
   transform: rotate(-45deg);
 }
@@ -14324,7 +15459,8 @@
 
 .opus_4Pogux_groupItemsWrap {
   grid-template-rows: 0fr;
-  transition: grid-template-rows .2s;
+  min-width: 0;
+  transition: grid-template-rows .24s;
   display: grid;
 }
 
@@ -14333,13 +15469,14 @@
 }
 
 .opus_4Pogux_groupItems {
-  gap: var(--sidebar-gap);
-  min-height: 0;
-  margin-left: var(--sidebar-row-pad-inline);
-  padding-left: calc(var(--sidebar-row-pad-inline) + 6px);
   opacity: 0;
   border-left: 1px solid #0000;
-  transition: opacity .18s, border-color .2s;
+  gap: 2px;
+  min-width: 0;
+  min-height: 0;
+  margin-left: 10px;
+  padding-left: 10px;
+  transition: opacity .2s, border-color .24s;
   display: grid;
   overflow: hidden;
 }
@@ -14366,13 +15503,16 @@
 }
 
 @media (width <= 640px) {
-  .opus_4Pogux_layout {
+  .opus_4Pogux_layout, .opus_4Pogux_layout[data-side="left"], .opus_4Pogux_layout[data-side="right"] {
     grid-template-columns: minmax(0, 1fr);
   }
 
+  .opus_4Pogux_layout[data-side="right"] .opus_4Pogux_sidebar {
+    grid-row: 1;
+  }
+
   .opus_4Pogux_sidebar {
-    border-inline: 0;
-    border-bottom: 1px solid var(--opus-border);
+    max-height: 42vh;
   }
 }