@almadar/shell-web 1.0.0 → 1.2.0

package/LICENSE

@@ -0,0 +1,72 @@
+Business Source License 1.1
+
+Parameters
+
+Licensor:             Almadar FZE
+Licensed Work:        KFlow Builder / Almadar
+                      The Licensed Work is (c) 2025-2026 Almadar FZE.
+Additional Use Grant: You may make production use of the Licensed Work for
+                      non-commercial purposes and for internal evaluation.
+                      Production use for commercial purposes requires a
+                      commercial license from the Licensor.
+Change Date:          2030-02-01
+Change License:       Apache License, Version 2.0
+
+Terms
+
+The Licensor hereby grants you the right to copy, modify, create derivative
+works, redistribute, and make non-production use of the Licensed Work. The
+Licensor may make an Additional Use Grant, above, permitting limited
+production use.
+
+Effective on the Change Date, or the fourth anniversary of the first publicly
+available distribution of a specific version of the Licensed Work under this
+License, whichever comes first, the Licensor hereby grants you rights under
+the terms of the Change License, and the rights granted in the paragraph
+above terminate.
+
+If your use of the Licensed Work does not comply with the requirements
+currently in effect as described in this License, you must purchase a
+commercial license from the Licensor, its affiliated entities, or authorized
+resellers, or you must refrain from using the Licensed Work.
+
+All copies of the original and modified Licensed Work, and derivative works
+of the Licensed Work, are subject to this License. This License applies
+separately for each version of the Licensed Work and the Change Date may vary
+for each version of the Licensed Work released by Licensor.
+
+You must conspicuously display this License on each original or modified copy
+of the Licensed Work. If you receive the Licensed Work in original or
+modified form from a third party, the terms and conditions set forth in this
+License apply to your use of that work.
+
+Any use of the Licensed Work in violation of this License will automatically
+terminate your rights under this License for the current and all other
+versions of the Licensed Work.
+
+This License does not grant you any right in any trademark or logo of
+Licensor or its affiliates (provided that you may use a trademark or logo of
+Licensor as expressly required by this License).
+
+TO THE EXTENT PERMITTED BY APPLICABLE LAW, THE LICENSED WORK IS PROVIDED ON
+AN "AS IS" BASIS. LICENSOR HEREBY DISCLAIMS ALL WARRANTIES AND CONDITIONS,
+EXPRESS OR IMPLIED, INCLUDING (WITHOUT LIMITATION) WARRANTIES OF
+MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE, NON-INFRINGEMENT, AND
+TITLE.
+
+---
+
+License text copyright (c) 2017 MariaDB Corporation Ab, All Rights Reserved.
+"Business Source License" is a trademark of MariaDB Corporation Ab.
+
+ADDITIONAL TERMS:
+
+Documentation (builder/packages/website/docs/) is licensed under CC BY 4.0.
+
+TRADEMARKS:
+
+"Orbital", "KFlow", "Almadar", and the Almadar logo are trademarks of
+Almadar FZE. You may not use these trademarks without prior written
+permission from Almadar FZE.
+
+For licensing inquiries: licensing@almadar.io

package/dist/AvlGlyph-KZMJDBEB.js

@@ -0,0 +1,5 @@
+export { AVL_GLYPH_KINDS, AvlGlyph } from './chunk-CCO2ZH7F.js';
+import './chunk-DPDKBY6Z.js';
+import './chunk-3UQNFRYV.js';
+import './chunk-D5FJU4XC.js';
+import './chunk-G7DCAZ22.js';

package/dist/AvlStateMachine-KVZMFHFU.js

@@ -0,0 +1,8 @@
+export { AvlStateMachine, BODY_CHAR, MARGIN, MAX_SCALE, MIN_SCALE, MONO_CHAR, PILL_H, metricsFor, pillWidth } from './chunk-RDPELAFQ.js';
+import './chunk-HA2BYO5E.js';
+import './chunk-PCR37T3U.js';
+import './chunk-V5SVGUYN.js';
+import './chunk-3UQNFRYV.js';
+import './chunk-TZZBINQY.js';
+import './chunk-D5FJU4XC.js';
+import './chunk-G7DCAZ22.js';

package/dist/AvlTransitionDetail-7DVGV27I.js

