@codesweep-ai/ui 0.2.1-dev.20260830023458.856ea8f

package/dist/styles/components/agent-trace.css

@@ -0,0 +1,206 @@
+@import "./button.css";
+@import "./pulse-badge.css";
+@import "./skeleton.css";
+
+/* agent-trace component styles. */
+.cs-component-agent-trace-24,
+.cs-component-agent-trace-29,
+.cs-component-agent-trace-38,
+.cs-component-agent-trace-51 {
+    display: flex
+}
+
+.cs-component-agent-trace-39,
+.cs-component-agent-trace-46 {
+    height: var(--icon-size-lg)
+}
+
+.cs-component-agent-trace-20 {
+    height: var(--icon-size-sm)
+}
+
+.cs-component-agent-trace-57 {
+    height: var(--icon-size-xs)
+}
+
+.cs-component-agent-trace-39,
+.cs-component-agent-trace-46 {
+    width: var(--icon-size-lg)
+}
+
+.cs-component-agent-trace-20 {
+    width: var(--icon-size-sm)
+}
+
+.cs-component-agent-trace-57 {
+    width: var(--icon-size-xs)
+}
+
+.cs-component-agent-trace-51 {
+    width: 100%
+}
+
+.cs-component-agent-trace-58 {
+    min-width: 0
+}
+
+.cs-component-agent-trace-58 {
+    flex: 1 1 0%
+}
+
+.cs-component-agent-trace-20,
+.cs-component-agent-trace-56,
+.cs-component-agent-trace-59 {
+    flex-shrink: 0
+}
+
+.cs-component-agent-trace-55 {
+    cursor: default
+}
+
+.cs-component-agent-trace-54 {
+    cursor: pointer
+}
+
+.cs-component-agent-trace-24,
+.cs-component-agent-trace-38 {
+    flex-direction: column
+}
+
+.cs-component-agent-trace-29,
+.cs-component-agent-trace-37,
+.cs-component-agent-trace-38,
+.cs-component-agent-trace-51 {
+    align-items: center
+}
+
+.cs-component-agent-trace-37 {
+    justify-content: center
+}
+
+.cs-component-agent-trace-29,
+.cs-component-agent-trace-38,
+.cs-component-agent-trace-51 {
+    gap: var(--space-2)
+}
+
+.cs-component-agent-trace-58 {
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap
+}
+
+.cs-component-agent-trace-25 {
+    border-radius: var(--radius-sm)
+}
+
+.cs-component-agent-trace-25 {
+    border-width: .0625rem
+}
+
+.cs-component-agent-trace-31,
+.cs-component-agent-trace-61 {
+    border-top-width: .0625rem
+}
+
+.cs-component-agent-trace-52 {
+    border-style: none
+}
+
+.cs-component-agent-trace-25,
+.cs-component-agent-trace-31,
+.cs-component-agent-trace-61 {
+    border-color: var(--border)
+}
+
+.cs-component-agent-trace-26 {
+    background-color: var(--card)
+}
+
+.cs-component-agent-trace-61 {
+    background-color: var(--color-bg-subtle)
+}
+
+.cs-component-agent-trace-52 {
+    background-color: transparent
+}
+
+.cs-component-agent-trace-30,
+.cs-component-agent-trace-38 {
+    padding-left: var(--space-3);
+    padding-right: var(--space-3)
+}
+
+.cs-component-agent-trace-60 {
+    padding-left: var(--space-5);
+    padding-right: var(--space-5)
+}
+
+.cs-component-agent-trace-30,
+.cs-component-agent-trace-60 {
+    padding-top: var(--space-2);
+    padding-bottom: var(--space-2)
+}
+
+.cs-component-agent-trace-38 {
+    padding-top: var(--space-5);
+    padding-bottom: var(--space-5)
+}
+
+.cs-component-agent-trace-52 {
+    text-align: left
+}
+
+.cs-component-agent-trace-37 {
+    text-align: center
+}
+
+.cs-component-agent-trace-54 {
+    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
+    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+    transition-duration: 150ms
+}
+
+.cs-component-agent-trace-16,
+.cs-component-agent-trace-39 {
+    color: var(--color-error)
+}
+
+.cs-component-agent-trace-14 {
+    color: var(--color-success)
+}
+
+.cs-component-agent-trace-15 {
+    color: var(--color-warning)
+}
+
+.cs-component-agent-trace-40,
+.cs-component-agent-trace-53 {
+    color: var(--fg)
+}
+
+.cs-component-agent-trace-17,
+.cs-component-agent-trace-41,
+.cs-component-agent-trace-46,
+.cs-component-agent-trace-56,
+.cs-component-agent-trace-59 {
+    color: var(--muted)
+}
+
+.cs-component-agent-trace-40,
+.cs-component-agent-trace-52 {
+    font-size: var(--font-size-sm)
+}
+
+.cs-component-agent-trace-41,
+.cs-component-agent-trace-59 {
+    font-size: var(--font-size-xs)
+}
+
+.cs-component-agent-trace-59 {
+    font-variant-numeric: tabular-nums
+}
+
+.cs-component-agent-trace-54:hover {
+    background-color: var(--color-row-hover)
+}

