@hlang-tech/editor-ui 0.2.1 → 0.3.0

package/lib/index.mjs

@@ -9,11 +9,18 @@ var TOKEN_NAMES = [
   "hl-silver",
   "hl-silver-hi",
   "hl-silver-lo",
+  "hl-glass",
+  "hl-glass-2",
+  "hl-glass-blur",
+  "hl-glass-sat",
+  "hl-glass-edge",
+  "hl-glass-edge-hi",
   "hl-spark",
   "hl-r",
   "hl-t",
   "hl-w",
   "hl-error",
+  "hl-warning",
   "hl-ink",
   "hl-ink-2",
   "hl-ink-3",
@@ -26,7 +33,9 @@ var TOKEN_NAMES = [
   "hl-shadow-node",
   "hl-shadow-glass",
   "hl-glow-silver",
-  "hl-ease"
+  "hl-ease",
+  "hl-activity",
+  "hl-cost"
 ];
 function tokenVar(name) {
   return `var(--${name})`;
@@ -217,9 +226,14 @@ var LiveSignalStore = class {
       }
     };
   }
+  /**
+   * Arms the frame loop if it is not running. Signals only record state; the
+   * next frame notifies, so a burst of signals costs one pass over the
+   * subscribers per frame, not one per signal, and every change shows within a
+   * frame.
+   */
   ensureLoop() {
     if (this.running) {
-      this.flushNotifications();
       return;
     }
     this.running = true;
@@ -607,10 +621,8 @@ function HlangNode({ data, selected }) {
 import { BaseEdge, EdgeLabelRenderer, getBezierPath, useInternalNode } from "@xyflow/react";
 import { Fragment, jsx as jsx12, jsxs as jsxs5 } from "react/jsx-runtime";
 function useSourceRole(sourceId) {
-  var _a, _b;
   const node = useInternalNode(sourceId);
-  const editorNode = (_a = node == null ? void 0 : node.data) == null ? void 0 : _a.editorNode;
-  const role = (_b = editorNode == null ? void 0 : editorNode.params) == null ? void 0 : _b.role;
+  const role = node == null ? void 0 : node.data.editorNode.params.role;
   return typeof role === "string" && role.length > 0 ? role : void 0;
 }
 function FlowEdge(props) {
@@ -1247,7 +1259,8 @@ function OutlineTree({ core, onFocus }) {
         const active = selection.isSelected(node.id);
         const isHidden = viewState.isHidden(node.id);
         const isLocked = viewState.isLocked(node.id);
-        const hasImage = typeof node.params.imageUrl === "string" && node.params.imageUrl.length > 0;
+        const { imageUrl } = node.params;
+        const thumbnail = typeof imageUrl === "string" && imageUrl.length > 0 ? imageUrl : void 0;
         return /* @__PURE__ */ jsx21("li", { children: /* @__PURE__ */ jsxs13(
           "div",
           {
@@ -1259,11 +1272,11 @@ function OutlineTree({ core, onFocus }) {
                   {
                     className: `hl-outline-icon hl-kind-${node.kind.toLowerCase()}`,
                     "aria-hidden": true,
-                    children: hasImage ? /* @__PURE__ */ jsx21(
+                    children: thumbnail !== void 0 ? /* @__PURE__ */ jsx21(
                       "img",
                       {
                         className: "hl-outline-thumb",
-                        src: node.params.imageUrl,
+                        src: thumbnail,
                         alt: ""
                       }
                     ) : /* @__PURE__ */ jsx21(NodeIcon, { code: node.code, kind: node.kind, size: 13 })