@agentorg/cli 0.0.8 → 0.0.9

package/dist/node_modules/@agentorg/shell/dist/app.css

@@ -17,7 +17,6 @@
     --container-sm: 24rem;
     --container-md: 28rem;
     --container-lg: 32rem;
-    --container-3xl: 48rem;
     --container-5xl: 64rem;
     --text-xs: 0.75rem;
     --text-xs--line-height: calc(1 / 0.75);
@@ -36,6 +35,7 @@
     --font-weight-normal: 400;
     --font-weight-medium: 500;
     --font-weight-semibold: 600;
+    --tracking-tight: -0.025em;
     --tracking-widest: 0.1em;
     --leading-snug: 1.375;
     --leading-normal: 1.5;
@@ -70,9 +70,6 @@
   .pointer-events-none {
     pointer-events: none;
   }
-  .collapse {
-    visibility: collapse;
-  }
   .invisible {
     visibility: hidden;
   }
@@ -117,6 +114,9 @@
   .inset-s-1\/2 {
     inset-inline-start: calc(1 / 2 * 100%);
   }
+  .-top-0\.5 {
+    top: calc(var(--spacing) * -0.5);
+  }
   .top-0 {
     top: 0px;
   }
@@ -141,6 +141,9 @@
   .-right-0\.5 {
     right: calc(var(--spacing) * -0.5);
   }
+  .-right-1 {
+    right: calc(var(--spacing) * -1);
+  }
   .right-0 {
     right: 0px;
   }
@@ -153,6 +156,12 @@
   .right-4 {
     right: calc(var(--spacing) * 4);
   }
+  .right-\[calc\(var\(--inset\)\+var\(--panel\)\+var\(--gap\)\)\] {
+    right: calc(var(--inset) + var(--panel) + var(--gap));
+  }
+  .right-\[calc\(var\(--inset\)\+var\(--tab\)\+var\(--gap\)\)\] {
+    right: calc(var(--inset) + var(--tab) + var(--gap));
+  }
   .right-\[var\(--inset\)\] {
     right: var(--inset);
   }
@@ -186,6 +195,12 @@
   .left-4 {
     left: calc(var(--spacing) * 4);
   }
+  .left-\[var\(--inset\)\] {
+    left: var(--inset);
+  }
+  .left-auto {
+    left: auto;
+  }
   .isolate {
     isolation: isolate;
   }
@@ -210,8 +225,11 @@
   .order-last {
     order: 9999;
   }
