@djangocfg/ui-tools 2.1.241 → 2.1.243

package/dist/index.css

@@ -3,4 +3,166 @@
   box-shadow: 0 0 0 2px hsl(var(--ring));
   transition: box-shadow 150ms;
 }
+
+/* src/tools/MarkdownEditor/styles.css */
+.markdown-editor .markdown-editor-content {
+  outline: none;
+}
+.markdown-editor .tiptap h1 {
+  font-size: 1.5em;
+  font-weight: 700;
+  margin: 0.5em 0 0.25em;
+  line-height: 1.3;
+}
+.markdown-editor .tiptap h2 {
+  font-size: 1.25em;
+  font-weight: 600;
+  margin: 0.5em 0 0.25em;
+  line-height: 1.3;
+}
+.markdown-editor .tiptap h3 {
+  font-size: 1.1em;
+  font-weight: 600;
+  margin: 0.4em 0 0.2em;
+  line-height: 1.3;
+}
+.markdown-editor .tiptap p {
+  margin: 0.25em 0;
+}
+.markdown-editor .tiptap ul,
+.markdown-editor .tiptap ol {
+  padding-left: 1.5em;
+  margin: 0.25em 0;
+}
+.markdown-editor .tiptap ul {
+  list-style: disc;
+}
+.markdown-editor .tiptap ol {
+  list-style: decimal;
+}
+.markdown-editor .tiptap li {
+  margin: 0.1em 0;
+}
+.markdown-editor .tiptap blockquote {
+  border-left: 3px solid var(--border, #333);
+  padding-left: 1em;
+  margin: 0.5em 0;
+  opacity: 0.8;
+}
+.markdown-editor .tiptap hr {
+  border: none;
+  border-top: 1px solid var(--border, #333);
+  margin: 0.75em 0;
+}
+.markdown-editor .tiptap code {
+  background: var(--muted, #222);
+  padding: 0.15em 0.3em;
+  border-radius: 0.25em;
+  font-size: 0.9em;
+  font-family: monospace;
+}
+.markdown-editor .tiptap strong {
+  font-weight: 700;
+}
+.markdown-editor .tiptap em {
+  font-style: italic;
+}
+.markdown-editor .tiptap s {
+  text-decoration: line-through;
+}
+.markdown-editor .tiptap p.is-editor-empty:first-child::before {
+  content: attr(data-placeholder);
+  float: left;
+  pointer-events: none;
+  height: 0;
+  opacity: 0.4;
+}
+.markdown-editor:focus-within {
+  border-color: var(--color-ring, hsl(var(--ring, 0 0% 60%)));
+  box-shadow: 0 0 0 2px var(--color-ring, hsl(var(--ring, 0 0% 60%) / 0.3));
+}
+.markdown-mention {
+  background: var(--color-primary, hsl(var(--primary)));
+  color: var(--color-primary-foreground, #fff);
+  padding: 1px 6px;
+  border-radius: 4px;
+  font-size: 0.9em;
+  font-weight: 500;
+  cursor: default;
+}
+.markdown-mention-list {
+  background: var(--color-popover, hsl(var(--popover, 0 0% 8%)));
+  color: var(--color-popover-foreground, hsl(var(--popover-foreground, 0 0% 98%)));
+  border: 1px solid var(--color-border, hsl(var(--border, 0 0% 15%)));
+  border-radius: 8px;
+  padding: 4px;
+  min-width: 220px;
+  max-height: 260px;
+  overflow-y: auto;
+  box-shadow: 0 8px 30px rgba(0, 0, 0, 0.5);
+}
+.markdown-mention-item {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  width: 100%;
+  padding: 6px 8px;
+  border: none;
+  background: transparent;
+  border-radius: 4px;
+  cursor: pointer;
+  text-align: left;
+  font-size: 13px;
+  transition: background 0.1s;
+}
+.markdown-mention-item:hover,
+.markdown-mention-item.selected {
+  background: var(--color-muted, hsl(var(--muted, 0 0% 15%)));
+}
+.markdown-mention-avatar {
+  width: 24px;
+  height: 24px;
+  border-radius: 50%;
+  object-fit: cover;
+  flex-shrink: 0;
+}
+.markdown-mention-info {
+  display: flex;
+  flex-direction: column;
+  min-width: 0;
+}
+.markdown-mention-name {
+  font-weight: 500;
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+.markdown-mention-desc {
+  font-size: 11px;
+  opacity: 0.6;
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+.markdown-toolbar-btn {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: 28px;
+  height: 28px;
+  border-radius: 4px;
+  border: none;
+  background: transparent;
+  cursor: pointer;
+  opacity: 0.5;
+  transition: opacity 0.15s, background 0.15s;
+}
+.markdown-toolbar-btn:hover {
+  opacity: 1;
+  background: var(--muted, #222);
+}
+.markdown-toolbar-btn.active {
+  opacity: 1;
+  background: var(--muted, #222);
+}
 /*# sourceMappingURL=index.css.map */

package/dist/index.css.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/FloatingToolbar/FloatingToolbar.css"],"sourcesContent":["/* Focus ring when scroll isolation is unlocked */\n.scroll-unlocked {\n  box-shadow: 0 0 0 2px hsl(var(--ring));\n  transition: box-shadow 150ms;\n}\n"],"mappings":";AACA,CAAC;AACC,cAAY,EAAE,EAAE,EAAE,IAAI,IAAI,IAAI;AAC9B,cAAY,WAAW;AACzB;","names":[]}
+{"version":3,"sources":["../src/components/FloatingToolbar/FloatingToolbar.css","../src/tools/MarkdownEditor/styles.css"],"sourcesContent":["/* Focus ring when scroll isolation is unlocked */\n.scroll-unlocked {\n  box-shadow: 0 0 0 2px hsl(var(--ring));\n  transition: box-shadow 150ms;\n}\n",".markdown-editor .markdown-editor-content {\n  outline: none;\n}\n\n.markdown-editor .tiptap h1 {\n  font-size: 1.5em;\n  font-weight: 700;\n  margin: 0.5em 0 0.25em;\n  line-height: 1.3;\n}\n\n.markdown-editor .tiptap h2 {\n  font-size: 1.25em;\n  font-weight: 600;\n  margin: 0.5em 0 0.25em;\n  line-height: 1.3;\n}\n\n.markdown-editor .tiptap h3 {\n  font-size: 1.1em;\n  font-weight: 600;\n  margin: 0.4em 0 0.2em;\n  line-height: 1.3;\n}\n\n.markdown-editor .tiptap p {\n  margin: 0.25em 0;\n}\n\n.markdown-editor .tiptap ul,\n.markdown-editor .tiptap ol {\n  padding-left: 1.5em;\n  margin: 0.25em 0;\n}\n\n.markdown-editor .tiptap ul {\n  list-style: disc;\n}\n\n.markdown-editor .tiptap ol {\n  list-style: decimal;\n}\n\n.markdown-editor .tiptap li {\n  margin: 0.1em 0;\n}\n\n.markdown-editor .tiptap blockquote {\n  border-left: 3px solid var(--border, #333);\n  padding-left: 1em;\n  margin: 0.5em 0;\n  opacity: 0.8;\n}\n\n.markdown-editor .tiptap hr {\n  border: none;\n  border-top: 1px solid var(--border, #333);\n  margin: 0.75em 0;\n}\n\n.markdown-editor .tiptap code {\n  background: var(--muted, #222);\n  padding: 0.15em 0.3em;\n  border-radius: 0.25em;\n  font-size: 0.9em;\n  font-family: monospace;\n}\n\n.markdown-editor .tiptap strong {\n  font-weight: 700;\n}\n\n.markdown-editor .tiptap em {\n  font-style: italic;\n}\n\n.markdown-editor .tiptap s {\n  text-decoration: line-through;\n}\n\n.markdown-editor .tiptap p.is-editor-empty:first-child::before {\n  content: attr(data-placeholder);\n  float: left;\n  pointer-events: none;\n  height: 0;\n  opacity: 0.4;\n}\n\n/* Focus ring */\n.markdown-editor:focus-within {\n  border-color: var(--color-ring, hsl(var(--ring, 0 0% 60%)));\n  box-shadow: 0 0 0 2px var(--color-ring, hsl(var(--ring, 0 0% 60%) / 0.3));\n}\n\n/* Mention inline chip */\n.markdown-mention {\n  background: var(--color-primary, hsl(var(--primary)));\n  color: var(--color-primary-foreground, #fff);\n  padding: 1px 6px;\n  border-radius: 4px;\n  font-size: 0.9em;\n  font-weight: 500;\n  cursor: default;\n}\n\n/* Mention dropdown */\n.markdown-mention-list {\n  background: var(--color-popover, hsl(var(--popover, 0 0% 8%)));\n  color: var(--color-popover-foreground, hsl(var(--popover-foreground, 0 0% 98%)));\n  border: 1px solid var(--color-border, hsl(var(--border, 0 0% 15%)));\n  border-radius: 8px;\n  padding: 4px;\n  min-width: 220px;\n  max-height: 260px;\n  overflow-y: auto;\n  box-shadow: 0 8px 30px rgba(0, 0, 0, 0.5);\n}\n\n.markdown-mention-item {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  width: 100%;\n  padding: 6px 8px;\n  border: none;\n  background: transparent;\n  border-radius: 4px;\n  cursor: pointer;\n  text-align: left;\n  font-size: 13px;\n  transition: background 0.1s;\n}\n\n.markdown-mention-item:hover,\n.markdown-mention-item.selected {\n  background: var(--color-muted, hsl(var(--muted, 0 0% 15%)));\n}\n\n.markdown-mention-avatar {\n  width: 24px;\n  height: 24px;\n  border-radius: 50%;\n  object-fit: cover;\n  flex-shrink: 0;\n}\n\n.markdown-mention-info {\n  display: flex;\n  flex-direction: column;\n  min-width: 0;\n}\n\n.markdown-mention-name {\n  font-weight: 500;\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n\n.markdown-mention-desc {\n  font-size: 11px;\n  opacity: 0.6;\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n\n/* Toolbar buttons */\n.markdown-toolbar-btn {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 28px;\n  height: 28px;\n  border-radius: 4px;\n  border: none;\n  background: transparent;\n  cursor: pointer;\n  opacity: 0.5;\n  transition: opacity 0.15s, background 0.15s;\n}\n\n.markdown-toolbar-btn:hover {\n  opacity: 1;\n  background: var(--muted, #222);\n}\n\n.markdown-toolbar-btn.active {\n  opacity: 1;\n  background: var(--muted, #222);\n}\n"],"mappings":"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","names":[]}

package/dist/index.d.cts

@@ -2387,6 +2387,38 @@ declare function useEditor(): UseEditorReturn;
  */
 declare function useLanguage(filename: string | undefined): string;
 
+/** Item that can be mentioned via @ trigger */
+interface MentionItem {
+    id: string;
+    label: string;
+    description?: string;
+    thumbnail?: string;
+}
+/** Mention configuration */
+interface MentionConfig {
+    /** Trigger character (default: '@') */
+    trigger?: string;
+    /** Available items */
+    items: MentionItem[];
+    /** Max dropdown items (default: 5) */
+    maxItems?: number;
+}
+
+interface MarkdownEditorProps {
+    value: string;
+    onChange: (value: string) => void;
+    placeholder?: string;
+    minHeight?: number;
+    className?: string;
+    disabled?: boolean;
+    showToolbar?: boolean;
+    /** @mention autocomplete config */
+    mentions?: MentionConfig;
+    /** Called when mentioned IDs change */
+    onMentionIdsChange?: (ids: string[]) => void;
+}
+declare function MarkdownEditor({ value, onChange, placeholder, minHeight, className, disabled, showToolbar, mentions, onMentionIdsChange, }: MarkdownEditorProps): react_jsx_runtime.JSX.Element;
+
 interface BlobUrlEntry {
     url: string;
     refCount: number;
@@ -2565,4 +2597,4 @@ declare function useBlobUrlCleanup(key: string | null): void;
  */
 declare function generateContentKey(content: ArrayBuffer): string;
 
-export { ArrayFieldItemTemplate, ArrayFieldTemplate, type AspectRatioValue, type AudioLevels, AudioReactiveCover, type AudioReactiveCoverProps, BaseInputTemplate, type BlobSource, COLOR_SCHEMES, COLOR_SCHEME_INFO, CardLoadingFallback, CheckboxWidget, ColorWidget, type CreateLazyComponentOptions, type CreateVideoErrorFallbackOptions, CronScheduler, type CronSchedulerContextValue, type CronSchedulerProps, CronSchedulerProvider, type CronSchedulerState, CustomInput, type DASHSource, type DataUrlSource, DayChips, DiffEditor, type DiffEditorProps, EFFECT_ANIMATIONS, Editor, type EditorContextValue, type EditorFile, type EditorOptions, type EditorProps, EditorProvider, type EditorRef, type EffectColorScheme, type EffectColors, type EffectConfig$1 as EffectConfig, type EffectIntensity, type EffectLayer, type EffectVariant, type EqualizerOptions, type ErrorFallbackProps, ErrorListTemplate, FieldTemplate, GlowEffect, type GlowEffectData, type HLSSource, type HybridAudioContextValue, type HybridAudioControls, HybridAudioPlayer, type HybridAudioPlayerProps, HybridAudioProvider, type HybridAudioProviderProps, type HybridAudioState, type HybridCompactPlayerProps, HybridSimplePlayer, type HybridSimplePlayerProps, HybridWaveform, type HybridWaveformProps, type HybridWebAudioAPI, INTENSITY_CONFIG, INTENSITY_INFO, type ImageFile, ImageViewer, type ImageViewerProps, JsonSchemaForm, type JsonSchemaFormProps, JsonTreeComponent as JsonTree, type JsonTreeConfig, type JsonTreeProps, LazyCronScheduler, LazyHybridAudioPlayer, LazyHybridCompactPlayer, LazyHybridSimplePlayer, LazyImageViewer, LazyJsonSchemaForm, LazyJsonTree, LazyLottiePlayer, LazyMapContainer, LazyMapView, LazyMermaid, LazyOpenapiViewer, LazyPrettyCode, LazyVideoPlayer, LazyWrapper, type LazyWrapperProps, LoadingFallback, type LoadingFallbackProps, type LottieDirection, LottiePlayer, type LottiePlayerProps, type LottieSize, type LottieSpeed, type MapContainerProps, MapLoadingFallback, type MapStyleKey, type MapViewport, MarkdownMessage, type MarkdownMessageProps, type MarkerData, Mermaid, type MermaidProps, MeshEffect, type MonthDay, MonthDayGrid, NativeProvider, NumberWidget, ObjectFieldTemplate, Playground as OpenapiViewer, OrbsEffect, type PlayerMode, type PlaygroundConfig, type PlaygroundProps$1 as PlaygroundProps, PrettyCode, type PrettyCodeProps$1 as PrettyCodeProps, type ResolveFileSourceOptions, SchedulePreview, type ScheduleType, ScheduleTypeSelector, type SchemaSource, SelectWidget, type SimpleStreamSource, SliderWidget, Spinner, SpotlightEffect, StreamProvider, type StreamSource, SwitchWidget, TextWidget, TimeSelector, type UrlSource, type UseAudioBusReturn, type UseAudioVisualizationReturn, type UseCollapsibleContentOptions, type UseCollapsibleContentResult, type UseEditorReturn, type UseHybridAudioOptions, type UseHybridAudioReturn, type UseLottieOptions, type UseLottieReturn, type UseMonacoReturn, type UseVisualizationReturn, VARIANT_INFO, VideoControls, VideoErrorFallback, type VideoErrorFallbackProps, VideoPlayer, type VideoPlayerContextValue, type VideoPlayerProps, VideoPlayerProvider, type VideoPlayerProviderProps, type VideoPlayerRef, type VideoSourceUnion, VidstackProvider, type VimeoSource, type VisualizationColorScheme, type VisualizationIntensity, VisualizationProvider, type VisualizationProviderProps, type VisualizationSettings, type VisualizationVariant, type WeekDay, type YouTubeSource, buildCron, calculateGlowLayers, calculateMeshGradients, calculateOrbs, calculateSpotlight, createLazyComponent, createVideoErrorFallback, formatTime, generateContentKey, getColors, getEffectConfig, getRequiredFields, hasRequiredFields, humanizeCron, isSimpleStreamSource, isValidCron, mergeDefaults, normalizeFormData, parseCron, prepareEffectColors, resolveFileSource, resolvePlayerMode, resolveStreamSource, safeJsonParse, safeJsonStringify, useAudioBus, useAudioBusStore, useAudioCache, useAudioVisualization, useBlobUrlCleanup, useCollapsibleContent, useCronCustom, useCronMonthDays, useCronPreview, useCronScheduler, useCronSchedulerContext, useCronTime, useCronType, useCronWeekDays, useEditor, useEditorContext, useHybridAudio, useHybridAudioAnalysis, useHybridAudioContext, useHybridAudioControls, useHybridAudioLevels, useHybridAudioState, useHybridWebAudio, useImageCache, useLanguage, useLottie, useMediaCacheStore, useMonaco, useVideoCache, useVideoPlayerContext, useVideoPlayerSettings, useVisualization, validateRequiredFields, validateSchema };
+export { ArrayFieldItemTemplate, ArrayFieldTemplate, type AspectRatioValue, type AudioLevels, AudioReactiveCover, type AudioReactiveCoverProps, BaseInputTemplate, type BlobSource, COLOR_SCHEMES, COLOR_SCHEME_INFO, CardLoadingFallback, CheckboxWidget, ColorWidget, type CreateLazyComponentOptions, type CreateVideoErrorFallbackOptions, CronScheduler, type CronSchedulerContextValue, type CronSchedulerProps, CronSchedulerProvider, type CronSchedulerState, CustomInput, type DASHSource, type DataUrlSource, DayChips, DiffEditor, type DiffEditorProps, EFFECT_ANIMATIONS, Editor, type EditorContextValue, type EditorFile, type EditorOptions, type EditorProps, EditorProvider, type EditorRef, type EffectColorScheme, type EffectColors, type EffectConfig$1 as EffectConfig, type EffectIntensity, type EffectLayer, type EffectVariant, type EqualizerOptions, type ErrorFallbackProps, ErrorListTemplate, FieldTemplate, GlowEffect, type GlowEffectData, type HLSSource, type HybridAudioContextValue, type HybridAudioControls, HybridAudioPlayer, type HybridAudioPlayerProps, HybridAudioProvider, type HybridAudioProviderProps, type HybridAudioState, type HybridCompactPlayerProps, HybridSimplePlayer, type HybridSimplePlayerProps, HybridWaveform, type HybridWaveformProps, type HybridWebAudioAPI, INTENSITY_CONFIG, INTENSITY_INFO, type ImageFile, ImageViewer, type ImageViewerProps, JsonSchemaForm, type JsonSchemaFormProps, JsonTreeComponent as JsonTree, type JsonTreeConfig, type JsonTreeProps, LazyCronScheduler, LazyHybridAudioPlayer, LazyHybridCompactPlayer, LazyHybridSimplePlayer, LazyImageViewer, LazyJsonSchemaForm, LazyJsonTree, LazyLottiePlayer, LazyMapContainer, LazyMapView, LazyMermaid, LazyOpenapiViewer, LazyPrettyCode, LazyVideoPlayer, LazyWrapper, type LazyWrapperProps, LoadingFallback, type LoadingFallbackProps, type LottieDirection, LottiePlayer, type LottiePlayerProps, type LottieSize, type LottieSpeed, type MapContainerProps, MapLoadingFallback, type MapStyleKey, type MapViewport, MarkdownEditor, type MarkdownEditorProps, MarkdownMessage, type MarkdownMessageProps, type MarkerData, type MentionConfig, type MentionItem, Mermaid, type MermaidProps, MeshEffect, type MonthDay, MonthDayGrid, NativeProvider, NumberWidget, ObjectFieldTemplate, Playground as OpenapiViewer, OrbsEffect, type PlayerMode, type PlaygroundConfig, type PlaygroundProps$1 as PlaygroundProps, PrettyCode, type PrettyCodeProps$1 as PrettyCodeProps, type ResolveFileSourceOptions, SchedulePreview, type ScheduleType, ScheduleTypeSelector, type SchemaSource, SelectWidget, type SimpleStreamSource, SliderWidget, Spinner, SpotlightEffect, StreamProvider, type StreamSource, SwitchWidget, TextWidget, TimeSelector, type UrlSource, type UseAudioBusReturn, type UseAudioVisualizationReturn, type UseCollapsibleContentOptions, type UseCollapsibleContentResult, type UseEditorReturn, type UseHybridAudioOptions, type UseHybridAudioReturn, type UseLottieOptions, type UseLottieReturn, type UseMonacoReturn, type UseVisualizationReturn, VARIANT_INFO, VideoControls, VideoErrorFallback, type VideoErrorFallbackProps, VideoPlayer, type VideoPlayerContextValue, type VideoPlayerProps, VideoPlayerProvider, type VideoPlayerProviderProps, type VideoPlayerRef, type VideoSourceUnion, VidstackProvider, type VimeoSource, type VisualizationColorScheme, type VisualizationIntensity, VisualizationProvider, type VisualizationProviderProps, type VisualizationSettings, type VisualizationVariant, type WeekDay, type YouTubeSource, buildCron, calculateGlowLayers, calculateMeshGradients, calculateOrbs, calculateSpotlight, createLazyComponent, createVideoErrorFallback, formatTime, generateContentKey, getColors, getEffectConfig, getRequiredFields, hasRequiredFields, humanizeCron, isSimpleStreamSource, isValidCron, mergeDefaults, normalizeFormData, parseCron, prepareEffectColors, resolveFileSource, resolvePlayerMode, resolveStreamSource, safeJsonParse, safeJsonStringify, useAudioBus, useAudioBusStore, useAudioCache, useAudioVisualization, useBlobUrlCleanup, useCollapsibleContent, useCronCustom, useCronMonthDays, useCronPreview, useCronScheduler, useCronSchedulerContext, useCronTime, useCronType, useCronWeekDays, useEditor, useEditorContext, useHybridAudio, useHybridAudioAnalysis, useHybridAudioContext, useHybridAudioControls, useHybridAudioLevels, useHybridAudioState, useHybridWebAudio, useImageCache, useLanguage, useLottie, useMediaCacheStore, useMonaco, useVideoCache, useVideoPlayerContext, useVideoPlayerSettings, useVisualization, validateRequiredFields, validateSchema };

package/dist/index.d.ts

@@ -2387,6 +2387,38 @@ declare function useEditor(): UseEditorReturn;
  */
 declare function useLanguage(filename: string | undefined): string;
 
+/** Item that can be mentioned via @ trigger */
+interface MentionItem {
+    id: string;
+    label: string;
+    description?: string;
+    thumbnail?: string;
+}
+/** Mention configuration */
+interface MentionConfig {
+    /** Trigger character (default: '@') */
+    trigger?: string;
+    /** Available items */
+    items: MentionItem[];
+    /** Max dropdown items (default: 5) */
+    maxItems?: number;
+}
+
+interface MarkdownEditorProps {
+    value: string;
+    onChange: (value: string) => void;
+    placeholder?: string;
+    minHeight?: number;
+    className?: string;
+    disabled?: boolean;
+    showToolbar?: boolean;
+    /** @mention autocomplete config */
+    mentions?: MentionConfig;
+    /** Called when mentioned IDs change */
+    onMentionIdsChange?: (ids: string[]) => void;
+}
+declare function MarkdownEditor({ value, onChange, placeholder, minHeight, className, disabled, showToolbar, mentions, onMentionIdsChange, }: MarkdownEditorProps): react_jsx_runtime.JSX.Element;
+
 interface BlobUrlEntry {
     url: string;
     refCount: number;
@@ -2565,4 +2597,4 @@ declare function useBlobUrlCleanup(key: string | null): void;
  */
 declare function generateContentKey(content: ArrayBuffer): string;
 
-export { ArrayFieldItemTemplate, ArrayFieldTemplate, type AspectRatioValue, type AudioLevels, AudioReactiveCover, type AudioReactiveCoverProps, BaseInputTemplate, type BlobSource, COLOR_SCHEMES, COLOR_SCHEME_INFO, CardLoadingFallback, CheckboxWidget, ColorWidget, type CreateLazyComponentOptions, type CreateVideoErrorFallbackOptions, CronScheduler, type CronSchedulerContextValue, type CronSchedulerProps, CronSchedulerProvider, type CronSchedulerState, CustomInput, type DASHSource, type DataUrlSource, DayChips, DiffEditor, type DiffEditorProps, EFFECT_ANIMATIONS, Editor, type EditorContextValue, type EditorFile, type EditorOptions, type EditorProps, EditorProvider, type EditorRef, type EffectColorScheme, type EffectColors, type EffectConfig$1 as EffectConfig, type EffectIntensity, type EffectLayer, type EffectVariant, type EqualizerOptions, type ErrorFallbackProps, ErrorListTemplate, FieldTemplate, GlowEffect, type GlowEffectData, type HLSSource, type HybridAudioContextValue, type HybridAudioControls, HybridAudioPlayer, type HybridAudioPlayerProps, HybridAudioProvider, type HybridAudioProviderProps, type HybridAudioState, type HybridCompactPlayerProps, HybridSimplePlayer, type HybridSimplePlayerProps, HybridWaveform, type HybridWaveformProps, type HybridWebAudioAPI, INTENSITY_CONFIG, INTENSITY_INFO, type ImageFile, ImageViewer, type ImageViewerProps, JsonSchemaForm, type JsonSchemaFormProps, JsonTreeComponent as JsonTree, type JsonTreeConfig, type JsonTreeProps, LazyCronScheduler, LazyHybridAudioPlayer, LazyHybridCompactPlayer, LazyHybridSimplePlayer, LazyImageViewer, LazyJsonSchemaForm, LazyJsonTree, LazyLottiePlayer, LazyMapContainer, LazyMapView, LazyMermaid, LazyOpenapiViewer, LazyPrettyCode, LazyVideoPlayer, LazyWrapper, type LazyWrapperProps, LoadingFallback, type LoadingFallbackProps, type LottieDirection, LottiePlayer, type LottiePlayerProps, type LottieSize, type LottieSpeed, type MapContainerProps, MapLoadingFallback, type MapStyleKey, type MapViewport, MarkdownMessage, type MarkdownMessageProps, type MarkerData, Mermaid, type MermaidProps, MeshEffect, type MonthDay, MonthDayGrid, NativeProvider, NumberWidget, ObjectFieldTemplate, Playground as OpenapiViewer, OrbsEffect, type PlayerMode, type PlaygroundConfig, type PlaygroundProps$1 as PlaygroundProps, PrettyCode, type PrettyCodeProps$1 as PrettyCodeProps, type ResolveFileSourceOptions, SchedulePreview, type ScheduleType, ScheduleTypeSelector, type SchemaSource, SelectWidget, type SimpleStreamSource, SliderWidget, Spinner, SpotlightEffect, StreamProvider, type StreamSource, SwitchWidget, TextWidget, TimeSelector, type UrlSource, type UseAudioBusReturn, type UseAudioVisualizationReturn, type UseCollapsibleContentOptions, type UseCollapsibleContentResult, type UseEditorReturn, type UseHybridAudioOptions, type UseHybridAudioReturn, type UseLottieOptions, type UseLottieReturn, type UseMonacoReturn, type UseVisualizationReturn, VARIANT_INFO, VideoControls, VideoErrorFallback, type VideoErrorFallbackProps, VideoPlayer, type VideoPlayerContextValue, type VideoPlayerProps, VideoPlayerProvider, type VideoPlayerProviderProps, type VideoPlayerRef, type VideoSourceUnion, VidstackProvider, type VimeoSource, type VisualizationColorScheme, type VisualizationIntensity, VisualizationProvider, type VisualizationProviderProps, type VisualizationSettings, type VisualizationVariant, type WeekDay, type YouTubeSource, buildCron, calculateGlowLayers, calculateMeshGradients, calculateOrbs, calculateSpotlight, createLazyComponent, createVideoErrorFallback, formatTime, generateContentKey, getColors, getEffectConfig, getRequiredFields, hasRequiredFields, humanizeCron, isSimpleStreamSource, isValidCron, mergeDefaults, normalizeFormData, parseCron, prepareEffectColors, resolveFileSource, resolvePlayerMode, resolveStreamSource, safeJsonParse, safeJsonStringify, useAudioBus, useAudioBusStore, useAudioCache, useAudioVisualization, useBlobUrlCleanup, useCollapsibleContent, useCronCustom, useCronMonthDays, useCronPreview, useCronScheduler, useCronSchedulerContext, useCronTime, useCronType, useCronWeekDays, useEditor, useEditorContext, useHybridAudio, useHybridAudioAnalysis, useHybridAudioContext, useHybridAudioControls, useHybridAudioLevels, useHybridAudioState, useHybridWebAudio, useImageCache, useLanguage, useLottie, useMediaCacheStore, useMonaco, useVideoCache, useVideoPlayerContext, useVideoPlayerSettings, useVisualization, validateRequiredFields, validateSchema };
+export { ArrayFieldItemTemplate, ArrayFieldTemplate, type AspectRatioValue, type AudioLevels, AudioReactiveCover, type AudioReactiveCoverProps, BaseInputTemplate, type BlobSource, COLOR_SCHEMES, COLOR_SCHEME_INFO, CardLoadingFallback, CheckboxWidget, ColorWidget, type CreateLazyComponentOptions, type CreateVideoErrorFallbackOptions, CronScheduler, type CronSchedulerContextValue, type CronSchedulerProps, CronSchedulerProvider, type CronSchedulerState, CustomInput, type DASHSource, type DataUrlSource, DayChips, DiffEditor, type DiffEditorProps, EFFECT_ANIMATIONS, Editor, type EditorContextValue, type EditorFile, type EditorOptions, type EditorProps, EditorProvider, type EditorRef, type EffectColorScheme, type EffectColors, type EffectConfig$1 as EffectConfig, type EffectIntensity, type EffectLayer, type EffectVariant, type EqualizerOptions, type ErrorFallbackProps, ErrorListTemplate, FieldTemplate, GlowEffect, type GlowEffectData, type HLSSource, type HybridAudioContextValue, type HybridAudioControls, HybridAudioPlayer, type HybridAudioPlayerProps, HybridAudioProvider, type HybridAudioProviderProps, type HybridAudioState, type HybridCompactPlayerProps, HybridSimplePlayer, type HybridSimplePlayerProps, HybridWaveform, type HybridWaveformProps, type HybridWebAudioAPI, INTENSITY_CONFIG, INTENSITY_INFO, type ImageFile, ImageViewer, type ImageViewerProps, JsonSchemaForm, type JsonSchemaFormProps, JsonTreeComponent as JsonTree, type JsonTreeConfig, type JsonTreeProps, LazyCronScheduler, LazyHybridAudioPlayer, LazyHybridCompactPlayer, LazyHybridSimplePlayer, LazyImageViewer, LazyJsonSchemaForm, LazyJsonTree, LazyLottiePlayer, LazyMapContainer, LazyMapView, LazyMermaid, LazyOpenapiViewer, LazyPrettyCode, LazyVideoPlayer, LazyWrapper, type LazyWrapperProps, LoadingFallback, type LoadingFallbackProps, type LottieDirection, LottiePlayer, type LottiePlayerProps, type LottieSize, type LottieSpeed, type MapContainerProps, MapLoadingFallback, type MapStyleKey, type MapViewport, MarkdownEditor, type MarkdownEditorProps, MarkdownMessage, type MarkdownMessageProps, type MarkerData, type MentionConfig, type MentionItem, Mermaid, type MermaidProps, MeshEffect, type MonthDay, MonthDayGrid, NativeProvider, NumberWidget, ObjectFieldTemplate, Playground as OpenapiViewer, OrbsEffect, type PlayerMode, type PlaygroundConfig, type PlaygroundProps$1 as PlaygroundProps, PrettyCode, type PrettyCodeProps$1 as PrettyCodeProps, type ResolveFileSourceOptions, SchedulePreview, type ScheduleType, ScheduleTypeSelector, type SchemaSource, SelectWidget, type SimpleStreamSource, SliderWidget, Spinner, SpotlightEffect, StreamProvider, type StreamSource, SwitchWidget, TextWidget, TimeSelector, type UrlSource, type UseAudioBusReturn, type UseAudioVisualizationReturn, type UseCollapsibleContentOptions, type UseCollapsibleContentResult, type UseEditorReturn, type UseHybridAudioOptions, type UseHybridAudioReturn, type UseLottieOptions, type UseLottieReturn, type UseMonacoReturn, type UseVisualizationReturn, VARIANT_INFO, VideoControls, VideoErrorFallback, type VideoErrorFallbackProps, VideoPlayer, type VideoPlayerContextValue, type VideoPlayerProps, VideoPlayerProvider, type VideoPlayerProviderProps, type VideoPlayerRef, type VideoSourceUnion, VidstackProvider, type VimeoSource, type VisualizationColorScheme, type VisualizationIntensity, VisualizationProvider, type VisualizationProviderProps, type VisualizationSettings, type VisualizationVariant, type WeekDay, type YouTubeSource, buildCron, calculateGlowLayers, calculateMeshGradients, calculateOrbs, calculateSpotlight, createLazyComponent, createVideoErrorFallback, formatTime, generateContentKey, getColors, getEffectConfig, getRequiredFields, hasRequiredFields, humanizeCron, isSimpleStreamSource, isValidCron, mergeDefaults, normalizeFormData, parseCron, prepareEffectColors, resolveFileSource, resolvePlayerMode, resolveStreamSource, safeJsonParse, safeJsonStringify, useAudioBus, useAudioBusStore, useAudioCache, useAudioVisualization, useBlobUrlCleanup, useCollapsibleContent, useCronCustom, useCronMonthDays, useCronPreview, useCronScheduler, useCronSchedulerContext, useCronTime, useCronType, useCronWeekDays, useEditor, useEditorContext, useHybridAudio, useHybridAudioAnalysis, useHybridAudioContext, useHybridAudioControls, useHybridAudioLevels, useHybridAudioState, useHybridWebAudio, useImageCache, useLanguage, useLottie, useMediaCacheStore, useMonaco, useVideoCache, useVideoPlayerContext, useVideoPlayerSettings, useVisualization, validateRequiredFields, validateSchema };

package/dist/index.mjs

@@ -21,6 +21,12 @@ import remarkGfm from 'remark-gfm';
 import { CopyButton } from '@djangocfg/ui-core/components';
 import { useResolvedTheme } from '@djangocfg/ui-core/hooks';
 import '@djangocfg/ui-core/styles/palette';
+import { ReactRenderer, useEditor as useEditor$1, EditorContent } from '@tiptap/react';
+import StarterKit from '@tiptap/starter-kit';
+import Placeholder from '@tiptap/extension-placeholder';
+import Mention from '@tiptap/extension-mention';
+import { Markdown } from '@tiptap/markdown';
+import { Bold, Italic, Strikethrough, Code, Heading1, Heading2, Heading3, List, ListOrdered, Quote, Minus } from 'lucide-react';
 
 function Spinner({ className }) {
   const t = useAppT();
@@ -1604,7 +1610,218 @@ function useLanguage(filename) {
   }, [filename]);
 }
 __name(useLanguage, "useLanguage");
+var MentionList = forwardRef(
+  ({ items, command }, ref) => {
+    const [selectedIndex, setSelectedIndex] = useState(0);
+    useEffect(() => setSelectedIndex(0), [items]);
+    const select = useCallback(
+      (index) => {
+        const item = items[index];
+        if (item) command(item);
+      },
+      [items, command]
+    );
+    useImperativeHandle(ref, () => ({
+      onKeyDown: /* @__PURE__ */ __name((event) => {
+        if (event.key === "ArrowUp") {
+          setSelectedIndex((i) => (i + items.length - 1) % items.length);
+          return true;
+        }
+        if (event.key === "ArrowDown") {
+          setSelectedIndex((i) => (i + 1) % items.length);
+          return true;
+        }
+        if (event.key === "Enter") {
+          select(selectedIndex);
+          return true;
+        }
+        return false;
+      }, "onKeyDown")
+    }));
+    if (items.length === 0) return null;
+    return /* @__PURE__ */ jsx("div", { className: "markdown-mention-list", children: items.map((item, i) => {
+      const isSelected = i === selectedIndex;
+      const cls = `markdown-mention-item ${isSelected ? "selected" : ""}`;
+      return /* @__PURE__ */ jsxs("button", { type: "button", className: cls, onClick: () => select(i), children: [
+        item.thumbnail && /* @__PURE__ */ jsx("img", { src: item.thumbnail, alt: "", className: "markdown-mention-avatar" }),
+        /* @__PURE__ */ jsxs("div", { className: "markdown-mention-info", children: [
+          /* @__PURE__ */ jsx("span", { className: "markdown-mention-name", children: item.label }),
+          item.description && /* @__PURE__ */ jsx("span", { className: "markdown-mention-desc", children: item.description })
+        ] })
+      ] }, item.id);
+    }) });
+  }
+);
+MentionList.displayName = "MentionList";
+
+// src/tools/MarkdownEditor/createMentionSuggestion.ts
+function createMentionSuggestion(config) {
+  const { maxItems = 5, trigger = "@" } = config;
+  return {
+    char: trigger,
+    items: /* @__PURE__ */ __name(({ query }) => {
+      const q = query.toLowerCase();
+      return config.items.filter((item) => item.label.toLowerCase().includes(q)).slice(0, maxItems);
+    }, "items"),
+    render: /* @__PURE__ */ __name(() => {
+      let component = null;
+      let popup = null;
+      return {
+        onStart: /* @__PURE__ */ __name((props) => {
+          component = new ReactRenderer(MentionList, {
+            props: {
+              items: props.items,
+              command: /* @__PURE__ */ __name((item) => {
+                props.command({ id: item.id, label: item.label });
+              }, "command")
+            },
+            editor: props.editor
+          });
+          popup = document.createElement("div");
+          popup.style.cssText = "position: absolute; z-index: 99999;";
+          popup.appendChild(component.element);
+          const rect = props.clientRect?.();
+          if (rect) {
+            popup.style.top = `${rect.bottom + window.scrollY + 4}px`;
+            popup.style.left = `${rect.left + window.scrollX}px`;
+          }
+          document.body.appendChild(popup);
+        }, "onStart"),
+        onUpdate: /* @__PURE__ */ __name((props) => {
+          component?.updateProps({
+            items: props.items,
+            command: /* @__PURE__ */ __name((item) => {
+              props.command({ id: item.id, label: item.label });
+            }, "command")
+          });
+          const rect = props.clientRect?.();
+          if (rect && popup) {
+            popup.style.top = `${rect.bottom + window.scrollY + 4}px`;
+            popup.style.left = `${rect.left + window.scrollX}px`;
+          }
+        }, "onUpdate"),
+        onKeyDown: /* @__PURE__ */ __name((props) => {
+          if (props.event.key === "Escape") {
+            popup?.remove();
+            component?.destroy();
+            return true;
+          }
+          return component?.ref?.onKeyDown(props.event) ?? false;
+        }, "onKeyDown"),
+        onExit: /* @__PURE__ */ __name(() => {
+          popup?.remove();
+          component?.destroy();
+        }, "onExit")
+      };
+    }, "render")
+  };
+}
+__name(createMentionSuggestion, "createMentionSuggestion");
+function getMarkdown(editor) {
+  const storage = editor.storage.markdown;
+  if (!storage?.manager) return editor.getText();
+  return storage.manager.serialize(editor.getJSON());
+}
+__name(getMarkdown, "getMarkdown");
+function extractMentionIds(editor) {
+  const ids = [];
+  editor.state.doc.descendants((node) => {
+    if (node.type.name === "mention" && node.attrs.id) {
+      ids.push(node.attrs.id);
+    }
+  });
+  return [...new Set(ids)];
+}
+__name(extractMentionIds, "extractMentionIds");
+function MarkdownEditor({
+  value,
+  onChange,
+  placeholder = "Write markdown...",
+  minHeight = 120,
+  className = "",
+  disabled = false,
+  showToolbar = true,
+  mentions,
+  onMentionIdsChange
+}) {
+  const isExternalUpdate = useRef(false);
+  const extensions = useMemo(() => {
+    const exts = [
+      StarterKit.configure({ heading: { levels: [1, 2, 3] } }),
+      Placeholder.configure({ placeholder }),
+      Markdown
+    ];
+    if (mentions) {
+      exts.push(
+        Mention.configure({
+          HTMLAttributes: { class: "markdown-mention" },
+          suggestion: createMentionSuggestion(mentions),
+          renderText: /* @__PURE__ */ __name(({ node }) => `@${node.attrs.label}`, "renderText")
+        })
+      );
+    }
+    return exts;
+  }, [placeholder, mentions]);
+  const editor = useEditor$1({
+    immediatelyRender: false,
+    editable: !disabled,
+    extensions,
+    content: value,
+    onUpdate: /* @__PURE__ */ __name(({ editor: editor2 }) => {
+      if (isExternalUpdate.current) return;
+      onChange(getMarkdown(editor2));
+      if (onMentionIdsChange) {
+        onMentionIdsChange(extractMentionIds(editor2));
+      }
+    }, "onUpdate"),
+    editorProps: {
+      attributes: {
+        class: "markdown-editor-content focus:outline-none text-sm",
+        style: `min-height: ${minHeight}px`
+      }
+    }
+  });
+  useEffect(() => {
+    if (!editor) return;
+    const current = getMarkdown(editor);
+    if (current !== value) {
+      isExternalUpdate.current = true;
+      editor.commands.setContent(value);
+      isExternalUpdate.current = false;
+    }
+  }, [value, editor]);
+  const wrapperClass = `markdown-editor rounded-md border border-input bg-background ${disabled ? "opacity-60" : ""} ${className}`.trim();
+  return /* @__PURE__ */ jsxs("div", { className: wrapperClass, children: [
+    showToolbar && editor && /* @__PURE__ */ jsx(MarkdownToolbar, { editor }),
+    /* @__PURE__ */ jsx("div", { className: "px-3 py-2", children: /* @__PURE__ */ jsx(EditorContent, { editor }) })
+  ] });
+}
+__name(MarkdownEditor, "MarkdownEditor");
+function MarkdownToolbar({ editor }) {
+  const items = useMemo(() => [
+    { icon: Bold, title: "Bold", action: /* @__PURE__ */ __name(() => editor.chain().focus().toggleBold().run(), "action"), active: editor.isActive("bold") },
+    { icon: Italic, title: "Italic", action: /* @__PURE__ */ __name(() => editor.chain().focus().toggleItalic().run(), "action"), active: editor.isActive("italic") },
+    { icon: Strikethrough, title: "Strike", action: /* @__PURE__ */ __name(() => editor.chain().focus().toggleStrike().run(), "action"), active: editor.isActive("strike") },
+    { icon: Code, title: "Code", action: /* @__PURE__ */ __name(() => editor.chain().focus().toggleCode().run(), "action"), active: editor.isActive("code") },
+    null,
+    { icon: Heading1, title: "H1", action: /* @__PURE__ */ __name(() => editor.chain().focus().toggleHeading({ level: 1 }).run(), "action"), active: editor.isActive("heading", { level: 1 }) },
+    { icon: Heading2, title: "H2", action: /* @__PURE__ */ __name(() => editor.chain().focus().toggleHeading({ level: 2 }).run(), "action"), active: editor.isActive("heading", { level: 2 }) },
+    { icon: Heading3, title: "H3", action: /* @__PURE__ */ __name(() => editor.chain().focus().toggleHeading({ level: 3 }).run(), "action"), active: editor.isActive("heading", { level: 3 }) },
+    null,
+    { icon: List, title: "Bullet list", action: /* @__PURE__ */ __name(() => editor.chain().focus().toggleBulletList().run(), "action"), active: editor.isActive("bulletList") },
+    { icon: ListOrdered, title: "Ordered list", action: /* @__PURE__ */ __name(() => editor.chain().focus().toggleOrderedList().run(), "action"), active: editor.isActive("orderedList") },
+    { icon: Quote, title: "Quote", action: /* @__PURE__ */ __name(() => editor.chain().focus().toggleBlockquote().run(), "action"), active: editor.isActive("blockquote") },
+    { icon: Minus, title: "Divider", action: /* @__PURE__ */ __name(() => editor.chain().focus().setHorizontalRule().run(), "action"), active: false }
+  ], [editor]);
+  return /* @__PURE__ */ jsx("div", { className: "flex items-center gap-0.5 px-2 py-1.5 border-b border-border", children: items.map((item, i) => {
+    if (!item) return /* @__PURE__ */ jsx("div", { className: "w-px h-4 bg-border mx-1" }, i);
+    const Icon = item.icon;
+    const btnClass = `markdown-toolbar-btn ${item.active ? "active" : ""}`;
+    return /* @__PURE__ */ jsx("button", { type: "button", onClick: item.action, title: item.title, className: btnClass, children: /* @__PURE__ */ jsx(Icon, { style: { width: 14, height: 14 } }) }, i);
+  }) });
+}
+__name(MarkdownToolbar, "MarkdownToolbar");
 
-export { CardLoadingFallback, CronScheduler, DiffEditor, Editor, EditorProvider, LazyCronScheduler, LazyHybridAudioPlayer, LazyHybridCompactPlayer, LazyHybridSimplePlayer, LazyImageViewer, LazyJsonSchemaForm, LazyJsonTree, LazyLottiePlayer, LazyMapContainer, LazyMapView, LazyMermaid, LazyOpenapiViewer, LazyPrettyCode, LazyVideoPlayer, LazyWrapper, LoadingFallback, LottiePlayer, MapLoadingFallback, MarkdownMessage, Mermaid_default as Mermaid, OpenapiViewer_default as OpenapiViewer, Spinner, createLazyComponent, useCollapsibleContent, useEditor, useEditorContext, useLanguage, useMonaco };
+export { CardLoadingFallback, CronScheduler, DiffEditor, Editor, EditorProvider, LazyCronScheduler, LazyHybridAudioPlayer, LazyHybridCompactPlayer, LazyHybridSimplePlayer, LazyImageViewer, LazyJsonSchemaForm, LazyJsonTree, LazyLottiePlayer, LazyMapContainer, LazyMapView, LazyMermaid, LazyOpenapiViewer, LazyPrettyCode, LazyVideoPlayer, LazyWrapper, LoadingFallback, LottiePlayer, MapLoadingFallback, MarkdownEditor, MarkdownMessage, Mermaid_default as Mermaid, OpenapiViewer_default as OpenapiViewer, Spinner, createLazyComponent, useCollapsibleContent, useEditor, useEditorContext, useLanguage, useMonaco };
 //# sourceMappingURL=index.mjs.map
 //# sourceMappingURL=index.mjs.map