package/dist/styles/components/app-shell.css

@@ -0,0 +1,195 @@
+/* app-shell component styles. */
+.cs-component-app-shell-3 {
+    position: sticky
+}
+
+.cs-component-app-shell-3 {
+    top: 0
+}
+
+.cs-component-app-shell-3 {
+    z-index: var(--z-header)
+}
+
+.cs-component-app-shell-13 {
+    margin-left: var(--space-2);
+    margin-right: var(--space-2)
+}
+
+.cs-component-app-shell-20 {
+    margin-top: auto;
+    min-height: calc(var(--space-6) + var(--space-2) + var(--space-0-5))
+}
+
+.cs-component-app-shell-4,
+.cs-component-app-shell-6,
+.cs-component-app-shell-11,
+.cs-component-app-shell-12,
+.cs-component-app-shell-24 {
+    display: flex
+}
+
+.cs-component-app-shell-13 {
+    height: 1rem
+}
+
+.cs-component-app-shell-7 {
+    height: 2rem
+}
+
+.cs-component-app-shell-24 {
+    height: 100vh
+}
+
+.cs-component-app-shell-7 {
+    width: auto
+}
+
+.cs-component-app-shell-24 {
+    flex-direction: column
+}
+
+.cs-component-app-shell-4,
+.cs-component-app-shell-6,
+.cs-component-app-shell-11,
+.cs-component-app-shell-12 {
+    align-items: center
+}
+
+.cs-component-app-shell-4 {
+    justify-content: space-between
+}
+
+.cs-component-app-shell-11 {
+    gap: var(--space-1)
+}
+
+.cs-component-app-shell-6 {
+    gap: var(--space-2)
+}
+
+.cs-component-app-shell-24 {
+    overflow: hidden
+}
+
+.cs-component-app-shell-16 {
+    border-radius: var(--radius-sm)
+}
+
+.cs-component-app-shell-13 {
+    border-left-width: .0625rem
+}
+
+.cs-component-app-shell-13 {
+    border-color: var(--color-nav-hover)
+}
+
+.cs-component-app-shell-24 {
+    background-color: var(--bg)
+}
+
+.cs-component-app-shell-3,
+.cs-component-app-shell-20 {
+    background-color: var(--color-header-bg)
+}
+
+.cs-component-app-shell-17 {
+    background-color: color-mix(in srgb, var(--color-accent) 22%, transparent) /* selected: an accent tint; hover stays --color-nav-hover */
+}
+
+.cs-component-app-shell-16 {
+    padding-left: var(--space-3);
+    padding-right: var(--space-3)
+}
+
+.cs-component-app-shell-4,
+.cs-component-app-shell-20 {
+    padding-left: var(--space-4);
+    padding-right: var(--space-4)
+}
+
+.cs-component-app-shell-16 {
+    padding-top: var(--space-2);
+    padding-bottom: var(--space-2)
+}
+
+.cs-component-app-shell-4,
+.cs-component-app-shell-20 {
+    padding-top: var(--space-3);
+    padding-bottom: var(--space-3)
+}
+
+.cs-component-app-shell-20 {
+    text-align: center
+}
+
+.cs-component-app-shell-6,
+.cs-component-app-shell-16 {
+    text-decoration-line: none
+}
+
+.cs-component-app-shell-16 {
+    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
+    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+    transition-duration: 150ms
+}
+
+.cs-component-app-shell-3 {
+    box-shadow: var(--shadow-header)
+}
+
+.cs-component-app-shell-20 {
+    box-shadow: var(--shadow-up)
+}
+
+.cs-component-app-shell-8 {
+    color: var(--color-accent) /* the text title is the one accent in the chrome; brands re-point --color-accent */
+}
+
+.cs-component-app-shell-3,
+.cs-component-app-shell-20 {
+    color: var(--color-header-text)
+}
+
+.cs-component-app-shell-17 {
+    color: var(--color-header-text) /* on the accent tint; accent-on-accent fails AA in the light theme */
+}
+
+.cs-component-app-shell-18 {
+    color: var(--color-header-text-muted)
+}
+
+.cs-component-app-shell-24 {
+    color: var(--fg)
+}
+
+.cs-component-app-shell-8 {
+    font-size: var(--font-size-lg)
+}
+
+.cs-component-app-shell-16,
+.cs-component-app-shell-20 {
+    font-size: var(--font-size-xs)
+}
+
+.cs-component-app-shell-8 {
+    font-weight: var(--font-weight-bold)
+}
+
+.cs-component-app-shell-16 {
+    font-weight: var(--font-weight-medium)
+}
+
+.cs-component-app-shell-18:hover {
+    background-color: var(--color-nav-hover)
+}
+
+.cs-component-app-shell-18:hover {
+    color: var(--color-text-inverse)
+}
+
+.cs-component-app-shell-24 > main {
+    flex: 1 1 0%;
+    min-height: 0;
+    overflow-y: auto
+}

