create-principles-disciple 1.100.0 → 1.102.0

package/console/dist/web/assets/app.css

@@ -303,6 +303,9 @@
   .top-1 {
     top: calc(var(--spacing) * 1);
   }
+  .top-1\/2 {
+    top: calc(1 / 2 * 100%);
+  }
   .top-4 {
     top: calc(var(--spacing) * 4);
   }
@@ -333,6 +336,9 @@
   .left-2 {
     left: calc(var(--spacing) * 2);
   }
+  .left-3 {
+    left: calc(var(--spacing) * 3);
+  }
   .left-\[50\%\] {
     left: 50%;
   }
@@ -420,6 +426,9 @@
   .mt-\[14px\] {
     margin-top: 14px;
   }
+  .mr-1 {
+    margin-right: calc(var(--spacing) * 1);
+  }
   .mr-2 {
     margin-right: calc(var(--spacing) * 2);
   }
@@ -486,6 +495,12 @@
   .ml-auto {
     margin-left: auto;
   }
+  .line-clamp-2 {
+    overflow: hidden;
+    display: -webkit-box;
+    -webkit-box-orient: vertical;
+    -webkit-line-clamp: 2;
+  }
   .line-clamp-3 {
     overflow: hidden;
     display: -webkit-box;
@@ -720,6 +735,9 @@
   .max-w-\[760px\] {
     max-width: 760px;
   }
+  .max-w-\[960px\] {
+    max-width: 960px;
+  }
   .max-w-lg {
     max-width: var(--container-lg);
   }
@@ -777,6 +795,10 @@
     --tw-translate-x: -50%;
     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);
+  }
   .translate-y-\[-50\%\] {
     --tw-translate-y: -50%;
     translate: var(--tw-translate-x) var(--tw-translate-y);
@@ -832,6 +854,11 @@
   .resize-y {
     resize: vertical;
   }
+  .appearance-none {
+    -webkit-appearance: none;
+       -moz-appearance: none;
+            appearance: none;
+  }
   .grid-cols-2 {
     grid-template-columns: repeat(2, minmax(0, 1fr));
   }
@@ -841,6 +868,12 @@
   .grid-cols-\[1fr_24px_1fr_24px_1fr_24px_1fr\] {
     grid-template-columns: 1fr 24px 1fr 24px 1fr 24px 1fr;
   }
+  .grid-cols-\[1fr_100px_90px_90px_80px\] {
+    grid-template-columns: 1fr 100px 90px 90px 80px;
+  }
+  .grid-cols-\[24px_1fr_100px_90px_1fr_100px\] {
+    grid-template-columns: 24px 1fr 100px 90px 1fr 100px;
+  }
   .grid-cols-\[72px_1fr\] {
     grid-template-columns: 72px 1fr;
   }
@@ -1370,6 +1403,12 @@
       background-color: color-mix(in oklab, var(--color-gov) 10%, transparent);
     }
   }
+  .bg-gov\/60 {
+    background-color: color-mix(in srgb, #1e3a5f 60%, transparent);
+    @supports (color: color-mix(in lab, red, red)) {
+      background-color: color-mix(in oklab, var(--color-gov) 60%, transparent);
+    }
+  }
   .bg-green {
     background-color: var(--color-green);
   }
@@ -1487,9 +1526,15 @@
   .bg-transparent {
     background-color: transparent;
   }
+  .p-0\.5 {
+    padding: calc(var(--spacing) * 0.5);
+  }
   .p-1 {
     padding: calc(var(--spacing) * 1);
   }
+  .p-1\.5 {
+    padding: calc(var(--spacing) * 1.5);
+  }
   .p-2 {
     padding: calc(var(--spacing) * 2);
   }
@@ -1520,6 +1565,9 @@
   .px-2 {
     padding-inline: calc(var(--spacing) * 2);
   }
+  .px-2\.5 {
+    padding-inline: calc(var(--spacing) * 2.5);
+  }
   .px-3 {
     padding-inline: calc(var(--spacing) * 3);
   }
@@ -1592,6 +1640,9 @@
   .py-12 {
     padding-block: calc(var(--spacing) * 12);
   }
+  .py-20 {
+    padding-block: calc(var(--spacing) * 20);
+  }
   .py-\[1px\] {
     padding-block: 1px;
   }
@@ -1664,6 +1715,9 @@
   .pr-2 {
     padding-right: calc(var(--spacing) * 2);
   }
+  .pr-3 {
+    padding-right: calc(var(--spacing) * 3);
+  }
   .pr-\[18px\] {
     padding-right: 18px;
   }
@@ -1694,6 +1748,9 @@
   .pl-8 {
     padding-left: calc(var(--spacing) * 8);
   }
+  .pl-9 {
+    padding-left: calc(var(--spacing) * 9);
+  }
   .pl-\[22px\] {
     padding-left: 22px;
   }
@@ -1825,6 +1882,10 @@
     --tw-font-weight: var(--font-weight-semibold);
     font-weight: var(--font-weight-semibold);
   }
