agentworkshop 0.8.2 → 0.8.4

package/.output/server/chunks/build/settings-Cz2Plds0.mjs

@@ -0,0 +1,944 @@
+import { h as _plugin_vue_export_helper_default, a as useI18n, aH as useSiteConfig, aI as useAppStore, aP as useRuntimeConfig, aQ as useRuntimeConfigStore, d as useUserStore, aR as useCookie, b as api$1 } from '../virtual/entry.mjs';
+import { C as ClientOnly } from './client-only-S7k53PIm.mjs';
+import { S as Select } from './select-CJb2XrQf.mjs';
+import { i as input_default } from './input-CJgB-RL6.mjs';
+import { i as input_number_default } from './input-number-CQKL42p_.mjs';
+import { a as alert_default } from './alert-CNGhs--Y.mjs';
+import { c as card_default } from './card-BECE6y_G.mjs';
+import { D as Descriptions, a as DescriptionsItem } from './descriptions-B3uhDesi.mjs';
+import { s as switch_default } from './switch-DWcwVFxW.mjs';
+import { a as apiErrorMessage } from './api-error-CnW_xiNI.mjs';
+import { u as useWorkshopApi } from './useWorkshopApi-BkEgGBIM.mjs';
+import { P as PluginSlot_default } from './PluginSlot-CZlGlRoR.mjs';
+import { defineComponent, ref, computed, mergeProps, unref, withCtx, createVNode, openBlock, createBlock, Fragment, renderList, toDisplayString, provide, watch, reactive, inject, useSSRContext } from 'vue';
+import { ssrRenderAttrs, ssrInterpolate, ssrRenderComponent, ssrRenderList, ssrRenderClass, ssrRenderStyle, ssrRenderAttr, ssrIncludeBooleanAttr } from 'vue/server-renderer';
+import '../_/nitro.mjs';
+import 'node:crypto';
+import 'node:http';
+import 'node:https';
+import 'node:events';
+import 'node:buffer';
+import 'node:fs';
+import 'node:path';
+import 'node:url';
+import 'js-yaml';
+import 'node:os';
+import 'zod';
+import 'node:child_process';
+import 'node:sqlite';
+import 'node:module';
+import 'node:zlib';
+import 'node:dns/promises';
+import 'node:net';
+import 'node:fs/promises';
+import 'node:util';
+import 'node:v8';
+import 'node:readline';
+import 'unhead/utils';
+import '../routes/renderer.mjs';
+import 'unhead/server';
+import 'unhead/legacy';
+import 'unhead/plugins';
+import 'nostics';
+import 'vue-bundle-renderer/runtime';
+import 'devalue';
+import 'vue-router';
+import 'pinia';
+import '@ant-design/colors';
+import 'axios';
+import './firstNotUndefined-laiThpLD.mjs';
+import '../_/SearchOutlined.mjs';
+import './FormItemContext-DmuQqaeJ.mjs';
+import './tabs-BCwBXjNt.mjs';
+import './hasIn-RYRGomyg.mjs';
+import './menu-xO8ocVtL.mjs';
+import './tooltip-GlMrUZzx.mjs';
+import './responsiveObserve-CzRpNXkr.mjs';
+
+var AppearancePane_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+  __name: "AppearancePane",
+  __ssrInlineRender: true,
+  props: { activeTab: {} },
+  setup(__props) {
+    const store = useAppStore();
+    const config = useRuntimeConfig().public;
+    const { t, locale, locales, setLocale } = useI18n();
+    const defaultAccent = String(config.primaryColor);
+    const colorPresets = [
+      {
+        value: defaultAccent,
+        label: t("settings.accentInk")
+      },
+      {
+        value: "#c9963f",
+        label: t("settings.accentStone")
+      },
+      {
+        value: "#44615a",
+        label: t("settings.accentMoss")
+      },
+      {
+        value: "#3f6094",
+        label: t("settings.accentSlate")
+      },
+      {
+        value: "#6b5aa0",
+        label: t("settings.accentPlum")
+      },
+      {
+        value: "#9c5744",
+        label: t("settings.accentClay")
+      }
+    ];
+    const currentAccent = computed(() => {
+      var _a;
+      return (_a = store.accent) != null ? _a : defaultAccent;
+    });
+    const localeOptions = computed(() => locales.value.map((l) => ({
+      label: l.name,
+      value: l.code
+    })));
+    const switchLocale = (value) => {
+      if (value != null) {
+        useCookie("aw.locale", { maxAge: 31536e3 }).value = String(value);
+        localStorage.setItem("aw.locale", String(value));
+        setLocale(String(value));
+        (void 0).location.reload();
+      }
+    };
+    return (_ctx, _push, _parent, _attrs) => {
+      const _component_a_select = Select;
+      _push(`<div${ssrRenderAttrs(mergeProps(_attrs, { style: __props.activeTab === "appearance" ? null : { display: "none" } }))} data-v-8a84c417><h3 class="section-title" data-v-8a84c417>${ssrInterpolate(unref(t)("settings.theme"))}</h3><p class="section-desc" data-v-8a84c417>${ssrInterpolate(unref(t)("settings.appearanceDesc"))}</p><div class="set-row" data-v-8a84c417><div class="set-text" data-v-8a84c417><div class="set-title" data-v-8a84c417>${ssrInterpolate(unref(t)("settings.primaryColor"))}</div><div class="set-sub" data-v-8a84c417>${ssrInterpolate(unref(t)("settings.accentDesc"))}</div></div></div><div class="color-swatches" data-v-8a84c417><!--[-->`);
+      ssrRenderList(colorPresets, (c) => {
+        _push(`<button class="${ssrRenderClass([{ on: unref(currentAccent).toLowerCase() === c.value.toLowerCase() }, "swatch"])}" style="${ssrRenderStyle({ "--sw": c.value })}"${ssrRenderAttr("title", c.label)} data-v-8a84c417><span class="swatch-dot" data-v-8a84c417></span><span class="swatch-label" data-v-8a84c417>${ssrInterpolate(c.label)}</span>`);
+        if (unref(currentAccent).toLowerCase() === c.value.toLowerCase()) _push(`<span class="i-tabler-check swatch-check" data-v-8a84c417></span>`);
+        else _push(`<!---->`);
+        _push(`</button>`);
+      });
+      _push(`<!--]--></div><button class="aw-pill outline reset-btn" data-v-8a84c417><span class="i-tabler-rotate" data-v-8a84c417></span> ${ssrInterpolate(unref(t)("settings.accentResetAction"))}</button><div class="toggle-row" data-v-8a84c417><div class="set-text" data-v-8a84c417><div class="set-title" data-v-8a84c417>${ssrInterpolate(unref(store).isDark ? unref(t)("common.dark") : unref(t)("common.light"))}</div><div class="set-sub" data-v-8a84c417>${ssrInterpolate(unref(t)("settings.darkDesc"))}</div></div><button class="${ssrRenderClass([{ on: unref(store).isDark }, "switch"])}" role="switch"${ssrRenderAttr("aria-checked", unref(store).isDark)} data-v-8a84c417><span class="knob" data-v-8a84c417></span></button></div><div class="toggle-row" data-v-8a84c417><div class="set-text" data-v-8a84c417><div class="set-title" data-v-8a84c417>${ssrInterpolate(unref(t)("header.language"))}</div><div class="set-sub" data-v-8a84c417>${ssrInterpolate(unref(t)("settings.languageDesc"))}</div></div>`);
+      _push(ssrRenderComponent(_component_a_select, {
+        value: unref(locale),
+        options: unref(localeOptions),
+        style: { "width": "140px" },
+        onChange: switchLocale
+      }, null, _parent));
+      _push(`</div></div>`);
+    };
+  }
+});
+var _sfc_setup$6 = AppearancePane_vue_vue_type_script_setup_true_lang_default.setup;
+AppearancePane_vue_vue_type_script_setup_true_lang_default.setup = (props, ctx) => {
+  const ssrContext = useSSRContext();
+  (ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add("components/settings/AppearancePane.vue");
+  return _sfc_setup$6 ? _sfc_setup$6(props, ctx) : void 0;
+};
+var AppearancePane_default = /* @__PURE__ */ Object.assign(_plugin_vue_export_helper_default(AppearancePane_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-8a84c417"]]), { __name: "SettingsAppearancePane" });
+function useRuntimeConfigDraft() {
+  const { t } = useI18n();
+  const rcStore = useRuntimeConfigStore();
+  const draft = ref({});
+  const dirtyKeys = ref(/* @__PURE__ */ new Set());
+  const savingRuntime = ref(false);
+  const runtimeNotice = ref(null);
+  function syncRuntimeDraft() {
+    draft.value = { ...rcStore.effective };
+    dirtyKeys.value = /* @__PURE__ */ new Set();
+  }
+  watch(() => rcStore.loaded, (v) => {
+    if (v) syncRuntimeDraft();
+  }, { immediate: true });
+  watch(() => rcStore.effective, () => {
+    if (dirtyKeys.value.size === 0) syncRuntimeDraft();
+  }, { deep: true });
+  function markDirty(key) {
+    dirtyKeys.value.add(key);
+    runtimeNotice.value = null;
+  }
+  async function saveRuntime() {
+    var _a, _b, _c;
+    if (!dirtyKeys.value.size) return;
+    savingRuntime.value = true;
+    runtimeNotice.value = null;
+    try {
+      const patchMap = {};
+      for (const k of dirtyKeys.value) patchMap[k] = draft.value[k];
+      const res = await rcStore.patch(patchMap);
+      syncRuntimeDraft();
+      const restart = (_a = res.restartRequired) != null ? _a : [];
+      runtimeNotice.value = restart.length ? {
+        type: "warning",
+        text: t("settings.runtime.restartNotice", { keys: restart.join(", ") })
+      } : {
+        type: "success",
+        text: t("settings.runtime.savedLive")
+      };
+    } catch (e) {
+      const err = e;
+      runtimeNotice.value = {
+        type: "error",
+        text: ((_c = (_b = err == null ? void 0 : err.response) == null ? void 0 : _b.data) == null ? void 0 : _c.message) || (err == null ? void 0 : err.message) || String(e)
+      };
+    } finally {
+      savingRuntime.value = false;
+    }
+  }
+  async function resetRuntimeKey(key) {
+    var _a, _b;
+    try {
+      await rcStore.patch({ [key]: null });
+      dirtyKeys.value.delete(key);
+      draft.value[key] = rcStore.effective[key];
+      runtimeNotice.value = {
+        type: "success",
+        text: t("settings.runtime.keyReset", { key })
+      };
+    } catch (e) {
+      const err = e;
+      runtimeNotice.value = {
+        type: "error",
+        text: ((_b = (_a = err == null ? void 0 : err.response) == null ? void 0 : _a.data) == null ? void 0 : _b.message) || (err == null ? void 0 : err.message) || String(e)
+      };
+    }
+  }
+  async function resetAllRuntime() {
+    var _a, _b;
+    try {
+      await rcStore.resetAll();
+      syncRuntimeDraft();
+      runtimeNotice.value = {
+        type: "success",
+        text: t("settings.runtime.resetAllDone")
+      };
+    } catch (e) {
+      const err = e;
+      runtimeNotice.value = {
+        type: "error",
+        text: ((_b = (_a = err == null ? void 0 : err.response) == null ? void 0 : _a.data) == null ? void 0 : _b.message) || (err == null ? void 0 : err.message) || String(e)
+      };
+    }
+  }
+  return {
+    draft,
+    dirtyKeys,
+    savingRuntime,
+    runtimeNotice,
+    syncRuntimeDraft,
+    markDirty,
+    saveRuntime,
+    resetRuntimeKey,
+    resetAllRuntime
+  };
+}
+var runtimeConfigDraftKey = /* @__PURE__ */ Symbol("aw.settings.runtimeConfigDraft");
+function provideRuntimeConfigDraft() {
+  const api2 = useRuntimeConfigDraft();
+  provide(runtimeConfigDraftKey, api2);
+  return api2;
+}
+function useRuntimeConfigDraftContext() {
+  const api2 = inject(runtimeConfigDraftKey);
+  if (!api2) throw new Error("[settings] useRuntimeConfigDraftContext: \u7F3A\u5C11 provideRuntimeConfigDraft()");
+  return api2;
+}
+function useSettingsGroups() {
+  const { t } = useI18n();
+  const userStore = useUserStore();
+  const rcStore = useRuntimeConfigStore();
+  const KNOWN_GROUP_LABELS = {
+    server: "settings.runtime.groupServer",
+    app: "settings.runtime.groupApp",
+    api: "settings.runtime.groupApi",
+    theme: "settings.runtime.groupTheme",
+    i18n: "settings.runtime.groupI18n",
+    security: "settings.runtime.groupSecurity",
+    daq: "settings.runtime.groupDaq",
+    memory: "settings.runtime.groupMemory",
+    omp: "settings.runtime.groupOmp",
+    harness: "settings.runtime.groupHarness",
+    dcw: "settings.runtime.groupDcw",
+    workshop: "settings.runtime.groupWorkshop",
+    backup: "settings.runtime.groupBackup",
+    retention: "settings.runtime.groupRetention",
+    log: "settings.runtime.groupLog",
+    plugins: "settings.runtime.groupPlugins"
+  };
+  function groupLabel(g) {
+    if (g.labelKey && t(g.labelKey) !== g.labelKey) return t(g.labelKey);
+    if (g.label && g.label !== g.id) return g.label;
+    const known = KNOWN_GROUP_LABELS[g.id];
+    if (known) return t(known);
+    return g.label || g.id;
+  }
+  function groupSourceBadge(g) {
+    if (g.source === "plugin") return g.plugin ? `${t("settings.groups.srcPlugin")}: ${g.plugin}` : t("settings.groups.srcPlugin");
+    if (g.source === "user") return t("settings.groups.srcUser");
+    return t("settings.groups.srcBuiltin");
+  }
+  function sourceClass(s) {
+    return s === "runtime" ? "src-runtime" : s === "env" ? "src-env" : "src-yaml";
+  }
+  function itemLabel(item) {
+    const k = item.labelKey;
+    return k && t(k) !== k ? t(k) : item.label;
+  }
+  const GROUP_COLLAPSE_KEY = "aw.settings.groups.collapsed";
+  const groupCollapsed = ref({});
+  function loadCollapsePref() {
+    var _a, _b;
+    try {
+      groupCollapsed.value = (_b = JSON.parse((_a = localStorage.getItem(GROUP_COLLAPSE_KEY)) != null ? _a : "{}")) != null ? _b : {};
+    } catch {
+      groupCollapsed.value = {};
+    }
+  }
+  function saveCollapsePref() {
+    try {
+      localStorage.setItem(GROUP_COLLAPSE_KEY, JSON.stringify(groupCollapsed.value));
+    } catch {
+    }
+  }
+  function isCollapsed(g) {
+    const local = groupCollapsed.value[g.id];
+    return local === void 0 ? g.collapsed : local;
+  }
+  function toggleGroup(g) {
+    if (!g.collapsible) return;
+    groupCollapsed.value = {
+      ...groupCollapsed.value,
+      [g.id]: !isCollapsed(g)
+    };
+    saveCollapsePref();
+  }
+  function toggleAllGroups() {
+    const list = rcStore.groups.filter((g) => g.collapsible);
+    const anyExpanded = list.some((g) => !isCollapsed(g));
+    const next = { ...groupCollapsed.value };
+    for (const g of list) next[g.id] = anyExpanded;
+    groupCollapsed.value = next;
+    saveCollapsePref();
+  }
+  const allExpanded = computed(() => rcStore.groups.filter((g) => g.collapsible).some((g) => !isCollapsed(g)));
+  const isAdmin = computed(() => userStore.isAdmin);
+  const groupFormOpen = ref(false);
+  const groupForm = reactive({
+    label: "",
+    description: "",
+    collapsed: false
+  });
+  const groupBusy = ref("");
+  const renamingId = ref("");
+  const renameDraft = ref("");
+  async function submitGroupForm() {
+    if (!groupForm.label.trim()) return;
+    groupBusy.value = "create";
+    try {
+      await rcStore.createGroup({
+        label: groupForm.label.trim(),
+        description: groupForm.description.trim(),
+        collapsed: groupForm.collapsed
+      });
+      groupFormOpen.value = false;
+      groupForm.label = "";
+      groupForm.description = "";
+      groupForm.collapsed = false;
+      api$1.success(t("settings.groups.created"));
+    } catch (e) {
+      api$1.error(apiErrorMessage(e, t("settings.groups.createFail")));
+    } finally {
+      groupBusy.value = "";
+    }
+  }
+  function startRename(g) {
+    renamingId.value = g.id;
+    renameDraft.value = g.label;
+  }
+  async function commitRename(id) {
+    const label = renameDraft.value.trim();
+    renamingId.value = "";
+    if (!label) return;
+    groupBusy.value = id;
+    try {
+      await rcStore.updateGroup(id, { label });
+      api$1.success(t("settings.groups.renamed"));
+    } catch (e) {
+      api$1.error(apiErrorMessage(e, t("settings.groups.updateFail")));
+    } finally {
+      groupBusy.value = "";
+    }
+  }
+  async function moveGroup(id, dir) {
+    const list = [...rcStore.groups];
+    const i = list.findIndex((g) => g.id === id);
+    const j = i + dir;
+    if (i < 0 || j < 0 || j >= list.length) return;
+    const a = list[i];
+    const b = list[j];
+    groupBusy.value = id;
+    try {
+      const ordered = [...list];
+      ordered.splice(i, 1);
+      ordered.splice(j, 0, a);
+      const patchA = (j + 1) * 10;
+      const patchB = (i + 1) * 10;
+      await rcStore.updateGroup(a.id, { order: patchA });
+      await rcStore.updateGroup(b.id, { order: patchB });
+    } catch (e) {
+      api$1.error(apiErrorMessage(e, t("settings.groups.updateFail")));
+    } finally {
+      groupBusy.value = "";
+    }
+  }
+  async function setGroupDefaultCollapsed(g) {
+    groupBusy.value = g.id;
+    try {
+      await rcStore.updateGroup(g.id, { collapsed: !g.collapsed });
+    } catch (e) {
+      api$1.error(apiErrorMessage(e, t("settings.groups.updateFail")));
+    } finally {
+      groupBusy.value = "";
+    }
+  }
+  async function removeGroup(g) {
+    var _a;
+    const count = (_a = g.fieldCount) != null ? _a : 0;
+    if (count > 0) {
+      api$1.warning(t("settings.groups.deleteHasFields", {
+        p0: groupLabel(g),
+        p1: count
+      }));
+      return;
+    }
+    groupBusy.value = g.id;
+    try {
+      await rcStore.deleteGroup(g.id);
+      api$1.success(t("settings.groups.deleted"));
+    } catch (e) {
+      api$1.error(apiErrorMessage(e, t("settings.groups.deleteFail")));
+    } finally {
+      groupBusy.value = "";
+    }
+  }
+  return {
+    groupLabel,
+    groupSourceBadge,
+    sourceClass,
+    itemLabel,
+    groupCollapsed,
+    loadCollapsePref,
+    saveCollapsePref,
+    isCollapsed,
+    toggleGroup,
+    toggleAllGroups,
+    allExpanded,
+    isAdmin,
+    groupFormOpen,
+    groupForm,
+    groupBusy,
+    renamingId,
+    renameDraft,
+    submitGroupForm,
+    startRename,
+    commitRename,
+    moveGroup,
+    setGroupDefaultCollapsed,
+    removeGroup
+  };
+}
+var settingsGroupsKey = /* @__PURE__ */ Symbol("aw.settings.groups");
+function provideSettingsGroups() {
+  const api2 = useSettingsGroups();
+  provide(settingsGroupsKey, api2);
+  return api2;
+}
+function useSettingsGroupsContext() {
+  const api2 = inject(settingsGroupsKey);
+  if (!api2) throw new Error("[settings] useSettingsGroupsContext: \u7F3A\u5C11 provideSettingsGroups()");
+  return api2;
+}
+var RuntimeFieldRow_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+  __name: "RuntimeFieldRow",
+  __ssrInlineRender: true,
+  props: { item: {} },
+  setup(__props) {
+    const { t } = useI18n();
+    const rcStore = useRuntimeConfigStore();
+    const { draft, markDirty, resetRuntimeKey } = useRuntimeConfigDraftContext();
+    const { itemLabel, sourceClass } = useSettingsGroupsContext();
+    const timezoneData = ref({});
+    const timezoneOptions = computed(() => {
+      var _a;
+      return ((_a = timezoneData.value.supportedTimeZones) != null ? _a : [
+        "Asia/Shanghai",
+        "UTC",
+        "America/Los_Angeles",
+        "Europe/London"
+      ]).map((zone) => ({
+        label: zone,
+        value: zone
+      }));
+    });
+    return (_ctx, _push, _parent, _attrs) => {
+      var _a, _b, _c;
+      const _component_a_input_number = input_number_default;
+      const _component_a_switch = switch_default;
+      const _component_a_select = Select;
+      const _component_a_input = input_default;
+      _push(`<div${ssrRenderAttrs(mergeProps({ class: "rt-row" }, _attrs))} data-v-7d2e1754><div class="rt-main" data-v-7d2e1754><div class="rt-title" data-v-7d2e1754>${ssrInterpolate(unref(itemLabel)(__props.item))} <span class="${ssrRenderClass([unref(sourceClass)(unref(rcStore).sourceOf(__props.item.key)), "rt-tag"])}" data-v-7d2e1754>${ssrInterpolate(unref(rcStore).sourceOf(__props.item.key))}</span><span class="${ssrRenderClass([__props.item.applies, "rt-tag"])}" data-v-7d2e1754>${ssrInterpolate(__props.item.applies === "live" ? unref(t)("settings.runtime.live") : unref(t)("settings.runtime.restart"))}</span></div><div class="rt-sub" data-v-7d2e1754>${ssrInterpolate(__props.item.description)}</div></div><div class="rt-ctrl" data-v-7d2e1754>`);
+      if (__props.item.type === "number") _push(ssrRenderComponent(_component_a_input_number, {
+        value: unref(draft)[__props.item.key],
+        "onUpdate:value": ($event) => unref(draft)[__props.item.key] = $event,
+        min: __props.item.min,
+        max: __props.item.max,
+        onChange: ($event) => unref(markDirty)(__props.item.key)
+      }, null, _parent));
+      else if (__props.item.type === "boolean") _push(ssrRenderComponent(_component_a_switch, {
+        checked: unref(draft)[__props.item.key],
+        "onUpdate:checked": ($event) => unref(draft)[__props.item.key] = $event,
+        onChange: ($event) => unref(markDirty)(__props.item.key)
+      }, null, _parent));
+      else if (__props.item.type === "timezone") _push(ssrRenderComponent(_component_a_select, {
+        value: unref(draft)[__props.item.key],
+        "onUpdate:value": ($event) => unref(draft)[__props.item.key] = $event,
+        "show-search": "",
+        "option-filter-prop": "label",
+        style: { "width": "260px" },
+        options: unref(timezoneOptions),
+        onChange: ($event) => unref(markDirty)(__props.item.key)
+      }, null, _parent));
+      else if (__props.item.type === "select") _push(ssrRenderComponent(_component_a_select, {
+        value: unref(draft)[__props.item.key],
+        "onUpdate:value": ($event) => unref(draft)[__props.item.key] = $event,
+        style: { "width": "160px" },
+        options: ((_a = __props.item.options) != null ? _a : []).map((o) => ({
+          label: o,
+          value: o
+        })),
+        onChange: ($event) => unref(markDirty)(__props.item.key)
+      }, null, _parent));
+      else if (__props.item.type === "color") {
+        _push(`<span class="rt-color" data-v-7d2e1754><input type="color"${ssrRenderAttr("value", String((_b = unref(draft)[__props.item.key]) != null ? _b : "#35e0a0"))} data-v-7d2e1754>`);
+        _push(ssrRenderComponent(_component_a_input, {
+          value: String((_c = unref(draft)[__props.item.key]) != null ? _c : ""),
+          style: { "width": "110px" },
+          class: "aw-mono",
+          onChange: ($event) => {
+            unref(draft)[__props.item.key] = $event.target.value;
+            unref(markDirty)(__props.item.key);
+          }
+        }, null, _parent));
+        _push(`</span>`);
+      } else _push(ssrRenderComponent(_component_a_input, {
+        value: unref(draft)[__props.item.key],
+        "onUpdate:value": ($event) => unref(draft)[__props.item.key] = $event,
+        style: { "width": "220px" },
+        onChange: ($event) => unref(markDirty)(__props.item.key)
+      }, null, _parent));
+      _push(`<button class="aw-pill outline rt-reset"${ssrRenderAttr("title", unref(t)("settings.runtime.resetKey"))} data-v-7d2e1754><span class="i-tabler-rotate" data-v-7d2e1754></span></button></div></div>`);
+    };
+  }
+});
+var _sfc_setup$5 = RuntimeFieldRow_vue_vue_type_script_setup_true_lang_default.setup;
+RuntimeFieldRow_vue_vue_type_script_setup_true_lang_default.setup = (props, ctx) => {
+  const ssrContext = useSSRContext();
+  (ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add("components/settings/RuntimeFieldRow.vue");
+  return _sfc_setup$5 ? _sfc_setup$5(props, ctx) : void 0;
+};
+var RuntimeFieldRow_default = /* @__PURE__ */ Object.assign(_plugin_vue_export_helper_default(RuntimeFieldRow_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-7d2e1754"]]), { __name: "SettingsRuntimeFieldRow" });
+var RuntimeGroupSection_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+  __name: "RuntimeGroupSection",
+  __ssrInlineRender: true,
+  props: { group: {} },
+  setup(__props) {
+    const { t } = useI18n();
+    const rcStore = useRuntimeConfigStore();
+    const { groupLabel, groupSourceBadge, isCollapsed, toggleGroup, renamingId, renameDraft, commitRename, startRename, isAdmin, groupBusy, moveGroup, setGroupDefaultCollapsed, removeGroup } = useSettingsGroupsContext();
+    return (_ctx, _push, _parent, _attrs) => {
+      var _a, _b;
+      _push(`<section${ssrRenderAttrs(mergeProps({ class: ["rt-group", {
+        "collapsed": unref(isCollapsed)(__props.group),
+        "grp-plugin": __props.group.source === "plugin"
+      }] }, _attrs))} data-v-0303e914><header class="rt-group-head"${ssrRenderAttr("role", __props.group.collapsible ? "button" : void 0)}${ssrRenderAttr("tabindex", __props.group.collapsible ? 0 : void 0)} data-v-0303e914>`);
+      if (__props.group.collapsible) _push(`<span class="${ssrRenderClass([unref(isCollapsed)(__props.group) ? "i-tabler-chevron-right" : "i-tabler-chevron-down", "rt-caret"])}" data-v-0303e914></span>`);
+      else _push(`<!---->`);
+      if (__props.group.icon) _push(`<span class="${ssrRenderClass([__props.group.icon, "rt-group-icon"])}" data-v-0303e914></span>`);
+      else _push(`<!---->`);
+      if (unref(renamingId) === __props.group.id) _push(`<!--[--><input${ssrRenderAttr("value", unref(renameDraft))} class="rt-rename aw-mono" data-v-0303e914><button class="mini-btn" data-v-0303e914>${ssrInterpolate(unref(t)("settings.groups.ok"))}</button><!--]-->`);
+      else _push(`<h4 class="rt-group-title" data-v-0303e914>${ssrInterpolate(unref(groupLabel)(__props.group))}</h4>`);
+      _push(`<span class="rt-group-badge" data-v-0303e914>${ssrInterpolate(unref(groupSourceBadge)(__props.group))}</span><span class="rt-group-fields" data-v-0303e914>${ssrInterpolate(unref(t)("settings.groups.fields", { p0: (_a = __props.group.fieldCount) != null ? _a : 0 }))}</span>`);
+      if (__props.group.description) _push(`<span class="rt-group-desc" data-v-0303e914>${ssrInterpolate(__props.group.description)}</span>`);
+      else _push(`<!---->`);
+      if (unref(isAdmin) && __props.group.source !== "plugin") {
+        _push(`<span class="rt-group-ops" data-v-0303e914><button class="mini-btn"${ssrIncludeBooleanAttr(unref(groupBusy) === __props.group.id) ? " disabled" : ""}${ssrRenderAttr("title", unref(t)("settings.groups.moveUp"))} data-v-0303e914><span class="i-tabler-arrow-up" data-v-0303e914></span></button><button class="mini-btn"${ssrIncludeBooleanAttr(unref(groupBusy) === __props.group.id) ? " disabled" : ""}${ssrRenderAttr("title", unref(t)("settings.groups.moveDown"))} data-v-0303e914><span class="i-tabler-arrow-down" data-v-0303e914></span></button><button class="mini-btn"${ssrIncludeBooleanAttr(unref(groupBusy) === __props.group.id) ? " disabled" : ""}${ssrRenderAttr("title", unref(t)("settings.groups.rename"))} data-v-0303e914><span class="i-tabler-pencil" data-v-0303e914></span></button><button class="mini-btn"${ssrIncludeBooleanAttr(unref(groupBusy) === __props.group.id) ? " disabled" : ""}${ssrRenderAttr("title", unref(t)("settings.groups.defaultCollapsed"))} data-v-0303e914><span class="${ssrRenderClass(__props.group.collapsed ? "i-tabler-chevrons-down" : "i-tabler-chevrons-up")}" data-v-0303e914></span></button>`);
+        if (__props.group.source === "user") _push(`<button class="mini-btn"${ssrIncludeBooleanAttr(unref(groupBusy) === __props.group.id) ? " disabled" : ""}${ssrRenderAttr("title", unref(t)("settings.groups.delete"))} data-v-0303e914><span class="i-tabler-trash" data-v-0303e914></span></button>`);
+        else _push(`<!---->`);
+        _push(`</span>`);
+      } else _push(`<!---->`);
+      _push(`</header><div class="rt-group-body" style="${ssrRenderStyle(!unref(isCollapsed)(__props.group) ? null : { display: "none" })}" data-v-0303e914>`);
+      if (!((_b = __props.group.fieldCount) != null ? _b : 0)) _push(`<p class="rt-group-empty" data-v-0303e914>${ssrInterpolate(unref(t)("settings.groups.emptyHint"))}</p>`);
+      else _push(`<!---->`);
+      _push(`<!--[-->`);
+      ssrRenderList(unref(rcStore).fieldsOf(__props.group.id), (item) => {
+        _push(ssrRenderComponent(RuntimeFieldRow_default, {
+          key: item.key,
+          item
+        }, null, _parent));
+      });
+      _push(`<!--]--></div></section>`);
+    };
+  }
+});
+var _sfc_setup$4 = RuntimeGroupSection_vue_vue_type_script_setup_true_lang_default.setup;
+RuntimeGroupSection_vue_vue_type_script_setup_true_lang_default.setup = (props, ctx) => {
+  const ssrContext = useSSRContext();
+  (ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add("components/settings/RuntimeGroupSection.vue");
+  return _sfc_setup$4 ? _sfc_setup$4(props, ctx) : void 0;
+};
+var RuntimeGroupSection_default = /* @__PURE__ */ Object.assign(_plugin_vue_export_helper_default(RuntimeGroupSection_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-0303e914"]]), { __name: "SettingsRuntimeGroupSection" });
+function usePluginAdmin(activeTab) {
+  const { t } = useI18n();
+  const userStore = useUserStore();
+  const api$1$1 = useWorkshopApi();
+  const plugins = ref([]);
+  const pluginsLoading = ref(false);
+  const pluginsLoaded = ref(false);
+  const togglingPlugins = ref(/* @__PURE__ */ new Set());
+  const healthMap = ref({});
+  const hasHealthRoute = (p) => {
+    var _a;
+    return ((_a = p.routes) != null ? _a : []).some((r) => String(r.path || "").endsWith("/health"));
+  };
+  async function loadPlugins() {
+    var _a, _b, _c;
+    pluginsLoading.value = true;
+    try {
+      const res = await api$1$1.listPlugins();
+      const list = (_c = (_b = res == null ? void 0 : res.plugins) != null ? _b : (_a = res == null ? void 0 : res.data) == null ? void 0 : _a.plugins) != null ? _c : [];
+      plugins.value = Array.isArray(list) ? list : [];
+      pluginsLoaded.value = true;
+    } catch (e) {
+      api$1.error(apiErrorMessage(e, t("plugins.loadFail")));
+    } finally {
+      pluginsLoading.value = false;
+    }
+  }
+  async function togglePlugin(p, next) {
+    if (togglingPlugins.value.has(p.name)) return;
+    togglingPlugins.value.add(p.name);
+    try {
+      if (next) await api$1$1.enablePlugin(p.name);
+      else await api$1$1.disablePlugin(p.name);
+      p.enabled = next;
+      api$1.success(next ? t("plugins.enabled") : t("plugins.disabled"));
+    } catch (e) {
+      api$1.error(apiErrorMessage(e, t("plugins.adminRequired")));
+    } finally {
+      togglingPlugins.value.delete(p.name);
+    }
+  }
+  async function checkPluginHealth(p) {
+    if (!hasHealthRoute(p)) return;
+    healthMap.value = {
+      ...healthMap.value,
+      [p.name]: "checking"
+    };
+    try {
+      const res = await api$1$1.pluginHealth(p.name);
+      healthMap.value = {
+        ...healthMap.value,
+        [p.name]: judgePluginHealth(p.name, res)
+      };
+    } catch (e) {
+      healthMap.value = {
+        ...healthMap.value,
+        [p.name]: {
+          ok: false,
+          reason: apiErrorMessage(e, t("plugins.loadFail"))
+        }
+      };
+    }
+  }
+  function judgePluginHealth(name, res) {
+    if (name === "rag-bridge") {
+      const backend = res.backend;
+      const web = res.web;
+      const ok = Boolean(backend == null ? void 0 : backend.ok) && Boolean(web == null ? void 0 : web.ok);
+      const reason = !(backend == null ? void 0 : backend.ok) ? (backend == null ? void 0 : backend.error) || (backend == null ? void 0 : backend.status) || "backend" : (web == null ? void 0 : web.error) || (web == null ? void 0 : web.status) || "web";
+      return ok ? { ok: true } : {
+        ok: false,
+        reason
+      };
+    }
+    if (name === "diag-bridge") {
+      const remote = res.remote;
+      return (remote == null ? void 0 : remote.status) === "ok" ? { ok: true } : {
+        ok: false,
+        reason: (remote == null ? void 0 : remote.status) || "remote"
+      };
+    }
+    return { ok: true };
+  }
+  function isCheckingHealth(name) {
+    return healthMap.value[name] === "checking";
+  }
+  function healthOf(name) {
+    const h = healthMap.value[name];
+    return h && h !== "checking" ? h : null;
+  }
+  function isToggling(name) {
+    return togglingPlugins.value.has(name);
+  }
+  watch(activeTab, (v) => {
+    if (v === "runtime" && !pluginsLoaded.value && !pluginsLoading.value && userStore.isLoggedIn) loadPlugins();
+  }, { immediate: true });
+  return {
+    plugins,
+    pluginsLoading,
+    pluginsLoaded,
+    togglingPlugins,
+    healthMap,
+    hasHealthRoute,
+    loadPlugins,
+    togglePlugin,
+    checkPluginHealth,
+    judgePluginHealth,
+    isCheckingHealth,
+    healthOf,
+    isToggling
+  };
+}
+var pluginAdminKey = /* @__PURE__ */ Symbol("aw.settings.pluginAdmin");
+function providePluginAdmin(activeTab) {
+  const api2 = usePluginAdmin(activeTab);
+  provide(pluginAdminKey, api2);
+  return api2;
+}
+function usePluginAdminContext() {
+  const api2 = inject(pluginAdminKey);
+  if (!api2) throw new Error("[settings] usePluginAdminContext: \u7F3A\u5C11 providePluginAdmin()");
+  return api2;
+}
+var PluginsSection_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+  __name: "PluginsSection",
+  __ssrInlineRender: true,
+  setup(__props) {
+    const { t } = useI18n();
+    useUserStore();
+    const { plugins, pluginsLoading, hasHealthRoute, checkPluginHealth, isCheckingHealth, healthOf, isToggling, togglePlugin } = usePluginAdminContext();
+    return (_ctx, _push, _parent, _attrs) => {
+      _push(ssrRenderComponent(ClientOnly, _attrs, {}, _parent));
+    };
+  }
+});
+var _sfc_setup$3 = PluginsSection_vue_vue_type_script_setup_true_lang_default.setup;
+PluginsSection_vue_vue_type_script_setup_true_lang_default.setup = (props, ctx) => {
+  const ssrContext = useSSRContext();
+  (ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add("components/settings/PluginsSection.vue");
+  return _sfc_setup$3 ? _sfc_setup$3(props, ctx) : void 0;
+};
+var PluginsSection_default = /* @__PURE__ */ Object.assign(_plugin_vue_export_helper_default(PluginsSection_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-548fcdd8"]]), { __name: "SettingsPluginsSection" });
+var RuntimePane_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+  __name: "RuntimePane",
+  __ssrInlineRender: true,
+  props: { activeTab: {} },
+  setup(__props) {
+    const props = __props;
+    const { t } = useI18n();
+    const rcStore = useRuntimeConfigStore();
+    const { runtimeNotice, dirtyKeys, savingRuntime, saveRuntime, resetAllRuntime } = provideRuntimeConfigDraft();
+    const { allExpanded, groupFormOpen, groupForm, groupBusy, isAdmin, submitGroupForm, toggleAllGroups } = provideSettingsGroups();
+    const { plugins } = providePluginAdmin(computed(() => props.activeTab));
+    return (_ctx, _push, _parent, _attrs) => {
+      const _component_a_alert = alert_default;
+      const _component_ClientOnly = ClientOnly;
+      const _component_workshop_plugin_slot = PluginSlot_default;
+      _push(`<div${ssrRenderAttrs(mergeProps(_attrs, { style: __props.activeTab === "runtime" ? null : { display: "none" } }))} data-v-3a01146e><h3 class="section-title" data-v-3a01146e>${ssrInterpolate(unref(t)("settings.runtimeTab"))}</h3><p class="section-desc" data-v-3a01146e>${ssrInterpolate(unref(t)("settings.runtime.desc"))}</p>`);
+      if (unref(runtimeNotice)) _push(ssrRenderComponent(_component_a_alert, {
+        type: unref(runtimeNotice).type,
+        "show-icon": "",
+        class: "rt-notice",
+        message: unref(runtimeNotice).text
+      }, null, _parent));
+      else _push(`<!---->`);
+      _push(`<div class="rt-groups-bar" data-v-3a01146e><button class="aw-pill outline rt-groups-toggle"${ssrRenderAttr("title", unref(t)("settings.groups.toggleAll"))} data-v-3a01146e><span class="${ssrRenderClass(unref(allExpanded) ? "i-tabler-chevrons-up" : "i-tabler-chevrons-down")}" data-v-3a01146e></span> ${ssrInterpolate(unref(allExpanded) ? unref(t)("settings.groups.collapseAll") : unref(t)("settings.groups.expandAll"))}</button><span class="rt-groups-count" data-v-3a01146e>${ssrInterpolate(unref(t)("settings.groups.count", { p0: unref(rcStore).groups.length }))}</span>`);
+      _push(ssrRenderComponent(_component_ClientOnly, null, {}, _parent));
+      _push(`</div>`);
+      _push(ssrRenderComponent(_component_ClientOnly, null, {}, _parent));
+      _push(`<!--[-->`);
+      ssrRenderList(unref(rcStore).groups, (g) => {
+        _push(ssrRenderComponent(RuntimeGroupSection_default, {
+          key: g.id,
+          group: g
+        }, null, _parent));
+      });
+      _push(`<!--]--><div class="rt-actions" data-v-3a01146e><button class="aw-pill primary"${ssrIncludeBooleanAttr(!unref(dirtyKeys).size || unref(savingRuntime)) ? " disabled" : ""} data-v-3a01146e><span class="i-tabler-device-floppy" data-v-3a01146e></span> ${ssrInterpolate(unref(savingRuntime) ? "\u2026" : unref(t)("settings.runtime.save"))}</button><button class="aw-pill outline" data-v-3a01146e>${ssrInterpolate(unref(t)("settings.runtime.resetAll"))}</button><span class="rt-path aw-mono" data-v-3a01146e>${ssrInterpolate(unref(rcStore).settingsPath)}</span></div><h4 class="rt-group-title plugin-group-title" data-v-3a01146e>${ssrInterpolate(unref(t)("plugins.title"))}</h4><p class="section-desc" data-v-3a01146e>${ssrInterpolate(unref(t)("plugins.desc"))}</p>`);
+      _push(ssrRenderComponent(PluginsSection_default, null, null, _parent));
+      if (unref(plugins).length) _push(ssrRenderComponent(_component_workshop_plugin_slot, { "slot-name": "settings.plugins" }, null, _parent));
+      else _push(`<!---->`);
+      _push(`</div>`);
+    };
+  }
+});
+var _sfc_setup$2 = RuntimePane_vue_vue_type_script_setup_true_lang_default.setup;
+RuntimePane_vue_vue_type_script_setup_true_lang_default.setup = (props, ctx) => {
+  const ssrContext = useSSRContext();
+  (ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add("components/settings/RuntimePane.vue");
+  return _sfc_setup$2 ? _sfc_setup$2(props, ctx) : void 0;
+};
+var RuntimePane_default = /* @__PURE__ */ Object.assign(_plugin_vue_export_helper_default(RuntimePane_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-3a01146e"]]), { __name: "SettingsRuntimePane" });
+var SystemPane_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+  __name: "SystemPane",
+  __ssrInlineRender: true,
+  props: { activeTab: {} },
+  setup(__props) {
+    const { t, locale } = useI18n();
+    const site = useSiteConfig();
+    const config = useRuntimeConfig().public;
+    useUserStore();
+    const defaultAccent = String(config.primaryColor);
+    const systemRows = computed(() => [
+      {
+        label: t("home.fields.name"),
+        value: site.name
+      },
+      {
+        label: t("home.fields.version"),
+        value: `v${site.version}`
+      },
+      {
+        label: t("home.fields.mode"),
+        value: site.mode
+      },
+      {
+        label: t("home.fields.apiBase"),
+        value: `${site.apiBase} (${config.apiTimeout}ms)`
+      },
+      {
+        label: t("home.fields.primary"),
+        value: defaultAccent
+      },
+      {
+        label: "i18n",
+        value: locale.value
+      }
+    ]);
+    return (_ctx, _push, _parent, _attrs) => {
+      const _component_a_descriptions = Descriptions;
+      const _component_a_descriptions_item = DescriptionsItem;
+      const _component_ClientOnly = ClientOnly;
+      _push(`<div${ssrRenderAttrs(mergeProps(_attrs, { style: __props.activeTab === "system" ? null : { display: "none" } }))} data-v-fe8687b7><h3 class="section-title" data-v-fe8687b7>${ssrInterpolate(unref(t)("settings.systemTab"))}</h3><p class="section-desc" data-v-fe8687b7>${ssrInterpolate(unref(t)("settings.systemDesc"))}</p>`);
+      _push(ssrRenderComponent(_component_a_descriptions, {
+        bordered: "",
+        column: 1,
+        size: "small"
+      }, {
+        default: withCtx((_, _push2, _parent2, _scopeId) => {
+          if (_push2) {
+            _push2(`<!--[-->`);
+            ssrRenderList(unref(systemRows), (row) => {
+              _push2(ssrRenderComponent(_component_a_descriptions_item, {
+                key: row.label,
+                label: row.label
+              }, {
+                default: withCtx((_2, _push3, _parent3, _scopeId2) => {
+                  if (_push3) _push3(`<span class="aw-mono" data-v-fe8687b7${_scopeId2}>${ssrInterpolate(row.value)}</span>`);
+                  else return [createVNode("span", { class: "aw-mono" }, toDisplayString(row.value), 1)];
+                }),
+                _: 2
+              }, _parent2, _scopeId));
+            });
+            _push2(`<!--]-->`);
+          } else return [(openBlock(true), createBlock(Fragment, null, renderList(unref(systemRows), (row) => {
+            return openBlock(), createBlock(_component_a_descriptions_item, {
+              key: row.label,
+              label: row.label
+            }, {
+              default: withCtx(() => [createVNode("span", { class: "aw-mono" }, toDisplayString(row.value), 1)]),
+              _: 2
+            }, 1032, ["label"]);
+          }), 128))];
+        }),
+        _: 1
+      }, _parent));
+      _push(`<p class="identity-note" data-v-fe8687b7>`);
+      _push(ssrRenderComponent(_component_ClientOnly, null, {}, _parent));
+      _push(`</p></div>`);
+    };
+  }
+});
+var _sfc_setup$1 = SystemPane_vue_vue_type_script_setup_true_lang_default.setup;
+SystemPane_vue_vue_type_script_setup_true_lang_default.setup = (props, ctx) => {
+  const ssrContext = useSSRContext();
+  (ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add("components/settings/SystemPane.vue");
+  return _sfc_setup$1 ? _sfc_setup$1(props, ctx) : void 0;
+};
+var SystemPane_default = /* @__PURE__ */ Object.assign(_plugin_vue_export_helper_default(SystemPane_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-fe8687b7"]]), { __name: "SettingsSystemPane" });
+var settings_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+  __name: "settings",
+  __ssrInlineRender: true,
+  setup(__props) {
+    const { t } = useI18n();
+    const site = useSiteConfig();
+    const activeTab = ref("appearance");
+    const tabs = computed(() => [
+      {
+        key: "appearance",
+        icon: "i-tabler-palette",
+        label: t("settings.theme")
+      },
+      {
+        key: "runtime",
+        icon: "i-tabler-settings",
+        label: t("settings.runtimeTab")
+      },
+      {
+        key: "system",
+        icon: "i-tabler-server-2",
+        label: t("settings.systemTab")
+      }
+    ]);
+    return (_ctx, _push, _parent, _attrs) => {
+      const _component_a_card = card_default;
+      _push(`<div${ssrRenderAttrs(mergeProps({ class: "settings-page" }, _attrs))} data-v-8eb7b5f7><div class="aw-page-head" data-v-8eb7b5f7><div data-v-8eb7b5f7><p class="aw-kicker" data-v-8eb7b5f7>${ssrInterpolate(unref(t)("menu.system"))} / settings </p><h1 data-v-8eb7b5f7>${ssrInterpolate(unref(t)("settings.title"))}</h1></div><span class="aw-stamp" data-v-8eb7b5f7>v${ssrInterpolate(unref(site).version)}</span></div>`);
+      _push(ssrRenderComponent(_component_a_card, {
+        bordered: false,
+        class: "settings-card"
+      }, {
+        default: withCtx((_, _push2, _parent2, _scopeId) => {
+          if (_push2) {
+            _push2(`<div class="settings-layout" data-v-8eb7b5f7${_scopeId}><div class="settings-nav" data-v-8eb7b5f7${_scopeId}><!--[-->`);
+            ssrRenderList(unref(tabs), (tab) => {
+              _push2(`<button class="${ssrRenderClass([{ active: unref(activeTab) === tab.key }, "nav-item"])}" data-v-8eb7b5f7${_scopeId}><span class="${ssrRenderClass(tab.icon)}" data-v-8eb7b5f7${_scopeId}></span><span data-v-8eb7b5f7${_scopeId}>${ssrInterpolate(tab.label)}</span></button>`);
+            });
+            _push2(`<!--]--></div><div class="settings-body" data-v-8eb7b5f7${_scopeId}>`);
+            _push2(ssrRenderComponent(AppearancePane_default, { "active-tab": unref(activeTab) }, null, _parent2, _scopeId));
+            _push2(ssrRenderComponent(RuntimePane_default, { "active-tab": unref(activeTab) }, null, _parent2, _scopeId));
+            _push2(ssrRenderComponent(SystemPane_default, { "active-tab": unref(activeTab) }, null, _parent2, _scopeId));
+            _push2(`</div></div>`);
+          } else return [createVNode("div", { class: "settings-layout" }, [createVNode("div", { class: "settings-nav" }, [(openBlock(true), createBlock(Fragment, null, renderList(unref(tabs), (tab) => {
+            return openBlock(), createBlock("button", {
+              key: tab.key,
+              class: ["nav-item", { active: unref(activeTab) === tab.key }],
+              onClick: ($event) => activeTab.value = tab.key
+            }, [createVNode("span", { class: tab.icon }, null, 2), createVNode("span", null, toDisplayString(tab.label), 1)], 10, ["onClick"]);
+          }), 128))]), createVNode("div", { class: "settings-body" }, [
+            createVNode(AppearancePane_default, { "active-tab": unref(activeTab) }, null, 8, ["active-tab"]),
+            createVNode(RuntimePane_default, { "active-tab": unref(activeTab) }, null, 8, ["active-tab"]),
+            createVNode(SystemPane_default, { "active-tab": unref(activeTab) }, null, 8, ["active-tab"])
+          ])])];
+        }),
+        _: 1
+      }, _parent));
+      _push(`</div>`);
+    };
+  }
+});
+var _sfc_setup = settings_vue_vue_type_script_setup_true_lang_default.setup;
+settings_vue_vue_type_script_setup_true_lang_default.setup = (props, ctx) => {
+  const ssrContext = useSSRContext();
+  (ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add("pages/settings.vue");
+  return _sfc_setup ? _sfc_setup(props, ctx) : void 0;
+};
+var settings_default = /* @__PURE__ */ _plugin_vue_export_helper_default(settings_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-8eb7b5f7"]]);
+
+export { settings_default as default };
+//# sourceMappingURL=settings-Cz2Plds0.mjs.map