sqlseed-web 0.2.4__py3-none-any.whl

sqlseed_web/static/js/workbench/recovery.js

@@ -0,0 +1,28 @@
+// A new editable plan, never an automatic retry or a mutation of run history.
+export function remainingRun(run) {
+  const blocked=reason=>({ok:false,reason});
+  if(run.status!=='error')return blocked('只有已结束的失败记录可计算剩余数量。');
+  if(run.execution?.mode && run.execution.mode!=='append')return blocked('清空生成需重新核对完整计划，不能按追加数量恢复。');
+  if(run.row_counts_exact!==true || run.count_complete===false)return blocked('提交数量不确定，请先核对数据库，不能自动计算剩余数量。');
+  const configured=run.document?.tables,results=run.tables;
+  const count=value=>Number.isSafeInteger(value)&&value>=0;
+  if(!Array.isArray(configured)||!configured.length||!Array.isArray(results)||results.length!==configured.length)
+    return blocked('逐表结果不完整，请核对数据库后调整配置。');
+  const names=new Set(),remaining=[],tableDrafts={};let committed=0;
+  for(const table of configured) {
+    const matches=results.filter(result=>result.name===table.name),result=matches[0];
+    if(names.has(table.name)||matches.length!==1||!count(table.count)||!count(result.rows_inserted)
+      ||result.requested_count!==table.count||result.rows_inserted>table.count
+      ||!['done','error','not_run'].includes(result.status)
+      ||(result.status==='done'&&result.rows_inserted!==table.count)
+      ||(result.status==='not_run'&&result.rows_inserted!==0))
+      return blocked('逐表提交数量或状态不一致，请先核对数据库。');
+    names.add(table.name);committed+=result.rows_inserted;
+    const copy=structuredClone(table);copy.clear_before=false;
+    if(table.count>result.rows_inserted)remaining.push({...copy,count:table.count-result.rows_inserted});
+    else tableDrafts[table.name]=copy;
+  }
+  if(!count(run.rows_inserted)||committed!==run.rows_inserted)return blocked('总提交数量与逐表结果不一致，请先核对数据库。');
+  if(!remaining.length)return blocked('计划行数已全部提交；请处理运行错误，无需再次生成。');
+  return {ok:true,document:{...structuredClone(run.document),tables:remaining},tableDrafts};
+}

sqlseed_web/static/js/workbench/scroll-lock.js

@@ -0,0 +1,26 @@
+// Overlapping dialog owners share one lock and restore the original viewport.
+let owners = 0;
+let saved = null;
+
+export function lockPageScroll() {
+  const root = document.documentElement;
+  if (owners === 0) {
+    const scrolling = document.scrollingElement || root;
+    saved = {root, scrolling, locked: root.classList.contains('wb-scroll-locked'),
+      top: scrolling.scrollTop, left: scrolling.scrollLeft};
+    root.classList.add('wb-scroll-locked');
+  }
+  owners++;
+  let released = false;
+  return () => {
+    if (released) return;
+    released = true;
+    owners--;
+    if (owners || !saved) return;
+    const snapshot = saved;
+    saved = null;
+    if (!snapshot.locked) snapshot.root.classList.remove('wb-scroll-locked');
+    snapshot.scrolling.scrollTop = snapshot.top;
+    snapshot.scrolling.scrollLeft = snapshot.left;
+  };
+}

sqlseed_web/static/js/workbench/session.js

