@genispace/geniapp 0.3.0 → 0.5.0

package/dist/workbench/styles.css

@@ -1,197 +0,0 @@
-:root {
-  color-scheme: light;
-  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
-  font-synthesis: none;
-  --background: 0 0% 98%;
-  --foreground: 0 0% 10%;
-  --card: 0 0% 100%;
-  --card-foreground: 0 0% 10%;
-  --muted: 0 0% 94%;
-  --muted-foreground: 0 0% 42%;
-  --accent: 0 0% 92%;
-  --accent-foreground: 0 0% 12%;
-  --border: 0 0% 88%;
-  --primary: 225 70% 52%;
-  --primary-foreground: 0 0% 100%;
-  --portable-accent: hsl(var(--primary));
-  --portable-accent-soft: hsl(225 70% 96%);
-  --portable-surface: hsl(var(--card));
-  --portable-line: hsl(var(--border));
-  --portable-muted: hsl(var(--muted-foreground));
-  --portable-radius: 14px;
-  color: hsl(var(--foreground));
-  background: hsl(var(--background));
-}
-
-:root.dark {
-  color-scheme: dark;
-  --background: 0 0% 4%;
-  --foreground: 0 0% 95%;
-  --card: 0 0% 8%;
-  --card-foreground: 0 0% 95%;
-  --muted: 0 0% 14%;
-  --muted-foreground: 0 0% 64%;
-  --accent: 0 0% 17%;
-  --accent-foreground: 0 0% 96%;
-  --border: 0 0% 20%;
-  --primary: 225 82% 66%;
-  --primary-foreground: 0 0% 100%;
-  --portable-accent-soft: hsl(225 30% 18%);
-}
-
-* { box-sizing: border-box; }
-html, body, #root { min-height: 100%; margin: 0; }
-body { min-width: 320px; overflow-x: hidden; background: hsl(var(--background)); color: hsl(var(--foreground)); }
-button, input, textarea { font: inherit; }
-button { cursor: pointer; }
-.portable-icon { width: 18px; height: 18px; flex: 0 0 auto; }
-
-.portable-shell { min-height: 100vh; background: hsl(var(--background)); }
-.portable-sidebar {
-  position: fixed; inset: 0 auto 0 0; z-index: 20; display: flex; width: 256px; flex-direction: column;
-  overflow: visible; border-right: 1px solid hsl(var(--border)); background: hsl(var(--muted));
-  transition: width 220ms ease, background 180ms ease, border-color 180ms ease;
-}
-.sidebar-collapsed .portable-sidebar { width: 80px; }
-.portable-sidebar-header { display: flex; height: 69px; flex: 0 0 69px; align-items: center; padding: 0 16px; border-bottom: 1px solid hsl(var(--border)); }
-.sidebar-collapsed .portable-sidebar-header { justify-content: center; padding: 0 8px; }
-.portable-brand { display: flex; min-width: 0; align-items: center; gap: 10px; }
-.portable-brand > span { display: grid; width: 36px; height: 36px; flex: 0 0 36px; place-items: center; border-radius: 12px; background: hsl(var(--primary)); color: hsl(var(--primary-foreground)); font-weight: 750; box-shadow: 0 1px 3px rgb(0 0 0 / 0.12); }
-.portable-brand > div { min-width: 0; }
-.portable-brand strong, .portable-brand small { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
-.portable-brand strong { color: hsl(var(--foreground)); font-size: 14px; font-weight: 650; }
-.portable-brand small { max-width: 175px; margin-top: 2px; color: hsl(var(--muted-foreground)); font-size: 10px; }
-.portable-sidebar nav, .portable-mobile-drawer nav { display: grid; min-height: 0; flex: 1; align-content: start; gap: 4px; overflow-y: auto; padding: 12px; }
-.portable-nav-item { display: flex; width: 100%; min-height: 44px; align-items: center; gap: 10px; padding: 8px 12px 8px calc(12px + var(--nav-depth, 0) * 14px); border: 0; border-radius: 12px; background: transparent; color: hsl(var(--foreground)); text-align: left; transition: color 150ms ease, background 150ms ease; }
-.portable-nav-item span { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 14px; font-weight: 520; }
-.portable-nav-item:hover { background: hsl(var(--accent)); color: hsl(var(--accent-foreground)); }
-.portable-nav-item.active { background: hsl(var(--primary)); color: hsl(var(--primary-foreground)); box-shadow: 0 1px 3px rgb(0 0 0 / 0.12); }
-.sidebar-collapsed .portable-nav-item { width: 44px; justify-content: center; margin-inline: auto; padding: 0; }
-.sidebar-collapsed .portable-nav-item span { display: none; }
-.portable-sidebar footer, .portable-mobile-drawer footer { margin-top: auto; padding: 12px; border-top: 1px solid hsl(var(--border)); }
-.portable-controls { display: grid; grid-template-columns: 1fr 1fr; gap: 6px; }
-.portable-controls button { display: flex; min-height: 40px; align-items: center; justify-content: center; gap: 7px; border: 1px solid hsl(var(--border)); border-radius: 10px; background: hsl(var(--background)); color: hsl(var(--muted-foreground)); }
-.portable-controls button:hover { background: hsl(var(--accent)); color: hsl(var(--accent-foreground)); }
-.portable-controls button span { font-size: 11px; font-weight: 650; }
-.sidebar-collapsed .portable-controls { grid-template-columns: 1fr; }
-.sidebar-collapsed .portable-controls button span, .portable-controls.compact button span { display: none; }
-.portable-controls.compact { display: flex; margin-left: auto; }
-.portable-controls.compact button { width: 38px; min-height: 38px; }
-.portable-collapse { position: absolute; z-index: 10; top: 69px; right: -12px; display: grid; width: 24px; height: 24px; place-items: center; transform: translateY(-50%); border: 1px solid hsl(var(--border)); border-radius: 999px; background: hsl(var(--muted)); color: hsl(var(--muted-foreground)); box-shadow: 0 1px 4px rgb(0 0 0 / 0.1); }
-.portable-collapse .portable-icon { width: 15px; height: 15px; }
-.portable-content { min-width: 0; min-height: 100vh; padding-left: 256px; transition: padding-left 220ms ease; }
-.sidebar-collapsed .portable-content { padding-left: 80px; }
-.portable-mobile-header, .portable-mobile-nav { display: none; }
-
-.portable-page { min-height: 100vh; padding: 30px clamp(18px, 3vw, 44px) 48px; background: hsl(var(--background)); color: hsl(var(--foreground)); transition: color 180ms ease, background 180ms ease; }
-.portable-page-header { margin-bottom: 22px; }
-.portable-page-header h1 { margin: 4px 0 5px; color: hsl(var(--foreground)); font-size: clamp(24px, 3vw, 34px); letter-spacing: -0.035em; }
-.portable-page-header p { max-width: 760px; margin: 0; color: var(--portable-muted); line-height: 1.6; }
-.portable-eyebrow { color: var(--portable-accent); font-size: 11px; font-weight: 800; letter-spacing: 0.12em; text-transform: uppercase; }
-.portable-page-grid { display: grid; gap: 18px; }
-.portable-page-grid.grid-24 { grid-template-columns: repeat(24, minmax(0, 1fr)); grid-auto-rows: minmax(48px, auto); align-items: stretch; }
-.portable-placement { min-width: 0; }
-.portable-component { height: 100%; overflow: hidden; padding: 20px; border: 1px solid var(--portable-line); border-radius: var(--portable-radius); background: var(--portable-surface); color: hsl(var(--card-foreground)); box-shadow: 0 5px 18px rgb(0 0 0 / 0.045); transition: color 180ms ease, background 180ms ease, border-color 180ms ease; }
-.dark .portable-component { box-shadow: 0 8px 24px rgb(0 0 0 / 0.22); }
-.portable-type-Typography, .portable-type-Text, .portable-type-Title, .portable-type-Paragraph { padding: 0; border: 0; background: transparent; box-shadow: none; }
-.portable-typography { margin: 0; line-height: 1.55; }
-.portable-typography-title, .portable-typography-h1, .portable-typography-h2 { letter-spacing: -0.03em; }
-.portable-section-heading { display: flex; align-items: center; justify-content: space-between; margin-bottom: 18px; }
-.portable-section-heading h2 { margin: 0; color: hsl(var(--card-foreground)); font-size: 17px; }
-.portable-section-heading p { margin: 5px 0 0; color: var(--portable-muted); font-size: 13px; }
-.portable-stat-grid { display: grid; grid-template-columns: repeat(var(--stat-columns), minmax(0, 1fr)); gap: 14px; }
-.portable-stat { min-width: 0; padding: 17px; border: 1px solid var(--portable-line); border-radius: 12px; background: hsl(var(--background)); }
-.portable-stat-title { color: var(--portable-muted); font-size: 12px; font-weight: 600; }
-.portable-stat-value { margin-top: 9px; color: hsl(var(--foreground)); font-size: 27px; font-weight: 760; letter-spacing: -0.04em; }
-.portable-stat-trend { margin-top: 7px; color: #07855b; font-size: 12px; font-weight: 700; }
-.portable-stat-trend.down { color: #d64545; }
-.portable-stat-trend span { color: var(--portable-muted); font-weight: 400; }
-.portable-table-wrap { max-width: 100%; overflow: auto; }
-.portable-table-wrap table { width: 100%; border-collapse: collapse; font-size: 13px; }
-.portable-table-wrap th { padding: 11px 13px; color: var(--portable-muted); background: hsl(var(--muted)); text-align: left; font-size: 11px; letter-spacing: 0.04em; text-transform: uppercase; }
-.portable-table-wrap td { padding: 13px; border-top: 1px solid var(--portable-line); color: hsl(var(--card-foreground)); white-space: nowrap; }
-.portable-table-wrap tr:hover td { background: hsl(var(--accent)); }
-.portable-grid-search { margin-bottom: 14px; }
-.portable-grid-search input { width: min(100%, 360px); padding: 10px 12px; border: 1px solid var(--portable-line); border-radius: 9px; color: hsl(var(--foreground)); background: hsl(var(--background)); }
-.portable-card-grid { display: grid; gap: 10px; }
-.portable-card-grid article { padding: 15px; border: 1px solid var(--portable-line); border-radius: 11px; background: hsl(var(--background)); }
-.portable-card-grid header { display: flex; align-items: flex-start; justify-content: space-between; gap: 12px; }
-.portable-card-grid header strong { color: hsl(var(--foreground)); font-size: 14px; }
-.portable-card-grid header p { margin: 4px 0 0; color: var(--portable-muted); font-size: 12px; }
-.portable-card-grid header > span { color: var(--portable-muted); font-size: 22px; line-height: 1; }
-.portable-card-grid dl { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 11px 18px; margin: 14px 0 0; padding-top: 13px; border-top: 1px solid var(--portable-line); }
-.portable-card-grid dl > div { min-width: 0; }
-.portable-card-grid dt { color: var(--portable-muted); font-size: 10px; font-weight: 700; letter-spacing: 0.04em; text-transform: uppercase; }
-.portable-card-grid dd { display: flex; align-items: center; gap: 7px; margin: 5px 0 0; color: hsl(var(--card-foreground)); font-size: 12px; }
-.portable-progress { width: 72px; height: 6px; overflow: hidden; border-radius: 999px; background: hsl(var(--muted)); }
-.portable-progress > span { display: block; height: 100%; border-radius: inherit; background: var(--portable-accent); }
-.portable-tag { display: inline-flex; padding: 3px 7px; border-radius: 999px; color: hsl(var(--primary)); background: var(--portable-accent-soft); font-size: 11px; font-weight: 700; }
-.portable-chart { width: 100%; overflow: hidden; }
-.portable-chart svg { display: block; width: 100%; max-height: 330px; }
-.portable-chart text { fill: var(--portable-muted); font-size: 11px; }
-.portable-form { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 15px; }
-.portable-form label { display: grid; gap: 7px; color: var(--portable-muted); font-size: 12px; font-weight: 650; }
-.portable-form input, .portable-form textarea { width: 100%; padding: 10px 12px; border: 1px solid var(--portable-line); border-radius: 9px; color: hsl(var(--foreground)); background: hsl(var(--background)); outline: 0; }
-.portable-form input:focus, .portable-form textarea:focus { border-color: var(--portable-accent); box-shadow: 0 0 0 3px var(--portable-accent-soft); }
-.portable-form textarea { min-height: 92px; resize: vertical; }
-.portable-form button { align-self: end; min-height: 40px; padding: 0 18px; border: 0; border-radius: 9px; color: hsl(var(--primary-foreground)); background: var(--portable-accent); font-weight: 700; }
-.portable-task-input { display: grid; gap: 14px; }
-.portable-task-fields { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
-.portable-task-fields label { display: grid; gap: 6px; color: var(--portable-muted); font-size: 12px; font-weight: 650; }
-.portable-task-fields input { min-width: 0; padding: 10px 12px; border: 1px solid var(--portable-line); border-radius: 9px; color: hsl(var(--foreground)); background: hsl(var(--background)); }
-.portable-file-drop { display: grid; min-height: 150px; place-items: center; align-content: center; gap: 6px; padding: 22px; border: 1px dashed hsl(var(--primary) / 0.5); border-radius: 12px; background: var(--portable-accent-soft); text-align: center; }
-.portable-file-drop input { position: absolute; width: 1px; height: 1px; opacity: 0; }
-.portable-file-drop strong { font-size: 13px; }
-.portable-file-drop small { color: var(--portable-muted); font-size: 11px; font-weight: 400; }
-.portable-file-icon { display: grid; width: 34px; height: 34px; place-items: center; border-radius: 999px; color: hsl(var(--primary-foreground)); background: var(--portable-accent); font-size: 19px; }
-.portable-file-list { display: grid; gap: 7px; }
-.portable-file-list > div { display: flex; justify-content: space-between; gap: 12px; padding: 9px 11px; border: 1px solid var(--portable-line); border-radius: 8px; background: hsl(var(--background)); font-size: 12px; }
-.portable-file-list small { color: var(--portable-muted); }
-.portable-task-submit { justify-self: end; min-height: 40px; padding: 0 18px; border: 0; border-radius: 9px; color: hsl(var(--primary-foreground)); background: var(--portable-accent); font-weight: 700; }
-.portable-list { display: grid; gap: 0; }
-.portable-list article { padding: 13px 2px; border-top: 1px solid var(--portable-line); }
-.portable-list article:first-child { border-top: 0; }
-.portable-list strong { font-size: 13px; }
-.portable-list p { margin: 5px 0 0; color: var(--portable-muted); font-size: 12px; line-height: 1.5; }
-.portable-tab-list { display: flex; gap: 5px; margin: -7px -7px 18px; padding: 6px; overflow-x: auto; border-radius: 10px; background: hsl(var(--muted)); }
-.portable-tab-list button { padding: 8px 13px; border: 0; border-radius: 7px; color: var(--portable-muted); background: transparent; font-size: 12px; font-weight: 650; white-space: nowrap; }
-.portable-tab-list button.active { color: hsl(var(--primary)); background: hsl(var(--card)); box-shadow: 0 2px 7px rgb(0 0 0 / 0.08); }
-.portable-tab-panel, .portable-container { display: grid; gap: 14px; }
-.portable-empty, .portable-unsupported { padding: 24px; color: var(--portable-muted); text-align: center; }
-.portable-unsupported { border: 1px dashed #f0a8a8; border-radius: 9px; color: #b83a3a; background: #fff5f5; }
-
-.portable-mobile-backdrop, .portable-mobile-drawer { display: none; }
-
-@media (max-width: 1023px) {
-  .portable-shell { display: flex; min-height: 100dvh; flex-direction: column; }
-  .portable-sidebar { display: none; }
-  .portable-content, .sidebar-collapsed .portable-content { min-height: 0; flex: 1; padding-left: 0; }
-  .portable-mobile-header { position: sticky; top: 0; z-index: 30; display: flex; min-height: 60px; flex: 0 0 60px; align-items: center; gap: 10px; padding: 8px 12px; border-bottom: 1px solid hsl(var(--border)); background: hsl(var(--background) / 0.96); backdrop-filter: blur(12px); }
-  .portable-mobile-header > button, .portable-mobile-drawer-close button { display: grid; width: 40px; height: 40px; flex: 0 0 40px; place-items: center; border: 1px solid hsl(var(--border)); border-radius: 12px; background: hsl(var(--card)); color: hsl(var(--foreground)); }
-  .portable-mobile-header .portable-brand { flex: 1; }
-  .portable-mobile-header .portable-brand > span { width: 34px; height: 34px; flex-basis: 34px; }
-  .portable-mobile-header .portable-brand small { display: none; }
-  .portable-mobile-header .portable-controls { flex: 0 0 auto; }
-  .portable-mobile-nav { position: sticky; z-index: 30; bottom: 0; display: flex; min-height: 70px; flex: 0 0 auto; align-items: stretch; padding: 7px 5px max(env(safe-area-inset-bottom, 0px), 10px); border-top: 1px solid hsl(var(--border)); background: hsl(var(--background) / 0.98); backdrop-filter: blur(12px); }
-  .portable-mobile-nav button { display: flex; min-width: 0; flex: 1; flex-direction: column; align-items: center; justify-content: center; gap: 3px; padding: 5px 2px; border: 0; background: transparent; color: hsl(var(--muted-foreground)); }
-  .portable-mobile-nav button.active { color: hsl(var(--primary)); }
-  .portable-mobile-nav button .portable-icon { width: 25px; height: 25px; }
-  .portable-mobile-nav button span { width: 100%; overflow: hidden; text-align: center; text-overflow: ellipsis; white-space: nowrap; font-size: 11px; font-weight: 600; }
-  .portable-mobile-backdrop { position: fixed; inset: 0; z-index: 300; display: block; background: rgb(10 10 10 / 0.5); backdrop-filter: blur(3px); }
-  .portable-mobile-drawer { position: fixed; inset: 0 auto 0 0; z-index: 400; display: flex; width: min(304px, 88vw); flex-direction: column; overflow: hidden; border-right: 1px solid hsl(var(--border)); border-radius: 0 18px 18px 0; background: hsl(var(--background) / 0.98); box-shadow: 0 16px 50px rgb(0 0 0 / 0.25); backdrop-filter: blur(14px); }
-  .portable-mobile-drawer-close { display: flex; justify-content: flex-end; padding: 10px 12px; border-bottom: 1px solid hsl(var(--border)); }
-  .portable-mobile-drawer .portable-sidebar-header { background: hsl(var(--muted)); }
-  .portable-page-grid.grid-24 { grid-template-columns: 1fr; }
-  .portable-page-grid.grid-24 > .portable-placement { grid-column: 1 !important; grid-row: auto !important; }
-  .portable-stat-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
-}
-
-@media (max-width: 560px) {
-  .portable-mobile-header { gap: 8px; padding-inline: 10px; }
-  .portable-mobile-header .portable-brand strong { max-width: 150px; }
-  .portable-page { min-height: 0; padding: 20px 14px 30px; }
-  .portable-page-header { margin-bottom: 16px; }
-  .portable-page-header h1 { font-size: 25px; }
-  .portable-stat-grid, .portable-form, .portable-task-fields, .portable-card-grid dl { grid-template-columns: 1fr; }
-  .portable-component { padding: 15px; border-radius: 12px; }
-}

package/dist/workbench/types.d.ts

@@ -1,48 +0,0 @@
-export declare const PORTABLE_WORKBENCH_COMPONENT_TYPES: readonly ["Typography", "Text", "Title", "Paragraph", "Statistic", "StatisticGroup", "Table", "EditableTable", "AnalyticsTable", "DataGridCard", "Chart", "EChartsChart", "RadarChart", "Form", "TaskInput", "TaskInputRenderer", "List", "Tabs", "Container", "Card", "CustomContent", "FilterPanel"];
-export type PortableWorkbenchComponentType = typeof PORTABLE_WORKBENCH_COMPONENT_TYPES[number];
-export type WorkbenchNavigationItem = {
-    key?: string;
-    title?: string | Record<string, string>;
-    icon?: string;
-    linkedPage?: string;
-    children?: WorkbenchNavigationItem[];
-    visibility?: {
-        devices?: Array<'desktop' | 'mobile'>;
-    };
-    [key: string]: unknown;
-};
-export type WorkbenchComponentConfig = {
-    id: string;
-    type: PortableWorkbenchComponentType | string;
-    props?: Record<string, unknown>;
-    components?: WorkbenchComponentConfig[];
-    children?: WorkbenchComponentConfig[];
-    customStyles?: Record<string, unknown>;
-    mockData?: unknown[];
-    [key: string]: unknown;
-};
-export type WorkbenchPageConfig = {
-    title?: string | Record<string, string>;
-    description?: string | Record<string, string>;
-    layout?: Record<string, unknown>;
-    components?: WorkbenchComponentConfig[];
-    customStyles?: Record<string, unknown>;
-    [key: string]: unknown;
-};
-export type WorkbenchAppConfig = {
-    appId?: string;
-    name?: string | Record<string, string>;
-    description?: string | Record<string, string>;
-    defaultPage?: string;
-    navigation?: {
-        items?: WorkbenchNavigationItem[];
-    };
-    [key: string]: unknown;
-};
-export type WorkbenchConfig = {
-    schemaVersion?: number;
-    appConfig?: WorkbenchAppConfig;
-    pages?: Record<string, WorkbenchPageConfig>;
-    metadata?: Record<string, unknown>;
-    [key: string]: unknown;
-};

package/dist/workbench.d.ts

@@ -1,8 +0,0 @@
-/**
- * Stable compatibility runtime for GeniApps exported from Workbench.
- *
- * Applications should import only this public entry. The implementation is
- * deliberately independent from the private Workbench editor and API source.
- */
-export { mountWorkbench } from './workbench/runtime';
-export { PORTABLE_WORKBENCH_COMPONENT_TYPES, type PortableWorkbenchComponentType, type WorkbenchAppConfig, type WorkbenchComponentConfig, type WorkbenchConfig, type WorkbenchNavigationItem, type WorkbenchPageConfig, } from './workbench/types';

package/dist/workbench.js

@@ -1,356 +0,0 @@
-function ce() {
-  const s = {
-    sourceConfig: null,
-    config: null,
-    root: null,
-    activePage: null,
-    activeTabs: /* @__PURE__ */ new Map(),
-    locale: "en",
-    theme: "light",
-    collapsed: !1,
-    mobileDrawerOpen: !1,
-    allowedShellOrigins: /* @__PURE__ */ new Set()
-  }, n = (e) => String(e ?? "").replaceAll("&", "&amp;").replaceAll("<", "&lt;").replaceAll(">", "&gt;").replaceAll('"', "&quot;").replaceAll("'", "&#039;"), C = (e) => String(e || "").toLowerCase().startsWith("zh") ? "zh" : "en", x = (e) => e === "dark" ? "dark" : "light", y = (e) => e && typeof e == "object" && !Array.isArray(e), q = (e) => JSON.parse(JSON.stringify(e)), L = (e, t) => ["key", "dataIndex", "id", "value", "name"].map((r) => e?.[r]).find((r) => r != null && String(r).trim() !== "") ?? `__index_${t}`, A = (e, t) => {
-    if (Array.isArray(e) && Array.isArray(t)) {
-      const r = new Map(t.map((a, o) => [String(L(a, o)), a]));
-      return e.map((a, o) => {
-        const l = r.get(String(L(a, o)));
-        return y(a) && y(l) ? A(a, l) : a;
-      });
-    }
-    if (y(e) && y(t)) {
-      const r = { ...e };
-      return Object.entries(t).forEach(([a, o]) => {
-        o !== void 0 && (r[a] = A(r[a], o));
-      }), r;
-    }
-    return t === void 0 ? e : t;
-  }, k = (e, t) => {
-    const r = e?.id ? t?.[e.id] : null, a = r ? A(e, r) : { ...e };
-    return ["components", "children"].forEach((o) => {
-      Array.isArray(a[o]) && (a[o] = a[o].map((l) => k(l, t)));
-    }), Array.isArray(a.props?.components) && (a.props = { ...a.props, components: a.props.components.map((o) => k(o, t)) }), Array.isArray(a.props?.items) && (a.props = {
-      ...a.props,
-      items: a.props.items.map((o) => ({
-        ...o,
-        ...o.component ? { component: k(o.component, t) } : {},
-        ...Array.isArray(o.components) ? { components: o.components.map((l) => k(l, t)) } : {}
-      }))
-    }), a;
-  }, E = (e, t) => {
-    const r = q(e || {}), a = r.metadata?.locales?.[t];
-    return a && (a.appConfig && (r.appConfig = A(r.appConfig || {}, a.appConfig)), Object.entries(a.pages || {}).forEach(([o, l]) => {
-      const i = r.pages?.[o];
-      if (!i) return;
-      const p = { ...i };
-      l.title !== void 0 && (p.title = l.title), l.description !== void 0 && (p.description = l.description), Array.isArray(p.components) && (p.components = p.components.map((d) => k(d, l.components || {}))), r.pages[o] = p;
-    })), r;
-  }, B = () => s.sourceConfig?.metadata?.locales?.[s.locale]?.labels || {}, O = (e) => {
-    const t = String(e ?? ""), r = B();
-    return r[t] ? r[t] : Object.keys(r).sort((a, o) => o.length - a.length).reduce((a, o) => o && a.includes(o) ? a.split(o).join(r[o]) : a, t);
-  }, c = (e) => {
-    if (e == null) return "";
-    if (y(e)) {
-      const t = e[s.locale] ?? e.zh ?? e.en;
-      return t === void 0 || y(t) ? "" : O(t);
-    }
-    return O(e);
-  }, G = (e) => e.replace(/[A-Z]/g, (t) => `-${t.toLowerCase()}`), M = (e) => Object.entries(e || {}).filter(([, t]) => t != null && t !== "").map(([t, r]) => `${G(t)}:${String(r)}`).join(";"), H = (e) => {
-    const t = String(e || "");
-    return /@import|javascript:|expression\s*\(|url\s*\(\s*['"]?data:text\/html/i.test(t) ? "" : t;
-  }, N = (e, t) => {
-    const r = e?.customStyles || e?.props?.customStyles;
-    if (!r) return "";
-    const a = [];
-    Object.entries(r.childStyles || {}).forEach(([l, i]) => a.push(`${t} ${l}{${M(i)}}`)), Object.entries(r.stateStyles || {}).forEach(([l, i]) => {
-      const p = l.startsWith(":") ? l : `:${l}`;
-      a.push(`${t}${p}{${M(i)}}`);
-    });
-    const o = H(r.customCss);
-    return o && a.push(o.replaceAll("&", t)), a.length ? `<style>${a.join(`
-`)}</style>` : "";
-  }, $ = (e, t = "portable-icon") => {
-    const a = {
-      LayoutDashboard: '<rect x="3" y="3" width="7" height="7" rx="1"/><rect x="14" y="3" width="7" height="7" rx="1"/><rect x="3" y="14" width="7" height="7" rx="1"/><rect x="14" y="14" width="7" height="7" rx="1"/>',
-      Activity: '<path d="M3 12h4l3-8 4 16 3-8h4"/>',
-      ClipboardList: '<rect x="5" y="4" width="14" height="17" rx="2"/><path d="M9 4V2h6v2M9 10h6M9 14h6M9 18h4"/>',
-      Menu: '<path d="M4 7h16M4 12h16M4 17h16"/>',
-      X: '<path d="m6 6 12 12M18 6 6 18"/>',
-      ChevronLeft: '<path d="m15 18-6-6 6-6"/>',
-      ChevronRight: '<path d="m9 18 6-6-6-6"/>',
-      Languages: '<path d="M4 5h7M7.5 3v2c0 4-2 7-5 9M5 9c1 2 3 4 6 5M13 20l4-9 4 9M14.5 17h5"/>',
-      Sun: '<circle cx="12" cy="12" r="4"/><path d="M12 2v2M12 20v2M4.9 4.9l1.4 1.4M17.7 17.7l1.4 1.4M2 12h2M20 12h2M4.9 19.1l1.4-1.4M17.7 6.3l1.4-1.4"/>',
-      Moon: '<path d="M20 15.5A8.5 8.5 0 0 1 8.5 4 8.5 8.5 0 1 0 20 15.5Z"/>'
-    }[e] || '<circle cx="12" cy="12" r="8"/><path d="M9 12h6"/>';
-    return `<svg class="${t}" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true">${a}</svg>`;
-  }, I = (e, t) => {
-    if (e == null) return "—";
-    if (t?.render === "currency") {
-      const r = Number(e);
-      return Number.isFinite(r) ? new Intl.NumberFormat(s.locale === "zh" ? "zh-CN" : "en-US", { style: "currency", currency: "USD" }).format(r) : e;
-    }
-    return typeof e == "boolean" ? e ? "Yes" : "No" : Array.isArray(e) ? e.map(c).join(", ") : typeof e == "object" ? JSON.stringify(e) : c(e);
-  }, f = (e, t) => e ? `<div class="portable-section-heading"><div><h2>${n(c(e))}</h2>${t ? `<p>${n(c(t))}</p>` : ""}</div></div>` : "", W = (e) => {
-    const t = e.props || {}, r = t.content ?? t.text ?? t.children ?? t.title ?? "", a = String(t.variant || "paragraph").toLowerCase(), o = a === "title" || a.startsWith("h") ? a.match(/^h[1-6]$/)?.[0] || "h2" : "p";
-    return `<${o} class="portable-typography portable-typography-${n(a)}">${n(c(r))}</${o}>`;
-  }, U = (e) => {
-    const t = e.props || {}, r = t.items || e.mockData || [];
-    return `<div class="portable-stat-grid" style="--stat-columns:${Math.max(1, Math.min(6, Number(t.grid?.cols || t.columns || r.length || 1)))}">${r.map((o) => {
-      const l = o.trend, i = l?.type === "down" ? "down" : "up", p = l ? `${i === "down" ? "↓" : "↑"} ${l.value ?? ""}${l.suffix ?? ""}` : "";
-      return `<article class="portable-stat"><div class="portable-stat-title">${n(c(o.title || o.label))}</div><div class="portable-stat-value">${n(o.prefix || "")}${n(o.value)}${n(o.suffix || "")}</div>${l ? `<div class="portable-stat-trend ${i}">${n(p)} <span>${n(c(l.description || ""))}</span></div>` : ""}</article>`;
-    }).join("")}</div>`;
-  }, V = (e) => {
-    const t = e.props || {}, r = e.mockData || t.data || t.rows || [], a = t.columns?.length ? t.columns : Object.keys(r[0] || {}).map((o) => ({ key: o, dataIndex: o, title: o }));
-    return `${f(t.title, t.description)}<div class="portable-table-wrap"><table><thead><tr>${a.map((o) => `<th>${n(c(o.title || o.label || o.key))}</th>`).join("")}</tr></thead><tbody>${r.map((o) => `<tr>${a.map((l) => `<td>${n(I(o[l.dataIndex || l.key], l))}</td>`).join("")}</tr>`).join("")}</tbody></table>${r.length === 0 ? '<div class="portable-empty">No data</div>' : ""}</div>`;
-  }, K = (e) => {
-    const t = e.props || {}, r = e.mockData || t.mockData || t.data || t.rows || [], a = t.columns || [], o = a.find((d) => d.primary) || a[0], l = a.find((d) => d.secondary) || a[1], i = a.filter((d) => d !== o && d !== l), p = (d, h) => {
-      const w = d?.[h?.dataIndex || h?.key], b = h?.render?.text?.[w] ?? w;
-      if (h?.render?.type === "Progress") {
-        const g = Math.max(0, Math.min(100, Number(w) || 0));
-        return `<span class="portable-progress"><span style="width:${g}%"></span></span><small>${n(`${g}%`)}</small>`;
-      }
-      return h?.render?.type === "Tag" ? `<span class="portable-tag">${n(c(b))}</span>` : n(I(b, h));
-    };
-    return `${f(t.title, t.description)}${t.showSearch ? `<div class="portable-grid-search"><input type="search" placeholder="${n(c(t.searchPlaceholder || "Search..."))}" /></div>` : ""}<div class="portable-card-grid">${r.map((d) => `<article><header><div><strong>${o ? p(d, o) : ""}</strong>${l ? `<p>${p(d, l)}</p>` : ""}</div><span aria-hidden="true">›</span></header>${i.length ? `<dl>${i.map((h) => `<div><dt>${n(c(h.title || h.label || h.key))}</dt><dd>${p(d, h)}</dd></div>`).join("")}</dl>` : ""}</article>`).join("")}${r.length === 0 ? '<div class="portable-empty">No data</div>' : ""}</div>`;
-  }, J = (e) => Object.entries(e || {}).filter(([, t]) => typeof t == "number"), Z = (e) => {
-    const t = e.props || {}, r = e.mockData || t.data || [], a = r.map((b) => J(b)[0]?.[1] || 0), o = r.map((b, g) => c(Object.values(b).find((m) => typeof m == "string") || g + 1)), l = Math.max(...a, 1), i = 720, p = Math.max(180, Number(t.height || 260)), d = String(t.chartType || t.type || "bar").toLowerCase();
-    let h = "";
-    if (d.includes("line")) {
-      const b = a.map((g, m) => {
-        const v = a.length === 1 ? i / 2 : 24 + m * ((i - 48) / Math.max(1, a.length - 1)), ie = p - 36 - g / l * (p - 72);
-        return `${v},${ie}`;
-      }).join(" ");
-      h = `<polyline points="${b}" fill="none" stroke="var(--portable-accent)" stroke-width="4" stroke-linecap="round" stroke-linejoin="round"/>${b.split(" ").map((g) => {
-        const [m, v] = g.split(",");
-        return `<circle cx="${m}" cy="${v}" r="5" fill="var(--portable-surface)" stroke="var(--portable-accent)" stroke-width="3"/>`;
-      }).join("")}`;
-    } else {
-      const b = (i - 48) / Math.max(1, a.length);
-      h = a.map((g, m) => {
-        const v = g / l * (p - 72);
-        return `<rect x="${24 + m * b + b * 0.16}" y="${p - 36 - v}" width="${b * 0.68}" height="${v}" rx="5" fill="var(--portable-accent)" opacity="${0.7 + m % 3 * 0.12}"/>`;
-      }).join("");
-    }
-    const w = o.map((b, g) => `<text x="${a.length === 1 ? i / 2 : 24 + g * ((i - 48) / Math.max(1, a.length - 1))}" y="${p - 10}" text-anchor="middle">${n(b)}</text>`).join("");
-    return `${f(t.title, t.description)}<div class="portable-chart"><svg viewBox="0 0 ${i} ${p}" role="img" aria-label="${n(c(t.title || "Chart"))}">${h}${w}</svg></div>`;
-  }, D = (e) => {
-    const t = e.props || {}, r = t.fields || t.items || [];
-    return `${f(t.title, t.description)}<form class="portable-form" onsubmit="return false">${r.map((a) => {
-      const l = (a.type === "textarea" ? "textarea" : "input") === "textarea" ? `<textarea placeholder="${n(c(a.placeholder || ""))}">${n(c(a.defaultValue || ""))}</textarea>` : `<input type="${n(a.type === "number" ? "number" : "text")}" value="${n(c(a.defaultValue || ""))}" placeholder="${n(c(a.placeholder || ""))}"/>`;
-      return `<label><span>${n(c(a.label || a.title || a.name))}</span>${l}</label>`;
-    }).join("")}<button type="button">${n(c(t.submitButtonText || t.submitText || "Submit"))}</button></form>`;
-  }, Y = (e) => {
-    const t = e.props || {}, r = t.title || e.mockTitle, a = t.description || e.mockDescription, o = t.mockFileData?.files || e.mockFileData?.files || [], l = t.fields || e.parameterConfig?.fields || [];
-    return `${f(t.showTitle === !1 ? "" : r, t.showDescription === !1 ? "" : a)}<div class="portable-task-input">${l.length ? `<div class="portable-task-fields">${l.map((i) => `<label><span>${n(c(i.label || i.title || i.name))}</span><input type="text" placeholder="${n(c(i.placeholder || ""))}" /></label>`).join("")}</div>` : ""}<label class="portable-file-drop"><input type="file" multiple /><span class="portable-file-icon">↑</span><strong>${n(c(t.uploadText || "Choose files or drop them here"))}</strong><small>${n(c(t.uploadHint || "Files remain local in this portable preview"))}</small></label>${o.length ? `<div class="portable-file-list">${o.map((i) => `<div><span>${n(i.name || "File")}</span><small>${n(i.type || "")}</small></div>`).join("")}</div>` : ""}<button type="button" class="portable-task-submit">${n(c(t.submitButtonText || "Run task"))}</button></div>`;
-  }, X = (e) => {
-    const t = e.props || {}, r = e.mockData || t.items || [];
-    return `${f(t.title, t.description)}<div class="portable-list">${r.map((a) => {
-      const o = typeof a == "object" ? a.title || a.name || a.label || Object.values(a)[0] : a, l = typeof a == "object" ? a.description || a.subtitle || Object.values(a)[1] : "";
-      return `<article><strong>${n(c(o))}</strong>${l ? `<p>${n(c(l))}</p>` : ""}</article>`;
-    }).join("")}</div>`;
-  }, Q = (e) => {
-    const t = e.props || {}, r = t.items || t.tabs || [], a = s.activeTabs.get(e.id) || r[0]?.key || r[0]?.id, o = r.find((i) => (i.key || i.id) === a) || r[0], l = o?.components || (o?.component ? [o.component] : []);
-    return `<div class="portable-tabs" data-tabs="${n(e.id)}"><div class="portable-tab-list">${r.map((i) => `<button type="button" data-tab-key="${n(i.key || i.id)}" class="${(i.key || i.id) === a ? "active" : ""}">${n(c(i.title || i.label))}</button>`).join("")}</div><div class="portable-tab-panel">${l.map(T).join("") || n(c(o?.content || ""))}</div></div>`;
-  }, ee = (e) => {
-    const t = e.props || {}, r = e.components || e.children || t.components || t.children;
-    return Array.isArray(r) ? `<div class="portable-container">${r.map(T).join("")}</div>` : `${f(t.title, t.subtitle)}${t.content ? `<p>${n(c(t.content))}</p>` : ""}`;
-  }, te = (e) => {
-    const t = document.createElement("template");
-    return t.innerHTML = String(e || ""), t.content.querySelectorAll("script,iframe,object,embed,link,meta").forEach((r) => r.remove()), t.content.querySelectorAll("*").forEach((r) => {
-      [...r.attributes].forEach((a) => {
-        (/^on/i.test(a.name) || /javascript:/i.test(a.value)) && r.removeAttribute(a.name);
-      });
-    }), t.innerHTML;
-  };
-  function T(e) {
-    const t = e?.props || {}, r = `portable-component-${String(e?.id || "anonymous").replace(/[^a-zA-Z0-9_-]/g, "-")}`, a = e?.customStyles?.rootStyles || t.customStyles?.rootStyles || {};
-    let o;
-    switch (e?.type) {
-      case "Typography":
-      case "Text":
-      case "Title":
-      case "Paragraph":
-        o = W(e);
-        break;
-      case "Statistic":
-      case "StatisticGroup":
-        o = U(e);
-        break;
-      case "Table":
-      case "EditableTable":
-      case "AnalyticsTable":
-        o = V(e);
-        break;
-      case "DataGridCard":
-        o = K(e);
-        break;
-      case "Chart":
-      case "EChartsChart":
-      case "RadarChart":
-        o = Z(e);
-        break;
-      case "Form":
-        o = D(e);
-        break;
-      case "TaskInput":
-      case "TaskInputRenderer":
-        o = Y(e);
-        break;
-      case "List":
-        o = X(e);
-        break;
-      case "Tabs":
-        o = Q(e);
-        break;
-      case "Container":
-      case "Card":
-        o = ee(e);
-        break;
-      case "CustomContent":
-        o = te(t.html || t.content || "");
-        break;
-      case "FilterPanel":
-        o = D({ ...e, props: { ...t, submitText: t.submitText || "Apply filters" } });
-        break;
-      default:
-        o = `<div class="portable-unsupported">Unsupported component: ${n(e?.type)}</div>`;
-    }
-    return `${N(e, `.${r}`)}<section class="portable-component ${r} portable-type-${n(e?.type || "unknown")}" style="${n(M(a))}" data-component-id="${n(e?.id)}">${o}</section>`;
-  }
-  const z = (e, t) => !e?.visibility?.devices?.length || e.visibility.devices.includes(t), R = (e, t) => {
-    if (!z(e, t)) return null;
-    if (e.linkedPage) return e.linkedPage;
-    for (const r of e.children || []) {
-      const a = R(r, t);
-      if (a) return a;
-    }
-    return null;
-  }, _ = (e, t, r = 0) => (e || []).flatMap((a) => z(a, t) ? (a.linkedPage ? [{ ...a, depth: r }] : []).concat(_(a.children, t, r + 1)) : []), ae = (e) => (e || []).flatMap((t) => {
-    const r = R(t, "mobile");
-    return r ? [{ ...t, linkedPage: r }] : [];
-  }), F = (e, t) => _(e, t).map((r) => `
-    <button type="button" data-page="${n(r.linkedPage)}" class="portable-nav-item ${r.linkedPage === s.activePage ? "active" : ""}" style="--nav-depth:${r.depth}">
-      ${$(r.icon)}<span>${n(c(r.title || r.key))}</span>
-    </button>`).join(""), j = (e = !1) => `<div class="portable-controls ${e ? "compact" : ""}">
-    <button type="button" data-locale-toggle aria-label="Change language">${$("Languages")}<span>${s.locale === "zh" ? "EN" : "ZH"}</span></button>
-    <button type="button" data-theme-toggle aria-label="Change color theme">${$(s.theme === "dark" ? "Sun" : "Moon")}<span>${s.theme === "dark" ? "Light" : "Dark"}</span></button>
-  </div>`, P = (e = !1) => {
-    const t = s.config.appConfig || {};
-    return `<div class="portable-brand ${e ? "collapsed" : ""}"><span>${n(c(t.name || "G").slice(0, 1))}</span>${e ? "" : `<div><strong>${n(c(t.name || "GeniApp"))}</strong><small>${n(c(t.description || "Exported from Workbench"))}</small></div>`}</div>`;
-  }, re = () => {
-    const e = s.config.pages?.[s.activePage] || Object.values(s.config.pages || {})[0], t = s.activePage || Object.keys(s.config.pages || {})[0];
-    if (!e) return '<main class="portable-page"><div class="portable-empty">No pages were exported.</div></main>';
-    const r = `.portable-page-${String(t).replace(/[^a-zA-Z0-9_-]/g, "-")}`, a = e.customStyles?.rootStyles || {}, l = (e.layout?.type === "grid-24" ? e.layout.components || [] : []).reduce((p, d) => (d?.id && (p[d.id] = d), p), e.layout?.placements || {}), i = (e.components || []).map((p) => {
-      const d = l[p.id];
-      return `<div class="portable-placement" style="${d ? `grid-column:${Number(d.colStart || 0) + 1} / span ${Number(d.colSpan || 24)};grid-row:${Number(d.rowStart || 0) + 1} / span ${Number(d.rowSpan || 1)};` : ""}">${T(p)}</div>`;
-    }).join("");
-    return `${N(e, r)}<main class="portable-page ${r}" style="${n(M(a))}"><header class="portable-page-header"><div><span class="portable-eyebrow">${n(c(s.config.appConfig?.name || ""))}</span><h1>${n(c(e.title || t))}</h1>${e.description ? `<p>${n(c(e.description))}</p>` : ""}</div></header><div class="portable-page-grid ${e.layout?.type === "grid-24" ? "grid-24" : ""}">${i}</div></main>`;
-  }, S = () => {
-    document.documentElement.lang = s.locale === "zh" ? "zh-CN" : "en", document.documentElement.classList.toggle("dark", s.theme === "dark"), document.documentElement.dataset.colorMode = s.theme, document.documentElement.style.colorScheme = s.theme;
-  }, oe = (e) => {
-    s.locale = C(e), s.config = E(s.sourceConfig, s.locale);
-    try {
-      localStorage.setItem("language", s.locale);
-    } catch {
-    }
-    S(), u();
-  }, se = (e) => {
-    s.theme = x(e);
-    try {
-      localStorage.setItem("theme", s.theme);
-    } catch {
-    }
-    S(), u();
-  }, ne = (e) => {
-    s.config.pages?.[e] && (s.activePage = e, s.mobileDrawerOpen = !1, decodeURIComponent(window.location.hash.replace(/^#/, "")) !== e && (window.location.hash = encodeURIComponent(e)), u());
-  }, le = () => {
-    window.addEventListener("message", (e) => {
-      const t = e.data;
-      if (!t || t.v !== 1 || typeof t != "object") return;
-      const r = e.origin.replace(/\/$/, "");
-      if (t.type === "GENISPACE_SHELL_INIT") {
-        const a = t.payload || {}, o = [a.shellOrigin, ...Array.isArray(a.allowedShellOrigins) ? a.allowedShellOrigins : []].filter(Boolean).map((l) => String(l).replace(/\/$/, ""));
-        if (o.length && !o.includes(r)) return;
-        s.allowedShellOrigins = new Set(o.length ? o : [r]), a.locale && (s.locale = C(a.locale)), a.theme && (s.theme = x(a.theme)), s.config = E(s.sourceConfig, s.locale), S(), u(), window.parent.postMessage({ type: "GENISPACE_IFRAME_READY", v: 1, identifier: s.config.appConfig?.appId || "" }, e.origin);
-        return;
-      }
-      t.type === "GENISPACE_SHELL_UI" && s.allowedShellOrigins.has(r) && (t.locale && (s.locale = C(t.locale)), t.theme && (s.theme = x(t.theme)), s.config = E(s.sourceConfig, s.locale), S(), u());
-    });
-  };
-  function u() {
-    const e = s.root;
-    if (!e || !s.config) return;
-    const t = s.config.appConfig?.navigation?.items || [], r = ae(t);
-    e.innerHTML = `<div class="portable-shell ${s.collapsed ? "sidebar-collapsed" : ""}">
-      <aside class="portable-sidebar">
-        <div class="portable-sidebar-header">${P(s.collapsed)}</div>
-        <button type="button" class="portable-collapse" data-collapse aria-label="${s.collapsed ? "Expand sidebar" : "Collapse sidebar"}">${$(s.collapsed ? "ChevronRight" : "ChevronLeft")}</button>
-        <nav aria-label="Application navigation">${F(t, "desktop")}</nav>
-        <footer>${j(s.collapsed)}</footer>
-      </aside>
-      <header class="portable-mobile-header"><button type="button" data-mobile-drawer aria-label="Open navigation">${$("Menu")}</button>${P(!1)}${j(!0)}</header>
-      ${s.mobileDrawerOpen ? `<div class="portable-mobile-backdrop" data-mobile-close></div><aside class="portable-mobile-drawer"><div class="portable-mobile-drawer-close"><button type="button" data-mobile-close aria-label="Close navigation">${$("X")}</button></div><div class="portable-sidebar-header">${P(!1)}</div><nav>${F(t, "mobile")}</nav><footer>${j(!1)}</footer></aside>` : ""}
-      <div class="portable-content">${re()}</div>
-      <nav class="portable-mobile-nav" aria-label="Workbench bottom navigation">${r.map((a) => `<button type="button" data-page="${n(a.linkedPage)}" class="${a.linkedPage === s.activePage ? "active" : ""}" aria-current="${a.linkedPage === s.activePage ? "page" : "false"}">${$(a.icon)}<span>${n(c(a.title || a.key))}</span></button>`).join("")}</nav>
-    </div>`, e.querySelectorAll("[data-page]").forEach((a) => a.addEventListener("click", () => ne(a.dataset.page))), e.querySelectorAll("[data-tabs] [data-tab-key]").forEach((a) => a.addEventListener("click", () => {
-      const o = a.closest("[data-tabs]");
-      s.activeTabs.set(o.dataset.tabs, a.dataset.tabKey), u();
-    })), e.querySelectorAll("[data-locale-toggle]").forEach((a) => a.addEventListener("click", () => oe(s.locale === "zh" ? "en" : "zh"))), e.querySelectorAll("[data-theme-toggle]").forEach((a) => a.addEventListener("click", () => se(s.theme === "dark" ? "light" : "dark"))), e.querySelector("[data-collapse]")?.addEventListener("click", () => {
-      s.collapsed = !s.collapsed;
-      try {
-        localStorage.setItem("portable_sidebar_collapsed", JSON.stringify(s.collapsed));
-      } catch {
-      }
-      u();
-    }), e.querySelector("[data-mobile-drawer]")?.addEventListener("click", () => {
-      s.mobileDrawerOpen = !0, u();
-    }), e.querySelectorAll("[data-mobile-close]").forEach((a) => a.addEventListener("click", () => {
-      s.mobileDrawerOpen = !1, u();
-    }));
-  }
-  return { mountWorkbench: (e, t) => {
-    if (!e) throw new Error("A root element is required.");
-    s.root = e, s.sourceConfig = t || {};
-    const r = new URLSearchParams(window.location.search);
-    let a = "", o = "", l = !1;
-    try {
-      a = localStorage.getItem("language") || "", o = localStorage.getItem("theme") || "", l = JSON.parse(localStorage.getItem("portable_sidebar_collapsed") || "false");
-    } catch {
-    }
-    s.locale = C(r.get("lng") || a || document.documentElement.lang || "en"), s.theme = x(r.get("theme") || o || (window.matchMedia?.("(prefers-color-scheme: dark)").matches ? "dark" : "light")), s.collapsed = !!l, s.config = E(s.sourceConfig, s.locale);
-    const i = decodeURIComponent(window.location.hash.replace(/^#/, ""));
-    s.activePage = s.config.pages?.[i] ? i : s.config.appConfig?.defaultPage || Object.keys(s.config.pages || {})[0], s.allowedShellOrigins.add(window.location.origin.replace(/\/$/, "")), S(), le(), window.addEventListener("hashchange", () => {
-      const p = decodeURIComponent(window.location.hash.replace(/^#/, ""));
-      s.config.pages?.[p] && p !== s.activePage && (s.activePage = p, u());
-    }), u(), window.parent !== window && window.parent.postMessage({ type: "GENIAPP_READY", app: s.config.appConfig?.appId || "" }, "*");
-  } };
-}
-const pe = ce(), he = pe.mountWorkbench, be = [
-  "Typography",
-  "Text",
-  "Title",
-  "Paragraph",
-  "Statistic",
-  "StatisticGroup",
-  "Table",
-  "EditableTable",
-  "AnalyticsTable",
-  "DataGridCard",
-  "Chart",
-  "EChartsChart",
-  "RadarChart",
-  "Form",
-  "TaskInput",
-  "TaskInputRenderer",
-  "List",
-  "Tabs",
-  "Container",
-  "Card",
-  "CustomContent",
-  "FilterPanel"
-];
-export {
-  be as PORTABLE_WORKBENCH_COMPONENT_TYPES,
-  he as mountWorkbench
-};
-//# sourceMappingURL=workbench.js.map