@quilltap/theme-storybook 1.0.102 → 1.0.103

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@quilltap/theme-storybook",
-  "version": "1.0.102",
+  "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

@@ -8005,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