@@ -0,0 +1,174 @@
+import { WorkbenchDocument } from './model.js';
+function validatePreviewCount(count) {
+  if (!Number.isInteger(count) || count < 1 || count > 100) {
+    throw new Error('预览数量必须是 1–100 之间的整数');
+  }
+}
+
+// Transport injected so race and snapshot tests exercise real session behavior.
+export class WorkbenchSession {
+  constructor(connId, schema, request) {
+    this.connId = connId;
+    this.model = new WorkbenchDocument(schema);
+    this.request = request;
+    this.saving = false;
+    this.submitting = false;
+    this.previewSequence = 0;
+    this.name = '数据生成配置';
+  }
+  async save(name = this.name) {
+    if (this.saving) {
+      throw new Error('正在保存，请稍候');
+    }
+    const model = this.model,
+      epoch = model.epoch,
+      lifecycle = model.lifecycleVersion;
+    const payload = {
+      ...model.payload(name),
+      conn_id: this.connId
+    };
+    const previous = model.saved;
+    if (previous) {
+      payload.revision = previous.revision;
+    }
+    this.saving = true;
+    try {
+      const saved = await this.request(`/api/workbench/drafts${previous ? "/" + encodeURIComponent(previous.id) : ''}`, payload, previous ? 'PUT' : 'POST');
+      if (lifecycle !== model.lifecycleVersion) {
+        throw new Error('保存期间此配置已被删除或重命名，请核对当前状态后重试');
+      }
+      model.markSaved(saved, epoch);
+      if (this.model === model && model.epoch === epoch) {
+        this.name = name;
+      }
+      return saved;
+    } finally {
+      this.saving = false;
+    }
+  }
+  async check(preview = false, count = 3) {
+    validatePreviewCount(count);
+    const model = this.model,
+      epoch = model.epoch;
+    const payload = {
+      conn_id: this.connId,
+      document: model.payload(this.name).document,
+      schema_hash: model.schema.schema_hash,
+      count
+    };
+    const sequence = preview ? ++this.previewSequence : null;
+    const result = await this.request(`/api/workbench/${preview ? 'preview' : 'check'}`, payload, 'POST');
+    if (preview && sequence !== this.previewSequence) {
+      return null;
+    }
+    return this.model === model && model.acceptCheck(result, epoch, preview) ? result : null;
+  }
+  async previewTable(tableName, count = 3) {
+    validatePreviewCount(count);
+    const model = this.model,
+      epoch = model.epoch;
+    if (!model.schema.tables.some(table => table.name === tableName)) {
+      throw new Error(`数据库中不存在表：${tableName}`);
+    }
+    const document = model.payload(this.name).document;
+    // Follow the actual generation prerequisites. An unselected parent is read
+    // from existing rows, so its ancestors are not part of this preview plan.
+    // Keep the full root settings/associations intact for backend validation.
+    const selected = new Set(document.tables.map(table => table.name));
+    const needed = new Set([tableName]);
+    const edges = [...(model.schema.edges || [])];
+    for (const association of document.associations || []) {
+      for (const target of association.target_tables || []) {
+        edges.push({
+          source: association.source_table,
+          target
+        });
+      }
+    }
+    for (const name of needed) {
+      for (const edge of edges) {
+        if (edge.target === name && selected.has(edge.source)) {
+          needed.add(edge.source);
+        }
+      }
+    }
+    document.tables = document.tables.filter(table => needed.has(table.name));
+    if (!document.tables.some(table => table.name === tableName)) {
+      document.tables.push(structuredClone(model.table(tableName)));
+    }
+    const payload = {
+      conn_id: this.connId,
+      document,
+      schema_hash: model.schema.schema_hash,
+      count
+    };
+    const sequence = ++this.previewSequence;
+    const result = await this.request('/api/workbench/preview', payload, 'POST');
+    if (sequence !== this.previewSequence || this.model !== model || epoch !== model.epoch || model.errors.size) {
+      return null;
+    }
+    const refreshed = new Set(document.tables.map(table => table.name));
+    const samples = Object.fromEntries(Object.entries(model.samples).filter(([name]) => !refreshed.has(name)));
+    const issues = model.previewIssues.filter(issue => issue.table && !refreshed.has(issue.table));
+    return model.acceptPreview({
+      ...result,
+      samples: {
+        ...samples,
+        ...result.samples
+      },
+      issues: [...issues, ...(result.issues || [])]
+    }, epoch) ? result : null;
+  }
+  open(draft) {
+    if (draft.target_key !== this.model.schema.target_key) {
+      throw new Error('此配置属于另一数据库，请先连接对应数据库');
+    }
+    const model = new WorkbenchDocument(this.model.schema, draft.document);
+    model.restoreView(draft.view_state);
+    model.markSaved(draft, draft.schema_hash === model.schema.schema_hash ? model.epoch : -1);
+    this.model = model;
+    this.name = draft.name;
+  }
+  async executionPlan(execution) {
+    const model = this.model;
+    if (!model.saved || model.dirty || !model.check) {
+      throw new Error('请先保存并检查当前配置');
+    }
+    return this.request('/api/workbench/execution-plan', {
+      conn_id: this.connId,
+      draft_id: model.saved.id,
+      revision: model.saved.revision,
+      schema_hash: model.schema.schema_hash,
+      config_hash: model.check.config_hash,
+      execution
+    }, 'POST');
+  }
+  async run(execution, planHash) {
+    if (this.submitting) {
+      throw new Error('运行正在提交，请稍候');
+    }
+    if (!this.model.canRun()) {
+      throw new Error('请先保存当前配置并完成依赖检查');
+    }
+    const model = this.model;
+    const payload = {
+      conn_id: this.connId,
+      draft_id: model.saved.id,
+      revision: model.saved.revision,
+      schema_hash: model.schema.schema_hash,
+      config_hash: model.check.config_hash
+    };
+    if (execution) {
+      payload.execution = structuredClone(execution);
+    }
+    if (planHash) {
+      payload.plan_hash = planHash;
+    }
+    this.submitting = true;
+    try {
+      return await this.request('/api/workbench/runs', payload, 'POST');
+    } finally {
+      this.submitting = false;
+    }
+  }
+}

sqlseed_web/static/js/workbench/table-data.js

@@ -0,0 +1,186 @@
+import { h, api } from '../api.js';
+import { modal, button, valueText } from './ui.js';
+
+/** Read current database rows without changing the active connection or generation document. */
+export function openTableData({
+  connId = null,
+  runId = null,
+  table,
+  targetKey,
+  targetLabel = '',
+  isCurrent = () => true
+}) {
+  let closed = false,
+    busy = false,
+    controller = null,
+    result = null;
+  let connection = runId ? null : connId;
+  const limit = 50;
+  const dialog = modal('数据库当前数据', {
+    wide: true,
+    onClose: () => {
+      closed = true;
+      controller?.abort();
+    }
+  });
+  dialog.el.classList.add('wb-table-data');
+  const target = h('p', {
+    class: 'mono wb-table-data-target'
+  }, targetLabel);
+  const status = h('p', {
+    class: 'wb-table-data-status',
+    role: 'status',
+    'aria-live': 'polite'
+  }, '正在读取数据库…');
+  const error = h('p', {
+    class: 'wb-table-data-error',
+    role: 'alert'
+  });
+  const records = h('section', {
+    class: 'wb-table-data-records',
+    'aria-label': `${table} 当前记录`
+  });
+  const page = h('span', {
+    class: 'muted'
+  });
+  const refreshed = h('p', {
+    class: 'muted wb-table-data-read-at'
+  });
+  const ordering = h('p', {
+    class: 'muted wb-table-data-order'
+  });
+  const refreshButton = button('刷新数据', () => load(result?.offset || 0));
+  const previous = button('上一页', () => load(Math.max(0, (result?.offset || 0) - limit)));
+  const next = button('下一页', () => load((result?.offset || 0) + limit));
+  dialog.body.append(h('div', {
+    class: 'wb-table-data-heading'
+  }, h('h3', {
+    class: 'mono'
+  }, table), refreshButton), target, h('p', {
+    class: 'muted'
+  }, '查询时表内的实际记录，可能包含原有、本次提交及后续变化的数据；不是某次运行的数据快照。'), status, error, records, h('div', {
+    class: 'wb-table-data-pagination'
+  }, page, h('div', {}, previous, next)), refreshed, ordering);
+  dialog.actions.append(button('关闭', dialog.close));
+  const live = () => !closed && dialog.el.isConnected && isCurrent();
+  function setBusy(value) {
+    busy = value;
+    refreshButton.disabled = value;
+    previous.disabled = value || !result || result.offset === 0;
+    next.disabled = value || !result || result.offset + result.limit >= result.total;
+    records.setAttribute('aria-busy', String(value));
+  }
+  function displayValue(value) {
+    const text = valueText(value);
+    return text.length > 160 ? h('details', {
+      class: 'wb-table-data-value'
+    }, h('summary', {}, `${text.slice(0, 80)}… 展开完整值`), h('pre', {}, text)) : text;
+  }
+  function render(data) {
+    function databaseDialectLabel() {
+      if (data.dialect === 'postgresql') {
+        return 'PostgreSQL';
+      } else if (data.dialect === 'sqlite') {
+        return 'SQLite';
+      } else {
+        return data.dialect;
+      }
+    }
+    target.textContent = `${databaseDialectLabel()} · ${data.target_label}`;
+    const grid = h('table', {}, h('caption', {}, `${table} · 数据库当前数据`), h('thead', {}, h('tr', {}, ...data.columns.map(column => h('th', {
+      scope: 'col'
+    }, h('span', {
+      class: 'mono'
+    }, column.name), h('small', {}, [column.type, column.is_primary_key ? 'PK' : null].filter(Boolean).join(' · ')))))), h('tbody', {}, ...data.rows.map(row => h('tr', {}, ...data.columns.map(column => h('td', {}, displayValue(row[column.name])))))));
+    function emptyDataPage() {
+      if (data.rows.length) {
+        return [];
+      } else {
+        return [h('p', {
+          class: 'wb-table-data-empty'
+        }, data.total ? '本页暂无记录，请返回上一页或刷新。' : '表中暂无记录。')];
+      }
+    }
+    records.replaceChildren(h('div', {
+      class: 'wb-table-data-scroll',
+      tabindex: 0,
+      'aria-label': `${table} 当前数据，可横向滚动`
+    }, grid), ...emptyDataPage());
+    page.textContent = `${data.rows.length ? "" + (data.offset + 1) + "–" + (data.offset + data.rows.length) : '0'} / ${data.total} 行 · 每页 ${limit} 行`;
+    const date = new Date(data.read_at);
+    refreshed.textContent = `读取时间：${Number.isNaN(date.getTime()) ? data.read_at : date.toLocaleString('zh-CN', {
+      hour12: false
+    })}`;
+    ordering.textContent = data.order_by?.length ? `按主键 ${data.order_by.join('、')} 排序；数据库变化时，不同页的内容可能随之变化。` : '此表没有主键，分页顺序可能变化。';
+  }
+  async function load(offset = 0) {
+    if (!live() || busy) {
+      return;
+    }
+    controller = new AbortController();
+    setBusy(true);
+    error.textContent = '';
+    status.textContent = result ? '正在刷新，暂时保留上次读取的记录…' : '正在读取数据库…';
+    try {
+      if (!(await ensureConnection())) {
+        return;
+      }
+      const params = new URLSearchParams({
+        limit: String(limit),
+        offset: String(offset)
+      });
+      if (runId) {
+        params.set('run_id', runId);
+      }
+      const data = await api(`/api/workbench/connections/${encodeURIComponent(connection)}/tables/${encodeURIComponent(table)}/data?${params}`, {
+        signal: controller.signal
+      });
+      if (!live()) {
+        return;
+      }
+      if (data.target_key !== targetKey || data.table !== table) {
+        throw new Error('返回数据的目标或表不匹配，请重新打开。');
+      }
+      result = data;
+      render(data);
+      status.textContent = '已读取数据库当前数据。';
+    } catch (error_) {
+      if (!live() || error_.name === 'AbortError') return;
+      if (runId && error_.status === 404) connection = null;
+      error.textContent = `无法读取数据：${error_.message}`;
+      status.textContent = result ? '仍显示上次读取的记录。' : '尚未读取到数据库记录。';
+    } finally {
+      if (live()) {
+        setBusy(false);
+      }
+    }
+    async function ensureConnection() {
+      if (!connection && runId) {
+        const matched = await api(`/api/workbench/runs/${encodeURIComponent(runId)}/data-connections`, {
+          signal: controller.signal
+        });
+        if (!live()) {
+          return false;
+        }
+        if (matched.target_key !== targetKey) {
+          throw new Error('运行记录的数据库目标已变化，请重新打开。');
+        }
+        connection = matched.connections?.[0]?.conn_id || null;
+        if (!connection) {
+          throw new Error('请先连接此运行的相同数据库：关闭面板，通过顶栏连接数据库，然后重新查看。');
+        }
+      }
+      if (!connection) {
+        throw new Error('连接已失效，请重新连接数据库后查看。');
+      }
+      return true;
+    }
+  }
+  const ready = load();
+  return {
+    dialog,
+    ready,
+    refresh: () => load(result?.offset || 0),
+    close: dialog.close
+  };
+}