+  .tracking-\[-0\.01em\] {
+    --tw-tracking: -0.01em;
+    letter-spacing: -0.01em;
+  }
   .tracking-\[-0\.005em\] {
     --tw-tracking: -0.005em;
     letter-spacing: -0.005em;
@@ -1985,6 +2046,9 @@
   .underline-offset-4 {
     text-underline-offset: 4px;
   }
+  .accent-gov {
+    accent-color: var(--color-gov);
+  }
   .opacity-0 {
     opacity: 0%;
   }
@@ -2003,6 +2067,10 @@
   .opacity-100 {
     opacity: 100%;
   }
+  .shadow {
+    --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px 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-\[0_0_3px_rgba\(251\,113\,133\,0\.35\)\] {
     --tw-shadow: 0 0 3px var(--tw-shadow-color, rgba(251,113,133,0.35));
     box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
@@ -2206,6 +2274,14 @@
       color: var(--color-foreground);
     }
   }
+  .placeholder\:text-ink-4 {
+    &::-moz-placeholder {
+      color: var(--color-ink-4);
+    }
+    &::placeholder {
+      color: var(--color-ink-4);
+    }
+  }
   .placeholder\:text-muted-foreground {
     &::-moz-placeholder {
       color: var(--color-muted-foreground);
@@ -2283,6 +2359,16 @@
       }
     }
   }
