@quilltap/theme-storybook 1.0.101 → 1.0.103

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@quilltap/theme-storybook",
-  "version": "1.0.101",
+  "version": "1.0.103",
   "description": "Storybook preset and stories for developing Quilltap theme plugins",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",

package/src/css/qt-components.css

@@ -5114,6 +5114,54 @@
   .qt-chat-thinking-details {
     max-width: 85%;
   }
+  /* Start-aligned variant: thinking set flush left in a column of tool cards
+     (the Brahma Console), where the right offset would read as misplaced. */
+  /*
+   * Collapsible tool card summary (the Brahma Console's "Ran SQL" card): one
+   * line that stays put; the chevron turns and the query preview hides when the
+   * card is open (the full query is in the body then).
+   */
+  .qt-tool-card-summary {
+    display: flex;
+    align-items: center;
+    gap: 0.5rem;
+    cursor: pointer;
+    -webkit-user-select: none;
+       -moz-user-select: none;
+            user-select: none;
+    list-style: none;
+  }
+  .qt-tool-card-summary::-webkit-details-marker {
+    display: none;
+  }
+  .qt-tool-card-summary > * {
+    flex-shrink: 0;
+  }
+  .qt-tool-card-chevron {
+    transition: transform 150ms ease;
+  }
+  details[open] > .qt-tool-card-summary .qt-tool-card-chevron {
+    transform: rotate(90deg);
+  }
+  .qt-tool-card-summary > .qt-tool-card-preview {
+    flex: 1 1 0%;
+    min-width: 0;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+  }
+  details[open] > .qt-tool-card-summary .qt-tool-card-preview {
+    visibility: hidden;
+  }
+  .qt-chat-thinking-start {
+    justify-content: flex-start;
+  }
+  .qt-chat-thinking-start .qt-chat-thinking-details {
+    max-width: 100%;
+  }
+  .qt-chat-thinking-start .qt-chat-thinking-summary {
+    justify-content: flex-start;
+  }
   .qt-chat-thinking-summary {
     display: flex;
     align-items: center;
@@ -7957,6 +8005,34 @@
   .qt-chat-attachment-chip-remove:hover {
     color: var(--qt-status-danger-fg);
   }
+  /**
+   * In-place message editor — the notices above the textarea (a model has
+   * read the line; memories it formed, with the regenerate checkbox) and the
+   * Save / Cancel row beneath it.
+   */
+  :where(.qt-chat-message-editor > :not(:last-child)) {
+    --tw-space-y-reverse: 0;
+    margin-block-start: calc(calc(var(--spacing, 0.25rem) * 2) * var(--tw-space-y-reverse));
+    margin-block-end: calc(calc(var(--spacing, 0.25rem) * 2) * calc(1 - var(--tw-space-y-reverse)));
+  }
+  :where(.qt-chat-message-editor-notice > :not(:last-child)) {
+    --tw-space-y-reverse: 0;
+    margin-block-start: calc(var(--spacing, 0.25rem) * var(--tw-space-y-reverse));
+    margin-block-end: calc(var(--spacing, 0.25rem) * calc(1 - var(--tw-space-y-reverse)));
+  }
+  .qt-chat-message-editor-option {
+    display: flex;
+    cursor: pointer;
+    align-items: flex-start;
+    gap: calc(var(--spacing, 0.25rem) * 2);
+  }
+  .qt-chat-message-editor-option input {
+    margin-top: calc(var(--spacing, 0.25rem) * 0.5);
+  }
+  .qt-chat-message-editor-actions {
+    display: flex;
+    gap: calc(var(--spacing, 0.25rem) * 2);
+  }
   /**
    * Message action bar - shows action icons at bottom of message
    * Persistent on mobile, replaces hover-based actions