@hai3/studio 0.1.0-alpha.0

package/dist/index.mjs

@@ -0,0 +1,1414 @@
+import React3, { createContext, useContext, useState, useEffect, useCallback, useRef } from 'react';
+import { I18nRegistry, Language, i18nRegistry, ScreensetCategory, eventBus, useTranslation, useAppDispatch, useAppSelector, selectScreenset, screensetRegistry, setApiMode, themeRegistry, changeTheme, LanguageDisplayMode, TextDirection } from '@hai3/uicore';
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+import { Card, Button, ButtonSize, ButtonVariant, DropdownMenu, DropdownMenuTrigger, DropdownButton, DropdownMenuContent, DropdownMenuSub, DropdownMenuSubTrigger, DropdownMenuSubContent, DropdownMenuItem, Switch } from '@hai3/uikit';
+import { clamp, upperFirst } from 'lodash';
+import { ButtonVariant as ButtonVariant$1 } from '@hai3/uikit-contracts';
+
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __commonJS = (cb, mod) => function __require() {
+  return mod || (0, cb[__getOwnPropNames(cb)[0]])((mod = { exports: {} }).exports, mod), mod.exports;
+};
+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 __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+
+// src/i18n/en.json
+var require_en = __commonJS({
+  "src/i18n/en.json"(exports, module) {
+    module.exports = {
+      title: "HAI3 Studio",
+      aria: {
+        openButton: "Open Studio (Shift+`) or drag to move",
+        collapseButton: "Collapse Studio panel",
+        resizeHandle: "Resize Studio panel"
+      },
+      controls: {
+        heading: "Development Controls",
+        screenset: "Screenset:",
+        theme: "Theme:",
+        language: "Language:",
+        mockApi: "Mock API"
+      }
+    };
+  }
+});
+
+// src/i18n/ar.json
+var require_ar = __commonJS({
+  "src/i18n/ar.json"(exports, module) {
+    module.exports = {
+      title: "\u0623\u062F\u0648\u0627\u062A \u062A\u0637\u0648\u064A\u0631 HAI3",
+      aria: {
+        openButton: "\u0641\u062A\u062D \u0623\u062F\u0648\u0627\u062A \u0627\u0644\u062A\u0637\u0648\u064A\u0631 (Shift+`) \u0623\u0648 \u0627\u0644\u0633\u062D\u0628 \u0644\u0644\u062A\u062D\u0631\u064A\u0643",
+        collapseButton: "\u0637\u064A \u0644\u0648\u062D\u0629 \u0623\u062F\u0648\u0627\u062A \u0627\u0644\u062A\u0637\u0648\u064A\u0631",
+        resizeHandle: "\u062A\u063A\u064A\u064A\u0631 \u062D\u062C\u0645 \u0644\u0648\u062D\u0629 \u0627\u0644\u0623\u062F\u0648\u0627\u062A"
+      },
+      controls: {
+        heading: "\u0639\u0646\u0627\u0635\u0631 \u0627\u0644\u062A\u062D\u0643\u0645 \u0641\u064A \u0627\u0644\u062A\u0637\u0648\u064A\u0631",
+        screenset: "\u0645\u062C\u0645\u0648\u0639\u0629 \u0627\u0644\u0634\u0627\u0634\u0627\u062A:",
+        theme: "\u0627\u0644\u0633\u0645\u0629:",
+        language: "\u0627\u0644\u0644\u063A\u0629:",
+        mockApi: "\u0648\u0627\u062C\u0647\u0629 \u0628\u0631\u0645\u062C\u064A\u0629 \u0648\u0647\u0645\u064A\u0629"
+      }
+    };
+  }
+});
+
+// src/i18n/bn.json
+var require_bn = __commonJS({
+  "src/i18n/bn.json"(exports, module) {
+    module.exports = {
+      title: "HAI3 \u09A1\u09C7\u09AD\u09C7\u09B2\u09AA\u09AE\u09C7\u09A8\u09CD\u099F \u099F\u09C1\u09B2\u09B8",
+      aria: {
+        openButton: "\u09A1\u09C7\u09AD\u09C7\u09B2\u09AA\u09AE\u09C7\u09A8\u09CD\u099F \u099F\u09C1\u09B2\u09B8 \u0996\u09C1\u09B2\u09C1\u09A8 (Shift+`) \u09AC\u09BE \u09B8\u09B0\u09BE\u09A8\u09CB\u09B0 \u099C\u09A8\u09CD\u09AF \u099F\u09BE\u09A8\u09C1\u09A8",
+        collapseButton: "\u09A1\u09C7\u09AD\u09C7\u09B2\u09AA\u09AE\u09C7\u09A8\u09CD\u099F \u099F\u09C1\u09B2\u09B8 \u09AA\u09CD\u09AF\u09BE\u09A8\u09C7\u09B2 \u09B8\u0982\u0995\u09C1\u099A\u09BF\u09A4 \u0995\u09B0\u09C1\u09A8",
+        resizeHandle: "\u099F\u09C1\u09B2\u09B8 \u09AA\u09CD\u09AF\u09BE\u09A8\u09C7\u09B2\u09C7\u09B0 \u0986\u0995\u09BE\u09B0 \u09AA\u09B0\u09BF\u09AC\u09B0\u09CD\u09A4\u09A8 \u0995\u09B0\u09C1\u09A8"
+      },
+      controls: {
+        heading: "\u0989\u09A8\u09CD\u09A8\u09AF\u09BC\u09A8 \u09A8\u09BF\u09AF\u09BC\u09A8\u09CD\u09A4\u09CD\u09B0\u09A3",
+        screenset: "\u09B8\u09CD\u0995\u09CD\u09B0\u09BF\u09A8\u09B8\u09C7\u099F:",
+        theme: "\u09A5\u09BF\u09AE:",
+        language: "\u09AD\u09BE\u09B7\u09BE:",
+        mockApi: "\u09AE\u0995 API"
+      }
+    };
+  }
+});
+
+// src/i18n/cs.json
+var require_cs = __commonJS({
+  "src/i18n/cs.json"(exports, module) {
+    module.exports = {
+      title: "V\xFDvoj\xE1\u0159sk\xE9 n\xE1stroje HAI3",
+      aria: {
+        openButton: "Otev\u0159\xEDt v\xFDvoj\xE1\u0159sk\xE9 n\xE1stroje (Shift+`) nebo p\u0159et\xE1hnout pro p\u0159esun",
+        collapseButton: "Sbalit panel v\xFDvoj\xE1\u0159sk\xFDch n\xE1stroj\u016F",
+        resizeHandle: "Zm\u011Bnit velikost panelu n\xE1stroj\u016F"
+      },
+      controls: {
+        heading: "V\xFDvoj\xE1\u0159sk\xE9 ovl\xE1dac\xED prvky",
+        screenset: "Sada obrazovek:",
+        theme: "Motiv:",
+        language: "Jazyk:",
+        mockApi: "Simulovan\xE9 API"
+      }
+    };
+  }
+});
+
+// src/i18n/da.json
+var require_da = __commonJS({
+  "src/i18n/da.json"(exports, module) {
+    module.exports = {
+      title: "HAI3 Udviklingsv\xE6rkt\xF8jer",
+      aria: {
+        openButton: "\xC5bn Udviklingsv\xE6rkt\xF8jer (Shift+`) eller tr\xE6k for at flytte",
+        collapseButton: "Skjul udviklingsv\xE6rkt\xF8jspanelet",
+        resizeHandle: "\xC6ndre st\xF8rrelse p\xE5 v\xE6rkt\xF8jspanelet"
+      },
+      controls: {
+        heading: "Udviklingskontrolelementer",
+        screenset: "Sk\xE6rms\xE6t:",
+        theme: "Tema:",
+        language: "Sprog:",
+        mockApi: "Mock-API"
+      }
+    };
+  }
+});
+
+// src/i18n/de.json
+var require_de = __commonJS({
+  "src/i18n/de.json"(exports, module) {
+    module.exports = {
+      title: "HAI3 Entwicklerwerkzeuge",
+      aria: {
+        openButton: "Entwicklerwerkzeuge \xF6ffnen (Shift+`) oder ziehen zum Verschieben",
+        collapseButton: "Entwicklerwerkzeuge-Panel einklappen",
+        resizeHandle: "Gr\xF6\xDFe des Werkzeug-Panels \xE4ndern"
+      },
+      controls: {
+        heading: "Entwicklungssteuerung",
+        screenset: "Bildschirmset:",
+        theme: "Design:",
+        language: "Sprache:",
+        mockApi: "Mock-API"
+      }
+    };
+  }
+});
+
+// src/i18n/el.json
+var require_el = __commonJS({
+  "src/i18n/el.json"(exports, module) {
+    module.exports = {
+      title: "\u0395\u03C1\u03B3\u03B1\u03BB\u03B5\u03AF\u03B1 \u0391\u03BD\u03AC\u03C0\u03C4\u03C5\u03BE\u03B7\u03C2 HAI3",
+      aria: {
+        openButton: "\u0386\u03BD\u03BF\u03B9\u03B3\u03BC\u03B1 \u0395\u03C1\u03B3\u03B1\u03BB\u03B5\u03AF\u03C9\u03BD \u0391\u03BD\u03AC\u03C0\u03C4\u03C5\u03BE\u03B7\u03C2 (Shift+`) \u03AE \u03C3\u03CD\u03C1\u03B5\u03C4\u03B5 \u03B3\u03B9\u03B1 \u03BC\u03B5\u03C4\u03B1\u03BA\u03AF\u03BD\u03B7\u03C3\u03B7",
+        collapseButton: "\u03A3\u03CD\u03BC\u03C0\u03C4\u03C5\u03BE\u03B7 \u03C0\u03AF\u03BD\u03B1\u03BA\u03B1 \u03B5\u03C1\u03B3\u03B1\u03BB\u03B5\u03AF\u03C9\u03BD \u03B1\u03BD\u03AC\u03C0\u03C4\u03C5\u03BE\u03B7\u03C2",
+        resizeHandle: "\u0391\u03BB\u03BB\u03B1\u03B3\u03AE \u03BC\u03B5\u03B3\u03AD\u03B8\u03BF\u03C5\u03C2 \u03C0\u03AF\u03BD\u03B1\u03BA\u03B1 \u03B5\u03C1\u03B3\u03B1\u03BB\u03B5\u03AF\u03C9\u03BD"
+      },
+      controls: {
+        heading: "\u03A3\u03C4\u03BF\u03B9\u03C7\u03B5\u03AF\u03B1 \u0395\u03BB\u03AD\u03B3\u03C7\u03BF\u03C5 \u0391\u03BD\u03AC\u03C0\u03C4\u03C5\u03BE\u03B7\u03C2",
+        screenset: "\u03A3\u03CD\u03BD\u03BF\u03BB\u03BF \u039F\u03B8\u03BF\u03BD\u03CE\u03BD:",
+        theme: "\u0398\u03AD\u03BC\u03B1:",
+        language: "\u0393\u03BB\u03CE\u03C3\u03C3\u03B1:",
+        mockApi: "Mock API"
+      }
+    };
+  }
+});
+
+// src/i18n/es.json
+var require_es = __commonJS({
+  "src/i18n/es.json"(exports, module) {
+    module.exports = {
+      title: "Herramientas de Desarrollo HAI3",
+      aria: {
+        openButton: "Abrir Herramientas de Desarrollo (Shift+`) o arrastrar para mover",
+        collapseButton: "Contraer panel de herramientas de desarrollo",
+        resizeHandle: "Cambiar tama\xF1o del panel de herramientas"
+      },
+      controls: {
+        heading: "Controles de Desarrollo",
+        screenset: "Conjunto de Pantallas:",
+        theme: "Tema:",
+        language: "Idioma:",
+        mockApi: "API Simulada"
+      }
+    };
+  }
+});
+
+// src/i18n/fa.json
+var require_fa = __commonJS({
+  "src/i18n/fa.json"(exports, module) {
+    module.exports = {
+      title: "\u0627\u0628\u0632\u0627\u0631\u0647\u0627\u06CC \u062A\u0648\u0633\u0639\u0647 HAI3",
+      aria: {
+        openButton: "\u0628\u0627\u0632 \u06A9\u0631\u062F\u0646 \u0627\u0628\u0632\u0627\u0631\u0647\u0627\u06CC \u062A\u0648\u0633\u0639\u0647 (Shift+`) \u06CC\u0627 \u06A9\u0634\u06CC\u062F\u0646 \u0628\u0631\u0627\u06CC \u062C\u0627\u0628\u062C\u0627\u06CC\u06CC",
+        collapseButton: "\u062C\u0645\u0639 \u06A9\u0631\u062F\u0646 \u067E\u0646\u0644 \u0627\u0628\u0632\u0627\u0631\u0647\u0627\u06CC \u062A\u0648\u0633\u0639\u0647",
+        resizeHandle: "\u062A\u063A\u06CC\u06CC\u0631 \u0627\u0646\u062F\u0627\u0632\u0647 \u067E\u0646\u0644 \u0627\u0628\u0632\u0627\u0631\u0647\u0627"
+      },
+      controls: {
+        heading: "\u06A9\u0646\u062A\u0631\u0644\u200C\u0647\u0627\u06CC \u062A\u0648\u0633\u0639\u0647",
+        screenset: "\u0645\u062C\u0645\u0648\u0639\u0647 \u0635\u0641\u062D\u0647\u200C\u0646\u0645\u0627\u06CC\u0634:",
+        theme: "\u067E\u0648\u0633\u062A\u0647:",
+        language: "\u0632\u0628\u0627\u0646:",
+        mockApi: "API \u0633\u0627\u062E\u062A\u06AF\u06CC"
+      }
+    };
+  }
+});
+
+// src/i18n/fi.json
+var require_fi = __commonJS({
+  "src/i18n/fi.json"(exports, module) {
+    module.exports = {
+      title: "HAI3 Kehitysty\xF6kalut",
+      aria: {
+        openButton: "Avaa Kehitysty\xF6kalut (Shift+`) tai ved\xE4 siirt\xE4\xE4ksesi",
+        collapseButton: "Tiivist\xE4 kehitysty\xF6kalupaneeli",
+        resizeHandle: "Muuta ty\xF6kalupaneelin kokoa"
+      },
+      controls: {
+        heading: "Kehitysohjaimet",
+        screenset: "N\xE4ytt\xF6sarja:",
+        theme: "Teema:",
+        language: "Kieli:",
+        mockApi: "Mock-API"
+      }
+    };
+  }
+});
+
+// src/i18n/fr.json
+var require_fr = __commonJS({
+  "src/i18n/fr.json"(exports, module) {
+    module.exports = {
+      title: "Outils de D\xE9veloppement HAI3",
+      aria: {
+        openButton: "Ouvrir les outils de d\xE9veloppement (Shift+`) ou glisser pour d\xE9placer",
+        collapseButton: "R\xE9duire le panneau des outils de d\xE9veloppement",
+        resizeHandle: "Redimensionner le panneau des outils"
+      },
+      controls: {
+        heading: "Contr\xF4les de D\xE9veloppement",
+        screenset: "Ensemble d'\xC9crans:",
+        theme: "Th\xE8me:",
+        language: "Langue:",
+        mockApi: "API Simul\xE9e"
+      }
+    };
+  }
+});
+
+// src/i18n/he.json
+var require_he = __commonJS({
+  "src/i18n/he.json"(exports, module) {
+    module.exports = {
+      title: "\u05DB\u05DC\u05D9 \u05E4\u05D9\u05EA\u05D5\u05D7 HAI3",
+      aria: {
+        openButton: "\u05E4\u05EA\u05D7 \u05DB\u05DC\u05D9 \u05E4\u05D9\u05EA\u05D5\u05D7 (Shift+`) \u05D0\u05D5 \u05D2\u05E8\u05D5\u05E8 \u05DC\u05D4\u05D6\u05D6\u05D4",
+        collapseButton: "\u05DB\u05D5\u05D5\u05E5 \u05D7\u05DC\u05D5\u05E0\u05D9\u05EA \u05DB\u05DC\u05D9 \u05E4\u05D9\u05EA\u05D5\u05D7",
+        resizeHandle: "\u05E9\u05E0\u05D4 \u05D2\u05D5\u05D3\u05DC \u05D7\u05DC\u05D5\u05E0\u05D9\u05EA \u05DB\u05DC\u05D9\u05DD"
+      },
+      controls: {
+        heading: "\u05D1\u05E7\u05E8\u05D5\u05EA \u05E4\u05D9\u05EA\u05D5\u05D7",
+        screenset: "\u05E2\u05E8\u05DB\u05EA \u05DE\u05E1\u05DB\u05D9\u05DD:",
+        theme: "\u05E2\u05E8\u05DB\u05EA \u05E0\u05D5\u05E9\u05D0:",
+        language: "\u05E9\u05E4\u05D4:",
+        mockApi: "API \u05DE\u05D3\u05D5\u05DE\u05D4"
+      }
+    };
+  }
+});
+
+// src/i18n/hi.json
+var require_hi = __commonJS({
+  "src/i18n/hi.json"(exports, module) {
+    module.exports = {
+      title: "HAI3 \u0921\u0947\u0935\u0932\u092A\u092E\u0947\u0902\u091F \u091F\u0942\u0932\u094D\u0938",
+      aria: {
+        openButton: "\u0921\u0947\u0935\u0932\u092A\u092E\u0947\u0902\u091F \u091F\u0942\u0932\u094D\u0938 \u0916\u094B\u0932\u0947\u0902 (Shift+`) \u092F\u093E \u0938\u094D\u0925\u093E\u0928\u093E\u0902\u0924\u0930\u093F\u0924 \u0915\u0930\u0928\u0947 \u0915\u0947 \u0932\u093F\u090F \u0916\u0940\u0902\u091A\u0947\u0902",
+        collapseButton: "\u0921\u0947\u0935\u0932\u092A\u092E\u0947\u0902\u091F \u091F\u0942\u0932\u094D\u0938 \u092A\u0948\u0928\u0932 \u0915\u094B \u0938\u0902\u0915\u094D\u0937\u093F\u092A\u094D\u0924 \u0915\u0930\u0947\u0902",
+        resizeHandle: "\u091F\u0942\u0932\u094D\u0938 \u092A\u0948\u0928\u0932 \u0915\u093E \u0906\u0915\u093E\u0930 \u092C\u0926\u0932\u0947\u0902"
+      },
+      controls: {
+        heading: "\u0935\u093F\u0915\u093E\u0938 \u0928\u093F\u092F\u0902\u0924\u094D\u0930\u0923",
+        screenset: "\u0938\u094D\u0915\u094D\u0930\u0940\u0928\u0938\u0947\u091F:",
+        theme: "\u0925\u0940\u092E:",
+        language: "\u092D\u093E\u0937\u093E:",
+        mockApi: "\u092E\u0949\u0915 API"
+      }
+    };
+  }
+});
+
+// src/i18n/hu.json
+var require_hu = __commonJS({
+  "src/i18n/hu.json"(exports, module) {
+    module.exports = {
+      title: "HAI3 Fejleszt\u0151i Eszk\xF6z\xF6k",
+      aria: {
+        openButton: "Fejleszt\u0151i Eszk\xF6z\xF6k megnyit\xE1sa (Shift+`) vagy h\xFAzza az \xE1thelyez\xE9shez",
+        collapseButton: "Fejleszt\u0151i eszk\xF6z\xF6k panel \xF6sszecsuk\xE1sa",
+        resizeHandle: "Eszk\xF6zpanel \xE1tm\xE9retez\xE9se"
+      },
+      controls: {
+        heading: "Fejleszt\xE9si Vez\xE9rl\u0151k",
+        screenset: "K\xE9perny\u0151k\xE9szlet:",
+        theme: "T\xE9ma:",
+        language: "Nyelv:",
+        mockApi: "Mock API"
+      }
+    };
+  }
+});
+
+// src/i18n/id.json
+var require_id = __commonJS({
+  "src/i18n/id.json"(exports, module) {
+    module.exports = {
+      title: "Alat Pengembangan HAI3",
+      aria: {
+        openButton: "Buka Alat Pengembangan (Shift+`) atau seret untuk memindahkan",
+        collapseButton: "Ciutkan panel alat pengembangan",
+        resizeHandle: "Ubah ukuran panel alat"
+      },
+      controls: {
+        heading: "Kontrol Pengembangan",
+        screenset: "Set Layar:",
+        theme: "Tema:",
+        language: "Bahasa:",
+        mockApi: "API Tiruan"
+      }
+    };
+  }
+});
+
+// src/i18n/it.json
+var require_it = __commonJS({
+  "src/i18n/it.json"(exports, module) {
+    module.exports = {
+      title: "Strumenti di Sviluppo HAI3",
+      aria: {
+        openButton: "Apri Strumenti di Sviluppo (Shift+`) o trascina per spostare",
+        collapseButton: "Comprimi pannello strumenti di sviluppo",
+        resizeHandle: "Ridimensiona pannello strumenti"
+      },
+      controls: {
+        heading: "Controlli di Sviluppo",
+        screenset: "Set di Schermate:",
+        theme: "Tema:",
+        language: "Lingua:",
+        mockApi: "API Simulata"
+      }
+    };
+  }
+});
+
+// src/i18n/ja.json
+var require_ja = __commonJS({
+  "src/i18n/ja.json"(exports, module) {
+    module.exports = {
+      title: "HAI3 \u958B\u767A\u30C4\u30FC\u30EB",
+      aria: {
+        openButton: "\u958B\u767A\u30C4\u30FC\u30EB\u3092\u958B\u304F (Shift+`) \u307E\u305F\u306F\u30C9\u30E9\u30C3\u30B0\u3057\u3066\u79FB\u52D5",
+        collapseButton: "\u958B\u767A\u30C4\u30FC\u30EB\u30D1\u30CD\u30EB\u3092\u6298\u308A\u305F\u305F\u3080",
+        resizeHandle: "\u30C4\u30FC\u30EB\u30D1\u30CD\u30EB\u306E\u30B5\u30A4\u30BA\u3092\u5909\u66F4"
+      },
+      controls: {
+        heading: "\u958B\u767A\u30B3\u30F3\u30C8\u30ED\u30FC\u30EB",
+        screenset: "\u30B9\u30AF\u30EA\u30FC\u30F3\u30BB\u30C3\u30C8:",
+        theme: "\u30C6\u30FC\u30DE:",
+        language: "\u8A00\u8A9E:",
+        mockApi: "\u30E2\u30C3\u30AF API"
+      }
+    };
+  }
+});
+
+// src/i18n/ko.json
+var require_ko = __commonJS({
+  "src/i18n/ko.json"(exports, module) {
+    module.exports = {
+      title: "HAI3 \uAC1C\uBC1C \uB3C4\uAD6C",
+      aria: {
+        openButton: "\uAC1C\uBC1C \uB3C4\uAD6C \uC5F4\uAE30 (Shift+`) \uB610\uB294 \uB4DC\uB798\uADF8\uD558\uC5EC \uC774\uB3D9",
+        collapseButton: "\uAC1C\uBC1C \uB3C4\uAD6C \uD328\uB110 \uC811\uAE30",
+        resizeHandle: "\uB3C4\uAD6C \uD328\uB110 \uD06C\uAE30 \uC870\uC815"
+      },
+      controls: {
+        heading: "\uAC1C\uBC1C \uC81C\uC5B4",
+        screenset: "\uD654\uBA74 \uC138\uD2B8:",
+        theme: "\uD14C\uB9C8:",
+        language: "\uC5B8\uC5B4:",
+        mockApi: "\uBAA8\uC758 API"
+      }
+    };
+  }
+});
+
+// src/i18n/ms.json
+var require_ms = __commonJS({
+  "src/i18n/ms.json"(exports, module) {
+    module.exports = {
+      title: "Alat Pembangun HAI3",
+      aria: {
+        openButton: "Buka Alat Pembangun (Shift+`) atau seret untuk alih",
+        collapseButton: "Runtuhkan panel alat pembangun",
+        resizeHandle: "Ubah saiz panel alat"
+      },
+      controls: {
+        heading: "Kawalan Pembangunan",
+        screenset: "Set Skrin:",
+        theme: "Tema:",
+        language: "Bahasa:",
+        mockApi: "API Palsu"
+      }
+    };
+  }
+});
+
+// src/i18n/nl.json
+var require_nl = __commonJS({
+  "src/i18n/nl.json"(exports, module) {
+    module.exports = {
+      title: "HAI3 Ontwikkeltools",
+      aria: {
+        openButton: "Open Ontwikkeltools (Shift+`) of sleep om te verplaatsen",
+        collapseButton: "Ontwikkeltools paneel inklappen",
+        resizeHandle: "Formaat van tools paneel wijzigen"
+      },
+      controls: {
+        heading: "Ontwikkelingsbesturing",
+        screenset: "Schermset:",
+        theme: "Thema:",
+        language: "Taal:",
+        mockApi: "Nep-API"
+      }
+    };
+  }
+});
+
+// src/i18n/no.json
+var require_no = __commonJS({
+  "src/i18n/no.json"(exports, module) {
+    module.exports = {
+      title: "HAI3 Utviklingsverkt\xF8y",
+      aria: {
+        openButton: "\xC5pne Utviklingsverkt\xF8y (Shift+`) eller dra for \xE5 flytte",
+        collapseButton: "Skjul utviklingsverkt\xF8ypanelet",
+        resizeHandle: "Endre st\xF8rrelse p\xE5 verkt\xF8ypanelet"
+      },
+      controls: {
+        heading: "Utviklingskontroller",
+        screenset: "Skjermsett:",
+        theme: "Tema:",
+        language: "Spr\xE5k:",
+        mockApi: "Mock-API"
+      }
+    };
+  }
+});
+
+// src/i18n/pl.json
+var require_pl = __commonJS({
+  "src/i18n/pl.json"(exports, module) {
+    module.exports = {
+      title: "Narz\u0119dzia programistyczne HAI3",
+      aria: {
+        openButton: "Otw\xF3rz narz\u0119dzia programistyczne (Shift+`) lub przeci\u0105gnij, aby przenie\u015B\u0107",
+        collapseButton: "Zwi\u0144 panel narz\u0119dzi programistycznych",
+        resizeHandle: "Zmie\u0144 rozmiar panelu narz\u0119dzi"
+      },
+      controls: {
+        heading: "Kontrolki programistyczne",
+        screenset: "Zestaw ekran\xF3w:",
+        theme: "Motyw:",
+        language: "J\u0119zyk:",
+        mockApi: "Fikcyjne API"
+      }
+    };
+  }
+});
+
+// src/i18n/pt.json
+var require_pt = __commonJS({
+  "src/i18n/pt.json"(exports, module) {
+    module.exports = {
+      title: "Ferramentas de Desenvolvimento HAI3",
+      aria: {
+        openButton: "Abrir Ferramentas de Desenvolvimento (Shift+`) ou arrastar para mover",
+        collapseButton: "Recolher painel de ferramentas de desenvolvimento",
+        resizeHandle: "Redimensionar painel de ferramentas"
+      },
+      controls: {
+        heading: "Controles de Desenvolvimento",
+        screenset: "Conjunto de Telas:",
+        theme: "Tema:",
+        language: "Idioma:",
+        mockApi: "API Simulada"
+      }
+    };
+  }
+});
+
+// src/i18n/ro.json
+var require_ro = __commonJS({
+  "src/i18n/ro.json"(exports, module) {
+    module.exports = {
+      title: "Instrumente de Dezvoltare HAI3",
+      aria: {
+        openButton: "Deschide Instrumente de Dezvoltare (Shift+`) sau trage pentru a muta",
+        collapseButton: "Restr\xE2nge panoul instrumentelor de dezvoltare",
+        resizeHandle: "Redimensioneaz\u0103 panoul instrumentelor"
+      },
+      controls: {
+        heading: "Controale de Dezvoltare",
+        screenset: "Set de Ecrane:",
+        theme: "Tem\u0103:",
+        language: "Limb\u0103:",
+        mockApi: "API Simulat"
+      }
+    };
+  }
+});
+
+// src/i18n/ru.json
+var require_ru = __commonJS({
+  "src/i18n/ru.json"(exports, module) {
+    module.exports = {
+      title: "\u0418\u043D\u0441\u0442\u0440\u0443\u043C\u0435\u043D\u0442\u044B \u0440\u0430\u0437\u0440\u0430\u0431\u043E\u0442\u043A\u0438 HAI3",
+      aria: {
+        openButton: "\u041E\u0442\u043A\u0440\u044B\u0442\u044C \u0438\u043D\u0441\u0442\u0440\u0443\u043C\u0435\u043D\u0442\u044B \u0440\u0430\u0437\u0440\u0430\u0431\u043E\u0442\u043A\u0438 (Shift+`) \u0438\u043B\u0438 \u043F\u0435\u0440\u0435\u0442\u0430\u0449\u0438\u0442\u044C \u0434\u043B\u044F \u043F\u0435\u0440\u0435\u043C\u0435\u0449\u0435\u043D\u0438\u044F",
+        collapseButton: "\u0421\u0432\u0435\u0440\u043D\u0443\u0442\u044C \u043F\u0430\u043D\u0435\u043B\u044C \u0438\u043D\u0441\u0442\u0440\u0443\u043C\u0435\u043D\u0442\u043E\u0432 \u0440\u0430\u0437\u0440\u0430\u0431\u043E\u0442\u043A\u0438",
+        resizeHandle: "\u0418\u0437\u043C\u0435\u043D\u0438\u0442\u044C \u0440\u0430\u0437\u043C\u0435\u0440 \u043F\u0430\u043D\u0435\u043B\u0438 \u0438\u043D\u0441\u0442\u0440\u0443\u043C\u0435\u043D\u0442\u043E\u0432"
+      },
+      controls: {
+        heading: "\u042D\u043B\u0435\u043C\u0435\u043D\u0442\u044B \u0443\u043F\u0440\u0430\u0432\u043B\u0435\u043D\u0438\u044F \u0440\u0430\u0437\u0440\u0430\u0431\u043E\u0442\u043A\u043E\u0439",
+        screenset: "\u041D\u0430\u0431\u043E\u0440 \u044D\u043A\u0440\u0430\u043D\u043E\u0432:",
+        theme: "\u0422\u0435\u043C\u0430:",
+        language: "\u042F\u0437\u044B\u043A:",
+        mockApi: "\u0424\u0438\u043A\u0442\u0438\u0432\u043D\u044B\u0439 API"
+      }
+    };
+  }
+});
+
+// src/i18n/sv.json
+var require_sv = __commonJS({
+  "src/i18n/sv.json"(exports, module) {
+    module.exports = {
+      title: "HAI3 Utvecklingsverktyg",
+      aria: {
+        openButton: "\xD6ppna Utvecklingsverktyg (Shift+`) eller dra f\xF6r att flytta",
+        collapseButton: "F\xE4ll ihop utvecklingsverktygspanelen",
+        resizeHandle: "\xC4ndra storlek p\xE5 verktygspanelen"
+      },
+      controls: {
+        heading: "Utvecklingskontroller",
+        screenset: "Sk\xE4rmupps\xE4ttning:",
+        theme: "Tema:",
+        language: "Spr\xE5k:",
+        mockApi: "Mock-API"
+      }
+    };
+  }
+});
+
+// src/i18n/sw.json
+var require_sw = __commonJS({
+  "src/i18n/sw.json"(exports, module) {
+    module.exports = {
+      title: "Zana za Utengenezaji wa HAI3",
+      aria: {
+        openButton: "Fungua Zana za Utengenezaji (Shift+`) au buruta ili kuhamisha",
+        collapseButton: "Kunja paneli ya zana za utengenezaji",
+        resizeHandle: "Badilisha ukubwa wa paneli ya zana"
+      },
+      controls: {
+        heading: "Vidhibiti vya Maendeleo",
+        screenset: "Seti ya Skrini:",
+        theme: "Mandhari:",
+        language: "Lugha:",
+        mockApi: "API ya Majaribio"
+      }
+    };
+  }
+});
+
+// src/i18n/ta.json
+var require_ta = __commonJS({
+  "src/i18n/ta.json"(exports, module) {
+    module.exports = {
+      title: "HAI3 \u0BAE\u0BC7\u0BAE\u0BCD\u0BAA\u0BBE\u0B9F\u0BCD\u0B9F\u0BC1 \u0B95\u0BB0\u0BC1\u0BB5\u0BBF\u0B95\u0BB3\u0BCD",
+      aria: {
+        openButton: "\u0BAE\u0BC7\u0BAE\u0BCD\u0BAA\u0BBE\u0B9F\u0BCD\u0B9F\u0BC1 \u0B95\u0BB0\u0BC1\u0BB5\u0BBF\u0B95\u0BB3\u0BC8\u0BA4\u0BCD \u0BA4\u0BBF\u0BB1 (Shift+`) \u0B85\u0BB2\u0BCD\u0BB2\u0BA4\u0BC1 \u0BA8\u0B95\u0BB0\u0BCD\u0BA4\u0BCD\u0BA4 \u0B87\u0BB4\u0BC1\u0B95\u0BCD\u0B95\u0BB5\u0BC1\u0BAE\u0BCD",
+        collapseButton: "\u0BAE\u0BC7\u0BAE\u0BCD\u0BAA\u0BBE\u0B9F\u0BCD\u0B9F\u0BC1 \u0B95\u0BB0\u0BC1\u0BB5\u0BBF\u0B95\u0BB3\u0BCD \u0BAA\u0BB2\u0B95\u0BA4\u0BCD\u0BA4\u0BC8 \u0BAE\u0B9F\u0BBF\u0B95\u0BCD\u0B95\u0BB5\u0BC1\u0BAE\u0BCD",
+        resizeHandle: "\u0B95\u0BB0\u0BC1\u0BB5\u0BBF\u0B95\u0BB3\u0BCD \u0BAA\u0BB2\u0B95\u0BA4\u0BCD\u0BA4\u0BBF\u0BA9\u0BCD \u0B85\u0BB3\u0BB5\u0BC8 \u0BAE\u0BBE\u0BB1\u0BCD\u0BB1\u0BB5\u0BC1\u0BAE\u0BCD"
+      },
+      controls: {
+        heading: "\u0BAE\u0BC7\u0BAE\u0BCD\u0BAA\u0BBE\u0B9F\u0BCD\u0B9F\u0BC1 \u0B95\u0B9F\u0BCD\u0B9F\u0BC1\u0BAA\u0BCD\u0BAA\u0BBE\u0B9F\u0BC1\u0B95\u0BB3\u0BCD",
+        screenset: "\u0BA4\u0BBF\u0BB0\u0BC8\u0BA4\u0BCD \u0BA4\u0BCA\u0B95\u0BC1\u0BAA\u0BCD\u0BAA\u0BC1:",
+        theme: "\u0BA4\u0BC0\u0BAE\u0BCD:",
+        language: "\u0BAE\u0BCA\u0BB4\u0BBF:",
+        mockApi: "\u0BAA\u0BCB\u0BB2\u0BBF API"
+      }
+    };
+  }
+});
+
+// src/i18n/th.json
+var require_th = __commonJS({
+  "src/i18n/th.json"(exports, module) {
+    module.exports = {
+      title: "\u0E40\u0E04\u0E23\u0E37\u0E48\u0E2D\u0E07\u0E21\u0E37\u0E2D\u0E1E\u0E31\u0E12\u0E19\u0E32 HAI3",
+      aria: {
+        openButton: "\u0E40\u0E1B\u0E34\u0E14\u0E40\u0E04\u0E23\u0E37\u0E48\u0E2D\u0E07\u0E21\u0E37\u0E2D\u0E1E\u0E31\u0E12\u0E19\u0E32 (Shift+`) \u0E2B\u0E23\u0E37\u0E2D\u0E25\u0E32\u0E01\u0E40\u0E1E\u0E37\u0E48\u0E2D\u0E22\u0E49\u0E32\u0E22",
+        collapseButton: "\u0E22\u0E38\u0E1A\u0E41\u0E1C\u0E07\u0E40\u0E04\u0E23\u0E37\u0E48\u0E2D\u0E07\u0E21\u0E37\u0E2D\u0E1E\u0E31\u0E12\u0E19\u0E32",
+        resizeHandle: "\u0E1B\u0E23\u0E31\u0E1A\u0E02\u0E19\u0E32\u0E14\u0E41\u0E1C\u0E07\u0E40\u0E04\u0E23\u0E37\u0E48\u0E2D\u0E07\u0E21\u0E37\u0E2D"
+      },
+      controls: {
+        heading: "\u0E04\u0E27\u0E1A\u0E04\u0E38\u0E21\u0E01\u0E32\u0E23\u0E1E\u0E31\u0E12\u0E19\u0E32",
+        screenset: "\u0E0A\u0E38\u0E14\u0E2B\u0E19\u0E49\u0E32\u0E08\u0E2D:",
+        theme: "\u0E18\u0E35\u0E21:",
+        language: "\u0E20\u0E32\u0E29\u0E32:",
+        mockApi: "API \u0E08\u0E33\u0E25\u0E2D\u0E07"
+      }
+    };
+  }
+});
+
+// src/i18n/tl.json
+var require_tl = __commonJS({
+  "src/i18n/tl.json"(exports, module) {
+    module.exports = {
+      title: "Mga Kasangkapan sa Pag-develop ng HAI3",
+      aria: {
+        openButton: "Buksan ang Mga Kasangkapan sa Pag-develop (Shift+`) o i-drag upang ilipat",
+        collapseButton: "I-collapse ang panel ng mga kasangkapan sa pag-develop",
+        resizeHandle: "Baguhin ang laki ng panel ng mga kasangkapan"
+      },
+      controls: {
+        heading: "Mga Kontrol sa Pag-unlad",
+        screenset: "Hanay ng Screen:",
+        theme: "Tema:",
+        language: "Wika:",
+        mockApi: "Mock API"
+      }
+    };
+  }
+});
+
+// src/i18n/tr.json
+var require_tr = __commonJS({
+  "src/i18n/tr.json"(exports, module) {
+    module.exports = {
+      title: "HAI3 Geli\u015Ftirici Ara\xE7lar\u0131",
+      aria: {
+        openButton: "Geli\u015Ftirici Ara\xE7lar\u0131n\u0131 A\xE7 (Shift+`) veya ta\u015F\u0131mak i\xE7in s\xFCr\xFCkle",
+        collapseButton: "Geli\u015Ftirici ara\xE7lar\u0131 panelini daralt",
+        resizeHandle: "Ara\xE7 panelini yeniden boyutland\u0131r"
+      },
+      controls: {
+        heading: "Geli\u015Ftirme Kontrolleri",
+        screenset: "Ekran Seti:",
+        theme: "Tema:",
+        language: "Dil:",
+        mockApi: "Sahte API"
+      }
+    };
+  }
+});
+
+// src/i18n/uk.json
+var require_uk = __commonJS({
+  "src/i18n/uk.json"(exports, module) {
+    module.exports = {
+      title: "\u0406\u043D\u0441\u0442\u0440\u0443\u043C\u0435\u043D\u0442\u0438 \u0440\u043E\u0437\u0440\u043E\u0431\u043A\u0438 HAI3",
+      aria: {
+        openButton: "\u0412\u0456\u0434\u043A\u0440\u0438\u0442\u0438 \u0456\u043D\u0441\u0442\u0440\u0443\u043C\u0435\u043D\u0442\u0438 \u0440\u043E\u0437\u0440\u043E\u0431\u043A\u0438 (Shift+`) \u0430\u0431\u043E \u043F\u0435\u0440\u0435\u0442\u044F\u0433\u043D\u0443\u0442\u0438 \u0434\u043B\u044F \u043F\u0435\u0440\u0435\u043C\u0456\u0449\u0435\u043D\u043D\u044F",
+        collapseButton: "\u0417\u0433\u043E\u0440\u043D\u0443\u0442\u0438 \u043F\u0430\u043D\u0435\u043B\u044C \u0456\u043D\u0441\u0442\u0440\u0443\u043C\u0435\u043D\u0442\u0456\u0432 \u0440\u043E\u0437\u0440\u043E\u0431\u043A\u0438",
+        resizeHandle: "\u0417\u043C\u0456\u043D\u0438\u0442\u0438 \u0440\u043E\u0437\u043C\u0456\u0440 \u043F\u0430\u043D\u0435\u043B\u0456 \u0456\u043D\u0441\u0442\u0440\u0443\u043C\u0435\u043D\u0442\u0456\u0432"
+      },
+      controls: {
+        heading: "\u0415\u043B\u0435\u043C\u0435\u043D\u0442\u0438 \u043A\u0435\u0440\u0443\u0432\u0430\u043D\u043D\u044F \u0440\u043E\u0437\u0440\u043E\u0431\u043A\u043E\u044E",
+        screenset: "\u041D\u0430\u0431\u0456\u0440 \u0435\u043A\u0440\u0430\u043D\u0456\u0432:",
+        theme: "\u0422\u0435\u043C\u0430:",
+        language: "\u041C\u043E\u0432\u0430:",
+        mockApi: "\u0424\u0456\u043A\u0442\u0438\u0432\u043D\u0438\u0439 API"
+      }
+    };
+  }
+});
+
+// src/i18n/ur.json
+var require_ur = __commonJS({
+  "src/i18n/ur.json"(exports, module) {
+    module.exports = {
+      title: "HAI3 \u0688\u0648\u06CC\u0644\u067E\u0645\u0646\u0679 \u0679\u0648\u0644\u0632",
+      aria: {
+        openButton: "\u0688\u0648\u06CC\u0644\u067E\u0645\u0646\u0679 \u0679\u0648\u0644\u0632 \u06A9\u06BE\u0648\u0644\u06CC\u06BA (Shift+`) \u06CC\u0627 \u0645\u0646\u062A\u0642\u0644 \u06A9\u0631\u0646\u06D2 \u06A9\u06D2 \u0644\u06CC\u06D2 \u06AF\u06BE\u0633\u06CC\u0679\u06CC\u06BA",
+        collapseButton: "\u0688\u0648\u06CC\u0644\u067E\u0645\u0646\u0679 \u0679\u0648\u0644\u0632 \u067E\u06CC\u0646\u0644 \u06A9\u0648 \u0633\u06A9\u06CC\u0691\u06CC\u06BA",
+        resizeHandle: "\u0679\u0648\u0644\u0632 \u067E\u06CC\u0646\u0644 \u06A9\u0627 \u0633\u0627\u0626\u0632 \u062A\u0628\u062F\u06CC\u0644 \u06A9\u0631\u06CC\u06BA"
+      },
+      controls: {
+        heading: "\u0688\u0648\u06CC\u0644\u067E\u0645\u0646\u0679 \u06A9\u0646\u0679\u0631\u0648\u0644\u0632",
+        screenset: "\u0627\u0633\u06A9\u0631\u06CC\u0646 \u0633\u06CC\u0679:",
+        theme: "\u062A\u06BE\u06CC\u0645:",
+        language: "\u0632\u0628\u0627\u0646:",
+        mockApi: "\u0641\u0631\u0636\u06CC API"
+      }
+    };
+  }
+});
+
+// src/i18n/vi.json
+var require_vi = __commonJS({
+  "src/i18n/vi.json"(exports, module) {
+    module.exports = {
+      title: "C\xF4ng c\u1EE5 Ph\xE1t tri\u1EC3n HAI3",
+      aria: {
+        openButton: "M\u1EDF C\xF4ng c\u1EE5 Ph\xE1t tri\u1EC3n (Shift+`) ho\u1EB7c k\xE9o \u0111\u1EC3 di chuy\u1EC3n",
+        collapseButton: "Thu g\u1ECDn b\u1EA3ng c\xF4ng c\u1EE5 ph\xE1t tri\u1EC3n",
+        resizeHandle: "Thay \u0111\u1ED5i k\xEDch th\u01B0\u1EDBc b\u1EA3ng c\xF4ng c\u1EE5"
+      },
+      controls: {
+        heading: "\u0110i\u1EC1u khi\u1EC3n Ph\xE1t tri\u1EC3n",
+        screenset: "B\u1ED9 M\xE0n h\xECnh:",
+        theme: "Ch\u1EE7 \u0111\u1EC1:",
+        language: "Ng\xF4n ng\u1EEF:",
+        mockApi: "API Gi\u1EA3 l\u1EADp"
+      }
+    };
+  }
+});
+
+// src/i18n/zh-TW.json
+var require_zh_TW = __commonJS({
+  "src/i18n/zh-TW.json"(exports, module) {
+    module.exports = {
+      title: "HAI3 \u958B\u767C\u5DE5\u5177",
+      aria: {
+        openButton: "\u958B\u555F\u958B\u767C\u5DE5\u5177 (Shift+`) \u6216\u62D6\u66F3\u79FB\u52D5",
+        collapseButton: "\u6536\u5408\u958B\u767C\u5DE5\u5177\u9762\u677F",
+        resizeHandle: "\u8ABF\u6574\u5DE5\u5177\u9762\u677F\u5927\u5C0F"
+      },
+      controls: {
+        heading: "\u958B\u767C\u63A7\u5236\u9805",
+        screenset: "\u87A2\u5E55\u96C6:",
+        theme: "\u4E3B\u984C:",
+        language: "\u8A9E\u8A00:",
+        mockApi: "\u6A21\u64EC API"
+      }
+    };
+  }
+});
+
+// src/i18n/zh.json
+var require_zh = __commonJS({
+  "src/i18n/zh.json"(exports, module) {
+    module.exports = {
+      title: "HAI3 \u5F00\u53D1\u5DE5\u5177",
+      aria: {
+        openButton: "\u6253\u5F00\u5F00\u53D1\u5DE5\u5177 (Shift+`) \u6216\u62D6\u52A8\u79FB\u52A8",
+        collapseButton: "\u6298\u53E0\u5F00\u53D1\u5DE5\u5177\u9762\u677F",
+        resizeHandle: "\u8C03\u6574\u5DE5\u5177\u9762\u677F\u5927\u5C0F"
+      },
+      controls: {
+        heading: "\u5F00\u53D1\u63A7\u5236",
+        screenset: "\u5C4F\u5E55\u96C6:",
+        theme: "\u4E3B\u9898:",
+        language: "\u8BED\u8A00:",
+        mockApi: "\u6A21\u62DF API"
+      }
+    };
+  }
+});
+
+// src/utils/persistence.ts
+var saveStudioState = (key, value) => {
+  try {
+    localStorage.setItem(key, JSON.stringify(value));
+  } catch (e) {
+    console.warn(`[Studio] Failed to save state for ${key}:`, e);
+  }
+};
+var loadStudioState = (key, defaultValue) => {
+  try {
+    const item = localStorage.getItem(key);
+    return item ? JSON.parse(item) : defaultValue;
+  } catch (e) {
+    console.warn(`[Studio] Failed to load state for ${key}:`, e);
+    return defaultValue;
+  }
+};
+
+// src/types.ts
+var PANEL_CONSTRAINTS = {
+  MIN_WIDTH: 320,
+  MIN_HEIGHT: 400,
+  MAX_WIDTH: 600,
+  MAX_HEIGHT: 800,
+  DEFAULT_WIDTH: 400,
+  DEFAULT_HEIGHT: 500
+};
+var BUTTON_SIZE = {
+  width: 48,
+  height: 48
+};
+var STORAGE_PREFIX = "hai3:studio:";
+var STORAGE_KEYS = {
+  POSITION: `${STORAGE_PREFIX}position`,
+  SIZE: `${STORAGE_PREFIX}size`,
+  COLLAPSED: `${STORAGE_PREFIX}collapsed`,
+  BUTTON_POSITION: `${STORAGE_PREFIX}buttonPosition`
+};
+
+// src/events/studioEvents.ts
+var StudioEvents = {
+  PositionChanged: "studio/positionChanged",
+  SizeChanged: "studio/sizeChanged",
+  ButtonPositionChanged: "studio/buttonPositionChanged"
+};
+
+// src/effects/persistenceEffects.ts
+var initPersistenceEffects = () => {
+  const positionSubscription = eventBus.on(
+    StudioEvents.PositionChanged,
+    ({ position }) => {
+      saveStudioState(STORAGE_KEYS.POSITION, position);
+    }
+  );
+  const sizeSubscription = eventBus.on(
+    StudioEvents.SizeChanged,
+    ({ size }) => {
+      saveStudioState(STORAGE_KEYS.SIZE, size);
+    }
+  );
+  const buttonPositionSubscription = eventBus.on(
+    StudioEvents.ButtonPositionChanged,
+    ({ position }) => {
+      saveStudioState(STORAGE_KEYS.BUTTON_POSITION, position);
+    }
+  );
+  return () => {
+    positionSubscription.unsubscribe();
+    sizeSubscription.unsubscribe();
+    buttonPositionSubscription.unsubscribe();
+  };
+};
+var studioTranslations = I18nRegistry.createLoader({
+  [Language.English]: () => Promise.resolve().then(() => __toESM(require_en())),
+  [Language.Arabic]: () => Promise.resolve().then(() => __toESM(require_ar())),
+  [Language.Bengali]: () => Promise.resolve().then(() => __toESM(require_bn())),
+  [Language.Czech]: () => Promise.resolve().then(() => __toESM(require_cs())),
+  [Language.Danish]: () => Promise.resolve().then(() => __toESM(require_da())),
+  [Language.German]: () => Promise.resolve().then(() => __toESM(require_de())),
+  [Language.Greek]: () => Promise.resolve().then(() => __toESM(require_el())),
+  [Language.Spanish]: () => Promise.resolve().then(() => __toESM(require_es())),
+  [Language.Persian]: () => Promise.resolve().then(() => __toESM(require_fa())),
+  [Language.Finnish]: () => Promise.resolve().then(() => __toESM(require_fi())),
+  [Language.French]: () => Promise.resolve().then(() => __toESM(require_fr())),
+  [Language.Hebrew]: () => Promise.resolve().then(() => __toESM(require_he())),
+  [Language.Hindi]: () => Promise.resolve().then(() => __toESM(require_hi())),
+  [Language.Hungarian]: () => Promise.resolve().then(() => __toESM(require_hu())),
+  [Language.Indonesian]: () => Promise.resolve().then(() => __toESM(require_id())),
+  [Language.Italian]: () => Promise.resolve().then(() => __toESM(require_it())),
+  [Language.Japanese]: () => Promise.resolve().then(() => __toESM(require_ja())),
+  [Language.Korean]: () => Promise.resolve().then(() => __toESM(require_ko())),
+  [Language.Malay]: () => Promise.resolve().then(() => __toESM(require_ms())),
+  [Language.Dutch]: () => Promise.resolve().then(() => __toESM(require_nl())),
+  [Language.Norwegian]: () => Promise.resolve().then(() => __toESM(require_no())),
+  [Language.Polish]: () => Promise.resolve().then(() => __toESM(require_pl())),
+  [Language.Portuguese]: () => Promise.resolve().then(() => __toESM(require_pt())),
+  [Language.Romanian]: () => Promise.resolve().then(() => __toESM(require_ro())),
+  [Language.Russian]: () => Promise.resolve().then(() => __toESM(require_ru())),
+  [Language.Swedish]: () => Promise.resolve().then(() => __toESM(require_sv())),
+  [Language.Swahili]: () => Promise.resolve().then(() => __toESM(require_sw())),
+  [Language.Tamil]: () => Promise.resolve().then(() => __toESM(require_ta())),
+  [Language.Thai]: () => Promise.resolve().then(() => __toESM(require_th())),
+  [Language.Tagalog]: () => Promise.resolve().then(() => __toESM(require_tl())),
+  [Language.Turkish]: () => Promise.resolve().then(() => __toESM(require_tr())),
+  [Language.Ukrainian]: () => Promise.resolve().then(() => __toESM(require_uk())),
+  [Language.Urdu]: () => Promise.resolve().then(() => __toESM(require_ur())),
+  [Language.Vietnamese]: () => Promise.resolve().then(() => __toESM(require_vi())),
+  [Language.ChineseTraditional]: () => Promise.resolve().then(() => __toESM(require_zh_TW())),
+  [Language.ChineseSimplified]: () => Promise.resolve().then(() => __toESM(require_zh()))
+});
+i18nRegistry.registerLoader("studio", studioTranslations);
+var StudioContext = createContext(void 0);
+var useStudioContext = () => {
+  const context = useContext(StudioContext);
+  if (!context) {
+    throw new Error("useStudioContext must be used within StudioProvider");
+  }
+  return context;
+};
+var StudioProvider = ({ children }) => {
+  const [collapsed, setCollapsed] = useState(
+    () => loadStudioState(STORAGE_KEYS.COLLAPSED, false)
+  );
+  const [portalContainer, setPortalContainer] = useState(null);
+  useEffect(() => {
+    const cleanup = initPersistenceEffects();
+    return cleanup;
+  }, []);
+  const toggleCollapsed = useCallback(() => {
+    setCollapsed((prev) => {
+      const newValue = !prev;
+      saveStudioState(STORAGE_KEYS.COLLAPSED, newValue);
+      return newValue;
+    });
+  }, []);
+  return /* @__PURE__ */ jsx(
+    StudioContext.Provider,
+    {
+      value: {
+        collapsed,
+        toggleCollapsed,
+        portalContainer,
+        setPortalContainer
+      },
+      children
+    }
+  );
+};
+StudioProvider.displayName = "StudioProvider";
+var useDraggable = ({ panelSize, storageKey = STORAGE_KEYS.POSITION }) => {
+  const getDefaultPosition = () => ({
+    x: window.innerWidth - panelSize.width - 20,
+    y: window.innerHeight - panelSize.height - 20
+  });
+  const [position, setPosition] = useState(
+    () => loadStudioState(storageKey, getDefaultPosition())
+  );
+  const [isDragging, setIsDragging] = useState(false);
+  const dragStartPos = useRef({ x: 0, y: 0 });
+  const handleMouseDown = useCallback((e) => {
+    setIsDragging(true);
+    dragStartPos.current = {
+      x: e.clientX - position.x,
+      y: e.clientY - position.y
+    };
+  }, [position]);
+  useEffect(() => {
+    if (!isDragging) return;
+    const handleMouseMove = (e) => {
+      const newX = clamp(
+        e.clientX - dragStartPos.current.x,
+        0,
+        window.innerWidth - panelSize.width
+      );
+      const newY = clamp(
+        e.clientY - dragStartPos.current.y,
+        0,
+        window.innerHeight - panelSize.height
+      );
+      const newPosition = { x: newX, y: newY };
+      setPosition(newPosition);
+      const eventName = storageKey === STORAGE_KEYS.BUTTON_POSITION ? StudioEvents.ButtonPositionChanged : StudioEvents.PositionChanged;
+      eventBus.emit(eventName, { position: newPosition });
+    };
+    const handleMouseUp = () => {
+      setIsDragging(false);
+    };
+    window.addEventListener("mousemove", handleMouseMove);
+    window.addEventListener("mouseup", handleMouseUp);
+    return () => {
+      window.removeEventListener("mousemove", handleMouseMove);
+      window.removeEventListener("mouseup", handleMouseUp);
+    };
+  }, [isDragging, panelSize.width, panelSize.height, storageKey]);
+  return {
+    position,
+    isDragging,
+    handleMouseDown
+  };
+};
+var useResizable = () => {
+  const [size, setSize] = useState(
+    () => loadStudioState(STORAGE_KEYS.SIZE, {
+      width: PANEL_CONSTRAINTS.DEFAULT_WIDTH,
+      height: PANEL_CONSTRAINTS.DEFAULT_HEIGHT
+    })
+  );
+  const [isResizing, setIsResizing] = useState(false);
+  const resizeStartRef = useRef(null);
+  const handleMouseDown = useCallback((e) => {
+    e.stopPropagation();
+    resizeStartRef.current = {
+      mouseX: e.clientX,
+      mouseY: e.clientY,
+      width: size.width,
+      height: size.height
+    };
+    setIsResizing(true);
+  }, [size.width, size.height]);
+  useEffect(() => {
+    if (!isResizing || !resizeStartRef.current) return;
+    const startState = resizeStartRef.current;
+    document.body.style.userSelect = "none";
+    document.body.style.cursor = "nwse-resize";
+    const handleMouseMove = (e) => {
+      const deltaX = e.clientX - startState.mouseX;
+      const deltaY = e.clientY - startState.mouseY;
+      const newWidth = clamp(
+        startState.width + deltaX,
+        PANEL_CONSTRAINTS.MIN_WIDTH,
+        PANEL_CONSTRAINTS.MAX_WIDTH
+      );
+      const newHeight = clamp(
+        startState.height + deltaY,
+        PANEL_CONSTRAINTS.MIN_HEIGHT,
+        PANEL_CONSTRAINTS.MAX_HEIGHT
+      );
+      const newSize = { width: newWidth, height: newHeight };
+      setSize(newSize);
+      eventBus.emit(StudioEvents.SizeChanged, { size: newSize });
+    };
+    const handleMouseUp = () => {
+      setIsResizing(false);
+      resizeStartRef.current = null;
+      document.body.style.userSelect = "";
+      document.body.style.cursor = "";
+    };
+    window.addEventListener("mousemove", handleMouseMove);
+    window.addEventListener("mouseup", handleMouseUp);
+    return () => {
+      window.removeEventListener("mousemove", handleMouseMove);
+      window.removeEventListener("mouseup", handleMouseUp);
+      document.body.style.userSelect = "";
+      document.body.style.cursor = "";
+    };
+  }, [isResizing]);
+  return {
+    size,
+    isResizing,
+    handleMouseDown
+  };
+};
+var ThemeSelector = ({
+  className = ""
+}) => {
+  const dispatch = useAppDispatch();
+  const currentTheme = useAppSelector((state) => state.uicore.layout.theme);
+  const { portalContainer } = useStudioContext();
+  const { t } = useTranslation();
+  const formatThemeName = (themeName) => {
+    return themeName.split("-").map((word) => upperFirst(word)).join(" ");
+  };
+  const availableThemes = themeRegistry.getThemeNames();
+  return /* @__PURE__ */ jsxs("div", { className: `flex items-center justify-between ${className}`, children: [
+    /* @__PURE__ */ jsx("label", { className: "text-sm text-muted-foreground whitespace-nowrap", children: t("studio:controls.theme") }),
+    /* @__PURE__ */ jsxs(DropdownMenu, { children: [
+      /* @__PURE__ */ jsx(DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ jsx(DropdownButton, { variant: ButtonVariant$1.Outline, children: formatThemeName(currentTheme) }) }),
+      /* @__PURE__ */ jsx(DropdownMenuContent, { align: "end", container: portalContainer, className: "z-[99999] pointer-events-auto", children: availableThemes.map((themeName) => /* @__PURE__ */ jsx(
+        DropdownMenuItem,
+        {
+          onClick: () => dispatch(changeTheme(themeName)),
+          children: formatThemeName(themeName)
+        },
+        themeName
+      )) })
+    ] })
+  ] });
+};
+ThemeSelector.displayName = "ThemeSelector";
+var ScreensetSelector = ({
+  options,
+  currentValue,
+  onChange,
+  className = ""
+}) => {
+  const { portalContainer } = useStudioContext();
+  const { t, direction } = useTranslation();
+  const formatName = (name) => {
+    return name.split(/[-_]/).map((word) => upperFirst(word)).join(" ");
+  };
+  const getCurrentDisplay = () => {
+    const [category, itemId] = currentValue.split(":");
+    if (!category || !itemId) return "Select";
+    const categoryGroup = options.find((opt) => opt.category === category);
+    const item = categoryGroup?.screensets.find((i) => i.id === itemId);
+    return item ? item.name : "Select";
+  };
+  const handleItemClick = (category, itemId) => {
+    onChange(`${category}:${itemId}`);
+  };
+  return /* @__PURE__ */ jsxs("div", { className: `flex items-center justify-between ${className}`, children: [
+    /* @__PURE__ */ jsx("label", { className: "text-sm text-muted-foreground whitespace-nowrap", children: t("studio:controls.screenset") }),
+    /* @__PURE__ */ jsxs(DropdownMenu, { dir: direction, children: [
+      /* @__PURE__ */ jsx(DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ jsx(DropdownButton, { variant: ButtonVariant$1.Outline, children: formatName(getCurrentDisplay()) }) }),
+      /* @__PURE__ */ jsx(DropdownMenuContent, { align: "end", container: portalContainer, className: "z-[99999] pointer-events-auto", children: options.map((categoryGroup) => /* @__PURE__ */ jsxs(DropdownMenuSub, { children: [
+        /* @__PURE__ */ jsx(DropdownMenuSubTrigger, { disabled: categoryGroup.screensets.length === 0, children: formatName(categoryGroup.category) }),
+        /* @__PURE__ */ jsx(DropdownMenuSubContent, { container: portalContainer, className: "z-[99999] pointer-events-auto", children: categoryGroup.screensets.map((item) => /* @__PURE__ */ jsx(
+          DropdownMenuItem,
+          {
+            onClick: () => handleItemClick(categoryGroup.category, item.id),
+            children: formatName(item.name)
+          },
+          item.id
+        )) })
+      ] }, categoryGroup.category)) })
+    ] })
+  ] });
+};
+ScreensetSelector.displayName = "ScreensetSelector";
+var FALLBACK_SELECT_LANGUAGE_TEXT = "Select language";
+var RTL_INDICATOR_SUFFIX = " (RTL)";
+function LanguageSelector({
+  displayMode = LanguageDisplayMode.Native
+} = {}) {
+  const { t, language, changeLanguage, getSupportedLanguages } = useTranslation();
+  const { portalContainer } = useStudioContext();
+  const languages = getSupportedLanguages();
+  const currentLanguage = languages.find((lang) => lang.code === language);
+  return /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between", children: [
+    /* @__PURE__ */ jsx("label", { className: "text-sm text-muted-foreground whitespace-nowrap", children: t("studio:controls.language") }),
+    /* @__PURE__ */ jsxs(DropdownMenu, { children: [
+      /* @__PURE__ */ jsx(DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ jsx(Button, { variant: ButtonVariant$1.Outline, children: currentLanguage ? displayMode === LanguageDisplayMode.Native ? currentLanguage.name : currentLanguage.englishName : FALLBACK_SELECT_LANGUAGE_TEXT }) }),
+      /* @__PURE__ */ jsx(DropdownMenuContent, { align: "end", container: portalContainer, className: "z-[99999] pointer-events-auto", children: languages.map((lang) => /* @__PURE__ */ jsxs(
+        DropdownMenuItem,
+        {
+          onClick: () => changeLanguage(lang.code),
+          children: [
+            displayMode === LanguageDisplayMode.Native ? lang.name : lang.englishName,
+            lang.direction === TextDirection.RightToLeft && RTL_INDICATOR_SUFFIX
+          ]
+        },
+        lang.code
+      )) })
+    ] })
+  ] });
+}
+var ApiModeToggle = ({ className }) => {
+  const useMockApi = useAppSelector((state) => state.uicore.app.useMockApi);
+  const { t } = useTranslation();
+  return /* @__PURE__ */ jsxs("div", { className: `flex items-center justify-between h-9 ${className}`, children: [
+    /* @__PURE__ */ jsx(
+      "label",
+      {
+        htmlFor: "api-mode-toggle",
+        className: "text-sm text-muted-foreground cursor-pointer select-none whitespace-nowrap",
+        children: t("studio:controls.mockApi")
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      Switch,
+      {
+        id: "api-mode-toggle",
+        checked: useMockApi,
+        onCheckedChange: (checked) => setApiMode(checked)
+      }
+    )
+  ] });
+};
+ApiModeToggle.displayName = "ApiModeToggle";
+var ALL_CATEGORIES = [ScreensetCategory.Drafts, ScreensetCategory.Mockups, ScreensetCategory.Production];
+var buildScreensetOptions = () => {
+  return ALL_CATEGORIES.map((category) => ({
+    category,
+    screensets: screensetRegistry.getMetadataByCategory(category)
+  }));
+};
+var ControlPanel = () => {
+  const dispatch = useAppDispatch();
+  const currentScreenset = useAppSelector((state) => state.uicore.layout.currentScreenset);
+  const [screensetOptions, setScreensetOptions] = useState([]);
+  const { t } = useTranslation();
+  useEffect(() => {
+    const options = buildScreensetOptions();
+    setScreensetOptions(options);
+  }, []);
+  return /* @__PURE__ */ jsx("div", { className: "space-y-4", children: /* @__PURE__ */ jsxs("div", { className: "space-y-3", children: [
+    /* @__PURE__ */ jsx("h3", { className: "text-xs font-semibold text-muted-foreground uppercase tracking-wider", children: t("studio:controls.heading") }),
+    /* @__PURE__ */ jsxs("div", { className: "space-y-3", children: [
+      screensetOptions.length > 0 && /* @__PURE__ */ jsx(
+        ScreensetSelector,
+        {
+          options: screensetOptions,
+          currentValue: currentScreenset,
+          onChange: (value) => dispatch(selectScreenset(value))
+        }
+      ),
+      /* @__PURE__ */ jsx(ApiModeToggle, {}),
+      /* @__PURE__ */ jsx(ThemeSelector, {}),
+      /* @__PURE__ */ jsx(LanguageSelector, {})
+    ] })
+  ] }) });
+};
+ControlPanel.displayName = "ControlPanel";
+var StudioPanel = () => {
+  const { toggleCollapsed, setPortalContainer } = useStudioContext();
+  const { t } = useTranslation();
+  const portalRef = React3.useRef(null);
+  const { size, handleMouseDown: handleResizeMouseDown } = useResizable();
+  const { position, isDragging, handleMouseDown: handleDragMouseDown } = useDraggable({
+    panelSize: size,
+    storageKey: STORAGE_KEYS.POSITION
+  });
+  React3.useEffect(() => {
+    setPortalContainer(portalRef.current);
+    return () => setPortalContainer(null);
+  }, [setPortalContainer]);
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(
+      "div",
+      {
+        ref: portalRef,
+        className: "studio-portal-container fixed z-[99999] pointer-events-none"
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      "div",
+      {
+        className: "studio-panel fixed z-[10000]",
+        style: {
+          left: `${position.x}px`,
+          top: `${position.y}px`,
+          width: `${size.width}px`,
+          height: `${size.height}px`
+        },
+        children: /* @__PURE__ */ jsxs(Card, { className: "h-full w-full flex flex-col overflow-hidden bg-white/20 dark:bg-black/50 backdrop-blur-md backdrop-saturate-[180%] border border-white/30 dark:border-white/20 shadow-[0_8px_32px_rgba(0,0,0,0.2)]", children: [
+          /* @__PURE__ */ jsxs(
+            "div",
+            {
+              className: "studio-header px-4 py-3 border-b border-border/50 select-none flex items-center justify-between",
+              onMouseDown: handleDragMouseDown,
+              style: { cursor: isDragging ? "grabbing" : "grab" },
+              children: [
+                /* @__PURE__ */ jsx("h2", { className: "text-sm font-semibold text-foreground", children: t("studio:title") }),
+                /* @__PURE__ */ jsx(
+                  Button,
+                  {
+                    variant: ButtonVariant.Ghost,
+                    size: ButtonSize.Sm,
+                    onClick: toggleCollapsed,
+                    className: "h-7 w-7 p-0",
+                    "aria-label": t("studio:aria.collapseButton"),
+                    title: t("studio:aria.collapseButton"),
+                    children: /* @__PURE__ */ jsx(
+                      "svg",
+                      {
+                        className: "w-4 h-4",
+                        fill: "none",
+                        stroke: "currentColor",
+                        viewBox: "0 0 24 24",
+                        children: /* @__PURE__ */ jsx(
+                          "path",
+                          {
+                            strokeLinecap: "round",
+                            strokeLinejoin: "round",
+                            strokeWidth: 2,
+                            d: "M19 9l-7 7-7-7"
+                          }
+                        )
+                      }
+                    )
+                  }
+                )
+              ]
+            }
+          ),
+          /* @__PURE__ */ jsx("div", { className: "flex-1 overflow-y-auto p-4", children: /* @__PURE__ */ jsx(ControlPanel, {}) }),
+          /* @__PURE__ */ jsx(
+            "div",
+            {
+              className: "studio-resize-handle absolute bottom-1 right-1 w-5 h-5 cursor-nwse-resize",
+              onMouseDown: handleResizeMouseDown,
+              role: "button",
+              "aria-label": t("studio:aria.resizeHandle"),
+              title: t("studio:aria.resizeHandle"),
+              tabIndex: 0,
+              children: /* @__PURE__ */ jsx(
+                "svg",
+                {
+                  className: "w-5 h-5 text-muted-foreground/70 hover:text-muted-foreground transition-colors",
+                  fill: "currentColor",
+                  viewBox: "0 0 24 24",
+                  children: /* @__PURE__ */ jsx("path", { d: "M22 22H20V20H22V22ZM22 18H20V16H22V18ZM18 22H16V20H18V22ZM18 18H16V16H18V18ZM14 22H12V20H14V22Z" })
+                }
+              )
+            }
+          )
+        ] })
+      }
+    )
+  ] });
+};
+StudioPanel.displayName = "StudioPanel";
+var useKeyboardShortcut = (handler) => {
+  useEffect(() => {
+    const handleKeyDown = (e) => {
+      if (e.shiftKey && e.code === "Backquote") {
+        e.preventDefault();
+        handler();
+      }
+    };
+    window.addEventListener("keydown", handleKeyDown);
+    return () => {
+      window.removeEventListener("keydown", handleKeyDown);
+    };
+  }, [handler]);
+};
+var GlassmorphicButton = ({
+  icon,
+  onMouseDown,
+  onClick,
+  title,
+  isDragging = false
+}) => {
+  return /* @__PURE__ */ jsx(
+    Button,
+    {
+      variant: ButtonVariant.Ghost,
+      onMouseDown,
+      onClick,
+      title,
+      className: "w-12 h-12 p-0 rounded-full flex items-center justify-center pointer-events-auto bg-white/20 dark:bg-black/50 backdrop-blur-md backdrop-saturate-[180%] border border-white/30 dark:border-white/20 shadow-[0_8px_32px_rgba(0,0,0,0.2)] hover:bg-white/30 dark:hover:bg-black/60 transition-colors",
+      style: { cursor: isDragging ? "grabbing" : "grab" },
+      children: icon
+    }
+  );
+};
+GlassmorphicButton.displayName = "GlassmorphicButton";
+var StudioIcon = ({ className = "" }) => {
+  return /* @__PURE__ */ jsx(
+    "svg",
+    {
+      className,
+      fill: "none",
+      stroke: "currentColor",
+      viewBox: "0 0 24 24",
+      children: /* @__PURE__ */ jsx(
+        "path",
+        {
+          strokeLinecap: "round",
+          strokeLinejoin: "round",
+          strokeWidth: 2,
+          d: "M12 6V4m0 2a2 2 0 100 4m0-4a2 2 0 110 4m-6 8a2 2 0 100-4m0 4a2 2 0 110-4m0 4v2m0-6V4m6 6v10m6-2a2 2 0 100-4m0 4a2 2 0 110-4m0 4v2m0-6V4"
+        }
+      )
+    }
+  );
+};
+var CollapsedButton = ({ toggleCollapsed }) => {
+  const { t } = useTranslation();
+  const { position, isDragging, handleMouseDown } = useDraggable({
+    panelSize: BUTTON_SIZE,
+    storageKey: STORAGE_KEYS.BUTTON_POSITION
+  });
+  const dragStartPosition = useRef(null);
+  const handleButtonMouseDown = (e) => {
+    dragStartPosition.current = { x: e.clientX, y: e.clientY };
+    handleMouseDown(e);
+  };
+  const handleButtonClick = (e) => {
+    if (dragStartPosition.current) {
+      const dx = Math.abs(e.clientX - dragStartPosition.current.x);
+      const dy = Math.abs(e.clientY - dragStartPosition.current.y);
+      if (dx < 5 && dy < 5) {
+        toggleCollapsed();
+      }
+    }
+  };
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      className: "fixed z-[10000]",
+      style: {
+        left: `${position.x}px`,
+        top: `${position.y}px`
+      },
+      children: /* @__PURE__ */ jsx(
+        GlassmorphicButton,
+        {
+          icon: /* @__PURE__ */ jsx(StudioIcon, { className: "w-6 h-6 text-foreground" }),
+          onMouseDown: handleButtonMouseDown,
+          onClick: handleButtonClick,
+          title: t("studio:aria.openButton"),
+          isDragging
+        }
+      )
+    }
+  );
+};
+CollapsedButton.displayName = "CollapsedButton";
+var StudioContent = () => {
+  const { collapsed, toggleCollapsed } = useStudioContext();
+  useKeyboardShortcut(toggleCollapsed);
+  if (collapsed) {
+    return /* @__PURE__ */ jsx(CollapsedButton, { toggleCollapsed });
+  }
+  return /* @__PURE__ */ jsx(StudioPanel, {});
+};
+var StudioOverlay = () => {
+  return /* @__PURE__ */ jsx(StudioProvider, { children: /* @__PURE__ */ jsx(StudioContent, {}) });
+};
+StudioOverlay.displayName = "StudioOverlay";
+
+export { StudioOverlay, StudioProvider, useStudioContext };
+//# sourceMappingURL=index.mjs.map
+//# sourceMappingURL=index.mjs.map