@yuva-devlab/ui 2.1.0 → 2.2.1

package/dist/components.css

@@ -1166,6 +1166,12 @@
     box-shadow: 0 1px 2px rgb(0 0 0 / 0.05);
   }
 
+  .dl-checkpoint__icon {
+    width: 0.75rem;
+    height: 0.75rem;
+    color: var(--muted-foreground);
+  }
+
   .dl-checkpoint__restore-btn {
     display: inline-flex;
     align-items: center;
@@ -1212,6 +1218,18 @@
     color: var(--muted-foreground);
   }
 
+  .dl-code-block__header-meta {
+    display: flex;
+    align-items: center;
+    gap: 0.5rem;
+  }
+
+  .dl-code-block__header-actions {
+    display: flex;
+    align-items: center;
+    gap: 0.375rem;
+  }
+
   .dl-code-block__filename {
     font-weight: 500;
     color: var(--foreground);
@@ -2171,6 +2189,45 @@
     border-left: 1px solid var(--border);
   }
 
+  .dl-file-tree__item {
+    display: flex;
+    flex-direction: column;
+  }
+
+  .dl-file-tree__chevron {
+    width: 0.75rem;
+    height: 0.75rem;
+    color: var(--muted-foreground);
+    transition: transform 0.15s ease;
+    flex-shrink: 0;
+  }
+
+  .dl-file-tree__chevron--open {
+    transform: rotate(90deg);
+  }
+
+  .dl-file-tree__glyph {
+    width: 0.875rem;
+    height: 0.875rem;
+    flex-shrink: 0;
+  }
+
+  .dl-file-tree__glyph--muted {
+    color: var(--muted-foreground);
+  }
+
+  .dl-file-tree__glyph--warning {
+    color: var(--warning, #eab308);
+  }
+
+  .dl-file-tree__glyph--info {
+    color: var(--info, #3b82f6);
+  }
+
+  .dl-file-tree__glyph--primary {
+    color: var(--primary);
+  }
+
   /* ── form/form.css ── */
   .dl-form-item {
     display: flex;
@@ -2570,6 +2627,106 @@
     margin-inline-start: 0.25rem;
   }
 
+  /* ── legal-footer/legal-footer.css ── */
+  /**
+   * @file legal-footer.css
+   * @description Scoped styles for the LegalFooter component.
+   * Governed by semantic design tokens and W3C Cascade Layers.
+   */
+
+  .dl-legal-footer {
+    box-sizing: border-box;
+    color: var(--muted-foreground);
+    font-family: inherit;
+  }
+
+  .dl-legal-footer--login {
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    justify-content: center;
+    gap: 0.375rem;
+    width: 100%;
+    padding-top: 1rem;
+    padding-bottom: 1rem;
+    text-align: center;
+    font-size: 0.75rem;
+    line-height: 1rem;
+  }
+
+  .dl-legal-footer__links {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    flex-wrap: wrap;
+    gap: 0.75rem;
+    font-size: 0.75rem;
+    color: var(--muted-foreground);
+  }
+
+  .dl-legal-footer__app-name {
+    font-weight: 500;
+    color: var(--foreground);
+  }
+
+  .dl-legal-footer__divider {
+    opacity: 0.4;
+    user-select: none;
+  }
+
+  .dl-legal-footer__link {
+    color: var(--muted-foreground);
+    text-decoration: none;
+    transition: color 0.15s ease-in-out;
+  }
+
+  .dl-legal-footer__link:hover {
+    color: var(--foreground);
+  }
+
+  .dl-legal-footer__copyright {
+    margin: 0;
+    font-size: 0.6875rem;
+    opacity: 0.75;
+  }
+
+  .dl-legal-footer--sidebar {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    width: 100%;
+    padding: 0.5rem 0.75rem;
+    font-size: 0.6875rem;
+    border-top: 1px solid color-mix(in oklab, var(--border) 40%, transparent);
+    color: var(--muted-foreground);
+    opacity: 0.8;
+  }
+
+  .dl-legal-footer--settings {
+    display: flex;
+    flex-direction: column;
+    gap: 0.25rem;
+    width: 100%;
+    font-size: 0.75rem;
+  }
+
+  .dl-legal-footer__meta-row {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    font-weight: 500;
+    color: var(--foreground);
+  }
+
+  .dl-legal-footer__version-badge {
+    font-family: monospace;
+    font-size: 0.6875rem;
+    color: var(--muted-foreground);
+    background-color: color-mix(in oklab, var(--muted) 50%, transparent);
+    padding: 0.125rem 0.375rem;
+    border-radius: var(--radius-sm, 0.25rem);
+  }
+
   /* ── loading-state/loading-state.css ── */
   .dl-loading {
     display: flex;
@@ -2833,6 +2990,55 @@
     font-family: inherit;
   }
 
+  .dl-model-selector__trigger-label {
+    display: flex;
+    align-items: center;
+    gap: 0.375rem;
+  }
+
+  .dl-model-selector__chevron {
+    width: 0.75rem;
+    height: 0.75rem;
+    color: var(--muted-foreground);
+    transition: transform 0.2s ease;
+  }
+
+  .dl-model-selector__chevron--open {
+    transform: rotate(180deg);
+  }
+
+  .dl-model-selector__search-wrapper {
+    position: relative;
+  }
+
+  .dl-model-selector__search-icon {
+    position: absolute;
+    left: 0.5rem;
+    top: 0.625rem;
+    width: 0.75rem;
+    height: 0.75rem;
+    color: var(--muted-foreground);
+  }
+
+  .dl-model-selector__empty {
+    padding: 0.75rem;
+    text-align: center;
+    font-size: 0.75rem;
+    color: var(--muted-foreground);
+  }
+
+  .dl-model-selector__list {
+    display: flex;
+    flex-direction: column;
+    gap: 0.125rem;
+  }
+
+  .dl-model-selector__provider {
+    font-size: 0.75rem;
+    color: var(--muted-foreground);
+    font-weight: 400;
+  }
+
   .dl-model-selector__trigger:hover:not(:disabled) {
     background-color: var(--accent);
     color: var(--accent-foreground);
@@ -3032,6 +3238,18 @@
     color: var(--foreground);
   }
 
+  .dl-multi-select-chevron {
+    width: 1rem;
+    height: 1rem;
+    flex-shrink: 0;
+    color: var(--muted-foreground);
+  }
+
+  .dl-multi-select-chip__icon {
+    width: 0.75rem;
+    height: 0.75rem;
+  }
+
   .dl-multi-select-content {
     width: var(--radix-popover-trigger-width);
     min-width: 14rem;
@@ -3509,6 +3727,53 @@
     padding: 0.125rem 0;
   }
 
+  .dl-plan__status-chip {
+    padding: 0.125rem 0.5rem;
+    border-radius: 9999px;
+    font-size: 0.75rem;
+    font-weight: 600;
+    text-transform: uppercase;
+    letter-spacing: 0.05em;
+  }
+
+  .dl-plan__status-chip--completed {
+    background-color: color-mix(in oklch, var(--success) 15%, transparent);
+    color: var(--success);
+  }
+
+  .dl-plan__status-chip--in-progress {
+    background-color: color-mix(in oklch, var(--primary) 15%, transparent);
+    color: var(--primary);
+  }
+
+  .dl-plan__status-chip--failed {
+    background-color: color-mix(in oklch, var(--destructive) 15%, transparent);
+    color: var(--destructive);
+  }
+
+  .dl-plan__status-chip--pending {
+    background-color: var(--muted);
+    color: var(--muted-foreground);
+  }
+
+  .dl-plan__chevron {
+    width: 0.875rem;
+    height: 0.875rem;
+    color: var(--muted-foreground);
+    transition: transform 0.15s ease;
+    flex-shrink: 0;
+    margin-top: 0.125rem;
+  }
+
+  .dl-plan__chevron--expanded {
+    transform: rotate(90deg);
+  }
+
+  .dl-plan__desc-block {
+    margin-bottom: 0.5rem;
+    line-height: 1.625;
+  }
+
   /* ── popover/popover.css ── */
   .dl-popover {
     z-index: 50;
@@ -3610,6 +3875,13 @@
     color: var(--foreground);
   }
 
+  .dl-prompt-input__chip-icon {
+    width: 0.75rem;
+    height: 0.75rem;
+    color: var(--muted-foreground);
+    flex-shrink: 0;
+  }
+
   .dl-prompt-input__textarea {
     width: 100%;
     min-height: 3.5rem;
@@ -3765,6 +4037,67 @@
     shrink: 0;
   }
 
+  .dl-queue-item__priority {
+    display: inline-flex;
+    align-items: center;
+    padding: 0.125rem 0.375rem;
+    border-radius: var(--radius-sm, 0.25rem);
+    font-size: 0.625rem;
+    font-weight: 600;
+    text-transform: uppercase;
+    letter-spacing: 0.05em;
+  }
+
+  .dl-queue-item__priority--high {
+    background-color: color-mix(in oklch, var(--destructive) 15%, transparent);
+    color: var(--destructive);
+  }
+
+  .dl-queue-item__priority--normal {
+    background-color: color-mix(in oklch, var(--primary) 15%, transparent);
+    color: var(--primary);
+  }
+
+  .dl-queue-item__priority--low {
+    background-color: var(--muted);
+    color: var(--muted-foreground);
+  }
+
+  .dl-queue-item__duration {
+    font-size: 0.75rem;
+    color: var(--muted-foreground);
+    font-family: var(--font-mono, monospace);
+  }
+
+  .dl-queue-item__remove-btn {
+    display: inline-flex;
+    align-items: center;
+    justify-content: center;
+    color: var(--muted-foreground);
+    background: transparent;
+    border: none;
+    cursor: pointer;
+    padding: 0.125rem;
+    border-radius: var(--radius-sm, 0.25rem);
+    transition: color 0.15s ease;
+  }
+
+  .dl-queue-item__remove-btn:hover {
+    color: var(--foreground);
+  }
+
+  .dl-queue__header-left {
+    display: flex;
+    align-items: center;
+    gap: 0.375rem;
+  }
+
+  .dl-queue__header-count {
+    font-size: 0.75rem;
+    color: var(--muted-foreground);
+    font-weight: 400;
+  }
+
   /* ── radio-group/radio-group.css ── */
   .dl-radio-group {
     display: grid;
@@ -3930,6 +4263,18 @@
     border-radius: var(--radius-sm, 0.25rem);
   }
 
+  .dl-search-icon {
+    width: 1rem;
+    height: 1rem;
+  }
+
+  .dl-search-spinner {
+    width: 1rem;
+    height: 1rem;
+    animation: dl-spin 1s linear infinite;
+    color: var(--muted-foreground);
+  }
+
   /* ── searchable-select/searchable-select.css ── */
   .dl-searchable-select-trigger {
     width: 100%;
@@ -5072,6 +5417,22 @@
     white-space: nowrap;
   }
 
+  .dl-source-card__icon {
+    width: 0.75rem;
+    height: 0.75rem;
+    color: var(--muted-foreground);
+    flex-shrink: 0;
+  }
+
+  .dl-source-card__external {
+    width: 0.625rem;
+    height: 0.625rem;
+    margin-left: auto;
+    color: var(--muted-foreground);
+    flex-shrink: 0;
+    opacity: 0.7;
+  }
+
   .dl-source-card__title {
     margin-top: 0.25rem;
     font-size: 0.75rem;
@@ -5166,6 +5527,25 @@
     user-select: none;
   }
 
+  .dl-stack-frame__fn-wrapper {
+    display: flex;
+    align-items: center;
+    gap: 0.375rem;
+    min-width: 0;
+  }
+
+  .dl-stack-frame__chevron {
+    width: 0.75rem;
+    height: 0.75rem;
+    color: var(--muted-foreground);
+    transition: transform 0.15s ease;
+    flex-shrink: 0;
+  }
+
+  .dl-stack-frame__chevron--expanded {
+    transform: rotate(90deg);
+  }
+
   .dl-stack-frame__fn {
     font-weight: 600;
     color: var(--primary);
@@ -5355,6 +5735,53 @@
     gap: 0.375rem;
   }
 
+  .dl-subagent__status {
+    display: inline-flex;
+    align-items: center;
+    gap: 0.25rem;
+    font-size: 0.75rem;
+    font-weight: 500;
+  }
+
+  .dl-subagent__status--running {
+    color: var(--primary);
+  }
+
+  .dl-subagent__status--completed {
+    color: var(--success);
+  }
+
+  .dl-subagent__status--failed {
+    color: var(--destructive);
+  }
+
+  .dl-subagent__status--idle {
+    color: var(--muted-foreground);
+  }
+
+  .dl-subagent__chip {
+    padding: 0.125rem 0.375rem;
+    border-radius: var(--radius-sm, 0.25rem);
+    font-size: 0.625rem;
+    font-family: var(--font-mono, monospace);
+    background-color: var(--muted);
+    color: var(--muted-foreground);
+    border: 1px solid var(--border);
+  }
+
+  .dl-subagent__chevron {
+    width: 0.875rem;
+    height: 0.875rem;
+    color: var(--muted-foreground);
+    transition: transform 0.15s ease;
+    flex-shrink: 0;
+    margin-left: 0.25rem;
+  }
+
+  .dl-subagent__chevron--open {
+    transform: rotate(90deg);
+  }
+
   .dl-subagent__content {
     padding: 0.75rem;
     background-color: var(--background);
@@ -5586,6 +6013,23 @@
     font-size: 0.75rem;
   }
 
+  .dl-terminal__header-left {
+    display: flex;
+    align-items: center;
+    gap: 0.5rem;
+  }
+
+  .dl-terminal__header-actions {
+    display: flex;
+    align-items: center;
+    gap: 0.375rem;
+  }
+
+  .dl-terminal__icon {
+    width: 0.875rem;
+    height: 0.875rem;
+  }
+
   .dl-terminal__dots {
     display: flex;
     align-items: center;
@@ -5645,6 +6089,23 @@
     border-bottom: 1px solid var(--border);
   }
 
+  .dl-test-results__header-left {
+    display: flex;
+    align-items: center;
+    gap: 0.5rem;
+  }
+
+  .dl-test-results__title {
+    font-weight: 600;
+    color: var(--foreground);
+  }
+
+  .dl-test-results__duration {
+    font-size: 0.75rem;
+    color: var(--muted-foreground);
+    font-family: var(--font-mono, monospace);
+  }
+
   .dl-test-results__summary {
     display: flex;
     align-items: center;
@@ -5697,6 +6158,23 @@
     gap: 0.5rem;
   }
 
+  .dl-test-case__meta {
+    display: flex;
+    align-items: center;
+    gap: 0.5rem;
+  }
+
+  .dl-test-case__chevron {
+    width: 0.75rem;
+    height: 0.75rem;
+    color: var(--muted-foreground);
+    transition: transform 0.15s ease;
+  }
+
+  .dl-test-case__chevron--expanded {
+    transform: rotate(90deg);
+  }
+
   .dl-test-case__info {
     display: flex;
     align-items: center;