tmg-media-player 0.0.1

package/dist/plugs/menus/settings/actions.cjs

@@ -0,0 +1,492 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/ts/plugs/menus/settings/actions.ts
+var actions_exports = {};
+__export(actions_exports, {
+  getSettingsActionsMenu: () => getSettingsActionsMenu
+});
+module.exports = __toCommonJS(actions_exports);
+
+// ../t007-tools/packages/utils/dist/chunk-ZALPHCSJ.js
+var import_utils = require("sia-reactor/utils");
+var import_utils2 = require("sia-reactor/utils");
+var import_sia_reactor = require("sia-reactor");
+var import_sia_reactor2 = require("sia-reactor");
+var import_utils3 = require("sia-reactor/utils");
+var import_utils4 = require("sia-reactor/utils");
+var import_utils5 = require("sia-reactor/utils");
+var import_utils6 = require("sia-reactor/utils");
+var import_utils7 = require("sia-reactor/utils");
+var VIRTUAL_RESOURCE = /* @__PURE__ */ Symbol.for("T007_VIRTUAL_RESOURCE");
+function isStr(val) {
+  return "string" === typeof val;
+}
+function isFunc(val) {
+  return "function" === typeof val;
+}
+function capitalize(word = "") {
+  return word.replace(/^(\s*)([a-z])/i, (_, s, l) => s + l.toUpperCase());
+}
+function camelize(str = "", { source } = /[\s_-]+/, { preserveInnerCase: pIC = true, upperFirst: uF = false } = {}) {
+  return (pIC ? str : str.toLowerCase()).replace(new RegExp(source + "(\\w)", "g"), (_, c) => c.toUpperCase()).replace(/^\w/, (c) => c[uF ? "toUpperCase" : "toLowerCase"]());
+}
+if ("undefined" !== typeof window) {
+  (window.t007 ?? (window.t007 = {})).VIRTUAL_RESOURCE = VIRTUAL_RESOURCE;
+  window.T007_TOAST_JS_SRC ?? (window.T007_TOAST_JS_SRC = `https://cdn.jsdelivr.net/npm/@t007/toast@latest`);
+  window.T007_INPUT_JS_SRC ?? (window.T007_INPUT_JS_SRC = `https://cdn.jsdelivr.net/npm/@t007/input@latest`);
+  window.T007_DIALOG_JS_SRC ?? (window.T007_DIALOG_JS_SRC = `https://cdn.jsdelivr.net/npm/@t007/dialog@latest`);
+  window.T007_TOAST_CSS_SRC ?? (window.T007_TOAST_CSS_SRC = `https://cdn.jsdelivr.net/npm/@t007/toast@latest/dist/index.min.css`);
+  window.T007_INPUT_CSS_SRC ?? (window.T007_INPUT_CSS_SRC = `https://cdn.jsdelivr.net/npm/@t007/input@latest/dist/index.min.css`);
+  window.T007_DIALOG_CSS_SRC ?? (window.T007_DIALOG_CSS_SRC = `https://cdn.jsdelivr.net/npm/@t007/dialog@latest/dist/index.min.css`);
+}
+
+// src/ts/utils/obj.ts
+var import_utils9 = require("sia-reactor/utils");
+
+// src/ts/plugs/menus/settings/toasts.ts
+var import_toast = require("@t007/toast");
+var TOAST_BOOLEAN_OPTS = [
+  { option: "Default", value: "default" },
+  { option: "Yes", value: "yes" },
+  { option: "No", value: "no" }
+];
+var toToastFormOpts = (opts) => [{ option: "Default", value: "default" }, ...opts.map((o) => ({ option: o.display, value: o.value }))];
+var TOAST_FORM_INPUTS = [
+  { label: "Type", type: "select", options: toToastFormOpts(import_toast.TOAST_UI_TYPES) },
+  { label: "Position", type: "select", options: toToastFormOpts(import_toast.TOAST_UI_POSITIONS) },
+  { label: "Animation", type: "select", options: toToastFormOpts(import_toast.TOAST_UI_ANIMATIONS) },
+  { label: "Close Button", type: "select", options: TOAST_BOOLEAN_OPTS },
+  { label: "Hide Progress Bar", type: "select", options: TOAST_BOOLEAN_OPTS },
+  { label: "Close On Click", type: "select", options: TOAST_BOOLEAN_OPTS },
+  { label: "Drag To Close", type: "select", options: toToastFormOpts(import_toast.TOAST_UI_DRAG_OPTIONS) },
+  { label: "Drag Direction", type: "select", options: toToastFormOpts(import_toast.TOAST_UI_DRAG_DIRECTIONS) },
+  { label: "Auto Close (ms)", type: "number", helperText: { info: "Blank for Default, -1 for None" }, min: "-1" }
+];
+
+// src/ts/plugs/menus/settings/actions.ts
+var import_utils13 = require("sia-reactor/utils");
+
+// src/ts/utils/keys.ts
+function formatActionForDisplay(keyShortcut, voiceCmd) {
+  const kArr = Array.isArray(keyShortcut) ? keyShortcut : keyShortcut ? [keyShortcut] : [];
+  return [kArr.length ? `\u2328\uFE0F ${kArr.map((c) => (0, import_utils6.cleanKeyCombo)(c).replace(" ", "space")).join(" or ")}` : "", voiceCmd?.length ? `\u{1F399}\uFE0F "${voiceCmd[0]}"` : ""].filter(Boolean).join(" \xB7 ");
+}
+
+// src/ts/plugs/menus/settings/actions.ts
+var fmt = (s) => capitalize(
+  s.replace(/([A-Z])/g, " $1").replace(/[._]/g, " ").trim()
+);
+var toId = (label) => camelize(
+  label.trim().toLowerCase().replace(/[^a-z0-9\s]/g, "").trim()
+) || "";
+var OPS = ["set", "increment", "decrement", "toggle"];
+var confirmDelete = (label, ctlr) => t007.confirm(`Delete "${label}"? This cannot be undone.`, {
+  id: `${ctlr.config.id}-delete-confirm`,
+  rootElement: ctlr.plug("settings.settingsView")?.menu.el ?? ctlr.media.container,
+  confirmText: "Delete",
+  title: "Confirm Delete"
+});
+var NAV_ROOT_ID = (actionId, stepTag) => `actions-${actionId}-logic-nav-${stepTag}`;
+var NAV_NODE_ID = (actionId, stepTag, path) => `actions-${actionId}-logic-nav-${stepTag}-${path.replace(/\./g, "-")}`;
+function buildPathNavNode(actionId, stepTag, path, root, ctlr, onConfirm, existingStep) {
+  const label = path === "__root__" ? "Choose Path" : capitalize(
+    path.split(".").pop().replace(/([A-Z])/g, " $1")
+  ), val = path === "__root__" ? root : (0, import_utils13.getPath)(root, path), isLeaf = path !== "__root__" && (Array.isArray(val) || (0, import_utils13.isLeafPath)(root, path, void 0, val));
+  if (isLeaf) {
+    const type = Array.isArray(val) ? "array" : typeof val, displayVal = Array.isArray(val) ? `[${val.join(", ")}]` : String(val), tempStep = { path, op: existingStep?.path === path && existingStep?.op ? existingStep?.op : type === "boolean" ? "toggle" : "set", value: existingStep?.path === path ? existingStep?.value : void 0 };
+    return {
+      id: NAV_NODE_ID(actionId, stepTag, path),
+      label,
+      widget: "group",
+      getValue: () => path,
+      tipHTML: `Path: <code>${path}</code>, current value: <code>${displayVal}</code>`,
+      items: [
+        {
+          id: `${NAV_NODE_ID(actionId, stepTag, path)}-op`,
+          label: "Operation",
+          widget: "select",
+          getValue: () => tempStep.op ?? "set",
+          getOptions: () => OPS.map((o) => ({ value: o, display: capitalize(o) })),
+          onChange: (v) => tempStep.op = v
+        },
+        ...type !== "boolean" ? [
+          {
+            id: `${NAV_NODE_ID(actionId, stepTag, path)}-value`,
+            label: "Value",
+            widget: "input",
+            inputs: [
+              {
+                label: "Value",
+                type: type === "number" ? "number" : "text",
+                placeholder: type === "number" ? "e.g. 80" : type === "array" ? "e.g. a, b, c" : "e.g. hello",
+                value: () => tempStep.value !== void 0 ? String(tempStep.value) : "",
+                helperText: { info: type === "number" ? "Enter a number" : type === "array" ? "Comma-separated values" : "Text value, leave blank for increment/decrement" }
+              }
+            ],
+            getValue: () => tempStep.value !== void 0 ? String(tempStep.value) : "",
+            onChange: (v) => {
+              const raw = String(v["Value"] ?? "").trim();
+              tempStep.value = raw === "" ? void 0 : raw === "true" ? true : raw === "false" ? false : type === "number" || !isNaN(+raw) ? +raw : type === "array" ? raw.split(",").map((s) => s.trim()) : raw;
+              ctlr.plug("settings.settingsView")?.menu.syncUI(NAV_NODE_ID(actionId, stepTag, path));
+            }
+          }
+        ] : [],
+        {
+          id: `${NAV_NODE_ID(actionId, stepTag, path)}-confirm`,
+          label: "Confirm Step",
+          widget: "button",
+          getValue: () => "",
+          onChange: () => {
+            onConfirm({ ...tempStep });
+            const menu = ctlr.plug("settings.settingsView")?.menu;
+            if (!menu) return;
+            const target = actionId === "new" ? "actions-add" : `actions-logic-${actionId}`;
+            while (menu.navStack.length > 1 && menu.navStack[menu.navStack.length - 1] !== target) menu.goBack();
+            menu.syncUI(`actions-logic-${actionId}`);
+          }
+        }
+      ]
+    };
+  }
+  const childPaths = path === "__root__" ? ["media", "settings"] : (0, import_utils13.getPaths)(root, path, { depth: 1 }).filter((p) => ctlr.isLogicPath(p)).sort((a, b) => a.localeCompare(b)), childNodes = childPaths.map((p) => buildPathNavNode(actionId, stepTag, p, root, ctlr, onConfirm, existingStep)), directInputId = `${path === "__root__" ? NAV_ROOT_ID(actionId, stepTag) : NAV_NODE_ID(actionId, stepTag, path)}-direct`;
+  const directInput = {
+    id: directInputId,
+    label: "Type path",
+    widget: "input",
+    inline: true,
+    inputs: [
+      {
+        label: "Path",
+        type: "text",
+        placeholder: childPaths.map((p) => p.split(".").pop()).join(", "),
+        helperText: { info: "Type the exact property name to navigate directly, or just pick from the list above." }
+      }
+    ],
+    getValue: () => "",
+    onChange: (v) => {
+      const typed = String(v["Path"] ?? "").trim(), match = typed ? childPaths.find((p) => p.split(".").pop()?.toLowerCase() === typed.toLowerCase()) : null;
+      if (match) return void (0, import_utils5.requestAnimationFrame)(() => ctlr.plug("settings.settingsView")?.menu.goTo(NAV_NODE_ID(actionId, stepTag, match)), ctlr.signal);
+      const fullPath = path === "__root__" ? typed : `${path}.${typed}`, val2 = ctlr.isLogicPath(fullPath) ? (0, import_utils13.getPath)(root, fullPath) : void 0, id = NAV_NODE_ID(actionId, stepTag, fullPath), menu = ctlr.plug("settings.settingsView")?.menu;
+      if (typed && val2 !== void 0 && menu) !menu.getItem(id) && menu.register(buildPathNavNode(actionId, stepTag, fullPath, root, ctlr, onConfirm, existingStep)), (0, import_utils5.requestAnimationFrame)(() => menu.goTo(id), ctlr.signal);
+    }
+  };
+  return {
+    id: path === "__root__" ? NAV_ROOT_ID(actionId, stepTag) : NAV_NODE_ID(actionId, stepTag, path),
+    label,
+    widget: "group",
+    getValue: () => path === "__root__" ? "Pick a path" : path,
+    tipHTML: path === "__root__" ? "<code>media</code> controls the player (volume, fullscreen, etc.). <code>settings</code> controls configuration values." : `Drilling into <code>${path}</code>, pick a sub-property or type its name above.`,
+    items: [...childNodes, directInput]
+  };
+}
+var makeLogicNavTree = (actionId, stepTag, ctlr, onConfirm, existingStep) => buildPathNavNode(actionId, stepTag, "__root__", { media: ctlr.media, settings: ctlr.settings }, ctlr, onConfirm, existingStep);
+var stepLabel = (step) => step.path ? `${step.path} (${step.op ?? "set"}${step.value !== void 0 ? ` ${step.value}` : ""})` : "Empty step";
+function makeLogicStepView(step, idx, actionId, ctlr, logicItems) {
+  const navTree = makeLogicNavTree(
+    actionId,
+    String(idx),
+    ctlr,
+    (newStep) => {
+      const a = ctlr.actions[actionId];
+      a.logic[idx] = newStep;
+      logicItems[idx] = makeLogicStepView(a.logic[idx], idx, actionId, ctlr, logicItems);
+      ctlr.plug("settings.settingsView")?.menu.syncUI(`actions-logic-${actionId}`);
+    },
+    step
+  );
+  return {
+    id: `actions-${actionId}-logic-${idx}`,
+    label: `Step ${idx + 1}`,
+    widget: "group",
+    getValue: () => stepLabel(step),
+    items: [navTree]
+  };
+}
+function makeLogicGroup(action, ctlr, logicItems) {
+  const hasLogicSupport = action.logic !== void 0 || action.userCreated, liveLogic = () => ctlr.actions[action.id].logic ?? [];
+  return {
+    id: `actions-logic-${action.id}`,
+    label: "Logic Steps",
+    widget: "drag-select",
+    getValue: () => {
+      if (!hasLogicSupport) return "Internal";
+      const len = liveLogic().length;
+      return len ? `${len} step${len !== 1 ? "s" : ""}` : "None";
+    },
+    getDisabled: () => !hasLogicSupport,
+    getOptions: () => liveLogic().map((step, i) => ({ value: String(i), display: stepLabel(step), title: step.value !== void 0 ? `Value: ${step.value}` : void 0 })),
+    onReorder: (from, to) => {
+      const steps = [...liveLogic()];
+      steps.splice(to, 0, ...steps.splice(from, 1));
+      ctlr.actions[action.id].logic = steps;
+      logicItems.splice(0, logicItems.length, ...steps.map((s, i) => makeLogicStepView(s, i, action.id, ctlr, logicItems)));
+      ctlr.plug("settings.settingsView")?.menu.syncUI(`actions-logic-${action.id}`);
+    },
+    onEdit: (i) => ctlr.plug("settings.settingsView")?.menu.goTo(liveLogic()[i].path ? NAV_NODE_ID(action.id, String(i), liveLogic()[i].path) : NAV_ROOT_ID(action.id, String(i))),
+    onDelete: async (i) => {
+      if (!await confirmDelete("this logic step", ctlr)) return;
+      const steps = [...liveLogic()];
+      steps.splice(i, 1), ctlr.actions[action.id].logic = steps;
+      logicItems.splice(0, logicItems.length, ...steps.map((s, j) => makeLogicStepView(s, j, action.id, ctlr, logicItems))), ctlr.plug("settings.settingsView")?.menu.syncUI(`actions-logic-${action.id}`);
+    },
+    actions: hasLogicSupport ? [
+      {
+        id: "add",
+        getLabel: () => "Add Step",
+        icon: "add",
+        onClick: () => {
+          const a = ctlr.actions[action.id];
+          if (!a.logic) a.logic = [];
+          const tag = `new-${ctlr.config.id}-${Math.random().toString(36).slice(2, 9)}`, navTree = makeLogicNavTree(action.id, tag, ctlr, (newStep) => {
+            const act = ctlr.actions[action.id];
+            act.logic = [...act.logic ?? [], newStep];
+            logicItems.splice(0, logicItems.length, ...act.logic.map((s, j) => makeLogicStepView(s, j, action.id, ctlr, logicItems))), ctlr.plug("settings.settingsView")?.menu.syncUI(`actions-logic-${action.id}`);
+          }), placeholder = { id: `actions-${action.id}-logic-${tag}`, label: "New Step", widget: "group", getValue: () => "New", items: [navTree] };
+          logicItems.push(placeholder), ctlr.plug("settings.settingsView")?.menu.goTo(NAV_ROOT_ID(action.id, tag));
+        }
+      }
+    ] : void 0,
+    items: logicItems,
+    tipHTML: hasLogicSupport ? "Logic runs top-to-bottom when triggered. Use + to add a step. Drag to reorder." : "This action runs native code. Logic steps are not supported."
+  };
+}
+function makeActionContent(action, ctlr, logicItems) {
+  const live = () => ctlr.actions[action.id], parseBool = (v) => v === "default" ? void 0 : v === "yes" ? true : v === "no" ? false : !isNaN(Number(v)) && isStr(v) ? Number(v) : v;
+  return [
+    {
+      id: `actions-key-${action.id}`,
+      label: "Keyboard Shortcut",
+      widget: "input",
+      inputs: [
+        {
+          label: "Key",
+          type: "text",
+          placeholder: "f, Shift+f",
+          value: () => {
+            const s = ctlr.settings.keys.shortcuts[action.id];
+            return Array.isArray(s) ? s.join(", ") : s ?? "";
+          },
+          helperText: { info: "Comma-separated key combos (e.g. f, Shift+f). Save to apply." }
+        },
+        {
+          label: "Phase",
+          type: "select",
+          options: [
+            { option: "Key Down", value: "keydown" },
+            { option: "Key Up", value: "keyup" }
+          ],
+          value: () => live().keyboard?.phase ?? "keydown"
+        }
+      ],
+      getValue: () => formatActionForDisplay(ctlr.settings.keys.shortcuts[action.id]) || "None",
+      onChange: (val) => {
+        const keys = val["Key"].split(",").map((k) => k.trim()).filter(Boolean), obj = ctlr.settings.keys.shortcuts;
+        if (obj) obj[action.id] = keys.length > 1 ? keys : keys[0] ?? "";
+        live().keyboard = { ...live().keyboard, phase: val["Phase"] };
+      },
+      configPaths: [`settings.keys.shortcuts.${action.id}`]
+    },
+    {
+      id: `actions-voice-${action.id}`,
+      label: "Voice Triggers",
+      widget: "input",
+      inputs: [
+        {
+          label: "Phrases",
+          type: "text",
+          placeholder: "play, start playing",
+          value: () => {
+            const t = ctlr.settings.voice.commands[action.id] ?? "";
+            return Array.isArray(t) ? t.join(", ") : String(t);
+          },
+          helperText: { info: "Comma-separated phrases. Voice control matches any of them." }
+        },
+        {
+          label: "Stage",
+          type: "select",
+          options: [
+            { option: "Anytime", value: "anytime" },
+            { option: "Pre-Route", value: "pre-route" },
+            { option: "Post-Route", value: "post-route" }
+          ],
+          value: () => live().voice?.stage ?? "post-route"
+        }
+      ],
+      getValue: () => {
+        const t = ctlr.settings.voice.commands[action.id] ?? "";
+        const val = Array.isArray(t) && t.length > 0 ? t.join(", ") : String(t);
+        return val ? `\u{1F399}\uFE0F ${val}` : "None";
+      },
+      onChange: (val) => {
+        const triggers = val["Phrases"].split(",").map((s) => s.trim()).filter(Boolean), obj = ctlr.settings.voice.commands;
+        if (obj) obj[action.id] = triggers.length > 0 ? triggers : [];
+        live().voice = { ...live().voice, stage: val["Stage"] };
+      },
+      configPaths: [`actions.${action.id}.voice`, `settings.voice.commands.${action.id}`]
+    },
+    makeLogicGroup(action, ctlr, logicItems),
+    {
+      id: `actions-notify-${action.id}`,
+      label: "Pop-up",
+      widget: "select",
+      getOptions: () => [{ value: "", display: "None" }, ...Array.from(new Set(ctlr.plug("settings.notifiers")?.state.events ?? [])).map((n) => ({ value: n, display: n }))],
+      getValue: () => live().notify || "None",
+      onChange: (val) => live().notify = val || void 0,
+      configPaths: [`actions.${action.id}.notify`]
+    },
+    {
+      id: `actions-toast-${action.id}`,
+      label: "Notification",
+      widget: "input",
+      getValue: () => {
+        const r = live().toast?.render;
+        return r ? typeof r === "function" ? "Dynamic text" : String(r) : "None";
+      },
+      inputs: [
+        { label: "Message", type: "text", value: () => (isFunc(live().toast?.render) ? live().toast.render?.() : live().toast?.render) ?? "", placeholder: "Action triggered!", helperText: { info: "The message to display in the notification" } },
+        ...TOAST_FORM_INPUTS.map((input) => {
+          const map = {
+            Type: "type",
+            Position: "position",
+            Animation: "animation",
+            "Close Button": "closeButton",
+            "Hide Progress Bar": "hideProgressBar",
+            "Close On Click": "closeOnClick",
+            "Drag To Close": "dragToClose",
+            "Drag Direction": "dragToCloseDir",
+            "Auto Close (ms)": "autoClose"
+          };
+          const key = map[input.label];
+          return {
+            ...input,
+            value: key === "autoClose" ? () => live().toast?.autoClose === false ? -1 : live().toast?.autoClose : () => {
+              const val = live().toast?.[key];
+              return val === void 0 ? "default" : val === true ? "yes" : val === false ? "no" : val;
+            }
+          };
+        })
+      ],
+      onChange: (val) => {
+        if (!val.Message) return void (live().toast = void 0);
+        const rawOpts = { render: val.Message, type: parseBool(val.Type), position: parseBool(val.Position), animation: parseBool(val.Animation), closeButton: parseBool(val["Close Button"]), hideProgressBar: parseBool(val["Hide Progress Bar"]), closeOnClick: parseBool(val["Close On Click"]), dragToClose: parseBool(val["Drag To Close"]), dragToCloseDir: parseBool(val["Drag Direction"]), autoClose: val["Auto Close (ms)"] === -1 ? false : val["Auto Close (ms)"] === "" ? void 0 : parseBool(val["Auto Close (ms)"]) };
+        live().toast = Object.fromEntries(Object.entries(rawOpts).filter(([, v]) => v !== void 0));
+      }
+    },
+    {
+      id: `actions-zen-${action.id}`,
+      label: "Zen",
+      widget: "toggle",
+      getValue: () => live().zen ? "On" : "Off",
+      onChange: (val) => live().zen = val,
+      configPaths: [`actions.${action.id}.zen`],
+      title: () => `Run even while ${ctlr.zenlist.map(fmt).join(" / ")} is open`
+    }
+  ];
+}
+function makeActionDetail(action, ctlr, onDeleteAction) {
+  const live = () => ctlr.actions[action.id], canDelete = !!action.userCreated, logicItems = [];
+  logicItems.push(...(action.logic ?? []).map((step, i) => makeLogicStepView(step, i, action.id, ctlr, logicItems)));
+  return {
+    id: `actions-detail-${action.id}`,
+    label: action.label ?? fmt(action.id),
+    widget: "group",
+    getValue: () => formatActionForDisplay(ctlr.settings.keys.shortcuts[action.id], ctlr.settings.voice.commands[action.id]) || "None",
+    configPaths: [`actions.${action.id}`, `settings.keys.shortcuts.${action.id}`],
+    actions: canDelete ? [
+      {
+        id: "delete",
+        getLabel: () => "Delete",
+        icon: "delete",
+        onClick: async () => {
+          if (!await confirmDelete(live().label ?? fmt(action.id), ctlr)) return;
+          delete ctlr.actions[action.id], onDeleteAction(), ctlr.plug("settings.settingsView")?.menu.goBack();
+        }
+      }
+    ] : void 0,
+    items: makeActionContent(action, ctlr, logicItems)
+  };
+}
+function makeActionForm(ctlr, onAdd) {
+  return {
+    id: "actions-add",
+    label: "Create Action",
+    widget: "input",
+    hidden: true,
+    inputs: [
+      { label: "Label", type: "text", placeholder: "My Custom Action", required: true, helperText: { info: "Give it a name. The ID is auto-generated from it." } },
+      { label: "Keyboard Shortcut", type: "text", placeholder: "f, Shift+f", helperText: { info: "Optional, you can add or change this later." } },
+      { label: "Voice Triggers", type: "text", placeholder: "play, start playing", helperText: { info: "Optional, you can add or change this later. After creating, go add logic steps." } }
+    ],
+    getValue: () => "",
+    onChange: (vals) => {
+      const label = vals["Label"].trim(), id = toId(label);
+      if (!id || ctlr.actions[id]) return;
+      const triggers = vals["Voice Triggers"].split(",").map((s) => s.trim()).filter(Boolean), keys = vals["Keyboard Shortcut"].split(",").map((s) => s.trim()).filter(Boolean);
+      ctlr.registerAction(id, { label, fn: () => {
+      }, logic: [], userCreated: true });
+      const voiceObj = ctlr.settings.voice.commands, keysObj = ctlr.settings.keys.shortcuts;
+      if (voiceObj && triggers.length) voiceObj[id] = triggers;
+      if (keysObj && keys.length) keysObj[id] = keys.length > 1 ? keys : keys[0];
+      onAdd(), ctlr.plug("settings.settingsView")?.menu.goBack(), (0, import_utils5.requestAnimationFrame)(() => ctlr.plug("settings.settingsView")?.menu.goTo(`actions-detail-${id}`), ctlr.signal);
+    }
+  };
+}
+var getSettingsActionsMenu = (ctlr) => {
+  const visibleActions = () => Object.values(ctlr.actions).filter((a) => !a.private).sort((a, b) => (a.label ?? a.id).localeCompare(b.label ?? b.id)), actionItems = [], rebuildActionItems = () => actionItems.splice(0, actionItems.length, addForm, ...visibleActions().map((a) => makeActionDetail(a, ctlr, rebuildActionItems))), addForm = makeActionForm(ctlr, rebuildActionItems);
+  let lastSig = "";
+  const getSig = () => visibleActions().map((a) => a.id + (a.label ?? "")).join(",");
+  rebuildActionItems();
+  lastSig = getSig();
+  return {
+    id: "general",
+    label: "Advanced",
+    icon: "settings",
+    widget: "group",
+    getValue: () => "",
+    items: [
+      {
+        id: "actions",
+        label: "Actions",
+        widget: "group",
+        getValue: () => {
+          const all = visibleActions(), user = all.filter((a) => a.userCreated).length;
+          return user ? `${all.length} (${user} custom)` : String(all.length);
+        },
+        tipHTML: "Actions are player-wide commands. Use + to create your own, pair them with keyboard shortcuts, voice triggers, or chain logic steps.",
+        onWire: (syncUI, signal) => ctlr.config.on(
+          "actions",
+          () => {
+            const sig = getSig();
+            if (sig !== lastSig) {
+              lastSig = sig;
+              rebuildActionItems();
+            }
+            syncUI();
+            ctlr.plug("settings.settingsView")?.menu.syncUI("actions");
+          },
+          { signal }
+        ),
+        actions: [{ id: "add", getLabel: () => "Add", icon: "add", onClick: () => ctlr.plug("settings.settingsView")?.menu.goTo("actions-add") }],
+        items: actionItems
+      }
+    ]
+  };
+};
+//# sourceMappingURL=actions.cjs.map