@@ -0,0 +1,10 @@
+export { AvlTransitionDetail } from './chunk-6RXP5ZXE.js';
+import './chunk-JEN4EIUF.js';
+import './chunk-3DA36FOA.js';
+import './chunk-3YUMGEEW.js';
+import './chunk-HA2BYO5E.js';
+import './chunk-PCR37T3U.js';
+import './chunk-V5SVGUYN.js';
+import './chunk-3UQNFRYV.js';
+import './chunk-D5FJU4XC.js';
+import './chunk-G7DCAZ22.js';

package/dist/AvlTransitionExplainer-RMJ5LQLK.js

@@ -0,0 +1,11 @@
+export { AvlTransitionExplainer } from './chunk-LINJRTNB.js';
+import './chunk-6RXP5ZXE.js';
+import './chunk-JEN4EIUF.js';
+import './chunk-3DA36FOA.js';
+import './chunk-3YUMGEEW.js';
+import './chunk-HA2BYO5E.js';
+import './chunk-PCR37T3U.js';
+import './chunk-V5SVGUYN.js';
+import './chunk-3UQNFRYV.js';
+import './chunk-D5FJU4XC.js';
+import './chunk-G7DCAZ22.js';

package/dist/BehaviorView-EYRPME67.js

@@ -0,0 +1,10 @@
+export { BehaviorView } from './chunk-B23EZH2P.js';
+import './chunk-RDPELAFQ.js';
+import './chunk-3YUMGEEW.js';
+import './chunk-HA2BYO5E.js';
+import './chunk-PCR37T3U.js';
+import './chunk-V5SVGUYN.js';
+import './chunk-3UQNFRYV.js';
+import './chunk-TZZBINQY.js';
+import './chunk-D5FJU4XC.js';
+import './chunk-G7DCAZ22.js';

package/dist/{FileTree-BCFnBEuQ.d.ts → FileTree-B3GDAjaQ.d.ts}

@@ -1,8 +1,135 @@
 import React__default from 'react';
-import { A11yProps, EventEmit, JsonObject, EntityPersistence, OrbitalSchema } from '@almadar/core';
-import { T as TraitLevelData, F as FieldInfo, O as OrbitalTraitInfo, a as OrbitalPageInfo, E as ExternalLink } from './avl-schema-parser-CtJxJ9KU.js';
+import { EntityPersistence, JsonObject, SExpr, OrbitalSchema, Trait, A11yProps, EventEmit } from '@almadar/core';
 import { Node, Edge } from '@xyflow/react';
 
