@arcanewizards/timecode-toolbox 0.1.4 → 0.1.6

package/dist/entrypoint.js

@@ -37847,6 +37847,10 @@ Data Directory: ${system.dataDirectory}`
     },
     inputs: {
       title: "INPUTS",
+      unnamed: "Unnamed Input",
+      enable: "Enable Input",
+      disable: "Disable Input",
+      edit: "Edit Input",
       noChildren: "No inputs yet. Please add one using the buttons below.",
       addButton: (protocol) => `Add ${protocol}`,
       addDialog: (protocol) => `Add ${protocol} Input`,
@@ -37870,6 +37874,8 @@ Data Directory: ${system.dataDirectory}`
     delay: (delayMs) => `Delay: ${MS_FORMAT.format(delayMs)}`,
     generators: {
       title: "GENERATORS",
+      unnamed: "Unnamed Generator",
+      edit: "Edit Generator",
       noChildren: "No generators yet. Please add one using the buttons below.",
       type: {
         clock: "Clock"
@@ -37881,6 +37887,11 @@ Data Directory: ${system.dataDirectory}`
     },
     outputs: {
       title: "OUTPUTS",
+      unnamed: "Unnamed Output",
+      enable: "Enable Output",
+      disable: "Disable Output",
+      link: "Link Output",
+      edit: "Edit Output",
       noChildren: "No outputs yet. Please add one using the buttons below.",
       addButton: (protocol) => `Add ${protocol}`,
       addDialog: (protocol) => `Add ${protocol} Output`,
@@ -38378,12 +38389,14 @@ Data Directory: ${system.dataDirectory}`
     return t4;
   };
   var TimecodeDisplay = (t0) => {
-    const $ = (0, import_compiler_runtime7.c)(71);
+    const $ = (0, import_compiler_runtime7.c)(72);
     const {
       id,
       timecode: t1,
       config,
-      headerComponents
+      headerComponents,
+      disabled,
+      rootState
     } = t0;
     const {
       state,
@@ -38526,7 +38539,7 @@ Data Directory: ${system.dataDirectory}`
     let t11;
     if ($[26] !== headerComponents) {
       t11 = headerComponents && /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("div", {
-        className: "flex flex-wrap gap-0.25",
+        className: "flex gap-0.25",
         children: headerComponents
       });
       $[26] = headerComponents;
@@ -38534,72 +38547,54 @@ Data Directory: ${system.dataDirectory}`
     } else {
       t11 = $[27];
     }
-    const t12 = state?.state === "stopped";
-    let t13;
-    if ($[28] !== hooks?.pause || $[29] !== hooks?.play || $[30] !== t12) {
-      t13 = cn("relative min-h-timecode-min-height grow", cnd(t12, "opacity-50"), cnd(hooks?.play && hooks?.pause, `
-                cursor-pointer
-                hover:opacity-100
-              `));
-      $[28] = hooks?.pause;
-      $[29] = hooks?.play;
-      $[30] = t12;
-      $[31] = t13;
-    } else {
-      t13 = $[31];
-    }
-    let t14;
-    if ($[32] === Symbol.for("react.memo_cache_sentinel")) {
-      t14 = cn("font-mono text-timecode-adaptive");
-      $[32] = t14;
-    } else {
-      t14 = $[32];
-    }
-    let t15;
-    if ($[33] !== state.effectiveStartTimeMillis || $[34] !== state.positionMillis || $[35] !== state.speed || $[36] !== state.state) {
-      t15 = state.state === "none" ? "--:--:--:---" : state.state === "stopped" ? displayMillis(state.positionMillis) : /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(ActiveTimecodeText, {
-        effectiveStartTimeMillis: state.effectiveStartTimeMillis,
-        speed: state.speed
-      });
-      $[33] = state.effectiveStartTimeMillis;
-      $[34] = state.positionMillis;
-      $[35] = state.speed;
-      $[36] = state.state;
-      $[37] = t15;
-    } else {
-      t15 = $[37];
-    }
-    let t16;
-    if ($[38] !== t15) {
-      t16 = /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("div", {
-        className: "absolute inset-0 flex items-center justify-center",
+    let t12;
+    if ($[28] !== disabled || $[29] !== hooks?.pause || $[30] !== hooks?.play || $[31] !== state.effectiveStartTimeMillis || $[32] !== state.positionMillis || $[33] !== state.speed || $[34] !== state.state) {
+      t12 = disabled ? /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(SizeAwareDiv, {
+        className: "\n                pointer-events-none absolute inset-0 flex items-center\n                justify-center\n              ",
+        children: /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(Icon2, {
+          icon: "pause",
+          className: "text-timecode-adaptive"
+        })
+      }) : /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("div", {
+        className: cn("absolute inset-0 flex items-center justify-center", cnd(state?.state === "stopped", "opacity-50"), cnd(hooks?.play && hooks?.pause, `
+                    cursor-pointer
+                    hover:opacity-100
+                  `)),
         children: /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("span", {
-          className: t14,
-          children: t15
+          className: cn("font-mono text-timecode-adaptive"),
+          children: state.state === "none" ? "--:--:--:---" : state.state === "stopped" ? displayMillis(state.positionMillis) : /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(ActiveTimecodeText, {
+            effectiveStartTimeMillis: state.effectiveStartTimeMillis,
+            speed: state.speed
+          })
         })
       });
-      $[38] = t15;
-      $[39] = t16;
+      $[28] = disabled;
+      $[29] = hooks?.pause;
+      $[30] = hooks?.play;
+      $[31] = state.effectiveStartTimeMillis;
+      $[32] = state.positionMillis;
+      $[33] = state.speed;
+      $[34] = state.state;
+      $[35] = t12;
     } else {
-      t16 = $[39];
+      t12 = $[35];
     }
-    let t17;
-    if ($[40] !== t13 || $[41] !== t16 || $[42] !== toggle) {
-      t17 = /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(SizeAwareDiv, {
-        className: t13,
+    let t13;
+    if ($[36] !== t12 || $[37] !== toggle) {
+      t13 = /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(SizeAwareDiv, {
+        className: "relative min-h-timecode-min-height grow",
         onClick: toggle,
-        children: t16
+        children: t12
       });
-      $[40] = t13;
-      $[41] = t16;
-      $[42] = toggle;
-      $[43] = t17;
+      $[36] = t12;
+      $[37] = toggle;
+      $[38] = t13;
     } else {
-      t17 = $[43];
+      t13 = $[38];
     }
-    let t18;
-    if ($[44] !== back5seconds || $[45] !== beginning || $[46] !== forward5seconds || $[47] !== hooks || $[48] !== pause || $[49] !== play || $[50] !== state.state) {
-      t18 = hooks?.pause || hooks?.play ? /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)("div", {
+    let t14;
+    if ($[39] !== back5seconds || $[40] !== beginning || $[41] !== forward5seconds || $[42] !== hooks || $[43] !== pause || $[44] !== play || $[45] !== state.state) {
+      t14 = hooks?.pause || hooks?.play ? /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)("div", {
         className: "flex justify-center gap-px",
         children: [hooks.beginning && /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(ControlButton, {
           onClick: beginning,
@@ -38638,47 +38633,47 @@ Data Directory: ${system.dataDirectory}`
           className: "text-timecode-usage-foreground!"
         })]
       }) : null;
-      $[44] = back5seconds;
-      $[45] = beginning;
-      $[46] = forward5seconds;
-      $[47] = hooks;
-      $[48] = pause;
-      $[49] = play;
-      $[50] = state.state;
-      $[51] = t18;
+      $[39] = back5seconds;
+      $[40] = beginning;
+      $[41] = forward5seconds;
+      $[42] = hooks;
+      $[43] = pause;
+      $[44] = play;
+      $[45] = state.state;
+      $[46] = t14;
     } else {
-      t18 = $[51];
+      t14 = $[46];
     }
-    let t19;
-    if ($[52] !== metadata || $[53] !== state) {
-      t19 = metadata?.totalTime && /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(Timeline2, {
+    let t15;
+    if ($[47] !== metadata || $[48] !== state) {
+      t15 = metadata?.totalTime && /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(Timeline2, {
         state,
         totalTime: metadata.totalTime
       });
-      $[52] = metadata;
-      $[53] = state;
-      $[54] = t19;
+      $[47] = metadata;
+      $[48] = state;
+      $[49] = t15;
     } else {
-      t19 = $[54];
+      t15 = $[49];
     }
-    let t20;
-    if ($[55] !== t10 || $[56] !== t11 || $[57] !== t17 || $[58] !== t18 || $[59] !== t19) {
-      t20 = /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)("div", {
+    let t16;
+    if ($[50] !== t10 || $[51] !== t11 || $[52] !== t13 || $[53] !== t14 || $[54] !== t15) {
+      t16 = /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)("div", {
         className: t10,
-        children: [t11, t17, t18, t19]
+        children: [t11, t13, t14, t15]
       });
-      $[55] = t10;
-      $[56] = t11;
-      $[57] = t17;
-      $[58] = t18;
-      $[59] = t19;
-      $[60] = t20;
+      $[50] = t10;
+      $[51] = t11;
+      $[52] = t13;
+      $[53] = t14;
+      $[54] = t15;
+      $[55] = t16;
     } else {
-      t20 = $[60];
+      t16 = $[55];
     }
-    let t21;
-    if ($[61] !== config || $[62] !== state.accuracyMillis || $[63] !== state.smpteMode) {
-      t21 = (state.smpteMode !== null || state.accuracyMillis !== null || config.delayMs !== null) && /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)("div", {
+    let t17;
+    if ($[56] !== config || $[57] !== state.accuracyMillis || $[58] !== state.smpteMode) {
+      t17 = (state.smpteMode !== null || state.accuracyMillis !== null || config.delayMs !== null) && /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)("div", {
         className: "flex gap-px",
         children: [config.delayMs !== null && /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("div", {
           className: "grow basis-0 truncate bg-sigil-bg-light p-0.5",
@@ -38691,16 +38686,16 @@ Data Directory: ${system.dataDirectory}`
           children: STRINGS.accuracy(state.accuracyMillis)
         })]
       });
-      $[61] = config;
-      $[62] = state.accuracyMillis;
-      $[63] = state.smpteMode;
-      $[64] = t21;
+      $[56] = config;
+      $[57] = state.accuracyMillis;
+      $[58] = state.smpteMode;
+      $[59] = t17;
     } else {
-      t21 = $[64];
+      t17 = $[59];
     }
-    let t22;
-    if ($[65] !== metadata) {
-      t22 = metadata?.artist || metadata?.title ? /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(TooltipWrapper, {
+    let t18;
+    if ($[60] !== metadata) {
+      t18 = metadata?.artist || metadata?.title ? /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(TooltipWrapper, {
         tooltip: /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)(import_jsx_runtime43.Fragment, {
           children: [metadata.title && /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)("div", {
             children: [/* @__PURE__ */ (0, import_jsx_runtime43.jsx)("span", {
@@ -38725,25 +38720,77 @@ Data Directory: ${system.dataDirectory}`
           })]
         })
       }) : null;
-      $[65] = metadata;
-      $[66] = t22;
+      $[60] = metadata;
+      $[61] = t18;
     } else {
-      t22 = $[66];
+      t18 = $[61];
     }
-    let t23;
-    if ($[67] !== t20 || $[68] !== t21 || $[69] !== t22) {
-      t23 = /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)("div", {
+    let t19;
+    if ($[62] !== rootState.errors) {
+      t19 = rootState.errors.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("div", {
+        className: "flex gap-px",
+        children: rootState.errors.map(_temp)
+      });
+      $[62] = rootState.errors;
+      $[63] = t19;
+    } else {
+      t19 = $[63];
+    }
+    let t20;
+    if ($[64] !== rootState.warnings) {
+      t20 = rootState.warnings.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("div", {
+        className: "flex gap-px",
+        children: rootState.warnings.map(_temp2)
+      });
+      $[64] = rootState.warnings;
+      $[65] = t20;
+    } else {
+      t20 = $[65];
+    }
+    let t21;
+    if ($[66] !== t16 || $[67] !== t17 || $[68] !== t18 || $[69] !== t19 || $[70] !== t20) {
+      t21 = /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)("div", {
         className: "flex grow flex-col gap-px",
-        children: [t20, t21, t22]
+        children: [t16, t17, t18, t19, t20]
       });
-      $[67] = t20;
-      $[68] = t21;
-      $[69] = t22;
-      $[70] = t23;
+      $[66] = t16;
+      $[67] = t17;
+      $[68] = t18;
+      $[69] = t19;
+      $[70] = t20;
+      $[71] = t21;
     } else {
-      t23 = $[70];
+      t21 = $[71];
     }
-    return t23;
+    return t21;
+  };
+  var getLinkedSourceInfo = (link, config) => {
+    if (!link) {
+      return void 0;
+    }
+    let info = void 0;
+    if (link[0] === "input") {
+      const input = config.inputs?.[link[1]];
+      if (input) {
+        info = {
+          color: input.color,
+          type: STRINGS.protocols[input.definition.type].short,
+          name: input.name ? [input.name] : [],
+          namePlaceholder: STRINGS.inputs.unnamed
+        };
+      }
+    } else if (link[0] === "generator") {
+      const generator = config.generators?.[link[1]];
+      if (generator) {
+        info = {
+          color: generator.color,
+          type: STRINGS.generators.type[generator.definition.type],
+          name: generator.name ? [generator.name] : [],
+          namePlaceholder: STRINGS.generators.unnamed
+        };
+      }
+    }
+    return info;
   };
   var EMPTY_TIMECODE = {
     name: null,
@@ -38763,8 +38810,10 @@ Data Directory: ${system.dataDirectory}`
     id,
     type,
     name,
+    link,
     color,
     timecode,
+    rootState,
     namePlaceholder,
     buttons,
     assignToOutput
@@ -38784,8 +38833,8 @@ Data Directory: ${system.dataDirectory}`
         });
       }
     }, [id, openNewWidow]);
-    name = timecode?.name ? [...name, timecode.name] : name;
-    if (isTimecodeGroup(timecode) && Object.values(timecode.timecodes).length) {
+    name = timecode !== "disabled" && timecode?.name ? [...name, timecode.name] : name;
+    if (timecode !== "disabled" && isTimecodeGroup(timecode) && Object.values(timecode.timecodes).length) {
       return Object.entries(timecode.timecodes).map(([key, child]) => /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(TimecodeTreeDisplay, {
         config,
         id: extendId(id, key),
@@ -38793,6 +38842,7 @@ Data Directory: ${system.dataDirectory}`
         name,
         color: timecode.color ?? color,
         timecode: child,
+        rootState,
         namePlaceholder,
         buttons,
         assignToOutput
@@ -38803,18 +38853,47 @@ Data Directory: ${system.dataDirectory}`
       style: color && cssSigilColorUsageVariables("timecode-usage", sigilColorUsage(color)),
       children: [/* @__PURE__ */ (0, import_jsx_runtime43.jsx)(TimecodeDisplay, {
         id,
-        timecode: isTimecodeInstance(timecode) ? timecode : EMPTY_TIMECODE,
+        timecode: timecode !== "disabled" && isTimecodeInstance(timecode) ? timecode : EMPTY_TIMECODE,
+        rootState,
+        disabled: timecode === "disabled",
         config,
         headerComponents: /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)(import_jsx_runtime43.Fragment, {
-          children: [/* @__PURE__ */ (0, import_jsx_runtime43.jsxs)("div", {
-            className: "flex grow items-start gap-0.25",
-            children: [/* @__PURE__ */ (0, import_jsx_runtime43.jsx)("div", {
-              className: " m-0.25 rounded-md border border-sigil-bg-light bg-timecode-usage-foreground px-1 py-0.25 text-sigil-control text-timecode-usage-text ",
-              children: type
-            }), /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("div", {
-              className: cn("grow basis-0 truncate p-0.5", cnd(name.length, "font-bold", "italic opacity-50")),
-              children: name.length ? name.join(" / ") : namePlaceholder
-            })]
+          children: [/* @__PURE__ */ (0, import_jsx_runtime43.jsx)("div", {
+            className: "flex grow basis-0 items-start gap-0.25",
+            children: /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)("div", {
+              className: "grow",
+              children: [/* @__PURE__ */ (0, import_jsx_runtime43.jsxs)("div", {
+                className: "flex items-center gap-0.25",
+                children: [/* @__PURE__ */ (0, import_jsx_runtime43.jsx)("div", {
+                  className: " m-0.25 rounded-md border border-sigil-bg-light bg-timecode-usage-foreground px-1 py-0.25 text-sigil-control text-timecode-usage-text ",
+                  children: type
+                }), /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("div", {
+                  className: cn("w-0 grow truncate p-0.5", cnd(name.length, "font-bold", "italic opacity-50")),
+                  children: name.length ? name.join(" / ") : namePlaceholder
+                })]
+              }), link && /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)("div", {
+                className: " flex items-center gap-0.25 text-timecode-usage-foreground ",
+                style: cssSigilColorUsageVariables(
+                  "timecode-usage",
+                  // Override timecode color with the user hint preferences
+                  // when no color is specified
+                  // as that will be what's used by the linked input/generator
+                  sigilColorUsage(link.color ?? "hint")
+                ),
+                children: [/* @__PURE__ */ (0, import_jsx_runtime43.jsxs)("div", {
+                  className: " m-0.25 flex items-center gap-0.25 rounded-md border border-sigil-bg-light bg-timecode-usage-foreground px-1 py-0.25 text-sigil-control text-timecode-usage-text ",
+                  children: [/* @__PURE__ */ (0, import_jsx_runtime43.jsx)(Icon2, {
+                    icon: "link",
+                    className: "text-[120%]"
+                  }), /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("span", {
+                    children: link.type
+                  })]
+                }), /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("div", {
+                  className: cn("w-0 grow truncate p-0.5", cnd(link.name.length, "font-bold", "italic opacity-50")),
+                  children: link.name.length ? link.name.join(" / ") : link.namePlaceholder
+                })]
+              })]
+            })
           }), /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)(ControlButtonGroup, {
             className: "rounded-md bg-sigil-bg-light",
             children: [/* @__PURE__ */ (0, import_jsx_runtime43.jsx)(ControlButton, {
@@ -38836,7 +38915,7 @@ Data Directory: ${system.dataDirectory}`
     });
   };
   var FullscreenTimecodeDisplay = (t0) => {
-    const $ = (0, import_compiler_runtime7.c)(38);
+    const $ = (0, import_compiler_runtime7.c)(64);
     const {
       id
     } = t0;
@@ -38858,7 +38937,7 @@ Data Directory: ${system.dataDirectory}`
       t1 = t22;
     } else {
       const c = config.outputs[id[1]];
-      if (!c) {
+      if (!c || !c.enabled) {
         t1 = null;
         break bb0;
       }
@@ -38875,146 +38954,255 @@ Data Directory: ${system.dataDirectory}`
     }
     const timecode = t1;
     let t2;
-    bb1: if (isInputInstanceId(id)) {
-      const c_0 = config.inputs[id[1]];
-      if (!c_0) {
-        t2 = null;
-        break bb1;
+    bb1: {
+      if (isOutputInstanceId(id)) {
+        const c_0 = config.outputs[id[1]];
+        if (c_0?.link) {
+          let t32;
+          if ($[6] !== c_0.link || $[7] !== config) {
+            t32 = getLinkedSourceInfo(c_0.link, config);
+            $[6] = c_0.link;
+            $[7] = config;
+            $[8] = t32;
+          } else {
+            t32 = $[8];
+          }
+          t2 = t32;
+          break bb1;
+        }
       }
-      const t32 = c_0.delayMs ?? null;
-      let t4;
-      if ($[6] !== t32) {
-        t4 = {
-          delayMs: t32
+      t2 = void 0;
+    }
+    const linkedSourceInfo = t2;
+    let t3;
+    bb2: if (isInputInstanceId(id)) {
+      const c_1 = config.inputs[id[1]];
+      if (!c_1) {
+        t3 = null;
+        break bb2;
+      }
+      const t42 = c_1.delayMs ?? null;
+      let t52;
+      if ($[9] !== t42) {
+        t52 = {
+          delayMs: t42
         };
-        $[6] = t32;
-        $[7] = t4;
+        $[9] = t42;
+        $[10] = t52;
       } else {
-        t4 = $[7];
+        t52 = $[10];
       }
-      const t5 = STRINGS.protocols[c_0.definition.type];
-      let t6;
-      if ($[8] !== c_0.name) {
-        t6 = c_0.name ? [c_0.name] : [];
-        $[8] = c_0.name;
-        $[9] = t6;
+      const t62 = STRINGS.protocols[c_1.definition.type];
+      let t7;
+      if ($[11] !== c_1.name) {
+        t7 = c_1.name ? [c_1.name] : [];
+        $[11] = c_1.name;
+        $[12] = t7;
       } else {
-        t6 = $[9];
+        t7 = $[12];
       }
-      let t7;
-      if ($[10] !== c_0.color || $[11] !== t4 || $[12] !== t5.short || $[13] !== t6) {
-        t7 = {
-          config: t4,
-          type: t5.short,
-          name: t6,
-          color: c_0.color,
-          namePlaceholder: `Unnamed Input`
+      const t8 = !c_1.enabled;
+      let t9;
+      if ($[13] !== c_1.color || $[14] !== t52 || $[15] !== t62.short || $[16] !== t7 || $[17] !== t8) {
+        t9 = {
+          config: t52,
+          type: t62.short,
+          name: t7,
+          color: c_1.color,
+          namePlaceholder: STRINGS.inputs.unnamed,
+          disabled: t8
         };
-        $[10] = c_0.color;
-        $[11] = t4;
-        $[12] = t5.short;
-        $[13] = t6;
-        $[14] = t7;
+        $[13] = c_1.color;
+        $[14] = t52;
+        $[15] = t62.short;
+        $[16] = t7;
+        $[17] = t8;
+        $[18] = t9;
       } else {
-        t7 = $[14];
+        t9 = $[18];
       }
-      t2 = t7;
+      t3 = t9;
     } else {
       if (isGeneratorInstanceId(id)) {
-        const c_1 = config.generators[id[1]];
-        if (!c_1) {
-          t2 = null;
-          break bb1;
+        const c_2 = config.generators[id[1]];
+        if (!c_2) {
+          t3 = null;
+          break bb2;
+        }
+        const t42 = c_2.delayMs ?? null;
+        let t52;
+        if ($[19] !== t42) {
+          t52 = {
+            delayMs: t42
+          };
+          $[19] = t42;
+          $[20] = t52;
+        } else {
+          t52 = $[20];
         }
-        const t32 = c_1.delayMs ?? null;
-        let t4;
-        if ($[15] !== t32) {
-          t4 = {
-            delayMs: t32
+        const t62 = STRINGS.generators.type[c_2.definition.type];
+        let t7;
+        if ($[21] !== c_2.name) {
+          t7 = c_2.name ? [c_2.name] : [];
+          $[21] = c_2.name;
+          $[22] = t7;
+        } else {
+          t7 = $[22];
+        }
+        let t8;
+        if ($[23] !== c_2.color || $[24] !== t52 || $[25] !== t62 || $[26] !== t7) {
+          t8 = {
+            config: t52,
+            type: t62,
+            name: t7,
+            color: c_2.color,
+            namePlaceholder: STRINGS.generators.unnamed,
+            disabled: false
           };
-          $[15] = t32;
-          $[16] = t4;
+          $[23] = c_2.color;
+          $[24] = t52;
+          $[25] = t62;
+          $[26] = t7;
+          $[27] = t8;
         } else {
-          t4 = $[16];
-        }
-        const t5 = STRINGS.generators.type[c_1.definition.type];
-        let t6;
-        if ($[17] !== c_1.name) {
-          t6 = c_1.name ? [c_1.name] : [];
-          $[17] = c_1.name;
-          $[18] = t6;
+          t8 = $[27];
+        }
+        t3 = t8;
+      } else {
+        const c_3 = config.outputs[id[1]];
+        if (!c_3) {
+          t3 = null;
+          break bb2;
+        }
+        const t42 = c_3.delayMs ?? null;
+        let t52;
+        if ($[28] !== t42) {
+          t52 = {
+            delayMs: t42
+          };
+          $[28] = t42;
+          $[29] = t52;
         } else {
-          t6 = $[18];
+          t52 = $[29];
         }
+        const t62 = STRINGS.protocols[c_3.definition.type];
         let t7;
-        if ($[19] !== c_1.color || $[20] !== t4 || $[21] !== t5 || $[22] !== t6) {
-          t7 = {
-            config: t4,
-            type: t5,
-            name: t6,
-            color: c_1.color,
-            namePlaceholder: `Unnamed Generator`
+        if ($[30] !== c_3.name) {
+          t7 = c_3.name ? [c_3.name] : [];
+          $[30] = c_3.name;
+          $[31] = t7;
+        } else {
+          t7 = $[31];
+        }
+        const t8 = !c_3.enabled;
+        let t9;
+        if ($[32] !== c_3.color || $[33] !== t52 || $[34] !== t62.short || $[35] !== t7 || $[36] !== t8) {
+          t9 = {
+            config: t52,
+            type: t62.short,
+            name: t7,
+            color: c_3.color,
+            namePlaceholder: STRINGS.outputs.unnamed,
+            disabled: t8
           };
-          $[19] = c_1.color;
-          $[20] = t4;
-          $[21] = t5;
-          $[22] = t6;
-          $[23] = t7;
+          $[32] = c_3.color;
+          $[33] = t52;
+          $[34] = t62.short;
+          $[35] = t7;
+          $[36] = t8;
+          $[37] = t9;
         } else {
-          t7 = $[23];
+          t9 = $[37];
         }
-        t2 = t7;
+        t3 = t9;
+      }
+    }
+    const instanceConfig = t3;
+    let t4;
+    if (isInputInstanceId(id)) {
+      let t52;
+      if ($[38] !== applicationState.inputs || $[39] !== id[1]) {
+        t52 = applicationState.inputs?.[id[1]]?.errors ?? [];
+        $[38] = applicationState.inputs;
+        $[39] = id[1];
+        $[40] = t52;
       } else {
-        const c_2 = config.outputs[id[1]];
-        if (!c_2) {
-          t2 = null;
-          break bb1;
-        }
-        const t32 = c_2.delayMs ?? null;
-        let t4;
-        if ($[24] !== t32) {
-          t4 = {
-            delayMs: t32
+        t52 = $[40];
+      }
+      let t62;
+      if ($[41] !== applicationState.inputs || $[42] !== id[1]) {
+        t62 = applicationState.inputs?.[id[1]]?.warnings ?? [];
+        $[41] = applicationState.inputs;
+        $[42] = id[1];
+        $[43] = t62;
+      } else {
+        t62 = $[43];
+      }
+      let t7;
+      if ($[44] !== t52 || $[45] !== t62) {
+        t7 = {
+          errors: t52,
+          warnings: t62
+        };
+        $[44] = t52;
+        $[45] = t62;
+        $[46] = t7;
+      } else {
+        t7 = $[46];
+      }
+      t4 = t7;
+    } else {
+      if (isGeneratorInstanceId(id)) {
+        let t52;
+        if ($[47] === Symbol.for("react.memo_cache_sentinel")) {
+          t52 = {
+            errors: [],
+            warnings: []
           };
-          $[24] = t32;
-          $[25] = t4;
+          $[47] = t52;
+        } else {
+          t52 = $[47];
+        }
+        t4 = t52;
+      } else {
+        let t52;
+        if ($[48] !== applicationState.outputs || $[49] !== id[1]) {
+          t52 = applicationState.outputs?.[id[1]]?.errors ?? [];
+          $[48] = applicationState.outputs;
+          $[49] = id[1];
+          $[50] = t52;
         } else {
-          t4 = $[25];
-        }
-        const t5 = STRINGS.protocols[c_2.definition.type];
-        let t6;
-        if ($[26] !== c_2.name) {
-          t6 = c_2.name ? [c_2.name] : [];
-          $[26] = c_2.name;
-          $[27] = t6;
+          t52 = $[50];
+        }
+        let t62;
+        if ($[51] !== applicationState.outputs || $[52] !== id[1]) {
+          t62 = applicationState.outputs?.[id[1]]?.warnings ?? [];
+          $[51] = applicationState.outputs;
+          $[52] = id[1];
+          $[53] = t62;
         } else {
-          t6 = $[27];
+          t62 = $[53];
         }
         let t7;
-        if ($[28] !== c_2.color || $[29] !== t4 || $[30] !== t5.short || $[31] !== t6) {
+        if ($[54] !== t52 || $[55] !== t62) {
           t7 = {
-            config: t4,
-            type: t5.short,
-            name: t6,
-            color: c_2.color,
-            namePlaceholder: `Unnamed Output`
+            errors: t52,
+            warnings: t62
           };
-          $[28] = c_2.color;
-          $[29] = t4;
-          $[30] = t5.short;
-          $[31] = t6;
-          $[32] = t7;
+          $[54] = t52;
+          $[55] = t62;
+          $[56] = t7;
         } else {
-          t7 = $[32];
+          t7 = $[56];
         }
-        t2 = t7;
+        t4 = t7;
       }
     }
-    const instanceConfig = t2;
+    const rootState = t4;
     if (!instanceConfig) {
-      let t32;
-      if ($[33] === Symbol.for("react.memo_cache_sentinel")) {
-        t32 = /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)(SizeAwareDiv, {
+      let t52;
+      if ($[57] === Symbol.for("react.memo_cache_sentinel")) {
+        t52 = /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)(SizeAwareDiv, {
           className: "\n          flex grow flex-col items-center justify-center gap-1 bg-sigil-bg-light\n          p-1 text-sigil-foreground-muted\n        ",
           children: [/* @__PURE__ */ (0, import_jsx_runtime43.jsx)(Icon2, {
             icon: "question_mark",
@@ -39024,33 +39212,50 @@ Data Directory: ${system.dataDirectory}`
             children: STRINGS.errors.unknownTimecodeID
           })]
         });
-        $[33] = t32;
+        $[57] = t52;
       } else {
-        t32 = $[33];
+        t52 = $[57];
       }
-      return t32;
+      return t52;
     }
-    let t3;
-    if ($[34] !== id || $[35] !== instanceConfig || $[36] !== timecode) {
-      t3 = /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("div", {
+    const t5 = instanceConfig.disabled ? "disabled" : timecode;
+    let t6;
+    if ($[58] !== id || $[59] !== instanceConfig || $[60] !== linkedSourceInfo || $[61] !== rootState || $[62] !== t5) {
+      t6 = /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("div", {
         className: "\n        flex h-0 grow flex-col gap-px overflow-y-auto bg-sigil-border\n        scrollbar-sigil\n      ",
         children: /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(TimecodeTreeDisplay, {
           id,
-          timecode,
+          timecode: t5,
+          rootState,
           assignToOutput: null,
           buttons: null,
+          link: linkedSourceInfo,
           ...instanceConfig
         })
       });
-      $[34] = id;
-      $[35] = instanceConfig;
-      $[36] = timecode;
-      $[37] = t3;
+      $[58] = id;
+      $[59] = instanceConfig;
+      $[60] = linkedSourceInfo;
+      $[61] = rootState;
+      $[62] = t5;
+      $[63] = t6;
     } else {
-      t3 = $[37];
+      t6 = $[63];
     }
-    return t3;
+    return t6;
   };
+  function _temp(error, index2) {
+    return /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("div", {
+      className: "\n                grow truncate bg-sigil-usage-red-background p-0.5\n                text-sigil-usage-red-text\n              ",
+      children: error
+    }, index2);
+  }
+  function _temp2(warning, index_0) {
+    return /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("div", {
+      className: "\n                grow truncate bg-sigil-usage-orange-background p-0.5\n                text-sigil-usage-orange-text\n              ",
+      children: warning
+    }, index_0);
+  }
 
   // ../../node_modules/.pnpm/uuid@11.1.0/node_modules/uuid/dist/esm-browser/stringify.js
   var byteToHex = [];
@@ -39317,7 +39522,7 @@ Data Directory: ${system.dataDirectory}`
           })
         }), /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(ControlSelect, {
           value: data.target.interface ?? null,
-          options: !interfaces ? [] : Object.values(interfaces).map(_temp),
+          options: !interfaces ? [] : Object.values(interfaces).map(_temp3),
           placeholder: "No Interface Selected",
           onChange: (value) => {
             updateSettings((current_0) => ({
@@ -39428,7 +39633,7 @@ Data Directory: ${system.dataDirectory}`
     const t14 = data.mode;
     let t15;
     if ($[29] === Symbol.for("react.memo_cache_sentinel")) {
-      t15 = Object.entries(STRINGS.smtpeModeOptions).map(_temp2);
+      t15 = Object.entries(STRINGS.smtpeModeOptions).map(_temp22);
       $[29] = t15;
     } else {
       t15 = $[29];
@@ -39643,7 +39848,7 @@ Data Directory: ${system.dataDirectory}`
     });
   };
   var OutputDisplay = (t0) => {
-    const $ = (0, import_compiler_runtime9.c)(57);
+    const $ = (0, import_compiler_runtime9.c)(71);
     const {
       uuid,
       config,
@@ -39653,6 +39858,7 @@ Data Directory: ${system.dataDirectory}`
     } = t0;
     const applicationState = useApplicationState();
     const {
+      config: allConfig,
       updateConfig
     } = (0, import_react33.useContext)(ConfigContext);
     let t1;
@@ -39717,8 +39923,20 @@ Data Directory: ${system.dataDirectory}`
     t3 = t5;
     const timecode = t3;
     let t6;
-    if ($[13] !== updateConfig || $[14] !== uuid) {
-      t6 = () => {
+    let t7;
+    if ($[13] !== allConfig || $[14] !== config.link) {
+      t7 = getLinkedSourceInfo(config.link, allConfig);
+      $[13] = allConfig;
+      $[14] = config.link;
+      $[15] = t7;
+    } else {
+      t7 = $[15];
+    }
+    t6 = t7;
+    const link = t6;
+    let t8;
+    if ($[16] !== updateConfig || $[17] !== uuid) {
+      t8 = () => {
         updateConfig((current_1) => {
           const existing = current_1.outputs?.[uuid];
           if (!existing) {
@@ -39736,90 +39954,123 @@ Data Directory: ${system.dataDirectory}`
           };
         });
       };
-      $[13] = updateConfig;
-      $[14] = uuid;
-      $[15] = t6;
+      $[16] = updateConfig;
+      $[17] = uuid;
+      $[18] = t8;
     } else {
-      t6 = $[15];
+      t8 = $[18];
     }
-    const toggleEnabled = t6;
-    let t7;
-    if ($[16] !== config.color) {
-      t7 = config.color && cssSigilColorUsageVariables("timecode-usage", sigilColorUsage(config.color));
-      $[16] = config.color;
-      $[17] = t7;
+    const toggleEnabled = t8;
+    let t9;
+    let t10;
+    if ($[19] !== applicationState.outputs || $[20] !== uuid) {
+      t10 = applicationState.outputs[uuid]?.errors ?? [];
+      $[19] = applicationState.outputs;
+      $[20] = uuid;
+      $[21] = t10;
     } else {
-      t7 = $[17];
+      t10 = $[21];
     }
-    let t8;
-    if ($[18] !== uuid) {
-      t8 = ["output", uuid];
-      $[18] = uuid;
-      $[19] = t8;
+    let t11;
+    if ($[22] !== applicationState.outputs || $[23] !== uuid) {
+      t11 = applicationState.outputs[uuid]?.warnings ?? [];
+      $[22] = applicationState.outputs;
+      $[23] = uuid;
+      $[24] = t11;
     } else {
-      t8 = $[19];
+      t11 = $[24];
     }
-    const t9 = config.delayMs ?? null;
-    let t10;
-    if ($[20] !== t9) {
-      t10 = {
-        delayMs: t9
+    let t12;
+    if ($[25] !== t10 || $[26] !== t11) {
+      t12 = {
+        errors: t10,
+        warnings: t11
       };
-      $[20] = t9;
-      $[21] = t10;
+      $[25] = t10;
+      $[26] = t11;
+      $[27] = t12;
     } else {
-      t10 = $[21];
+      t12 = $[27];
     }
-    const t11 = STRINGS.protocols[config.definition.type];
-    let t12;
-    if ($[22] !== config.name) {
-      t12 = config.name ? [config.name] : [];
-      $[22] = config.name;
-      $[23] = t12;
+    t9 = t12;
+    const rootState = t9;
+    let t13;
+    if ($[28] !== config.color) {
+      t13 = config.color && cssSigilColorUsageVariables("timecode-usage", sigilColorUsage(config.color));
+      $[28] = config.color;
+      $[29] = t13;
+    } else {
+      t13 = $[29];
+    }
+    let t14;
+    if ($[30] !== uuid) {
+      t14 = ["output", uuid];
+      $[30] = uuid;
+      $[31] = t14;
     } else {
-      t12 = $[23];
+      t14 = $[31];
     }
-    const t13 = config.enabled ? timecode : null;
-    const t14 = config.enabled ? "Stop Input" : "Start Input";
-    const t15 = config.enabled ? "stop" : "play_arrow";
+    const t15 = config.delayMs ?? null;
     let t16;
-    if ($[24] !== t14 || $[25] !== t15 || $[26] !== toggleEnabled) {
-      t16 = /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(ControlButton, {
+    if ($[32] !== t15) {
+      t16 = {
+        delayMs: t15
+      };
+      $[32] = t15;
+      $[33] = t16;
+    } else {
+      t16 = $[33];
+    }
+    const t17 = STRINGS.protocols[config.definition.type];
+    let t18;
+    if ($[34] !== config.name) {
+      t18 = config.name ? [config.name] : [];
+      $[34] = config.name;
+      $[35] = t18;
+    } else {
+      t18 = $[35];
+    }
+    const t19 = config.enabled ? timecode : "disabled";
+    const t20 = config.enabled ? STRINGS.outputs.disable : STRINGS.outputs.enable;
+    const t21 = config.enabled ? "pause" : "play_arrow";
+    let t22;
+    if ($[36] !== t20 || $[37] !== t21 || $[38] !== toggleEnabled) {
+      t22 = /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(ControlButton, {
         variant: "large",
-        title: t14,
+        title: t20,
         onClick: toggleEnabled,
-        icon: t15
+        icon: t21
       });
-      $[24] = t14;
-      $[25] = t15;
-      $[26] = toggleEnabled;
-      $[27] = t16;
+      $[36] = t20;
+      $[37] = t21;
+      $[38] = toggleEnabled;
+      $[39] = t22;
     } else {
-      t16 = $[27];
+      t22 = $[39];
     }
-    const t17 = assignToOutput === uuid;
-    const t18 = config.link ? "link" : "link_off";
-    let t19;
-    if ($[28] !== linkCallback || $[29] !== t17 || $[30] !== t18) {
-      t19 = /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(ControlButton, {
+    const t23 = assignToOutput === uuid;
+    const t24 = config.link ? "link" : "link_off";
+    let t25;
+    if ($[40] !== linkCallback || $[41] !== t23 || $[42] !== t24) {
+      t25 = /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(ControlButton, {
         variant: "large",
-        title: "Link Output",
-        active: t17,
+        title: STRINGS.outputs.link,
+        active: t23,
         onClick: linkCallback,
-        icon: t18
+        icon: t24
       });
-      $[28] = linkCallback;
-      $[29] = t17;
-      $[30] = t18;
-      $[31] = t19;
+      $[40] = linkCallback;
+      $[41] = t23;
+      $[42] = t24;
+      $[43] = t25;
     } else {
-      t19 = $[31];
+      t25 = $[43];
     }
-    let t20;
-    if ($[32] !== config.definition.type || $[33] !== setDialogMode || $[34] !== uuid) {
-      t20 = /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(ControlButton, {
+    let t26;
+    if ($[44] !== config.definition.type || $[45] !== setDialogMode || $[46] !== uuid) {
+      t26 = /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(ControlButton, {
         variant: "large",
-        title: "Edit Output",
+        title: STRINGS.outputs.edit,
         onClick: () => setDialogMode({
           section: {
             type: "outputs",
@@ -39832,52 +40083,56 @@ Data Directory: ${system.dataDirectory}`
         }),
         icon: "edit"
       });
-      $[32] = config.definition.type;
-      $[33] = setDialogMode;
-      $[34] = uuid;
-      $[35] = t20;
+      $[44] = config.definition.type;
+      $[45] = setDialogMode;
+      $[46] = uuid;
+      $[47] = t26;
     } else {
-      t20 = $[35];
+      t26 = $[47];
     }
-    let t21;
-    if ($[36] !== t16 || $[37] !== t19 || $[38] !== t20) {
-      t21 = /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)(import_jsx_runtime45.Fragment, {
-        children: [t16, t19, t20]
+    let t27;
+    if ($[48] !== t22 || $[49] !== t25 || $[50] !== t26) {
+      t27 = /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)(import_jsx_runtime45.Fragment, {
+        children: [t22, t25, t26]
       });
-      $[36] = t16;
-      $[37] = t19;
-      $[38] = t20;
-      $[39] = t21;
+      $[48] = t22;
+      $[49] = t25;
+      $[50] = t26;
+      $[51] = t27;
     } else {
-      t21 = $[39];
+      t27 = $[51];
     }
-    let t22;
-    if ($[40] !== config.color || $[41] !== t10 || $[42] !== t11.short || $[43] !== t12 || $[44] !== t13 || $[45] !== t21 || $[46] !== t8) {
-      t22 = /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(TimecodeTreeDisplay, {
-        id: t8,
-        config: t10,
+    let t28;
+    if ($[52] !== config.color || $[53] !== link || $[54] !== rootState || $[55] !== t14 || $[56] !== t16 || $[57] !== t17.short || $[58] !== t18 || $[59] !== t19 || $[60] !== t27) {
+      t28 = /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(TimecodeTreeDisplay, {
+        id: t14,
+        config: t16,
         assignToOutput: null,
-        type: t11.short,
-        name: t12,
+        type: t17.short,
+        name: t18,
         color: config.color,
-        timecode: t13,
-        namePlaceholder: `Unnamed Output`,
-        buttons: t21
-      });
-      $[40] = config.color;
-      $[41] = t10;
-      $[42] = t11.short;
-      $[43] = t12;
-      $[44] = t13;
-      $[45] = t21;
-      $[46] = t8;
-      $[47] = t22;
+        timecode: t19,
+        rootState,
+        namePlaceholder: STRINGS.outputs.unnamed,
+        link,
+        buttons: t27
+      });
+      $[52] = config.color;
+      $[53] = link;
+      $[54] = rootState;
+      $[55] = t14;
+      $[56] = t16;
+      $[57] = t17.short;
+      $[58] = t18;
+      $[59] = t19;
+      $[60] = t27;
+      $[61] = t28;
     } else {
-      t22 = $[47];
+      t28 = $[61];
     }
-    let t23;
-    if ($[48] !== assignToOutput || $[49] !== clearLink || $[50] !== config.link || $[51] !== uuid) {
-      t23 = assignToOutput === uuid && config.link && /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(SizeAwareDiv, {
+    let t29;
+    if ($[62] !== assignToOutput || $[63] !== clearLink || $[64] !== config.link || $[65] !== uuid) {
+      t29 = assignToOutput === uuid && config.link && /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(SizeAwareDiv, {
         className: "absolute inset-0",
         onClick: clearLink,
         children: /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(TooltipWrapper, {
@@ -39893,29 +40148,29 @@ Data Directory: ${system.dataDirectory}`
           })
         })
       });
-      $[48] = assignToOutput;
-      $[49] = clearLink;
-      $[50] = config.link;
-      $[51] = uuid;
-      $[52] = t23;
+      $[62] = assignToOutput;
+      $[63] = clearLink;
+      $[64] = config.link;
+      $[65] = uuid;
+      $[66] = t29;
     } else {
-      t23 = $[52];
+      t29 = $[66];
     }
-    let t24;
-    if ($[53] !== t22 || $[54] !== t23 || $[55] !== t7) {
-      t24 = /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)("div", {
+    let t30;
+    if ($[67] !== t13 || $[68] !== t28 || $[69] !== t29) {
+      t30 = /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)("div", {
         className: "relative flex flex-col",
-        style: t7,
-        children: [t22, t23]
+        style: t13,
+        children: [t28, t29]
       });
-      $[53] = t22;
-      $[54] = t23;
-      $[55] = t7;
-      $[56] = t24;
+      $[67] = t13;
+      $[68] = t28;
+      $[69] = t29;
+      $[70] = t30;
     } else {
-      t24 = $[56];
+      t30 = $[70];
     }
-    return t24;
+    return t30;
   };
   var OutputsSection = (t0) => {
     const $ = (0, import_compiler_runtime9.c)(11);
@@ -39997,13 +40252,13 @@ Data Directory: ${system.dataDirectory}`
     }
     return t4;
   };
-  function _temp(iface) {
+  function _temp3(iface) {
     return {
       label: `${iface.name} (${iface.address})`,
       value: iface.name
     };
   }
-  function _temp2(t0) {
+  function _temp22(t0) {
     const [mode, label] = t0;
     return {
       label,
@@ -40224,7 +40479,7 @@ Data Directory: ${system.dataDirectory}`
     });
   };
   var GeneratorDisplay = (t0) => {
-    const $ = (0, import_compiler_runtime10.c)(19);
+    const $ = (0, import_compiler_runtime10.c)(20);
     const {
       uuid,
       config,
@@ -40236,40 +40491,53 @@ Data Directory: ${system.dataDirectory}`
     } = useApplicationState();
     const state = generators[uuid];
     let t1;
-    if ($[0] !== uuid) {
-      t1 = ["generator", uuid];
-      $[0] = uuid;
-      $[1] = t1;
+    let t2;
+    if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+      t2 = {
+        errors: [],
+        warnings: []
+      };
+      $[0] = t2;
     } else {
-      t1 = $[1];
+      t2 = $[0];
     }
-    const t2 = config.delayMs ?? null;
+    t1 = t2;
+    const rootState = t1;
     let t3;
-    if ($[2] !== t2) {
-      t3 = {
-        delayMs: t2
-      };
-      $[2] = t2;
-      $[3] = t3;
+    if ($[1] !== uuid) {
+      t3 = ["generator", uuid];
+      $[1] = uuid;
+      $[2] = t3;
     } else {
-      t3 = $[3];
+      t3 = $[2];
     }
-    const t4 = STRINGS.generators.type[config.definition.type];
+    const t4 = config.delayMs ?? null;
     let t5;
-    if ($[4] !== config.name) {
-      t5 = config.name ? [config.name] : [];
-      $[4] = config.name;
-      $[5] = t5;
+    if ($[3] !== t4) {
+      t5 = {
+        delayMs: t4
+      };
+      $[3] = t4;
+      $[4] = t5;
     } else {
-      t5 = $[5];
+      t5 = $[4];
     }
-    const t6 = state?.timecode ?? null;
+    const t6 = STRINGS.generators.type[config.definition.type];
     let t7;
-    if ($[6] !== config.definition.type || $[7] !== setDialogMode || $[8] !== uuid) {
-      t7 = /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(import_jsx_runtime46.Fragment, {
+    if ($[5] !== config.name) {
+      t7 = config.name ? [config.name] : [];
+      $[5] = config.name;
+      $[6] = t7;
+    } else {
+      t7 = $[6];
+    }
+    const t8 = state?.timecode ?? null;
+    let t9;
+    if ($[7] !== config.definition.type || $[8] !== setDialogMode || $[9] !== uuid) {
+      t9 = /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(import_jsx_runtime46.Fragment, {
         children: /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(ControlButton, {
           variant: "large",
-          title: "Edit Generator",
+          title: STRINGS.generators.edit,
           onClick: () => setDialogMode({
             section: {
               type: "generators",
@@ -40283,39 +40551,40 @@ Data Directory: ${system.dataDirectory}`
           icon: "edit"
         })
       });
-      $[6] = config.definition.type;
-      $[7] = setDialogMode;
-      $[8] = uuid;
-      $[9] = t7;
+      $[7] = config.definition.type;
+      $[8] = setDialogMode;
+      $[9] = uuid;
+      $[10] = t9;
     } else {
-      t7 = $[9];
+      t9 = $[10];
     }
-    let t8;
-    if ($[10] !== assignToOutput || $[11] !== config.color || $[12] !== t1 || $[13] !== t3 || $[14] !== t4 || $[15] !== t5 || $[16] !== t6 || $[17] !== t7) {
-      t8 = /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(TimecodeTreeDisplay, {
-        id: t1,
-        config: t3,
-        type: t4,
-        name: t5,
+    let t10;
+    if ($[11] !== assignToOutput || $[12] !== config.color || $[13] !== t3 || $[14] !== t5 || $[15] !== t6 || $[16] !== t7 || $[17] !== t8 || $[18] !== t9) {
+      t10 = /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(TimecodeTreeDisplay, {
+        id: t3,
+        config: t5,
+        type: t6,
+        name: t7,
         color: config.color,
-        timecode: t6,
-        namePlaceholder: `Unnamed Generator`,
-        buttons: t7,
+        timecode: t8,
+        rootState,
+        namePlaceholder: STRINGS.generators.unnamed,
+        buttons: t9,
         assignToOutput
       });
-      $[10] = assignToOutput;
-      $[11] = config.color;
-      $[12] = t1;
+      $[11] = assignToOutput;
+      $[12] = config.color;
       $[13] = t3;
-      $[14] = t4;
-      $[15] = t5;
-      $[16] = t6;
-      $[17] = t7;
-      $[18] = t8;
+      $[14] = t5;
+      $[15] = t6;
+      $[16] = t7;
+      $[17] = t8;
+      $[18] = t9;
+      $[19] = t10;
     } else {
-      t8 = $[18];
+      t10 = $[19];
     }
-    return t8;
+    return t10;
   };
   var GeneratorsSection = (t0) => {
     const $ = (0, import_compiler_runtime10.c)(10);
@@ -40478,7 +40747,7 @@ Data Directory: ${system.dataDirectory}`
     const t7 = data.iface ?? null;
     let t8;
     if ($[9] !== interfaces) {
-      t8 = !interfaces ? [] : Object.values(interfaces).map(_temp3);
+      t8 = !interfaces ? [] : Object.values(interfaces).map(_temp4);
       $[9] = interfaces;
       $[10] = t8;
     } else {
@@ -40665,7 +40934,7 @@ Data Directory: ${system.dataDirectory}`
     const t7 = data.iface ?? null;
     let t8;
     if ($[9] !== interfaces) {
-      t8 = !interfaces ? [] : Object.values(interfaces).map(_temp22);
+      t8 = !interfaces ? [] : Object.values(interfaces).map(_temp23);
       $[9] = interfaces;
       $[10] = t8;
     } else {
@@ -40891,7 +41160,7 @@ Data Directory: ${system.dataDirectory}`
     });
   };
   var InputDisplay = (t0) => {
-    const $ = (0, import_compiler_runtime11.c)(29);
+    const $ = (0, import_compiler_runtime11.c)(37);
     const {
       uuid,
       config,
@@ -40932,57 +41201,90 @@ Data Directory: ${system.dataDirectory}`
       t1 = $[2];
     }
     const toggleEnabled = t1;
+    state?.errors;
+    state?.warnings;
     let t2;
-    if ($[3] !== uuid) {
-      t2 = ["input", uuid];
-      $[3] = uuid;
-      $[4] = t2;
+    let t3;
+    if ($[3] !== state?.errors) {
+      t3 = state?.errors ?? [];
+      $[3] = state?.errors;
+      $[4] = t3;
     } else {
-      t2 = $[4];
+      t3 = $[4];
     }
-    const t3 = config.delayMs ?? null;
     let t4;
-    if ($[5] !== t3) {
-      t4 = {
-        delayMs: t3
-      };
-      $[5] = t3;
+    if ($[5] !== state?.warnings) {
+      t4 = state?.warnings ?? [];
+      $[5] = state?.warnings;
       $[6] = t4;
     } else {
       t4 = $[6];
     }
-    const t5 = STRINGS.protocols[config.definition.type];
+    let t5;
+    if ($[7] !== t3 || $[8] !== t4) {
+      t5 = {
+        errors: t3,
+        warnings: t4
+      };
+      $[7] = t3;
+      $[8] = t4;
+      $[9] = t5;
+    } else {
+      t5 = $[9];
+    }
+    t2 = t5;
+    const rootState = t2;
     let t6;
-    if ($[7] !== config.name) {
-      t6 = config.name ? [config.name] : [];
-      $[7] = config.name;
-      $[8] = t6;
+    if ($[10] !== uuid) {
+      t6 = ["input", uuid];
+      $[10] = uuid;
+      $[11] = t6;
     } else {
-      t6 = $[8];
+      t6 = $[11];
+    }
+    const t7 = config.delayMs ?? null;
+    let t8;
+    if ($[12] !== t7) {
+      t8 = {
+        delayMs: t7
+      };
+      $[12] = t7;
+      $[13] = t8;
+    } else {
+      t8 = $[13];
     }
-    const t7 = state?.timecode ?? null;
-    const t8 = config.enabled ? "Stop Input" : "Start Input";
-    const t9 = config.enabled ? "stop" : "play_arrow";
+    const t9 = STRINGS.protocols[config.definition.type];
     let t10;
-    if ($[9] !== t8 || $[10] !== t9 || $[11] !== toggleEnabled) {
-      t10 = /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(ControlButton, {
+    if ($[14] !== config.name) {
+      t10 = config.name ? [config.name] : [];
+      $[14] = config.name;
+      $[15] = t10;
+    } else {
+      t10 = $[15];
+    }
+    const t11 = config.enabled ? state?.timecode ?? null : "disabled";
+    const t12 = config.enabled ? STRINGS.inputs.disable : STRINGS.inputs.enable;
+    const t13 = config.enabled ? "pause" : "play_arrow";
+    let t14;
+    if ($[16] !== t12 || $[17] !== t13 || $[18] !== toggleEnabled) {
+      t14 = /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(ControlButton, {
         variant: "large",
-        title: t8,
+        title: t12,
         onClick: toggleEnabled,
-        icon: t9
+        icon: t13
       });
-      $[9] = t8;
-      $[10] = t9;
-      $[11] = toggleEnabled;
-      $[12] = t10;
+      $[16] = t12;
+      $[17] = t13;
+      $[18] = toggleEnabled;
+      $[19] = t14;
     } else {
-      t10 = $[12];
+      t14 = $[19];
     }
-    let t11;
-    if ($[13] !== config.definition.type || $[14] !== setDialogMode || $[15] !== uuid) {
-      t11 = /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(ControlButton, {
+    let t15;
+    if ($[20] !== config.definition.type || $[21] !== setDialogMode || $[22] !== uuid) {
+      t15 = /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(ControlButton, {
         variant: "large",
-        title: "Edit Input",
+        title: STRINGS.inputs.edit,
         onClick: () => setDialogMode({
           section: {
             type: "inputs",
@@ -40995,50 +41297,52 @@ Data Directory: ${system.dataDirectory}`
         }),
         icon: "edit"
       });
-      $[13] = config.definition.type;
-      $[14] = setDialogMode;
-      $[15] = uuid;
-      $[16] = t11;
+      $[20] = config.definition.type;
+      $[21] = setDialogMode;
+      $[22] = uuid;
+      $[23] = t15;
     } else {
-      t11 = $[16];
+      t15 = $[23];
     }
-    let t12;
-    if ($[17] !== t10 || $[18] !== t11) {
-      t12 = /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)(import_jsx_runtime47.Fragment, {
-        children: [t10, t11]
+    let t16;
+    if ($[24] !== t14 || $[25] !== t15) {
+      t16 = /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)(import_jsx_runtime47.Fragment, {
+        children: [t14, t15]
       });
-      $[17] = t10;
-      $[18] = t11;
-      $[19] = t12;
+      $[24] = t14;
+      $[25] = t15;
+      $[26] = t16;
     } else {
-      t12 = $[19];
+      t16 = $[26];
     }
-    let t13;
-    if ($[20] !== assignToOutput || $[21] !== config.color || $[22] !== t12 || $[23] !== t2 || $[24] !== t4 || $[25] !== t5.short || $[26] !== t6 || $[27] !== t7) {
-      t13 = /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(TimecodeTreeDisplay, {
-        id: t2,
-        config: t4,
-        type: t5.short,
-        name: t6,
+    let t17;
+    if ($[27] !== assignToOutput || $[28] !== config.color || $[29] !== rootState || $[30] !== t10 || $[31] !== t11 || $[32] !== t16 || $[33] !== t6 || $[34] !== t8 || $[35] !== t9.short) {
+      t17 = /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(TimecodeTreeDisplay, {
+        id: t6,
+        config: t8,
+        type: t9.short,
+        name: t10,
         color: config.color,
-        timecode: t7,
-        namePlaceholder: `Unnamed Input`,
-        buttons: t12,
+        timecode: t11,
+        rootState,
+        namePlaceholder: STRINGS.inputs.unnamed,
+        buttons: t16,
         assignToOutput
       });
-      $[20] = assignToOutput;
-      $[21] = config.color;
-      $[22] = t12;
-      $[23] = t2;
-      $[24] = t4;
-      $[25] = t5.short;
-      $[26] = t6;
-      $[27] = t7;
-      $[28] = t13;
+      $[27] = assignToOutput;
+      $[28] = config.color;
+      $[29] = rootState;
+      $[30] = t10;
+      $[31] = t11;
+      $[32] = t16;
+      $[33] = t6;
+      $[34] = t8;
+      $[35] = t9.short;
+      $[36] = t17;
     } else {
-      t13 = $[28];
+      t17 = $[36];
     }
-    return t13;
+    return t17;
   };
   var InputsSection = (t0) => {
     const $ = (0, import_compiler_runtime11.c)(10);
@@ -41117,13 +41421,13 @@ Data Directory: ${system.dataDirectory}`
     }
     return t4;
   };
-  function _temp3(iface) {
+  function _temp4(iface) {
     return {
       label: `${iface.name} (${iface.address})`,
       value: iface.name
     };
   }
-  function _temp22(iface) {
+  function _temp23(iface) {
     return {
       label: `${iface.name} (${iface.address})`,
       value: iface.name
@@ -42342,7 +42646,7 @@ Data Directory: ${system.dataDirectory}`
     } = t0;
     let t1;
     if ($[0] !== license) {
-      t1 = license.split("\n\n").map(_temp4);
+      t1 = license.split("\n\n").map(_temp5);
       $[0] = license;
       $[1] = t1;
     } else {
@@ -42466,7 +42770,7 @@ Data Directory: ${system.dataDirectory}`
     if ($[4] === Symbol.for("react.memo_cache_sentinel")) {
       t2 = {
         debug: {
-          child: _temp23,
+          child: _temp24,
           icon: "bug_report",
           title: STRINGS.debugger
         }
@@ -42536,13 +42840,13 @@ Data Directory: ${system.dataDirectory}`
     }
     return t7;
   };
-  function _temp4(paragraph, index2) {
+  function _temp5(paragraph, index2) {
     return /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("p", {
       className: "m-0",
       children: paragraph.replace(/\n/g, " ").trim()
     }, index2);
   }
-  function _temp23() {
+  function _temp24() {
     return /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(Debugger, {
       title: STRINGS.debugger,
       className: "size-full"
@@ -44398,12 +44702,12 @@ Data Directory: ${system.dataDirectory}`
               title: STRINGS.license
             },
             settings: {
-              child: _temp5,
+              child: _temp6,
               icon: "settings",
               title: STRINGS.settings.title
             },
             debug: {
-              child: _temp24,
+              child: _temp25,
               icon: "bug_report",
               title: STRINGS.debugger
             }
@@ -44504,12 +44808,12 @@ Data Directory: ${system.dataDirectory}`
     }
     return t20;
   };
-  function _temp5(setWindowMode_0) {
+  function _temp6(setWindowMode_0) {
     return /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(Settings, {
       setWindowMode: setWindowMode_0
     });
   }
-  function _temp24() {
+  function _temp25() {
     return /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(Debugger, {
       title: STRINGS.debugger,
       className: "size-full"