@almadar/std 16.200.0 → 16.201.0

package/behaviors/lolo/ui/core/molecules/ui-file-tree.lolo

@@ -36,6 +36,7 @@ orbital FileTreeOrbital {
           onNodeAction: @config.onNodeAction
           nodeActionIcon: @config.nodeActionIcon
           nodeActionLabel: @config.nodeActionLabel
+          onNodeReorder: @config.onNodeReorder
           className: @config.className
           indent: @config.indent
           type: file-tree
@@ -91,6 +92,10 @@ orbital FileTreeOrbital {
         @label "Node Action Label"
         @description "Accessible label/tooltip for the row hover action."
         @tier "presentation"
+      onNodeReorder : event = ""
+        @label "On Node Reorder"
+        @description "Called when a row is dropped onto another, in flat `items` mode; carries the moved node's id, its new parent id (`null` for a root drop), and its index within the new parent's children. Presence-gated: binding this prop is what turns on row dragging."
+        @tier "presentation"
       className : string
         @label "Class Name"
         @description "CSS class"

package/behaviors/lolo/ui/core/molecules/ui-floating-toolbar.lolo

@@ -0,0 +1,54 @@
+app ui-floating-toolbar "1.0.0"
+"FloatingToolbar — UI factory (1:1 with the @almadar/ui floating-toolbar pattern)."
+orbital FloatingToolbarOrbital {
+  type FloatingToolbarItemsItem = {
+    id : string!
+    icon : icon!
+    label : string!
+    event : string
+    action : string
+    actionPayload : Map string scalar
+    active : boolean
+    disabled : boolean
+  }
+
+  entity FloatingToolbarItem [runtime] {
+    id : string!
+  }
+
+  trait FloatingToolbarRender -> @rebindable FloatingToolbarItem [interaction, instance] {
+    initial: idle
+
+    state idle {
+      INIT -> idle
+        (render-ui main {
+          items: @config.items
+          position: @config.position
+          children: @config.children
+          className: @config.className
+          type: floating-toolbar
+        })
+    }
+
+    config {
+      items : [FloatingToolbarItemsItem] = [{ id: "Id", icon: "circle", label: "Label", action: "Action", active: false, disabled: false }, { id: "Id 2", icon: "circle", label: "Label 2", action: "Action 2", active: true, disabled: true }]
+        @label "Items"
+        @description "Tool items rendered as icon buttons"
+        @tier "presentation"
+      position : "bottom-center" | "bottom-left" | "bottom-right" = "bottom-center"
+        @label "Position"
+        @description "Strip position within the app frame."
+        @tier "presentation"
+      children : node
+        @label "Children"
+        @description "Custom cells appended after the items, separated by a divider"
+        @tier "presentation"
+      className : string
+        @label "Class Name"
+        @description "Additional CSS classes on the positioned root"
+        @tier "presentation"
+    }
+  }
+
+  page "/floating-toolbar" as FloatingToolbarPage -> FloatingToolbarRender
+}

package/behaviors/lolo/ui/core/organisms/ui-dock-layout.lolo

@@ -0,0 +1,186 @@
+app ui-dock-layout "1.0.0"
+"DockLayout — UI factory (1:1 with the @almadar/ui dock-layout pattern)."
+orbital DockLayoutOrbital {
+  entity DockLayoutItem [runtime] {
+    id : string!
+  }
+
+  trait DockLayoutRender -> @rebindable DockLayoutItem [interaction, instance] {
+    initial: idle
+
+    state idle {
+      INIT -> idle
+        (render-ui main {
+          rail: @config.rail
+          sidebar: @config.sidebar
+          main: @config.main
+          bottomPanel: @config.bottomPanel
+          statusBar: @config.statusBar
+          secondarySidebar: @config.secondarySidebar
+          railWidth: @config.railWidth
+          secondarySidebarWidth: @config.secondarySidebarWidth
+          sidebarCollapsed: @config.sidebarCollapsed
+          onSidebarCollapsedChange: @config.onSidebarCollapsedChange
+          sidebarWidth: @config.sidebarWidth
+          onSidebarWidthChange: @config.onSidebarWidthChange
+          sidebarMinSize: @config.sidebarMinSize
+          bottomPanelCollapsed: @config.bottomPanelCollapsed
+          onBottomPanelCollapsedChange: @config.onBottomPanelCollapsedChange
+          bottomPanelHeight: @config.bottomPanelHeight
+          onBottomPanelHeightChange: @config.onBottomPanelHeightChange
+          bottomPanelMinSize: @config.bottomPanelMinSize
+          secondarySidebarCollapsed: @config.secondarySidebarCollapsed
+          onSecondarySidebarCollapsedChange: @config.onSecondarySidebarCollapsedChange
+          className: @config.className
+          railClassName: @config.railClassName
+          sidebarClassName: @config.sidebarClassName
+          mainClassName: @config.mainClassName
+          bottomPanelClassName: @config.bottomPanelClassName
+          statusBarClassName: @config.statusBarClassName
+          secondarySidebarClassName: @config.secondarySidebarClassName
+          type: dock-layout
+        })
+    }
+
+    emits {
+      @config.onSidebarCollapsedChange -> external {
+        collapsed : boolean
+      }
+        @description "onSidebarCollapsedChange prop"
+        @tier "essential"
+      @config.onSidebarWidthChange -> external {
+        width : number
+      }
+        @description "onSidebarWidthChange prop"
+        @tier "essential"
+      @config.onBottomPanelCollapsedChange -> external {
+        collapsed : boolean
+      }
+        @description "onBottomPanelCollapsedChange prop"
+        @tier "essential"
+      @config.onBottomPanelHeightChange -> external {
+        height : number
+      }
+        @description "onBottomPanelHeightChange prop"
+        @tier "essential"
+      @config.onSecondarySidebarCollapsedChange -> external {
+        collapsed : boolean
+      }
+        @description "onSecondarySidebarCollapsedChange prop"
+        @tier "essential"
+    }
+
+    config {
+      rail : node
+        @label "Rail"
+        @description "Fixed-width far-left vertical strip (e.g. an icon nav rail)."
+        @tier "presentation"
+      sidebar : node
+        @label "Sidebar"
+        @description "Collapsible, resizable left sidebar."
+        @tier "presentation"
+      main : node = []
+        @label "Main"
+        @description "Required center region."
+        @tier "presentation"
+      bottomPanel : node
+        @label "Bottom Panel"
+        @description "Collapsible, resizable-height bottom panel."
+        @tier "presentation"
+      statusBar : node
+        @label "Status Bar"
+        @description "Slim strip pinned to the bottom of the frame, below the bottom panel."
+        @tier "presentation"
+      secondarySidebar : node
+        @label "Secondary Sidebar"
+        @description "Collapsible right sidebar."
+        @tier "presentation"
+      railWidth : number = 56
+        @label "Rail Width"
+        @description "Width of `rail` in pixels. @default 56"
+        @tier "presentation"
+      secondarySidebarWidth : number = 280
+        @label "Secondary Sidebar Width"
+        @description "Width of `secondarySidebar` in pixels (fixed — not resizable). @default 280"
+        @tier "presentation"
+      sidebarCollapsed : boolean = false
+        @label "Sidebar Collapsed"
+        @description "Whether `sidebar` is collapsed. @default false"
+        @tier "presentation"
+      onSidebarCollapsedChange : event = "SIDEBAR_COLLAPSED_CHANGE"
+        @label "On Sidebar Collapsed Change"
+        @description "onSidebarCollapsedChange prop"
+        @tier "presentation"
+      sidebarWidth : number = 20
+        @label "Sidebar Width"
+        @description "Sidebar size as a SplitPane ratio (0-100, percentage of the sidebar/main split). @default 20"
+        @tier "presentation"
+      onSidebarWidthChange : event = "SIDEBAR_WIDTH_CHANGE"
+        @label "On Sidebar Width Change"
+        @description "onSidebarWidthChange prop"
+        @tier "presentation"
+      sidebarMinSize : number = 160
+        @label "Sidebar Min Size"
+        @description "Minimum sidebar size in pixels, forwarded to SplitPane's `minSize`. @default 160"
+        @tier "presentation"
+      bottomPanelCollapsed : boolean = false
+        @label "Bottom Panel Collapsed"
+        @description "Whether `bottomPanel` is collapsed. @default false"
+        @tier "presentation"
+      onBottomPanelCollapsedChange : event = "BOTTOM_PANEL_COLLAPSED_CHANGE"
+        @label "On Bottom Panel Collapsed Change"
+        @description "onBottomPanelCollapsedChange prop"
+        @tier "presentation"
+      bottomPanelHeight : number = 30
+        @label "Bottom Panel Height"
+        @description "Bottom panel size as a SplitPane ratio (0-100, percentage given to the panel). @default 30"
+        @tier "presentation"
+      onBottomPanelHeightChange : event = "BOTTOM_PANEL_HEIGHT_CHANGE"
+        @label "On Bottom Panel Height Change"
+        @description "onBottomPanelHeightChange prop"
+        @tier "presentation"
+      bottomPanelMinSize : number = 120
+        @label "Bottom Panel Min Size"
+        @description "Minimum bottom panel size in pixels, forwarded to SplitPane's `minSize`. @default 120"
+        @tier "presentation"
+      secondarySidebarCollapsed : boolean = false
+        @label "Secondary Sidebar Collapsed"
+        @description "Whether `secondarySidebar` is collapsed. @default false"
+        @tier "presentation"
+      onSecondarySidebarCollapsedChange : event = "SECONDARY_SIDEBAR_COLLAPSED_CHANGE"
+        @label "On Secondary Sidebar Collapsed Change"
+        @description "onSecondarySidebarCollapsedChange prop"
+        @tier "presentation"
+      className : string
+        @label "Class Name"
+        @description "Additional CSS classes on the root frame."
+        @tier "presentation"
+      railClassName : string
+        @label "Rail Class Name"
+        @description "railClassName prop"
+        @tier "presentation"
+      sidebarClassName : string
+        @label "Sidebar Class Name"
+        @description "sidebarClassName prop"
+        @tier "presentation"
+      mainClassName : string
+        @label "Main Class Name"
+        @description "mainClassName prop"
+        @tier "presentation"
+      bottomPanelClassName : string
+        @label "Bottom Panel Class Name"
+        @description "bottomPanelClassName prop"
+        @tier "presentation"
+      statusBarClassName : string
+        @label "Status Bar Class Name"
+        @description "statusBarClassName prop"
+        @tier "presentation"
+      secondarySidebarClassName : string
+        @label "Secondary Sidebar Class Name"
+        @description "secondarySidebarClassName prop"
+        @tier "presentation"
+    }
+  }
+
+  page "/dock-layout" as DockLayoutPage -> DockLayoutRender
+}

package/behaviors/lolo/ui/core/organisms/ui-split-pane.lolo

@@ -3,6 +3,7 @@ app ui-split-pane "1.0.0"
 orbital SplitPaneOrbital {
   entity SplitPaneItem [runtime] {
     id : string!
+    ratio : number
   }
 
   trait SplitPaneRender -> @rebindable SplitPaneItem [interaction, instance] {
@@ -10,9 +11,10 @@ orbital SplitPaneOrbital {
 
     state idle {
       INIT -> idle
+        (set @entity.ratio @config.ratio)
         (render-ui main {
           direction: @config.direction
-          ratio: @config.ratio
+          ratio: @entity.ratio
           minSize: @config.minSize
           resizable: @config.resizable
           left: @config.left
@@ -20,8 +22,38 @@ orbital SplitPaneOrbital {
           className: @config.className
           leftClassName: @config.leftClassName
           rightClassName: @config.rightClassName
+          onRatioChange: @config.onRatioChange
           type: split-pane
         })
+      RATIO_CHANGE -> idle
+        (set @entity.ratio ?ratio)
+        (render-ui main {
+          direction: @config.direction
+          ratio: @entity.ratio
+          minSize: @config.minSize
+          resizable: @config.resizable
+          left: @config.left
+          right: @config.right
+          className: @config.className
+          leftClassName: @config.leftClassName
+          rightClassName: @config.rightClassName
+          onRatioChange: @config.onRatioChange
+          type: split-pane
+        })
+    }
+
+    emits {
+      @config.onRatioChange -> external {
+        ratio : number
+      }
+        @description "Called with the new ratio while dragging. Providing this makes `ratio` controlled — the rendered split always tracks the prop instead of internal state, mirroring a controlled input. Omit for uncontrolled (self-tracked) behavior."
+        @tier "essential"
+    }
+
+    listens {
+      RATIO_CHANGE {
+        ratio : number
+      }
     }
 
     config {
@@ -61,6 +93,10 @@ orbital SplitPaneOrbital {
         @label "Right Class Name"
         @description "Class for right/bottom pane"
         @tier "presentation"
+      onRatioChange : event = "RATIO_CHANGE"
+        @label "On Ratio Change"
+        @description "Called with the new ratio while dragging. Providing this makes `ratio` controlled — the rendered split always tracks the prop instead of internal state, mirroring a controlled input. Omit for uncontrolled (self-tracked) behavior."
+        @tier "presentation"
     }
   }
 

package/behaviors/lolo/ui/game/atoms/std-coef-pad.lolo

@@ -5,6 +5,7 @@ orbital CoefPadOrbital {
     x0 : number!
     x1 : number!
     a : number!
+    b : number
     h : number!
     k : number!
   }
@@ -50,7 +51,7 @@ orbital CoefPadOrbital {
           (let ((remaining (array/len (array/filter @entity.coefPads (fn c (and (== (object/get @c applied) false) (!= (object/get @c id) (object/get @p id))))))))
           (do
             (set @entity.coefPads (array/map @entity.coefPads (fn c (if (== (object/get @c id) (object/get @p id)) (object/merge @c { applied: true }) @c))))
-            (emit COEF_PAD_APPLIED { id: (object/get @p id), x: (object/get @p x), y: (object/get @p y), x0: (object/get @m x0), x1: (object/get @m x1), a: (object/get @m a), h: (object/get @m h), k: (object/get @m k), hint: (object/get @p hint), hop: (object/get @p hop), samples: (object/get @p samples) })
+            (emit COEF_PAD_APPLIED { id: (object/get @p id), x: (object/get @p x), y: (object/get @p y), x0: (object/get @m x0), x1: (object/get @m x1), a: (object/get @m a), b: (if (== (object/get @m b) null) 1 (object/get @m b)), h: (object/get @m h), k: (object/get @m k), hint: (object/get @p hint), hop: (object/get @p hop), samples: (object/get @p samples) })
             (if (and (== @entity.coefCompleted false) (== @remaining 0))
               (do
                 (set @entity.coefCompleted true)
@@ -71,13 +72,14 @@ orbital CoefPadOrbital {
         x0 : number!
         x1 : number!
         a : number!
+        b : number
         h : number!
         k : number!
         hint : string
         hop : boolean
         samples : [CoefModSample]
       }
-        @description "The player stood on an unapplied coefficient pad; carries the pad position and the full mod (x0, x1, a, h, k) so the board appends it to the body authority's curveMods and hops the player onto the reshaped road. Fires once per pad per run."
+        @description "The player stood on an unapplied coefficient pad; carries the pad position and the full mod (x0, x1, a, b, h, k) so the board appends it to the body authority's curveMods and hops the player onto the reshaped road. Fires once per pad per run."
         @tier "domain"
       COEF_PAD_SET_COMPLETED -> external {
       }
@@ -97,7 +99,7 @@ orbital CoefPadOrbital {
         @tier "domain"
       coefPads : [CoefPad] = []
         @label "Coefficient Pads"
-        @description "One row per pad: id, center (x, y in world units), the mod applied to the road while inside x0..x1 (a scales slope+height, h shifts horizontally, k lifts), and the hint floated on apply, and hop (true = the board teleports the player onto the reshaped surface — use when the mod steps the road far from the pad; false = the skate snap carries the player, preserving speed). applied is stamped at runtime."
+        @description "One row per pad: id, center (x, y in world units), the mod applied to the road while inside x0..x1 (a scales slope+height, b compresses/stretch period, h shifts horizontally, k lifts), and the hint floated on apply, and hop (true = the board teleports the player onto the reshaped surface — use when the mod steps the road far from the pad; false = the skate snap carries the player, preserving speed). applied is stamped at runtime."
         @tier "domain"
       reachX : number = 0.7
         @label "Reach X"

package/behaviors/lolo/ui/game/atoms/std-platformer-body.lolo

@@ -36,6 +36,7 @@ orbital PlatformerBodyOrbital {
     x0 : number!
     x1 : number!
     a : number!
+    b : number!
     h : number!
     k : number!
   }
@@ -81,7 +82,10 @@ orbital PlatformerBodyOrbital {
         (set @entity.skating false)
 
       CURVE_MOD_ADD -> active when @config.curveModsEnabled
-        (set @entity.curveMods (array/append @entity.curveMods { x0: @payload.x0, x1: @payload.x1, a: @payload.a, h: @payload.h, k: @payload.k }))
+        (set @entity.curveMods (array/append @entity.curveMods { x0: @payload.x0, x1: @payload.x1, a: @payload.a, b: (if (== @payload.b null) 1 @payload.b), h: @payload.h, k: @payload.k }))
+
+      CURVE_MOD_CLEAR -> active when @config.curveModsEnabled
+        (set @entity.curveMods [])
 
       SET_TUNING -> active
         (set @entity.tuning (object/merge @entity.tuning (if (== @payload.jumpStrength null) {} { jumpStrength: @payload.jumpStrength })))
@@ -123,7 +127,7 @@ orbital PlatformerBodyOrbital {
         (let ((gapBreak (and (> @config.skateMaxGap 0) (> (- (object/get @rightSamp x) (object/get @leftSamp x)) @config.skateMaxGap))))
         (let ((mods (if (and @config.curveModsEnabled @inRange) (array/filter @entity.curveMods (fn m (and (>= @cx (object/get @m x0)) (<= @cx (object/get @m x1))))) [])))
         (let ((modded (array/reduce @mods { y: @curveY, s: @slope } (fn (acc m)
-          (let ((modX (- @cx (object/get @m h))))
+          (let ((modX (* (object/get @m b) (- @cx (object/get @m h)))))
           (let ((modInRange (and (>= @modX (object/get (array/first @config.skateCurve) x)) (< @modX (object/get (array/last @config.skateCurve) x)))))
           (let ((modLeft (if @modInRange (array/last (array/filter @config.skateCurve (fn s (<= (object/get @s x) @modX)))) null)))
           (let ((modRight (if @modInRange (array/first (array/filter @config.skateCurve (fn s (> (object/get @s x) @modX)))) null)))
@@ -131,7 +135,7 @@ orbital PlatformerBodyOrbital {
           (let ((modSlope (if @modOK (/ (- (object/get @modRight y) (object/get @modLeft y)) (- (object/get @modRight x) (object/get @modLeft x))) 0)))
           (let ((modCurveY (if @modOK (+ (object/get @modLeft y) (* @modSlope (- @modX (object/get @modLeft x)))) 0)))
           (if @modOK
-            { y: (+ (object/get @acc y) (- (+ (* (object/get @m a) @modCurveY) (object/get @m k)) @curveY)), s: (+ (object/get @acc s) (- (* (object/get @m a) @modSlope) @slope)) }
+            { y: (+ (object/get @acc y) (- (+ (* (object/get @m a) @modCurveY) (object/get @m k)) @curveY)), s: (+ (object/get @acc s) (- (* (* (object/get @m a) (object/get @m b)) @modSlope) @slope)) }
             @acc))))))))))))
         (let ((slope (object/get @modded s)))
         (let ((curveY (object/get @modded y)))
@@ -236,13 +240,18 @@ orbital PlatformerBodyOrbital {
       }
         @description "Body crossed killY in the gravity direction (pit fall); fires once per fall and re-arms on PLACE/RESTART, leaving the respawn rule to the board"
         @tier "domain"
+      CURVE_MOD_CLEAR -> external {
+      }
+        @description "Curve mods were cleared; the skate surface is back to the base skateCurve until a new mod is added."
+        @tier "domain"
     }
 
     listens {
       STEER { dir : number! }
       JUMP { id : string }
       PLACE { x : number!, y : number! }
-      CURVE_MOD_ADD { x0 : number!, x1 : number!, a : number!, h : number!, k : number! }
+      CURVE_MOD_ADD { x0 : number!, x1 : number!, a : number!, b : number, h : number!, k : number! }
+      CURVE_MOD_CLEAR { }
       SET_TUNING { jumpStrength : number, moveSpeed : number, gravity : number }
       RESTART { id : string }
     }
@@ -266,7 +275,7 @@ orbital PlatformerBodyOrbital {
         @tier "domain"
       curveModsEnabled : boolean = false
         @label "Curve Mods Enabled"
-        @description "When true, entity.curveMods reshape the skate surface inside each mod's x-range: the road samples the base curve at (x − h) and applies a·y + k (slope scales by a) — coefficient pads lift/tilt the segment the player is riding. Multiple overlapping mods stack by summing each mod's delta from the base surface; a mod whose shifted sample leaves the curve range is skipped. Default off: boards without coef pads pay nothing."
+        @description "When true, entity.curveMods reshape the skate surface inside each mod's x-range: the road samples the base curve at b·(x − h) and applies a·y + k (slope scales by a·b) — coefficient pads lift/tilt/compress the segment the player is riding. Multiple overlapping mods stack by summing each mod's delta from the base surface; a mod whose shifted sample leaves the curve range is skipped. Default off: boards without coef pads pay nothing."
         @tier "domain"
       jumpStrength : number = 11
         @label "Jump Strength"

package/behaviors/lolo/ui/learning/atoms/ui-math-canvas.lolo

@@ -172,6 +172,8 @@ orbital MathCanvasOrbital {
           gridColor: @config.gridColor
           axisColor: @config.axisColor
           showTickLabels: @config.showTickLabels
+          tickLabelFontSize: @config.tickLabelFontSize
+          labelFontSize: @config.labelFontSize
           showCurveLabels: @config.showCurveLabels
           curves: @config.curves
           points: @config.points
@@ -211,6 +213,8 @@ orbital MathCanvasOrbital {
           gridColor: @config.gridColor
           axisColor: @config.axisColor
           showTickLabels: @config.showTickLabels
+          tickLabelFontSize: @config.tickLabelFontSize
+          labelFontSize: @config.labelFontSize
           showCurveLabels: @config.showCurveLabels
           curves: @payload.curves
           points: @payload.points
@@ -324,6 +328,14 @@ orbital MathCanvasOrbital {
         @label "Show Tick Labels"
         @description "Draw numeric labels on grid lines (default false)."
         @tier "presentation"
+      tickLabelFontSize : number = 10
+        @label "Tick Label Font Size"
+        @description "Font size in px for axis tick labels (default 10)."
+        @tier "presentation"
+      labelFontSize : number = 12
+        @label "Label Font Size"
+        @description "Base font size in px for all other canvas annotations (points, vectors, guides, curves, regions, angles, hops; default 12)."
+        @tier "presentation"
       showCurveLabels : boolean = false
         @label "Show Curve Labels"
         @description "Draw each curve's `label` at its last in-range sample (default false)."

package/behaviors/registry/infra/atoms/std-approval-gate.orb

@@ -382,7 +382,8 @@
           "linkedEntity": "ApprovalRequest",
           "linkedEntityId": "ent_01KXG04EYQFWN6TM97JNWHHSF4",
           "name": "LoadingSpinner",
-          "ref": "Spinner.traits.SpinnerRender"
+          "ref": "Spinner.traits.SpinnerRender",
+          "refId": "trt_01KXG04KQTE55FSTDE4V4XKESN"
         },
         {
           "config": {
@@ -395,7 +396,8 @@
           "linkedEntity": "ApprovalRequest",
           "linkedEntityId": "ent_01KXG04EYQFWN6TM97JNWHHSF4",
           "name": "ErrorSpinner",
-          "ref": "Spinner.traits.SpinnerRender"
+          "ref": "Spinner.traits.SpinnerRender",
+          "refId": "trt_01KXG04KQTE55FSTDE4V4XKESN"
         },
         {
           "config": {
@@ -416,7 +418,8 @@
           "linkedEntity": "ApprovalRequest",
           "linkedEntityId": "ent_01KXG04EYQFWN6TM97JNWHHSF4",
           "name": "LoadingText",
-          "ref": "Typography.traits.TypographyRender"
+          "ref": "Typography.traits.TypographyRender",
+          "refId": "trt_01KXG04MN4YEZRM29MVNFTYM98"
         },
         {
           "config": {
@@ -429,7 +432,8 @@
           "linkedEntity": "ApprovalRequest",
           "linkedEntityId": "ent_01KXG04EYQFWN6TM97JNWHHSF4",
           "name": "ShieldCheckIcon",
-          "ref": "Icon.traits.IconRender"
+          "ref": "Icon.traits.IconRender",
+          "refId": "trt_01KXG04K2JE4GSQVWEWHAHDE2A"
         },
         {
           "config": {
@@ -446,7 +450,8 @@
           "linkedEntity": "ApprovalRequest",
           "linkedEntityId": "ent_01KXG04EYQFWN6TM97JNWHHSF4",
           "name": "ApprovalQueueTitle",
-          "ref": "Typography.traits.TypographyRender"
+          "ref": "Typography.traits.TypographyRender",
+          "refId": "trt_01KXG04MN4YEZRM29MVNFTYM98"
         },
         {
           "config": {
@@ -463,7 +468,8 @@
           "linkedEntity": "ApprovalRequest",
           "linkedEntityId": "ent_01KXG04EYQFWN6TM97JNWHHSF4",
           "name": "DenyReasonTitle",
-          "ref": "Typography.traits.TypographyRender"
+          "ref": "Typography.traits.TypographyRender",
+          "refId": "trt_01KXG04MN4YEZRM29MVNFTYM98"
         },
         {
           "config": {
@@ -484,7 +490,8 @@
           "linkedEntity": "ApprovalRequest",
           "linkedEntityId": "ent_01KXG04EYQFWN6TM97JNWHHSF4",
           "name": "DenyReasonHint",
-          "ref": "Typography.traits.TypographyRender"
+          "ref": "Typography.traits.TypographyRender",
+          "refId": "trt_01KXG04MN4YEZRM29MVNFTYM98"
         },
         {
           "config": {
@@ -509,14 +516,16 @@
           "linkedEntity": "ApprovalRequest",
           "linkedEntityId": "ent_01KXG04EYQFWN6TM97JNWHHSF4",
           "name": "CloseButton",
-          "ref": "Button.traits.ButtonRender"
+          "ref": "Button.traits.ButtonRender",
+          "refId": "trt_01KXG04JBQPWD7RW8X33NXPXG9"
         },
         {
           "id": "trt_01KY21K6QC0P4NS69R6ATZPC18",
           "linkedEntity": "ApprovalRequest",
           "linkedEntityId": "ent_01KXG04EYQFWN6TM97JNWHHSF4",
           "name": "ApprovalDivider",
-          "ref": "Divider.traits.DividerRender"
+          "ref": "Divider.traits.DividerRender",
+          "refId": "trt_01KXG04JVTJZ479S2KPR7HD1KB"
         },
         {
           "config": {
@@ -533,7 +542,8 @@
           "linkedEntity": "ApprovalRequest",
           "linkedEntityId": "ent_01KXG04EYQFWN6TM97JNWHHSF4",
           "name": "ErrorAlert",
-          "ref": "Alert.traits.AlertRender"
+          "ref": "Alert.traits.AlertRender",
+          "refId": "trt_01KXG04MT125AX1BGFS3ZNGX67"
         },
         {
           "capabilities": [