feat(ai): add ai text generation and rewriting using insights endpoint

packages/super-editor/package.json

@@ -28,6 +28,9 @@
     "./file-zipper": {
       "import": "./dist/file-zipper.es.js"
     },
+    "./ai-writer": {
+      "import": "./dist/ai-writer.es.js"
+    },
     "./style.css": "./dist/style.css"
   },
   "main": "./dist/super-editor.es.js",

packages/super-editor/src/assets/styles/elements/_all.css

@@ -1,2 +1,3 @@
 @import './prosemirror.css';
 @import './toolbar.css';
+@import './toolbar-custom.css';

packages/super-editor/src/assets/styles/elements/toolbar-custom.css

@@ -0,0 +1,59 @@
+/* Custom toolbar styling */
+
+/* AI button icon styling with gradient */
+.toolbar-icon__icon--ai {
+  position: relative;
+  z-index: 1;
+}
+
+.toolbar-icon__icon--ai svg {
+  fill: transparent;
+}
+
+.toolbar-icon__icon--ai::before {
+  content: "";
+  position: absolute;
+  top: 0;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  z-index: -1;
+  background: linear-gradient(
+    270deg,
+    rgba(218, 215, 118, 0.5) -20%,
+    rgba(191, 100, 100, 1) 30%,
+    rgba(77, 82, 217, 1) 60%,
+    rgb(255, 219, 102) 150%
+  );
+  -webkit-mask: url("data:image/svg+xml;charset=utf-8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'><path d='M224 96l16-32 32-16-32-16-16-32-16 32-32 16 32 16 16 32zM80 160l26.7-53.3L160 80l-53.3-26.7L80 0 53.3 53.3 0 80l53.3 26.7L80 160zm352 128l-26.7 53.3L352 368l53.3 26.7L432 448l26.7-53.3L512 368l-53.3-26.7L432 288zm70.6-193.8L417.8 9.4C411.5 3.1 403.3 0 395.2 0c-8.2 0-16.4 3.1-22.6 9.4L9.4 372.5c-12.5 12.5-12.5 32.8 0 45.3l84.9 84.9c6.3 6.3 14.4 9.4 22.6 9.4 8.2 0 16.4-3.1 22.6-9.4l363.1-363.2c12.5-12.5 12.5-32.8 0-45.2zM359.5 203.5l-50.9-50.9 86.6-86.6 50.9 50.9-86.6 86.6z'/></svg>") center / contain no-repeat;
+  mask: url("data:image/svg+xml;charset=utf-8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'><path d='M224 96l16-32 32-16-32-16-16-32-16 32-32 16 32 16 16 32zM80 160l26.7-53.3L160 80l-53.3-26.7L80 0 53.3 53.3 0 80l53.3 26.7L80 160zm352 128l-26.7 53.3L352 368l53.3 26.7L432 448l26.7-53.3L512 368l-53.3-26.7L432 288zm70.6-193.8L417.8 9.4C411.5 3.1 403.3 0 395.2 0c-8.2 0-16.4 3.1-22.6 9.4L9.4 372.5c-12.5 12.5-12.5 32.8 0 45.3l84.9 84.9c6.3 6.3 14.4 9.4 22.6 9.4 8.2 0 16.4-3.1 22.6-9.4l363.1-363.2c12.5-12.5 12.5-32.8 0-45.2zM359.5 203.5l-50.9-50.9 86.6-86.6 50.9 50.9-86.6 86.6z'/></svg>") center / contain no-repeat;
+  filter: brightness(1.2);
+  transition: filter 0.2s ease;
+}
+
+.toolbar-icon__icon--ai:hover::before {
+  filter: brightness(1.3);
+} 
+
+
+
+@keyframes aiTextAppear {
+  from {
+    opacity: 0;
+    transform: translateY(5px);
+  }
+  to {
+    opacity: 1;
+    transform: translateY(0);
+  }
+}
+
+.sd-ai-text-appear {
+  display: inline;
+  opacity: 0;
+  animation: aiTextAppear .7s ease-out forwards;
+  animation-fill-mode: both;
+  will-change: opacity, transform;
+  /* Ensure each mark is treated as a separate animation context */
+  contain: content;
+}