Bump Assistent to 0.6.0: board tabs, Cards Civitai fetch, and chat reliability.

Co-authored-by: Cursor <cursoragent@cursor.com>

Assets/assistent.css

@@ -34,9 +34,10 @@
 
 .sa-board-head {
     display: flex;
-    align-items: baseline;
+    align-items: center;
     gap: 0.45rem;
     min-height: 1.6rem;
+    flex-wrap: wrap;
 }
 
 .sa-board-title {
@@ -46,6 +47,43 @@
     font-size: 0.78rem;
 }
 
+.sa-board-tabs {
+    display: flex;
+    gap: 0.2rem;
+    flex: 1;
+    min-width: 0;
+}
+
+.sa-board-tab {
+    appearance: none;
+    border: 1px solid color-mix(in srgb, currentColor 22%, transparent);
+    background: transparent;
+    color: inherit;
+    border-radius: 999px;
+    padding: 0.15rem 0.55rem;
+    font-size: 0.75rem;
+    cursor: pointer;
+    opacity: 0.7;
+    display: inline-flex;
+    align-items: center;
+    gap: 0.3rem;
+}
+
+.sa-board-tab.sa-board-tab-active {
+    opacity: 1;
+    background: color-mix(in srgb, currentColor 12%, transparent);
+    border-color: color-mix(in srgb, currentColor 40%, transparent);
+    font-weight: 600;
+}
+
+.sa-board-badge {
+    font-size: 0.65rem;
+    padding: 0.05rem 0.35rem;
+    border-radius: 999px;
+    background: color-mix(in srgb, currentColor 18%, transparent);
+    opacity: 0.9;
+}
+
 .sa-board-hint {
     flex: 1;
     font-size: 0.75rem;
@@ -66,6 +104,17 @@
     outline: none;
 }
 
+.sa-board.sa-board-gen-only {
+    grid-template-columns: 1fr;
+    grid-auto-rows: 1fr;
+}
+
+.sa-board.sa-board-gen-only .sa-slot.sa-slot-gen {
+    grid-column: auto;
+    min-height: 100%;
+    height: 100%;
+}
+
 .sa-splitter {
     flex: 0 0 0.45rem;
     margin: 0 0.15rem;
@@ -940,8 +989,7 @@
 }
 
 #sa_card_json {
-    flex: 1;
-    min-height: 12rem;
+    min-height: 8rem;
     width: 100%;
     box-sizing: border-box;
     font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
@@ -951,6 +999,182 @@
     resize: vertical;
 }
 
+.sa-card-form {
+    display: flex;
+    flex-direction: column;
+    gap: 0.35rem;
+    overflow: auto;
+    flex: 1;
+    min-height: 0;
+}
+
+.sa-card-form label {
+    display: flex;
+    flex-direction: column;
+    gap: 0.2rem;
+    font-size: 0.78rem;
+    opacity: 0.92;
+}
+
+.sa-card-form input,
+.sa-card-form textarea {
+    width: 100%;
+    box-sizing: border-box;
+    border-radius: 0.35rem;
+    padding: 0.35rem 0.45rem;
+    font: inherit;
+}
+
+.sa-card-form .sa-card-json-toggle {
+    flex-direction: row;
+    align-items: center;
+    gap: 0.4rem;
+}
+
+.sa-card-previews {
+    display: flex;
+    gap: 0.35rem;
+    overflow-x: auto;
+    padding: 0.15rem 0;
+    min-height: 4.5rem;
+}
+
+.sa-card-thumb {
+    width: 4.5rem;
+    height: 4.5rem;
+    object-fit: cover;
+    border-radius: 0.35rem;
+    border: 1px solid color-mix(in srgb, currentColor 25%, transparent);
+    cursor: pointer;
+    flex: 0 0 auto;
+    background: color-mix(in srgb, currentColor 6%, transparent);
+}
+
+.sa-card-thumb:hover {
+    border-color: color-mix(in srgb, currentColor 55%, transparent);
+}
+
+.sa-card-row {
+    display: flex;
+    gap: 0.45rem;
+    align-items: flex-start;
+}
+
+.sa-card-row-thumb {
+    width: 2.4rem;
+    height: 2.4rem;
+    border-radius: 0.3rem;
+    object-fit: cover;
+    flex: 0 0 auto;
+    background: color-mix(in srgb, currentColor 8%, transparent);
+    border: 1px solid color-mix(in srgb, currentColor 18%, transparent);
+}
+
+.sa-card-row-body {
+    min-width: 0;
+    flex: 1;
+}
+
+.sa-lora-chips {
+    display: flex;
+    flex-wrap: wrap;
+    gap: 0.3rem;
+    align-items: center;
+    min-height: 0;
+}
+
+.sa-lora-chip {
+    appearance: none;
+    border: 1px solid color-mix(in srgb, currentColor 28%, transparent);
+    background: color-mix(in srgb, currentColor 8%, transparent);
+    color: inherit;
+    border-radius: 999px;
+    padding: 0.12rem 0.45rem;
+    font-size: 0.72rem;
+    cursor: pointer;
+    max-width: 14rem;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+}
+
+.sa-lora-chip.sa-lora-add {
+    opacity: 0.75;
+    border-style: dashed;
+}
+
+.sa-lora-picker {
+    position: absolute;
+    z-index: 40;
+    max-height: 12rem;
+    overflow: auto;
+    min-width: 14rem;
+    max-width: 22rem;
+    border-radius: 0.45rem;
+    border: 1px solid color-mix(in srgb, currentColor 28%, transparent);
+    background: color-mix(in srgb, #111 92%, transparent);
+    box-shadow: 0 8px 24px color-mix(in srgb, #000 35%, transparent);
+    padding: 0.25rem;
+}
+
+.sa-lora-picker button {
+    display: block;
+    width: 100%;
+    text-align: left;
+    border: none;
+    background: transparent;
+    color: inherit;
+    padding: 0.35rem 0.45rem;
+    border-radius: 0.3rem;
+    cursor: pointer;
+    font-size: 0.78rem;
+}
+
+.sa-lora-picker button:hover {
+    background: color-mix(in srgb, currentColor 12%, transparent);
+}
+
+.sa-slash-wrap {
+    position: relative;
+}
+
+.sa-slash-menu {
+    position: absolute;
+    left: 0;
+    right: 0;
+    bottom: calc(100% + 0.25rem);
+    z-index: 50;
+    max-height: 12rem;
+    overflow: auto;
+    border-radius: 0.45rem;
+    border: 1px solid color-mix(in srgb, currentColor 28%, transparent);
+    background: color-mix(in srgb, #111 94%, transparent);
+    box-shadow: 0 8px 24px color-mix(in srgb, #000 40%, transparent);
+    padding: 0.2rem;
+}
+
+.sa-slash-item {
+    display: block;
+    width: 100%;
+    text-align: left;
+    border: none;
+    background: transparent;
+    color: inherit;
+    padding: 0.35rem 0.5rem;
+    border-radius: 0.3rem;
+    cursor: pointer;
+    font-size: 0.8rem;
+}
+
+.sa-slash-item code {
+    font-weight: 650;
+}
+
+.sa-slash-item.sa-slash-active,
+.sa-slash-item:hover {
+    background: color-mix(in srgb, currentColor 14%, transparent);
+}
+
 .sa-cards-actions {
     display: flex;
     flex-wrap: wrap;