+/**
+ * AVL Schema Parser
+ *
+ * Pure functions that transform an OrbitalSchema into structured data
+ * for each zoom level of the Cosmic Zoom visualization.
+ *
+ * Imports all types from @almadar/core.
+ *
+ * @packageDocumentation
+ */
+
+interface SerializedEffect extends JsonObject {
+    type: string;
+    args: SExpr[];
+}
+interface ApplicationOrbitalData {
+    name: string;
+    entityName: string;
+    fieldCount: number;
+    persistence: EntityPersistence;
+    traitNames: string[];
+    pageNames: string[];
+    position: {
+        x: number;
+        y: number;
+    };
+}
+interface CrossLink {
+    emitterOrbital: string;
+    listenerOrbital: string;
+    eventName: string;
+    emitterTrait: string;
+    listenerTrait: string;
+}
+interface ApplicationLevelData {
+    orbitals: ApplicationOrbitalData[];
+    crossLinks: CrossLink[];
+}
+interface FieldInfo extends JsonObject {
+    name: string;
+    type: string;
+    required: boolean;
+    hasDefault: boolean;
+}
+interface OrbitalTraitInfo extends JsonObject {
+    name: string;
+    stateCount: number;
+    eventCount: number;
+    transitionCount: number;
+    emits: string[];
+    listens: string[];
+}
+interface OrbitalPageInfo extends JsonObject {
+    name: string;
+    route: string;
+}
+interface ExternalLink extends JsonObject {
+    targetOrbital: string;
+    eventName: string;
+    direction: string;
+    traitName: string;
+}
+interface OrbitalLevelData {
+    name: string;
+    entity: {
+        name: string;
+        fields: FieldInfo[];
+        persistence: EntityPersistence;
+    };
+    traits: OrbitalTraitInfo[];
+    pages: OrbitalPageInfo[];
+    externalLinks: ExternalLink[];
+}
+interface TraitStateInfo extends JsonObject {
+    name: string;
+    isInitial: boolean | null;
+    isTerminal: boolean | null;
+}
+interface TraitTransitionInfo extends JsonObject {
+    from: string;
+    to: string;
+    event: string;
+    /** `.orb` config data omits the key instead of carrying null. */
+    guard: SExpr | null;
+    effects: SerializedEffect[];
+    index: number;
+}
+interface TraitLevelData extends JsonObject {
+    name: string;
+    linkedEntity: string;
+    states: TraitStateInfo[];
+    transitions: TraitTransitionInfo[];
+    emittedEvents: string[];
+    listenedEvents: string[];
+}
+interface ExprTreeNode {
+    label: string;
+    type: 'operator' | 'literal' | 'binding';
+    children?: ExprTreeNode[];
+}
+interface SlotTarget {
+    name: string;
+    pattern: string;
+}
+interface TransitionLevelData {
+    from: string;
+    to: string;
+    event: string;
+    guard: ExprTreeNode | null;
+    effects: ExprTreeNode[];
+    slotTargets: SlotTarget[];
+}
+/**
+ * Parse the application-level view: all orbitals with cross-orbital links.
+ */
+declare function parseApplicationLevel(schema: OrbitalSchema): ApplicationLevelData;
+/**
+ * Parse a single orbital's detail view.
+ */
+declare function parseOrbitalLevel(schema: OrbitalSchema, orbitalName: string): OrbitalLevelData | null;
+declare function parseTraitLevel(schema: OrbitalSchema, orbitalName: string, traitName: string): TraitLevelData | null;
+/** One trait's state machine as AVL trait data; null when the trait has no state machine. */
+declare function traitLevelFromTrait(trait: Trait, linkedEntity: string): TraitLevelData | null;
+/**
+ * Parse a single transition for the detail view.
+ */
+declare function parseTransitionLevel(schema: OrbitalSchema, orbitalName: string, traitName: string, transitionIndex: number): TransitionLevelData | null;
+
 /**
  * Author-supplied explanations for AVL diagrams: a note per state, per
  * transition event and per effect type, shown in a popover on hover/focus.
@@ -250,5 +377,5 @@ interface FileTreeProps extends Omit<React__default.AriaAttributes, keyof A11yPr
 }
 declare const FileTree: React__default.FC<FileTreeProps>;
 
-export { BehaviorView as B, ModuleCard as M, AvlStateMachine as d, FileTree as g, schemaToFlowGraph as s };
-export type { AvlAnnotations as A, FileTreeItem as F, AvlNodeData as a, AvlNote as b, AvlEdgeData as c, AvlStateMachineProps as e, BehaviorViewProps as f, FileTreeNode as h, FileTreeProps as i, ModuleCardProps as j };
+export { BehaviorView as B, ModuleCard as M, AvlStateMachine as g, parseOrbitalLevel as i, parseTraitLevel as j, parseTransitionLevel as k, FileTree as m, parseApplicationLevel as p, schemaToFlowGraph as s, traitLevelFromTrait as t };
+export type { AvlAnnotations as A, CrossLink as C, FileTreeItem as F, OrbitalLevelData as O, SerializedEffect as S, TraitLevelData as T, AvlNodeData as a, TraitTransitionInfo as b, TransitionLevelData as c, AvlNote as d, ApplicationLevelData as e, AvlEdgeData as f, AvlStateMachineProps as h, BehaviorViewProps as l, FileTreeNode as n, FileTreeProps as o, ModuleCardProps as q };

package/dist/FlowCanvas-J54627TC.js

@@ -0,0 +1,23 @@
+export { FlowCanvas } from './chunk-TAEOMNDK.js';
+import './chunk-AL2XXMYR.js';
+import './chunk-RDPELAFQ.js';
+import './chunk-CCO2ZH7F.js';
+import './chunk-DPDKBY6Z.js';
+import './chunk-3DA36FOA.js';
+import './chunk-3YUMGEEW.js';
+import './chunk-HA2BYO5E.js';
+import './chunk-PCR37T3U.js';
+import './chunk-V5SVGUYN.js';
+import './chunk-3UQNFRYV.js';
+import './chunk-LKL5RULQ.js';
+import './chunk-TZZBINQY.js';
+import './chunk-ZDRDJKYB.js';
+import './chunk-S3LS3B7N.js';
+import './chunk-GHAF7QUD.js';
+import './chunk-2LNXLMK3.js';
+import './chunk-3BBUBJFF.js';
+import './chunk-ANTJUQRD.js';
+import './chunk-D5FJU4XC.js';
+import './chunk-ECC3WQIB.js';
+import './chunk-AZ74UPG6.js';
+import './chunk-G7DCAZ22.js';

package/dist/{FlowCanvas-3JRMNJLV.css → FlowCanvas-R4LL3KRI.css}

@@ -1,4 +1,4 @@
-/* node_modules/.pnpm/katex@0.16.47/node_modules/katex/dist/katex.min.css */
+/* ../../../../../node_modules/.pnpm/katex@0.16.47/node_modules/katex/dist/katex.min.css */
 @font-face {
   font-display: block;
   font-family: KaTeX_AMS;
@@ -1160,7 +1160,195 @@ body {
   counter-reset: katexEqnNo mmlEqnNo;
 }
 
-/* src/lib/drawable/three/Canvas3DLoadingState.css */
+/* src/lib/drawable/orbital/OrbitalCanvas3D.css */
+.game-canvas-3d {
+  background: #1a1a2e;
+  border-radius: 8px;
+}
+.game-canvas-3d canvas {
+  display: block;
+  width: 100%;
+  height: 100%;
+}
+.game-canvas-3d--loading {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  background:
+    linear-gradient(
+      135deg,
+      #1a1a2e 0%,
+      #16213e 100%);
+}
+.game-canvas-3d__loading {
+  padding: 20px 40px;
+  background: rgba(255, 255, 255, 0.1);
+  border-radius: 8px;
+  color: #ffffff;
+  font-size: 16px;
+  animation: pulse 1.5s ease-in-out infinite;
+}
+.game-canvas-3d--error {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  background:
+    linear-gradient(
+      135deg,
+      #2e1a1a 0%,
+      #3e1616 100%);
+}
+.game-canvas-3d__error {
+  position: relative;
+  z-index: 1;
+  padding: 20px 40px;
+  background: rgba(255, 0, 0, 0.2);
+  border: 1px solid rgba(255, 0, 0, 0.3);
+  border-radius: 8px;
+  color: #ff6b6b;
+  font-size: 14px;
+}
+.game-canvas-3d__coordinates {
+  position: absolute;
+  bottom: 20px;
+  left: 20px;
+  padding: 8px 16px;
+  background: rgba(0, 0, 0, 0.7);
+  border-radius: 4px;
+  color: #ffffff;
+  font-family: monospace;
+  font-size: 12px;
+  pointer-events: none;
+  z-index: 10;
+}
+.game-canvas-3d__tile-info {
+  position: absolute;
+  top: 20px;
+  left: 20px;
+  padding: 12px 16px;
+  background: rgba(0, 0, 0, 0.8);
+  border-radius: 6px;
+  color: #ffffff;
+  pointer-events: none;
+  z-index: 10;
+  min-width: 120px;
+}
+.tile-info__type {
+  font-weight: 600;
+  font-size: 14px;
+  text-transform: capitalize;
+  margin-bottom: 4px;
+}
+.tile-info__terrain {
+  font-size: 12px;
+  color: #aaaaaa;
+}
+@keyframes pulse {
+  0%, 100% {
+    opacity: 1;
+  }
+  50% {
+    opacity: 0.5;
+  }
+}
+.game-canvas-3d[data-camera-mode=isometric]::before {
+  content: "Isometric";
+  position: absolute;
+  top: 20px;
+  right: 20px;
+  padding: 6px 12px;
+  background: rgba(0, 0, 0, 0.6);
+  border-radius: 4px;
+  color: #ffffff;
+  font-size: 11px;
+  text-transform: uppercase;
+  letter-spacing: 1px;
+  pointer-events: none;
+}
+.game-canvas-3d[data-camera-mode=perspective]::before {
+  content: "Perspective";
+  position: absolute;
+  top: 20px;
+  right: 20px;
+  padding: 6px 12px;
+  background: rgba(0, 0, 0, 0.6);
+  border-radius: 4px;
+  color: #ffffff;
+  font-size: 11px;
+  text-transform: uppercase;
+  letter-spacing: 1px;
+  pointer-events: none;
+}
+.game-canvas-3d[data-camera-mode=top-down]::before {
+  content: "Top Down";
+  position: absolute;
+  top: 20px;
+  right: 20px;
+  padding: 6px 12px;
+  background: rgba(0, 0, 0, 0.6);
+  border-radius: 4px;
+  color: #ffffff;
+  font-size: 11px;
+  text-transform: uppercase;
+  letter-spacing: 1px;
+  pointer-events: none;
+}
+.game-canvas-3d[data-overlay=hidden] .game-canvas-3d__coordinates,
+.game-canvas-3d[data-overlay=hidden] .game-canvas-3d__tile-info,
+.game-canvas-3d[data-overlay=hidden]::before {
+  display: none;
+}
+.game-canvas-3d[data-orientation=rotated] {
+}
+.game-canvas-3d canvas {
+  cursor: crosshair;
+}
+.game-canvas-3d canvas:active {
+  cursor: grabbing;
+}
+@media (max-width: 768px) {
+  .game-canvas-3d__coordinates,
+  .game-canvas-3d__tile-info {
+    font-size: 10px;
+    padding: 6px 10px;
+  }
+  .game-canvas-3d::before {
+    font-size: 9px;
+    padding: 4px 8px;
+  }
+}
+.game-canvas-3d:focus {
+  outline: 2px solid #4488ff;
+  outline-offset: 2px;
+}
+.game-canvas-3d canvas {
+  transition: opacity 0.3s ease;
+}
+.game-canvas-3d__context-menu {
+  position: absolute;
+  background: rgba(0, 0, 0, 0.9);
+  border: 1px solid rgba(255, 255, 255, 0.1);
+  border-radius: 6px;
+  padding: 8px 0;
+  min-width: 150px;
+  z-index: 100;
+}
+.game-canvas-3d__context-menu-item {
+  padding: 8px 16px;
+  color: #ffffff;
+  cursor: pointer;
+  font-size: 13px;
+  transition: background 0.15s ease;
+}
+.game-canvas-3d__context-menu-item:hover {
+  background: rgba(255, 255, 255, 0.1);
+}
+.game-canvas-3d__context-menu-item--danger {
+  color: #ff6b6b;
+}
+.game-canvas-3d__context-menu-item--danger:hover {
+  background: rgba(255, 0, 0, 0.2);
+}
 .canvas-3d-loading {
   position: absolute;
   inset: 0;
@@ -1312,8 +1500,6 @@ body {
     font-size: 12px;
   }
 }
-
-/* src/lib/drawable/three/Canvas3DErrorBoundary.css */
 .canvas-3d-error {
   position: absolute;
   inset: 0;
@@ -1476,194 +1662,6 @@ body {
   }
 }
 
-/* src/lib/drawable/three/Canvas3DHost.css */
-.game-canvas-3d {
-  background: #1a1a2e;
-  border-radius: 8px;
-}
-.game-canvas-3d canvas {
-  display: block;
-  width: 100%;
-  height: 100%;
-}
-.game-canvas-3d--loading {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  background:
-    linear-gradient(
-      135deg,
-      #1a1a2e 0%,
-      #16213e 100%);
-}
-.game-canvas-3d__loading {
-  padding: 20px 40px;
-  background: rgba(255, 255, 255, 0.1);
-  border-radius: 8px;
-  color: #ffffff;
-  font-size: 16px;
-  animation: pulse 1.5s ease-in-out infinite;
-}
-.game-canvas-3d--error {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  background:
-    linear-gradient(
-      135deg,
-      #2e1a1a 0%,
-      #3e1616 100%);
-}
-.game-canvas-3d__error {
-  padding: 20px 40px;
-  background: rgba(255, 0, 0, 0.2);
-  border: 1px solid rgba(255, 0, 0, 0.3);
-  border-radius: 8px;
-  color: #ff6b6b;
-  font-size: 14px;
-}
-.game-canvas-3d__coordinates {
-  position: absolute;
-  bottom: 20px;
-  left: 20px;
-  padding: 8px 16px;
-  background: rgba(0, 0, 0, 0.7);
-  border-radius: 4px;
-  color: #ffffff;
-  font-family: monospace;
-  font-size: 12px;
-  pointer-events: none;
-  z-index: 10;
-}
-.game-canvas-3d__tile-info {
-  position: absolute;
-  top: 20px;
-  left: 20px;
-  padding: 12px 16px;
-  background: rgba(0, 0, 0, 0.8);
-  border-radius: 6px;
-  color: #ffffff;
-  pointer-events: none;
-  z-index: 10;
-  min-width: 120px;
-}
-.tile-info__type {
-  font-weight: 600;
-  font-size: 14px;
-  text-transform: capitalize;
-  margin-bottom: 4px;
-}
-.tile-info__terrain {
-  font-size: 12px;
-  color: #aaaaaa;
-}
-@keyframes pulse {
-  0%, 100% {
-    opacity: 1;
-  }
-  50% {
-    opacity: 0.5;
-  }
-}
-.game-canvas-3d[data-camera-mode=isometric]::before {
-  content: "Isometric";
-  position: absolute;
-  top: 20px;
-  right: 20px;
-  padding: 6px 12px;
-  background: rgba(0, 0, 0, 0.6);
-  border-radius: 4px;
-  color: #ffffff;
-  font-size: 11px;
-  text-transform: uppercase;
-  letter-spacing: 1px;
-  pointer-events: none;
-}
-.game-canvas-3d[data-camera-mode=perspective]::before {
-  content: "Perspective";
-  position: absolute;
-  top: 20px;
-  right: 20px;
-  padding: 6px 12px;
-  background: rgba(0, 0, 0, 0.6);
-  border-radius: 4px;
-  color: #ffffff;
-  font-size: 11px;
-  text-transform: uppercase;
-  letter-spacing: 1px;
-  pointer-events: none;
-}
-.game-canvas-3d[data-camera-mode=top-down]::before {
-  content: "Top Down";
-  position: absolute;
-  top: 20px;
-  right: 20px;
-  padding: 6px 12px;
-  background: rgba(0, 0, 0, 0.6);
-  border-radius: 4px;
-  color: #ffffff;
-  font-size: 11px;
-  text-transform: uppercase;
-  letter-spacing: 1px;
-  pointer-events: none;
-}
-.game-canvas-3d[data-overlay=hidden] .game-canvas-3d__coordinates,
-.game-canvas-3d[data-overlay=hidden] .game-canvas-3d__tile-info,
-.game-canvas-3d[data-overlay=hidden]::before {
-  display: none;
-}
-.game-canvas-3d[data-orientation=rotated] {
-}
-.game-canvas-3d canvas {
-  cursor: crosshair;
-}
-.game-canvas-3d canvas:active {
-  cursor: grabbing;
-}
-@media (max-width: 768px) {
-  .game-canvas-3d__coordinates,
-  .game-canvas-3d__tile-info {
-    font-size: 10px;
-    padding: 6px 10px;
-  }
-  .game-canvas-3d::before {
-    font-size: 9px;
-    padding: 4px 8px;
-  }
-}
-.game-canvas-3d:focus {
-  outline: 2px solid #4488ff;
-  outline-offset: 2px;
-}
-.game-canvas-3d canvas {
-  transition: opacity 0.3s ease;
-}
-.game-canvas-3d__context-menu {
-  position: absolute;
-  background: rgba(0, 0, 0, 0.9);
-  border: 1px solid rgba(255, 255, 255, 0.1);
-  border-radius: 6px;
-  padding: 8px 0;
-  min-width: 150px;
-  z-index: 100;
-}
-.game-canvas-3d__context-menu-item {
-  padding: 8px 16px;
-  color: #ffffff;
-  cursor: pointer;
-  font-size: 13px;
-  transition: background 0.15s ease;
-}
-.game-canvas-3d__context-menu-item:hover {
-  background: rgba(255, 255, 255, 0.1);
-}
-.game-canvas-3d__context-menu-item--danger {
-  color: #ff6b6b;
-}
-.game-canvas-3d__context-menu-item--danger:hover {
-  background: rgba(255, 0, 0, 0.2);
-}
-
 /* src/components/core/organisms/debug/RuntimeDebugger.css */
 .runtime-debugger {
   font-family: