fluxplugin 1.0.3 → 1.0.4

package/dist/browser/chunks/chunk-AV4KI7LI.js

@@ -0,0 +1,1792 @@
+import {
+  MGMT,
+  PermissionManager,
+  PluginManager,
+  errorMessage,
+  normalizePath,
+  s,
+  scopeCss
+} from "./chunk-OAYWYU5O.js";
+
+// src/react/runtime.ts
+var RemoteError = class extends Error {
+  constructor(payload) {
+    super(payload.message);
+    this.payload = payload;
+    this.name = "RemoteError";
+  }
+  payload;
+  get code() {
+    return this.payload.code;
+  }
+};
+var PluginsClient = class {
+  constructor(bridge) {
+    this.bridge = bridge;
+  }
+  bridge;
+  call(channel, input) {
+    return this.bridge.invoke(channel, input);
+  }
+  list = () => this.call(MGMT.list);
+  enable = (id) => this.call(MGMT.enable, { id });
+  disable = (id) => this.call(MGMT.disable, { id });
+  reload = (id) => this.call(MGMT.reload, { id });
+  grant = (id, permission) => this.call(MGMT.grant, { id, permission });
+  revoke = (id, permission) => this.call(MGMT.revoke, { id, permission });
+  uninstall = (id) => this.call(MGMT.uninstall, { id });
+  search = (query) => this.call(MGMT.search, { query });
+  updates = () => this.call(MGMT.updates);
+  install = (entry) => this.call(MGMT.install, { entry });
+  update = (entry) => this.call(MGMT.update, { entry });
+  rollback = (id, version) => this.call(MGMT.rollback, { id, version });
+  configGet = (id) => this.call(MGMT.configGet, { id });
+  configSet = (id, patch) => this.call(MGMT.configSet, { id, patch });
+  configReset = (id) => this.call(MGMT.configReset, { id });
+  configSchema = (id) => this.call(MGMT.configSchema, { id });
+  logs = (id) => this.call(MGMT.logs, { id });
+  details = (id) => this.call(MGMT.details, { id });
+  diagnostics = (id) => this.call(MGMT.diagnostics, { id });
+};
+var asDefinition = (mod) => {
+  const d = mod && typeof mod === "object" && "default" in mod ? mod.default : mod;
+  if (!d || typeof d !== "object") throw new Error("renderer entry must default-export definePlugin({...})");
+  return d;
+};
+var RendererFramework = class {
+  constructor(opts) {
+    this.opts = opts;
+    this.bridge = opts.bridge;
+    this.client = new PluginsClient(opts.bridge);
+    this.manager = new PluginManager({
+      runtime: "renderer",
+      permissions: this.permissions,
+      ipcBridge: {
+        invoke: (name, input, caller) => opts.bridge.invoke(name, input, caller),
+        send: (channel, payload, caller) => opts.bridge.send(channel, payload, caller),
+        on: (channel, fn) => ({ dispose: opts.bridge.on(channel, fn) })
+      },
+      // Renderer plugins that crash must never take the app down; the main side persists auto-disable.
+      ...opts.manager
+    });
+    this.manager.subscribe(() => this.touch());
+  }
+  opts;
+  bridge;
+  client;
+  manager;
+  permissions = new PermissionManager({ autoGrant: false });
+  revision = -1;
+  bootstrap;
+  syncing = Promise.resolve();
+  renderErrors = /* @__PURE__ */ new Map();
+  unsubscribers = [];
+  storeListeners = /* @__PURE__ */ new Set();
+  _storeVersion = 0;
+  /** `useSyncExternalStore` plumbing for the bootstrap-derived view (plugin list etc.). */
+  get storeVersion() {
+    return this._storeVersion + this.manager.version;
+  }
+  subscribe = (l) => {
+    this.storeListeners.add(l);
+    const off = this.manager.subscribe(l);
+    return () => {
+      this.storeListeners.delete(l);
+      off();
+    };
+  };
+  touch() {
+    this._storeVersion++;
+    for (const l of [...this.storeListeners]) l();
+  }
+  get currentBootstrap() {
+    return this.bootstrap;
+  }
+  /** Fetches the bootstrap, activates enabled plugins and starts listening for changes. */
+  async start() {
+    await this.sync();
+    this.unsubscribers.push(
+      this.bridge.on(MGMT.changed, () => {
+        void this.sync().catch((e) => console.error("[fluxplugin] sync failed", e));
+      }),
+      this.bridge.on("flux.notification", (n) => void this.manager.notifications.push(n, n?.owner ?? "main")),
+      this.bridge.on("flux.event.plugin.hotreload", ({ id } = {}) => void this.hotReload(id))
+    );
+  }
+  stop() {
+    for (const u of this.unsubscribers.splice(0)) u();
+  }
+  hotReload(id) {
+    this.cacheBust = Date.now();
+    return this.sync(true).then(async () => {
+      if (id && this.manager.has(id)) await this.manager.reload(id).catch(() => void 0);
+    });
+  }
+  cacheBust = 0;
+  /** Mirrors main-process state into the renderer manager. Calls are serialized. */
+  sync(force = false) {
+    const run = this.syncing.then(async () => {
+      const boot = await this.bridge.bootstrap();
+      if (!force && boot.revision === this.revision && this.bootstrap) return;
+      this.revision = boot.revision;
+      this.bootstrap = boot;
+      await this.reconcile(boot);
+      this.installWindowPlugins(boot.preload);
+      this.touch();
+    });
+    this.syncing = run.catch(() => void 0);
+    return run;
+  }
+  async reconcile(boot) {
+    const seen = /* @__PURE__ */ new Set();
+    for (const d of boot.plugins) {
+      seen.add(d.id);
+      this.permissions.restore({ [d.id]: d.granted });
+      if (!this.manager.has(d.id)) {
+        if (d.state === "error" && !d.rendererUrl) continue;
+        this.manager.register({ manifest: d.manifest, origin: "renderer", load: () => this.load(d) });
+        this.permissions.restore({ [d.id]: d.granted });
+      } else {
+        this.permissions.restore({ [d.id]: d.granted });
+      }
+      const info = this.manager.info(d.id);
+      if (!d.enabled && info.enabled) await this.manager.disable(d.id).catch(() => void 0);
+      else if (d.enabled && !info.enabled) await this.manager.enable(d.id, { activate: false }).catch(() => void 0);
+    }
+    for (const info of this.manager.list()) if (!seen.has(info.id)) await this.manager.unregister(info.id);
+    await this.manager.startup();
+  }
+  async load(d) {
+    let def = {};
+    if (d.rendererUrl) {
+      const url = this.cacheBust ? `${d.rendererUrl}${d.rendererUrl.includes("?") ? "&" : "?"}flux=${this.cacheBust}` : d.rendererUrl;
+      const mod = await (this.opts.importPlugin ? this.opts.importPlugin(url, d) : import(
+        /* @vite-ignore */
+        url
+      ));
+      def = asDefinition(mod);
+    }
+    const hrefs = d.styleUrls;
+    if (!hrefs.length) return def;
+    const activate = def.onActivate ?? def.activate;
+    return {
+      ...def,
+      onActivate: async (ctx) => {
+        hrefs.forEach((href, i) => ctx.lifecycle.subscriptions.add(this.manager.styles.register({ id: `manifest-${i}`, href, priority: 50 }, ctx.pluginId)));
+        await activate?.(ctx);
+      },
+      activate: void 0
+    };
+  }
+  /** Called by plugin error boundaries. Repeated render failures disable the plugin. */
+  reportRenderError(pluginId, error) {
+    this.manager.logs.logger(pluginId).error(`render error: ${errorMessage(error)}`, error instanceof Error ? error.stack : void 0);
+    const now = Date.now();
+    const list = [...(this.renderErrors.get(pluginId) ?? []).filter((t) => now - t < 6e4), now];
+    this.renderErrors.set(pluginId, list);
+    if (list.length >= (this.opts.maxRenderErrors ?? 3) && this.manager.has(pluginId) && this.manager.info(pluginId).enabled) {
+      this.manager.logs.logger(pluginId).warn("disabled automatically after repeated render errors");
+      this.renderErrors.delete(pluginId);
+      void this.client.disable(pluginId).catch(() => this.manager.disable(pluginId));
+    }
+  }
+  /** Builds `window.plugins.<ns>.<member>` from the preload manifest. Rebuilt on every sync. */
+  installWindowPlugins(spec) {
+    if (typeof window === "undefined") return;
+    window.plugins = buildPluginApis(this.bridge, spec);
+  }
+  /** Config handle usable from React (mirrors ctx.config through the management API). */
+  configOf(id) {
+    return {
+      get: () => this.client.configGet(id),
+      set: (p) => this.client.configSet(id, p),
+      reset: () => this.client.configReset(id)
+    };
+  }
+};
+function buildPluginApis(bridge, spec) {
+  const out = {};
+  for (const [ns, members] of Object.entries(spec)) {
+    const api = /* @__PURE__ */ Object.create(null);
+    for (const [name, m] of Object.entries(members)) {
+      if (m.kind === "invoke") api[name] = (input) => bridge.invoke(m.channel, input, ns);
+      else if (m.kind === "send") api[name] = (payload) => bridge.send(m.channel, payload, ns);
+      else api[name] = (listener) => bridge.on(m.channel, listener);
+    }
+    out[ns] = Object.freeze(api);
+  }
+  return Object.freeze(out);
+}
+function installSharedModules(modules) {
+  const g = globalThis;
+  g.__FLUXPLUGIN_SHARED__ = { ...g.__FLUXPLUGIN_SHARED__ ?? {}, ...modules };
+}
+
+// src/react/components.tsx
+import {
+  Component,
+  createContext,
+  useCallback as useCallback2,
+  useContext,
+  useEffect as useEffect2,
+  useMemo as useMemo2,
+  useRef,
+  useState as useState2,
+  useSyncExternalStore as useSyncExternalStore2
+} from "react";
+
+// src/react/router.tsx
+import {
+  Suspense,
+  lazy,
+  useCallback,
+  useEffect,
+  useMemo,
+  useState,
+  useSyncExternalStore
+} from "react";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+function currentPath() {
+  if (typeof window === "undefined") return "/";
+  const h = window.location.hash.replace(/^#/, "");
+  return normalizePath(h || "/");
+}
+var listeners = /* @__PURE__ */ new Set();
+if (typeof window !== "undefined") window.addEventListener("hashchange", () => listeners.forEach((l) => l()));
+var subscribeLocation = (l) => (listeners.add(l), () => void listeners.delete(l));
+function navigate(to, opts = {}) {
+  const target = "#" + normalizePath(to) + (to.includes("?") ? "?" + to.split("?")[1] : "");
+  if (opts.replace) window.location.replace(target);
+  else window.location.hash = target;
+  listeners.forEach((l) => l());
+}
+function useLocation() {
+  return useSyncExternalStore(subscribeLocation, currentPath, () => "/");
+}
+function useNavigate() {
+  return navigate;
+}
+function Link({ to, children, ...rest }) {
+  const here = useLocation();
+  const active = here === normalizePath(to) || to !== "/" && here.startsWith(normalizePath(to) + "/");
+  return /* @__PURE__ */ jsx("a", { ...rest, href: "#" + normalizePath(to), "data-active": active || void 0, "aria-current": active ? "page" : void 0, children });
+}
+function usePluginRoute() {
+  const fw = usePluginFramework();
+  const path = useLocation();
+  const routes = fw.manager.routes;
+  const version = useSyncExternalStore(routes.subscribe, () => routes.version, () => routes.version);
+  return useMemo(() => {
+    const match = routes.match(path);
+    return { match, params: match?.params ?? {}, breadcrumbs: match ? routes.breadcrumbs(match) : [], path };
+  }, [routes, path, version]);
+}
+var useParams = () => usePluginRoute().params;
+function Breadcrumbs({ separator = "/" }) {
+  const { breadcrumbs } = usePluginRoute();
+  if (!breadcrumbs.length) return null;
+  return /* @__PURE__ */ jsx("nav", { "aria-label": "Breadcrumb", className: "flux-breadcrumbs", children: breadcrumbs.map((b, i) => /* @__PURE__ */ jsxs("span", { children: [
+    i > 0 && /* @__PURE__ */ jsxs("span", { className: "flux-breadcrumb-sep", children: [
+      " ",
+      separator,
+      " "
+    ] }),
+    i === breadcrumbs.length - 1 ? /* @__PURE__ */ jsx("span", { "aria-current": "page", children: b.label }) : /* @__PURE__ */ jsx(Link, { to: b.path, children: b.label })
+  ] }, b.path)) });
+}
+var lazyCache = /* @__PURE__ */ new WeakMap();
+function resolveComponent(def) {
+  if (def.component) return def.component;
+  const loader = def.lazy;
+  let c = lazyCache.get(loader);
+  if (!c) {
+    c = lazy(async () => {
+      const mod = await loader();
+      const comp = mod && typeof mod === "object" && "default" in mod ? mod.default : mod;
+      return { default: comp };
+    });
+    lazyCache.set(loader, c);
+  }
+  return c;
+}
+function PluginRoutes({ notFound, forbidden, loading, defaultLayout: DefaultLayout }) {
+  const fw = usePluginFramework();
+  const path = useLocation();
+  const routes = fw.manager.routes;
+  useSyncExternalStore(routes.subscribe, () => routes.version, () => routes.version);
+  const [resolution, setResolution] = useState(null);
+  const version = routes.version;
+  useEffect(() => {
+    let live = true;
+    (async () => {
+      const match2 = await routes.matchAsync(path);
+      if (!match2) return live && setResolution({ path });
+      const guard2 = await routes.checkGuards(match2, path);
+      if (live) setResolution({ path, match: match2, guard: guard2 });
+    })().catch(() => live && setResolution({ path }));
+    return () => {
+      live = false;
+    };
+  }, [routes, path, version]);
+  useEffect(() => {
+    if (resolution?.path === path && resolution.guard && !resolution.guard.allow && resolution.guard.redirect) navigate(resolution.guard.redirect, { replace: true });
+  }, [resolution, path]);
+  if (!resolution || resolution.path !== path) return /* @__PURE__ */ jsx(Fragment, { children: loading ?? null });
+  const { match, guard } = resolution;
+  if (!match) return /* @__PURE__ */ jsx(Fragment, { children: notFound ?? /* @__PURE__ */ jsxs("div", { className: "flux-not-found", children: [
+    "Page not found: ",
+    path
+  ] }) });
+  if (guard && !guard.allow) {
+    if (guard.redirect) return /* @__PURE__ */ jsx(Fragment, { children: loading ?? null });
+    return /* @__PURE__ */ jsx(Fragment, { children: forbidden ? forbidden(guard.reason) : /* @__PURE__ */ jsxs("div", { className: "flux-forbidden", children: [
+      "Access denied: ",
+      guard.reason
+    ] }) });
+  }
+  const owner = match.route.owner ?? "host";
+  const Page = resolveComponent(match.route.definition);
+  let node = /* @__PURE__ */ jsx(Page, { params: match.params });
+  for (const r of [...match.chain].reverse()) {
+    const l = r.definition.layout;
+    if (!l) continue;
+    const Layout = typeof l === "string" ? routes.getLayout(l) : l;
+    if (Layout) node = /* @__PURE__ */ jsx(Layout, { children: node });
+  }
+  if (!match.chain.some((r) => r.definition.layout) && DefaultLayout) node = /* @__PURE__ */ jsx(DefaultLayout, { children: node });
+  return /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx(PluginBoundary, { owner, children: /* @__PURE__ */ jsx(Suspense, { fallback: loading ?? /* @__PURE__ */ jsx("div", { className: "flux-loading", children: "Loading\u2026" }), children: node }) }, match.route.fullPath) });
+}
+function useMenu(location2) {
+  const fw = usePluginFramework();
+  const menus = fw.manager.menus;
+  useSyncExternalStore(menus.subscribe, () => menus.version, () => menus.version);
+  const run = useCallback(
+    (item) => {
+      if (item.command) return fw.manager.commands.execute(item.command, ...item.args ?? []);
+      if (item.path) navigate(item.path);
+    },
+    [fw]
+  );
+  return { items: menus.items(location2), run };
+}
+
+// src/react/components.tsx
+import { Fragment as Fragment2, jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
+var FrameworkContext = createContext(null);
+function PluginProvider({ framework, children }) {
+  return /* @__PURE__ */ jsx2(FrameworkContext.Provider, { value: framework, children });
+}
+function usePluginFramework() {
+  const fw = useContext(FrameworkContext);
+  if (!fw) throw new Error("usePlugin* hooks must be used inside <PluginProvider>");
+  return fw;
+}
+var PluginErrorBoundary = class extends Component {
+  state = { error: null };
+  static getDerivedStateFromError(error) {
+    return { error };
+  }
+  componentDidCatch(error, _info) {
+    this.props.framework.reportRenderError(this.props.owner, error);
+  }
+  reset = () => this.setState({ error: null });
+  render() {
+    const { error } = this.state;
+    if (!error) return this.props.children;
+    if (this.props.fallback) return this.props.fallback(error, this.reset);
+    return /* @__PURE__ */ jsxs2("div", { role: "alert", className: "fluxplugin-error", "data-flux-error": this.props.owner, children: [
+      /* @__PURE__ */ jsx2("strong", { children: this.props.owner }),
+      " failed to render.",
+      " ",
+      /* @__PURE__ */ jsx2("button", { type: "button", onClick: this.reset, children: "Retry" })
+    ] });
+  }
+};
+function PluginBoundary({ owner, children }) {
+  const fw = usePluginFramework();
+  return /* @__PURE__ */ jsx2("div", { "data-fluxplugin": owner, style: { display: "contents" }, children: /* @__PURE__ */ jsx2(PluginErrorBoundary, { owner, framework: fw, children }) });
+}
+function useRegistryVersion(subscribe, version) {
+  return useSyncExternalStore2(subscribe, version, version);
+}
+function renderContribution(c, props) {
+  const C = c.component;
+  return /* @__PURE__ */ jsx2(PluginBoundary, { owner: c.owner ?? "unknown", children: /* @__PURE__ */ jsx2(C, { ...c.props ?? {}, ...props }) }, c.id);
+}
+function PluginSlot({ name, children, props = {} }) {
+  const fw = usePluginFramework();
+  useRegistryVersion(fw.manager.slots.subscribe, () => fw.manager.slots.version);
+  const resolved = fw.manager.slots.resolve(name, props);
+  return /* @__PURE__ */ jsxs2(Fragment2, { children: [
+    resolved.before.map((c) => renderContribution(c, props)),
+    resolved.replacement ? renderContribution(resolved.replacement, { ...props, children }) : children,
+    resolved.after.map((c) => renderContribution(c, props))
+  ] });
+}
+function useExtensionItems(point, key) {
+  const fw = usePluginFramework();
+  const version = useRegistryVersion(fw.manager.extensionPoints.subscribe, () => fw.manager.extensionPoints.version);
+  return useMemo2(() => fw.manager.extensionPoints.items(point, key), [fw, point, key, version]);
+}
+function usePlugin(id) {
+  const fw = usePluginFramework();
+  useRegistryVersion(fw.subscribe, () => fw.storeVersion);
+  return fw.manager.has(id) ? fw.manager.info(id) : void 0;
+}
+function usePlugins() {
+  const fw = usePluginFramework();
+  useRegistryVersion(fw.subscribe, () => fw.storeVersion);
+  return fw.manager.list();
+}
+function usePluginState(pluginId, key, initial) {
+  const fw = usePluginFramework();
+  const store = fw.manager.stateOf(pluginId);
+  const sub = useCallback2((l) => store.subscribe(l, key).dispose, [store, key]);
+  const value = useSyncExternalStore2(
+    sub,
+    () => store.get(key, initial),
+    () => initial
+  );
+  const set = useCallback2((v) => store.set(key, typeof v === "function" ? v(store.get(key, initial)) : v), [store, key, initial]);
+  return [value, set];
+}
+function usePluginEvent(name, onEvent) {
+  const fw = usePluginFramework();
+  const [last, setLast] = useState2(void 0);
+  const cb = useRef(onEvent);
+  cb.current = onEvent;
+  useEffect2(() => {
+    const handle = (p) => {
+      setLast(p);
+      cb.current?.(p);
+    };
+    const subs = [fw.manager.events.on(name, (p) => handle(p)), fw.bridge.on(name, handle), fw.bridge.on(`flux.event.${name}`, handle)];
+    return () => {
+      subs.forEach((s2) => typeof s2 === "function" ? s2() : s2.dispose());
+    };
+  }, [fw, name]);
+  return last;
+}
+function usePluginCommand(id) {
+  const fw = usePluginFramework();
+  useRegistryVersion(fw.manager.commands.subscribe, () => fw.manager.commands.version);
+  const cmd = fw.manager.commands.get(id);
+  const run = useCallback2((...args) => fw.manager.commands.execute(id, ...args), [fw, id]);
+  return { run, available: !!cmd && (!cmd.when || cmd.when()), title: cmd?.title };
+}
+function usePluginService(name) {
+  const fw = usePluginFramework();
+  useRegistryVersion(fw.manager.services.subscribe, () => fw.manager.services.version);
+  useEffect2(() => {
+    if (!fw.manager.services.has(name)) void fw.manager.services.resolveAsync(name).catch(() => void 0);
+  }, [fw, name]);
+  return fw.manager.services.resolve(name);
+}
+function usePluginIPC(endpoint, opts = {}) {
+  const fw = usePluginFramework();
+  const name = typeof endpoint === "string" ? endpoint : endpoint.name;
+  const [state, setState] = useState2({ data: void 0, error: void 0, loading: false });
+  const alive = useRef(true);
+  useEffect2(() => () => void (alive.current = false), []);
+  const call = useCallback2(
+    async (input) => {
+      setState((s2) => ({ ...s2, loading: true, error: void 0 }));
+      try {
+        const data = await fw.bridge.invoke(name, input, opts.caller);
+        if (alive.current) setState({ data, error: void 0, loading: false });
+        return data;
+      } catch (e) {
+        const error = e instanceof Error ? e : new Error(String(e));
+        if (alive.current) setState({ data: void 0, error, loading: false });
+        throw error;
+      }
+    },
+    [fw, name, opts.caller]
+  );
+  return { ...state, call };
+}
+function usePluginConfig(pluginId) {
+  const fw = usePluginFramework();
+  const handle = useMemo2(() => fw.configOf(pluginId), [fw, pluginId]);
+  const [config, setConfig] = useState2();
+  const [error, setError] = useState2();
+  const [loading, setLoading] = useState2(true);
+  useEffect2(() => {
+    let live = true;
+    setLoading(true);
+    handle.get().then((c) => live && (setConfig(c), setError(void 0))).catch((e) => live && setError(e)).finally(() => live && setLoading(false));
+    const sub = fw.manager.events.on("plugin.config.changed", (p) => {
+      if (p?.id === pluginId) setConfig(p.next);
+    });
+    return () => {
+      live = false;
+      sub.dispose();
+    };
+  }, [fw, handle, pluginId]);
+  return {
+    config,
+    loading,
+    error,
+    set: async (patch) => {
+      const next = await handle.set(patch);
+      setConfig(next);
+      return next;
+    },
+    reset: async () => {
+      const next = await handle.reset();
+      setConfig(next);
+      return next;
+    }
+  };
+}
+function StyleHost() {
+  const fw = usePluginFramework();
+  useRegistryVersion(fw.manager.styles.subscribe, () => fw.manager.styles.version);
+  const entries = fw.manager.styles.ordered();
+  const sig = entries.map((e) => `${e.owner}/${e.id}/${e.priority}/${e.css?.length ?? 0}/${e.href ?? ""}`).join("|");
+  useEffect2(() => {
+    const created = [];
+    for (const e of entries) {
+      let el;
+      if (e.href) {
+        const link = document.createElement("link");
+        link.rel = "stylesheet";
+        link.href = e.href;
+        el = link;
+      } else {
+        const style = document.createElement("style");
+        style.textContent = e.scoped ? scopeCss(e.css ?? "", e.owner) : e.css ?? "";
+        el = style;
+      }
+      el.setAttribute("data-flux-style", `${e.owner}:${e.id}`);
+      document.head.appendChild(el);
+      created.push(el);
+    }
+    return () => created.forEach((el) => el.remove());
+  }, [sig]);
+  return null;
+}
+
+// src/react/palette.tsx
+import { useEffect as useEffect4, useMemo as useMemo4, useRef as useRef2, useState as useState4, useSyncExternalStore as useSyncExternalStore3 } from "react";
+
+// src/react/i18n.tsx
+import { createContext as createContext2, useCallback as useCallback3, useContext as useContext2, useEffect as useEffect3, useMemo as useMemo3, useState as useState3 } from "react";
+import { jsx as jsx3 } from "react/jsx-runtime";
+var interpolate = (text, params) => params ? text.replace(/\{(\w+)\}/g, (m, k) => k in params ? String(params[k]) : m) : text;
+var fallbackCtx = { locale: "en", setLocale: () => {
+}, languages: [{ code: "en", label: "English" }], t: (_k, fb, p) => interpolate(fb ?? _k, p) };
+var Ctx = createContext2(fallbackCtx);
+function declareI18nPoints(framework) {
+  const ep = framework.manager.extensionPoints;
+  if (ep.definition("i18n")) return;
+  ep.declare({
+    name: "i18n",
+    contributions: {
+      languages: s.object({ code: s.string(), label: s.string(), nativeLabel: s.string().optional(), rtl: s.boolean().optional() }),
+      messages: s.object({ locale: s.string(), messages: s.record(s.string()) })
+    }
+  });
+}
+var read = (k) => {
+  try {
+    return localStorage.getItem(k);
+  } catch {
+    return null;
+  }
+};
+function I18nProvider({ children, defaultLocale = "en", storageKey = "fluxplugin.locale" }) {
+  const extra = useExtensionItems("i18n", "languages");
+  const bundles = useExtensionItems("i18n", "messages");
+  const [locale, setLocaleState] = useState3(() => read(storageKey) ?? (typeof navigator !== "undefined" ? navigator.language : defaultLocale));
+  const languages = useMemo3(() => {
+    const map = /* @__PURE__ */ new Map([[defaultLocale, { code: defaultLocale, label: "English", nativeLabel: "English" }]]);
+    for (const l of extra) map.set(l.code, l);
+    return [...map.values()];
+  }, [extra, defaultLocale]);
+  const active = useMemo3(() => {
+    const codes = languages.map((l) => l.code);
+    return codes.includes(locale) ? locale : codes.find((c) => locale.toLowerCase().startsWith(c.toLowerCase() + "-")) ?? defaultLocale;
+  }, [locale, languages, defaultLocale]);
+  const table = useMemo3(() => {
+    const m = /* @__PURE__ */ new Map();
+    for (const b of bundles) m.set(b.locale, { ...m.get(b.locale) ?? {}, ...b.messages });
+    return m;
+  }, [bundles]);
+  const t = useCallback3((key, fb, params) => interpolate(table.get(active)?.[key] ?? table.get(active.split("-")[0])?.[key] ?? fb ?? key, params), [table, active]);
+  const setLocale = useCallback3((code) => {
+    setLocaleState(code);
+    try {
+      localStorage.setItem(storageKey, code);
+    } catch {
+    }
+  }, [storageKey]);
+  useEffect3(() => {
+    document.documentElement.lang = active;
+    document.documentElement.dir = languages.find((l) => l.code === active)?.rtl ? "rtl" : "ltr";
+  }, [active, languages]);
+  const value = useMemo3(() => ({ locale: active, setLocale, languages, t }), [active, setLocale, languages, t]);
+  return /* @__PURE__ */ jsx3(Ctx.Provider, { value, children });
+}
+var useI18n = () => useContext2(Ctx);
+var useT = () => useContext2(Ctx).t;
+
+// src/react/palette.tsx
+import { jsx as jsx4, jsxs as jsxs3 } from "react/jsx-runtime";
+function useKeybindings(opts = {}) {
+  const fw = usePluginFramework();
+  useEffect4(() => {
+    if (opts.enabled === false) return;
+    const onKey = (e) => {
+      if (e.defaultPrevented) return;
+      const target = e.target;
+      if (target && (target.tagName === "INPUT" || target.tagName === "TEXTAREA" || target.isContentEditable) && !(e.ctrlKey || e.metaKey)) return;
+      const parts = [];
+      if (e.ctrlKey || e.metaKey) parts.push("mod");
+      if (e.shiftKey) parts.push("shift");
+      if (e.altKey) parts.push("alt");
+      const key = e.key.toLowerCase();
+      if (["control", "shift", "alt", "meta"].includes(key)) return;
+      parts.push(key);
+      const cmd = fw.manager.commands.byKeybinding(parts.join("+"));
+      if (cmd) {
+        e.preventDefault();
+        void fw.manager.commands.execute(cmd.id).catch((err) => fw.manager.logs.logger("host").error(`command ${cmd.id} failed: ${String(err)}`));
+      }
+    };
+    window.addEventListener("keydown", onKey);
+    return () => window.removeEventListener("keydown", onKey);
+  }, [fw, opts.enabled]);
+}
+function CommandPalette({ open, onClose }) {
+  const fw = usePluginFramework();
+  const t = useT();
+  const cmds = fw.manager.commands;
+  useSyncExternalStore3(cmds.subscribe, () => cmds.version, () => cmds.version);
+  const [internal, setInternal] = useState4(false);
+  const isOpen = open ?? internal;
+  const close = () => onClose ? onClose() : setInternal(false);
+  const [query, setQuery] = useState4("");
+  const [index, setIndex] = useState4(0);
+  const input = useRef2(null);
+  useEffect4(() => {
+    const onKey = (e) => {
+      if ((e.ctrlKey || e.metaKey) && e.key.toLowerCase() === "k") {
+        e.preventDefault();
+        setInternal((v) => !v);
+      } else if (e.key === "Escape") close();
+    };
+    window.addEventListener("keydown", onKey);
+    return () => window.removeEventListener("keydown", onKey);
+  }, []);
+  useEffect4(() => {
+    if (isOpen) {
+      setQuery("");
+      setIndex(0);
+      setTimeout(() => input.current?.focus(), 0);
+    }
+  }, [isOpen]);
+  const results = useMemo4(() => cmds.palette(query), [cmds, query, cmds.version]);
+  if (!isOpen) return null;
+  const run = (i) => {
+    const c = results[i];
+    if (!c) return;
+    close();
+    void cmds.execute(c.id).catch((e) => fw.manager.logs.logger("host").error(String(e)));
+  };
+  return /* @__PURE__ */ jsx4("div", { className: "flux-palette-backdrop", onMouseDown: close, role: "presentation", children: /* @__PURE__ */ jsxs3("div", { className: "flux-palette", role: "dialog", "aria-label": "Command palette", onMouseDown: (e) => e.stopPropagation(), children: [
+    /* @__PURE__ */ jsx4(
+      "input",
+      {
+        ref: input,
+        className: "flux-palette-input",
+        placeholder: t("palette.placeholder", "Type a command\u2026"),
+        value: query,
+        onChange: (e) => (setQuery(e.target.value), setIndex(0)),
+        onKeyDown: (e) => {
+          if (e.key === "ArrowDown") e.preventDefault(), setIndex((i) => Math.min(i + 1, results.length - 1));
+          else if (e.key === "ArrowUp") e.preventDefault(), setIndex((i) => Math.max(i - 1, 0));
+          else if (e.key === "Enter") run(index);
+        }
+      }
+    ),
+    /* @__PURE__ */ jsxs3("ul", { className: "flux-palette-list", role: "listbox", children: [
+      results.length === 0 && /* @__PURE__ */ jsx4("li", { className: "flux-palette-empty", children: t("palette.empty", "No matching commands") }),
+      results.map((c, i) => /* @__PURE__ */ jsxs3("li", { role: "option", "aria-selected": i === index, className: "flux-palette-item" + (i === index ? " is-active" : ""), onMouseEnter: () => setIndex(i), onClick: () => run(i), children: [
+        /* @__PURE__ */ jsxs3("span", { children: [
+          c.category && /* @__PURE__ */ jsxs3("span", { className: "flux-palette-cat", children: [
+            c.category,
+            ": "
+          ] }),
+          c.title
+        ] }),
+        c.keybinding && /* @__PURE__ */ jsx4("kbd", { children: c.keybinding.replace("Mod", /Mac/.test(navigator.platform) ? "\u2318" : "Ctrl") })
+      ] }, c.id))
+    ] })
+  ] }) });
+}
+
+// src/react/base-css.ts
+var baseCss = `
+:root{--flux-font:-apple-system,BlinkMacSystemFont,"SF Pro Text","Segoe UI Variable","Segoe UI",system-ui,Roboto,"Helvetica Neue",sans-serif;--flux-font-size:14px;--flux-line:1.5;--flux-radius:10px;--flux-radius-lg:14px;--flux-pad:1;
+--flux-bg:#fff;--flux-surface:#f5f5f7;--flux-surface-2:#e9e9ee;--flux-fg:#1d1d1f;--flux-muted:#6e6e73;--flux-border:rgba(60,60,67,.16);--flux-accent:#007aff;--flux-accent-fg:#fff;--flux-ok:#34c759;--flux-warn:#ff9f0a;--flux-danger:#ff3b30;--flux-shadow:0 10px 34px rgba(0,0,0,.14);--flux-material:rgba(246,246,248,.78)}
+@media (prefers-color-scheme:dark){:root:not([data-theme]){--flux-bg:#1c1c1e;--flux-surface:#2c2c2e;--flux-surface-2:#3a3a3c;--flux-fg:#f5f5f7;--flux-muted:#98989d;--flux-border:rgba(235,235,245,.16);--flux-accent:#0a84ff;--flux-shadow:0 10px 34px rgba(0,0,0,.55);--flux-material:rgba(44,44,46,.72)}}
+:root[data-theme="dark"]{--flux-bg:#1c1c1e;--flux-surface:#2c2c2e;--flux-surface-2:#3a3a3c;--flux-fg:#f5f5f7;--flux-muted:#98989d;--flux-border:rgba(235,235,245,.16);--flux-accent:#0a84ff;--flux-shadow:0 10px 34px rgba(0,0,0,.55);--flux-material:rgba(44,44,46,.72)}
+:root[data-theme="light"]{--flux-bg:#fff;--flux-surface:#f5f5f7;--flux-surface-2:#e9e9ee;--flux-fg:#1d1d1f;--flux-muted:#6e6e73;--flux-border:rgba(60,60,67,.16);--flux-accent:#007aff;--flux-material:rgba(246,246,248,.78)}
+:root[data-radius="sharp"]{--flux-radius:4px;--flux-radius-lg:6px}:root[data-radius="round"]{--flux-radius:14px;--flux-radius-lg:22px}:root[data-density="compact"]{--flux-pad:.7}
+:root[data-motion="reduced"] *{transition:none!important;animation:none!important}
+html{font-family:var(--flux-font);font-size:var(--flux-font-size);line-height:var(--flux-line);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
+body{font-family:var(--flux-font);font-size:1em;line-height:var(--flux-line);color:var(--flux-fg);background:var(--flux-bg)}
+button,input,select,textarea{font-family:inherit;font-size:inherit}
+.flux-icon{flex:none;vertical-align:middle}
+.flux-large-title{font-size:2em;font-weight:700;letter-spacing:-.025em;margin:0 0 .6em;line-height:1.15}.flux-title{font-size:1.5em;font-weight:700;letter-spacing:-.02em;margin:0 0 .8em}
+.flux-empty,.flux-not-found,.flux-forbidden,.flux-loading{padding:24px;color:var(--flux-muted)}
+.flux-plugin-error{padding:10px 14px;border-radius:var(--flux-radius);background:color-mix(in srgb,var(--flux-danger) 12%,transparent);color:var(--flux-danger);font-size:.92em}
+.flux-breadcrumbs{font-size:.86em;color:var(--flux-muted);margin-bottom:6px}.flux-breadcrumbs a{color:inherit;text-decoration:none}.flux-breadcrumbs a:hover{color:var(--flux-accent)}
+/* ---- materials (vibrancy) */
+.flux-titlebar,.flux-side,.flux-dropdown,.flux-toast,.flux-palette{background:var(--flux-material);-webkit-backdrop-filter:saturate(180%) blur(24px);backdrop-filter:saturate(180%) blur(24px)}
+:root[data-translucency="off"] .flux-titlebar,:root[data-translucency="off"] .flux-side,:root[data-translucency="off"] .flux-dropdown,:root[data-translucency="off"] .flux-toast,:root[data-translucency="off"] .flux-palette{background:var(--flux-surface);-webkit-backdrop-filter:none;backdrop-filter:none}
+/* ---- buttons / switch / segmented */
+.flux-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;border:1px solid var(--flux-border);background:var(--flux-bg);color:var(--flux-fg);border-radius:calc(var(--flux-radius) - 2px);padding:calc(5px*var(--flux-pad)) 14px;font-weight:500;cursor:pointer;transition:background .12s,transform .06s}
+.flux-btn:hover{background:var(--flux-surface)}.flux-btn:active{transform:scale(.97)}.flux-btn:disabled{opacity:.5;cursor:default}
+.flux-btn-primary{background:var(--flux-accent);border-color:transparent;color:var(--flux-accent-fg)}.flux-btn-primary:hover{background:var(--flux-accent);filter:brightness(1.08)}
+.flux-btn-destructive{color:var(--flux-danger)}.flux-btn-plain{border-color:transparent;background:transparent;color:var(--flux-accent)}.flux-btn-plain:hover{background:var(--flux-surface)}
+.flux-btn-sm{padding:3px 11px;font-size:.92em;border-radius:99px}.flux-btn-lg{padding:9px 22px;font-size:1.05em;border-radius:99px}
+.flux-switch{position:relative;width:42px;height:26px;border-radius:99px;border:0;background:var(--flux-surface-2);cursor:pointer;transition:background .18s;flex:none;padding:0}
+.flux-switch span{position:absolute;top:2px;left:2px;width:22px;height:22px;border-radius:50%;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.35);transition:transform .18s}
+.flux-switch[data-on]{background:var(--flux-ok)}.flux-switch[data-on] span{transform:translateX(16px)}.flux-switch:focus-visible{outline:2px solid var(--flux-accent);outline-offset:2px}
+.flux-seg{display:inline-flex;background:var(--flux-surface-2);border-radius:9px;padding:2px;gap:2px}
+.flux-seg button{border:0;background:transparent;color:var(--flux-fg);border-radius:7px;padding:calc(4px*var(--flux-pad)) 14px;font-weight:500;cursor:pointer}
+.flux-seg button[data-on]{background:var(--flux-bg);box-shadow:0 1px 3px rgba(0,0,0,.18)}
+.flux-input{width:100%;box-sizing:border-box;border:1px solid var(--flux-border);background:var(--flux-bg);color:var(--flux-fg);border-radius:var(--flux-radius);padding:calc(7px*var(--flux-pad)) 12px;outline:none}.flux-input:focus{border-color:var(--flux-accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--flux-accent) 25%,transparent)}
+.flux-select{background:var(--flux-bg);color:inherit;border:1px solid var(--flux-border);border-radius:7px;padding:3px 6px}
+/* ---- grouped lists */
+.flux-group-box{margin:0 0 calc(22px*var(--flux-pad))}.flux-group-title{font-size:.78em;text-transform:uppercase;letter-spacing:.06em;color:var(--flux-muted);margin:0 14px 6px;font-weight:600}
+.flux-group-body{background:var(--flux-surface);border-radius:var(--flux-radius-lg);overflow:hidden}.flux-group-footer{font-size:.82em;color:var(--flux-muted);margin:6px 14px 0}
+.flux-row{display:flex;align-items:center;gap:12px;width:100%;box-sizing:border-box;padding:calc(10px*var(--flux-pad)) 14px;border:0;background:transparent;color:inherit;text-align:left;position:relative;min-height:calc(44px*var(--flux-pad))}
+.flux-row+.flux-row::before{content:"";position:absolute;top:0;left:14px;right:0;height:1px;background:var(--flux-border)}
+.flux-row.is-link{cursor:pointer}.flux-row.is-link:hover{background:color-mix(in srgb,var(--flux-fg) 5%,transparent)}.flux-row[data-selected]{background:color-mix(in srgb,var(--flux-accent) 14%,transparent)}
+.flux-row-icon{width:28px;height:28px;border-radius:7px;display:inline-flex;align-items:center;justify-content:center;background:var(--flux-accent);color:#fff;flex:none;overflow:hidden}
+.flux-row-text{display:flex;flex-direction:column;min-width:0;flex:1}.flux-row-title{font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.flux-row-sub{font-size:.88em;color:var(--flux-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.flux-row-right{display:flex;align-items:center;gap:8px;color:var(--flux-muted)}
+.flux-img-fallback{display:inline-flex;align-items:center;justify-content:center;background:var(--flux-surface-2);color:var(--flux-muted);border-radius:inherit;min-width:32px;min-height:32px}
+/* ---- title bar */
+.flux-titlebar{--flux-titlebar-h:40px;height:var(--flux-titlebar-h);box-sizing:border-box;display:grid;grid-template-columns:1fr minmax(160px,400px) 1fr;align-items:center;gap:8px;padding:0 10px;border-bottom:1px solid var(--flux-border);color:var(--flux-fg);-webkit-app-region:drag;user-select:none;position:relative;z-index:50}
+.flux-titlebar[data-electron][data-os="mac"]{padding-left:82px}
+.flux-titlebar[data-electron][data-os="windows"],.flux-titlebar[data-electron][data-os="linux"]{padding-right:calc(100vw - env(titlebar-area-x,0px) - env(titlebar-area-width,100vw) + 8px)}
+.flux-titlebar button,.flux-titlebar input,.flux-titlebar select,.flux-titlebar .flux-dropdown{-webkit-app-region:no-drag}
+.flux-tb-left,.flux-tb-right{display:flex;align-items:center;gap:2px;min-width:0}.flux-tb-right{justify-content:flex-end}
+.flux-brand{display:flex;align-items:center;gap:8px;font-weight:650;margin-right:8px;white-space:nowrap}
+.flux-tb-btn{display:inline-flex;align-items:center;gap:6px;border:0;background:transparent;color:inherit;border-radius:6px;padding:4px 9px;font:inherit;cursor:pointer;position:relative}
+.flux-tb-btn:hover,.flux-tb-btn.is-open{background:color-mix(in srgb,var(--flux-fg) 9%,transparent)}
+.flux-menubar{display:flex}.flux-menu{position:relative}
+.flux-dropdown{position:absolute;top:calc(100% + 4px);left:0;min-width:230px;max-width:380px;margin:0;padding:5px;list-style:none;color:var(--flux-fg);border:1px solid var(--flux-border);border-radius:10px;box-shadow:var(--flux-shadow);z-index:60}
+.flux-dd-item{display:flex;justify-content:space-between;align-items:center;gap:18px;width:100%;border:0;background:transparent;color:inherit;font:inherit;text-align:left;padding:5px 10px;border-radius:5px;cursor:pointer}
+.flux-dd-item:hover,.flux-dd-item.is-active{background:var(--flux-accent);color:var(--flux-accent-fg)}.flux-dd-item kbd,.flux-dd-item small{opacity:.6;font:11px ui-monospace,monospace}.flux-sep{height:1px;background:var(--flux-border);margin:5px 6px}
+.flux-search{position:relative;display:flex;align-items:center;gap:8px;background:color-mix(in srgb,var(--flux-fg) 7%,transparent);border-radius:8px;padding:0 10px;height:26px;color:var(--flux-muted)}
+.flux-search input{flex:1;min-width:0;border:0;background:transparent;color:var(--flux-fg);outline:none}.flux-search:focus-within{box-shadow:0 0 0 3px color-mix(in srgb,var(--flux-accent) 30%,transparent)}
+.flux-search-results{left:0;right:0;max-width:none;top:calc(100% + 6px)}.flux-group{font-size:.74em;text-transform:uppercase;letter-spacing:.06em;color:var(--flux-muted);padding:7px 10px 2px;font-weight:600}
+.flux-bell{position:relative}.flux-badge{position:absolute;top:0;right:0;min-width:15px;height:15px;border-radius:99px;background:var(--flux-danger);color:#fff;font-size:10px;line-height:15px;text-align:center}
+.flux-notif-panel{left:auto;right:0;width:350px;max-height:440px;overflow:auto;padding:0}.flux-notif-head{display:flex;justify-content:space-between;padding:12px 14px;border-bottom:1px solid var(--flux-border)}
+.flux-notif{display:flex;justify-content:space-between;gap:10px;padding:11px 14px;border-bottom:1px solid var(--flux-border)}.flux-notif p{margin:2px 0 4px;font-size:.92em}.flux-notif small{color:var(--flux-muted)}.flux-notif-actions{display:flex;flex-direction:column;align-items:flex-end;gap:4px}
+.flux-notif.flux-success{box-shadow:inset 3px 0 var(--flux-ok)}.flux-notif.flux-warning{box-shadow:inset 3px 0 var(--flux-warn)}.flux-notif.flux-error{box-shadow:inset 3px 0 var(--flux-danger)}.flux-notif.flux-info{box-shadow:inset 3px 0 var(--flux-accent)}
+.flux-link{background:none;border:0;color:var(--flux-accent);cursor:pointer;font:inherit;font-size:.88em;padding:0}
+.flux-toasts{position:fixed;top:48px;right:14px;display:flex;flex-direction:column;gap:8px;z-index:40;pointer-events:none}
+.flux-toast{pointer-events:auto;color:var(--flux-fg);border:1px solid var(--flux-border);border-radius:14px;padding:11px 15px;box-shadow:var(--flux-shadow);max-width:350px;font-size:.93em}
+.flux-toast.flux-success{border-left:4px solid var(--flux-ok)}.flux-toast.flux-warning{border-left:4px solid var(--flux-warn)}.flux-toast.flux-error{border-left:4px solid var(--flux-danger)}
+/* ---- command palette (Spotlight) */
+.flux-palette-backdrop{position:fixed;inset:0;background:rgba(0,0,0,.28);display:flex;justify-content:center;align-items:flex-start;padding-top:14vh;z-index:9999}
+.flux-palette{width:min(600px,92vw);color:var(--flux-fg);border:1px solid var(--flux-border);border-radius:16px;box-shadow:var(--flux-shadow);overflow:hidden}
+.flux-palette-input{width:100%;box-sizing:border-box;padding:16px 18px;border:0;border-bottom:1px solid var(--flux-border);background:transparent;color:inherit;font-size:1.25em;outline:none}
+.flux-palette-list{list-style:none;margin:0;padding:6px;max-height:360px;overflow:auto}.flux-palette-item{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:8px 12px;border-radius:8px;cursor:pointer}
+.flux-palette-item.is-active{background:var(--flux-accent);color:var(--flux-accent-fg)}.flux-palette-cat{opacity:.65}.flux-palette-empty{padding:16px;color:var(--flux-muted)}.flux-palette kbd{font:11px ui-monospace,monospace;opacity:.7}
+/* ---- sidebar */
+.flux-side{display:flex;flex-direction:column;justify-content:space-between;height:100%;box-sizing:border-box;padding:12px 10px;border-right:1px solid var(--flux-border);overflow-y:auto;overflow-x:hidden;transition:padding .18s}
+.flux-side-nav,.flux-side-bottom{display:flex;flex-direction:column;gap:2px}.flux-side-sep{height:1px;background:var(--flux-border);margin:8px 8px}
+.flux-nav-group{position:relative}
+.flux-nav{display:flex;align-items:center;gap:10px;width:100%;box-sizing:border-box;padding:calc(6px*var(--flux-pad)) 10px;border:0;background:transparent;color:inherit;text-decoration:none;border-radius:8px;cursor:pointer;font-weight:500;text-align:left;white-space:nowrap}
+.flux-nav:hover{background:color-mix(in srgb,var(--flux-fg) 7%,transparent)}.flux-nav[data-active]{background:var(--flux-accent);color:var(--flux-accent-fg)}.flux-nav[data-parent-active]{font-weight:650}
+.flux-nav-icon{display:inline-flex;width:22px;justify-content:center;flex:none}.flux-nav-label{flex:1;overflow:hidden;text-overflow:ellipsis}
+.flux-nav-badge{font-size:.78em;background:var(--flux-danger);color:#fff;border-radius:99px;padding:0 6px}.flux-nav-chev{display:inline-flex;transition:transform .15s;opacity:.6}.flux-nav-chev[data-open]{transform:rotate(90deg)}
+.flux-subnav{margin-left:14px;padding-left:8px;border-left:1px solid var(--flux-border);display:flex;flex-direction:column;gap:2px;margin-top:2px}.flux-subnav .flux-nav{font-weight:450;padding-top:calc(4px*var(--flux-pad));padding-bottom:calc(4px*var(--flux-pad))}
+.flux-side[data-collapsed] .flux-nav{justify-content:center;padding:9px 0}
+.flux-flyout{display:none;position:absolute;left:calc(100% + 6px);top:0;min-width:190px;padding:6px;background:var(--flux-bg);border:1px solid var(--flux-border);border-radius:10px;box-shadow:var(--flux-shadow);z-index:80}.flux-nav-group:hover>.flux-flyout{display:block}
+.flux-flyout-title{font-size:.75em;text-transform:uppercase;letter-spacing:.06em;color:var(--flux-muted);padding:4px 10px}.flux-flyout-item{display:block;padding:6px 10px;border-radius:6px;color:inherit;text-decoration:none}.flux-flyout-item:hover,.flux-flyout-item[data-active]{background:var(--flux-accent);color:var(--flux-accent-fg)}
+.flux-side-footer{font-size:.78em;color:var(--flux-muted);padding:6px 10px}
+/* ---- settings */
+.flux-settings{display:grid;grid-template-columns:240px minmax(0,1fr);gap:28px;align-items:start}.flux-settings-nav{display:flex;flex-direction:column;gap:2px;position:sticky;top:0}
+.flux-settings-item{display:flex;align-items:center;gap:10px;border:0;background:transparent;color:inherit;border-radius:9px;padding:calc(7px*var(--flux-pad)) 10px;cursor:pointer;text-align:left;font-weight:500}.flux-settings-item:hover{background:color-mix(in srgb,var(--flux-fg) 7%,transparent)}.flux-settings-item[data-active]{background:var(--flux-accent);color:var(--flux-accent-fg)}
+.flux-settings-body{min-width:0;max-width:720px}.flux-swatches{display:flex;gap:10px;flex-wrap:wrap}.flux-swatch{width:26px;height:26px;border-radius:50%;border:2px solid transparent;cursor:pointer;box-shadow:inset 0 0 0 2px var(--flux-bg)}.flux-swatch[data-on]{border-color:var(--flux-fg)}
+.flux-theme-card{border:2px solid var(--flux-border);border-radius:12px;overflow:hidden;cursor:pointer;background:none;padding:0;text-align:left;width:128px}.flux-theme-card[data-on]{border-color:var(--flux-accent)}.flux-theme-card .flux-theme-prev{height:62px;display:flex}.flux-theme-card span.cap{display:block;padding:6px 9px;font-size:.84em;font-weight:500}
+.flux-range{width:180px;accent-color:var(--flux-accent)}
+/* ---- plugin pages */
+.flux-pm{max-width:860px;margin:0 auto}.flux-pm-top{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;flex-wrap:wrap}
+.flux-pm-back{display:inline-flex;align-items:center;gap:2px;border:0;background:none;color:var(--flux-accent);cursor:pointer;font-size:1em;padding:0;margin-bottom:12px}
+.flux-pm-icon{width:56px;height:56px;border-radius:24%;object-fit:cover;flex:none;box-shadow:0 1px 4px rgba(0,0,0,.2);overflow:hidden;display:inline-flex}.flux-pm-icon.lg{width:104px;height:104px;border-radius:23%;box-shadow:0 4px 18px rgba(0,0,0,.22)}
+.flux-pm-hero{display:flex;gap:22px;align-items:center;margin:4px 0 22px;flex-wrap:wrap}.flux-pm-hero h1{margin:0;font-size:2em;letter-spacing:-.02em;line-height:1.15}.flux-pm-hero .by{color:var(--flux-muted);margin:3px 0 12px}.flux-pm-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
+.flux-pm-facts{display:flex;border-top:1px solid var(--flux-border);border-bottom:1px solid var(--flux-border);margin:0 0 22px;overflow:auto}.flux-pm-fact{flex:1;min-width:104px;padding:12px 8px;text-align:center;border-right:1px solid var(--flux-border)}.flux-pm-fact:last-child{border:0}.flux-pm-fact small{display:block;font-size:.7em;letter-spacing:.06em;text-transform:uppercase;color:var(--flux-muted);font-weight:600}.flux-pm-fact b{font-size:1.15em;font-weight:650}
+.flux-pm-shots{display:flex;gap:14px;overflow-x:auto;padding:4px 2px 14px;scroll-snap-type:x mandatory}.flux-pm-shots img,.flux-pm-banner{height:260px;border-radius:var(--flux-radius-lg);border:1px solid var(--flux-border);scroll-snap-align:start;cursor:zoom-in;flex:none}.flux-pm-banner{width:100%;height:auto;max-height:240px;object-fit:cover;cursor:default;margin-bottom:18px}
+.flux-pm h3.sec{font-size:1.3em;font-weight:700;letter-spacing:-.015em;margin:26px 0 10px}
+.flux-pill{display:inline-block;font-size:.76em;padding:2px 9px;border-radius:99px;background:var(--flux-surface-2);color:var(--flux-muted);font-weight:600}.flux-pill.ok{background:color-mix(in srgb,var(--flux-ok) 18%,transparent);color:var(--flux-ok)}.flux-pill.err{background:color-mix(in srgb,var(--flux-danger) 16%,transparent);color:var(--flux-danger)}.flux-pill.warn{background:color-mix(in srgb,var(--flux-warn) 20%,transparent);color:var(--flux-warn)}
+.flux-zoom{position:fixed;inset:0;background:rgba(0,0,0,.82);display:flex;align-items:center;justify-content:center;z-index:9999;cursor:zoom-out}.flux-zoom img{max-width:92vw;max-height:90vh;border-radius:14px}
+.flux-video{width:100%;max-width:640px;aspect-ratio:16/9;border:0;border-radius:var(--flux-radius-lg);background:#000;display:block}.flux-video-link{display:inline-flex;gap:6px;align-items:center;color:var(--flux-accent);text-decoration:none}
+.flux-pre{max-height:200px;overflow:auto;font:12px ui-monospace,monospace;background:var(--flux-surface);padding:12px;border-radius:var(--flux-radius);margin:0;white-space:pre-wrap}
+.flux-fields label{display:flex;gap:12px;align-items:center;justify-content:space-between;padding:10px 14px}
+/* ---- Markdown: app-store style typography */
+.flux-md{font-size:1.04em;line-height:1.68;color:var(--flux-fg);letter-spacing:-.004em;max-width:70ch;overflow-wrap:anywhere}
+.flux-md>:first-child{margin-top:0}.flux-md p{margin:.85em 0}
+.flux-md h2{font-size:1.6em;font-weight:700;letter-spacing:-.022em;line-height:1.2;margin:1.7em 0 .5em}.flux-md h3{font-size:1.28em;font-weight:650;letter-spacing:-.015em;margin:1.5em 0 .4em}.flux-md h4,.flux-md h5{font-size:.82em;font-weight:650;letter-spacing:.07em;text-transform:uppercase;color:var(--flux-muted);margin:1.6em 0 .4em}
+.flux-md a{color:var(--flux-accent);text-decoration:none}.flux-md a:hover{text-decoration:underline;text-underline-offset:3px}
+.flux-md ul,.flux-md ol{padding-left:1.3em;margin:.8em 0}.flux-md li{margin:.4em 0;padding-left:.2em}.flux-md li::marker{color:var(--flux-muted)}.flux-md li.flux-task{list-style:none;margin-left:-1.2em;display:flex;gap:8px;align-items:baseline}
+.flux-md code{font-family:ui-monospace,"SF Mono",Menlo,Consolas,monospace;font-size:.86em;background:var(--flux-surface-2);padding:.14em .42em;border-radius:6px}
+.flux-md pre{background:var(--flux-surface);border:1px solid var(--flux-border);border-radius:14px;padding:14px 18px;overflow:auto;line-height:1.55;margin:1.1em 0}.flux-md pre code{background:none;padding:0;font-size:.85em}
+.flux-md blockquote{margin:1.1em 0;padding:.2em 1em;border-left:3px solid var(--flux-border);color:var(--flux-muted)}
+.flux-md hr{border:0;height:1px;background:var(--flux-border);margin:2em 0}
+.flux-md table{width:100%;border-collapse:separate;border-spacing:0;margin:1.2em 0;font-size:.94em;border:1px solid var(--flux-border);border-radius:14px;overflow:hidden}.flux-md th{text-align:left;font-size:.78em;letter-spacing:.06em;text-transform:uppercase;color:var(--flux-muted);background:var(--flux-surface);padding:9px 14px}.flux-md td{padding:10px 14px;border-top:1px solid var(--flux-border)}
+.flux-md-img{max-width:100%;height:auto;border-radius:14px;border:1px solid var(--flux-border);margin:.9em 0;display:block}
+.flux-callout{display:flex;flex-direction:column;gap:2px;margin:1.2em 0;padding:13px 16px;border-radius:14px;background:color-mix(in srgb,var(--c,var(--flux-accent)) 11%,transparent);border-left:4px solid var(--c,var(--flux-accent))}
+.flux-callout strong{color:var(--c,var(--flux-accent));font-size:.82em;letter-spacing:.05em;text-transform:uppercase}.flux-callout[data-kind="warning"],.flux-callout[data-kind="caution"]{--c:var(--flux-warn)}.flux-callout[data-kind="tip"]{--c:var(--flux-ok)}.flux-callout[data-kind="important"]{--c:#af52de}
+`;
+
+// src/react/http-bridge.ts
+var HttpBridgeError = class extends Error {
+  constructor(message, code) {
+    super(message);
+    this.code = code;
+    this.name = "HttpBridgeError";
+  }
+  code;
+};
+function createHttpBridge(baseUrl = "") {
+  const listeners2 = /* @__PURE__ */ new Map();
+  let source;
+  const ensureSource = () => {
+    if (source || typeof EventSource === "undefined") return;
+    source = new EventSource(`${baseUrl}/flux/events`);
+    source.onmessage = (ev) => {
+      try {
+        const msg = JSON.parse(ev.data);
+        for (const l of [...listeners2.get(msg.channel) ?? []]) l(msg.payload);
+      } catch {
+      }
+    };
+  };
+  const post = (path, body) => fetch(`${baseUrl}${path}`, { method: "POST", headers: { "content-type": "application/json" }, body: JSON.stringify(body) });
+  return {
+    async invoke(channel, input, caller) {
+      const res = await (await post("/flux/invoke", { channel, input, caller })).json();
+      if (!res.ok) throw new HttpBridgeError(res.error.message, res.error.code);
+      return res.value;
+    },
+    send(channel, payload, caller) {
+      void post("/flux/send", { channel, payload, caller });
+    },
+    on(channel, listener) {
+      ensureSource();
+      let set = listeners2.get(channel);
+      if (!set) listeners2.set(channel, set = /* @__PURE__ */ new Set());
+      set.add(listener);
+      return () => void set.delete(listener);
+    },
+    async bootstrap() {
+      return await (await fetch(`${baseUrl}/flux/bootstrap`)).json();
+    }
+  };
+}
+function createStaticBridge(bootstrapUrl = "./bootstrap.json") {
+  return {
+    async invoke() {
+      throw new Error("This is a static website: main-process features (IPC, plugin management) are not available.");
+    },
+    send() {
+    },
+    on() {
+      return () => {
+      };
+    },
+    async bootstrap() {
+      return await (await fetch(bootstrapUrl)).json();
+    }
+  };
+}
+
+// src/react/os.ts
+import { useMemo as useMemo5 } from "react";
+function detectOS(ua = typeof navigator === "undefined" ? "" : navigator.userAgent) {
+  if (/Mac|iPhone|iPad/i.test(ua)) return "mac";
+  if (/Windows/i.test(ua)) return "windows";
+  if (/Linux|X11|CrOS/i.test(ua)) return "linux";
+  return "other";
+}
+var useOS = () => useMemo5(() => detectOS(), []);
+function formatShortcut(binding, os = detectOS()) {
+  const mac = os === "mac";
+  const map = mac ? { mod: "\u2318", ctrl: "\u2303", shift: "\u21E7", alt: "\u2325" } : { mod: "Ctrl", ctrl: "Ctrl", shift: "Shift", alt: "Alt" };
+  const parts = binding.split("+").map((p) => map[p.toLowerCase()] ?? (p.length === 1 ? p.toUpperCase() : p));
+  return mac ? parts.join("") : parts.join("+");
+}
+
+// src/react/icons.tsx
+import { jsx as jsx5, jsxs as jsxs4 } from "react/jsx-runtime";
+var PATHS = {
+  search: "M11 4a7 7 0 105.2 11.7l3.5 3.5 1.4-1.4-3.5-3.5A7 7 0 0011 4zm0 2a5 5 0 110 10 5 5 0 010-10z",
+  bell: "M12 3a6 6 0 00-6 6v3.6L4.3 15.3A1 1 0 005 17h14a1 1 0 00.7-1.7L18 12.6V9a6 6 0 00-6-6zm-2 16a2 2 0 004 0h-4z",
+  sun: "M12 7a5 5 0 100 10 5 5 0 000-10zM11 1h2v3h-2V1zm0 19h2v3h-2v-3zM1 11h3v2H1v-2zm19 0h3v2h-3v-2zM4.2 5.6l1.4-1.4 2.1 2.1-1.4 1.4-2.1-2.1zm12.1 12.1l1.4-1.4 2.1 2.1-1.4 1.4-2.1-2.1zM5.6 19.8l-1.4-1.4 2.1-2.1 1.4 1.4-2.1 2.1zM18.4 7.7l-1.4-1.4 2.1-2.1 1.4 1.4-2.1 2.1z",
+  moon: "M20 14.5A8.5 8.5 0 019.5 4a8.5 8.5 0 1010.5 10.5z",
+  plug: "M9 2v5H7v3a5 5 0 004 4.9V19H8v2h8v-2h-3v-4.1A5 5 0 0017 10V7h-2V2h-2v5h-2V2H9z",
+  settings: "M12 8a4 4 0 100 8 4 4 0 000-8zm8.9 5l1.7 1.3-2 3.4-2-.8a7.6 7.6 0 01-1.7 1l-.3 2.1h-4l-.3-2.1a7.6 7.6 0 01-1.7-1l-2 .8-2-3.4L5.3 13a7 7 0 010-2L3.6 9.7l2-3.4 2 .8a7.6 7.6 0 011.7-1L9.6 4h4l.3 2.1a7.6 7.6 0 011.7 1l2-.8 2 3.4L17.9 11a7 7 0 010 2z",
+  check: "M9 16.2l-3.5-3.5L4 14.2l5 5 11-11-1.5-1.5L9 16.2z",
+  close: "M6.4 5l-1.4 1.4L10.6 12 5 17.6 6.4 19l5.6-5.6 5.6 5.6 1.4-1.4-5.6-5.6L19 6.4 17.6 5 12 10.6 6.4 5z",
+  chevron: "M7 10l5 5 5-5H7z",
+  play: "M8 5v14l11-7L8 5z",
+  image: "M4 5h16a1 1 0 011 1v12a1 1 0 01-1 1H4a1 1 0 01-1-1V6a1 1 0 011-1zm3 3a2 2 0 100 4 2 2 0 000-4zm-3 9h16v-3l-4-4-5 5-3-3-4 4v1z",
+  home: "M10 20v-6h4v6h5v-8h3L12 3 2 12h3v8z",
+  folder: "M10 4H4c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V8c0-1.1-.9-2-2-2h-8l-2-2z",
+  grid: "M3 3h8v8H3V3zm10 0h8v8h-8V3zM3 13h8v8H3v-8zm10 0h8v8h-8v-8z",
+  panel: "M3 5v14h18V5H3zm6 12H5V7h4v10zm10 0h-8V7h8v10z",
+  globe: "M12 2a10 10 0 100 20 10 10 0 000-20zm6.9 6h-3a15.7 15.7 0 00-1.4-3.6A8 8 0 0118.9 8zM12 4c.8 1.2 1.5 2.5 1.9 4h-3.8c.4-1.5 1.1-2.8 1.9-4zM4.3 14a8.2 8.2 0 010-4h3.4a16.5 16.5 0 000 4H4.3zm.8 2h3a15.7 15.7 0 001.4 3.6A8 8 0 015.1 16zm3-8h-3a8 8 0 014.4-3.6A15.7 15.7 0 008.1 8zM12 20c-.8-1.2-1.5-2.5-1.9-4h3.8c-.4 1.5-1.1 2.8-1.9 4zm2.3-6H9.7a14.7 14.7 0 010-4h4.6a14.7 14.7 0 010 4zm.3 5.6a15.7 15.7 0 001.4-3.6h3a8 8 0 01-4.4 3.6zm1.7-5.6a16.5 16.5 0 000-4h3.4a8.2 8.2 0 010 4h-3.4z",
+  palette: "M12 3a9 9 0 000 18c1.1 0 2-.9 2-2 0-.5-.2-1-.5-1.3-.3-.3-.5-.8-.5-1.3 0-1.1.9-2 2-2H18c1.7 0 3-1.3 3-3 0-4.4-4-8-9-8zM6.5 12a1.5 1.5 0 110-3 1.5 1.5 0 010 3zm3-4a1.5 1.5 0 110-3 1.5 1.5 0 010 3zm5 0a1.5 1.5 0 110-3 1.5 1.5 0 010 3zm3 4a1.5 1.5 0 110-3 1.5 1.5 0 010 3z",
+  language: "M12.9 15l-2.5-2.5c1.7-1.9 2.9-4 3.6-6.5H17V4h-7V2H8v2H1v2h11.2c-.7 1.9-1.7 3.7-3.2 5.3-1-1.1-1.8-2.3-2.4-3.3h-2c.7 1.6 1.7 3.2 3 4.7L3.3 17.3l1.4 1.4L9 14.4l2.5 2.5.4-1.9zM18.5 10h-2L12 22h2l1.1-3h4.8l1.1 3h2l-4.5-12zm-2.6 7l1.6-4.3 1.6 4.3h-3.2z",
+  info: "M12 2a10 10 0 100 20 10 10 0 000-20zm1 15h-2v-6h2v6zm0-8h-2V7h2v2z",
+  sliders: "M3 17v2h6v-2H3zM3 5v2h10V5H3zm10 16v-2h8v-2h-8v-2h-2v6h2zM7 9v2H3v2h4v2h2V9H7zm14 4v-2H11v2h10zm-6-4h2V7h4V5h-4V3h-2v6z",
+  user: "M12 12a4 4 0 100-8 4 4 0 000 8zm0 2c-2.7 0-8 1.3-8 4v2h16v-2c0-2.7-5.3-4-8-4z",
+  star: "M12 17.3l6.2 3.7-1.6-7L22 9.2l-7.2-.6L12 2 9.2 8.6 2 9.2 7.5 14l-1.6 7z",
+  download: "M19 9h-4V3H9v6H5l7 7 7-7zM5 18v2h14v-2H5z",
+  trash: "M6 19c0 1.1.9 2 2 2h8c1.1 0 2-.9 2-2V7H6v12zM19 4h-3.5l-1-1h-5l-1 1H5v2h14V4z",
+  power: "M13 3h-2v10h2V3zm4.8 2.2l-1.4 1.4A6 6 0 116.6 6.6L5.2 5.2A8 8 0 1017.8 5.2z",
+  chevronRight: "M10 17l5-5-5-5v10z",
+  back: "M15.4 7.4L14 6l-6 6 6 6 1.4-1.4L10.8 12z",
+  type: "M5 4v3h5.5v12h3V7H19V4H5z",
+  external: "M19 19H5V5h7V3H5a2 2 0 00-2 2v14a2 2 0 002 2h14c1.1 0 2-.9 2-2v-7h-2v7zM14 3v2h3.6l-9.8 9.8 1.4 1.4L19 6.4V10h2V3h-7z",
+  bolt: "M7 2v11h3v9l7-12h-4l4-8z",
+  shield: "M12 1L3 5v6c0 5.6 3.8 10.7 9 12 5.2-1.3 9-6.4 9-12V5l-9-4z",
+  refresh: "M17.7 6.3A8 8 0 104 12h2a6 6 0 119.2-5.1L13 9h7V2l-2.3 2.3z",
+  command: "M7 3a4 4 0 00-1 7.9v2.2A4 4 0 107 21a4 4 0 004-4h2a4 4 0 104-4 4 4 0 00-1-.1V10.9A4 4 0 1017 3a4 4 0 00-4 4h-2a4 4 0 00-4-4zm4 9H9V10h2v2zm4 0h-2V10h2v2z"
+};
+function Icon({ name, d, size = 16, title }) {
+  const path = d ?? (name ? PATHS[name] : void 0) ?? PATHS["plug"];
+  return /* @__PURE__ */ jsxs4("svg", { width: size, height: size, viewBox: "0 0 24 24", fill: "currentColor", "aria-hidden": title ? void 0 : true, role: title ? "img" : void 0, className: "flux-icon", children: [
+    title && /* @__PURE__ */ jsx5("title", { children: title }),
+    /* @__PURE__ */ jsx5("path", { d: path })
+  ] });
+}
+var iconNames = Object.keys(PATHS);
+
+// src/react/markdown.tsx
+import React6 from "react";
+
+// src/react/media.tsx
+import { useEffect as useEffect5, useMemo as useMemo6, useState as useState5 } from "react";
+import { Fragment as Fragment3, jsx as jsx6, jsxs as jsxs5 } from "react/jsx-runtime";
+var IMAGE_MIME = /^image\/(png|jpe?g|gif|webp|avif|bmp|x-icon|vnd\.microsoft\.icon|svg\+xml)$/i;
+function sniff(bytes) {
+  const b = (...v) => v.every((x, i) => bytes[i] === x);
+  if (b(137, 80, 78, 71)) return "image/png";
+  if (b(255, 216, 255)) return "image/jpeg";
+  if (b(71, 73, 70, 56)) return "image/gif";
+  if (b(82, 73, 70, 70) && bytes[8] === 87 && bytes[9] === 69) return "image/webp";
+  if (b(66, 77)) return "image/bmp";
+  const head = new TextDecoder().decode(bytes.slice(0, 120)).trimStart();
+  if (head.startsWith("<svg") || head.startsWith("<?xml") && head.includes("<svg")) return "image/svg+xml";
+  return void 0;
+}
+function toImageSrc(input, opts = {}) {
+  if (input == null || input === "") return void 0;
+  if (typeof Blob !== "undefined" && input instanceof Blob) {
+    if (input.type && !IMAGE_MIME.test(input.type)) return void 0;
+    const url = URL.createObjectURL(input);
+    return { src: url, release: () => URL.revokeObjectURL(url) };
+  }
+  if (input instanceof ArrayBuffer || ArrayBuffer.isView(input)) {
+    const bytes = input instanceof ArrayBuffer ? new Uint8Array(input) : new Uint8Array(input.buffer, input.byteOffset, input.byteLength);
+    const mime = sniff(bytes);
+    if (!mime) return void 0;
+    const url = URL.createObjectURL(new Blob([bytes], { type: mime }));
+    return { src: url, release: () => URL.revokeObjectURL(url) };
+  }
+  const s2 = String(input).trim();
+  if (/^data:/i.test(s2)) {
+    const m = /^data:([^;,]+)[;,]/i.exec(s2);
+    return m && IMAGE_MIME.test(m[1]) ? { src: s2 } : void 0;
+  }
+  if (/^blob:/i.test(s2) || /^https?:\/\//i.test(s2) || /^file:\/\//i.test(s2)) return { src: s2 };
+  if (/^[a-z][a-z0-9+.-]*:/i.test(s2) && !/^[a-z]:[\\/]/i.test(s2)) return /^fluxplugin:\/\//i.test(s2) ? { src: s2 } : void 0;
+  if (/^[a-z]:[\\/]/i.test(s2)) return { src: "file:///" + s2.replace(/\\/g, "/") };
+  if (s2.length > 64 && /^[A-Za-z0-9+/=\s]+$/.test(s2)) {
+    try {
+      const bin = atob(s2.replace(/\s/g, ""));
+      const bytes = Uint8Array.from(bin.slice(0, 160), (c) => c.charCodeAt(0));
+      const mime = sniff(bytes);
+      if (mime) return { src: `data:${mime};base64,${s2.replace(/\s/g, "")}` };
+    } catch {
+    }
+  }
+  if (s2.startsWith("/") && typeof location !== "undefined" && location.protocol === "file:") return { src: "file://" + s2 };
+  if (opts.base && !s2.startsWith("/")) {
+    try {
+      return { src: new URL(s2, opts.base).href };
+    } catch {
+      return void 0;
+    }
+  }
+  return { src: s2 };
+}
+function Img({ src, base, alt = "", fallback, className, style, ...rest }) {
+  const [failed, setFailed] = useState5(false);
+  const resolved = useMemo6(() => toImageSrc(src, { base }), [src, base]);
+  useEffect5(() => {
+    setFailed(false);
+    return () => resolved?.release?.();
+  }, [resolved]);
+  if (!resolved || failed) return /* @__PURE__ */ jsx6(Fragment3, { children: fallback ?? /* @__PURE__ */ jsx6("span", { className: "flux-img-fallback " + (className ?? ""), style, role: "img", "aria-label": alt, children: /* @__PURE__ */ jsx6(Icon, { name: "image", size: 18 }) }) });
+  return /* @__PURE__ */ jsx6("img", { ...rest, className, style, src: resolved.src, alt, loading: "lazy", decoding: "async", referrerPolicy: "no-referrer", onError: () => setFailed(true) });
+}
+function VideoPlayer({ video, poster, title = "Video" }) {
+  if (video.kind === "html5" && video.src) {
+    return /* @__PURE__ */ jsxs5("video", { className: "flux-video", "data-testid": "plugin-video", "data-kind": "html5", controls: true, playsInline: true, preload: "metadata", poster, "aria-label": title, children: [
+      /* @__PURE__ */ jsx6("source", { src: video.src }),
+      /* @__PURE__ */ jsx6("a", { href: video.url, target: "_blank", rel: "noopener noreferrer", children: "Download the video" })
+    ] });
+  }
+  if (video.embedUrl) {
+    return /* @__PURE__ */ jsx6(
+      "iframe",
+      {
+        className: "flux-video",
+        "data-testid": "plugin-video",
+        "data-kind": video.kind,
+        src: video.embedUrl,
+        title,
+        loading: "lazy",
+        allow: "encrypted-media; picture-in-picture; fullscreen; autoplay=(self)",
+        sandbox: "allow-scripts allow-same-origin allow-presentation allow-popups",
+        referrerPolicy: "strict-origin-when-cross-origin",
+        allowFullScreen: true
+      }
+    );
+  }
+  return /* @__PURE__ */ jsxs5("a", { className: "flux-video-link", "data-testid": "plugin-video", "data-kind": "link", href: video.url, target: "_blank", rel: "noopener noreferrer", children: [
+    /* @__PURE__ */ jsx6(Icon, { name: "play", size: 18 }),
+    " Watch the video"
+  ] });
+}
+
+// src/react/markdown.tsx
+import { jsx as jsx7, jsxs as jsxs6 } from "react/jsx-runtime";
+var safeHref = (h) => /^https:\/\/[^\s]+$/i.test(h) || h.startsWith("#") ? h : void 0;
+function inline(src, key = 0, base) {
+  const out = [];
+  const re = /(!\[[^\]]*\]\([^)\s]+(?:\s+"[^"]*")?\))|(`[^`]+`)|(\*\*[^*]+\*\*)|(\*[^*\s][^*]*\*)|(\[[^\]]+\]\([^)\s]+\))/g;
+  let last = 0;
+  let m;
+  let i = 0;
+  while (m = re.exec(src)) {
+    if (m.index > last) out.push(src.slice(last, m.index));
+    const tok = m[0];
+    const k = `${key}-${i++}`;
+    if (tok.startsWith("![")) {
+      const mm = /^!\[([^\]]*)\]\(([^)\s]+)(?:\s+"([^"]*)")?\)$/.exec(tok);
+      out.push(/* @__PURE__ */ jsx7(Img, { className: "flux-md-img", src: mm[2], base, alt: mm[1], title: mm[3] }, k));
+    } else if (tok.startsWith("`")) out.push(/* @__PURE__ */ jsx7("code", { children: tok.slice(1, -1) }, k));
+    else if (tok.startsWith("**")) out.push(/* @__PURE__ */ jsx7("strong", { children: tok.slice(2, -2) }, k));
+    else if (tok.startsWith("*")) out.push(/* @__PURE__ */ jsx7("em", { children: tok.slice(1, -1) }, k));
+    else {
+      const mm = /^\[([^\]]+)\]\(([^)\s]+)\)$/.exec(tok);
+      const href = safeHref(mm[2]);
+      out.push(href ? /* @__PURE__ */ jsx7("a", { href, target: "_blank", rel: "noopener noreferrer", children: mm[1] }, k) : mm[1]);
+    }
+    last = m.index + tok.length;
+  }
+  if (last < src.length) out.push(src.slice(last));
+  return out;
+}
+function Markdown({ source, baseUrl }) {
+  const lines = source.replace(/\r\n/g, "\n").split("\n");
+  const blocks = [];
+  let i = 0;
+  let k = 0;
+  while (i < lines.length) {
+    const line = lines[i];
+    if (!line.trim()) {
+      i++;
+      continue;
+    }
+    if (line.startsWith("```")) {
+      const buf2 = [];
+      i++;
+      while (i < lines.length && !lines[i].startsWith("```")) buf2.push(lines[i++]);
+      i++;
+      blocks.push(/* @__PURE__ */ jsx7("pre", { children: /* @__PURE__ */ jsx7("code", { children: buf2.join("\n") }) }, k++));
+      continue;
+    }
+    const h = /^(#{1,4})\s+(.*)$/.exec(line);
+    if (h) {
+      const L = `h${h[1].length + 1}`;
+      blocks.push(React6.createElement(L, { key: k++ }, inline(h[2], 0, baseUrl)));
+      i++;
+      continue;
+    }
+    if (/^(-{3,}|\*{3,})$/.test(line.trim())) {
+      blocks.push(/* @__PURE__ */ jsx7("hr", {}, k++));
+      i++;
+      continue;
+    }
+    if (line.startsWith(">")) {
+      const buf2 = [];
+      while (i < lines.length && lines[i].startsWith(">")) buf2.push(lines[i++].replace(/^>\s?/, ""));
+      const callout = /^\[!(NOTE|TIP|IMPORTANT|WARNING|CAUTION)\]\s*(.*)$/i.exec(buf2[0] ?? "");
+      if (callout) {
+        const kind = callout[1].toLowerCase();
+        blocks.push(/* @__PURE__ */ jsxs6("aside", { className: "flux-callout", "data-kind": kind, role: "note", children: [
+          /* @__PURE__ */ jsx7("strong", { children: kind[0].toUpperCase() + kind.slice(1) }),
+          /* @__PURE__ */ jsx7("span", { children: inline([callout[2], ...buf2.slice(1)].filter(Boolean).join(" "), 0, baseUrl) })
+        ] }, k++));
+      } else blocks.push(/* @__PURE__ */ jsx7("blockquote", { children: inline(buf2.join(" "), 0, baseUrl) }, k++));
+      continue;
+    }
+    if (line.includes("|") && /^\s*\|?\s*:?-{2,}:?\s*(\|\s*:?-{2,}:?\s*)*\|?\s*$/.test(lines[i + 1] ?? "")) {
+      const cells = (l) => l.trim().replace(/^\|/, "").replace(/\|$/, "").split("|").map((c) => c.trim());
+      const head = cells(line);
+      i += 2;
+      const rows = [];
+      while (i < lines.length && lines[i].includes("|") && lines[i].trim()) rows.push(cells(lines[i++]));
+      blocks.push(
+        /* @__PURE__ */ jsxs6("table", { children: [
+          /* @__PURE__ */ jsx7("thead", { children: /* @__PURE__ */ jsx7("tr", { children: head.map((c, j) => /* @__PURE__ */ jsx7("th", { children: inline(c, 0, baseUrl) }, j)) }) }),
+          /* @__PURE__ */ jsx7("tbody", { children: rows.map((r, ri) => /* @__PURE__ */ jsx7("tr", { children: r.map((c, j) => /* @__PURE__ */ jsx7("td", { children: inline(c, 0, baseUrl) }, j)) }, ri)) })
+        ] }, k++)
+      );
+      continue;
+    }
+    const li = /^(\s*)([-*]|\d+\.)\s+/;
+    if (li.test(line)) {
+      const ordered = /^\s*\d+\./.test(line);
+      const items = [];
+      while (i < lines.length && li.test(lines[i])) {
+        const text = lines[i++].replace(li, "");
+        const task = /^\[([ xX])\]\s+(.*)$/.exec(text);
+        items.push(task ? /* @__PURE__ */ jsxs6("li", { className: "flux-task", children: [
+          /* @__PURE__ */ jsx7("input", { type: "checkbox", checked: task[1] !== " ", readOnly: true, "aria-label": "task" }),
+          inline(task[2], 0, baseUrl)
+        ] }, items.length) : /* @__PURE__ */ jsx7("li", { children: inline(text, 0, baseUrl) }, items.length));
+      }
+      blocks.push(ordered ? /* @__PURE__ */ jsx7("ol", { children: items }, k++) : /* @__PURE__ */ jsx7("ul", { children: items }, k++));
+      continue;
+    }
+    const buf = [];
+    while (i < lines.length && lines[i].trim() && !/^(#{1,4}\s|```|>|\s*([-*]|\d+\.)\s)/.test(lines[i]) && !(lines[i].includes("|") && /^\s*\|?\s*:?-{2,}/.test(lines[i + 1] ?? ""))) buf.push(lines[i++]);
+    blocks.push(/* @__PURE__ */ jsx7("p", { children: inline(buf.join(" "), 0, baseUrl) }, k++));
+  }
+  return /* @__PURE__ */ jsx7("div", { className: "flux-md", children: blocks });
+}
+
+// src/react/theme.tsx
+import { createContext as createContext3, useCallback as useCallback4, useContext as useContext3, useEffect as useEffect6, useMemo as useMemo7, useState as useState6 } from "react";
+import { jsx as jsx8, jsxs as jsxs7 } from "react/jsx-runtime";
+var isComponent = (v) => typeof v === "function" || typeof v === "object" && v !== null;
+function declareHostPoints(framework) {
+  const ep = framework.manager.extensionPoints;
+  if (!ep.definition("theme")) ep.declare({ name: "theme", contributions: { themes: s.object({ id: s.string(), label: s.string(), dark: s.boolean().optional(), tokens: s.record(s.string()) }) } });
+  if (!ep.definition("font")) ep.declare({ name: "font", contributions: { fonts: s.object({ id: s.string(), label: s.string(), stack: s.string(), css: s.string().optional() }) } });
+  if (!ep.definition("titlebar")) ep.declare({ name: "titlebar", contributions: { searchProviders: s.object({ id: s.string(), label: s.string(), search: s.fn() }) } });
+  if (!ep.definition("settings")) {
+    ep.declare({ name: "settings", contributions: { sections: s.object({ id: s.string(), title: s.string(), icon: s.string().optional(), order: s.number().optional(), component: s.custom(isComponent, "expected a React component") }) } });
+  }
+  declareI18nPoints(framework);
+}
+var DEFAULT_APPEARANCE = { fontId: "system", customFont: "", fontSize: 14, lineHeight: 1.5, density: "comfortable", translucency: true, radius: "default", reduceMotion: false };
+var BUILTIN_FONTS = [
+  { id: "system", label: "System (SF Pro)", stack: '-apple-system, BlinkMacSystemFont, "SF Pro Text", "Segoe UI Variable", "Segoe UI", system-ui, Roboto, "Helvetica Neue", sans-serif' },
+  { id: "rounded", label: "Rounded", stack: 'ui-rounded, "SF Pro Rounded", "Nunito", "Segoe UI", system-ui, sans-serif' },
+  { id: "serif", label: "Serif (New York)", stack: '"New York", "Iowan Old Style", "Palatino Linotype", Georgia, serif' },
+  { id: "humanist", label: "Humanist", stack: 'Seravek, "Gill Sans Nova", Ubuntu, Calibri, "DejaVu Sans", sans-serif' },
+  { id: "mono", label: "Monospace", stack: 'ui-monospace, "SF Mono", Menlo, Consolas, "Liberation Mono", monospace' }
+];
+var SAFE_FONT = /[^\w\s,.-]/g;
+var clamp = (n, lo, hi) => Math.min(hi, Math.max(lo, Number.isFinite(n) ? n : lo));
+function sanitizeFontFamily(input) {
+  return input.split(",").map((f) => f.replace(SAFE_FONT, "").replace(/\s+/g, " ").trim()).filter(Boolean).map((f) => `"${f}"`).join(", ");
+}
+var Ctx2 = createContext3(null);
+var read2 = (k) => {
+  try {
+    return localStorage.getItem(k);
+  } catch {
+    return null;
+  }
+};
+var write = (k, v) => {
+  try {
+    v === void 0 ? localStorage.removeItem(k) : localStorage.setItem(k, v);
+  } catch {
+  }
+};
+function loadAppearance(key) {
+  try {
+    const raw = JSON.parse(read2(key) ?? "{}");
+    return { ...DEFAULT_APPEARANCE, ...raw, fontSize: clamp(raw.fontSize ?? 14, 12, 20), lineHeight: clamp(raw.lineHeight ?? 1.5, 1.2, 2) };
+  } catch {
+    return DEFAULT_APPEARANCE;
+  }
+}
+function ThemeProvider({ children, storageKey = "fluxplugin.theme", onResolved }) {
+  const themes = useExtensionItems("theme", "themes");
+  const pluginFonts = useExtensionItems("font", "fonts");
+  const [mode, setModeState] = useState6(() => read2(storageKey + ".mode") || "system");
+  const [themeId, setThemeIdState] = useState6(() => read2(storageKey + ".id") ?? void 0);
+  const [appearance, setAppearanceState] = useState6(() => loadAppearance(storageKey + ".appearance"));
+  const [systemDark, setSystemDark] = useState6(() => typeof matchMedia !== "undefined" && matchMedia("(prefers-color-scheme: dark)").matches);
+  useEffect6(() => {
+    if (typeof matchMedia === "undefined") return;
+    const mq = matchMedia("(prefers-color-scheme: dark)");
+    const l = (e) => setSystemDark(e.matches);
+    mq.addEventListener("change", l);
+    return () => mq.removeEventListener("change", l);
+  }, []);
+  const theme = themes.find((t) => t.id === themeId);
+  const resolved = theme ? theme.dark ? "dark" : "light" : mode === "system" ? systemDark ? "dark" : "light" : mode;
+  const fonts = useMemo7(() => [...BUILTIN_FONTS, ...pluginFonts], [pluginFonts]);
+  const font = fonts.find((f) => f.id === appearance.fontId) ?? BUILTIN_FONTS[0];
+  useEffect6(() => {
+    const root = document.documentElement;
+    root.setAttribute("data-theme", resolved);
+    const applied = Object.entries(theme?.tokens ?? {}).filter(([k]) => /^--[\w-]+$/.test(k));
+    for (const [k, v] of applied) root.style.setProperty(k, v);
+    if (appearance.accent) root.style.setProperty("--flux-accent", appearance.accent);
+    const cs = getComputedStyle(root);
+    onResolved?.({ dark: resolved === "dark", bg: cs.getPropertyValue("--flux-bg").trim(), fg: cs.getPropertyValue("--flux-fg").trim(), surface: cs.getPropertyValue("--flux-surface").trim() });
+    return () => {
+      applied.forEach(([k]) => root.style.removeProperty(k));
+      if (appearance.accent) root.style.removeProperty("--flux-accent");
+    };
+  }, [resolved, theme, appearance.accent]);
+  useEffect6(() => {
+    const root = document.documentElement;
+    const custom = sanitizeFontFamily(appearance.customFont);
+    root.style.setProperty("--flux-font", custom ? `${custom}, ${font.stack}` : font.stack);
+    root.style.setProperty("--flux-font-size", `${appearance.fontSize}px`);
+    root.style.setProperty("--flux-line", String(appearance.lineHeight));
+    root.setAttribute("data-density", appearance.density);
+    root.setAttribute("data-translucency", appearance.translucency ? "on" : "off");
+    root.setAttribute("data-radius", appearance.radius);
+    root.setAttribute("data-motion", appearance.reduceMotion ? "reduced" : "full");
+    let style;
+    if (font.css) {
+      style = document.createElement("style");
+      style.setAttribute("data-flux-font", font.id);
+      style.textContent = font.css;
+      document.head.appendChild(style);
+    }
+    return () => style?.remove();
+  }, [appearance, font]);
+  const setMode = useCallback4((m) => (setModeState(m), setThemeIdState(void 0), write(storageKey + ".mode", m), write(storageKey + ".id", void 0)), [storageKey]);
+  const setThemeId = useCallback4((id) => (setThemeIdState(id), write(storageKey + ".id", id)), [storageKey]);
+  const setAppearance = useCallback4((patch) => setAppearanceState((cur) => {
+    const next = { ...cur, ...patch };
+    next.fontSize = clamp(next.fontSize, 12, 20);
+    next.lineHeight = clamp(next.lineHeight, 1.2, 2);
+    write(storageKey + ".appearance", JSON.stringify(next));
+    return next;
+  }), [storageKey]);
+  const resetAppearance = useCallback4(() => (setAppearanceState(DEFAULT_APPEARANCE), write(storageKey + ".appearance", void 0)), [storageKey]);
+  const value = useMemo7(
+    () => ({ mode, setMode, themeId, setThemeId, resolved, themes, toggle: () => setMode(resolved === "dark" ? "light" : "dark"), appearance, setAppearance, resetAppearance, fonts }),
+    [mode, setMode, themeId, setThemeId, resolved, themes, appearance, setAppearance, resetAppearance, fonts]
+  );
+  return /* @__PURE__ */ jsx8(Ctx2.Provider, { value, children });
+}
+function useTheme() {
+  const c = useContext3(Ctx2);
+  if (!c) throw new Error("useTheme must be used inside <ThemeProvider>");
+  return c;
+}
+var useAppearance = () => {
+  const { appearance, setAppearance, resetAppearance, fonts } = useTheme();
+  return { appearance, setAppearance, resetAppearance, fonts };
+};
+function ThemeSwitcher() {
+  const { resolved, toggle, themes, themeId, setThemeId, mode, setMode } = useTheme();
+  const t = useT();
+  return /* @__PURE__ */ jsxs7("span", { className: "flux-theme-switch", children: [
+    /* @__PURE__ */ jsx8("button", { type: "button", className: "flux-tb-btn", onClick: toggle, title: t("theme.toggle", "Toggle appearance"), "aria-label": t("theme.toggle", "Toggle appearance"), "data-testid": "theme-toggle", children: /* @__PURE__ */ jsx8(Icon, { name: resolved === "dark" ? "moon" : "sun" }) }),
+    themes.length > 0 && /* @__PURE__ */ jsxs7("select", { className: "flux-select", "aria-label": "Theme", value: themeId ?? `mode:${mode}`, onChange: (e) => e.target.value.startsWith("mode:") ? setMode(e.target.value.slice(5)) : setThemeId(e.target.value), children: [
+      /* @__PURE__ */ jsx8("option", { value: "mode:system", children: t("theme.system", "System") }),
+      /* @__PURE__ */ jsx8("option", { value: "mode:light", children: t("theme.light", "Light") }),
+      /* @__PURE__ */ jsx8("option", { value: "mode:dark", children: t("theme.dark", "Dark") }),
+      themes.map((th) => /* @__PURE__ */ jsx8("option", { value: th.id, children: th.label }, th.id))
+    ] })
+  ] });
+}
+
+// src/react/titlebar.tsx
+import { useEffect as useEffect7, useMemo as useMemo8, useRef as useRef3, useState as useState7, useSyncExternalStore as useSyncExternalStore4 } from "react";
+import { jsx as jsx9, jsxs as jsxs8 } from "react/jsx-runtime";
+function AppMenuBar() {
+  const fw = usePluginFramework();
+  const os = useOS();
+  const menus = fw.manager.menus;
+  useSyncExternalStore4(menus.subscribe, () => menus.version, () => menus.version);
+  const [open, setOpen] = useState7(null);
+  const ref = useRef3(null);
+  useEffect7(() => {
+    const off = (e) => ref.current && !ref.current.contains(e.target) && setOpen(null);
+    const key = (e) => e.key === "Escape" && setOpen(null);
+    window.addEventListener("mousedown", off);
+    window.addEventListener("keydown", key);
+    return () => (window.removeEventListener("mousedown", off), window.removeEventListener("keydown", key));
+  }, []);
+  const top = menus.items("application");
+  if (!top.length) return null;
+  const run = (item) => {
+    setOpen(null);
+    if (item.command) void fw.manager.commands.execute(item.command, ...item.args ?? []).catch((e) => fw.manager.logs.logger("host").error(String(e)));
+    else if (item.path) navigate(item.path);
+  };
+  const shortcut = (item) => {
+    const k = item.command ? fw.manager.commands.get(item.command)?.keybinding : void 0;
+    return k ? formatShortcut(k, os) : "";
+  };
+  return /* @__PURE__ */ jsx9("div", { className: "flux-menubar", role: "menubar", ref, children: top.map((m) => /* @__PURE__ */ jsxs8("div", { className: "flux-menu", children: [
+    /* @__PURE__ */ jsx9(
+      "button",
+      {
+        type: "button",
+        role: "menuitem",
+        className: "flux-tb-btn" + (open === m.id ? " is-open" : ""),
+        "aria-haspopup": !!m.children?.length,
+        "aria-expanded": open === m.id,
+        onClick: () => m.children?.length ? setOpen(open === m.id ? null : m.id) : run(m),
+        onMouseEnter: () => open && m.children?.length && setOpen(m.id),
+        children: m.label
+      }
+    ),
+    open === m.id && m.children && /* @__PURE__ */ jsx9("ul", { className: "flux-dropdown", role: "menu", children: m.children.map(
+      (c) => c.separator ? /* @__PURE__ */ jsx9("li", { className: "flux-sep", role: "separator" }, c.id) : /* @__PURE__ */ jsx9("li", { role: "none", children: /* @__PURE__ */ jsxs8("button", { type: "button", role: "menuitem", className: "flux-dd-item", onClick: () => run(c), children: [
+        /* @__PURE__ */ jsx9("span", { children: c.label }),
+        /* @__PURE__ */ jsx9("kbd", { children: shortcut(c) })
+      ] }) }, c.id)
+    ) })
+  ] }, m.id)) });
+}
+function SearchBox({ placeholder }) {
+  const fw = usePluginFramework();
+  const t = useT();
+  const providers = useExtensionItems("titlebar", "searchProviders");
+  const [q, setQ] = useState7("");
+  const [results, setResults] = useState7([]);
+  const [idx, setIdx] = useState7(0);
+  const [focus, setFocus] = useState7(false);
+  const input = useRef3(null);
+  useEffect7(() => {
+    const k = (e) => (e.ctrlKey || e.metaKey) && e.key.toLowerCase() === "f" && !e.shiftKey && (e.preventDefault(), input.current?.focus());
+    window.addEventListener("keydown", k);
+    return () => window.removeEventListener("keydown", k);
+  }, []);
+  useEffect7(() => {
+    const query = q.trim();
+    if (!query) return setResults((prev) => prev.length ? [] : prev);
+    let live = true;
+    (async () => {
+      const lower = query.toLowerCase();
+      const own = [
+        ...fw.manager.commands.palette(query).slice(0, 5).map((c) => ({ id: "cmd:" + c.id, title: c.title, subtitle: c.category, group: t("search.commands", "Commands"), run: () => void fw.manager.commands.execute(c.id) })),
+        ...fw.manager.menus.items("sidebar").filter((m) => m.path && m.label.toLowerCase().includes(lower)).map((m) => ({ id: "page:" + m.id, title: m.label, group: t("search.pages", "Pages"), run: () => navigate(m.path) }))
+      ];
+      const extra = await Promise.all(providers.map(async (p) => {
+        try {
+          return (await p.search(query) ?? []).map((r) => ({ ...r, group: r.group ?? p.label }));
+        } catch {
+          return [];
+        }
+      }));
+      if (live) setResults([...own, ...extra.flat()].slice(0, 12)), setIdx(0);
+    })();
+    return () => {
+      live = false;
+    };
+  }, [q, fw, providers, t]);
+  const go = (r) => {
+    if (!r) return;
+    setQ("");
+    input.current?.blur();
+    void r.run();
+  };
+  return /* @__PURE__ */ jsxs8("div", { className: "flux-search", "data-testid": "searchbox", children: [
+    /* @__PURE__ */ jsx9(Icon, { name: "search" }),
+    /* @__PURE__ */ jsx9(
+      "input",
+      {
+        ref: input,
+        value: q,
+        placeholder: placeholder ?? t("search.placeholder", "Search\u2026"),
+        "aria-label": t("search.label", "Search"),
+        onChange: (e) => setQ(e.target.value),
+        onFocus: () => setFocus(true),
+        onBlur: () => setTimeout(() => setFocus(false), 120),
+        onKeyDown: (e) => {
+          if (e.key === "ArrowDown") e.preventDefault(), setIdx((i) => Math.min(i + 1, results.length - 1));
+          else if (e.key === "ArrowUp") e.preventDefault(), setIdx((i) => Math.max(i - 1, 0));
+          else if (e.key === "Enter") go(results[idx]);
+          else if (e.key === "Escape") setQ(""), input.current?.blur();
+        }
+      }
+    ),
+    focus && q.trim() && /* @__PURE__ */ jsxs8("ul", { className: "flux-dropdown flux-search-results", role: "listbox", children: [
+      results.length === 0 && /* @__PURE__ */ jsx9("li", { className: "flux-empty", children: t("search.noResults", "No results") }),
+      results.map((r, i) => /* @__PURE__ */ jsxs8("li", { role: "option", "aria-selected": i === idx, children: [
+        (i === 0 || results[i - 1].group !== r.group) && /* @__PURE__ */ jsx9("div", { className: "flux-group", children: r.group }),
+        /* @__PURE__ */ jsxs8("button", { type: "button", className: "flux-dd-item" + (i === idx ? " is-active" : ""), onMouseDown: (e) => (e.preventDefault(), go(r)), children: [
+          /* @__PURE__ */ jsx9("span", { children: r.title }),
+          r.subtitle && /* @__PURE__ */ jsx9("small", { children: r.subtitle })
+        ] })
+      ] }, r.id))
+    ] })
+  ] });
+}
+function useNotifications() {
+  const { manager } = usePluginFramework();
+  const n = manager.notifications;
+  useSyncExternalStore4(n.subscribe, () => n.version, () => n.version);
+  return n;
+}
+function NotificationBell() {
+  const fw = usePluginFramework();
+  const t = useT();
+  const center = useNotifications();
+  const [open, setOpen] = useState7(false);
+  const ref = useRef3(null);
+  useEffect7(() => {
+    const off = (e) => ref.current && !ref.current.contains(e.target) && setOpen(false);
+    window.addEventListener("mousedown", off);
+    return () => window.removeEventListener("mousedown", off);
+  }, []);
+  const unread = center.unread;
+  return /* @__PURE__ */ jsxs8("div", { className: "flux-bell", ref, children: [
+    /* @__PURE__ */ jsxs8("button", { type: "button", className: "flux-tb-btn", "aria-label": t("notifications.title", "Notifications"), "data-testid": "bell", onClick: () => (setOpen(!open), !open && center.markRead()), children: [
+      /* @__PURE__ */ jsx9(Icon, { name: "bell" }),
+      unread > 0 && /* @__PURE__ */ jsx9("span", { className: "flux-badge", "data-testid": "bell-count", children: unread })
+    ] }),
+    open && /* @__PURE__ */ jsxs8("div", { className: "flux-dropdown flux-notif-panel", role: "dialog", "aria-label": t("notifications.title", "Notifications"), children: [
+      /* @__PURE__ */ jsxs8("div", { className: "flux-notif-head", children: [
+        /* @__PURE__ */ jsx9("strong", { children: t("notifications.title", "Notifications") }),
+        /* @__PURE__ */ jsx9("button", { type: "button", className: "flux-link", onClick: () => center.clear(), children: t("notifications.clear", "Clear all") })
+      ] }),
+      center.list().length === 0 && /* @__PURE__ */ jsx9("div", { className: "flux-empty", children: t("notifications.empty", "You're all caught up") }),
+      center.list().map((n) => /* @__PURE__ */ jsxs8("div", { className: "flux-notif flux-" + n.level, children: [
+        /* @__PURE__ */ jsxs8("div", { className: "flux-notif-main", children: [
+          /* @__PURE__ */ jsx9("strong", { children: n.title }),
+          n.body && /* @__PURE__ */ jsx9("p", { children: n.body }),
+          /* @__PURE__ */ jsxs8("small", { children: [
+            n.owner,
+            " \xB7 ",
+            new Date(n.time).toLocaleTimeString()
+          ] })
+        ] }),
+        /* @__PURE__ */ jsxs8("div", { className: "flux-notif-actions", children: [
+          n.actions.map((a) => /* @__PURE__ */ jsx9("button", { type: "button", className: "flux-link", onClick: () => void fw.manager.commands.execute(a.command, ...a.args ?? []), children: a.label }, a.label)),
+          /* @__PURE__ */ jsx9("button", { type: "button", className: "flux-link", "aria-label": "Dismiss", onClick: () => center.dismiss(n.id), children: /* @__PURE__ */ jsx9(Icon, { name: "close", size: 12 }) })
+        ] })
+      ] }, n.id))
+    ] })
+  ] });
+}
+function ToastHost() {
+  const { manager } = usePluginFramework();
+  const [toasts, setToasts] = useState7([]);
+  useEffect7(() => {
+    const timers = [];
+    const show = (n, remaining = n.timeoutMs) => {
+      if (n.timeoutMs <= 0 || remaining <= 0) return;
+      setToasts((t) => [n, ...t.filter((x) => x.id !== n.id)].slice(0, 4));
+      timers.push(setTimeout(() => setToasts((t) => t.filter((x) => x.id !== n.id)), remaining));
+    };
+    for (const n of [...manager.notifications.list()].reverse()) if (!n.read) show(n, n.timeoutMs - (Date.now() - n.time));
+    const sub = manager.notifications.onPush((n) => show(n));
+    return () => (sub.dispose(), timers.forEach(clearTimeout));
+  }, [manager]);
+  return /* @__PURE__ */ jsx9("div", { className: "flux-toasts", "aria-live": "polite", "data-testid": "toasts", children: toasts.map((n) => /* @__PURE__ */ jsxs8("div", { className: "flux-toast flux-" + n.level, role: "status", children: [
+    /* @__PURE__ */ jsx9("strong", { children: n.title }),
+    n.body && /* @__PURE__ */ jsxs8("span", { children: [
+      " ",
+      n.body
+    ] })
+  ] }, n.id)) });
+}
+function TitleBar({ title, logo, searchPlaceholder, show }) {
+  const os = useOS();
+  const electron = typeof window !== "undefined" && !!window.__fluxplugin;
+  const s2 = { menu: true, search: true, notifications: true, theme: true, ...show };
+  const brand = useMemo8(() => /* @__PURE__ */ jsxs8("div", { className: "flux-brand", children: [
+    logo,
+    title && /* @__PURE__ */ jsx9("span", { children: title })
+  ] }), [logo, title]);
+  return /* @__PURE__ */ jsxs8("header", { className: "flux-titlebar", "data-os": os, "data-electron": electron || void 0, "data-testid": "titlebar", children: [
+    /* @__PURE__ */ jsxs8("div", { className: "flux-tb-left", children: [
+      brand,
+      s2.menu && /* @__PURE__ */ jsx9(AppMenuBar, {}),
+      /* @__PURE__ */ jsx9(PluginSlot, { name: "titlebar.left" })
+    ] }),
+    /* @__PURE__ */ jsx9("div", { className: "flux-tb-center", children: s2.search && /* @__PURE__ */ jsx9(SearchBox, { placeholder: searchPlaceholder }) }),
+    /* @__PURE__ */ jsxs8("div", { className: "flux-tb-right", children: [
+      /* @__PURE__ */ jsx9(PluginSlot, { name: "titlebar.right" }),
+      s2.theme && /* @__PURE__ */ jsx9(ThemeSwitcher, {}),
+      s2.notifications && /* @__PURE__ */ jsx9(NotificationBell, {})
+    ] })
+  ] });
+}
+
+// src/react/ui.tsx
+import { Fragment as Fragment4, jsx as jsx10, jsxs as jsxs9 } from "react/jsx-runtime";
+function Switch({ checked, onChange, label, disabled }) {
+  return /* @__PURE__ */ jsx10("button", { type: "button", role: "switch", "aria-checked": checked, "aria-label": label, disabled, className: "flux-switch", "data-on": checked || void 0, onClick: () => onChange(!checked), children: /* @__PURE__ */ jsx10("span", {}) });
+}
+function Segmented({ value, options, onChange, label }) {
+  return /* @__PURE__ */ jsx10("div", { className: "flux-seg", role: "tablist", "aria-label": label, children: options.map((o) => /* @__PURE__ */ jsx10("button", { type: "button", role: "tab", "aria-selected": o.value === value, "data-on": o.value === value || void 0, onClick: () => onChange(o.value), children: o.label }, o.value)) });
+}
+function Group({ title, footer, children, className }) {
+  return /* @__PURE__ */ jsxs9("section", { className: "flux-group-box " + (className ?? ""), children: [
+    title && /* @__PURE__ */ jsx10("h3", { className: "flux-group-title", children: title }),
+    /* @__PURE__ */ jsx10("div", { className: "flux-group-body", children }),
+    footer && /* @__PURE__ */ jsx10("p", { className: "flux-group-footer", children: footer })
+  ] });
+}
+function Row({ icon, iconColor, title, subtitle, right, chevron, onClick, selected, ...rest }) {
+  const content = /* @__PURE__ */ jsxs9(Fragment4, { children: [
+    icon !== void 0 && /* @__PURE__ */ jsx10("span", { className: "flux-row-icon", style: iconColor ? { background: iconColor } : void 0, children: typeof icon === "string" ? /* @__PURE__ */ jsx10(Icon, { name: icon, size: 16 }) : icon }),
+    /* @__PURE__ */ jsxs9("span", { className: "flux-row-text", children: [
+      /* @__PURE__ */ jsx10("span", { className: "flux-row-title", children: title }),
+      subtitle && /* @__PURE__ */ jsx10("span", { className: "flux-row-sub", children: subtitle })
+    ] }),
+    right && /* @__PURE__ */ jsx10("span", { className: "flux-row-right", onClick: (e) => e.stopPropagation(), children: right }),
+    chevron && /* @__PURE__ */ jsx10(Icon, { name: "chevronRight", size: 18 })
+  ] });
+  return onClick ? /* @__PURE__ */ jsx10("button", { type: "button", className: "flux-row is-link", "data-selected": selected || void 0, onClick, ...rest, children: content }) : /* @__PURE__ */ jsx10("div", { className: "flux-row", ...rest, children: content });
+}
+function Button({ variant = "secondary", size = "md", children, ...rest }) {
+  return /* @__PURE__ */ jsx10("button", { type: "button", ...rest, className: `flux-btn flux-btn-${variant} flux-btn-${size} ${rest.className ?? ""}`, children });
+}
+
+// src/react/sidebar.tsx
+import React9, { createContext as createContext4, useCallback as useCallback5, useContext as useContext4, useEffect as useEffect8, useMemo as useMemo9, useState as useState8 } from "react";
+import { jsx as jsx11, jsxs as jsxs10 } from "react/jsx-runtime";
+var Ctx3 = createContext4({ collapsed: false, setCollapsed: () => {
+}, toggle: () => {
+}, width: 232 });
+var read3 = (k) => {
+  try {
+    return localStorage.getItem(k);
+  } catch {
+    return null;
+  }
+};
+var write2 = (k, v) => {
+  try {
+    localStorage.setItem(k, v);
+  } catch {
+  }
+};
+function SidebarProvider({ children, storageKey = "fluxplugin.sidebar", expandedWidth = 232, collapsedWidth = 68 }) {
+  const [collapsed, setCollapsedState] = useState8(() => read3(storageKey) === "collapsed");
+  const width = collapsed ? collapsedWidth : expandedWidth;
+  useEffect8(() => {
+    document.documentElement.style.setProperty("--flux-sidebar-w", `${width}px`);
+  }, [width]);
+  const setCollapsed = useCallback5((v) => (setCollapsedState(v), write2(storageKey, v ? "collapsed" : "expanded")), [storageKey]);
+  useEffect8(() => {
+    const l = () => setCollapsed(!collapsed);
+    window.addEventListener("flux:toggle-sidebar", l);
+    return () => window.removeEventListener("flux:toggle-sidebar", l);
+  }, [collapsed, setCollapsed]);
+  const value = useMemo9(() => ({ collapsed, setCollapsed, toggle: () => setCollapsed(!collapsed), width }), [collapsed, setCollapsed, width]);
+  return /* @__PURE__ */ jsx11(Ctx3.Provider, { value, children });
+}
+var useSidebar = () => useContext4(Ctx3);
+function renderIcon(icon, size = 18) {
+  if (!icon) return /* @__PURE__ */ jsx11(Icon, { name: "grid", size });
+  if (typeof icon === "string") return /* @__PURE__ */ jsx11(Icon, { name: icon, size });
+  if (React9.isValidElement(icon)) return icon;
+  if (typeof icon === "object" && icon && "d" in icon) return /* @__PURE__ */ jsx11(Icon, { d: String(icon.d), size });
+  return /* @__PURE__ */ jsx11(Icon, { name: "grid", size });
+}
+var norm = (v) => v.replace(/^#/, "").split("?")[0].replace(/\/+$/, "") || "/";
+var activeFor = (cur, path) => !!path && (norm(cur) === norm(path) || norm(path) !== "/" && norm(cur).startsWith(norm(path) + "/"));
+var hasActive = (cur, e) => activeFor(cur, e.path) || !!e.children?.some((c) => hasActive(cur, c));
+var fromNode = (n) => ({ id: n.id, label: n.label, path: n.path, command: n.command, icon: n.icon, badge: n.badge, children: n.children?.map(fromNode) });
+function SidebarNav({ top = [], bottom = [], location: location2 = "sidebar", footer }) {
+  const fw = usePluginFramework();
+  const t = useT();
+  const { collapsed, toggle } = useSidebar();
+  const cur = useLocation();
+  const menus = fw.manager.menus;
+  const [version, setVersion] = useState8(menus.version);
+  useEffect8(() => menus.subscribe(() => setVersion(menus.version)), [menus]);
+  const plugin = useMemo9(() => menus.tree(location2).map(fromNode), [menus, location2, version]);
+  const [open, setOpen] = useState8(() => {
+    try {
+      return JSON.parse(read3("fluxplugin.sidebar.open") ?? "{}");
+    } catch {
+      return {};
+    }
+  });
+  const setGroup = (id, v) => setOpen((o) => {
+    const n = { ...o, [id]: v };
+    write2("fluxplugin.sidebar.open", JSON.stringify(n));
+    return n;
+  });
+  const go = (e) => {
+    if (e.command) void fw.manager.commands.execute(e.command).catch((err) => fw.manager.logs.logger("host").error(String(err)));
+    else if (e.path) navigate(e.path);
+  };
+  const label = (e, host) => host ? t(`menu.${e.id}`, e.label) : e.label;
+  const item = (e, host, depth = 0) => {
+    const kids = e.children ?? [];
+    const active = activeFor(cur, e.path);
+    const expanded = kids.length > 0 && (open[e.id] ?? hasActive(cur, e));
+    const text = label(e, host);
+    return /* @__PURE__ */ jsxs10("div", { className: "flux-nav-group", "data-depth": depth, children: [
+      /* @__PURE__ */ jsxs10(
+        "a",
+        {
+          href: "#" + (e.path ?? ""),
+          className: "flux-nav",
+          "data-active": active || void 0,
+          "data-parent-active": !active && hasActive(cur, e) || void 0,
+          "aria-current": active ? "page" : void 0,
+          title: collapsed ? text : void 0,
+          "data-testid": "nav-" + e.id,
+          onClick: (ev) => {
+            ev.preventDefault();
+            if (kids.length && !collapsed) setGroup(e.id, !expanded);
+            if (e.path || e.command) go(e);
+            else if (kids.length && collapsed) go(kids[0]);
+          },
+          children: [
+            /* @__PURE__ */ jsx11("span", { className: "flux-nav-icon", children: renderIcon(e.icon, depth ? 14 : 18) }),
+            !collapsed && /* @__PURE__ */ jsx11("span", { className: "flux-nav-label", children: text }),
+            !collapsed && e.badge !== void 0 && /* @__PURE__ */ jsx11("span", { className: "flux-nav-badge", children: e.badge }),
+            !collapsed && kids.length > 0 && /* @__PURE__ */ jsx11("span", { className: "flux-nav-chev", "data-open": expanded || void 0, children: /* @__PURE__ */ jsx11(Icon, { name: "chevronRight", size: 16 }) })
+          ]
+        }
+      ),
+      !collapsed && expanded && /* @__PURE__ */ jsx11("div", { className: "flux-subnav", children: kids.map((k) => item(k, host, depth + 1)) }),
+      collapsed && kids.length > 0 && /* @__PURE__ */ jsxs10("div", { className: "flux-flyout", role: "menu", children: [
+        /* @__PURE__ */ jsx11("div", { className: "flux-flyout-title", children: text }),
+        kids.map((k) => /* @__PURE__ */ jsx11("a", { href: "#" + (k.path ?? ""), role: "menuitem", className: "flux-flyout-item", "data-active": activeFor(cur, k.path) || void 0, onClick: (ev) => (ev.preventDefault(), go(k)), children: k.label }, k.id))
+      ] })
+    ] }, e.id);
+  };
+  return /* @__PURE__ */ jsxs10("aside", { className: "flux-side side", "data-collapsed": collapsed || void 0, "aria-label": "Sidebar", children: [
+    /* @__PURE__ */ jsxs10("nav", { className: "flux-side-nav", children: [
+      top.map((e) => item(e, true)),
+      plugin.length > 0 && /* @__PURE__ */ jsx11("div", { className: "flux-side-sep" }),
+      plugin.map((e) => item(e, false))
+    ] }),
+    /* @__PURE__ */ jsxs10("div", { className: "flux-side-bottom", children: [
+      bottom.map((e) => item(e, true)),
+      footer && !collapsed && /* @__PURE__ */ jsx11("div", { className: "flux-side-footer", children: footer }),
+      /* @__PURE__ */ jsxs10("button", { type: "button", className: "flux-nav flux-nav-toggle", onClick: toggle, title: collapsed ? t("sidebar.expand", "Expand sidebar") : t("sidebar.collapse", "Collapse sidebar"), "aria-label": collapsed ? t("sidebar.expand", "Expand sidebar") : t("sidebar.collapse", "Collapse sidebar"), "aria-expanded": !collapsed, "data-testid": "sidebar-toggle", children: [
+        /* @__PURE__ */ jsx11("span", { className: "flux-nav-icon", children: /* @__PURE__ */ jsx11(Icon, { name: "panel", size: 18 }) }),
+        !collapsed && /* @__PURE__ */ jsx11("span", { className: "flux-nav-label", children: t("sidebar.collapse", "Collapse sidebar") })
+      ] })
+    ] })
+  ] });
+}
+
+// src/react/settings.tsx
+import { jsx as jsx12, jsxs as jsxs11 } from "react/jsx-runtime";
+var COLORS = ["#007aff", "#34c759", "#ff9f0a", "#af52de", "#ff375f", "#5ac8fa", "#8e8e93"];
+function SettingsPage() {
+  const t = useT();
+  const raw = useExtensionItems("settings", "sections");
+  const sections = [...raw].sort((a, b) => (a.order ?? 100) - (b.order ?? 100) || a.title.localeCompare(b.title));
+  const { section } = useParams();
+  const active = sections.find((s2) => s2.id === section) ?? sections[0];
+  if (!active) return /* @__PURE__ */ jsx12("div", { className: "flux-empty", children: t("settings.empty", "No settings yet") });
+  const Body = active.component;
+  return /* @__PURE__ */ jsxs11("div", { className: "flux-settings", "data-testid": "settings-page", children: [
+    /* @__PURE__ */ jsxs11("nav", { className: "flux-settings-nav", "aria-label": t("settings.title", "Settings"), children: [
+      /* @__PURE__ */ jsx12("h1", { className: "flux-large-title", children: t("settings.title", "Settings") }),
+      sections.map((s2, i) => /* @__PURE__ */ jsxs11("button", { type: "button", className: "flux-settings-item", "data-active": s2.id === active.id || void 0, "data-testid": "settings-" + s2.id, onClick: () => navigate("/settings/" + s2.id), children: [
+        /* @__PURE__ */ jsx12("span", { className: "flux-row-icon", style: { background: COLORS[i % COLORS.length] }, children: /* @__PURE__ */ jsx12(Icon, { name: s2.icon ?? "settings", size: 15 }) }),
+        /* @__PURE__ */ jsx12("span", { children: t(`settings.${s2.id}`, s2.title) })
+      ] }, s2.id))
+    ] }),
+    /* @__PURE__ */ jsxs11("div", { className: "flux-settings-body", children: [
+      /* @__PURE__ */ jsx12("h2", { className: "flux-title", children: t(`settings.${active.id}`, active.title) }),
+      /* @__PURE__ */ jsx12(Body, {})
+    ] })
+  ] });
+}
+
+export {
+  RemoteError,
+  PluginsClient,
+  RendererFramework,
+  buildPluginApis,
+  installSharedModules,
+  navigate,
+  useLocation,
+  useNavigate,
+  Link,
+  usePluginRoute,
+  useParams,
+  Breadcrumbs,
+  PluginRoutes,
+  useMenu,
+  PluginProvider,
+  usePluginFramework,
+  PluginErrorBoundary,
+  PluginBoundary,
+  PluginSlot,
+  useExtensionItems,
+  usePlugin,
+  usePlugins,
+  usePluginState,
+  usePluginEvent,
+  usePluginCommand,
+  usePluginService,
+  usePluginIPC,
+  usePluginConfig,
+  StyleHost,
+  declareI18nPoints,
+  I18nProvider,
+  useI18n,
+  useT,
+  useKeybindings,
+  CommandPalette,
+  baseCss,
+  HttpBridgeError,
+  createHttpBridge,
+  createStaticBridge,
+  detectOS,
+  useOS,
+  formatShortcut,
+  Icon,
+  iconNames,
+  toImageSrc,
+  Img,
+  VideoPlayer,
+  Markdown,
+  declareHostPoints,
+  DEFAULT_APPEARANCE,
+  BUILTIN_FONTS,
+  sanitizeFontFamily,
+  ThemeProvider,
+  useTheme,
+  useAppearance,
+  ThemeSwitcher,
+  AppMenuBar,
+  SearchBox,
+  NotificationBell,
+  ToastHost,
+  TitleBar,
+  Switch,
+  Segmented,
+  Group,
+  Row,
+  Button,
+  SidebarProvider,
+  useSidebar,
+  renderIcon,
+  SidebarNav,
+  SettingsPage
+};