@almadar/ui 5.122.10 → 5.122.12

package/dist/components/index.js

@@ -9978,6 +9978,22 @@ var init_EmptyState = __esm({
     EmptyState.displayName = "EmptyState";
   }
 });
+function registerCodeLanguageLoader(loader) {
+  codeLanguageLoader = loader;
+}
+function isLanguageRegistered(lang) {
+  return CODE_LANGUAGE_SET.has(lang) || dynamicallyLoaded.has(lang);
+}
+async function loadPrismLanguage(lang) {
+  if (isLanguageRegistered(lang)) return;
+  try {
+    const grammar = codeLanguageLoader ? await codeLanguageLoader(lang) : null;
+    if (grammar) SyntaxHighlighter.registerLanguage(lang, grammar);
+    dynamicallyLoaded.add(lang);
+  } catch {
+    dynamicallyLoaded.add(lang);
+  }
+}
 function computeFoldRegions(code) {
   const lines = code.split("\n");
   const regions = [];
@@ -10013,7 +10029,8 @@ function computeFoldRegions(code) {
   return regions.sort((a, b) => a.start - b.start);
 }
 function toCodeLanguage(value) {
-  return value && CODE_LANGUAGE_SET.has(value) ? value : "text";
+  if (!value) return "text";
+  return value.toLowerCase();
 }
 function generateDiff(oldVal, newVal) {
   const oldLines = oldVal.split("\n");
@@ -10032,7 +10049,24 @@ function generateDiff(oldVal, newVal) {
   }
   return diff;
 }
-var orbStyleOverrides, orbStyle, loloStyleOverrides, loloStyle, log4, CODE_LANGUAGES, CODE_LANGUAGE_SET, DIFF_STYLES, DIFF_STYLE_FALLBACK, LINE_PROPS_FN, HIDDEN_LINE_NUMBERS, CodeBlock;
+function useLanguageReady(language) {
+  const [ready, setReady] = useState(() => isLanguageRegistered(language));
+  useEffect(() => {
+    if (isLanguageRegistered(language)) {
+      if (!ready) setReady(true);
+      return;
+    }
+    let active = true;
+    loadPrismLanguage(language).then(() => {
+      if (active) setReady(true);
+    });
+    return () => {
+      active = false;
+    };
+  }, [language]);
+  return ready;
+}
+var dynamicallyLoaded, codeLanguageLoader, orbStyleOverrides, orbStyle, loloStyleOverrides, loloStyle, log4, CODE_LANGUAGES, CODE_LANGUAGE_SET, DIFF_STYLES, DIFF_STYLE_FALLBACK, LINE_PROPS_FN, HIDDEN_LINE_NUMBERS, CodeBlock;
 var init_CodeBlock = __esm({
   "components/core/molecules/markdown/CodeBlock.tsx"() {
     init_cn();
@@ -10073,6 +10107,8 @@ var init_CodeBlock = __esm({
     SyntaxHighlighter.registerLanguage("graphql", langGraphql);
     SyntaxHighlighter.registerLanguage("orb", orbLanguage);
     SyntaxHighlighter.registerLanguage("lolo", loloLanguage);
+    dynamicallyLoaded = /* @__PURE__ */ new Set();
+    codeLanguageLoader = null;
     orbStyleOverrides = {
       "orb-binding": { color: ORB_COLORS.dark.binding, fontWeight: "bold" },
       "orb-effect": { color: ORB_COLORS.dark.effect, fontWeight: "bold" },
@@ -10188,6 +10224,7 @@ var init_CodeBlock = __esm({
         const isOrb = language === "orb";
         const isLolo = language === "lolo";
         const activeStyle = isOrb ? orbStyle : isLolo ? loloStyle : dark;
+        const languageReady = useLanguageReady(language);
         const eventBus = useEventBus();
         const { t } = useTranslate();
         const scrollRef = useRef(null);
@@ -10311,7 +10348,7 @@ var init_CodeBlock = __esm({
               children: code
             }
           ),
-          [code, language, activeStyle]
+          [code, language, activeStyle, languageReady]
         );
         useLayoutEffect(() => {
           const container = codeRef.current;
@@ -10911,10 +10948,10 @@ var init_MarkdownContent = __esm({
   }
 });
 
-// components/core/molecules/lessonSegmentUtils.ts
+// lib/lessonSegmentUtils.ts
 function parseMarkdownWithCodeBlocks(content) {
   const segments = [];
-  const codeBlockRegex = /```([\w-]+)?(?:\s+(run))?\n([\s\S]*?)```/g;
+  const codeBlockRegex = /```([^\n\r]*)\r?\n([\s\S]*?)```/g;
   let lastIndex = 0;
   let match;
   while ((match = codeBlockRegex.exec(content)) !== null) {
@@ -10922,12 +10959,12 @@ function parseMarkdownWithCodeBlocks(content) {
     if (before.trim()) {
       segments.push({ type: "markdown", content: before });
     }
-    const rawLanguage = match[1] ?? "text";
-    const runModifier = !!match[2];
+    const tokens = match[1].trim().split(/\s+/).filter(Boolean);
+    let rawLanguage = tokens[0] ?? "text";
     const suffixRunnable = rawLanguage.endsWith("-runnable");
-    const runnable = runModifier || suffixRunnable;
+    const runnable = suffixRunnable || tokens.includes("run");
     const baseLanguage = suffixRunnable ? rawLanguage.slice(0, -"-runnable".length) || "text" : rawLanguage;
-    segments.push({ type: "code", language: baseLanguage, content: match[3].trim(), runnable });
+    segments.push({ type: "code", language: baseLanguage, content: match[2].trim(), runnable });
     lastIndex = codeBlockRegex.lastIndex;
   }
   const remaining = content.slice(lastIndex);
@@ -10937,7 +10974,7 @@ function parseMarkdownWithCodeBlocks(content) {
   return segments;
 }
 var init_lessonSegmentUtils = __esm({
-  "components/core/molecules/lessonSegmentUtils.ts"() {
+  "lib/lessonSegmentUtils.ts"() {
   }
 });
 var BLOOM_CONFIG, BloomQuizBlock;
@@ -37534,7 +37571,7 @@ var init_ReflectionBlock = __esm({
   }
 });
 
-// components/core/molecules/parseLessonSegments.ts
+// lib/parseLessonSegments.ts
 function extractTagContent(content, tagName) {
   const closedTagRegex = new RegExp(`<${tagName}>([\\s\\S]*?)<\\/${tagName}>`, "i");
   const closedMatch = content.match(closedTagRegex);
@@ -37611,7 +37648,7 @@ function parseLessonSegments(lesson) {
   return segments;
 }
 var init_parseLessonSegments = __esm({
-  "components/core/molecules/parseLessonSegments.ts"() {
+  "lib/parseLessonSegments.ts"() {
     init_lessonSegmentUtils();
   }
 });
@@ -48245,4 +48282,4 @@ function useGitHubBranches(owner, repo, enabled = true) {
   });
 }
 
-export { ALL_PRESETS, ALMADAR_DND_MIME, AR_BOOK_FIELDS, AboutPageTemplate, Accordion, Card2 as ActionCard, ActionPalette, ActionTile, ActivationBlock, Alert, AlgorithmCanvas, AnimatedCounter, AnimatedGraphic, AnimatedReveal, ArticleSection, Aside, AssetPicker, AtlasImage, AtlasPanel, AuthLayout, Avatar, Badge, BehaviorView, BiologyCanvas, BloomQuizBlock, BookChapterView, BookCoverPage, BookNavBar, BookTableOfContents, BookViewer, Box, BranchingLogicBuilder, Breadcrumb, Button, ButtonGroup, CTABanner, CalendarGrid, Canvas, Canvas2D, Card, CardBody, CardContent, CardFooter, CardGrid, CardHeader, CardTitle, Carousel, CaseStudyCard, CaseStudyOrganism, Center, Chart, ChartLegend, ChatBar, Checkbox, ChemistryCanvas, ChoiceButton, Coachmark, CodeBlock, CodeRunnerPanel, CollapsibleSection, CommunityLinks, ConditionalWrapper, ConfettiEffect, ConfirmDialog, ConnectionBlock, Container, ContentRenderer, ContentSection, ControlButton, ControlGrid, CounterTemplate, DEFAULT_LIKERT_OPTIONS, DEFAULT_MATRIX_COLUMNS, DEFAULT_SLOTS, DIAMOND_TOP_Y, DashboardGrid, DashboardLayout, DataGrid, DataList, DataTable, DateRangePicker, DateRangeSelector, DayCell, DetailPanel, Dialog, DialogueBubble, Divider, DocBreadcrumb, DocPagination, DocSearch, DocSidebar, DocTOC, DocumentViewer, StateMachineView as DomStateMachineVisualizer, Drawer, DrawerSlot, ELEMENT_SELECTED_EVENT, EdgeDecoration, EditorCheckbox, EditorSelect, EditorSlider, EditorTextInput, EditorToolbar, EmptyState, EntityDisplayEvents, ErrorBoundary, ErrorState, FEATURE_COLORS, FEATURE_TYPES, FLOOR_HEIGHT, FeatureCard, FeatureDetailPageTemplate, FeatureGrid, FeatureGridOrganism, FileTree, FilterGroup, FilterPill, Flex, FlipCard, FlipContainer, FloatingActionButton, Form, FormActions, FormField, FormLayout, FormSection, FormSectionHeader, GameAudioToggle, GameHud, GameIcon, GameMenu, GameShell, GenericAppTemplate, GeometricPattern, GradientDivider, GraphCanvas, GraphView, Grid, GridPicker, HStack, Header, HealthBar, HeroOrganism, HeroSection, I18nProvider, IDENTITY_BOOK_FIELDS, Icon, IconPicker, InfiniteScrollSentinel, Input, InputGroup, InstallBox, JazariStateMachine, JsonTreeEditor, Label, LandingPageTemplate, LawReferenceTooltip, LearningCanvas, Lightbox, LikertScale, LineChart2 as LineChart, List3 as List, LoadingState, MapView, MarkdownContent, MarketingFooter, MarketingStatCard, MasterDetail, MasterDetailLayout, MathCanvas, MatrixQuestion, MediaGallery, Menu, Meter, Modal, ModalSlot, ModuleCard, Navigation, NodeSlotEditor, NotifyListener, NumberStepper, OnboardingSpotlight, OptionConstraintGroup, StateMachineView as OrbitalStateMachineView, OrbitalVisualization, Overlay, PageHeader, PageTransition, Pagination, PatternTile, PhysicsCanvas, Popover, PositionedCanvas, Presence, PricingCard, PricingGrid, PricingOrganism, PricingPageTemplate, ProgressBar, ProgressDots, PropertyInspector, PullQuote, PullToRefresh, QrScanner, QuizBlock, Radio, RangeSlider, ReflectionBlock, RelationSelect, RepeatableFormSection, ReplyTree, RichBlockEditor, RuntimeDebugger, SHEET_COLUMNS, SPRITE_SHEET_LAYOUT, ScaledDiagram, ScoreDisplay, SearchInput, Section, SectionHeader, SegmentRenderer, Select, SequenceBar, ServiceCatalog, SharedEntityStoreContext, ShowcaseCard, ShowcaseOrganism, SidePanel, Sidebar, SignaturePad, SimpleGrid, Skeleton, SlotContentRenderer, SocialProof, SortableList, Spacer, Sparkline, Spinner, Split, SplitPane, SplitSection, Stack, StarRating, StatBadge, StatCard, StatDisplay, StateGraph, StateJsonView, StateMachineView, StateNode2 as StateNode, StatsGrid, StatsOrganism, StatusBar, StatusDot, StepFlow, StepFlowOrganism, SubagentTracePanel, SvgBranch, SvgConnection, SvgFlow, SvgGrid, SvgLobe, SvgMesh, SvgMorph, SvgNode, SvgPulse, SvgRing, SvgShield, SvgStack, SwipeableRow, Switch, TERRAIN_COLORS, TILE_HEIGHT, TILE_WIDTH, TabbedContainer, TableView, Tabs, TagCloud, TagInput, TeamCard, TeamOrganism, TerrainPalette, TextHighlight, Textarea, ThemeToggle, TimeSlotCell, Timeline, TimerDisplay, Toast, ToastSlot, Tooltip, TraitFrame, TraitSlot, TraitStateViewer, TransitionArrow, TrendIndicator, TypewriterText, Typography, UISlotComponent, UISlotRenderer, UploadDropZone, VStack, VersionDiff, ViolationAlert, VoteStack, WizardContainer, WizardNavigation, WizardProgress, boardEntity, bool, calculateAttackTargets, calculateValidMoves, cn, createInitialGameState, createSharedEntityStore, createTranslate, createUnitAnimationState, getCurrentFrame, getTileDimensions, inferDirection, isoToScreen, makeAsset, makeAssetMap, mapBookData, num, objAvailableActions, objAvailableEvents, objCurrentState, objIcon, objId, objMaxRules, objName, objRules, objStates, parseEditFocus, parseLessonSegments, parseMarkdownWithCodeBlocks, parseQueryBinding, pendulum, projectileMotion, resolveFieldMap, resolveFrame, resolveSheetDirection, rows, runTickFrame, screenToIso, springOscillator, str, tickAnimationState, toCodeLanguage, transitionAnimation, unitHealth, unitPosition, unitTeam, useAgentChat, useAnchorRect, useAtlasSliceDataUrl, useAuthContext, useCamera, useCanvasGestures, useCompile, useConnectGitHub, useDeepAgentGeneration, useDisconnectGitHub, useDragReorder, useDraggable, useDropZone, useEmitEvent, useEventBus, useEventListener, useExtensions, useFileEditor, useFileSystem, useGameAudio, useGitHubBranches, useGitHubRepo, useGitHubRepos, useGitHubStatus, useImageCache, useInfiniteScroll, useLongPress, useOrbitalHistory, usePresence, usePreview, usePullToRefresh, useQuerySingleton, useRenderInterpolation, useSharedEntitySnapshot, useSharedEntityStore, useSharedEntityStoreContext, useSwipeGesture, useTapReveal, useTraitListens, useTranslate115 as useTranslate, useUIEvents, useUISlotManager, useUnitSpriteAtlas, useValidation, vec2 };
+export { ALL_PRESETS, ALMADAR_DND_MIME, AR_BOOK_FIELDS, AboutPageTemplate, Accordion, Card2 as ActionCard, ActionPalette, ActionTile, ActivationBlock, Alert, AlgorithmCanvas, AnimatedCounter, AnimatedGraphic, AnimatedReveal, ArticleSection, Aside, AssetPicker, AtlasImage, AtlasPanel, AuthLayout, Avatar, Badge, BehaviorView, BiologyCanvas, BloomQuizBlock, BookChapterView, BookCoverPage, BookNavBar, BookTableOfContents, BookViewer, Box, BranchingLogicBuilder, Breadcrumb, Button, ButtonGroup, CTABanner, CalendarGrid, Canvas, Canvas2D, Card, CardBody, CardContent, CardFooter, CardGrid, CardHeader, CardTitle, Carousel, CaseStudyCard, CaseStudyOrganism, Center, Chart, ChartLegend, ChatBar, Checkbox, ChemistryCanvas, ChoiceButton, Coachmark, CodeBlock, CodeRunnerPanel, CollapsibleSection, CommunityLinks, ConditionalWrapper, ConfettiEffect, ConfirmDialog, ConnectionBlock, Container, ContentRenderer, ContentSection, ControlButton, ControlGrid, CounterTemplate, DEFAULT_LIKERT_OPTIONS, DEFAULT_MATRIX_COLUMNS, DEFAULT_SLOTS, DIAMOND_TOP_Y, DashboardGrid, DashboardLayout, DataGrid, DataList, DataTable, DateRangePicker, DateRangeSelector, DayCell, DetailPanel, Dialog, DialogueBubble, Divider, DocBreadcrumb, DocPagination, DocSearch, DocSidebar, DocTOC, DocumentViewer, StateMachineView as DomStateMachineVisualizer, Drawer, DrawerSlot, ELEMENT_SELECTED_EVENT, EdgeDecoration, EditorCheckbox, EditorSelect, EditorSlider, EditorTextInput, EditorToolbar, EmptyState, EntityDisplayEvents, ErrorBoundary, ErrorState, FEATURE_COLORS, FEATURE_TYPES, FLOOR_HEIGHT, FeatureCard, FeatureDetailPageTemplate, FeatureGrid, FeatureGridOrganism, FileTree, FilterGroup, FilterPill, Flex, FlipCard, FlipContainer, FloatingActionButton, Form, FormActions, FormField, FormLayout, FormSection, FormSectionHeader, GameAudioToggle, GameHud, GameIcon, GameMenu, GameShell, GenericAppTemplate, GeometricPattern, GradientDivider, GraphCanvas, GraphView, Grid, GridPicker, HStack, Header, HealthBar, HeroOrganism, HeroSection, I18nProvider, IDENTITY_BOOK_FIELDS, Icon, IconPicker, InfiniteScrollSentinel, Input, InputGroup, InstallBox, JazariStateMachine, JsonTreeEditor, Label, LandingPageTemplate, LawReferenceTooltip, LearningCanvas, Lightbox, LikertScale, LineChart2 as LineChart, List3 as List, LoadingState, MapView, MarkdownContent, MarketingFooter, MarketingStatCard, MasterDetail, MasterDetailLayout, MathCanvas, MatrixQuestion, MediaGallery, Menu, Meter, Modal, ModalSlot, ModuleCard, Navigation, NodeSlotEditor, NotifyListener, NumberStepper, OnboardingSpotlight, OptionConstraintGroup, StateMachineView as OrbitalStateMachineView, OrbitalVisualization, Overlay, PageHeader, PageTransition, Pagination, PatternTile, PhysicsCanvas, Popover, PositionedCanvas, Presence, PricingCard, PricingGrid, PricingOrganism, PricingPageTemplate, ProgressBar, ProgressDots, PropertyInspector, PullQuote, PullToRefresh, QrScanner, QuizBlock, Radio, RangeSlider, ReflectionBlock, RelationSelect, RepeatableFormSection, ReplyTree, RichBlockEditor, RuntimeDebugger, SHEET_COLUMNS, SPRITE_SHEET_LAYOUT, ScaledDiagram, ScoreDisplay, SearchInput, Section, SectionHeader, SegmentRenderer, Select, SequenceBar, ServiceCatalog, SharedEntityStoreContext, ShowcaseCard, ShowcaseOrganism, SidePanel, Sidebar, SignaturePad, SimpleGrid, Skeleton, SlotContentRenderer, SocialProof, SortableList, Spacer, Sparkline, Spinner, Split, SplitPane, SplitSection, Stack, StarRating, StatBadge, StatCard, StatDisplay, StateGraph, StateJsonView, StateMachineView, StateNode2 as StateNode, StatsGrid, StatsOrganism, StatusBar, StatusDot, StepFlow, StepFlowOrganism, SubagentTracePanel, SvgBranch, SvgConnection, SvgFlow, SvgGrid, SvgLobe, SvgMesh, SvgMorph, SvgNode, SvgPulse, SvgRing, SvgShield, SvgStack, SwipeableRow, Switch, TERRAIN_COLORS, TILE_HEIGHT, TILE_WIDTH, TabbedContainer, TableView, Tabs, TagCloud, TagInput, TeamCard, TeamOrganism, TerrainPalette, TextHighlight, Textarea, ThemeToggle, TimeSlotCell, Timeline, TimerDisplay, Toast, ToastSlot, Tooltip, TraitFrame, TraitSlot, TraitStateViewer, TransitionArrow, TrendIndicator, TypewriterText, Typography, UISlotComponent, UISlotRenderer, UploadDropZone, VStack, VersionDiff, ViolationAlert, VoteStack, WizardContainer, WizardNavigation, WizardProgress, boardEntity, bool, calculateAttackTargets, calculateValidMoves, cn, createInitialGameState, createSharedEntityStore, createTranslate, createUnitAnimationState, getCurrentFrame, getTileDimensions, inferDirection, isoToScreen, makeAsset, makeAssetMap, mapBookData, num, objAvailableActions, objAvailableEvents, objCurrentState, objIcon, objId, objMaxRules, objName, objRules, objStates, parseEditFocus, parseLessonSegments, parseMarkdownWithCodeBlocks, parseQueryBinding, pendulum, projectileMotion, registerCodeLanguageLoader, resolveFieldMap, resolveFrame, resolveSheetDirection, rows, runTickFrame, screenToIso, springOscillator, str, tickAnimationState, toCodeLanguage, transitionAnimation, unitHealth, unitPosition, unitTeam, useAgentChat, useAnchorRect, useAtlasSliceDataUrl, useAuthContext, useCamera, useCanvasGestures, useCompile, useConnectGitHub, useDeepAgentGeneration, useDisconnectGitHub, useDragReorder, useDraggable, useDropZone, useEmitEvent, useEventBus, useEventListener, useExtensions, useFileEditor, useFileSystem, useGameAudio, useGitHubBranches, useGitHubRepo, useGitHubRepos, useGitHubStatus, useImageCache, useInfiniteScroll, useLongPress, useOrbitalHistory, usePresence, usePreview, usePullToRefresh, useQuerySingleton, useRenderInterpolation, useSharedEntitySnapshot, useSharedEntityStore, useSharedEntityStoreContext, useSwipeGesture, useTapReveal, useTraitListens, useTranslate115 as useTranslate, useUIEvents, useUISlotManager, useUnitSpriteAtlas, useValidation, vec2 };

package/dist/providers/index.cjs

@@ -14414,6 +14414,19 @@ var init_EmptyState = __esm({
     EmptyState.displayName = "EmptyState";
   }
 });
+function isLanguageRegistered(lang) {
+  return CODE_LANGUAGE_SET.has(lang) || dynamicallyLoaded.has(lang);
+}
+async function loadPrismLanguage(lang) {
+  if (isLanguageRegistered(lang)) return;
+  try {
+    const grammar = codeLanguageLoader ? await codeLanguageLoader(lang) : null;
+    if (grammar) SyntaxHighlighter__default.default.registerLanguage(lang, grammar);
+    dynamicallyLoaded.add(lang);
+  } catch {
+    dynamicallyLoaded.add(lang);
+  }
+}
 function computeFoldRegions(code) {
   const lines = code.split("\n");
   const regions = [];
@@ -14449,7 +14462,8 @@ function computeFoldRegions(code) {
   return regions.sort((a, b) => a.start - b.start);
 }
 function toCodeLanguage(value) {
-  return value && CODE_LANGUAGE_SET.has(value) ? value : "text";
+  if (!value) return "text";
+  return value.toLowerCase();
 }
 function generateDiff(oldVal, newVal) {
   const oldLines = oldVal.split("\n");
@@ -14468,7 +14482,24 @@ function generateDiff(oldVal, newVal) {
   }
   return diff;
 }
-var orbStyleOverrides, orbStyle, loloStyleOverrides, loloStyle, log7, CODE_LANGUAGES, CODE_LANGUAGE_SET, DIFF_STYLES, DIFF_STYLE_FALLBACK, LINE_PROPS_FN, HIDDEN_LINE_NUMBERS, CodeBlock;
+function useLanguageReady(language) {
+  const [ready, setReady] = React84.useState(() => isLanguageRegistered(language));
+  React84.useEffect(() => {
+    if (isLanguageRegistered(language)) {
+      if (!ready) setReady(true);
+      return;
+    }
+    let active = true;
+    loadPrismLanguage(language).then(() => {
+      if (active) setReady(true);
+    });
+    return () => {
+      active = false;
+    };
+  }, [language]);
+  return ready;
+}
+var dynamicallyLoaded, codeLanguageLoader, orbStyleOverrides, orbStyle, loloStyleOverrides, loloStyle, log7, CODE_LANGUAGES, CODE_LANGUAGE_SET, DIFF_STYLES, DIFF_STYLE_FALLBACK, LINE_PROPS_FN, HIDDEN_LINE_NUMBERS, CodeBlock;
 var init_CodeBlock = __esm({
   "components/core/molecules/markdown/CodeBlock.tsx"() {
     init_cn();
@@ -14509,6 +14540,8 @@ var init_CodeBlock = __esm({
     SyntaxHighlighter__default.default.registerLanguage("graphql", langGraphql__default.default);
     SyntaxHighlighter__default.default.registerLanguage("orb", syntax.orbLanguage);
     SyntaxHighlighter__default.default.registerLanguage("lolo", syntax.loloLanguage);
+    dynamicallyLoaded = /* @__PURE__ */ new Set();
+    codeLanguageLoader = null;
     orbStyleOverrides = {
       "orb-binding": { color: syntax.ORB_COLORS.dark.binding, fontWeight: "bold" },
       "orb-effect": { color: syntax.ORB_COLORS.dark.effect, fontWeight: "bold" },
@@ -14624,6 +14657,7 @@ var init_CodeBlock = __esm({
         const isOrb = language === "orb";
         const isLolo = language === "lolo";
         const activeStyle = isOrb ? orbStyle : isLolo ? loloStyle : dark__default.default;
+        const languageReady = useLanguageReady(language);
         const eventBus = useEventBus();
         const { t } = hooks.useTranslate();
         const scrollRef = React84.useRef(null);
@@ -14747,7 +14781,7 @@ var init_CodeBlock = __esm({
               children: code
             }
           ),
-          [code, language, activeStyle]
+          [code, language, activeStyle, languageReady]
         );
         React84.useLayoutEffect(() => {
           const container = codeRef.current;
@@ -15347,10 +15381,10 @@ var init_MarkdownContent = __esm({
   }
 });
 
-// components/core/molecules/lessonSegmentUtils.ts
+// lib/lessonSegmentUtils.ts
 function parseMarkdownWithCodeBlocks(content) {
   const segments = [];
-  const codeBlockRegex = /```([\w-]+)?(?:\s+(run))?\n([\s\S]*?)```/g;
+  const codeBlockRegex = /```([^\n\r]*)\r?\n([\s\S]*?)```/g;
   let lastIndex = 0;
   let match;
   while ((match = codeBlockRegex.exec(content)) !== null) {
@@ -15358,12 +15392,12 @@ function parseMarkdownWithCodeBlocks(content) {
     if (before.trim()) {
       segments.push({ type: "markdown", content: before });
     }
-    const rawLanguage = match[1] ?? "text";
-    const runModifier = !!match[2];
+    const tokens = match[1].trim().split(/\s+/).filter(Boolean);
+    let rawLanguage = tokens[0] ?? "text";
     const suffixRunnable = rawLanguage.endsWith("-runnable");
-    const runnable = runModifier || suffixRunnable;
+    const runnable = suffixRunnable || tokens.includes("run");
     const baseLanguage = suffixRunnable ? rawLanguage.slice(0, -"-runnable".length) || "text" : rawLanguage;
-    segments.push({ type: "code", language: baseLanguage, content: match[3].trim(), runnable });
+    segments.push({ type: "code", language: baseLanguage, content: match[2].trim(), runnable });
     lastIndex = codeBlockRegex.lastIndex;
   }
   const remaining = content.slice(lastIndex);
@@ -15373,7 +15407,7 @@ function parseMarkdownWithCodeBlocks(content) {
   return segments;
 }
 var init_lessonSegmentUtils = __esm({
-  "components/core/molecules/lessonSegmentUtils.ts"() {
+  "lib/lessonSegmentUtils.ts"() {
   }
 });
 var BLOOM_CONFIG, BloomQuizBlock;

package/dist/providers/index.js

@@ -14369,6 +14369,19 @@ var init_EmptyState = __esm({
     EmptyState.displayName = "EmptyState";
   }
 });
+function isLanguageRegistered(lang) {
+  return CODE_LANGUAGE_SET.has(lang) || dynamicallyLoaded.has(lang);
+}
+async function loadPrismLanguage(lang) {
+  if (isLanguageRegistered(lang)) return;
+  try {
+    const grammar = codeLanguageLoader ? await codeLanguageLoader(lang) : null;
+    if (grammar) SyntaxHighlighter.registerLanguage(lang, grammar);
+    dynamicallyLoaded.add(lang);
+  } catch {
+    dynamicallyLoaded.add(lang);
+  }
+}
 function computeFoldRegions(code) {
   const lines = code.split("\n");
   const regions = [];
@@ -14404,7 +14417,8 @@ function computeFoldRegions(code) {
   return regions.sort((a, b) => a.start - b.start);
 }
 function toCodeLanguage(value) {
-  return value && CODE_LANGUAGE_SET.has(value) ? value : "text";
+  if (!value) return "text";
+  return value.toLowerCase();
 }
 function generateDiff(oldVal, newVal) {
   const oldLines = oldVal.split("\n");
@@ -14423,7 +14437,24 @@ function generateDiff(oldVal, newVal) {
   }
   return diff;
 }
-var orbStyleOverrides, orbStyle, loloStyleOverrides, loloStyle, log7, CODE_LANGUAGES, CODE_LANGUAGE_SET, DIFF_STYLES, DIFF_STYLE_FALLBACK, LINE_PROPS_FN, HIDDEN_LINE_NUMBERS, CodeBlock;
+function useLanguageReady(language) {
+  const [ready, setReady] = useState(() => isLanguageRegistered(language));
+  useEffect(() => {
+    if (isLanguageRegistered(language)) {
+      if (!ready) setReady(true);
+      return;
+    }
+    let active = true;
+    loadPrismLanguage(language).then(() => {
+      if (active) setReady(true);
+    });
+    return () => {
+      active = false;
+    };
+  }, [language]);
+  return ready;
+}
+var dynamicallyLoaded, codeLanguageLoader, orbStyleOverrides, orbStyle, loloStyleOverrides, loloStyle, log7, CODE_LANGUAGES, CODE_LANGUAGE_SET, DIFF_STYLES, DIFF_STYLE_FALLBACK, LINE_PROPS_FN, HIDDEN_LINE_NUMBERS, CodeBlock;
 var init_CodeBlock = __esm({
   "components/core/molecules/markdown/CodeBlock.tsx"() {
     init_cn();
@@ -14464,6 +14495,8 @@ var init_CodeBlock = __esm({
     SyntaxHighlighter.registerLanguage("graphql", langGraphql);
     SyntaxHighlighter.registerLanguage("orb", orbLanguage);
     SyntaxHighlighter.registerLanguage("lolo", loloLanguage);
+    dynamicallyLoaded = /* @__PURE__ */ new Set();
+    codeLanguageLoader = null;
     orbStyleOverrides = {
       "orb-binding": { color: ORB_COLORS.dark.binding, fontWeight: "bold" },
       "orb-effect": { color: ORB_COLORS.dark.effect, fontWeight: "bold" },
@@ -14579,6 +14612,7 @@ var init_CodeBlock = __esm({
         const isOrb = language === "orb";
         const isLolo = language === "lolo";
         const activeStyle = isOrb ? orbStyle : isLolo ? loloStyle : dark;
+        const languageReady = useLanguageReady(language);
         const eventBus = useEventBus();
         const { t } = useTranslate();
         const scrollRef = useRef(null);
@@ -14702,7 +14736,7 @@ var init_CodeBlock = __esm({
               children: code
             }
           ),
-          [code, language, activeStyle]
+          [code, language, activeStyle, languageReady]
         );
         useLayoutEffect(() => {
           const container = codeRef.current;
@@ -15302,10 +15336,10 @@ var init_MarkdownContent = __esm({
   }
 });
 
-// components/core/molecules/lessonSegmentUtils.ts
+// lib/lessonSegmentUtils.ts
 function parseMarkdownWithCodeBlocks(content) {
   const segments = [];
-  const codeBlockRegex = /```([\w-]+)?(?:\s+(run))?\n([\s\S]*?)```/g;
+  const codeBlockRegex = /```([^\n\r]*)\r?\n([\s\S]*?)```/g;
   let lastIndex = 0;
   let match;
   while ((match = codeBlockRegex.exec(content)) !== null) {
@@ -15313,12 +15347,12 @@ function parseMarkdownWithCodeBlocks(content) {
     if (before.trim()) {
       segments.push({ type: "markdown", content: before });
     }
-    const rawLanguage = match[1] ?? "text";
-    const runModifier = !!match[2];
+    const tokens = match[1].trim().split(/\s+/).filter(Boolean);
+    let rawLanguage = tokens[0] ?? "text";
     const suffixRunnable = rawLanguage.endsWith("-runnable");
-    const runnable = runModifier || suffixRunnable;
+    const runnable = suffixRunnable || tokens.includes("run");
     const baseLanguage = suffixRunnable ? rawLanguage.slice(0, -"-runnable".length) || "text" : rawLanguage;
-    segments.push({ type: "code", language: baseLanguage, content: match[3].trim(), runnable });
+    segments.push({ type: "code", language: baseLanguage, content: match[2].trim(), runnable });
     lastIndex = codeBlockRegex.lastIndex;
   }
   const remaining = content.slice(lastIndex);
@@ -15328,7 +15362,7 @@ function parseMarkdownWithCodeBlocks(content) {
   return segments;
 }
 var init_lessonSegmentUtils = __esm({
-  "components/core/molecules/lessonSegmentUtils.ts"() {
+  "lib/lessonSegmentUtils.ts"() {
   }
 });
 var BLOOM_CONFIG, BloomQuizBlock;

package/dist/runtime/index.cjs

@@ -14099,6 +14099,19 @@ var init_EmptyState = __esm({
     EmptyState.displayName = "EmptyState";
   }
 });
+function isLanguageRegistered(lang) {
+  return CODE_LANGUAGE_SET.has(lang) || dynamicallyLoaded.has(lang);
+}
+async function loadPrismLanguage(lang) {
+  if (isLanguageRegistered(lang)) return;
+  try {
+    const grammar = codeLanguageLoader ? await codeLanguageLoader(lang) : null;
+    if (grammar) SyntaxHighlighter__default.default.registerLanguage(lang, grammar);
+    dynamicallyLoaded.add(lang);
+  } catch {
+    dynamicallyLoaded.add(lang);
+  }
+}
 function computeFoldRegions(code) {
   const lines = code.split("\n");
   const regions = [];
@@ -14134,7 +14147,8 @@ function computeFoldRegions(code) {
   return regions.sort((a, b) => a.start - b.start);
 }
 function toCodeLanguage(value) {
-  return value && CODE_LANGUAGE_SET.has(value) ? value : "text";
+  if (!value) return "text";
+  return value.toLowerCase();
 }
 function generateDiff(oldVal, newVal) {
   const oldLines = oldVal.split("\n");
@@ -14153,7 +14167,24 @@ function generateDiff(oldVal, newVal) {
   }
   return diff;
 }
-var orbStyleOverrides, orbStyle, loloStyleOverrides, loloStyle, log6, CODE_LANGUAGES, CODE_LANGUAGE_SET, DIFF_STYLES, DIFF_STYLE_FALLBACK, LINE_PROPS_FN, HIDDEN_LINE_NUMBERS, CodeBlock;
+function useLanguageReady(language) {
+  const [ready, setReady] = React82.useState(() => isLanguageRegistered(language));
+  React82.useEffect(() => {
+    if (isLanguageRegistered(language)) {
+      if (!ready) setReady(true);
+      return;
+    }
+    let active = true;
+    loadPrismLanguage(language).then(() => {
+      if (active) setReady(true);
+    });
+    return () => {
+      active = false;
+    };
+  }, [language]);
+  return ready;
+}
+var dynamicallyLoaded, codeLanguageLoader, orbStyleOverrides, orbStyle, loloStyleOverrides, loloStyle, log6, CODE_LANGUAGES, CODE_LANGUAGE_SET, DIFF_STYLES, DIFF_STYLE_FALLBACK, LINE_PROPS_FN, HIDDEN_LINE_NUMBERS, CodeBlock;
 var init_CodeBlock = __esm({
   "components/core/molecules/markdown/CodeBlock.tsx"() {
     init_cn();
@@ -14194,6 +14225,8 @@ var init_CodeBlock = __esm({
     SyntaxHighlighter__default.default.registerLanguage("graphql", langGraphql__default.default);
     SyntaxHighlighter__default.default.registerLanguage("orb", syntax.orbLanguage);
     SyntaxHighlighter__default.default.registerLanguage("lolo", syntax.loloLanguage);
+    dynamicallyLoaded = /* @__PURE__ */ new Set();
+    codeLanguageLoader = null;
     orbStyleOverrides = {
       "orb-binding": { color: syntax.ORB_COLORS.dark.binding, fontWeight: "bold" },
       "orb-effect": { color: syntax.ORB_COLORS.dark.effect, fontWeight: "bold" },
@@ -14309,6 +14342,7 @@ var init_CodeBlock = __esm({
         const isOrb = language === "orb";
         const isLolo = language === "lolo";
         const activeStyle = isOrb ? orbStyle : isLolo ? loloStyle : dark__default.default;
+        const languageReady = useLanguageReady(language);
         const eventBus = useEventBus();
         const { t } = hooks.useTranslate();
         const scrollRef = React82.useRef(null);
@@ -14432,7 +14466,7 @@ var init_CodeBlock = __esm({
               children: code
             }
           ),
-          [code, language, activeStyle]
+          [code, language, activeStyle, languageReady]
         );
         React82.useLayoutEffect(() => {
           const container = codeRef.current;
@@ -15032,10 +15066,10 @@ var init_MarkdownContent = __esm({
   }
 });
 
-// components/core/molecules/lessonSegmentUtils.ts
+// lib/lessonSegmentUtils.ts
 function parseMarkdownWithCodeBlocks(content) {
   const segments = [];
-  const codeBlockRegex = /```([\w-]+)?(?:\s+(run))?\n([\s\S]*?)```/g;
+  const codeBlockRegex = /```([^\n\r]*)\r?\n([\s\S]*?)```/g;
   let lastIndex = 0;
   let match;
   while ((match = codeBlockRegex.exec(content)) !== null) {
@@ -15043,12 +15077,12 @@ function parseMarkdownWithCodeBlocks(content) {
     if (before.trim()) {
       segments.push({ type: "markdown", content: before });
     }
-    const rawLanguage = match[1] ?? "text";
-    const runModifier = !!match[2];
+    const tokens = match[1].trim().split(/\s+/).filter(Boolean);
+    let rawLanguage = tokens[0] ?? "text";
     const suffixRunnable = rawLanguage.endsWith("-runnable");
-    const runnable = runModifier || suffixRunnable;
+    const runnable = suffixRunnable || tokens.includes("run");
     const baseLanguage = suffixRunnable ? rawLanguage.slice(0, -"-runnable".length) || "text" : rawLanguage;
-    segments.push({ type: "code", language: baseLanguage, content: match[3].trim(), runnable });
+    segments.push({ type: "code", language: baseLanguage, content: match[2].trim(), runnable });
     lastIndex = codeBlockRegex.lastIndex;
   }
   const remaining = content.slice(lastIndex);
@@ -15058,7 +15092,7 @@ function parseMarkdownWithCodeBlocks(content) {
   return segments;
 }
 var init_lessonSegmentUtils = __esm({
-  "components/core/molecules/lessonSegmentUtils.ts"() {
+  "lib/lessonSegmentUtils.ts"() {
   }
 });
 var BLOOM_CONFIG, BloomQuizBlock;

package/dist/runtime/index.js

@@ -14055,6 +14055,19 @@ var init_EmptyState = __esm({
     EmptyState.displayName = "EmptyState";
   }
 });
+function isLanguageRegistered(lang) {
+  return CODE_LANGUAGE_SET.has(lang) || dynamicallyLoaded.has(lang);
+}
+async function loadPrismLanguage(lang) {
+  if (isLanguageRegistered(lang)) return;
+  try {
+    const grammar = codeLanguageLoader ? await codeLanguageLoader(lang) : null;
+    if (grammar) SyntaxHighlighter.registerLanguage(lang, grammar);
+    dynamicallyLoaded.add(lang);
+  } catch {
+    dynamicallyLoaded.add(lang);
+  }
+}
 function computeFoldRegions(code) {
   const lines = code.split("\n");
   const regions = [];
@@ -14090,7 +14103,8 @@ function computeFoldRegions(code) {
   return regions.sort((a, b) => a.start - b.start);
 }
 function toCodeLanguage(value) {
-  return value && CODE_LANGUAGE_SET.has(value) ? value : "text";
+  if (!value) return "text";
+  return value.toLowerCase();
 }
 function generateDiff(oldVal, newVal) {
   const oldLines = oldVal.split("\n");
@@ -14109,7 +14123,24 @@ function generateDiff(oldVal, newVal) {
   }
   return diff;
 }
-var orbStyleOverrides, orbStyle, loloStyleOverrides, loloStyle, log6, CODE_LANGUAGES, CODE_LANGUAGE_SET, DIFF_STYLES, DIFF_STYLE_FALLBACK, LINE_PROPS_FN, HIDDEN_LINE_NUMBERS, CodeBlock;
+function useLanguageReady(language) {
+  const [ready, setReady] = useState(() => isLanguageRegistered(language));
+  useEffect(() => {
+    if (isLanguageRegistered(language)) {
+      if (!ready) setReady(true);
+      return;
+    }
+    let active = true;
+    loadPrismLanguage(language).then(() => {
+      if (active) setReady(true);
+    });
+    return () => {
+      active = false;
+    };
+  }, [language]);
+  return ready;
+}
+var dynamicallyLoaded, codeLanguageLoader, orbStyleOverrides, orbStyle, loloStyleOverrides, loloStyle, log6, CODE_LANGUAGES, CODE_LANGUAGE_SET, DIFF_STYLES, DIFF_STYLE_FALLBACK, LINE_PROPS_FN, HIDDEN_LINE_NUMBERS, CodeBlock;
 var init_CodeBlock = __esm({
   "components/core/molecules/markdown/CodeBlock.tsx"() {
     init_cn();
@@ -14150,6 +14181,8 @@ var init_CodeBlock = __esm({
     SyntaxHighlighter.registerLanguage("graphql", langGraphql);
     SyntaxHighlighter.registerLanguage("orb", orbLanguage);
     SyntaxHighlighter.registerLanguage("lolo", loloLanguage);
+    dynamicallyLoaded = /* @__PURE__ */ new Set();
+    codeLanguageLoader = null;
     orbStyleOverrides = {
       "orb-binding": { color: ORB_COLORS.dark.binding, fontWeight: "bold" },
       "orb-effect": { color: ORB_COLORS.dark.effect, fontWeight: "bold" },
@@ -14265,6 +14298,7 @@ var init_CodeBlock = __esm({
         const isOrb = language === "orb";
         const isLolo = language === "lolo";
         const activeStyle = isOrb ? orbStyle : isLolo ? loloStyle : dark;
+        const languageReady = useLanguageReady(language);
         const eventBus = useEventBus();
         const { t } = useTranslate();
         const scrollRef = useRef(null);
@@ -14388,7 +14422,7 @@ var init_CodeBlock = __esm({
               children: code
             }
           ),
-          [code, language, activeStyle]
+          [code, language, activeStyle, languageReady]
         );
         useLayoutEffect(() => {
           const container = codeRef.current;
@@ -14988,10 +15022,10 @@ var init_MarkdownContent = __esm({
   }
 });
 
-// components/core/molecules/lessonSegmentUtils.ts
+// lib/lessonSegmentUtils.ts
 function parseMarkdownWithCodeBlocks(content) {
   const segments = [];
-  const codeBlockRegex = /```([\w-]+)?(?:\s+(run))?\n([\s\S]*?)```/g;
+  const codeBlockRegex = /```([^\n\r]*)\r?\n([\s\S]*?)```/g;
   let lastIndex = 0;
   let match;
   while ((match = codeBlockRegex.exec(content)) !== null) {
@@ -14999,12 +15033,12 @@ function parseMarkdownWithCodeBlocks(content) {
     if (before.trim()) {
       segments.push({ type: "markdown", content: before });
     }
-    const rawLanguage = match[1] ?? "text";
-    const runModifier = !!match[2];
+    const tokens = match[1].trim().split(/\s+/).filter(Boolean);
+    let rawLanguage = tokens[0] ?? "text";
     const suffixRunnable = rawLanguage.endsWith("-runnable");
-    const runnable = runModifier || suffixRunnable;
+    const runnable = suffixRunnable || tokens.includes("run");
     const baseLanguage = suffixRunnable ? rawLanguage.slice(0, -"-runnable".length) || "text" : rawLanguage;
-    segments.push({ type: "code", language: baseLanguage, content: match[3].trim(), runnable });
+    segments.push({ type: "code", language: baseLanguage, content: match[2].trim(), runnable });
     lastIndex = codeBlockRegex.lastIndex;
   }
   const remaining = content.slice(lastIndex);
@@ -15014,7 +15048,7 @@ function parseMarkdownWithCodeBlocks(content) {
   return segments;
 }
 var init_lessonSegmentUtils = __esm({
-  "components/core/molecules/lessonSegmentUtils.ts"() {
+  "lib/lessonSegmentUtils.ts"() {
   }
 });
 var BLOOM_CONFIG, BloomQuizBlock;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@almadar/ui",
-  "version": "5.122.10",
+  "version": "5.122.12",
   "description": "React UI components, hooks, and providers for Almadar",
   "type": "module",
   "sideEffects": [