ct-rich-text-editor 1.3.6 → 1.3.8

package/dist/api/featureSuggestion.d.ts

@@ -0,0 +1,21 @@
+export interface FeatureSuggestion {
+    id: string;
+    title: string;
+    description: string;
+    status: string;
+    createdAt: string;
+    upvotes: number;
+    adminResponse?: string;
+    isImplemented: boolean;
+    reviewedAt?: string;
+    reviewedBy?: string;
+    tags?: string[];
+}
+export interface CreateSuggestionData {
+    title: string;
+    description: string;
+    tags?: string[];
+}
+export declare class FeatureSuggestionAPI {
+    static createSuggestion(data: CreateSuggestionData, apiKey?: string): Promise<FeatureSuggestion>;
+}

package/dist/assets/style.css

@@ -624,6 +624,10 @@ video {
   bottom: 0px;
 }
 
+.cteditor-bottom-2{
+  bottom: 0.5rem;
+}
+
 .cteditor-bottom-3\/4{
   bottom: 75%;
 }
@@ -917,11 +921,6 @@ video {
   height: 1.5rem;
 }
 
-.cteditor-size-9{
-  width: 2.25rem;
-  height: 2.25rem;
-}
-
 .cteditor-size-\[18px\]{
   width: 18px;
   height: 18px;
@@ -1307,12 +1306,6 @@ video {
   transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
 }
 
-.cteditor-scale-150{
-  --tw-scale-x: 1.5;
-  --tw-scale-y: 1.5;
-  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
-}
-
 @keyframes cteditor-pulse{
 
   50%{
@@ -1683,10 +1676,6 @@ video {
   border-color: hsl(var(--cteditorf47ac10b-background) / 0.1);
 }
 
-.cteditor-border-background\/20{
-  border-color: hsl(var(--cteditorf47ac10b-background) / 0.2);
-}
-
 .cteditor-border-blue-200{
   --tw-border-opacity: 1;
   border-color: rgb(191 219 254 / var(--tw-border-opacity, 1));
@@ -1701,10 +1690,6 @@ video {
   border-color: hsl(var(--cteditorf47ac10b-border));
 }
 
-.cteditor-border-border\/30{
-  border-color: hsl(var(--cteditorf47ac10b-border) / 0.3);
-}
-
 .cteditor-border-destructive{
   border-color: hsl(var(--cteditorf47ac10b-destructive));
 }
@@ -1829,6 +1814,10 @@ video {
   border-left-color: rgb(234 179 8 / var(--tw-border-opacity, 1));
 }
 
+.cteditor-border-t-transparent{
+  border-top-color: transparent;
+}
+
 .\!cteditor-bg-accent{
   background-color: hsl(var(--cteditorf47ac10b-accent)) !important;
 }
@@ -2019,6 +2008,11 @@ video {
   background-color: rgb(168 85 247 / 0.1);
 }
 
+.cteditor-bg-red-100{
+  --tw-bg-opacity: 1;
+  background-color: rgb(254 226 226 / var(--tw-bg-opacity, 1));
+}
+
 .cteditor-bg-red-50{
   --tw-bg-opacity: 1;
   background-color: rgb(254 242 242 / var(--tw-bg-opacity, 1));
@@ -2517,6 +2511,11 @@ video {
   color: rgb(37 99 235 / var(--tw-text-opacity, 1));
 }
 
+.cteditor-text-blue-700{
+  --tw-text-opacity: 1;
+  color: rgb(29 78 216 / var(--tw-text-opacity, 1));
+}
+
 .cteditor-text-blue-800{
   --tw-text-opacity: 1;
   color: rgb(30 64 175 / var(--tw-text-opacity, 1));
@@ -2792,10 +2791,6 @@ video {
   outline-width: 0px;
 }
 
-.cteditor-outline-background\/30{
-  outline-color: hsl(var(--cteditorf47ac10b-background) / 0.3);
-}
-
 .cteditor-ring-1{
   --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
   --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
@@ -2988,23 +2983,32 @@ body {
 
 ::-webkit-scrollbar {
     width: 8px;
+    height: 8px;
   }
 
 ::-webkit-scrollbar-track {
-    background: rgb(240, 240, 240);
+    background: #f0f0f0;
   }
 
 ::-webkit-scrollbar-thumb {
-    background: rgb(180, 180, 180);
-    border-radius: 10px;
+    background: #aaa;
+    border-radius: 4px;
+  }
+
+::-webkit-scrollbar-thumb:hover {
+    background: #888;
   }
 
 body.dark ::-webkit-scrollbar-track {
-    background: rgb(30, 30, 35);
+    background: #2a2a2a;
   }
 
 body.dark ::-webkit-scrollbar-thumb {
-    background: rgb(80, 80, 90);
+    background: #777;
+  }
+
+body.dark ::-webkit-scrollbar-thumb:hover {
+    background: #999;
   }
 
 /* Color Picker Style */
@@ -3048,7 +3052,6 @@ body.dark ::-webkit-scrollbar-thumb {
 
 .PlaygroundEditorTheme__table .PlaygroundEditorTheme__tableCell {
     border-color: hsla(var(--cteditorf47ac10b-foreground), 0.2);
-    background-color: transparent !important;
   }
 
 .PlaygroundEditorTheme__tableCellHeader,
@@ -3056,8 +3059,6 @@ body.dark ::-webkit-scrollbar-thumb {
   .PlaygroundEditorTheme__table td.PlaygroundEditorTheme__tableCellHeader {
     white-space: nowrap !important;
     overflow: hidden !important;
-    max-height: 40px !important;
-    line-height: 1.2 !important;
   }
 
 /* Prevent wrapping in all nested elements inside table headers */
@@ -3066,10 +3067,6 @@ body.dark ::-webkit-scrollbar-thumb {
   .PlaygroundEditorTheme__table th *,
   .PlaygroundEditorTheme__table td.PlaygroundEditorTheme__tableCellHeader * {
     white-space: nowrap !important;
-    display: inline !important;
-    margin: 0 !important;
-    padding: 0 !important;
-    line-height: 1.2 !important;
   }
 
 /* Force br tags to not create new lines in headers */
@@ -3095,6 +3092,26 @@ body.dark ::-webkit-scrollbar-thumb {
     height: auto;
   }
 
+/* Table Insert Dot Indicators */
+
+.table-insert-dot {
+    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
+    opacity: 0.6;
+    transition: all 0.2s ease;
+  }
+
+.table-insert-dot:hover,
+  .table-insert-dot.hovered {
+    opacity: 1;
+    box-shadow: 0 4px 8px rgba(59, 130, 246, 0.3);
+    transform: scale(1.1);
+  }
+
+.table-insert-dot:focus {
+    outline: 2px solid #3b82f6;
+    outline-offset: 2px;
+  }
+
 .PlaygroundEditorTheme__hr {
     background-color: transparent;
   }
@@ -3222,12 +3239,14 @@ body .ai-chat-popup .ai-chat-input {
   color: hsl(var(--cteditorf47ac10b-foreground));
 }
 
-.placeholder\:cteditor-text-background::-moz-placeholder{
-  color: hsl(var(--cteditorf47ac10b-background));
+.placeholder\:cteditor-text-gray-500::-moz-placeholder{
+  --tw-text-opacity: 1;
+  color: rgb(107 114 128 / var(--tw-text-opacity, 1));
 }
 
-.placeholder\:cteditor-text-background::placeholder{
-  color: hsl(var(--cteditorf47ac10b-background));
+.placeholder\:cteditor-text-gray-500::placeholder{
+  --tw-text-opacity: 1;
+  color: rgb(107 114 128 / var(--tw-text-opacity, 1));
 }
 
 .placeholder\:cteditor-text-muted-foreground::-moz-placeholder{
@@ -3238,16 +3257,6 @@ body .ai-chat-popup .ai-chat-input {
   color: hsl(var(--cteditorf47ac10b-muted-foreground));
 }
 
-.checked\:cteditor-border-blue-600:checked{
-  --tw-border-opacity: 1;
-  border-color: rgb(37 99 235 / var(--tw-border-opacity, 1));
-}
-
-.checked\:cteditor-bg-blue-600:checked{
-  --tw-bg-opacity: 1;
-  background-color: rgb(37 99 235 / var(--tw-bg-opacity, 1));
-}
-
 .empty\:before\:cteditor-text-muted-foreground\/60:empty::before{
   content: var(--tw-content);
   color: hsl(var(--cteditorf47ac10b-muted-foreground) / 0.6);
@@ -3281,11 +3290,6 @@ body .ai-chat-popup .ai-chat-input {
   border-color: rgb(245 158 11 / var(--tw-border-opacity, 1));
 }
 
-.hover\:cteditor-border-blue-500:hover{
-  --tw-border-opacity: 1;
-  border-color: rgb(59 130 246 / var(--tw-border-opacity, 1));
-}
-
 .hover\:cteditor-border-gray-500:hover{
   --tw-border-opacity: 1;
   border-color: rgb(107 114 128 / var(--tw-border-opacity, 1));
@@ -3399,6 +3403,11 @@ body .ai-chat-popup .ai-chat-input {
   background-color: rgb(147 51 234 / var(--tw-bg-opacity, 1));
 }
 
+.hover\:cteditor-bg-red-600:hover{
+  --tw-bg-opacity: 1;
+  background-color: rgb(220 38 38 / var(--tw-bg-opacity, 1));
+}
+
 .hover\:cteditor-bg-rose-100:hover{
   --tw-bg-opacity: 1;
   background-color: rgb(255 228 230 / var(--tw-bg-opacity, 1));
@@ -3427,6 +3436,11 @@ body .ai-chat-popup .ai-chat-input {
   color: hsl(var(--cteditorf47ac10b-accent-foreground));
 }
 
+.hover\:cteditor-text-blue-800:hover{
+  --tw-text-opacity: 1;
+  color: rgb(30 64 175 / var(--tw-text-opacity, 1));
+}
+
 .hover\:cteditor-text-destructive-foreground:hover{
   color: hsl(var(--cteditorf47ac10b-destructive-foreground));
 }
@@ -3452,8 +3466,9 @@ body .ai-chat-popup .ai-chat-input {
   color: hsl(var(--cteditorf47ac10b-primary-foreground));
 }
 
-.hover\:cteditor-text-primary\/80:hover{
-  color: hsl(var(--cteditorf47ac10b-primary) / 0.8);
+.hover\:cteditor-text-white:hover{
+  --tw-text-opacity: 1;
+  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
 }
 
 .hover\:cteditor-underline:hover{
@@ -3518,6 +3533,11 @@ body .ai-chat-popup .ai-chat-input {
   box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
 }
 
+.focus\:cteditor-ring-blue-500:focus{
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgb(59 130 246 / var(--tw-ring-opacity, 1));
+}
+
 .focus\:cteditor-ring-primary\/20:focus{
   --tw-ring-color: hsl(var(--cteditorf47ac10b-primary) / 0.2);
 }
@@ -3557,6 +3577,11 @@ body .ai-chat-popup .ai-chat-input {
   box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
 }
 
+.focus-visible\:cteditor-ring-red-500:focus-visible{
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgb(239 68 68 / var(--tw-ring-opacity, 1));
+}
+
 .focus-visible\:cteditor-ring-ring:focus-visible{
   --tw-ring-color: hsl(var(--cteditorf47ac10b-ring));
 }
@@ -3587,16 +3612,14 @@ body .ai-chat-popup .ai-chat-input {
   color: hsl(var(--cteditorf47ac10b-primary));
 }
 
-.cteditor-group:hover .group-hover\:cteditor-text-foreground{
-  color: hsl(var(--cteditorf47ac10b-foreground));
-}
-
-.cteditor-group:hover .group-hover\:cteditor-text-primary{
-  color: hsl(var(--cteditorf47ac10b-primary));
+.cteditor-group:hover .group-hover\:cteditor-text-blue-600{
+  --tw-text-opacity: 1;
+  color: rgb(37 99 235 / var(--tw-text-opacity, 1));
 }
 
-.cteditor-peer:checked ~ .peer-checked\:cteditor-opacity-100{
-  opacity: 1;
+.cteditor-group:hover .group-hover\:cteditor-text-gray-700{
+  --tw-text-opacity: 1;
+  color: rgb(55 65 81 / var(--tw-text-opacity, 1));
 }
 
 .cteditor-peer:disabled ~ .peer-disabled\:cteditor-cursor-not-allowed{
@@ -4264,10 +4287,6 @@ body .ai-chat-popup .ai-chat-input {
   -webkit-line-clamp: 1;
 }
 
-.\[\&\>span\]\:checked\:cteditor-opacity-100:checked>span{
-  opacity: 1;
-}
-
 .\[\&\>span\]\:hover\:cteditor-bottom-full:hover>span{
   bottom: 100%;
 }
@@ -4360,12 +4379,21 @@ body .ai-chat-popup .ai-chat-input {
     height: auto;
   }
 
-  /* Ensure tables are responsive */
+  /* Table wrapper for hover menu space */
+  .PlaygroundEditorTheme__table {
+    position: relative;
+    margin-left: 24px !important; /* Space for left hover dots */
+    margin-top: 24px !important; /* Space for top hover dots */
+    margin-bottom: 24px !important; /* Space for bottom hover dots */
+  }
+
+  /* Ensure tables span full width within wrapper */
   .PlaygroundEditorTheme__table,
   .table {
-    max-width: 100%;
+    width: calc(100% - 24px) !important;
+    table-layout: fixed !important;
     overflow-x: auto;
-    display: block;
+    display: table;
   }
 
   /* Prevent table header text wrapping */
@@ -4374,8 +4402,6 @@ body .ai-chat-popup .ai-chat-input {
   .PlaygroundEditorTheme__table td.PlaygroundEditorTheme__tableCellHeader {
     white-space: nowrap !important;
     overflow: hidden !important;
-    max-height: 40px !important;
-    line-height: 1.2 !important;
   }
 
   /* Prevent wrapping in all nested elements inside table headers */
@@ -4383,10 +4409,6 @@ body .ai-chat-popup .ai-chat-input {
   .PlaygroundEditorTheme__table th *,
   .PlaygroundEditorTheme__table td.PlaygroundEditorTheme__tableCellHeader * {
     white-space: nowrap !important;
-    display: inline !important;
-    margin: 0 !important;
-    padding: 0 !important;
-    line-height: 1.2 !important;
   }
 
   /* Force br tags to not create new lines in headers */
@@ -5190,11 +5212,14 @@ body .ai-chat-popup .ai-chat-input {
     border-collapse: collapse;
     border-spacing: 0;
     overflow-y: visible;
-    overflow-x: visible;
+    overflow-x: auto;
     table-layout: fixed;
-    /* Remove width constraint - let inline styles control it */
+    width: 100% !important; /* Full editor width like TinyMCE */
     margin-top: 25px;
     margin-bottom: 30px;
+    margin-left: 0;
+    margin-right: 0;
+    display: block;
   }
 
   .PlaygroundEditorTheme__tableRowStriping tr:nth-child(even) {
@@ -5219,10 +5244,10 @@ body .ai-chat-popup .ai-chat-input {
 
   .PlaygroundEditorTheme__tableCell {
     border: 1px solid #bbb;
-    width: 75px;
+    /* width removed - controlled by colgroup */
     vertical-align: top;
     text-align: start;
-    padding: 6px 8px;
+    padding: 12px 12px 12px 16px;
     position: relative;
     outline: none;
     overflow: auto;
@@ -5250,11 +5275,61 @@ body .ai-chat-popup .ai-chat-input {
     text-align: start;
     white-space: nowrap;
     overflow: hidden;
+    font-weight: 600;
+    background-color: #323131;
+    position: relative;
+  }
+  
+  /* Visual indicator for resizable columns - right bar on current cell */
+  .PlaygroundEditorTheme__tableCellHeader::before {
+    content: '';
+    position: absolute;
+    right: 0px;
+    top: 50%;
+    transform: translateY(-50%);
+    width: 2px;
+    height: 70%;
+    background: linear-gradient(to bottom, transparent 0%, #475569 10%, #475569 90%, transparent 100%);
+    opacity: 0.7;
+    border-radius: 2px;
+    pointer-events: none;
+    transition: opacity 0.2s ease, height 0.2s ease;
+  }
+  
+  /* Visual indicator for resizable columns - left bar on next cell */
+  .PlaygroundEditorTheme__tableCellHeader::after {
+    content: '';
+    position: absolute;
+    left: 0px;
+    top: 50%;
+    transform: translateY(-50%);
+    width: 2px;
+    height: 70%;
+    background: linear-gradient(to bottom, transparent 0%, #475569 10%, #475569 90%, transparent 100%);
+    opacity: 0.7;
+    border-radius: 2px;
+    pointer-events: none;
+    transition: opacity 0.2s ease, height 0.2s ease;
+  }
+  
+  /* Show indicator more prominently on hover */
+  .PlaygroundEditorTheme__tableCellHeader:hover::before,
+  .PlaygroundEditorTheme__tableCellHeader:hover::after {
+    opacity: 1;
+    height: 85%;
+    background: linear-gradient(to bottom, transparent 0%, #334155 10%, #334155 90%, transparent 100%);
+  }
+  
+  /* Show indicator more prominently on hover */
+  .PlaygroundEditorTheme__tableCellHeader:hover::before,
+  .PlaygroundEditorTheme__tableCellHeader:hover::after {
+    opacity: 1;
+    height: 85%;
+    background: linear-gradient(to bottom, transparent 0%, #334155 10%, #334155 90%, transparent 100%);
   }
 
   .PlaygroundEditorTheme__tableCellHeader * {
     white-space: nowrap;
-    display: inline;
     margin: 0;
   }
 
@@ -6746,6 +6821,105 @@ body .ai-chat-popup .ai-chat-input {
     display: none;
   }
 }
+/* Mentions Plugin Styles */
+
+.typeahead-popover.mentions-menu {
+  background: hsl(var(--cteditorf47ac10b-popover));
+  border: 1px solid hsl(var(--cteditorf47ac10b-border));
+  border-radius: 8px;
+  box-shadow: 0 4px 12px hsla(var(--cteditorf47ac10b-foreground) / 0.1);
+  padding: 8px;
+  max-height: 300px;
+  overflow-y: auto;
+  min-width: 200px;
+  z-index: 1000;
+}
+
+.typeahead-popover.mentions-menu ul {
+  list-style: none;
+  margin: 0;
+  padding: 0;
+}
+
+.typeahead-popover.mentions-menu .item {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  padding: 8px 12px;
+  border-radius: 6px;
+  cursor: pointer;
+  transition: all 0.15s ease;
+  color: hsl(var(--cteditorf47ac10b-foreground));
+}
+
+.typeahead-popover.mentions-menu .item:hover {
+  background: hsl(var(--cteditorf47ac10b-accent));
+}
+
+.typeahead-popover.mentions-menu .item.selected {
+  background: hsl(var(--cteditorf47ac10b-primary));
+  color: hsl(var(--cteditorf47ac10b-primary-foreground));
+}
+
+.typeahead-popover.mentions-menu .item .icon.user {
+  width: 20px;
+  height: 20px;
+  border-radius: 50%;
+  background: hsl(var(--cteditorf47ac10b-muted));
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  flex-shrink: 0;
+}
+
+.typeahead-popover.mentions-menu .item .icon.user::before {
+  content: '👤';
+  font-size: 12px;
+  font-style: normal;
+}
+
+.typeahead-popover.mentions-menu .item.selected .icon.user {
+  background: hsl(var(--cteditorf47ac10b-primary-foreground) / 0.2);
+}
+
+.typeahead-popover.mentions-menu .item .text {
+  flex: 1;
+  font-size: 14px;
+  font-weight: 400;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
+.typeahead-popover.mentions-menu .no-users-found {
+  padding: 12px;
+  text-align: center;
+  color: hsl(var(--cteditorf47ac10b-muted-foreground));
+  font-size: 14px;
+}
+
+/* Scrollbar styling for mentions menu */
+.typeahead-popover.mentions-menu::-webkit-scrollbar {
+  width: 6px;
+}
+
+.typeahead-popover.mentions-menu::-webkit-scrollbar-track {
+  background: transparent;
+}
+
+.typeahead-popover.mentions-menu::-webkit-scrollbar-thumb {
+  background: hsl(var(--cteditorf47ac10b-border));
+  border-radius: 3px;
+}
+
+.typeahead-popover.mentions-menu::-webkit-scrollbar-thumb:hover {
+  background: hsl(var(--cteditorf47ac10b-foreground) / 0.3);
+}
+
+/* Dark mode specific adjustments */
+.dark .typeahead-popover.mentions-menu {
+  box-shadow: 0 4px 16px hsla(0, 0%, 0%, 0.4);
+}
 /* Table Cell Action Button Container and Button Styles */
 .table-cell-action-button-container {
   position: absolute !important;
@@ -6769,17 +6943,17 @@ body .ai-chat-popup .ai-chat-input {
   justify-content: center;
   align-items: center;
   border: 1px solid hsl(var(--cteditorf47ac10b-border));
-  width: 28px !important;
-  height: 28px !important;
-  border-radius: 6px;
+  width: 20px !important;
+  height: 20px !important;
+  border-radius: 4px;
   background: hsl(var(--cteditorf47ac10b-popover)) !important;
   color: hsl(var(--cteditorf47ac10b-popover-foreground)) !important;
   cursor: pointer;
   box-shadow: 0 2px 8px hsl(var(--cteditorf47ac10b-foreground) / 0.1);
   transition: all 0.2s ease;
   padding: 0 !important;
-  min-width: 28px;
-  max-width: 28px;
+  min-width: 20px;
+  max-width: 20px;
 }
 
 .table-cell-action-button:hover {
@@ -6791,8 +6965,8 @@ body .ai-chat-popup .ai-chat-input {
 }
 
 .table-cell-action-button svg {
-  width: 16px;
-  height: 16px;
+  width: 12px;
+  height: 12px;
   stroke: currentColor;
 }
 
@@ -6800,8 +6974,8 @@ body .ai-chat-popup .ai-chat-input {
   background-color: transparent;
   background-size: contain;
   display: inline-block;
-  height: 8px;
-  width: 8px;
+  height: 6px;
+  width: 6px;
   background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0iY3VycmVudENvbG9yIiBjbGFzcz0iYmkgYmktY2hldnJvbi1kb3duIj48cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xLjY0NiA0LjY0NmEuNS41IDAgMCAxIC43MDggMEw4IDEwLjI5M2w1LjY0Ni01LjY0N2EuNS41IDAgMCAxIC43MDguNzA4bC02IDZhLjUuNSAwIDAgMS0uNzA4IDBsLTYtNmEuNS41IDAgMCAxIDAtLjcwOHoiLz48L3N2Zz4=);
   filter: invert(var(--icon-invert, 0));
 }
@@ -6815,6 +6989,8 @@ body .ai-chat-popup .ai-chat-input {
   min-height: 40px;
   min-width: 200px;
   padding: 6px;
+  overflow-y: auto;
+  overflow-x: hidden;
   
   /* Liquid glass effect */
   background: hsl(var(--cteditorf47ac10b-popover) / 0.85);
@@ -6834,6 +7010,33 @@ body .ai-chat-popup .ai-chat-input {
   animation: dropdownFadeIn 0.2s ease-out;
 }
 
+/* Custom scrollbar styling */
+.dropdown.table-drop::-webkit-scrollbar {
+  width: 8px;
+}
+
+.dropdown.table-drop::-webkit-scrollbar-track {
+  background: transparent;
+  border-radius: 4px;
+}
+
+.dropdown.table-drop::-webkit-scrollbar-thumb {
+  background: rgba(0, 0, 0, 0.2);
+  border-radius: 4px;
+  -webkit-transition: background 0.2s;
+  transition: background 0.2s;
+}
+
+.dropdown.table-drop::-webkit-scrollbar-thumb:hover {
+  background: rgba(0, 0, 0, 0.3);
+}
+
+/* Firefox scrollbar */
+.dropdown.table-drop {
+  scrollbar-width: thin;
+  scrollbar-color: rgba(0, 0, 0, 0.2) transparent;
+}
+
 @keyframes dropdownFadeIn {
   from {
     opacity: 0;

package/dist/components/FeatureSuggestionDialog/index.d.ts

@@ -0,0 +1,6 @@
+interface FeatureSuggestionDialogProps {
+    open: boolean;
+    onOpenChange: (open: boolean) => void;
+}
+export declare function FeatureSuggestionDialog({ open, onOpenChange, }: FeatureSuggestionDialogProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/ImageComparisonDialog/index.d.ts

@@ -0,0 +1,11 @@
+import { default as React } from 'react';
+interface ImageComparisonDialogProps {
+    open: boolean;
+    onOpenChange: (open: boolean) => void;
+    oldImageUrl: string;
+    newImageUrl: string;
+    onReplace: () => void;
+    onCancel: () => void;
+}
+export declare const ImageComparisonDialog: React.FC<ImageComparisonDialogProps>;
+export {};

package/dist/components/ImageGenerationDialog/ImageGenerationManager.d.ts

@@ -4,7 +4,8 @@ export interface ImageGenerationManagerRef {
     setGenerating: (generating: boolean) => void;
 }
 interface ImageGenerationManagerProps {
-    onGenerate: (prompt: string) => Promise<void>;
+    onGenerate: (prompt: string) => Promise<string>;
+    onInsertImage: (imageUrl: string, prompt: string) => void;
 }
 export declare const ImageGenerationManager: React.ForwardRefExoticComponent<ImageGenerationManagerProps & React.RefAttributes<ImageGenerationManagerRef>>;
 export {};