-  .row-span-2 {
-    grid-row: span 2 / span 2;
+  .col-start-1 {
+    grid-column-start: 1;
+  }
+  .row-start-1 {
+    grid-row-start: 1;
   }
   .container {
     width: 100%;
@@ -237,9 +255,6 @@
   .-mx-1 {
     margin-inline: calc(var(--spacing) * -1);
   }
-  .-mx-1\.5 {
-    margin-inline: calc(var(--spacing) * -1.5);
-  }
   .-mx-2 {
     margin-inline: calc(var(--spacing) * -2);
   }
@@ -249,6 +264,9 @@
   .mx-0\.5 {
     margin-inline: calc(var(--spacing) * 0.5);
   }
+  .mx-1 {
+    margin-inline: var(--spacing);
+  }
   .mx-4 {
     margin-inline: calc(var(--spacing) * 4);
   }
@@ -267,12 +285,6 @@
   .my-6 {
     margin-block: calc(var(--spacing) * 6);
   }
-  .-mt-3 {
-    margin-top: calc(var(--spacing) * -3);
-  }
-  .mt-0\.5 {
-    margin-top: calc(var(--spacing) * 0.5);
-  }
   .mt-1 {
     margin-top: var(--spacing);
   }
@@ -285,6 +297,12 @@
   .mt-3 {
     margin-top: calc(var(--spacing) * 3);
   }
+  .mt-4 {
+    margin-top: calc(var(--spacing) * 4);
+  }
+  .mt-5 {
+    margin-top: calc(var(--spacing) * 5);
+  }
   .mt-6 {
     margin-top: calc(var(--spacing) * 6);
   }
@@ -297,6 +315,9 @@
   .-mb-4 {
     margin-bottom: calc(var(--spacing) * -4);
   }
+  .-mb-px {
+    margin-bottom: -1px;
+  }
   .mb-1 {
     margin-bottom: var(--spacing);
   }
@@ -306,12 +327,12 @@
   .mb-2 {
     margin-bottom: calc(var(--spacing) * 2);
   }
-  .mb-auto {
-    margin-bottom: auto;
-  }
   .-ml-2 {
     margin-left: calc(var(--spacing) * -2);
   }
+  .-ml-2\.5 {
+    margin-left: calc(var(--spacing) * -2.5);
+  }
   .ml-1 {
     margin-left: var(--spacing);
   }
@@ -363,6 +384,10 @@
   .field-sizing-content {
     field-sizing: content;
   }
+  .size-1\.5 {
+    width: calc(var(--spacing) * 1.5);
+    height: calc(var(--spacing) * 1.5);
+  }
   .size-2 {
     width: calc(var(--spacing) * 2);
     height: calc(var(--spacing) * 2);
@@ -403,6 +428,14 @@
     width: calc(var(--spacing) * 9);
     height: calc(var(--spacing) * 9);
   }
+  .size-10 {
+    width: calc(var(--spacing) * 10);
+    height: calc(var(--spacing) * 10);
+  }
+  .size-11 {
+    width: calc(var(--spacing) * 11);
+    height: calc(var(--spacing) * 11);
+  }
   .size-\[18px\] {
     width: 18px;
     height: 18px;
@@ -411,6 +444,9 @@
     width: 100%;
     height: 100%;
   }
+  .h-1 {
+    height: var(--spacing);
+  }
   .h-4 {
     height: calc(var(--spacing) * 4);
   }
@@ -444,9 +480,6 @@
   .h-24 {
     height: calc(var(--spacing) * 24);
   }
-  .h-64 {
-    height: calc(var(--spacing) * 64);
-  }
   .h-\[1\.15rem\] {
     height: 1.15rem;
   }
@@ -459,29 +492,17 @@
   .h-\[104px\] {
     height: 104px;
   }
-  .h-\[320px\] {
-    height: 320px;
-  }
-  .h-\[440px\] {
-    height: 440px;
-  }
-  .h-\[524px\] {
-    height: 524px;
+  .h-\[620px\] {
+    height: 620px;
   }
   .h-\[calc\(100\%-1px\)\] {
     height: calc(100% - 1px);
   }
-  .h-\[min\(26rem\,calc\(100dvh-2rem\)\)\] {
-    height: min(26rem, calc(100dvh - 2rem));
-  }
-  .h-\[min\(480px\,80vh\)\] {
-    height: min(480px, 80vh);
-  }
   .h-\[min\(560px\,88vh\)\] {
     height: min(560px, 88vh);
   }
-  .h-\[min\(720px\,calc\(100dvh-2rem\)\)\] {
-    height: min(720px, calc(100dvh - 2rem));
+  .h-\[min\(700px\,calc\(100\%-2rem\)\)\] {
+    height: min(700px, calc(100% - 2rem));
   }
   .h-auto {
     height: auto;
@@ -507,9 +528,6 @@
   .max-h-56 {
     max-height: calc(var(--spacing) * 56);
   }
-  .max-h-\[60vh\] {
-    max-height: 60vh;
-  }
   .max-h-\[min\(70vh\,40rem\)\] {
     max-height: min(70vh, 40rem);
   }
@@ -522,15 +540,9 @@
   .min-h-4 {
     min-height: calc(var(--spacing) * 4);
   }
-  .min-h-7 {
-    min-height: calc(var(--spacing) * 7);
-  }
   .min-h-11 {
     min-height: calc(var(--spacing) * 11);
   }
-  .min-h-12 {
-    min-height: calc(var(--spacing) * 12);
-  }
   .min-h-14 {
     min-height: calc(var(--spacing) * 14);
   }
@@ -540,6 +552,12 @@
   .min-h-28 {
     min-height: calc(var(--spacing) * 28);
   }
+  .min-h-\[52px\] {
+    min-height: 52px;
+  }
+  .min-h-\[108px\] {
+    min-height: 108px;
+  }
   .min-h-\[200px\] {
     min-height: 200px;
   }
@@ -558,6 +576,12 @@
   .w-10 {
     width: calc(var(--spacing) * 10);
   }
+  .w-14 {
+    width: calc(var(--spacing) * 14);
+  }
+  .w-16 {
+    width: calc(var(--spacing) * 16);
+  }
   .w-40 {
     width: calc(var(--spacing) * 40);
   }
@@ -570,12 +594,24 @@
   .w-\[84px\] {
     width: 84px;
   }
+  .w-\[130px\] {
+    width: 130px;
+  }
+  .w-\[232px\] {
+    width: 232px;
+  }
   .w-\[236px\] {
     width: 236px;
   }
+  .w-\[250px\] {
+    width: 250px;
+  }
   .w-\[272px\] {
     width: 272px;
   }
+  .w-\[460px\] {
+    width: 460px;
+  }
   .w-\[var\(--panel\)\] {
     width: var(--panel);
   }
@@ -594,15 +630,21 @@
   .max-w-44 {
     max-width: calc(var(--spacing) * 44);
   }
-  .max-w-72 {
-    max-width: calc(var(--spacing) * 72);
-  }
   .max-w-\[80\%\] {
     max-width: 80%;
   }
+  .max-w-\[420px\] {
+    max-width: 420px;
+  }
   .max-w-\[720px\] {
     max-width: 720px;
   }
+  .max-w-\[1080px\] {
+    max-width: 1080px;
+  }
+  .max-w-\[calc\(100\%-1rem\)\] {
+    max-width: calc(100% - 1rem);
+  }
   .max-w-\[calc\(100\%-2rem\)\] {
     max-width: calc(100% - 2rem);
   }
@@ -645,18 +687,12 @@
   .flex-1 {
     flex: 1;
   }
-  .flex-none {
-    flex: none;
-  }
   .shrink {
     flex-shrink: 1;
   }
   .shrink-0 {
     flex-shrink: 0;
   }
-  .basis-full {
-    flex-basis: 100%;
-  }
   .border-collapse {
     border-collapse: collapse;
   }
@@ -676,6 +712,10 @@
     --tw-translate-x: calc(calc(1 / 2 * 100%) * -1);
     translate: var(--tw-translate-x) var(--tw-translate-y);
   }
+  .translate-x-0 {
+    --tw-translate-x: 0px;
+    translate: var(--tw-translate-x) var(--tw-translate-y);
+  }
   .-translate-y-1\/2 {
     --tw-translate-y: calc(calc(1 / 2 * 100%) * -1);
     translate: var(--tw-translate-x) var(--tw-translate-y);
@@ -684,6 +724,10 @@
     --tw-translate-y: calc(calc(3 / 4 * 100%) * -1);
     translate: var(--tw-translate-x) var(--tw-translate-y);
   }
+  .translate-y-0 {
+    --tw-translate-y: 0px;
+    translate: var(--tw-translate-x) var(--tw-translate-y);
+  }
   .translate-y-3\/4 {
     --tw-translate-y: calc(3 / 4 * 100%);
     translate: var(--tw-translate-x) var(--tw-translate-y);
@@ -770,17 +814,8 @@
   .appearance-none {
     appearance: none;
   }
-  .auto-cols-fr {
-    grid-auto-columns: minmax(0, 1fr);
-  }
-  .grid-flow-col {
-    grid-auto-flow: column;
-  }
-  .grid-cols-4 {
-    grid-template-columns: repeat(4, minmax(0, 1fr));
-  }
-  .grid-cols-\[minmax\(0\,0\.6fr\)_minmax\(0\,1\.3fr\)_minmax\(0\,1\.2fr\)_24px\] {
-    grid-template-columns: minmax(0,0.6fr) minmax(0,1.3fr) minmax(0,1.2fr) 24px;
+  .grid-cols-\[minmax\(0\,0\.8fr\)_minmax\(0\,1\.2fr\)_24px\] {
+    grid-template-columns: minmax(0,0.8fr) minmax(0,1.2fr) 24px;
   }
   .grid-cols-\[minmax\(0\,1\.1fr\)_minmax\(0\,1\.3fr\)_minmax\(0\,1fr\)_72px_24px\] {
     grid-template-columns: minmax(0,1.1fr) minmax(0,1.3fr) minmax(0,1fr) 72px 24px;
@@ -788,8 +823,8 @@
   .grid-cols-\[minmax\(0\,1\.4fr\)_minmax\(0\,1fr\)_auto_24px\] {
     grid-template-columns: minmax(0,1.4fr) minmax(0,1fr) auto 24px;
   }
-  .grid-cols-\[minmax\(0\,1fr\)_260px\] {
-    grid-template-columns: minmax(0,1fr) 260px;
+  .grid-cols-\[minmax\(0\,1fr\)_200px\] {
+    grid-template-columns: minmax(0,1fr) 200px;
   }
   .grid-cols-\[minmax\(0\,1fr\)_auto\] {
     grid-template-columns: minmax(0,1fr) auto;
@@ -797,9 +832,6 @@
   .grid-cols-\[minmax\(0\,1fr\)_minmax\(0\,1\.3fr\)_minmax\(0\,1fr\)\] {
     grid-template-columns: minmax(0,1fr) minmax(0,1.3fr) minmax(0,1fr);
   }
-  .grid-cols-\[minmax\(0\,2fr\)_minmax\(0\,1fr\)\] {
-    grid-template-columns: minmax(0,2fr) minmax(0,1fr);
-  }
   .grid-cols-\[minmax\(0\,2fr\)_minmax\(0\,1fr\)_24px\] {
     grid-template-columns: minmax(0,2fr) minmax(0,1fr) 24px;
   }
@@ -833,9 +865,6 @@
   .items-start {
     align-items: flex-start;
   }
-  .items-stretch {
-    align-items: stretch;
-  }
   .justify-between {
     justify-content: space-between;
   }
@@ -869,6 +898,9 @@
   .gap-3 {
     gap: calc(var(--spacing) * 3);
   }
+  .gap-3\.5 {
+    gap: calc(var(--spacing) * 3.5);
+  }
   .gap-4 {
     gap: calc(var(--spacing) * 4);
   }
@@ -881,6 +913,9 @@
   .gap-7 {
     gap: calc(var(--spacing) * 7);
   }
+  .gap-8 {
+    gap: calc(var(--spacing) * 8);
+  }
   .gap-10 {
     gap: calc(var(--spacing) * 10);
   }
@@ -895,23 +930,11 @@
   .gap-x-4 {
     column-gap: calc(var(--spacing) * 4);
   }
-  .gap-x-10 {
-    column-gap: calc(var(--spacing) * 10);
-  }
   :where(.space-x-2 > :not(:last-child)) {
     --tw-space-x-reverse: 0;
     margin-inline-start: calc(calc(var(--spacing) * 2) * var(--tw-space-x-reverse));
     margin-inline-end: calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-x-reverse)));
   }
-  .gap-y-6 {
-    row-gap: calc(var(--spacing) * 6);
-  }
-  :where(.divide-x > :not(:last-child)) {
-    --tw-divide-x-reverse: 0;
-    border-inline-style: var(--tw-border-style);
-    border-inline-start-width: calc(1px * var(--tw-divide-x-reverse));
-    border-inline-end-width: calc(1px * calc(1 - var(--tw-divide-x-reverse)));
-  }
   :where(.divide-y > :not(:last-child)) {
     --tw-divide-y-reverse: 0;
     border-bottom-style: var(--tw-border-style);
@@ -1018,23 +1041,19 @@
     border-left-style: var(--tw-border-style);
     border-left-width: 4px;
   }
-  .border-dashed {
-    --tw-border-style: dashed;
-    border-style: dashed;
-  }
   .border-none {
     --tw-border-style: none;
     border-style: none;
   }
-  .border-\[var\(--faint\)\] {
-    border-color: var(--faint);
-  }
   .border-border {
     border-color: var(--line);
   }
   .border-current {
     border-color: currentcolor;
   }
+  .border-foreground {
+    border-color: var(--fg);
+  }
   .border-input {
     border-color: var(--line-strong);
   }
@@ -1056,6 +1075,12 @@
   .bg-\[var\(--faint\)\] {
     background-color: var(--faint);
   }
+  .bg-\[var\(--fg\)\]\/60 {
+    background-color: var(--fg);
+    @supports (color: color-mix(in lab, red, red)) {
+      background-color: color-mix(in oklab, var(--fg) 60%, transparent);
+    }
+  }
   .bg-\[var\(--ok\)\] {
     background-color: var(--ok);
   }
@@ -1077,6 +1102,9 @@
   .bg-\[var\(--unread\)\] {
     background-color: var(--unread);
   }
+  .bg-\[var\(--warn\)\] {
+    background-color: var(--warn);
+  }
   .bg-background {
     background-color: var(--surface);
   }
@@ -1086,6 +1114,12 @@
       background-color: color-mix(in oklab, var(--surface) 50%, transparent);
     }
   }
+  .bg-background\/70 {
+    background-color: var(--surface);
+    @supports (color: color-mix(in lab, red, red)) {
+      background-color: color-mix(in oklab, var(--surface) 70%, transparent);
+    }
+  }
   .bg-background\/80 {
     background-color: var(--surface);
     @supports (color: color-mix(in lab, red, red)) {
@@ -1230,6 +1264,12 @@
   .px-4 {
     padding-inline: calc(var(--spacing) * 4);
   }
+  .px-5 {
+    padding-inline: calc(var(--spacing) * 5);
+  }
+  .px-6 {
+    padding-inline: calc(var(--spacing) * 6);
+  }
   .py-0\.5 {
     padding-block: calc(var(--spacing) * 0.5);
   }
@@ -1248,12 +1288,15 @@
   .py-3 {
     padding-block: calc(var(--spacing) * 3);
   }
+  .py-3\.5 {
+    padding-block: calc(var(--spacing) * 3.5);
+  }
+  .py-5 {
+    padding-block: calc(var(--spacing) * 5);
+  }
   .pt-0 {
     padding-top: 0px;
   }
-  .pt-1 {
-    padding-top: var(--spacing);
-  }
   .pt-2 {
     padding-top: calc(var(--spacing) * 2);
   }
@@ -1263,9 +1306,18 @@
   .pt-3\.5 {
     padding-top: calc(var(--spacing) * 3.5);
   }
+  .pt-4 {
+    padding-top: calc(var(--spacing) * 4);
+  }
+  .pt-5 {
+    padding-top: calc(var(--spacing) * 5);
+  }
   .pt-6 {
     padding-top: calc(var(--spacing) * 6);
   }
+  .pt-8 {
+    padding-top: calc(var(--spacing) * 8);
+  }
   .pr-1 {
     padding-right: var(--spacing);
   }
@@ -1281,8 +1333,8 @@
   .pr-8 {
     padding-right: calc(var(--spacing) * 8);
   }
-  .pr-10 {
-    padding-right: calc(var(--spacing) * 10);
+  .pr-11 {
+    padding-right: calc(var(--spacing) * 11);
   }
   .pb-2 {
     padding-bottom: calc(var(--spacing) * 2);
@@ -1296,12 +1348,12 @@
   .pb-4 {
     padding-bottom: calc(var(--spacing) * 4);
   }
+  .pb-5 {
+    padding-bottom: calc(var(--spacing) * 5);
+  }
   .pb-28 {
     padding-bottom: calc(var(--spacing) * 28);
   }
-  .pl-1 {
-    padding-left: var(--spacing);
-  }
   .pl-1\.5 {
     padding-left: calc(var(--spacing) * 1.5);
   }
@@ -1326,6 +1378,9 @@
   .text-left {
     text-align: left;
   }
+  .text-right {
+    text-align: right;
+  }
   .font-mono {
     font-family: var(--font-mono);
   }
@@ -1381,13 +1436,16 @@
   .text-\[22px\] {
     font-size: 22px;
   }
+  .text-\[30px\] {
+    font-size: 30px;
+  }
   .leading-5 {
     --tw-leading: calc(var(--spacing) * 5);
     line-height: calc(var(--spacing) * 5);
   }
-  .leading-7 {
-    --tw-leading: calc(var(--spacing) * 7);
-    line-height: calc(var(--spacing) * 7);
+  .leading-9 {
+    --tw-leading: calc(var(--spacing) * 9);
+    line-height: calc(var(--spacing) * 9);
   }
   .leading-\[1\.5\] {
     --tw-leading: 1.5;
@@ -1433,6 +1491,10 @@
     --tw-font-weight: var(--font-weight-semibold);
     font-weight: var(--font-weight-semibold);
   }
+  .tracking-tight {
+    --tw-tracking: var(--tracking-tight);
+    letter-spacing: var(--tracking-tight);
+  }
   .tracking-widest {
     --tw-tracking: var(--tracking-widest);
     letter-spacing: var(--tracking-widest);
@@ -1593,6 +1655,9 @@
     --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(3px + 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);
   }
+  .ring-\[var\(--canvas\)\] {
+    --tw-ring-color: var(--canvas);
+  }
   .ring-\[var\(--surface\)\] {
     --tw-ring-color: var(--surface);
   }
@@ -1627,26 +1692,21 @@
   .filter {
     filter: var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, );
   }
+  .backdrop-blur {
+    --tw-backdrop-blur: blur(8px);
+    -webkit-backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );
+    backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );
+  }
   .backdrop-blur-sm {
     --tw-backdrop-blur: blur(var(--blur-sm));
     -webkit-backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );
     backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );
   }
-  .transition {
-    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events;
-    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
-    transition-duration: var(--tw-duration, var(--default-transition-duration));
-  }
   .transition-\[translate\,scale\,opacity\] {
     transition-property: translate,scale,opacity;
     transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
     transition-duration: var(--tw-duration, var(--default-transition-duration));
   }
-  .transition-\[width\,height\] {
-    transition-property: width,height;
-    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
-    transition-duration: var(--tw-duration, var(--default-transition-duration));
-  }
   .transition-\[width\] {
     transition-property: width;
     transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
@@ -1682,9 +1742,9 @@
     --tw-duration: 200ms;
     transition-duration: 200ms;
   }
-  .duration-300 {
-    --tw-duration: 300ms;
-    transition-duration: 300ms;
+  .duration-700 {
+    --tw-duration: 700ms;
+    transition-duration: 700ms;
   }
   .ease-out {
     --tw-ease: var(--ease-out);
@@ -1738,9 +1798,6 @@
     :is(:where(.group\/row):hover .group-hover\/row\:opacity-100) {
       opacity: 100%;
     }
-    :is(:where(.group\/skill):hover .group-hover\/skill\:opacity-100) {
-      opacity: 100%;
-    }
   }
   :is(:where(.group\/dropdown-menu-item):focus .group-focus\/dropdown-menu-item\:text-accent-foreground) {
     color: var(--fg);
@@ -2637,11 +2694,6 @@
       backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );
     }
   }
-  @media (prefers-reduced-motion: no-preference) {
-    .motion-safe\:animate-pulse {
-      animation: var(--animate-pulse);
-    }
-  }
   @media (prefers-reduced-motion: reduce) {
     .motion-reduce\:animate-none {
       animation: none;
@@ -2650,30 +2702,38 @@
       transition-property: none;
     }
   }
-  @media (width >= 40rem) {
-    .sm\:block {
-      display: block;
+  @media (width < 40rem) {
+    .max-sm\:hidden {
+      display: none;
     }
-    .sm\:h-full {
-      height: 100%;
+    .max-sm\:w-auto {
+      width: auto;
     }
-    .sm\:min-h-0 {
-      min-height: 0px;
+    .max-sm\:w-full {
+      width: 100%;
     }
-    .sm\:w-80 {
-      width: calc(var(--spacing) * 80);
+    .max-sm\:flex-col {
+      flex-direction: column;
     }
-    .sm\:w-\[40rem\] {
-      width: 40rem;
+    .max-sm\:flex-row {
+      flex-direction: row;
     }
-    .sm\:w-\[min\(60rem\,calc\(100vw-2rem\)\)\] {
-      width: min(60rem, calc(100vw - 2rem));
+    .max-sm\:overflow-x-auto {
+      overflow-x: auto;
+    }
+    .max-sm\:pt-3 {
+      padding-top: calc(var(--spacing) * 3);
     }
-    .sm\:max-w-3xl {
-      max-width: var(--container-3xl);
+    .max-sm\:pr-12 {
+      padding-right: calc(var(--spacing) * 12);
+    }
+  }
+  @media (width >= 40rem) {
+    .sm\:max-w-\[460px\] {
+      max-width: 460px;
     }
-    .sm\:max-w-\[calc\(100vw-22rem\)\] {
-      max-width: calc(100vw - 22rem);
+    .sm\:max-w-\[840px\] {
+      max-width: 840px;
     }
     .sm\:max-w-lg {
       max-width: var(--container-lg);
@@ -2681,43 +2741,15 @@
     .sm\:max-w-md {
       max-width: var(--container-md);
     }
-    .sm\:max-w-none {
-      max-width: none;
-    }
     .sm\:max-w-sm {
       max-width: var(--container-sm);
     }
-    .sm\:flex-1 {
-      flex: 1;
-    }
-    .sm\:shrink-0 {
-      flex-shrink: 0;
-    }
-    .sm\:grid-cols-2 {
-      grid-template-columns: repeat(2, minmax(0, 1fr));
-    }
-    .sm\:flex-col {
-      flex-direction: column;
-    }
     .sm\:flex-row {
       flex-direction: row;
     }
     .sm\:justify-end {
       justify-content: flex-end;
     }
-    .sm\:overflow-y-auto {
-      overflow-y: auto;
-    }
-    .sm\:border-l {
-      border-left-style: var(--tw-border-style);
-      border-left-width: 1px;
-    }
-    .sm\:pt-5 {
-      padding-top: calc(var(--spacing) * 5);
-    }
-    .sm\:pr-12 {
-      padding-right: calc(var(--spacing) * 12);
-    }
   }
   @media (width >= 48rem) {
     .md\:text-sm {
@@ -2872,9 +2904,15 @@
     }
   }
   @container app (width < 40rem) {
+    .phone\:\!inset-0 {
+      inset: 0px !important;
+    }
     .phone\:inset-0 {
       inset: 0px;
     }
+    .phone\:\!z-\[60\] {
+      z-index: 60 !important;
+    }
     .phone\:z-30 {
       z-index: 30;
     }
@@ -2890,6 +2928,9 @@
     .phone\:rounded-none {
       border-radius: 0;
     }
+    .phone\:pt-2 {
+      padding-top: calc(var(--spacing) * 2);
+    }
   }
   @container app (40rem <= width < 60rem) {
     .rail\:hidden {
@@ -2917,6 +2958,14 @@
       padding-inline: calc(var(--spacing) * 2);
     }
   }
+  @container app (width < 68.75rem) {
+    .narrow\:right-\[var\(--inset\)\] {
+      right: var(--inset);
+    }
+    .narrow\:z-\[60\] {
+      z-index: 60;
+    }
+  }
   @container main (width < 44rem) {
     .tight\:col-span-2 {
       grid-column: span 2 / span 2;
@@ -2930,9 +2979,6 @@
     .tight\:col-start-2 {
       grid-column-start: 2;
     }
-    .tight\:row-span-1 {
-      grid-row: span 1 / span 1;
-    }
     .tight\:row-start-1 {
       grid-row-start: 1;
     }
@@ -2948,30 +2994,18 @@
     .tight\:inline {
       display: inline;
     }
-    .tight\:h-\[420px\] {
-      height: 420px;
-    }
-    .tight\:h-\[440px\] {
-      height: 440px;
-    }
-    .tight\:w-auto {
-      width: auto;
+    .tight\:h-\[560px\] {
+      height: 560px;
     }
-    .tight\:w-fit {
-      width: fit-content;
+    .tight\:w-full {
+      width: 100%;
     }
     .tight\:flex-1 {
       flex: 1;
     }
-    .tight\:grid-flow-row {
-      grid-auto-flow: row;
-    }
     .tight\:grid-cols-1 {
       grid-template-columns: repeat(1, minmax(0, 1fr));
     }
-    .tight\:grid-cols-2 {
-      grid-template-columns: repeat(2, minmax(0, 1fr));
-    }
     .tight\:grid-cols-\[minmax\(0\,1fr\)_24px\] {
       grid-template-columns: minmax(0,1fr) 24px;
     }
@@ -2984,48 +3018,29 @@
     .tight\:flex-col {
       flex-direction: column;
     }
-    .tight\:flex-row {
-      flex-direction: row;
-    }
-    .tight\:flex-row\! {
-      flex-direction: row !important;
-    }
-    .tight\:items-center {
-      align-items: center;
-    }
-    .tight\:justify-start {
-      justify-content: flex-start;
-    }
-    .tight\:gap-2 {
-      gap: calc(var(--spacing) * 2);
+    .tight\:flex-wrap {
+      flex-wrap: wrap;
     }
-    .tight\:gap-3 {
-      gap: calc(var(--spacing) * 3);
+    .tight\:items-stretch {
+      align-items: stretch;
     }
-    :where(.tight\:divide-x-0 > :not(:last-child)) {
-      --tw-divide-x-reverse: 0;
-      border-inline-style: var(--tw-border-style);
-      border-inline-start-width: calc(0px * var(--tw-divide-x-reverse));
-      border-inline-end-width: calc(0px * calc(1 - var(--tw-divide-x-reverse)));
+    .tight\:gap-4 {
+      gap: calc(var(--spacing) * 4);
     }
-    :where(.tight\:divide-y > :not(:last-child)) {
-      --tw-divide-y-reverse: 0;
-      border-bottom-style: var(--tw-border-style);
-      border-top-style: var(--tw-border-style);
-      border-top-width: calc(1px * var(--tw-divide-y-reverse));
-      border-bottom-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));
+    .tight\:gap-x-4 {
+      column-gap: calc(var(--spacing) * 4);
     }
-    .tight\:overflow-x-auto {
-      overflow-x: auto;
+    .tight\:gap-y-5 {
+      row-gap: calc(var(--spacing) * 5);
     }
     .tight\:p-3\.5 {
       padding: calc(var(--spacing) * 3.5);
     }
-    .tight\:py-2 {
-      padding-block: calc(var(--spacing) * 2);
+    .tight\:px-3\.5 {
+      padding-inline: calc(var(--spacing) * 3.5);
     }
-    .tight\:pb-0 {
-      padding-bottom: 0px;
+    .tight\:px-4 {
+      padding-inline: calc(var(--spacing) * 4);
     }
   }
   .data-open\:animate-in:where([data-state="open"]), .data-open\:animate-in:where([data-open]:not([data-open="false"])) {
@@ -3045,6 +3060,13 @@
     --tw-enter-scale: calc(95*1%);
     --tw-enter-scale: .95;
   }
+  .data-open\:zoom-in-100:where([data-state="open"]), .data-open\:zoom-in-100:where([data-open]:not([data-open="false"])) {
+    --tw-enter-scale: calc(100*1%);
+    --tw-enter-scale: 1;
+  }
+  .data-open\:slide-in-from-right-8:where([data-state="open"]), .data-open\:slide-in-from-right-8:where([data-open]:not([data-open="false"])) {
+    --tw-enter-translate-x: calc(8*var(--spacing));
+  }
   .data-closed\:animate-out:where([data-state="closed"]), .data-closed\:animate-out:where([data-closed]:not([data-closed="false"])) {
     animation: exit var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none);
   }
@@ -3056,6 +3078,13 @@
     --tw-exit-scale: calc(95*1%);
     --tw-exit-scale: .95;
   }
+  .data-closed\:zoom-out-100:where([data-state="closed"]), .data-closed\:zoom-out-100:where([data-closed]:not([data-closed="false"])) {
+    --tw-exit-scale: calc(100*1%);
+    --tw-exit-scale: 1;
+  }
+  .data-closed\:slide-out-to-right-8:where([data-state="closed"]), .data-closed\:slide-out-to-right-8:where([data-closed]:not([data-closed="false"])) {
+    --tw-exit-translate-x: calc(8*var(--spacing));
+  }
   .data-checked\:border-primary:where([data-state="checked"]), .data-checked\:border-primary:where([data-checked]:not([data-checked="false"])) {
     border-color: var(--accent);
   }
@@ -3077,9 +3106,6 @@
   .data-disabled\:opacity-50:where([data-disabled="true"]), .data-disabled\:opacity-50:where([data-disabled]:not([data-disabled="false"])) {
     opacity: 50%;
   }
-  .data-active\:bg-\[var\(--selected\)\]:where([data-state="active"]), .data-active\:bg-\[var\(--selected\)\]:where([data-active]:not([data-active="false"])) {
-    background-color: var(--selected);
-  }
   .data-active\:bg-background:where([data-state="active"]), .data-active\:bg-background:where([data-active]:not([data-active="false"])) {
     background-color: var(--surface);
   }
@@ -3104,12 +3130,6 @@
   .dark\:data-active\:border-input:is([data-theme="dark"], [data-theme="dark"] *):where([data-state="active"]), .dark\:data-active\:border-input:is([data-theme="dark"], [data-theme="dark"] *):where([data-active]:not([data-active="false"])) {
     border-color: var(--line-strong);
   }
-  .dark\:data-active\:border-transparent:is([data-theme="dark"], [data-theme="dark"] *):where([data-state="active"]), .dark\:data-active\:border-transparent:is([data-theme="dark"], [data-theme="dark"] *):where([data-active]:not([data-active="false"])) {
-    border-color: transparent;
-  }
-  .dark\:data-active\:bg-\[var\(--selected\)\]:is([data-theme="dark"], [data-theme="dark"] *):where([data-state="active"]), .dark\:data-active\:bg-\[var\(--selected\)\]:is([data-theme="dark"], [data-theme="dark"] *):where([data-active]:not([data-active="false"])) {
-    background-color: var(--selected);
-  }
   .dark\:data-active\:bg-input\/30:is([data-theme="dark"], [data-theme="dark"] *):where([data-state="active"]), .dark\:data-active\:bg-input\/30:is([data-theme="dark"], [data-theme="dark"] *):where([data-active]:not([data-active="false"])) {
     background-color: var(--line-strong);
     @supports (color: color-mix(in lab, red, red)) {
@@ -3841,6 +3861,7 @@
   }
   :root[data-theme="light"] {
     --bad: rgb(220 38 38);
+    --warn: rgb(180 83 9);
     --canvas: rgb(243 243 243);
     --surface: rgb(255 255 255);
     --raised: rgb(240 240 240);
@@ -3915,52 +3936,15 @@
     font-weight: 600;
     letter-spacing: -0.01em;
   }
-  .primary {
-    border: 0;
-    border-radius: 10px;
-    background: var(--accent);
-    color: var(--accent-fg);
-    height: 40px;
-    padding: 0 18px;
-    font-weight: 600;
-    display: inline-flex;
-    align-items: center;
-    gap: 10px;
-    justify-content: center;
-  }
-  .primary:disabled {
-    opacity: 0.6;
-    cursor: default;
-  }
-  .signin-card .primary {
-    width: 100%;
-  }
   .quiet {
     color: var(--muted);
     font-size: 12.5px;
     text-align: center;
     margin: 0;
   }
-  .signin-card .quiet {
-    line-height: 18px;
-    min-height: 36px;
-  }
   a {
     color: inherit;
   }
-  .spin {
-    width: 14px;
-    height: 14px;
-    border-radius: 50%;
-    border: 2px solid currentColor;
-    border-right-color: transparent;
-    animation: spin 0.8s linear infinite;
-  }
-  @keyframes spin {
-    to {
-      transform: rotate(360deg);
-    }
-  }
   .icon-btn {
     width: 30px;
     height: 30px;
@@ -4047,6 +4031,7 @@
   }
   [data-shell] {
     --inset: 20px;
+    --gap: 12px;
     --panel: 420px;
     --tab: 64px;
     --tab-open: 80px;
@@ -4215,7 +4200,7 @@
   inherits: false;
   initial-value: 0;
 }
-@property --tw-divide-x-reverse {
+@property --tw-divide-y-reverse {
   syntax: "*";
   inherits: false;
   initial-value: 0;
@@ -4225,11 +4210,6 @@
   inherits: false;
   initial-value: solid;
 }
-@property --tw-divide-y-reverse {
-  syntax: "*";
-  inherits: false;
-  initial-value: 0;
-}
 @property --tw-leading {
   syntax: "*";
   inherits: false;
@@ -4496,9 +4476,8 @@
       --tw-skew-y: initial;
       --tw-space-y-reverse: 0;
       --tw-space-x-reverse: 0;
-      --tw-divide-x-reverse: 0;
-      --tw-border-style: solid;
       --tw-divide-y-reverse: 0;
+      --tw-border-style: solid;
       --tw-leading: initial;
       --tw-font-weight: initial;
       --tw-tracking: initial;