sqlseed_web/static/js/workbench/ui.js

@@ -0,0 +1,262 @@
+import { cycleFocus } from "./focus.js";
+import { h } from '../api.js';
+import { lockPageScroll } from './scroll-lock.js';
+const paths = {
+  sparkles: 'm12 3 2.5 6.5L21 12l-6.5 2.5L12 21l-2.5-6.5L3 12l6.5-2.5ZM20 2v4m-2-2h4',
+  schema: 'M12 7v5M5.5 17v-5h13v5',
+  check: 'm3 6 2 2 4-4M12 6h9M3 13h3m6 0h9M3 20h3m6 0h9',
+  fields: 'M3 9h18M9 9v11M3 14h18',
+  save: 'M4 3h13l4 4v14H3V3zM7 3v6h10V3M7 21v-8h10v8',
+  download: 'M12 3v12m-5-5 5 5 5-5M4 16v5h16v-5',
+  upload: 'M12 16V4m-5 5 5-5 5 5M4 16v5h16v-5',
+  code: 'm8 6-6 6 6 6m8-12 6 6-6 6m-3-14-2 16',
+  refresh: 'M3 11a9 9 0 0 1 15.4-6.4L21 7M21 3v4h-4M21 13a9 9 0 0 1-15.4 6.4L3 17M3 21v-4h4',
+  database: 'M4 5v7c0 4 16 4 16 0V5M4 12v7c0 4 16 4 16 0',
+  link: 'm10 13 4-4m-6 7-1 1a4 4 0 0 1-6-6l4-4a4 4 0 0 1 6 0m2 0 1-1a4 4 0 0 1 6 6l-4 4a4 4 0 0 1-6 0',
+  search: 'm15 15 5 5',
+  arrow: 'M3 12h17m-5-5 5 5-5 5',
+  edit: 'm15 4 5 5M4 20l5-1L21 7l-5-5L4 14Z',
+  reset: 'M3 4v6h6M3 10a9 9 0 1 1 .6 7M12 7v5l3 2',
+  sliders: 'M4 6h6m4 0h6M4 12h10m4 0h2M4 18h2m4 0h10M10 3v6m4 0v6M6 15v6'
+};
+export function icon(name) {
+  name = {
+    checklist: 'check',
+    table: 'fields',
+    db: 'database',
+    settings: 'sliders'
+  }[name] || name;
+  const svg = document.createElementNS('http://www.w3.org/2000/svg', 'svg');
+  for (const [key, value] of Object.entries({
+    class: 'icon',
+    viewBox: '0 0 24 24',
+    width: 16,
+    height: 16,
+    fill: 'none',
+    stroke: 'currentColor',
+    'stroke-width': 1.5,
+    'stroke-linecap': 'round',
+    'stroke-linejoin': 'round',
+    'aria-hidden': 'true'
+  })) {
+    svg.setAttribute(key, value);
+  }
+  const shape = (tag, attrs, text) => {
+    const element = document.createElementNS('http://www.w3.org/2000/svg', tag);
+    for (const [key, value] of Object.entries(attrs)) {
+      element.setAttribute(key, value);
+    }
+    if (text) {
+      element.textContent = text;
+    }
+    svg.append(element);
+  };
+  if (name === 'derive') {
+    shape('text', {
+      x: 2,
+      y: 18,
+      fill: 'currentColor',
+      stroke: 'none',
+      'font-family': 'Georgia,serif',
+      'font-style': 'italic',
+      'font-size': 20
+    }, 'ƒx');
+    return svg;
+  }
+  if (name === 'schema') {
+    for (const [x, y, width, height] of [[8, 2, 8, 5], [2, 17, 7, 5], [15, 17, 7, 5]]) {
+      shape('rect', {
+        x,
+        y,
+        width,
+        height,
+        rx: 1
+      });
+    }
+  }
+  if (name === 'fields') {
+    shape('rect', {
+      x: 3,
+      y: 4,
+      width: 18,
+      height: 16,
+      rx: 2
+    });
+  }
+  if (name === 'database') {
+    shape('ellipse', {
+      cx: 12,
+      cy: 5,
+      rx: 8,
+      ry: 3
+    });
+  }
+  if (name === 'search') {
+    shape('circle', {
+      cx: 10,
+      cy: 10,
+      r: 6
+    });
+  }
+  shape('path', {
+    d: paths[name] || paths.fields,
+    ...(name === 'link' ? {
+      transform: 'translate(1 0)'
+    } : {})
+  });
+  return svg;
+}
+export function button(label, action, {
+  glyph,
+  primary = false,
+  small = false,
+  plain = false,
+  class: extraClass = '',
+  ...attrs
+} = {}) {
+  let baseClass;
+  if (plain) {
+    baseClass = 'wb-button';
+  } else {
+    baseClass = `btn wb-button${primary ? ' primary wb-primary' : ''}${small ? ' small wb-small' : ''}`;
+  }
+  if (action?.databaseAction) {
+    attrs['data-db-action'] = '';
+  }
+  return h('button', {
+    type: 'button',
+    class: `${baseClass}${extraClass ? ' ' + extraClass : ''}`,
+    onclick: action,
+    ...attrs
+  }, glyph ? icon(glyph) : null, label);
+}
+export function download(name, text, type = 'application/json') {
+  const url = URL.createObjectURL(new Blob([text], {
+    type
+  }));
+  const a = h('a', {
+    href: url,
+    download: name
+  });
+  document.body.append(a);
+  a.click();
+  a.remove();
+  setTimeout(() => URL.revokeObjectURL(url), 1000);
+}
+let activeModalClose = null;
+export function modal(title, {
+  onClose,
+  wide = false,
+  drawer = false
+} = {}) {
+  activeModalClose?.();
+  let closed = false;
+  const previous = document.activeElement;
+  const unlockScroll = lockPageScroll();
+  const background = [...document.body.children].map(element => ({
+    element,
+    inert: Boolean(element.inert)
+  }));
+  const body = h('div', {
+      class: `${drawer ? 'drawer-body' : 'modal-body'} wb-modal-body`
+    }),
+    actions = h('div', {
+      class: `${drawer ? 'drawer-footer' : 'modal-footer'} wb-modal-actions`
+    });
+  const close = () => {
+    if (closed) {
+      return;
+    }
+    closed = true;
+    overlay.remove();
+    document.removeEventListener('keydown', key);
+    unlockScroll();
+    for (const {
+      element,
+      inert
+    } of background) {
+      element.inert = inert;
+    }
+    if (activeModalClose === close) {
+      activeModalClose = null;
+    }
+    onClose?.();
+    previous?.focus?.({
+      preventScroll: true
+    });
+  };
+  const header = h('header', {
+    class: drawer ? 'drawer-head' : 'modal-head'
+  }, h('h2', {}, title), h('button', {
+    type: 'button',
+    class: 'close',
+    'aria-label': '关闭',
+    onclick: close
+  }, '×'));
+  const panel = h('section', {
+    class: `${drawer ? 'drawer' : 'modal'} wb-modal${drawer ? ' wb-drawer' : ''}${wide ? ' modal-wide wb-modal-wide' : ''}`,
+    role: 'dialog',
+    'aria-modal': 'true',
+    'aria-label': title
+  }, header, body, actions);
+  const overlay = h('div', {
+    class: 'overlay open wb-overlay'
+  }, panel);
+  overlay.onclick = event => {
+    if (event.target === overlay) {
+      close();
+    }
+  };
+  function key(event) {
+    if (event.key === 'Escape') {
+      close();
+    }
+    if (event.key === 'Tab') {
+      const summaryOf = details => [...details.children].find(child => child.tagName === 'SUMMARY');
+      const controls = [...overlay.querySelectorAll('button,input,textarea,a[href],summary')].filter(el => {
+        if (el.disabled || el.getAttribute('tabindex') === '-1') {
+          return false;
+        }
+        if (el.tagName === 'SUMMARY' && (el.parentElement?.tagName !== 'DETAILS' || summaryOf(el.parentElement) !== el)) {
+          return false;
+        }
+        for (let ancestor = el; ancestor && ancestor !== overlay; ancestor = ancestor.parentElement) {
+          if (ancestor.hidden || ancestor.getAttribute('hidden') !== null) {
+            return false;
+          }
+          if (ancestor.tagName === 'DETAILS' && !ancestor.open && !summaryOf(ancestor)?.contains(el)) {
+            return false;
+          }
+        }
+        return true;
+      });
+      cycleFocus(event, controls);
+    }
+  }
+  for (const {
+    element
+  } of background) {
+    element.inert = true;
+  }
+  document.body.append(overlay);
+  document.addEventListener('keydown', key);
+  overlay.querySelector('button')?.focus();
+  activeModalClose = close;
+  return {
+    body,
+    actions,
+    close,
+    el: panel,
+    overlay,
+    header
+  };
+}
+export function valueText(value) {
+  if (value === null) {
+    return 'NULL';
+  }
+  if (value === undefined) {
+    return '—';
+  }
+  return typeof value === 'object' ? JSON.stringify(value) : String(value);
+}