@workbench-ai/workbench 0.0.68 → 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);
   }
 }
@@ -452,9 +450,6 @@
   .ml-1 {
     margin-left: calc(var(--spacing) * 1);
   }
-  .ml-2 {
-    margin-left: calc(var(--spacing) * 2);
-  }
   .ml-3 {
     margin-left: calc(var(--spacing) * 3);
   }
@@ -464,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;
@@ -513,6 +514,9 @@
   .field-sizing-content {
     field-sizing: content;
   }
+  .\!aspect-auto {
+    aspect-ratio: auto !important;
+  }
   .aspect-square {
     aspect-ratio: 1 / 1;
   }
@@ -523,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);
@@ -559,6 +567,9 @@
     width: 100%;
     height: 100%;
   }
+  .\!h-auto {
+    height: auto !important;
+  }
   .h-\(--radix-accordion-content-height\) {
     height: var(--radix-accordion-content-height);
   }
@@ -607,6 +618,9 @@
   .h-64 {
     height: calc(var(--spacing) * 64);
   }
+  .h-80 {
+    height: calc(var(--spacing) * 80);
+  }
   .h-\[46px\] {
     height: 46px;
   }
@@ -619,6 +633,12 @@
   .h-\[calc\(100dvh-2rem\)\] {
     height: calc(100dvh - 2rem);
   }
+  .h-\[clamp\(20rem\,calc\(100dvh-26rem\)\,48rem\)\] {
+    height: clamp(20rem, calc(100dvh - 26rem), 48rem);
+  }
+  .h-\[min\(94vh\,calc\(100dvh-1rem\)\)\] {
+    height: min(94vh, calc(100dvh - 1rem));
+  }
   .h-auto {
     height: auto;
   }
@@ -646,9 +666,6 @@
   .max-h-\[28rem\] {
     max-height: 28rem;
   }
-  .max-h-\[32rem\] {
-    max-height: 32rem;
-  }
   .max-h-\[520px\] {
     max-height: 520px;
   }
@@ -745,6 +762,24 @@
   .w-48 {
     width: calc(var(--spacing) * 48);
   }
+  .w-80 {
+    width: calc(var(--spacing) * 80);
+  }
+  .w-\[6rem\] {
+    width: 6rem;
+  }
+  .w-\[8rem\] {
+    width: 8rem;
+  }
+  .w-\[9rem\] {
+    width: 9rem;
+  }
+  .w-\[11rem\] {
+    width: 11rem;
+  }
+  .w-\[12rem\] {
+    width: 12rem;
+  }
   .w-\[100px\] {
     width: 100px;
   }
@@ -778,8 +813,11 @@
   .max-w-\[10rem\] {
     max-width: 10rem;
   }
-  .max-w-\[18rem\] {
-    max-width: 18rem;
+  .max-w-\[11rem\] {
+    max-width: 11rem;
+  }
+  .max-w-\[14rem\] {
+    max-width: 14rem;
   }
   .max-w-\[44rem\] {
     max-width: 44rem;
@@ -790,6 +828,9 @@
   .max-w-\[calc\(100\%-2rem\)\] {
     max-width: calc(100% - 2rem);
   }
+  .max-w-\[min\(calc\(100vw-2rem\)\,24rem\)\] {
+    max-width: min(calc(100vw - 2rem), 24rem);
+  }
   .max-w-full {
     max-width: 100%;
   }
@@ -826,8 +867,11 @@
   .min-w-36 {
     min-width: calc(var(--spacing) * 36);
   }
-  .min-w-\[12rem\] {
-    min-width: 12rem;
+  .min-w-64 {
+    min-width: calc(var(--spacing) * 64);
+  }
+  .min-w-\[60rem\] {
+    min-width: 60rem;
   }
   .min-w-\[96px\] {
     min-width: 96px;
@@ -841,9 +885,15 @@
   .flex-1 {
     flex: 1;
   }
+  .flex-none {
+    flex: none;
+  }
   .shrink-0 {
     flex-shrink: 0;
   }
+  .table-fixed {
+    table-layout: fixed;
+  }
   .caption-bottom {
     caption-side: bottom;
   }
@@ -943,6 +993,9 @@
   .\[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));
+  }
   .grid-cols-\[1rem_auto_minmax\(0\,1fr\)\] {
     grid-template-columns: 1rem auto minmax(0,1fr);
   }
@@ -1049,6 +1102,9 @@
   .gap-x-3 {
     column-gap: calc(var(--spacing) * 3);
   }
+  .gap-x-4 {
+    column-gap: calc(var(--spacing) * 4);
+  }
   .gap-x-6 {
     column-gap: calc(var(--spacing) * 6);
   }
@@ -1072,6 +1128,9 @@
   .gap-y-1 {
     row-gap: calc(var(--spacing) * 1);
   }
+  .gap-y-1\.5 {
+    row-gap: calc(var(--spacing) * 1.5);
+  }
   .gap-y-2 {
     row-gap: calc(var(--spacing) * 2);
   }
@@ -1150,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);
   }
@@ -1360,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)) {
@@ -1369,6 +1428,9 @@
   .bg-foreground {
     background-color: var(--foreground);
   }
+  .bg-highlight {
+    background-color: var(--highlight);
+  }
   .bg-input {
     background-color: var(--input);
   }
@@ -1393,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)) {
@@ -1468,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;
@@ -1489,6 +1554,9 @@
   .fill-foreground {
     fill: var(--foreground);
   }
+  .fill-muted-foreground {
+    fill: var(--muted-foreground);
+  }
   .object-contain {
     object-fit: contain;
   }
@@ -1646,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);
@@ -1735,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;
@@ -1827,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);
   }
@@ -1878,6 +1953,10 @@
   .italic {
     font-style: italic;
   }
+  .ordinal {
+    --tw-ordinal: ordinal;
+    font-variant-numeric: var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,);
+  }
   .tabular-nums {
     --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,);
@@ -1931,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);
@@ -1946,6 +2029,9 @@
   .ring-background {
     --tw-ring-color: var(--background);
   }
+  .ring-border {
+    --tw-ring-color: var(--border);
+  }
   .ring-foreground\/10 {
     --tw-ring-color: var(--foreground);
     @supports (color: color-mix(in lab, red, red)) {
@@ -1967,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)) {
@@ -2098,6 +2178,9 @@
   .running {
     animation-play-state: running;
   }
+  .zoom-out {
+    --tw-exit-scale: 0;
+  }
   .\*\:w-full {
     :is(& > *) {
       width: 100%;
@@ -2567,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\] {
@@ -2884,13 +2967,6 @@
       }
     }
   }
-  .hover\:bg-transparent {
-    &:hover {
-      @media (hover: hover) {
-        background-color: transparent;
-      }
-    }
-  }
   .hover\:text-foreground {
     &:hover {
       @media (hover: hover) {
@@ -4394,11 +4470,6 @@
       display: flex;
     }
   }
-  .sm\:inline {
-    @media (width >= 40rem) {
-      display: inline;
-    }
-  }
   .sm\:h-\[85vh\] {
     @media (width >= 40rem) {
       height: 85vh;
@@ -4731,6 +4802,11 @@
       }
     }
   }
+  .lg\:inline {
+    @media (width >= 64rem) {
+      display: inline;
+    }
+  }
   .lg\:grid-cols-\[minmax\(0\,1fr\)_auto\] {
     @media (width >= 64rem) {
       grid-template-columns: minmax(0,1fr) auto;
@@ -5698,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 {
@@ -6333,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 {
   * {
@@ -6413,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);
@@ -6437,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);
@@ -6452,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%;
@@ -7384,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;