@workbench-ai/workbench 0.0.67 → 0.0.69

package/dist/dev-open/client.css

@@ -3,9 +3,7 @@
 @layer theme, base, components, utilities;
 @layer theme {
   :root, :host {
-    --font-sans: 'Geist Variable', sans-serif;
-    --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono",
-      "Courier New", monospace;
+    --font-sans: 'Geist Variable', -apple-system, BlinkMacSystemFont, "Avenir Next", Helvetica, Arial, ui-sans-serif, system-ui, sans-serif;
     --color-red-50: oklch(97.1% 0.013 17.38);
     --color-red-100: oklch(93.6% 0.032 17.717);
     --color-red-600: oklch(57.7% 0.245 27.325);
@@ -54,8 +52,8 @@
     --aspect-video: 16 / 9;
     --default-transition-duration: 150ms;
     --default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
-    --default-font-family: 'Geist Variable', sans-serif;
-    --default-mono-font-family: var(--font-mono);
+    --default-font-family: 'Geist Variable', -apple-system, BlinkMacSystemFont, "Avenir Next", Helvetica, Arial, ui-sans-serif, system-ui, sans-serif;
+    --default-mono-font-family: "IBM Plex Mono", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
     --color-border: var(--border);
   }
 }
@@ -287,21 +285,6 @@
   .top-4 {
     top: calc(var(--spacing) * 4);
   }
-  .top-\[10\%\] {
-    top: 10%;
-  }
-  .top-\[26\%\] {
-    top: 26%;
-  }
-  .top-\[34\%\] {
-    top: 34%;
-  }
-  .top-\[52\%\] {
-    top: 52%;
-  }
-  .top-\[58\%\] {
-    top: 58%;
-  }
   .top-full {
     top: 100%;
   }
@@ -320,12 +303,6 @@
   .right-4 {
     right: calc(var(--spacing) * 4);
   }
-  .right-\[10\%\] {
-    right: 10%;
-  }
-  .right-\[22\%\] {
-    right: 22%;
-  }
   .bottom-0 {
     bottom: calc(var(--spacing) * 0);
   }
@@ -347,15 +324,6 @@
   .left-4 {
     left: calc(var(--spacing) * 4);
   }
-  .left-\[12\%\] {
-    left: 12%;
-  }
-  .left-\[22\%\] {
-    left: 22%;
-  }
-  .left-\[38\%\] {
-    left: 38%;
-  }
   .isolate {
     isolation: isolate;
   }
@@ -455,9 +423,6 @@
   .mt-2 {
     margin-top: calc(var(--spacing) * 2);
   }
-  .mt-3 {
-    margin-top: calc(var(--spacing) * 3);
-  }
   .mt-4 {
     margin-top: calc(var(--spacing) * 4);
   }
@@ -494,6 +459,12 @@
   .ml-auto {
     margin-left: auto;
   }
+  .line-clamp-2 {
+    overflow: hidden;
+    display: -webkit-box;
+    -webkit-box-orient: vertical;
+    -webkit-line-clamp: 2;
+  }
   .no-scrollbar {
     -ms-overflow-style: none;
     scrollbar-width: none;
@@ -501,9 +472,6 @@
       display: none;
     }
   }
-  .\!flex {
-    display: flex !important;
-  }
   .block {
     display: block;
   }
@@ -559,6 +527,10 @@
     width: calc(var(--spacing) * 2.5);
     height: calc(var(--spacing) * 2.5);
   }
+  .size-3 {
+    width: calc(var(--spacing) * 3);
+    height: calc(var(--spacing) * 3);
+  }
   .size-3\.5 {
     width: calc(var(--spacing) * 3.5);
     height: calc(var(--spacing) * 3.5);
@@ -595,6 +567,9 @@
     width: 100%;
     height: 100%;
   }
+  .\!h-auto {
+    height: auto !important;
+  }
   .h-\(--radix-accordion-content-height\) {
     height: var(--radix-accordion-content-height);
   }
@@ -640,12 +615,6 @@
   .h-12 {
     height: calc(var(--spacing) * 12);
   }
-  .h-20 {
-    height: calc(var(--spacing) * 20);
-  }
-  .h-28 {
-    height: calc(var(--spacing) * 28);
-  }
   .h-64 {
     height: calc(var(--spacing) * 64);
   }
@@ -664,11 +633,11 @@
   .h-\[calc\(100dvh-2rem\)\] {
     height: calc(100dvh - 2rem);
   }
