@openvulcan/dsh-vulcancode 0.0.0-stage → 0.4.3

package/node_modules/@openvulcan/dsh-vulcan-luaskills/lib/client.js

@@ -0,0 +1,949 @@
+window.__ModuleLoader__.load({
+	id: "@openvulcan/dsh-vulcan-luaskills",
+	factory: (platformRequire) => {
+		var definitions = {
+		"./dsh-client": function (module, exports, require) {
+			"use strict";
+			/**
+			 * The parts of dsh's browser runtime this client half uses.
+			 *
+			 * dsh serves these modules from its page module table; their packages are not published at the
+			 * Host's version, so the shapes are restated here from dsh 0.2.1-rc.2 source and must be checked
+			 * again when the supported dsh range moves:
+			 * - `packages/client/ui-layout/src/client/index.ts` (the keyed `main` slot)
+			 * - `packages/client/ui-sidebar/src/client/contract/slots.ts` (`sidebar.panellist`)
+			 * - `packages/client/ui-settings/src/client/contract/slots.ts` (`settings.section`)
+			 * - `packages/client/ui-settings-general/src/client/{index,shell-store}.ts` (`sidebar.settings` store)
+			 * - `packages/client/locale/src/client/index.ts` (`bind`)
+			 */
+			Object.defineProperty(exports, "__esModule", { value: true });
+
+		},
+		"./i18n": function (module, exports, require) {
+			"use strict";
+			/**
+			 * The plugin's interface text; dsh picks the dictionary that matches its interface language.
+			 * Setting labels follow VulcanCode's `skills.luaSettings.*` catalog entries.
+			 */
+			Object.defineProperty(exports, "__esModule", { value: true });
+			exports.en = exports.zh = exports.NAMESPACE = void 0;
+			exports.fill = fill;
+			exports.NAMESPACE = 'vulcan-luaskills';
+			exports.zh = {
+			    'nav': 'LuaSkills',
+			    'panel': 'LuaSkills',
+			    /** Content language asked of the LuaSkills Hub. */
+			    'hubLang': 'zh-CN',
+			    'loading': '读取中…',
+			    'unavailable': '无法读取 LuaSkills 状态：dsh 没有向本页面提供插件接口。',
+			    'settingsPage.title': 'LuaSkills',
+			    'settingsPage.lead': 'LuaSkills 技能以工具形式提供给 AI。运行库按需安装，安装后自动接入，不需要重启 dsh。',
+			    'runtime.title': '运行库',
+			    'runtime.absent': '需要安装 LuaSkills 运行库',
+			    'runtime.absentLead': '运行库约 {size} MB，安装到 {location}。默认技能 codekit（代码导航）一并安装。',
+			    'runtime.install': '安装运行库',
+			    'runtime.cancel': '取消',
+			    'runtime.phase.sdk': '安装 SDK',
+			    'runtime.phase.core': '下载 LuaSkills 核心库',
+			    'runtime.phase.lua': '下载 Lua 运行包',
+			    'runtime.phase.engine': '启动引擎',
+			    'runtime.phase.skill': '安装默认技能 codekit',
+			    'runtime.step': '第 {index}/{count} 步',
+			    'runtime.bytes': '{received} / {total} MB',
+			    'runtime.bytesOnly': '{received} MB',
+			    'runtime.unpacking': '校验并解压中… {seconds} 秒',
+			    'runtime.ready': '运行中',
+			    'runtime.starting': '启动中…',
+			    'runtime.outdated': '已安装的运行库（{installed}）与本插件需要的版本（{wanted}）不同，需要重新安装。',
+			    'runtime.reinstall': '重新安装',
+			    'runtime.failed': '安装失败：{error}',
+			    'runtime.retry': '重试',
+			    'runtime.engineFailed': '引擎没有运行：{error}',
+			    'runtime.restart': '重启引擎',
+			    'runtime.remove': '移除运行库',
+			    'runtime.removeConfirm': '移除运行库会删除所有已安装的技能，设置会保留。确定移除？',
+			    'runtime.versions': 'SDK {sdk} · LuaSkills {luaskills} · Lua 运行包 {luaRuntime}',
+			    'runtime.location': '位置：{location}',
+			    'settings.title': 'VM 与运行设置',
+			    'settings.lead': '保存后引擎自动重启生效。',
+			    'settings.locked': '安装运行库后才能修改设置。',
+			    'settings.invalid': '设置文件无法读取，当前使用默认值：{error}',
+			    'settings.save': '保存设置',
+			    'settings.saving': '正在保存…',
+			    'settings.saved': '已保存，引擎已按新设置重启。',
+			    'settings.revert': '撤销修改',
+			    'settings.mainPool': '主 VM 池',
+			    'settings.runLuaPool': '隔离 runLua VM 池',
+			    'settings.poolHint': '最小值决定预热容量，最大值限制并发 VM 数，空闲时间控制多余 VM 的回收。',
+			    'settings.minSize': '最小 VM 数',
+			    'settings.maxSize': '最大 VM 数',
+			    'settings.idleTtl': '空闲回收（秒）',
+			    'settings.toolCache': '工具缓存',
+			    'settings.maxEntries': '最大条目数',
+			    'settings.defaultTtl': '默认 TTL（秒）',
+			    'settings.maxTtl': '最大 TTL（秒）',
+			    'settings.managedRuntime': 'Python / Node 受管运行时',
+			    'settings.managedRuntimeHint': '这些参数控制每个引擎的 Worker、持久会话与调用默认值。',
+			    'settings.managedWorkerPoolMax': '单环境最大 Worker 数',
+			    'settings.managedWorkerIdleTtl': 'Worker 空闲回收（秒）',
+			    'settings.managedSessionLimit': '单引擎持久会话上限',
+			    'settings.managedSessionBuffer': '单输出流默认缓冲字节数',
+			    'settings.managedInvokeTimeout': '默认调用超时（毫秒）',
+			    'settings.capabilities': '运行时能力',
+			    'settings.defaultEncoding': '默认文本编码',
+			    'settings.autoEncoding': '自动（跟随运行时）',
+			    'settings.skillManagementBridge': '允许 Lua 调用宿主技能管理桥接',
+			    'settings.managedIoCompat': '使用托管 IO 兼容层替换原生全局 IO',
+			    'settings.network': '网络',
+			    'settings.allowDownloads': '允许下载技能与依赖',
+			    'settings.githubBaseUrl': 'GitHub 网站基址',
+			    'settings.githubApiBaseUrl': 'GitHub API 基址',
+			    'settings.skillHubBaseUrl': 'LuaSkills Hub 基址',
+			    'settings.defaultPlaceholder': '默认：{url}',
+			    'settings.validationPositive': '容量、TTL 与空闲时间必须是大于 0 的整数。',
+			    'settings.validationPoolOrder': '每个 VM 池的最大 VM 数不能小于最小 VM 数。',
+			    'settings.validationCacheOrder': '最大缓存 TTL 不能小于默认缓存 TTL。',
+			    'settings.validationUrl': '地址必须是完整的 http 或 https 网址。',
+			    'page.lead': '技能以工具形式提供给 AI。在这里管理已安装的技能，或从 LuaSkills Hub 安装新技能。',
+			    'page.needRuntime': '需要先安装 LuaSkills 运行库，才能安装或管理技能。',
+			    'page.openSettings': '前往安装',
+			    'tab.installed': '已安装',
+			    'tab.hub': 'Hub',
+			    'installed.empty': '还没有安装技能。',
+			    'installed.refresh': '刷新',
+			    'installed.updateAll': '全部更新',
+			    'installed.layer.ROOT': '默认',
+			    'installed.layer.USER': '用户',
+			    'installed.disabled': '已停用',
+			    'installed.notLoaded': '未加载',
+			    'installed.tools': '{count} 个工具',
+			    'installed.enable': '启用',
+			    'installed.disable': '停用',
+			    'installed.update': '更新',
+			    'installed.uninstall': '卸载',
+			    'installed.uninstallConfirm': '卸载技能 {name}？',
+			    'installed.result': '{name}：{message}',
+			    'hub.site.global': '国际站',
+			    'hub.site.cn': '中国站',
+			    'hub.site.custom': '自定义',
+			    'hub.siteHint': '切换站点会保存设置并重启引擎。',
+			    'hub.search': '搜索技能，按回车',
+			    'hub.empty': '没有找到技能。',
+			    'hub.idle': '按回车搜索，或直接回车列出全部。',
+			    'hub.more': '加载更多',
+			    'hub.install': '安装',
+			    'hub.installed': '已安装',
+			    'hub.installing': '安装中…',
+			    'hub.translated': '译',
+			    'hub.translatedTitle': '由 Hub 翻译',
+			    'hub.features': '特性',
+			    'hub.readme': 'README',
+			    'hub.close': '关闭',
+			    'hub.version': '版本 {version}',
+			    'hub.repository': '仓库',
+			    'hub.details': '详情',
+			};
+			exports.en = {
+			    'nav': 'LuaSkills',
+			    'panel': 'LuaSkills',
+			    'hubLang': 'en',
+			    'loading': 'Loading…',
+			    'unavailable': 'Cannot read LuaSkills: dsh offers this page no plugin routes.',
+			    'settingsPage.title': 'LuaSkills',
+			    'settingsPage.lead': 'LuaSkills skills are tools the AI can call. The runtime is installed on demand and connects as soon as it is installed; dsh does not need a restart.',
+			    'runtime.title': 'Runtime',
+			    'runtime.absent': 'The LuaSkills runtime is not installed',
+			    'runtime.absentLead': 'About {size} MB, installed into {location}. The default skill codekit (code navigation) comes with it.',
+			    'runtime.install': 'Install runtime',
+			    'runtime.cancel': 'Cancel',
+			    'runtime.phase.sdk': 'Installing the SDK',
+			    'runtime.phase.core': 'Downloading the LuaSkills core',
+			    'runtime.phase.lua': 'Downloading the Lua runtime packages',
+			    'runtime.phase.engine': 'Starting the engine',
+			    'runtime.phase.skill': 'Installing the default skill codekit',
+			    'runtime.step': 'Step {index} of {count}',
+			    'runtime.bytes': '{received} / {total} MB',
+			    'runtime.bytesOnly': '{received} MB',
+			    'runtime.unpacking': 'Verifying and unpacking… {seconds} s',
+			    'runtime.ready': 'Running',
+			    'runtime.starting': 'Starting…',
+			    'runtime.outdated': 'The installed runtime ({installed}) is not the version this plugin needs ({wanted}); reinstall it.',
+			    'runtime.reinstall': 'Reinstall',
+			    'runtime.failed': 'The install failed: {error}',
+			    'runtime.retry': 'Retry',
+			    'runtime.engineFailed': 'The engine is not running: {error}',
+			    'runtime.restart': 'Restart engine',
+			    'runtime.remove': 'Remove runtime',
+			    'runtime.removeConfirm': 'Removing the runtime deletes every installed skill; settings are kept. Remove it?',
+			    'runtime.versions': 'SDK {sdk} · LuaSkills {luaskills} · Lua runtime {luaRuntime}',
+			    'runtime.location': 'Location: {location}',
+			    'settings.title': 'VM and runtime settings',
+			    'settings.lead': 'Saving restarts the engine with the new values.',
+			    'settings.locked': 'Install the runtime to change settings.',
+			    'settings.invalid': 'The settings file cannot be read; the defaults are in use: {error}',
+			    'settings.save': 'Save settings',
+			    'settings.saving': 'Saving…',
+			    'settings.saved': 'Saved; the engine restarted with the new settings.',
+			    'settings.revert': 'Undo changes',
+			    'settings.mainPool': 'Main VM Pool',
+			    'settings.runLuaPool': 'Isolated runLua VM Pool',
+			    'settings.poolHint': 'The minimum controls warm capacity, the maximum limits concurrent VMs, and idle time retires excess VMs.',
+			    'settings.minSize': 'Minimum VMs',
+			    'settings.maxSize': 'Maximum VMs',
+			    'settings.idleTtl': 'Idle Retirement (seconds)',
+			    'settings.toolCache': 'Tool Cache',
+			    'settings.maxEntries': 'Maximum Entries',
+			    'settings.defaultTtl': 'Default TTL (seconds)',
+			    'settings.maxTtl': 'Maximum TTL (seconds)',
+			    'settings.managedRuntime': 'Managed Python / Node Runtime',
+			    'settings.managedRuntimeHint': 'These values control per-engine workers, persistent sessions, and invoke defaults.',
+			    'settings.managedWorkerPoolMax': 'Maximum Workers per Environment',
+			    'settings.managedWorkerIdleTtl': 'Worker Idle Retirement (seconds)',
+			    'settings.managedSessionLimit': 'Persistent Sessions per Engine',
+			    'settings.managedSessionBuffer': 'Default Bytes per Output Stream',
+			    'settings.managedInvokeTimeout': 'Default Invoke Timeout (milliseconds)',
+			    'settings.capabilities': 'Runtime Capabilities',
+			    'settings.defaultEncoding': 'Default Text Encoding',
+			    'settings.autoEncoding': 'Automatic (runtime default)',
+			    'settings.skillManagementBridge': 'Allow Lua to call the host skill-management bridge',
+			    'settings.managedIoCompat': 'Replace native global IO with the managed IO compatibility layer',
+			    'settings.network': 'Network',
+			    'settings.allowDownloads': 'Allow skill and dependency downloads',
+			    'settings.githubBaseUrl': 'GitHub Website Base URL',
+			    'settings.githubApiBaseUrl': 'GitHub API Base URL',
+			    'settings.skillHubBaseUrl': 'LuaSkills Hub Base URL',
+			    'settings.defaultPlaceholder': 'Default: {url}',
+			    'settings.validationPositive': 'Pool sizes, TTL values, and idle time must be positive integers.',
+			    'settings.validationPoolOrder': 'The maximum VM count cannot be smaller than the minimum for either pool.',
+			    'settings.validationCacheOrder': 'The maximum cache TTL cannot be smaller than the default cache TTL.',
+			    'settings.validationUrl': 'Addresses must be complete http or https URLs.',
+			    'page.lead': 'Skills are tools the AI can call. Manage the installed ones here, or install new ones from the LuaSkills Hub.',
+			    'page.needRuntime': 'Install the LuaSkills runtime first to install or manage skills.',
+			    'page.openSettings': 'Go to install',
+			    'tab.installed': 'Installed',
+			    'tab.hub': 'Hub',
+			    'installed.empty': 'No skills are installed yet.',
+			    'installed.refresh': 'Refresh',
+			    'installed.updateAll': 'Update all',
+			    'installed.layer.ROOT': 'Default',
+			    'installed.layer.USER': 'User',
+			    'installed.disabled': 'Disabled',
+			    'installed.notLoaded': 'Not loaded',
+			    'installed.tools': '{count} tools',
+			    'installed.enable': 'Enable',
+			    'installed.disable': 'Disable',
+			    'installed.update': 'Update',
+			    'installed.uninstall': 'Uninstall',
+			    'installed.uninstallConfirm': 'Uninstall the skill {name}?',
+			    'installed.result': '{name}: {message}',
+			    'hub.site.global': 'Global',
+			    'hub.site.cn': 'China',
+			    'hub.site.custom': 'Custom',
+			    'hub.siteHint': 'Switching sites saves the settings and restarts the engine.',
+			    'hub.search': 'Search skills, press Enter',
+			    'hub.empty': 'No skills found.',
+			    'hub.idle': 'Press Enter to search, or Enter on its own to list everything.',
+			    'hub.more': 'Load more',
+			    'hub.install': 'Install',
+			    'hub.installed': 'Installed',
+			    'hub.installing': 'Installing…',
+			    'hub.translated': 'TR',
+			    'hub.translatedTitle': 'Translated by the Hub',
+			    'hub.features': 'Features',
+			    'hub.readme': 'README',
+			    'hub.close': 'Close',
+			    'hub.version': 'Version {version}',
+			    'hub.repository': 'Repository',
+			    'hub.details': 'Details',
+			};
+			/** Replace `{name}` placeholders. */
+			function fill(text, values) {
+			    return text.replace(/\{(\w+)\}/g, (match, name) => (name in values ? String(values[name]) : match));
+			}
+
+		},
+		"./index": function (module, exports, require) {
+			"use strict";
+			Object.defineProperty(exports, "__esModule", { value: true });
+			exports.inject = void 0;
+			exports.apply = apply;
+			const jsx_runtime_1 = require("react/jsx-runtime");
+			/**
+			 * Browser half of the LuaSkills plugin: Settings › LuaSkills (runtime and VM settings), and the
+			 * LuaSkills page in the sidebar's panel list (installed skills and the Hub). dsh loads these files
+			 * as one lazy factory; they may import only modules dsh serves to plugins.
+			 */
+			const i18n_1 = require("./i18n");
+			const page_1 = require("./page");
+			const settings_1 = require("./settings");
+			const shared_1 = require("./shared");
+			const style_1 = require("./style");
+			exports.inject = ['slots', 'locale'];
+			function apply(ctx) {
+			    const view = new shared_1.HostWatch(() => (0, shared_1.callHost)('GET', 'state').catch(() => null));
+			    const openSettings = () => {
+			        const shell = ctx.slots.entries('sidebar.settings')[0]?.store?.create();
+			        shell?.actions.openSection(shared_1.SETTINGS_SECTION);
+			    };
+			    ctx.effect(() => (0, style_1.installStyle)(), 'vulcan-luaskills: stylesheet');
+			    ctx.effect(() => ctx.locale.register(i18n_1.NAMESPACE, { zh: i18n_1.zh, en: i18n_1.en }), 'vulcan-luaskills: dictionaries');
+			    ctx.effect(() => {
+			        const stop = ctx.on('connection/reset', () => { view.refresh(); });
+			        return () => {
+			            stop();
+			            view.close();
+			        };
+			    }, 'vulcan-luaskills: Host state');
+			    // After the OpenVulcan account (24), before Market (40).
+			    ctx.slots.inject('settings.section', () => ctx.slots.register({
+			        name: 'settings.section',
+			        id: shared_1.SETTINGS_SECTION,
+			        order: 26,
+			        label: () => ctx.locale.bind(i18n_1.NAMESPACE)('nav'),
+			        locale: i18n_1.NAMESPACE,
+			        inject: () => ({ view }),
+			    }, ({ t, view: injected }) => (0, jsx_runtime_1.jsx)(settings_1.SettingsPage, { view: injected, t: t })));
+			    // dsh 0.2.2 declares this optional slot. The injection waits on older hosts.
+			    // dsh 0.2.2 声明了此可选插槽，旧版宿主上的注入会保持等待。
+			    ctx.slots.inject('settings.section.icon', () => ctx.slots.register({
+			        name: 'settings.section.icon',
+			        id: shared_1.SETTINGS_SECTION,
+			    }, LuaSkillsIcon));
+			    ctx.slots.inject('main', () => ctx.slots.register({
+			        name: 'main',
+			        key: shared_1.PANEL_ID,
+			        locale: i18n_1.NAMESPACE,
+			        inject: () => ({ view, openSettings }),
+			    }, ({ t, view: injected, openSettings: open }) => (0, jsx_runtime_1.jsx)(page_1.LuaSkillsPage, { view: injected, t: t, openSettings: open })));
+			    // After Scheduled tasks (10).
+			    ctx.slots.inject('sidebar.panellist', () => ctx.slots.register({
+			        name: 'sidebar.panellist',
+			        id: shared_1.PANEL_ID,
+			        order: 20,
+			        locale: i18n_1.NAMESPACE,
+			        label: () => ctx.locale.bind(i18n_1.NAMESPACE)('panel'),
+			    }, LuaSkillsIcon));
+			}
+			/**
+			 * Render the LuaSkills moon and brackets at the size requested by either navigation slot.
+			 * 按设置或侧栏导航插槽要求的尺寸渲染 LuaSkills 的月亮与括号图标。
+			 */
+			function LuaSkillsIcon({ size }) {
+			    return ((0, jsx_runtime_1.jsxs)("svg", { width: size, height: size, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: 1.6, strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": "true", children: [(0, jsx_runtime_1.jsx)("circle", { cx: "12", cy: "12", r: "8.5" }), (0, jsx_runtime_1.jsx)("circle", { cx: "16.2", cy: "7.8", r: "2.1" }), (0, jsx_runtime_1.jsx)("path", { d: "M9.5 9.5 7 12l2.5 2.5M14.5 14.5 17 12" })] }));
+			}
+
+		},
+		"./page": function (module, exports, require) {
+			"use strict";
+			Object.defineProperty(exports, "__esModule", { value: true });
+			exports.LuaSkillsPage = LuaSkillsPage;
+			const jsx_runtime_1 = require("react/jsx-runtime");
+			/**
+			 * The LuaSkills page the sidebar opens: installed skills, and the LuaSkills Hub. Without the
+			 * runtime both tabs can be looked at, and every action points at the install in Settings.
+			 */
+			const react_1 = require("react");
+			const i18n_1 = require("./i18n");
+			const runtime_1 = require("./runtime");
+			const shared_1 = require("./shared");
+			function LuaSkillsPage({ view, t, openSettings }) {
+			    const live = (0, runtime_1.useRuntime)(view);
+			    const [tab, setTab] = (0, react_1.useState)('installed');
+			    const ready = live?.state.kind === 'ready';
+			    // Installed skills, read again after every change; shared with the Hub tab's installed marks.
+			    const [skills, setSkills] = (0, react_1.useState)(undefined);
+			    const [skillsError, setSkillsError] = (0, react_1.useState)(undefined);
+			    const [generation, setGeneration] = (0, react_1.useState)(0);
+			    const reload = () => { setGeneration(value => value + 1); };
+			    (0, react_1.useEffect)(() => {
+			        if (live == null || !(0, shared_1.isInstalled)(live.state)) {
+			            setSkills([]);
+			            return undefined;
+			        }
+			        let current = true;
+			        (0, shared_1.callHost)('GET', 'skills').then((rows) => {
+			            if (!current)
+			                return;
+			            setSkills(rows);
+			            setSkillsError(undefined);
+			        }, (failure) => {
+			            if (current)
+			                setSkillsError((0, shared_1.messageOf)(failure));
+			        });
+			        return () => { current = false; };
+			    }, [live?.state.kind, generation]);
+			    return ((0, jsx_runtime_1.jsx)("div", { className: "vac vls-panel", children: (0, jsx_runtime_1.jsxs)("div", { className: "vac vac-page vls-panel-inner", "data-vulcan-settings-width": "full", children: [(0, jsx_runtime_1.jsxs)("header", { className: "vac-page-head", "data-vulcan-settings-header": true, children: [(0, jsx_runtime_1.jsx)("h2", { children: t('panel') }), (0, jsx_runtime_1.jsx)("p", { className: "vac-lead", children: t('page.lead') })] }), live === undefined ? (0, jsx_runtime_1.jsx)("p", { className: "vac-hint", children: t('loading') }) : null, live === null ? (0, jsx_runtime_1.jsx)("div", { className: "vac-alert bad", children: t('unavailable') }) : null, live != null && !ready ? ((0, jsx_runtime_1.jsxs)("div", { className: "vls-banner warn", children: [(0, jsx_runtime_1.jsx)("p", { className: "vac-hint", children: live.state.kind === 'installing' || live.state.kind === 'starting' ? t(`runtime.${live.state.kind === 'starting' ? 'starting' : `phase.${live.state.phase}`}`) : t('page.needRuntime') }), (0, jsx_runtime_1.jsx)("button", { type: "button", className: "vac-btn primary", onClick: openSettings, children: t('page.openSettings') })] })) : null, (0, jsx_runtime_1.jsx)("div", { className: "vls-tabs", role: "tablist", children: ['installed', 'hub'].map(name => ((0, jsx_runtime_1.jsx)("button", { type: "button", role: "tab", "aria-selected": tab === name, className: tab === name ? 'vls-tab on' : 'vls-tab', onClick: () => { setTab(name); }, children: t(`tab.${name}`) }, name))) }), (0, jsx_runtime_1.jsx)("div", { hidden: tab !== 'installed', children: (0, jsx_runtime_1.jsx)(Installed, { skills: skills, error: skillsError, ready: ready, reload: reload, t: t }) }), (0, jsx_runtime_1.jsx)("div", { hidden: tab !== 'hub', children: (0, jsx_runtime_1.jsx)(Hub, { live: live ?? null, ready: ready, installed: skills ?? [], reload: reload, view: view, t: t }) })] }) }));
+			}
+			function Installed({ skills, error, ready, reload, t }) {
+			    const [busy, setBusy] = (0, react_1.useState)(undefined);
+			    const [notes, setNotes] = (0, react_1.useState)([]);
+			    const run = (id, work) => {
+			        setBusy(id);
+			        setNotes([]);
+			        work().catch((failure) => { setNotes([{ ok: false, text: (0, shared_1.messageOf)(failure) }]); }).finally(() => {
+			            setBusy(undefined);
+			            reload();
+			        });
+			    };
+			    const update = async (skill) => {
+			        try {
+			            const result = await (0, shared_1.callHost)('POST', `skills/update?id=${encodeURIComponent(skill.skillId)}`);
+			            setNotes(list => [...list, { ok: true, text: (0, i18n_1.fill)(t('installed.result'), { name: skill.name, message: result.message }) }]);
+			            return true;
+			        }
+			        catch (failure) {
+			            setNotes(list => [...list, { ok: false, text: (0, i18n_1.fill)(t('installed.result'), { name: skill.name, message: (0, shared_1.messageOf)(failure) }) }]);
+			            return false;
+			        }
+			    };
+			    // One after another, stopping at the first failure, as VulcanCode does.
+			    const updateAll = () => {
+			        setBusy('*');
+			        setNotes([]);
+			        void (async () => {
+			            for (const skill of skills ?? []) {
+			                if (skill.source === undefined)
+			                    continue;
+			                if (!await update(skill))
+			                    break;
+			            }
+			        })().finally(() => {
+			            setBusy(undefined);
+			            reload();
+			        });
+			    };
+			    if (skills === undefined)
+			        return (0, jsx_runtime_1.jsx)("p", { className: "vac-hint", children: t('loading') });
+			    return ((0, jsx_runtime_1.jsxs)("section", { className: "vac-section", children: [(0, jsx_runtime_1.jsxs)("div", { className: "vac-section-head", children: [(0, jsx_runtime_1.jsx)("div", { children: (0, jsx_runtime_1.jsx)("h3", { className: "vac-section-title", children: t('tab.installed') }) }), (0, jsx_runtime_1.jsxs)("span", { className: "vac-inline", children: [(0, jsx_runtime_1.jsx)("button", { type: "button", className: "vac-btn sm", disabled: busy !== undefined, onClick: reload, children: t('installed.refresh') }), (0, jsx_runtime_1.jsx)("button", { type: "button", className: "vac-btn sm", disabled: !ready || busy !== undefined || skills.length === 0, onClick: updateAll, children: t('installed.updateAll') })] })] }), (0, jsx_runtime_1.jsxs)("div", { className: "vac-section-body flush", children: [error === undefined ? null : (0, jsx_runtime_1.jsx)("p", { className: "vac-error vls-pad", children: error }), skills.length === 0 ? (0, jsx_runtime_1.jsx)("p", { className: "vac-hint vls-pad", children: t('installed.empty') }) : null, (0, jsx_runtime_1.jsx)("ul", { className: "vls-list", children: skills.map(skill => ((0, jsx_runtime_1.jsxs)("li", { className: "vls-row", children: [(0, jsx_runtime_1.jsxs)("div", { className: "vls-row-main", children: [(0, jsx_runtime_1.jsxs)("div", { className: "vac-inline", children: [(0, jsx_runtime_1.jsx)("strong", { children: skill.name }), (0, jsx_runtime_1.jsx)("span", { className: "vac-hint vac-mono", children: skill.version }), (0, jsx_runtime_1.jsx)("span", { className: "vac-badge outline", children: t(`installed.layer.${skill.root}`) }), !skill.enabled ? (0, jsx_runtime_1.jsx)("span", { className: "vac-badge warn", children: t('installed.disabled') })
+			                                                    : ready && !skill.loaded ? (0, jsx_runtime_1.jsx)("span", { className: "vac-badge bad", children: t('installed.notLoaded') }) : null] }), (0, jsx_runtime_1.jsxs)("p", { className: "vac-hint vac-mono", children: [skill.skillId, skill.source === undefined ? '' : ` · ${skill.source.type}:${skill.source.locator}`, skill.tools.length === 0 ? '' : ` · ${(0, i18n_1.fill)(t('installed.tools'), { count: skill.tools.length })}`] }), skill.tools.length === 0 ? null : (0, jsx_runtime_1.jsx)("p", { className: "vls-tools vac-mono", children: skill.tools.join('  ') })] }), (0, jsx_runtime_1.jsxs)("span", { className: "vac-inline", children: [(0, jsx_runtime_1.jsx)("button", { type: "button", className: "vac-btn sm", disabled: !ready || busy !== undefined, onClick: () => { run(skill.skillId, () => (0, shared_1.callHost)('POST', `skills/enabled?id=${encodeURIComponent(skill.skillId)}&enabled=${String(!skill.enabled)}`)); }, children: skill.enabled ? t('installed.disable') : t('installed.enable') }), skill.source === undefined ? null : ((0, jsx_runtime_1.jsx)("button", { type: "button", className: "vac-btn sm", disabled: !ready || busy !== undefined, onClick: () => { run(skill.skillId, () => update(skill)); }, children: t('installed.update') })), skill.root !== 'USER' ? null : ((0, jsx_runtime_1.jsx)("button", { type: "button", className: "vac-btn sm ghost danger", disabled: !ready || busy !== undefined, onClick: () => {
+			                                                if (window.confirm((0, i18n_1.fill)(t('installed.uninstallConfirm'), { name: skill.name }))) {
+			                                                    run(skill.skillId, () => (0, shared_1.callHost)('POST', `skills/uninstall?id=${encodeURIComponent(skill.skillId)}`));
+			                                                }
+			                                            }, children: t('installed.uninstall') }))] })] }, `${skill.root}:${skill.skillId}`))) }), notes.length === 0 ? null : ((0, jsx_runtime_1.jsx)("div", { className: "vls-pad", children: notes.map((note, index) => (0, jsx_runtime_1.jsx)("p", { className: note.ok ? 'vac-hint' : 'vac-error', children: note.text }, index)) }))] })] }));
+			}
+			function Hub({ live, ready, installed, reload, view, t }) {
+			    const [query, setQuery] = (0, react_1.useState)('');
+			    const [items, setItems] = (0, react_1.useState)(undefined);
+			    const [cursor, setCursor] = (0, react_1.useState)(null);
+			    const [last, setLast] = (0, react_1.useState)('');
+			    const [loading, setLoading] = (0, react_1.useState)(false);
+			    const [error, setError] = (0, react_1.useState)(undefined);
+			    const [installing, setInstalling] = (0, react_1.useState)(undefined);
+			    const [detail, setDetail] = (0, react_1.useState)(undefined);
+			    const [switching, setSwitching] = (0, react_1.useState)(false);
+			    const lang = t('hubLang');
+			    const hub = live?.settings.network.officialSkillHubBaseUrl;
+			    const site = live?.hubSites.find(item => item.url === hub)?.site;
+			    // The Hub limits searches per address, so it is asked only on Enter and on "load more".
+			    const search = (text, after) => {
+			        setLoading(true);
+			        setError(undefined);
+			        const params = new URLSearchParams({ q: text, lang });
+			        if (after !== null)
+			            params.set('cursor', after);
+			        (0, shared_1.callHost)('GET', `hub/search?${params.toString()}`).then((page) => {
+			            setItems(previous => (after === null ? page.items : [...previous ?? [], ...page.items]));
+			            setCursor(page.nextCursor);
+			            setLast(text);
+			        }, (failure) => { setError((0, shared_1.messageOf)(failure)); }).finally(() => { setLoading(false); });
+			    };
+			    // A new site means a new catalog.
+			    (0, react_1.useEffect)(() => {
+			        setItems(undefined);
+			        setCursor(null);
+			    }, [hub]);
+			    const submit = (event) => {
+			        event.preventDefault();
+			        search(query, null);
+			    };
+			    const install = (skill) => {
+			        setInstalling(skill.skill_id);
+			        setError(undefined);
+			        (0, shared_1.callHost)('POST', `skills/install?id=${encodeURIComponent(skill.skill_id)}`).then(() => { reload(); }, (failure) => { setError((0, shared_1.messageOf)(failure)); }).finally(() => { setInstalling(undefined); });
+			    };
+			    const open = (skill) => {
+			        setError(undefined);
+			        (0, shared_1.callHost)('GET', `hub/skill?${new URLSearchParams({ id: skill.skill_id, lang }).toString()}`).then(setDetail, (failure) => { setError((0, shared_1.messageOf)(failure)); });
+			    };
+			    const switchSite = (url) => {
+			        if (live == null || url === hub)
+			            return;
+			        setSwitching(true);
+			        setError(undefined);
+			        (0, shared_1.callHost)('POST', 'settings', { ...live.settings, network: { ...live.settings.network, officialSkillHubBaseUrl: url } })
+			            .catch((failure) => { setError((0, shared_1.messageOf)(failure)); })
+			            .finally(() => {
+			            setSwitching(false);
+			            view.refresh();
+			        });
+			    };
+			    const installedIds = new Set(installed.map(skill => skill.skillId));
+			    return ((0, jsx_runtime_1.jsxs)("section", { className: "vac-section", children: [(0, jsx_runtime_1.jsxs)("div", { className: "vac-section-head", children: [(0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)("h3", { className: "vac-section-title", children: "LuaSkills Hub" }), (0, jsx_runtime_1.jsx)("p", { className: "vac-section-lead vac-mono", children: hub })] }), (0, jsx_runtime_1.jsxs)("span", { className: "vac-inline", title: t('hub.siteHint'), children: [live?.hubSites.map(item => ((0, jsx_runtime_1.jsx)("button", { type: "button", className: site === item.site ? 'vls-seg on' : 'vls-seg', disabled: switching || !(0, shared_1.isInstalled)(live.state) || live.state.kind === 'starting', onClick: () => { switchSite(item.url); }, children: t(`hub.site.${item.site}`) }, item.site))), site === undefined && hub !== undefined ? (0, jsx_runtime_1.jsx)("span", { className: "vls-seg on", children: t('hub.site.custom') }) : null] })] }), (0, jsx_runtime_1.jsxs)("div", { className: "vac-section-body", children: [(0, jsx_runtime_1.jsx)("form", { onSubmit: submit, children: (0, jsx_runtime_1.jsx)("input", { className: "vls-input vls-search", type: "search", placeholder: t('hub.search'), value: query, onChange: (event) => { setQuery(event.target.value); } }) }), error === undefined ? null : (0, jsx_runtime_1.jsx)("p", { className: "vac-error", role: "alert", children: error }), items === undefined ? (0, jsx_runtime_1.jsx)("p", { className: "vac-hint", children: loading ? t('loading') : t('hub.idle') }) : null, items !== undefined && items.length === 0 ? (0, jsx_runtime_1.jsx)("p", { className: "vac-hint", children: t('hub.empty') }) : null, items === undefined || items.length === 0 ? null : ((0, jsx_runtime_1.jsx)("ul", { className: "vls-cards", children: items.map((skill) => {
+			                            const content = skill.content ?? undefined;
+			                            const summary = content?.summary || skill.summary;
+			                            const has = installedIds.has(skill.skill_id);
+			                            return ((0, jsx_runtime_1.jsxs)("li", { className: "vls-card", children: [(0, jsx_runtime_1.jsxs)("div", { className: "vac-between", children: [(0, jsx_runtime_1.jsxs)("span", { className: "vac-inline", children: [(0, jsx_runtime_1.jsx)("strong", { children: skill.display_name || skill.skill_id }), skill.latest_version ? (0, jsx_runtime_1.jsx)("span", { className: "vac-hint vac-mono", children: skill.latest_version }) : null, content?.kind === 'translation' ? (0, jsx_runtime_1.jsx)("span", { className: "vac-badge info", title: t('hub.translatedTitle'), children: t('hub.translated') }) : null] }), (0, jsx_runtime_1.jsxs)("span", { className: "vac-inline", children: [(0, jsx_runtime_1.jsx)("button", { type: "button", className: "vac-btn sm ghost", onClick: () => { open(skill); }, children: t('hub.details') }), (0, jsx_runtime_1.jsx)("button", { type: "button", className: "vac-btn sm", disabled: !ready || has || installing !== undefined, onClick: () => { install(skill); }, children: has ? t('hub.installed') : installing === skill.skill_id ? t('hub.installing') : t('hub.install') })] })] }), (0, jsx_runtime_1.jsx)("p", { className: "vac-hint vac-mono", children: [skill.skill_id, skill.publisher, skill.license].filter(Boolean).join(' · ') }), summary ? (0, jsx_runtime_1.jsx)("p", { className: "vls-summary", children: summary }) : null] }, skill.skill_id));
+			                        }) })), cursor === null ? null : ((0, jsx_runtime_1.jsx)("button", { type: "button", className: "vac-btn", disabled: loading, onClick: () => { search(last, cursor); }, children: loading ? t('loading') : t('hub.more') }))] }), detail === undefined ? null : (0, jsx_runtime_1.jsx)(HubDetailSheet, { detail: detail, close: () => { setDetail(undefined); }, t: t })] }));
+			}
+			function HubDetailSheet({ detail, close, t }) {
+			    const content = detail.skill.content ?? detail.original ?? undefined;
+			    const readme = content?.readme || detail.latest.readme;
+			    (0, react_1.useEffect)(() => {
+			        const onKey = (event) => { if (event.key === 'Escape')
+			            close(); };
+			        window.addEventListener('keydown', onKey);
+			        return () => { window.removeEventListener('keydown', onKey); };
+			    }, [close]);
+			    return ((0, jsx_runtime_1.jsxs)("div", { className: "vls-sheet", role: "dialog", "aria-modal": "true", "aria-label": detail.skill.display_name || detail.skill.skill_id, children: [(0, jsx_runtime_1.jsxs)("div", { className: "vls-sheet-head", children: [(0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)("strong", { children: detail.skill.display_name || detail.skill.skill_id }), (0, jsx_runtime_1.jsxs)("p", { className: "vac-hint vac-mono", children: [(0, i18n_1.fill)(t('hub.version'), { version: detail.latest.version }), " \u00B7 ", detail.skill.skill_id] })] }), (0, jsx_runtime_1.jsx)("button", { type: "button", className: "vac-btn sm", onClick: close, children: t('hub.close') })] }), (0, jsx_runtime_1.jsxs)("div", { className: "vls-sheet-body", children: [content?.intro ? (0, jsx_runtime_1.jsx)("p", { children: content.intro }) : null, content?.features !== undefined && content.features.length > 0 ? ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)("h4", { children: t('hub.features') }), (0, jsx_runtime_1.jsx)("ul", { children: content.features.map((feature, index) => (0, jsx_runtime_1.jsx)("li", { children: feature }, index)) })] })) : null, detail.skill.repository_url ? ((0, jsx_runtime_1.jsx)("p", { children: (0, jsx_runtime_1.jsx)("a", { className: "vac-link", href: detail.skill.repository_url, target: "_blank", rel: "noopener noreferrer", children: t('hub.repository') }) })) : null, readme ? ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)("h4", { children: t('hub.readme') }), (0, jsx_runtime_1.jsx)("pre", { className: "vls-readme", children: readme })] })) : null] })] }));
+			}
+
+		},
+		"./runtime": function (module, exports, require) {
+			"use strict";
+			Object.defineProperty(exports, "__esModule", { value: true });
+			exports.useRuntime = useRuntime;
+			exports.RuntimeSection = RuntimeSection;
+			const jsx_runtime_1 = require("react/jsx-runtime");
+			/** The runtime section: install prompt, install progress, status, restart and removal. */
+			const react_1 = require("react");
+			const i18n_1 = require("./i18n");
+			const shared_1 = require("./shared");
+			/** Poll the Host while it is busy, so progress moves and the end shows on its own. */
+			function useRuntime(view) {
+			    const live = (0, react_1.useSyncExternalStore)(view.subscribe, view.getSnapshot);
+			    const busy = live != null && (live.state.kind === 'installing' || live.state.kind === 'starting');
+			    (0, react_1.useEffect)(() => {
+			        view.refresh();
+			        if (!busy)
+			            return undefined;
+			        const timer = setInterval(() => { view.refresh(); }, 700);
+			        return () => { clearInterval(timer); };
+			    }, [view, busy]);
+			    return live;
+			}
+			function RuntimeSection({ view, live, t }) {
+			    const [busy, setBusy] = (0, react_1.useState)(false);
+			    const [error, setError] = (0, react_1.useState)(undefined);
+			    const act = (work) => {
+			        setBusy(true);
+			        setError(undefined);
+			        work().catch((failure) => { setError((0, shared_1.messageOf)(failure)); }).finally(() => {
+			            setBusy(false);
+			            view.refresh();
+			        });
+			    };
+			    const install = () => { act(() => (0, shared_1.callHost)('POST', 'install')); };
+			    const remove = () => {
+			        if (window.confirm(t('runtime.removeConfirm')))
+			            act(() => (0, shared_1.callHost)('POST', 'remove'));
+			    };
+			    const state = live.state;
+			    const now = Date.now();
+			    // When this page first saw the current archive fully downloaded; the SDK then verifies and
+			    // unpacks it with no progress of its own, so the time since is shown instead.
+			    const downloaded = state.kind === 'installing' && state.total !== null && state.received >= state.total ? state.phase : undefined;
+			    const unpackedFrom = (0, react_1.useRef)(undefined);
+			    if (downloaded === undefined)
+			        unpackedFrom.current = undefined;
+			    else if (unpackedFrom.current?.phase !== downloaded)
+			        unpackedFrom.current = { phase: downloaded, at: now };
+			    const unpackingSince = unpackedFrom.current?.at;
+			    let body;
+			    switch (state.kind) {
+			        case 'absent':
+			            body = ((0, jsx_runtime_1.jsxs)("div", { className: "vls-banner", children: [(0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)("strong", { children: t('runtime.absent') }), (0, jsx_runtime_1.jsx)("p", { className: "vac-hint", children: (0, i18n_1.fill)(t('runtime.absentLead'), { size: live.sizeMb, location: live.location }) })] }), (0, jsx_runtime_1.jsx)("button", { type: "button", className: "vac-btn primary", disabled: busy, onClick: install, children: t('runtime.install') })] }));
+			            break;
+			        case 'installing': {
+			            const index = shared_1.PHASES.indexOf(state.phase);
+			            const unpacking = unpackingSince !== undefined;
+			            const share = !unpacking && state.total !== null && state.total > 0 ? Math.min(1, state.received / state.total) : null;
+			            body = ((0, jsx_runtime_1.jsxs)("div", { className: "vls-progress", children: [(0, jsx_runtime_1.jsxs)("div", { className: "vac-between", children: [(0, jsx_runtime_1.jsxs)("span", { className: "vac-inline", children: [(0, jsx_runtime_1.jsx)("span", { className: "vac-badge info", children: (0, i18n_1.fill)(t('runtime.step'), { index: index + 1, count: shared_1.PHASES.length }) }), (0, jsx_runtime_1.jsx)("strong", { children: t(`runtime.phase.${state.phase}`) }), unpacking ? ((0, jsx_runtime_1.jsx)("span", { className: "vac-hint", children: (0, i18n_1.fill)(t('runtime.unpacking'), { seconds: Math.max(0, Math.floor((now - unpackingSince) / 1000)) }) })) : null] }), (0, jsx_runtime_1.jsxs)("span", { className: "vac-inline", children: [state.received > 0 ? ((0, jsx_runtime_1.jsx)("span", { className: "vac-hint vac-mono", children: state.total === null
+			                                            ? (0, i18n_1.fill)(t('runtime.bytesOnly'), { received: mb(state.received) })
+			                                            : (0, i18n_1.fill)(t('runtime.bytes'), { received: mb(state.received), total: mb(state.total) }) })) : null, (0, jsx_runtime_1.jsx)("button", { type: "button", className: "vac-btn sm", disabled: busy, onClick: () => { act(() => (0, shared_1.callHost)('POST', 'install/cancel')); }, children: t('runtime.cancel') })] })] }), (0, jsx_runtime_1.jsx)("div", { className: "vls-bar", role: "progressbar", "aria-valuemin": 0, "aria-valuemax": 100, "aria-valuenow": share === null ? undefined : Math.round(share * 100), children: (0, jsx_runtime_1.jsx)("span", { className: share === null ? 'vls-bar-fill indeterminate' : 'vls-bar-fill', style: share === null ? undefined : { width: `${share * 100}%` } }) }), (0, jsx_runtime_1.jsx)("ol", { className: "vls-steps", children: shared_1.PHASES.map((phase, at) => ((0, jsx_runtime_1.jsx)("li", { className: at < index ? 'done' : at === index ? 'now' : '', children: t(`runtime.phase.${phase}`) }, phase))) })] }));
+			            break;
+			        }
+			        case 'starting':
+			            body = (0, jsx_runtime_1.jsxs)("div", { className: "vac-inline", children: [(0, jsx_runtime_1.jsx)("span", { className: "vac-badge info", children: t('runtime.starting') }), (0, jsx_runtime_1.jsx)(Versions, { versions: live.versions, t: t })] });
+			            break;
+			        case 'ready':
+			            body = ((0, jsx_runtime_1.jsxs)("div", { className: "vac-between", children: [(0, jsx_runtime_1.jsxs)("div", { className: "vac-inline", children: [(0, jsx_runtime_1.jsx)("span", { className: "vac-badge ok", children: t('runtime.ready') }), (0, jsx_runtime_1.jsx)(Versions, { versions: live.versions, t: t })] }), (0, jsx_runtime_1.jsxs)("span", { className: "vac-inline", children: [(0, jsx_runtime_1.jsx)("button", { type: "button", className: "vac-btn sm", disabled: busy, onClick: () => { act(() => (0, shared_1.callHost)('POST', 'restart')); }, children: t('runtime.restart') }), (0, jsx_runtime_1.jsx)("button", { type: "button", className: "vac-btn sm ghost danger", disabled: busy, onClick: remove, children: t('runtime.remove') })] })] }));
+			            break;
+			        case 'outdated':
+			            body = ((0, jsx_runtime_1.jsxs)("div", { className: "vls-banner warn", children: [(0, jsx_runtime_1.jsx)("p", { className: "vac-hint", children: (0, i18n_1.fill)(t('runtime.outdated'), { installed: versionText(state.installed), wanted: versionText(live.versions) }) }), (0, jsx_runtime_1.jsx)("button", { type: "button", className: "vac-btn primary", disabled: busy, onClick: () => { act(async () => { await (0, shared_1.callHost)('POST', 'remove'); await (0, shared_1.callHost)('POST', 'install'); }); }, children: t('runtime.reinstall') })] }));
+			            break;
+			        case 'failed':
+			            body = state.installed ? ((0, jsx_runtime_1.jsxs)("div", { className: "vls-banner bad", children: [(0, jsx_runtime_1.jsx)("p", { className: "vac-error", children: (0, i18n_1.fill)(t('runtime.engineFailed'), { error: state.error }) }), (0, jsx_runtime_1.jsxs)("span", { className: "vac-inline", children: [(0, jsx_runtime_1.jsx)("button", { type: "button", className: "vac-btn sm", disabled: busy, onClick: () => { act(() => (0, shared_1.callHost)('POST', 'restart')); }, children: t('runtime.restart') }), (0, jsx_runtime_1.jsx)("button", { type: "button", className: "vac-btn sm ghost danger", disabled: busy, onClick: remove, children: t('runtime.remove') })] })] })) : ((0, jsx_runtime_1.jsxs)("div", { className: "vls-banner bad", children: [(0, jsx_runtime_1.jsx)("p", { className: "vac-error", children: (0, i18n_1.fill)(t('runtime.failed'), { error: state.error }) }), (0, jsx_runtime_1.jsx)("button", { type: "button", className: "vac-btn primary", disabled: busy, onClick: install, children: t('runtime.retry') })] }));
+			            break;
+			    }
+			    return ((0, jsx_runtime_1.jsxs)("section", { className: "vac-section", children: [(0, jsx_runtime_1.jsx)("div", { className: "vac-section-head", children: (0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)("h3", { className: "vac-section-title", children: t('runtime.title') }), (0, jsx_runtime_1.jsx)("p", { className: "vac-section-lead vac-mono", children: (0, i18n_1.fill)(t('runtime.location'), { location: live.location }) })] }) }), (0, jsx_runtime_1.jsxs)("div", { className: "vac-section-body", children: [body, error === undefined ? null : (0, jsx_runtime_1.jsx)("p", { className: "vac-error", role: "alert", children: error })] })] }));
+			}
+			function Versions({ versions, t }) {
+			    return (0, jsx_runtime_1.jsx)("span", { className: "vac-hint vac-mono", children: (0, i18n_1.fill)(t('runtime.versions'), { ...versions }) });
+			}
+			function versionText(versions) {
+			    return `${versions.sdk} / ${versions.luaskills} / ${versions.luaRuntime}`;
+			}
+			function mb(bytes) {
+			    return (bytes / 1_048_576).toFixed(1);
+			}
+
+		},
+		"./settings": function (module, exports, require) {
+			"use strict";
+			Object.defineProperty(exports, "__esModule", { value: true });
+			exports.SettingsPage = SettingsPage;
+			const jsx_runtime_1 = require("react/jsx-runtime");
+			/**
+			 * Settings › LuaSkills: the runtime section, then the VM and runtime settings. The settings are
+			 * shown before the runtime is installed but stay locked until it is.
+			 */
+			const react_1 = require("react");
+			const i18n_1 = require("./i18n");
+			const runtime_1 = require("./runtime");
+			const shared_1 = require("./shared");
+			function SettingsPage({ view, t }) {
+			    const live = (0, runtime_1.useRuntime)(view);
+			    return ((0, jsx_runtime_1.jsxs)("div", { className: "vac vac-page", "data-vulcan-settings-width": "full", children: [(0, jsx_runtime_1.jsxs)("header", { className: "vac-page-head", "data-vulcan-settings-header": true, children: [(0, jsx_runtime_1.jsx)("h2", { children: t('settingsPage.title') }), (0, jsx_runtime_1.jsx)("p", { className: "vac-lead", children: t('settingsPage.lead') })] }), live === undefined ? (0, jsx_runtime_1.jsx)("p", { className: "vac-hint", children: t('loading') })
+			                : live === null ? (0, jsx_runtime_1.jsx)("div", { className: "vac-alert bad", children: t('unavailable') })
+			                    : ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(runtime_1.RuntimeSection, { view: view, live: live, t: t }), (0, jsx_runtime_1.jsx)(SettingsSection, { view: view, live: live, t: t })] }))] }));
+			}
+			const POOL_FIELDS = [['minSize', 'settings.minSize'], ['maxSize', 'settings.maxSize'], ['idleTtlSecs', 'settings.idleTtl']];
+			const CACHE_FIELDS = [['maxEntries', 'settings.maxEntries'], ['defaultTtlSecs', 'settings.defaultTtl'], ['maxTtlSecs', 'settings.maxTtl']];
+			const MANAGED_FIELDS = [
+			    ['workerPoolMaxSizePerEnvironment', 'settings.managedWorkerPoolMax'],
+			    ['workerIdleTtlSecs', 'settings.managedWorkerIdleTtl'],
+			    ['persistentSessionLimitPerEngine', 'settings.managedSessionLimit'],
+			    ['persistentSessionDefaultBufferLimitBytesPerStream', 'settings.managedSessionBuffer'],
+			    ['invokeDefaultTimeoutMs', 'settings.managedInvokeTimeout'],
+			];
+			const NUMBER_PATHS = [
+			    ...POOL_FIELDS.map(([field]) => ['vmPool', field]),
+			    ...POOL_FIELDS.map(([field]) => ['runLuaPool', field]),
+			    ...CACHE_FIELDS.map(([field]) => ['toolCache', field]),
+			    ...MANAGED_FIELDS.map(([field]) => ['managedRuntime', field]),
+			];
+			function draftOf(settings) {
+			    const numbers = {};
+			    for (const [group, field] of NUMBER_PATHS)
+			        numbers[`${group}.${field}`] = String(settings[group][field]);
+			    return { settings, numbers };
+			}
+			/** The settings value a draft stands for, or the key of what is wrong with it. */
+			function settle(draft) {
+			    const value = structuredClone(draft.settings);
+			    for (const [group, field] of NUMBER_PATHS) {
+			        const text = draft.numbers[`${group}.${field}`]?.trim() ?? '';
+			        if (!/^[1-9]\d*$/.test(text) || !Number.isSafeInteger(Number(text)))
+			            return 'settings.validationPositive';
+			        value[group][field] = Number(text);
+			    }
+			    const settings = value;
+			    if (settings.vmPool.maxSize < settings.vmPool.minSize || settings.runLuaPool.maxSize < settings.runLuaPool.minSize)
+			        return 'settings.validationPoolOrder';
+			    if (settings.toolCache.maxTtlSecs < settings.toolCache.defaultTtlSecs)
+			        return 'settings.validationCacheOrder';
+			    const urls = [settings.network.githubBaseUrl, settings.network.githubApiBaseUrl, settings.network.officialSkillHubBaseUrl];
+			    if (!urls.every(url => url === null || /^https?:\/\/[^\s/]+/i.test(url)))
+			        return 'settings.validationUrl';
+			    return settings;
+			}
+			function SettingsSection({ view, live, t }) {
+			    const saved = live.settings;
+			    const [draft, setDraft] = (0, react_1.useState)(() => draftOf(saved));
+			    const [dirty, setDirty] = (0, react_1.useState)(false);
+			    const [busy, setBusy] = (0, react_1.useState)(false);
+			    const [note, setNote] = (0, react_1.useState)(undefined);
+			    // Follow the saved settings until the user starts editing.
+			    const savedText = JSON.stringify(saved);
+			    (0, react_1.useEffect)(() => {
+			        if (!dirty)
+			            setDraft(draftOf(saved));
+			        // eslint-disable-next-line react-hooks/exhaustive-deps -- `savedText` stands for `saved`.
+			    }, [savedText, dirty]);
+			    const locked = !(0, shared_1.isInstalled)(live.state) || live.state.kind === 'starting' || busy;
+			    const settled = settle(draft);
+			    const edit = (change) => {
+			        setDraft(change);
+			        setDirty(true);
+			        setNote(undefined);
+			    };
+			    const setNumber = (key, text) => { edit(current => ({ ...current, numbers: { ...current.numbers, [key]: text } })); };
+			    const setField = (group, field, value) => {
+			        edit(current => ({ ...current, settings: { ...current.settings, [group]: { ...current.settings[group], [field]: value } } }));
+			    };
+			    const save = () => {
+			        if (typeof settled === 'string')
+			            return;
+			        setBusy(true);
+			        setNote(undefined);
+			        (0, shared_1.callHost)('POST', 'settings', settled).then(() => {
+			            setDirty(false);
+			            setNote({ ok: true, text: t('settings.saved') });
+			        }, (failure) => {
+			            setNote({ ok: false, text: (0, shared_1.messageOf)(failure) });
+			        }).finally(() => {
+			            setBusy(false);
+			            view.refresh();
+			        });
+			    };
+			    const numberField = (group, field, label) => {
+			        const key = `${group}.${field}`;
+			        return ((0, jsx_runtime_1.jsxs)("label", { className: "vls-field", children: [(0, jsx_runtime_1.jsx)("span", { children: t(label) }), (0, jsx_runtime_1.jsx)("input", { className: "vls-input vac-mono", inputMode: "numeric", disabled: locked, value: draft.numbers[key] ?? '', onChange: (event) => { setNumber(key, event.target.value); } })] }, key));
+			    };
+			    const toggle = (group, field, label) => ((0, jsx_runtime_1.jsxs)("label", { className: "vls-check", children: [(0, jsx_runtime_1.jsx)("input", { type: "checkbox", disabled: locked, checked: draft.settings[group][field], onChange: (event) => { setField(group, field, event.target.checked); } }), (0, jsx_runtime_1.jsx)("span", { children: t(label) })] }));
+			    const urlField = (field, label, fallback) => ((0, jsx_runtime_1.jsxs)("label", { className: "vls-field wide", children: [(0, jsx_runtime_1.jsx)("span", { children: t(label) }), (0, jsx_runtime_1.jsx)("input", { className: "vls-input vac-mono", disabled: locked, placeholder: (0, i18n_1.fill)(t('settings.defaultPlaceholder'), { url: fallback }), value: draft.settings.network[field] ?? '', onChange: (event) => { setField('network', field, event.target.value.trim() === '' ? null : event.target.value.trim()); } })] }));
+			    return ((0, jsx_runtime_1.jsxs)("section", { className: "vac-section", children: [(0, jsx_runtime_1.jsx)("div", { className: "vac-section-head", children: (0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)("h3", { className: "vac-section-title", children: t('settings.title') }), (0, jsx_runtime_1.jsx)("p", { className: "vac-section-lead", children: (0, shared_1.isInstalled)(live.state) ? t('settings.lead') : t('settings.locked') })] }) }), (0, jsx_runtime_1.jsxs)("div", { className: "vac-section-body", children: [live.settingsError === undefined ? null : (0, jsx_runtime_1.jsx)("div", { className: "vac-alert warn", children: (0, i18n_1.fill)(t('settings.invalid'), { error: live.settingsError }) }), (0, jsx_runtime_1.jsxs)("fieldset", { className: "vls-group", disabled: locked, children: [(0, jsx_runtime_1.jsx)("legend", { children: t('settings.mainPool') }), (0, jsx_runtime_1.jsx)("p", { className: "vac-hint", children: t('settings.poolHint') }), (0, jsx_runtime_1.jsx)("div", { className: "vls-grid", children: POOL_FIELDS.map(([field, label]) => numberField('vmPool', field, label)) })] }), (0, jsx_runtime_1.jsxs)("fieldset", { className: "vls-group", disabled: locked, children: [(0, jsx_runtime_1.jsx)("legend", { children: t('settings.runLuaPool') }), (0, jsx_runtime_1.jsx)("div", { className: "vls-grid", children: POOL_FIELDS.map(([field, label]) => numberField('runLuaPool', field, label)) })] }), (0, jsx_runtime_1.jsxs)("fieldset", { className: "vls-group", disabled: locked, children: [(0, jsx_runtime_1.jsx)("legend", { children: t('settings.toolCache') }), (0, jsx_runtime_1.jsx)("div", { className: "vls-grid", children: CACHE_FIELDS.map(([field, label]) => numberField('toolCache', field, label)) })] }), (0, jsx_runtime_1.jsxs)("fieldset", { className: "vls-group", disabled: locked, children: [(0, jsx_runtime_1.jsx)("legend", { children: t('settings.managedRuntime') }), (0, jsx_runtime_1.jsx)("p", { className: "vac-hint", children: t('settings.managedRuntimeHint') }), (0, jsx_runtime_1.jsx)("div", { className: "vls-grid", children: MANAGED_FIELDS.map(([field, label]) => numberField('managedRuntime', field, label)) })] }), (0, jsx_runtime_1.jsxs)("fieldset", { className: "vls-group", disabled: locked, children: [(0, jsx_runtime_1.jsx)("legend", { children: t('settings.capabilities') }), (0, jsx_runtime_1.jsxs)("label", { className: "vls-field", children: [(0, jsx_runtime_1.jsx)("span", { children: t('settings.defaultEncoding') }), (0, jsx_runtime_1.jsxs)("select", { className: "vls-input", disabled: locked, value: draft.settings.capabilities.defaultTextEncoding ?? '', onChange: (event) => { setField('capabilities', 'defaultTextEncoding', event.target.value === '' ? null : event.target.value); }, children: [(0, jsx_runtime_1.jsx)("option", { value: "", children: t('settings.autoEncoding') }), shared_1.TEXT_ENCODINGS.map(encoding => (0, jsx_runtime_1.jsx)("option", { value: encoding, children: encoding }, encoding))] })] }), toggle('capabilities', 'enableSkillManagementBridge', 'settings.skillManagementBridge'), toggle('capabilities', 'enableManagedIoCompat', 'settings.managedIoCompat')] }), (0, jsx_runtime_1.jsxs)("fieldset", { className: "vls-group", disabled: locked, children: [(0, jsx_runtime_1.jsx)("legend", { children: t('settings.network') }), toggle('network', 'allowDownloads', 'settings.allowDownloads'), urlField('githubBaseUrl', 'settings.githubBaseUrl', 'https://github.com'), urlField('githubApiBaseUrl', 'settings.githubApiBaseUrl', 'https://api.github.com'), (0, jsx_runtime_1.jsxs)("label", { className: "vls-field wide", children: [(0, jsx_runtime_1.jsx)("span", { children: t('settings.skillHubBaseUrl') }), (0, jsx_runtime_1.jsx)("input", { className: "vls-input vac-mono", disabled: locked, value: draft.settings.network.officialSkillHubBaseUrl, onChange: (event) => { setField('network', 'officialSkillHubBaseUrl', event.target.value.trim()); } }), (0, jsx_runtime_1.jsx)("span", { className: "vac-inline", children: live.hubSites.map(site => ((0, jsx_runtime_1.jsx)("button", { type: "button", className: "vac-link", disabled: locked, onClick: () => { setField('network', 'officialSkillHubBaseUrl', site.url); }, children: t(`hub.site.${site.site}`) }, site.site))) })] })] }), (0, jsx_runtime_1.jsxs)("div", { className: "vac-between", children: [(0, jsx_runtime_1.jsxs)("span", { children: [typeof settled === 'string' && dirty ? (0, jsx_runtime_1.jsx)("span", { className: "vac-error", children: t(settled) }) : null, note === undefined ? null : (0, jsx_runtime_1.jsx)("span", { className: note.ok ? 'vac-hint' : 'vac-error', role: note.ok ? undefined : 'alert', children: note.text })] }), (0, jsx_runtime_1.jsxs)("span", { className: "vac-inline", children: [(0, jsx_runtime_1.jsx)("button", { type: "button", className: "vac-btn", disabled: locked || !dirty, onClick: () => { setDirty(false); setDraft(draftOf(saved)); setNote(undefined); }, children: t('settings.revert') }), (0, jsx_runtime_1.jsx)("button", { type: "button", className: "vac-btn primary", disabled: locked || !dirty || typeof settled === 'string', onClick: save, children: busy ? t('settings.saving') : t('settings.save') })] })] })] })] }));
+			}
+
+		},
+		"./shared": function (module, exports, require) {
+			"use strict";
+			/** Facts the browser half shares with the Host half. */
+			Object.defineProperty(exports, "__esModule", { value: true });
+			exports.HostWatch = exports.TEXT_ENCODINGS = exports.PHASES = exports.PANEL_ID = exports.SETTINGS_SECTION = exports.PACKAGE_NAME = void 0;
+			exports.callHost = callHost;
+			exports.messageOf = messageOf;
+			exports.isInstalled = isInstalled;
+			/** Checked against `package.json` by `scripts/bundle-client.mjs`. */
+			exports.PACKAGE_NAME = '@openvulcan/dsh-vulcan-luaskills';
+			/** The Settings dialog entry this plugin adds. */
+			exports.SETTINGS_SECTION = 'vulcan-luaskills';
+			/** The main panel the sidebar entry opens. */
+			exports.PANEL_ID = 'vulcan-luaskills';
+			/** Mirrors `ROUTE_PREFIX` in `src/index.ts`, below the page's origin. */
+			const ROUTE_BASE = '/api/vulcan-luaskills/';
+			/** Mirrors `PHASES` in `src/runtime.ts`. */
+			exports.PHASES = ['sdk', 'lua', 'core', 'engine', 'skill'];
+			/** Mirrors `TEXT_ENCODINGS` in `src/settings.ts`. */
+			exports.TEXT_ENCODINGS = ['utf-8', 'system', 'oem', 'gbk', 'gb18030', 'latin1', 'base64'];
+			async function callHost(method, route, body) {
+			    const response = await fetch(`${ROUTE_BASE}${route}`, {
+			        method,
+			        ...body === undefined ? {} : { body: JSON.stringify(body), headers: { 'content-type': 'application/json' } },
+			    });
+			    const answer = await response.json().catch(() => undefined);
+			    if (answer?.ok !== true)
+			        throw new Error(answer?.error?.message ?? `HTTP ${response.status}`);
+			    return answer.value;
+			}
+			function messageOf(error) {
+			    return error instanceof Error ? error.message : String(error);
+			}
+			/** Whether the runtime is on disk, whatever its engine is doing. */
+			function isInstalled(state) {
+			    return state.kind === 'ready' || state.kind === 'starting' || (state.kind === 'failed' && state.installed);
+			}
+			/**
+			 * Latest-answer-wins view of one Host fact, shared by every rendered entry. `undefined` means
+			 * unknown: before the first answer, or after a failed read, so nothing is shown as a guess.
+			 */
+			class HostWatch {
+			    read;
+			    #value;
+			    #listeners = new Set();
+			    #generation = 0;
+			    constructor(read) {
+			        this.read = read;
+			    }
+			    subscribe = (listener) => {
+			        this.#listeners.add(listener);
+			        return () => { this.#listeners.delete(listener); };
+			    };
+			    getSnapshot = () => this.#value;
+			    /** Re-read the fact; an older answer never replaces a newer one. */
+			    refresh() {
+			        const generation = ++this.#generation;
+			        this.read().then((value) => {
+			            if (generation === this.#generation)
+			                this.#set(value);
+			        }, () => {
+			            if (generation === this.#generation)
+			                this.#set(undefined);
+			        });
+			    }
+			    /** Stop publishing answers that are still in flight. */
+			    close() {
+			        ++this.#generation;
+			        this.#listeners.clear();
+			    }
+			    #set(value) {
+			        if (Object.is(value, this.#value))
+			            return;
+			        this.#value = value;
+			        for (const listener of this.#listeners)
+			            listener();
+			    }
+			}
+			exports.HostWatch = HostWatch;
+
+		},
+		"./style": function (module, exports, require) {
+			"use strict";
+			/**
+			 * The plugin's look, after VulcanCode's ui-kit (`apps/vulcan-code-web/src/ui-kit/styles`): the
+			 * same `.vac` tokens and rules as the account plugin, plus the LuaSkills page, install progress,
+			 * settings groups and Hub cards under `vls-*`. Every rule is scoped under `.vac` or `vls-`, so
+			 * nothing leaks into dsh; dark values follow dsh's `body[data-ds-dark-theme]`.
+			 */
+			Object.defineProperty(exports, "__esModule", { value: true });
+			exports.installStyle = installStyle;
+			const CSS = String.raw `
+			.vac {
+			  --vk-u: 4px;
+			  --vk-panel: #fff; --vk-sunken: #f6f7f9; --vk-hover: #eef1f4; --vk-select: #e3e9f8;
+			  --vk-line: #dde1e6; --vk-line-strong: #c3c9d1; --vk-line-soft: #eaecef;
+			  --vk-ink: #14171c; --vk-ink-2: #4a515c; --vk-ink-3: #626973;
+			  --vk-ember: #e2511a; --vk-signal: #2e58cc; --vk-ok: #18774a; --vk-warn: #945d09; --vk-bad: #c3303d;
+			  --vk-shadow-1: 0 1px 2px rgba(20, 23, 28, 0.06);
+			  --vk-shadow-2: 0 16px 40px rgba(20, 23, 28, 0.18), 0 2px 8px rgba(20, 23, 28, 0.08);
+			  --vk-mono: "Geist Mono", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
+			  font-size: 13px; line-height: 1.5; color: var(--vk-ink);
+			}
+			body[data-ds-dark-theme] .vac {
+			  --vk-panel: #15181d; --vk-sunken: #0f1215; --vk-hover: #1e2329; --vk-select: #1c2537;
+			  --vk-line: #23282f; --vk-line-strong: #343b45; --vk-line-soft: #1a1e24;
+			  --vk-ink: #e6e9ed; --vk-ink-2: #a2aab5; --vk-ink-3: #848c97;
+			  --vk-ember: #ff6a2b; --vk-signal: #7d9dff; --vk-ok: #3fc48a; --vk-warn: #e0a83a; --vk-bad: #f0646f;
+			  --vk-shadow-1: 0 1px 2px rgba(0, 0, 0, 0.4);
+			  --vk-shadow-2: 0 16px 40px rgba(0, 0, 0, 0.55), 0 2px 8px rgba(0, 0, 0, 0.4);
+			}
+			.vac *, .vac *::before, .vac *::after { box-sizing: border-box; }
+			.vac-page { display: flex; flex-direction: column; gap: calc(var(--vk-u) * 4); counter-reset: vac-section; padding-bottom: calc(var(--vk-u) * 2); }
+			.vac-page-head h2 { margin: 0; font-size: 16px; font-weight: 600; }
+			.vac-lead { margin: calc(var(--vk-u) * 1) 0 0; color: var(--vk-ink-2); }
+			.vac-hint { margin: 0; color: var(--vk-ink-3); font-size: 12px; }
+			.vac-error { margin: 0; color: var(--vk-bad); font-size: 12px; overflow-wrap: anywhere; }
+
+			.vac-section { position: relative; border: 1px solid var(--vk-line); background: var(--vk-panel); box-shadow: var(--vk-shadow-1); }
+			.vac-section::before { content: ""; position: absolute; left: -1px; top: -1px; width: calc(var(--vk-u) * 7); height: 2px; background: var(--vk-ember); }
+			.vac-section-head { display: flex; align-items: flex-start; justify-content: space-between; gap: calc(var(--vk-u) * 3); padding: calc(var(--vk-u) * 3.5) calc(var(--vk-u) * 4) 0; }
+			.vac-section-title { display: flex; align-items: center; gap: calc(var(--vk-u) * 2); margin: 0; font-size: 15px; font-weight: 600; }
+			.vac-section-title::before { counter-increment: vac-section; content: counter(vac-section, decimal-leading-zero); border: 1px solid var(--vk-line); color: var(--vk-ink-3); font-family: var(--vk-mono); font-size: 10px; font-weight: 400; letter-spacing: .06em; padding: 0 5px; line-height: 16px; }
+			.vac-section-lead { margin: calc(var(--vk-u) * 1) 0 0; color: var(--vk-ink-3); font-size: 12px; }
+			.vac-section-body { display: flex; flex-direction: column; gap: calc(var(--vk-u) * 3); padding: calc(var(--vk-u) * 3) calc(var(--vk-u) * 4) calc(var(--vk-u) * 4); }
+			.vac-section-body.flush { padding: calc(var(--vk-u) * 3) 0 0; gap: 0; }
+
+			.vac-inline { display: flex; align-items: center; gap: calc(var(--vk-u) * 2); flex-wrap: wrap; }
+			.vac-between { display: flex; align-items: center; justify-content: space-between; gap: calc(var(--vk-u) * 3); flex-wrap: wrap; }
+
+			.vac-btn { display: inline-flex; align-items: center; justify-content: center; gap: 6px; height: 28px; padding: 0 calc(var(--vk-u) * 3); border: 1px solid var(--vk-line-strong); background: var(--vk-panel); color: var(--vk-ink); font: inherit; font-size: 12px; font-weight: 500; cursor: pointer; white-space: nowrap; border-radius: 0; }
+			.vac-btn:hover:not(:disabled) { background: var(--vk-hover); }
+			.vac-btn:disabled { cursor: default; opacity: .55; }
+			.vac-btn.sm { height: 24px; padding: 0 calc(var(--vk-u) * 2); }
+			.vac-btn.primary { background: var(--vk-ink); border-color: var(--vk-ink); color: var(--vk-panel); }
+			.vac-btn.primary:hover:not(:disabled) { background: var(--vk-ink-2); }
+			.vac-btn.ghost { border-color: transparent; background: transparent; }
+			.vac-btn.ghost:hover:not(:disabled) { background: var(--vk-hover); }
+			.vac-link { border: 0; padding: 0; background: none; color: var(--vk-signal); font: inherit; font-size: 12px; cursor: pointer; text-decoration: underline; text-underline-offset: 2px; }
+
+			.vac-btn:focus-visible, .vac-site:focus-visible { outline: 2px solid var(--vk-signal); outline-offset: 1px; }
+
+			.vac-badge { display: inline-flex; align-items: center; height: 18px; padding: 0 6px; border: 1px solid color-mix(in srgb, var(--tone, var(--vk-ink-3)) 32%, transparent); background: color-mix(in srgb, var(--tone, var(--vk-ink-3)) 9%, transparent); color: var(--tone, var(--vk-ink-2)); font-size: 11px; font-weight: 500; white-space: nowrap; }
+			.vac-badge.ok { --tone: var(--vk-ok); }
+			.vac-badge.warn { --tone: var(--vk-warn); }
+			.vac-badge.bad { --tone: var(--vk-bad); }
+			.vac-badge.info { --tone: var(--vk-signal); }
+			.vac-badge.outline { --tone: var(--vk-ink-3); background: transparent; }
+
+			.vac-alert { padding: calc(var(--vk-u) * 2.5) calc(var(--vk-u) * 3); border: 1px solid var(--vk-line); border-left: 3px solid var(--tone, var(--vk-ink-3)); background: var(--vk-sunken); color: var(--vk-ink-2); font-size: 12px; overflow-wrap: anywhere; }
+			.vac-alert.warn { --tone: var(--vk-warn); }
+			.vac-alert.bad { --tone: var(--vk-bad); }
+
+			.vac-btn.danger { color: var(--vk-bad); }
+			.vac-btn.danger:hover:not(:disabled) { background: color-mix(in srgb, var(--vk-bad) 9%, transparent); }
+			.vac-alert.info { --tone: var(--vk-signal); }
+
+			/* The LuaSkills page fills dsh's main column and scrolls on its own. */
+			.vls-panel { height: 100%; overflow-y: auto; background: var(--vk-sunken); }
+			.vls-panel-inner { max-width: 960px; margin: 0 auto; padding: calc(var(--vk-u) * 6) calc(var(--vk-u) * 6) calc(var(--vk-u) * 8); }
+			.vls-pad { padding: 0 calc(var(--vk-u) * 4) calc(var(--vk-u) * 3); }
+
+			.vls-banner { display: flex; align-items: center; justify-content: space-between; gap: calc(var(--vk-u) * 3); flex-wrap: wrap; padding: calc(var(--vk-u) * 3); border: 1px solid var(--vk-line); border-left: 3px solid var(--tone, var(--vk-ember)); background: var(--vk-sunken); }
+			.vls-banner > div { display: flex; flex-direction: column; gap: 2px; min-width: 0; flex: 1; }
+			.vls-banner.warn { --tone: var(--vk-warn); }
+			.vls-banner.bad { --tone: var(--vk-bad); }
+
+			.vls-progress { display: flex; flex-direction: column; gap: calc(var(--vk-u) * 2.5); }
+			.vls-bar { position: relative; height: 4px; overflow: hidden; background: var(--vk-line-soft); }
+			.vls-bar-fill { position: absolute; inset: 0 auto 0 0; background: var(--vk-ember); transition: width .2s linear; }
+			.vls-bar-fill.indeterminate { width: 30%; animation: vls-slide 1.2s ease-in-out infinite; }
+			@keyframes vls-slide { from { left: -30%; } to { left: 100%; } }
+			@media (prefers-reduced-motion: reduce) { .vls-bar-fill.indeterminate { animation: none; width: 100%; opacity: .5; } }
+			.vls-steps { display: flex; flex-wrap: wrap; gap: calc(var(--vk-u) * 1) calc(var(--vk-u) * 4); margin: 0; padding: 0; list-style: none; counter-reset: vls-step; color: var(--vk-ink-3); font-size: 12px; }
+			.vls-steps li { display: flex; align-items: center; gap: 6px; }
+			.vls-steps li::before { counter-increment: vls-step; content: counter(vls-step); display: inline-flex; align-items: center; justify-content: center; width: 16px; height: 16px; border: 1px solid var(--vk-line-strong); font-family: var(--vk-mono); font-size: 10px; }
+			.vls-steps li.done { color: var(--vk-ink-2); }
+			.vls-steps li.done::before { content: "\2713"; border-color: var(--vk-ok); color: var(--vk-ok); }
+			.vls-steps li.now { color: var(--vk-ink); font-weight: 500; }
+			.vls-steps li.now::before { border-color: var(--vk-ember); color: var(--vk-ember); }
+
+			.vls-group { display: flex; flex-direction: column; gap: calc(var(--vk-u) * 2.5); margin: 0; padding: calc(var(--vk-u) * 3); border: 1px solid var(--vk-line-soft); min-width: 0; }
+			.vls-group:disabled { opacity: .6; }
+			.vls-group legend { padding: 0 calc(var(--vk-u) * 1); font-size: 12px; font-weight: 600; color: var(--vk-ink-2); }
+			.vls-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(180px, 1fr)); gap: calc(var(--vk-u) * 3); }
+			.vls-field { display: flex; flex-direction: column; gap: 4px; min-width: 0; font-size: 12px; color: var(--vk-ink-2); }
+			.vls-field.wide { grid-column: 1 / -1; }
+			.vls-input { height: 28px; padding: 0 calc(var(--vk-u) * 2); border: 1px solid var(--vk-line-strong); border-radius: 0; background: var(--vk-panel); color: var(--vk-ink); font: inherit; font-size: 12px; min-width: 0; }
+			.vls-input:focus { outline: 2px solid var(--vk-signal); outline-offset: -1px; }
+			.vls-input:disabled { background: var(--vk-sunken); color: var(--vk-ink-3); }
+			.vls-check { display: flex; align-items: center; gap: calc(var(--vk-u) * 2); font-size: 12px; color: var(--vk-ink-2); cursor: pointer; }
+			.vls-check input { margin: 0; accent-color: var(--vk-ember); }
+
+			.vls-tabs { display: flex; gap: 0; border-bottom: 1px solid var(--vk-line); }
+			.vls-tab { height: 34px; padding: 0 calc(var(--vk-u) * 4); border: 0; border-bottom: 2px solid transparent; margin-bottom: -1px; background: transparent; color: var(--vk-ink-3); font: inherit; font-size: 13px; font-weight: 500; cursor: pointer; }
+			.vls-tab:hover { color: var(--vk-ink); }
+			.vls-tab.on { color: var(--vk-ink); border-bottom-color: var(--vk-ember); }
+			.vls-seg { height: 24px; padding: 0 calc(var(--vk-u) * 2.5); border: 1px solid var(--vk-line-strong); background: var(--vk-panel); color: var(--vk-ink-2); font: inherit; font-size: 12px; cursor: pointer; display: inline-flex; align-items: center; }
+			.vls-seg + .vls-seg { margin-left: calc(var(--vk-u) * -2 - 1px); }
+			.vls-seg.on { border-color: var(--vk-ink); background: var(--vk-ink); color: var(--vk-panel); }
+			.vls-seg:disabled { cursor: default; opacity: .55; }
+			.vls-tab:focus-visible, .vls-seg:focus-visible, .vac-link:focus-visible { outline: 2px solid var(--vk-signal); outline-offset: 1px; }
+
+			.vls-list { margin: 0; padding: 0; list-style: none; }
+			.vls-row { display: flex; align-items: center; justify-content: space-between; gap: calc(var(--vk-u) * 3); padding: calc(var(--vk-u) * 3) calc(var(--vk-u) * 4); border-top: 1px solid var(--vk-line-soft); }
+			.vls-row-main { display: flex; flex-direction: column; gap: 2px; min-width: 0; flex: 1; }
+			.vls-row-main .vac-hint { overflow-wrap: anywhere; }
+			.vls-tools { margin: 0; color: var(--vk-ink-3); font-size: 11px; overflow-wrap: anywhere; }
+
+			.vls-search { width: 100%; height: 32px; font-size: 13px; }
+			.vls-cards { display: grid; grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)); gap: calc(var(--vk-u) * 2.5); margin: 0; padding: 0; list-style: none; }
+			.vls-card { display: flex; flex-direction: column; gap: calc(var(--vk-u) * 1.5); padding: calc(var(--vk-u) * 3); border: 1px solid var(--vk-line); background: var(--vk-panel); min-width: 0; }
+			.vls-card:hover { border-color: var(--vk-line-strong); }
+			.vls-card .vac-hint { overflow-wrap: anywhere; }
+			.vls-summary { margin: 0; color: var(--vk-ink-2); font-size: 12px; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }
+
+			.vls-sheet { position: fixed; top: 0; right: 0; bottom: 0; z-index: 50; display: flex; flex-direction: column; width: min(560px, 100vw); border-left: 1px solid var(--vk-line); background: var(--vk-panel); box-shadow: var(--vk-shadow-2); }
+			.vls-sheet-head { display: flex; align-items: flex-start; justify-content: space-between; gap: calc(var(--vk-u) * 3); padding: calc(var(--vk-u) * 4); border-bottom: 1px solid var(--vk-line); }
+			.vls-sheet-head strong { font-size: 15px; }
+			.vls-sheet-body { flex: 1; overflow-y: auto; padding: calc(var(--vk-u) * 4); display: flex; flex-direction: column; gap: calc(var(--vk-u) * 2); }
+			.vls-sheet-body h4 { margin: calc(var(--vk-u) * 2) 0 0; font-size: 13px; }
+			.vls-sheet-body p, .vls-sheet-body ul { margin: 0; color: var(--vk-ink-2); }
+			.vls-readme { margin: 0; padding: calc(var(--vk-u) * 3); border: 1px solid var(--vk-line-soft); background: var(--vk-sunken); font-family: var(--vk-mono); font-size: 12px; white-space: pre-wrap; overflow-wrap: anywhere; }
+			`;
+			/** Add the stylesheet once per page; returns a function that removes it again. */
+			function installStyle() {
+			    const existing = document.querySelector('style[data-plugin="vulcan-luaskills"]');
+			    if (existing !== null)
+			        existing.remove();
+			    const tag = document.createElement('style');
+			    tag.dataset['plugin'] = 'vulcan-luaskills';
+			    tag.textContent = CSS;
+			    document.head.appendChild(tag);
+			    return () => { tag.remove(); };
+			}
+
+		},
+		};
+		var cache = {};
+		function load(request) {
+			if (!(request in definitions)) return platformRequire(request);
+			if (!(request in cache)) {
+				var module = { exports: {} };
+				cache[request] = module;
+				definitions[request](module, module.exports, load);
+			}
+			return cache[request].exports;
+		}
+		return load('./index');
+	}
+});