+  .hover\:border-danger\/30 {
+    &:hover {
+      @media (hover: hover) {
+        border-color: color-mix(in srgb, #8b3a3a 30%, transparent);
+        @supports (color: color-mix(in lab, red, red)) {
+          border-color: color-mix(in oklab, var(--color-danger) 30%, transparent);
+        }
+      }
+    }
+  }
   .hover\:border-line {
     &:hover {
       @media (hover: hover) {
@@ -2344,6 +2430,16 @@
       }
     }
   }
+  .hover\:bg-green\/20 {
+    &:hover {
+      @media (hover: hover) {
+        background-color: color-mix(in srgb, #4d6b52 20%, transparent);
+        @supports (color: color-mix(in lab, red, red)) {
+          background-color: color-mix(in oklab, var(--color-green) 20%, transparent);
+        }
+      }
+    }
+  }
   .hover\:bg-muted\/50 {
     &:hover {
       @media (hover: hover) {
@@ -2389,6 +2485,23 @@
       }
     }
   }
+  .hover\:bg-surface\/50 {
+    &:hover {
+      @media (hover: hover) {
+        background-color: color-mix(in srgb, #fbf8f0 50%, transparent);
+        @supports (color: color-mix(in lab, red, red)) {
+          background-color: color-mix(in oklab, var(--color-surface) 50%, transparent);
+        }
+      }
+    }
+  }
+  .hover\:text-danger {
+    &:hover {
+      @media (hover: hover) {
+        color: var(--color-danger);
+      }
+    }
+  }
   .hover\:text-foreground {
     &:hover {
       @media (hover: hover) {
@@ -2403,6 +2516,13 @@
       }
     }
   }
+  .hover\:text-green {
+    &:hover {
+      @media (hover: hover) {
+        color: var(--color-green);
+      }
+    }
+  }
   .hover\:text-ink {
     &:hover {
       @media (hover: hover) {
@@ -2616,6 +2736,16 @@
       cursor: not-allowed;
     }
   }
+  .disabled\:opacity-30 {
+    &:disabled {
+      opacity: 30%;
+    }
+  }
+  .disabled\:opacity-40 {
+    &:disabled {
+      opacity: 40%;
+    }
+  }
   .disabled\:opacity-50 {
     &:disabled {
       opacity: 50%;
@@ -2715,6 +2845,11 @@
       display: inline;
     }
   }
+  .sm\:max-w-\[420px\] {
+    @media (width >= 40rem) {
+      max-width: 420px;
+    }
+  }
   .sm\:max-w-sm {
     @media (width >= 40rem) {
       max-width: var(--container-sm);
@@ -2784,6 +2919,38 @@
       color: var(--color-red-400);
     }
   }
+  .\[\&\:\:-webkit-slider-thumb\]\:h-3\.5 {
+    &::-webkit-slider-thumb {
+      height: calc(var(--spacing) * 3.5);
+    }
+  }
+  .\[\&\:\:-webkit-slider-thumb\]\:w-3\.5 {
+    &::-webkit-slider-thumb {
+      width: calc(var(--spacing) * 3.5);
+    }
+  }
+  .\[\&\:\:-webkit-slider-thumb\]\:appearance-none {
+    &::-webkit-slider-thumb {
+      -webkit-appearance: none;
+              appearance: none;
+    }
+  }
+  .\[\&\:\:-webkit-slider-thumb\]\:rounded-full {
+    &::-webkit-slider-thumb {
+      border-radius: calc(infinity * 1px);
+    }
+  }
+  .\[\&\:\:-webkit-slider-thumb\]\:bg-gov {
+    &::-webkit-slider-thumb {
+      background-color: var(--color-gov);
+    }
+  }
+  .\[\&\:\:-webkit-slider-thumb\]\:shadow-sm {
+    &::-webkit-slider-thumb {
+      --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px 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);
+    }
+  }
   .\[\&\>span\]\:line-clamp-1 {
     &>span {
       overflow: hidden;
@@ -2927,6 +3094,240 @@
     opacity: 0.7;
   }
 }
+.welcome-page {
+  max-width: 720px;
+  margin: 0 auto;
+  padding: 2rem 1.5rem;
+  color: var(--color-ink);
+}
+.welcome-header {
+  text-align: center;
+  margin-bottom: 2rem;
+}
+.welcome-header h1 {
+  font-size: 1.75rem;
+  font-weight: 600;
+  margin: 0 0 0.5rem 0;
+}
+.welcome-subtitle {
+  font-size: 0.95rem;
+  color: var(--color-ink-3);
+  margin: 0 0 1.5rem 0;
+}
+.welcome-step-indicator {
+  display: flex;
+  justify-content: center;
+  gap: 0.5rem;
+  margin: 1rem 0;
+}
+.step-dot {
+  width: 8px;
+  height: 8px;
+  border-radius: 50%;
+  background: var(--color-border);
+  transition: background 0.2s;
+}
+.step-dot.active {
+  background: var(--color-gov);
+}
+.step-dot.completed {
+  background: var(--color-green);
+}
+.welcome-step {
+  background: var(--color-surface);
+  border: 1px solid var(--color-border);
+  border-radius: 8px;
+  padding: 1.5rem;
+  margin-bottom: 1rem;
+}
+.welcome-step h2 {
+  font-size: 1.25rem;
+  font-weight: 600;
+  margin: 0 0 0.75rem 0;
+}
+.welcome-step p {
+  font-size: 0.9rem;
+  line-height: 1.5;
+  margin: 0 0 1rem 0;
+  color: var(--color-ink);
+}
+.welcome-actions {
+  display: flex;
+  gap: 0.75rem;
+  justify-content: center;
+  margin-top: 1.5rem;
+  flex-wrap: wrap;
+}
+.pd-btn {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  padding: 0.5rem 1.25rem;
+  font-size: 0.9rem;
+  font-weight: 500;
+  border-radius: 6px;
+  border: 1px solid transparent;
+  cursor: pointer;
+  transition: background 0.15s, border-color 0.15s;
+  text-decoration: none;
+}
+.pd-btn-brand {
+  background: var(--color-gov);
+  color: #fff;
+  border-color: var(--color-gov);
+}
+.pd-btn-brand:hover {
+  filter: brightness(1.1);
+}
+.pd-btn-alt {
+  background: transparent;
+  color: var(--color-ink);
+  border-color: var(--color-border);
+}
+.pd-btn-alt:hover {
+  background: var(--color-paper-2);
+}
+.demo-result-view {
+  margin: 1rem 0;
+  padding: 1rem;
+  border-radius: 6px;
+}
+.demo-loading {
+  text-align: center;
+  color: var(--color-ink-3);
+}
+.demo-error {
+  background: #fef2f2;
+  border: 1px solid #fecaca;
+  color: #b91c1c;
+}
+.demo-error-detail {
+  font-size: 0.85rem;
+  margin-top: 0.5rem;
+}
+.demo-simulated-banner {
+  background: #fef3c7;
+  border: 1px solid #fde68a;
+  color: #92400e;
+  padding: 0.5rem 0.75rem;
+  border-radius: 4px;
+  font-size: 0.85rem;
+  margin-bottom: 0.75rem;
+}
+.demo-narrative {
+  font-size: 0.875rem;
+  line-height: 1.5;
+  color: var(--color-ink);
+  background: var(--color-paper-2);
+  padding: 0.75rem;
+  border-radius: 4px;
+  margin-bottom: 0.75rem;
+}
+.demo-stages {
+  list-style: none;
+  padding: 0;
+  margin: 0.5rem 0;
+}
+.demo-stage {
+  display: flex;
+  flex-direction: column;
+  padding: 0.5rem 0;
+  border-bottom: 1px solid var(--color-border);
+  font-size: 0.875rem;
+}
+.demo-stage:last-child {
+  border-bottom: none;
+}
+.demo-stage-name {
+  font-weight: 500;
+}
+.demo-stage-detail {
+  font-size: 0.8rem;
+  color: var(--color-ink-3);
+  margin-top: 0.25rem;
+}
+.demo-stage-passed .demo-stage-name {
+  color: #059669;
+}
+.demo-stage-failed .demo-stage-name {
+  color: #dc2626;
+}
+.demo-stage-degraded .demo-stage-name {
+  color: #d97706;
+}
+.demo-stage-skipped .demo-stage-name {
+  color: #6b7280;
+}
+.demo-labels {
+  display: grid;
+  grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));
+  gap: 0.5rem;
+  margin-top: 1rem;
+}
+.demo-label-item {
+  text-align: center;
+  padding: 0.5rem;
+  background: var(--color-paper-2);
+  border-radius: 4px;
+}
+.demo-label-title {
+  font-size: 0.75rem;
+  font-weight: 500;
+  color: var(--color-ink-3);
+}
+.circuit-diagram {
+  display: flex;
+  justify-content: center;
+  margin: 1.5rem 0;
+}
+.example-prompt {
+  background: var(--color-paper-2);
+  border: 1px solid var(--color-border);
+  border-radius: 6px;
+  padding: 1rem;
+  margin: 1rem 0;
+}
+.prompt-label {
+  display: block;
+  font-size: 0.8rem;
+  font-weight: 500;
+  color: var(--color-ink-3);
+  margin-bottom: 0.5rem;
+}
+.prompt-text {
+  display: block;
+  font-family: var(--font-sans);
+  font-size: 0.85rem;
+  background: var(--color-surface);
+  padding: 0.75rem;
+  border-radius: 4px;
+  border: 1px solid var(--color-border);
+}
+.window-hint {
+  font-size: 0.85rem;
+  color: var(--color-ink-3);
+  margin: 0.5rem 0;
+}
+.polling-active,
+.polling-success,
+.polling-timeout {
+  text-align: center;
+  padding: 1rem;
+  border-radius: 6px;
+  margin: 0.5rem 0;
+}
+.polling-active {
+  background: #eff6ff;
+  color: #1e40af;
+}
+.polling-success {
+  background: #ecfdf5;
+  color: #065f46;
+}
+.polling-timeout {
+  background: #fffbeb;
+  color: #92400e;
+}
 @property --tw-translate-x {
   syntax: "*";
   inherits: false;