-  .h-\[clamp\(28rem\,calc\(100dvh-28rem\)\,42rem\)\] {
-    height: clamp(28rem, calc(100dvh - 28rem), 42rem);
+  .h-\[clamp\(20rem\,calc\(100dvh-26rem\)\,48rem\)\] {
+    height: clamp(20rem, calc(100dvh - 26rem), 48rem);
   }
-  .h-\[clamp\(34rem\,64vh\,48rem\)\] {
-    height: clamp(34rem, 64vh, 48rem);
+  .h-\[min\(94vh\,calc\(100dvh-1rem\)\)\] {
+    height: min(94vh, calc(100dvh - 1rem));
   }
   .h-auto {
     height: auto;
@@ -718,9 +687,6 @@
   .min-h-16 {
     min-height: calc(var(--spacing) * 16);
   }
-  .min-h-24 {
-    min-height: calc(var(--spacing) * 24);
-  }
   .min-h-28 {
     min-height: calc(var(--spacing) * 28);
   }
@@ -742,9 +708,6 @@
   .min-h-\[28rem\] {
     min-height: 28rem;
   }
-  .min-h-\[34rem\] {
-    min-height: 34rem;
-  }
   .min-h-\[200px\] {
     min-height: 200px;
   }
@@ -781,71 +744,41 @@
   .w-2\.5 {
     width: calc(var(--spacing) * 2.5);
   }
-  .w-2\/3 {
-    width: calc(2 / 3 * 100%);
-  }
   .w-3\.5 {
     width: calc(var(--spacing) * 3.5);
   }
   .w-4 {
     width: calc(var(--spacing) * 4);
   }
-  .w-4\/5 {
-    width: calc(4 / 5 * 100%);
-  }
   .w-5 {
     width: calc(var(--spacing) * 5);
   }
-  .w-5\/6 {
-    width: calc(5 / 6 * 100%);
-  }
   .w-8 {
     width: calc(var(--spacing) * 8);
   }
-  .w-14 {
-    width: calc(var(--spacing) * 14);
-  }
   .w-16 {
     width: calc(var(--spacing) * 16);
   }
-  .w-20 {
-    width: calc(var(--spacing) * 20);
-  }
-  .w-24 {
-    width: calc(var(--spacing) * 24);
-  }
-  .w-28 {
-    width: calc(var(--spacing) * 28);
-  }
-  .w-36 {
-    width: calc(var(--spacing) * 36);
-  }
-  .w-40 {
-    width: calc(var(--spacing) * 40);
-  }
-  .w-44 {
-    width: calc(var(--spacing) * 44);
-  }
   .w-48 {
     width: calc(var(--spacing) * 48);
   }
-  .w-52 {
-    width: calc(var(--spacing) * 52);
+  .w-80 {
+    width: calc(var(--spacing) * 80);
   }
-  .w-56 {
-    width: calc(var(--spacing) * 56);
+  .w-\[6rem\] {
+    width: 6rem;
   }
-  .w-64 {
-    width: calc(var(--spacing) * 64);
+  .w-\[8rem\] {
+    width: 8rem;
   }
-  .w-72 {
-    width: calc(var(--spacing) * 72);
+  .w-\[9rem\] {
+    width: 9rem;
   }
-  .w-80 {
-    width: calc(var(--spacing) * 80);
+  .w-\[11rem\] {
+    width: 11rem;
   }
-  .w-\[28\%\] {
-    width: 28%;
+  .w-\[12rem\] {
+    width: 12rem;
   }
   .w-\[100px\] {
     width: 100px;
@@ -895,9 +828,6 @@
   .max-w-\[calc\(100\%-2rem\)\] {
     max-width: calc(100% - 2rem);
   }
-  .max-w-\[calc\(100vw-2rem\)\] {
-    max-width: calc(100vw - 2rem);
-  }
   .max-w-\[min\(calc\(100vw-2rem\)\,24rem\)\] {
     max-width: min(calc(100vw - 2rem), 24rem);
   }
@@ -937,14 +867,11 @@
   .min-w-36 {
     min-width: calc(var(--spacing) * 36);
   }
-  .min-w-\[7rem\] {
-    min-width: 7rem;
+  .min-w-64 {
+    min-width: calc(var(--spacing) * 64);
   }
-  .min-w-\[8rem\] {
-    min-width: 8rem;
-  }
-  .min-w-\[18rem\] {
-    min-width: 18rem;
+  .min-w-\[60rem\] {
+    min-width: 60rem;
   }
   .min-w-\[96px\] {
     min-width: 96px;
@@ -952,9 +879,6 @@
   .min-w-\[120px\] {
     min-width: 120px;
   }
-  .min-w-\[760px\] {
-    min-width: 760px;
-  }
   .min-w-full {
     min-width: 100%;
   }
@@ -967,9 +891,6 @@
   .shrink-0 {
     flex-shrink: 0;
   }
-  .table-auto {
-    table-layout: auto;
-  }
   .table-fixed {
     table-layout: fixed;
   }
@@ -1018,9 +939,6 @@
   .rotate-45 {
     rotate: 45deg;
   }
-  .rotate-\[18deg\] {
-    rotate: 18deg;
-  }
   .transform {
     transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,);
   }
@@ -1072,8 +990,8 @@
   .auto-rows-min {
     grid-auto-rows: min-content;
   }
-  .\[grid-template-columns\:repeat\(auto-fit\,minmax\(min\(100\%\,11rem\)\,1fr\)\)\] {
-    grid-template-columns: repeat(auto-fit,minmax(min(100%, 11rem),1fr));
+  .\[grid-template-columns\:repeat\(auto-fit\,minmax\(min\(100\%\,12rem\)\,1fr\)\)\] {
+    grid-template-columns: repeat(auto-fit,minmax(min(100%, 12rem),1fr));
   }
   .grid-cols-1 {
     grid-template-columns: repeat(1, minmax(0, 1fr));
@@ -1087,12 +1005,6 @@
   .grid-cols-\[minmax\(0\,1fr\)\] {
     grid-template-columns: minmax(0,1fr);
   }
-  .grid-cols-\[minmax\(0\,1fr\)_4rem_4rem_5rem_5rem\] {
-    grid-template-columns: minmax(0,1fr) 4rem 4rem 5rem 5rem;
-  }
-  .grid-cols-\[minmax\(0\,1fr\)_5rem_5rem_5rem\] {
-    grid-template-columns: minmax(0,1fr) 5rem 5rem 5rem;
-  }
   .grid-cols-\[minmax\(14rem\,0\.4fr\)_minmax\(0\,1fr\)\] {
     grid-template-columns: minmax(14rem,0.4fr) minmax(0,1fr);
   }
@@ -1193,6 +1105,9 @@
   .gap-x-4 {
     column-gap: calc(var(--spacing) * 4);
   }
+  .gap-x-6 {
+    column-gap: calc(var(--spacing) * 6);
+  }
   .-space-x-2 {
     :where(& > :not(:last-child)) {
       --tw-space-x-reverse: 0;
@@ -1216,6 +1131,9 @@
   .gap-y-1\.5 {
     row-gap: calc(var(--spacing) * 1.5);
   }
+  .gap-y-2 {
+    row-gap: calc(var(--spacing) * 2);
+  }
   .divide-y {
     :where(& > :not(:last-child)) {
       --tw-divide-y-reverse: 0;
@@ -1291,9 +1209,6 @@
   .rounded-\[inherit\] {
     border-radius: inherit;
   }
-  .rounded-\[min\(var\(--radius-md\)\,10px\)\] {
-    border-radius: min(var(--radius-md), 10px);
-  }
   .rounded-\[min\(var\(--radius-md\)\,12px\)\] {
     border-radius: min(var(--radius-md), 12px);
   }
@@ -1417,6 +1332,12 @@
       border-color: color-mix(in oklab, var(--muted-foreground) 30%, transparent);
     }
   }
+  .border-primary\/45 {
+    border-color: var(--primary);
+    @supports (color: color-mix(in lab, red, red)) {
+      border-color: color-mix(in oklab, var(--primary) 45%, transparent);
+    }
+  }
   .border-sidebar {
     border-color: var(--sidebar);
   }
@@ -1495,6 +1416,9 @@
       background-color: color-mix(in oklab, var(--card) 95%, transparent);
     }
   }
+  .bg-destructive-soft {
+    background-color: var(--destructive-soft);
+  }
   .bg-destructive\/10 {
     background-color: var(--destructive);
     @supports (color: color-mix(in lab, red, red)) {
@@ -1504,6 +1428,9 @@
   .bg-foreground {
     background-color: var(--foreground);
   }
+  .bg-highlight {
+    background-color: var(--highlight);
+  }
   .bg-input {
     background-color: var(--input);
   }
@@ -1528,6 +1455,12 @@
       background-color: color-mix(in oklab, var(--muted) 20%, transparent);
     }
   }
+  .bg-muted\/25 {
+    background-color: var(--muted);
+    @supports (color: color-mix(in lab, red, red)) {
+      background-color: color-mix(in oklab, var(--muted) 25%, transparent);
+    }
+  }
   .bg-muted\/30 {
     background-color: var(--muted);
     @supports (color: color-mix(in lab, red, red)) {
@@ -1570,6 +1503,12 @@
   .bg-primary {
     background-color: var(--primary);
   }
+  .bg-primary\/5 {
+    background-color: var(--primary);
+    @supports (color: color-mix(in lab, red, red)) {
+      background-color: color-mix(in oklab, var(--primary) 5%, transparent);
+    }
+  }
   .bg-primary\/12 {
     background-color: var(--primary);
     @supports (color: color-mix(in lab, red, red)) {
@@ -1597,11 +1536,8 @@
       background-color: color-mix(in oklab, var(--sidebar) 80%, transparent);
     }
   }
-  .bg-success\/14 {
-    background-color: var(--success);
-    @supports (color: color-mix(in lab, red, red)) {
-      background-color: color-mix(in oklab, var(--success) 14%, transparent);
-    }
+  .bg-success-soft {
+    background-color: var(--success-soft);
   }
   .bg-transparent {
     background-color: transparent;
@@ -1711,9 +1647,6 @@
   .pt-0 {
     padding-top: calc(var(--spacing) * 0);
   }
-  .pt-1 {
-    padding-top: calc(var(--spacing) * 1);
-  }
   .pt-2 {
     padding-top: calc(var(--spacing) * 2);
   }
@@ -1723,18 +1656,12 @@
   .pt-4 {
     padding-top: calc(var(--spacing) * 4);
   }
-  .pr-0 {
-    padding-right: calc(var(--spacing) * 0);
-  }
   .pr-1\.5 {
     padding-right: calc(var(--spacing) * 1.5);
   }
   .pr-2 {
     padding-right: calc(var(--spacing) * 2);
   }
-  .pr-3 {
-    padding-right: calc(var(--spacing) * 3);
-  }
   .pr-8 {
     padding-right: calc(var(--spacing) * 8);
   }
@@ -1756,9 +1683,6 @@
   .pb-6 {
     padding-bottom: calc(var(--spacing) * 6);
   }
-  .pl-0 {
-    padding-left: calc(var(--spacing) * 0);
-  }
   .pl-1\.5 {
     padding-left: calc(var(--spacing) * 1.5);
   }
@@ -1768,15 +1692,9 @@
   .pl-2\.5 {
     padding-left: calc(var(--spacing) * 2.5);
   }
-  .pl-3 {
-    padding-left: calc(var(--spacing) * 3);
-  }
   .pl-4 {
     padding-left: calc(var(--spacing) * 4);
   }
-  .pl-8 {
-    padding-left: calc(var(--spacing) * 8);
-  }
   .text-center {
     text-align: center;
   }
@@ -1796,7 +1714,7 @@
     font-family: var(--font-sans);
   }
   .font-mono {
-    font-family: var(--font-mono);
+    font-family: "IBM Plex Mono", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
   }
   .text-2xl {
     font-size: var(--text-2xl);
@@ -1885,6 +1803,10 @@
     --tw-font-weight: var(--font-weight-semibold);
     font-weight: var(--font-weight-semibold);
   }
+  .tracking-\[-0\.035em\] {
+    --tw-tracking: -0.035em;
+    letter-spacing: -0.035em;
+  }
   .tracking-\[0\.08em\] {
     --tw-tracking: 0.08em;
     letter-spacing: 0.08em;
@@ -1977,6 +1899,9 @@
       color: color-mix(in oklab, var(--foreground) 88%, transparent);
     }
   }
+  .text-highlight-foreground {
+    color: var(--highlight-foreground);
+  }
   .text-muted-foreground {
     color: var(--muted-foreground);
   }
@@ -2036,6 +1961,9 @@
     --tw-numeric-spacing: tabular-nums;
     font-variant-numeric: var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,);
   }
+  .no-underline {
+    text-decoration-line: none;
+  }
   .underline {
     text-decoration-line: underline;
   }
@@ -2082,6 +2010,10 @@
     --tw-shadow: 0 20px 25px -5px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 8px 10px -6px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
     box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
   }
+  .shadow-xs {
+    --tw-shadow: 0 1px 2px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.05));
+    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
+  }
   .ring-0 {
     --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
     box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
@@ -2121,12 +2053,6 @@
   .ring-sidebar-ring {
     --tw-ring-color: var(--sidebar-ring);
   }
-  .ring-success\/18 {
-    --tw-ring-color: var(--success);
-    @supports (color: color-mix(in lab, red, red)) {
-      --tw-ring-color: color-mix(in oklab, var(--success) 18%, transparent);
-    }
-  }
   .ring-warning\/24 {
     --tw-ring-color: var(--warning);
     @supports (color: color-mix(in lab, red, red)) {
@@ -2252,6 +2178,9 @@
   .running {
     animation-play-state: running;
   }
+  .zoom-out {
+    --tw-exit-scale: 0;
+  }
   .\*\:w-full {
     :is(& > *) {
       width: 100%;
@@ -2721,7 +2650,7 @@
   .before\:font-mono {
     &::before {
       content: var(--tw-content);
-      font-family: var(--font-mono);
+      font-family: "IBM Plex Mono", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
     }
   }
   .before\:text-\[13px\] {
@@ -2926,12 +2855,6 @@
       }
     }
   }
-  .first\:border-t-0 {
-    &:first-child {
-      border-top-style: var(--tw-border-style);
-      border-top-width: 0px;
-    }
-  }
   .first\:pt-0 {
     &:first-child {
       padding-top: calc(var(--spacing) * 0);
@@ -3044,13 +2967,6 @@
       }
     }
   }
-  .hover\:bg-transparent {
-    &:hover {
-      @media (hover: hover) {
-        background-color: transparent;
-      }
-    }
-  }
   .hover\:text-foreground {
     &:hover {
       @media (hover: hover) {
@@ -4594,11 +4510,6 @@
       max-width: min(96rem, calc(100vw - 2rem));
     }
   }
-  .sm\:max-w-full {
-    @media (width >= 40rem) {
-      max-width: 100%;
-    }
-  }
   .sm\:max-w-none {
     @media (width >= 40rem) {
       max-width: none;
@@ -4649,11 +4560,6 @@
       justify-items: end;
     }
   }
-  .sm\:p-4 {
-    @media (width >= 40rem) {
-      padding: calc(var(--spacing) * 4);
-    }
-  }
   .sm\:p-5 {
     @media (width >= 40rem) {
       padding: calc(var(--spacing) * 5);
@@ -4804,21 +4710,6 @@
       display: flex;
     }
   }
-  .md\:grid-cols-2 {
-    @media (width >= 48rem) {
-      grid-template-columns: repeat(2, minmax(0, 1fr));
-    }
-  }
-  .md\:grid-cols-3 {
-    @media (width >= 48rem) {
-      grid-template-columns: repeat(3, minmax(0, 1fr));
-    }
-  }
-  .md\:grid-cols-4 {
-    @media (width >= 48rem) {
-      grid-template-columns: repeat(4, minmax(0, 1fr));
-    }
-  }
   .md\:flex-row {
     @media (width >= 48rem) {
       flex-direction: row;
@@ -4916,31 +4807,11 @@
       display: inline;
     }
   }
-  .lg\:h-\[clamp\(36rem\,68vh\,52rem\)\] {
-    @media (width >= 64rem) {
-      height: clamp(36rem, 68vh, 52rem);
-    }
-  }
-  .lg\:min-h-\[36rem\] {
-    @media (width >= 64rem) {
-      min-height: 36rem;
-    }
-  }
-  .lg\:grid-cols-2 {
-    @media (width >= 64rem) {
-      grid-template-columns: repeat(2, minmax(0, 1fr));
-    }
-  }
   .lg\:grid-cols-\[minmax\(0\,1fr\)_auto\] {
     @media (width >= 64rem) {
       grid-template-columns: minmax(0,1fr) auto;
     }
   }
-  .lg\:grid-cols-\[minmax\(14rem\,18rem\)_minmax\(16rem\,1fr\)\] {
-    @media (width >= 64rem) {
-      grid-template-columns: minmax(14rem,18rem) minmax(16rem,1fr);
-    }
-  }
   .lg\:items-start {
     @media (width >= 64rem) {
       align-items: flex-start;
@@ -4956,11 +4827,6 @@
       grid-template-columns: repeat(4, minmax(0, 1fr));
     }
   }
-  .xl\:grid-cols-\[repeat\(auto-fit\,minmax\(18rem\,1fr\)\)\] {
-    @media (width >= 80rem) {
-      grid-template-columns: repeat(auto-fit,minmax(18rem,1fr));
-    }
-  }
   .\@md\/field-group\:flex-row {
     @container field-group (width >= 28rem) {
       flex-direction: row;
@@ -5908,6 +5774,18 @@
       }
     }
   }
+  .\[a\]\:hover\:bg-highlight\/80 {
+    &:is(a) {
+      &:hover {
+        @media (hover: hover) {
+          background-color: var(--highlight);
+          @supports (color: color-mix(in lab, red, red)) {
+            background-color: color-mix(in oklab, var(--highlight) 80%, transparent);
+          }
+        }
+      }
+    }
+  }
   .\[a\]\:hover\:bg-muted {
     &:is(a) {
       &:hover {
@@ -6543,72 +6421,208 @@
   src: url(./fonts/geist-latin-wght-normal.woff2) format('woff2-variations');
   unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
 }
+@font-face {
+  font-family: 'Libre Caslon Display';
+  font-style: normal;
+  font-display: swap;
+  font-weight: 400;
+  src: url(./fonts/libre-caslon-display-latin-ext-400-normal.woff2) format('woff2'), url(./fonts/libre-caslon-display-latin-ext-400-normal.woff) format('woff');
+  unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;
+}
+@font-face {
+  font-family: 'Libre Caslon Display';
+  font-style: normal;
+  font-display: swap;
+  font-weight: 400;
+  src: url(./fonts/libre-caslon-display-latin-400-normal.woff2) format('woff2'), url(./fonts/libre-caslon-display-latin-400-normal.woff) format('woff');
+  unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
+}
+@font-face {
+  font-family: 'IBM Plex Mono';
+  font-style: normal;
+  font-display: swap;
+  font-weight: 400;
+  src: url(./fonts/ibm-plex-mono-cyrillic-ext-400-normal.woff2) format('woff2'), url(./fonts/ibm-plex-mono-cyrillic-ext-400-normal.woff) format('woff');
+  unicode-range: U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F;
+}
+@font-face {
+  font-family: 'IBM Plex Mono';
+  font-style: normal;
+  font-display: swap;
+  font-weight: 400;
+  src: url(./fonts/ibm-plex-mono-cyrillic-400-normal.woff2) format('woff2'), url(./fonts/ibm-plex-mono-cyrillic-400-normal.woff) format('woff');
+  unicode-range: U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116;
+}
+@font-face {
+  font-family: 'IBM Plex Mono';
+  font-style: normal;
+  font-display: swap;
+  font-weight: 400;
+  src: url(./fonts/ibm-plex-mono-vietnamese-400-normal.woff2) format('woff2'), url(./fonts/ibm-plex-mono-vietnamese-400-normal.woff) format('woff');
+  unicode-range: U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB;
+}
+@font-face {
+  font-family: 'IBM Plex Mono';
+  font-style: normal;
+  font-display: swap;
+  font-weight: 400;
+  src: url(./fonts/ibm-plex-mono-latin-ext-400-normal.woff2) format('woff2'), url(./fonts/ibm-plex-mono-latin-ext-400-normal.woff) format('woff');
+  unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;
+}
+@font-face {
+  font-family: 'IBM Plex Mono';
+  font-style: normal;
+  font-display: swap;
+  font-weight: 400;
+  src: url(./fonts/ibm-plex-mono-latin-400-normal.woff2) format('woff2'), url(./fonts/ibm-plex-mono-latin-400-normal.woff) format('woff');
+  unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
+}
+@font-face {
+  font-family: 'IBM Plex Mono';
+  font-style: normal;
+  font-display: swap;
+  font-weight: 500;
+  src: url(./fonts/ibm-plex-mono-cyrillic-ext-500-normal.woff2) format('woff2'), url(./fonts/ibm-plex-mono-cyrillic-ext-500-normal.woff) format('woff');
+  unicode-range: U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F;
+}
+@font-face {
+  font-family: 'IBM Plex Mono';
+  font-style: normal;
+  font-display: swap;
+  font-weight: 500;
+  src: url(./fonts/ibm-plex-mono-cyrillic-500-normal.woff2) format('woff2'), url(./fonts/ibm-plex-mono-cyrillic-500-normal.woff) format('woff');
+  unicode-range: U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116;
+}
+@font-face {
+  font-family: 'IBM Plex Mono';
+  font-style: normal;
+  font-display: swap;
+  font-weight: 500;
+  src: url(./fonts/ibm-plex-mono-vietnamese-500-normal.woff2) format('woff2'), url(./fonts/ibm-plex-mono-vietnamese-500-normal.woff) format('woff');
+  unicode-range: U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB;
+}
+@font-face {
+  font-family: 'IBM Plex Mono';
+  font-style: normal;
+  font-display: swap;
+  font-weight: 500;
+  src: url(./fonts/ibm-plex-mono-latin-ext-500-normal.woff2) format('woff2'), url(./fonts/ibm-plex-mono-latin-ext-500-normal.woff) format('woff');
+  unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;
+}
+@font-face {
+  font-family: 'IBM Plex Mono';
+  font-style: normal;
+  font-display: swap;
+  font-weight: 500;
+  src: url(./fonts/ibm-plex-mono-latin-500-normal.woff2) format('woff2'), url(./fonts/ibm-plex-mono-latin-500-normal.woff) format('woff');
+  unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
+}
+@font-face {
+  font-family: 'IBM Plex Mono';
+  font-style: normal;
+  font-display: swap;
+  font-weight: 600;
+  src: url(./fonts/ibm-plex-mono-cyrillic-ext-600-normal.woff2) format('woff2'), url(./fonts/ibm-plex-mono-cyrillic-ext-600-normal.woff) format('woff');
+  unicode-range: U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F;
+}
+@font-face {
+  font-family: 'IBM Plex Mono';
+  font-style: normal;
+  font-display: swap;
+  font-weight: 600;
+  src: url(./fonts/ibm-plex-mono-cyrillic-600-normal.woff2) format('woff2'), url(./fonts/ibm-plex-mono-cyrillic-600-normal.woff) format('woff');
+  unicode-range: U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116;
+}
+@font-face {
+  font-family: 'IBM Plex Mono';
+  font-style: normal;
+  font-display: swap;
+  font-weight: 600;
+  src: url(./fonts/ibm-plex-mono-vietnamese-600-normal.woff2) format('woff2'), url(./fonts/ibm-plex-mono-vietnamese-600-normal.woff) format('woff');
+  unicode-range: U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB;
+}
+@font-face {
+  font-family: 'IBM Plex Mono';
+  font-style: normal;
+  font-display: swap;
+  font-weight: 600;
+  src: url(./fonts/ibm-plex-mono-latin-ext-600-normal.woff2) format('woff2'), url(./fonts/ibm-plex-mono-latin-ext-600-normal.woff) format('woff');
+  unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;
+}
+@font-face {
+  font-family: 'IBM Plex Mono';
+  font-style: normal;
+  font-display: swap;
+  font-weight: 600;
+  src: url(./fonts/ibm-plex-mono-latin-600-normal.woff2) format('woff2'), url(./fonts/ibm-plex-mono-latin-600-normal.woff) format('woff');
+  unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
+}
 :root {
   --background: oklch(1 0 0);
-  --foreground: oklch(0.145 0 0);
+  --foreground: oklch(0.167 0.016 236.04);
   --card: oklch(1 0 0);
-  --card-foreground: oklch(0.145 0 0);
+  --card-foreground: oklch(0.167 0.016 236.04);
   --popover: oklch(1 0 0);
-  --popover-foreground: oklch(0.145 0 0);
-  --primary: oklch(0.508 0.118 165.612);
-  --primary-foreground: oklch(0.979 0.021 166.113);
-  --secondary: oklch(0.967 0.001 286.375);
-  --secondary-foreground: oklch(0.21 0.006 285.885);
-  --muted: oklch(0.97 0 0);
-  --muted-foreground: oklch(0.556 0 0);
-  --accent: oklch(0.97 0 0);
-  --accent-foreground: oklch(0.205 0 0);
-  --destructive: oklch(0.577 0.245 27.325);
-  --border: oklch(0.922 0 0);
-  --input: oklch(0.922 0 0);
-  --ring: oklch(0.708 0 0);
-  --chart-1: oklch(0.845 0.143 164.978);
-  --chart-2: oklch(0.696 0.17 162.48);
-  --chart-3: oklch(0.596 0.145 163.225);
-  --chart-4: oklch(0.508 0.118 165.612);
-  --chart-5: oklch(0.432 0.095 166.913);
-  --radius: 0.625rem;
-  --sidebar: oklch(0.985 0 0);
-  --sidebar-foreground: oklch(0.145 0 0);
-  --sidebar-primary: oklch(0.596 0.145 163.225);
-  --sidebar-primary-foreground: oklch(0.979 0.021 166.113);
-  --sidebar-accent: oklch(0.97 0 0);
-  --sidebar-accent-foreground: oklch(0.205 0 0);
-  --sidebar-border: oklch(0.922 0 0);
-  --sidebar-ring: oklch(0.708 0 0);
+  --popover-foreground: oklch(0.167 0.016 236.04);
+  --primary: oklch(0.167 0.016 236.04);
+  --primary-foreground: oklch(1 0 0);
+  --secondary: oklch(0.967 0.003 106.45);
+  --secondary-foreground: oklch(0.167 0.016 236.04);
+  --muted: oklch(0.967 0.003 106.45);
+  --muted-foreground: oklch(0.474 0.011 232.57);
+  --accent: oklch(0.967 0.003 106.45);
+  --accent-foreground: oklch(0.167 0.016 236.04);
+  --destructive: oklch(0.501 0.178 28.7);
+  --border: oklch(0.167 0.016 236.04 / 10%);
+  --input: oklch(0.167 0.016 236.04 / 14%);
+  --ring: oklch(0.167 0.016 236.04 / 55%);
+  --chart-1: oklch(0.512 0.125 150.89);
+  --chart-2: oklch(0.623 0.188 259.81);
+  --chart-3: oklch(0.795 0.163 82.84);
+  --chart-4: oklch(0.68 0.2 33);
+  --chart-5: oklch(0.62 0.19 293);
+  --radius: 1rem;
+  --sidebar: oklch(0.985 0.002 106.45);
+  --sidebar-foreground: oklch(0.167 0.016 236.04);
+  --sidebar-primary: oklch(0.167 0.016 236.04);
+  --sidebar-primary-foreground: oklch(1 0 0);
+  --sidebar-accent: oklch(0.943 0.004 106.45);
+  --sidebar-accent-foreground: oklch(0.167 0.016 236.04);
+  --sidebar-border: oklch(0.167 0.016 236.04 / 10%);
+  --sidebar-ring: oklch(0.167 0.016 236.04 / 55%);
 }
 .dark {
-  --background: oklch(0.145 0 0);
-  --foreground: oklch(0.985 0 0);
-  --card: oklch(0.205 0 0);
-  --card-foreground: oklch(0.985 0 0);
-  --popover: oklch(0.205 0 0);
-  --popover-foreground: oklch(0.985 0 0);
-  --primary: oklch(0.432 0.095 166.913);
-  --primary-foreground: oklch(0.979 0.021 166.113);
-  --secondary: oklch(0.274 0.006 286.033);
-  --secondary-foreground: oklch(0.985 0 0);
-  --muted: oklch(0.269 0 0);
-  --muted-foreground: oklch(0.708 0 0);
-  --accent: oklch(0.269 0 0);
-  --accent-foreground: oklch(0.985 0 0);
-  --destructive: oklch(0.704 0.191 22.216);
-  --border: oklch(1 0 0 / 10%);
-  --input: oklch(1 0 0 / 15%);
-  --ring: oklch(0.556 0 0);
-  --chart-1: oklch(0.845 0.143 164.978);
-  --chart-2: oklch(0.696 0.17 162.48);
-  --chart-3: oklch(0.596 0.145 163.225);
-  --chart-4: oklch(0.508 0.118 165.612);
-  --chart-5: oklch(0.432 0.095 166.913);
-  --sidebar: oklch(0.205 0 0);
-  --sidebar-foreground: oklch(0.985 0 0);
-  --sidebar-primary: oklch(0.696 0.17 162.48);
-  --sidebar-primary-foreground: oklch(0.262 0.051 172.552);
-  --sidebar-accent: oklch(0.269 0 0);
-  --sidebar-accent-foreground: oklch(0.985 0 0);
-  --sidebar-border: oklch(1 0 0 / 10%);
-  --sidebar-ring: oklch(0.556 0 0);
+  --background: oklch(0.173 0 0);
+  --foreground: oklch(1 0 0);
+  --card: oklch(0.2 0 0);
+  --card-foreground: oklch(1 0 0);
+  --popover: oklch(0.2 0 0);
+  --popover-foreground: oklch(1 0 0);
+  --primary: oklch(1 0 0);
+  --primary-foreground: oklch(0.173 0 0);
+  --secondary: oklch(0.245 0 0);
+  --secondary-foreground: oklch(1 0 0);
+  --muted: oklch(0.245 0 0);
+  --muted-foreground: oklch(0.72 0.005 232.5);
+  --accent: oklch(0.245 0 0);
+  --accent-foreground: oklch(1 0 0);
+  --destructive: oklch(0.66 0.17 27);
+  --border: oklch(1 0 0 / 12%);
+  --input: oklch(1 0 0 / 16%);
+  --ring: oklch(1 0 0 / 55%);
+  --chart-1: oklch(0.705 0.138 151.54);
+  --chart-2: oklch(0.707 0.165 254.62);
+  --chart-3: oklch(0.84 0.162 84.43);
+  --chart-4: oklch(0.755 0.172 34);
+  --chart-5: oklch(0.71 0.17 293);
+  --sidebar: oklch(0.2 0 0);
+  --sidebar-foreground: oklch(1 0 0);
+  --sidebar-primary: oklch(1 0 0);
+  --sidebar-primary-foreground: oklch(0.173 0 0);
+  --sidebar-accent: oklch(0.245 0 0);
+  --sidebar-accent-foreground: oklch(1 0 0);
+  --sidebar-border: oklch(1 0 0 / 12%);
+  --sidebar-ring: oklch(1 0 0 / 55%);
 }
 @layer base {
   * {
@@ -6623,15 +6637,23 @@
     color: var(--foreground);
   }
   html {
-    font-family: 'Geist Variable', sans-serif;
+    font-family: 'Geist Variable', -apple-system, BlinkMacSystemFont, "Avenir Next", Helvetica, Arial, ui-sans-serif, system-ui, sans-serif;
+  }
+  h1, h2, h3, h4 {
+    letter-spacing: -0.02em;
   }
 }
 :root {
-  --success: oklch(0.627 0.154 150.03);
-  --success-foreground: oklch(0.985 0 0);
+  --success: oklch(0.512 0.125 150.89);
+  --success-foreground: oklch(1 0 0);
+  --success-soft: oklch(0.951 0.026 150.78);
+  --destructive-soft: oklch(0.954 0.02 25.17);
   --warning: oklch(0.795 0.163 82.84);
   --warning-foreground: oklch(0.205 0 0);
-  --chart-1: oklch(0.627 0.154 150.03);
+  --highlight: oklch(0.94 0.214 120.61);
+  --highlight-foreground: oklch(0.181 0.042 118.45);
+  --surface: oklch(0.967 0.003 106.45);
+  --chart-1: oklch(0.512 0.125 150.89);
   --chart-2: oklch(0.623 0.188 259.81);
   --chart-3: oklch(0.795 0.163 82.84);
   --chart-4: oklch(0.68 0.2 33);
@@ -6647,8 +6669,13 @@
 .dark {
   --success: oklch(0.705 0.138 151.54);
   --success-foreground: oklch(0.145 0 0);
+  --success-soft: oklch(0.32 0.045 150.89);
+  --destructive-soft: oklch(0.31 0.045 25.17);
   --warning: oklch(0.84 0.162 84.43);
   --warning-foreground: oklch(0.205 0 0);
+  --highlight: oklch(0.94 0.214 120.61);
+  --highlight-foreground: oklch(0.181 0.042 118.45);
+  --surface: oklch(0.225 0 0);
   --chart-1: oklch(0.705 0.138 151.54);
   --chart-2: oklch(0.707 0.165 254.62);
   --chart-3: oklch(0.84 0.162 84.43);
@@ -6662,6 +6689,14 @@
   --checkerboard-accent: oklch(0.255 0 0);
   --monaco-shell-background: oklch(0.165 0 0);
 }
+@media (prefers-reduced-motion: reduce) {
+  *, *::before, *::after {
+    animation-duration: 0.01ms !important;
+    animation-iteration-count: 1 !important;
+    transition-duration: 0.01ms !important;
+    scroll-behavior: auto !important;
+  }
+}
 @layer base {
   html, body, #root {
     min-height: 100%;
@@ -7160,6 +7195,7 @@
 }
 .react-flow__pane {
   z-index: 1;
+  touch-action: none;
 }
 .react-flow__pane.draggable {
   cursor: grab;
@@ -7593,6 +7629,70 @@ svg.react-flow__connectionline {
 .react-flow__edge-text {
   fill: var(--xy-edge-label-color, var(--xy-edge-label-color-default));
 }
+.workbench-loading-mark {
+  overflow: visible;
+}
+.workbench-loading-mark circle {
+  animation: workbench-loading-dot 1500ms cubic-bezier(0.22, 1, 0.36, 1) infinite;
+  opacity: 0.42;
+  transform: scale(0.82);
+  transform-box: fill-box;
+  transform-origin: center;
+}
+.workbench-loading-mark circle:nth-child(1) {
+  animation-delay: 630ms;
+}
+.workbench-loading-mark circle:nth-child(2) {
+  animation-delay: 810ms;
+}
+.workbench-loading-mark circle:nth-child(3) {
+  animation-delay: 360ms;
+}
+.workbench-loading-mark circle:nth-child(4) {
+  animation-delay: 540ms;
+}
+.workbench-loading-mark circle:nth-child(5) {
+  animation-delay: 720ms;
+}
+.workbench-loading-mark circle:nth-child(6) {
+  animation-delay: 90ms;
+}
+.workbench-loading-mark circle:nth-child(7) {
+  animation-delay: 270ms;
+}
+.workbench-loading-mark circle:nth-child(8) {
+  animation-delay: 450ms;
+}
+.workbench-loading-mark circle:nth-child(9) {
+  animation-delay: 0ms;
+}
+.workbench-loading-mark circle:nth-child(10) {
+  animation-delay: 180ms;
+}
+@keyframes workbench-loading-dot {
+  0%,
+  7%,
+  32%,
+  100% {
+    opacity: 0.42;
+    transform: scale(0.82);
+  }
+  15% {
+    opacity: 1;
+    transform: scale(1);
+  }
+  24% {
+    opacity: 0.68;
+    transform: scale(0.92);
+  }
+}
+@media (prefers-reduced-motion: reduce) {
+  .workbench-loading-mark circle {
+    animation: none;
+    opacity: 1;
+    transform: none;
+  }
+}
 @property --tw-translate-x {
   syntax: "*";
   inherits: false;