package/dist/styles/components/button.css

@@ -0,0 +1,172 @@
+/* button component styles. */
+.cs-component-button-27 {
+    pointer-events: none
+}
+
+.cs-component-button-22 {
+    display: inline-flex
+}
+
+.cs-component-button-27 {
+    cursor: not-allowed
+}
+
+.cs-component-button-26 {
+    cursor: pointer
+}
+
+.cs-component-button-22 {
+    align-items: center
+}
+
+.cs-component-button-22 {
+    justify-content: center
+}
+
+.cs-component-button-22 {
+    gap: var(--space-2)
+}
+
+.cs-component-button-23 {
+    border-radius: var(--radius-sm)
+}
+
+.cs-component-button-11,
+.cs-component-button-12 {
+    border-width: .0625rem
+}
+
+.cs-component-button-13 {
+    border-style: none
+}
+
+.cs-component-button-11 {
+    border-color: var(--border)
+}
+
+.cs-component-button-12 {
+    border-color: var(--color-error)
+}
+
+.cs-component-button-10,
+.cs-component-button-14,
+.cs-component-button-15 {
+    border-color: transparent
+}
+
+.cs-component-button-10 {
+    background-color: var(--color-btn-primary)
+}
+
+.cs-component-button-14 {
+    background-color: var(--color-success)
+}
+
+.cs-component-button-15 {
+    background-color: var(--color-warning)
+}
+
+.cs-component-button-11,
+.cs-component-button-12,
+.cs-component-button-13 {
+    background-color: transparent
+}
+
+.cs-component-button-16 {
+    padding-left: var(--space-2);
+    padding-right: var(--space-2)
+}
+
+.cs-component-button-17 {
+    padding-left: var(--space-3);
+    padding-right: var(--space-3)
+}
+
+.cs-component-button-16 {
+    padding-top: var(--space-1);
+    padding-bottom: var(--space-1)
+}
+
+.cs-component-button-17 {
+    padding-top: var(--space-2);
+    padding-bottom: var(--space-2)
+}
+
+.cs-component-button-23 {
+    font-weight: var(--font-weight-medium)
+}
+
+.cs-component-button-27 {
+    opacity: 0.7
+}
+
+.cs-component-button-24 {
+    transition-property: background-color,border-color,color;
+    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+    transition-duration: 150ms
+}
+
+.cs-component-button-10 {
+    color: var(--color-btn-primary-text)
+}
+
+.cs-component-button-14 {
+    color: var(--color-btn-success-text)
+}
+
+.cs-component-button-15 {
+    color: var(--color-btn-warning-text)
+}
+
+.cs-component-button-12 {
+    color: var(--color-error)
+}
+
+.cs-component-button-11,
+.cs-component-button-13 {
+    color: var(--fg)
+}
+
+.cs-component-button-17 {
+    font-size: var(--font-size-sm)
+}
+
+.cs-component-button-16 {
+    font-size: var(--font-size-xs)
+}
+
+.cs-component-button-24 {
+    transition-duration: 0.2s
+}
+
+.cs-component-button-24 {
+    transition-timing-function: ease
+}
+
+.cs-component-button-11:hover,
+.cs-component-button-13:hover {
+    background-color: var(--color-bg-muted-hover)
+}
+
+.cs-component-button-12:hover {
+    background-color: var(--color-error-bg)
+}
+
+.cs-component-button-10:hover,
+.cs-component-button-14:hover,
+.cs-component-button-15:hover {
+    filter: brightness(1.1)
+}
+
+.cs-component-button-25:focus {
+    outline: .125rem solid transparent;
+    outline-offset: .125rem
+}
+
+.cs-component-button-25:focus {
+    box-shadow: 0 0 0 .125rem var(--color-accent)
+}
+
+.cs-component-button-25:active {
+    transform: scale(.98)
+}

package/dist/styles/components/card-group.css

@@ -0,0 +1,20 @@
+/* card-group component styles. */
+.cs-component-card-group-5 {
+    display: flex
+}
+
+.cs-component-card-group-6 {
+    height: 100%
+}
+
+.cs-component-card-group-6 {
+    min-height: 0
+}
+
+.cs-component-card-group-5 {
+    flex-direction: column
+}
+
+.cs-component-card-group-5 {
+    gap: var(--space-4)
+}