sqlite-hub 2.0.1 → 2.2.0

package/frontend/js/components/badges.js

@@ -3,3 +3,19 @@ import { escapeHtml } from "../utils/format.js";
 export function renderStatusBadge(label, tone = "muted") {
   return `<span class="status-badge status-badge--${tone}">${escapeHtml(label)}</span>`;
 }
+
+export function renderTableKindBadge(table) {
+  if (table?.isVirtual) {
+    return `<span class="status-badge status-badge--primary shrink-0" title="Virtual table">Virtual</span>`;
+  }
+
+  if (table?.isShadow) {
+    return `<span class="status-badge status-badge--muted shrink-0" title="Shadow table">Shadow</span>`;
+  }
+
+  return "";
+}
+
+export function renderVirtualTableBadge(table) {
+  return renderTableKindBadge(table);
+}

package/frontend/js/components/connectionCard.js

@@ -7,6 +7,40 @@ import {
 import { renderStatusBadge } from "./badges.js";
 import { renderConnectionLogo } from "./connectionLogo.js";
 
+function renderConnectionTags(tags = []) {
+  const normalizedTags = Array.isArray(tags)
+    ? tags.filter((tag) => String(tag?.name ?? "").trim())
+    : [];
+
+  if (!normalizedTags.length) {
+    return "";
+  }
+
+  const visibleTags = normalizedTags.slice(0, 2);
+  const hiddenCount = Math.max(0, normalizedTags.length - visibleTags.length);
+  const title = normalizedTags.map((tag) => tag.name).join(", ");
+
+  return [
+    '<div class="connection-user-tags" title="',
+    escapeHtml(title),
+    '">',
+    visibleTags
+      .map(
+        (tag) =>
+          '<span class="connection-user-tag">' +
+          escapeHtml(tag.name) +
+          "</span>"
+      )
+      .join(""),
+    hiddenCount
+      ? '<span class="connection-user-tag connection-user-tag--more">+' +
+        escapeHtml(String(hiddenCount)) +
+        "</span>"
+      : "",
+    "</div>",
+  ].join("");
+}
+
 export function renderConnectionCard(connection, activeConnectionId) {
   const isActive = activeConnectionId
     ? connection.id === activeConnectionId
@@ -46,6 +80,7 @@ export function renderConnectionCard(connection, activeConnectionId) {
     '">',
     escapeHtml(truncateMiddle(connection.path, 68)),
     "</p>",
+    renderConnectionTags(connection.tags),
     '<div class="mt-8 grid grid-cols-2 gap-4">',
     '<div><div class="mb-1 text-[9px] font-mono uppercase text-outline-variant">Allocation</div><div class="text-xs font-bold text-on-surface">',
     escapeHtml(formatBytes(connection.sizeBytes)),

package/frontend/js/components/modal.js

@@ -18,6 +18,11 @@ import {
     MEDIA_TAGGING_DEFAULT_TAG_TABLE_SQL,
 } from '../lib/mediaTaggingDefaults.js';
 import { SYNTHETIC_GENERATOR_TYPES, getSyntheticGeneratorLabel } from '../utils/syntheticData.js';
+import {
+    MAX_CONNECTION_TAG_NAME_LENGTH,
+    normalizeConnectionTagKey,
+    normalizeConnectionTagName,
+} from '../utils/connectionRegistry.js';
 
 function renderField({ label, name, type = 'text', placeholder = '', value = '' }) {
     return `
@@ -192,7 +197,114 @@ export function renderOpenConnectionForm(modal) {
   `;
 }
 
-function renderEditConnectionForm(modal) {
+function renderEditConnectionTagEditor(modal, state) {
+    const assignedTags = Array.isArray(modal.assignedTags) ? modal.assignedTags : [];
+    const assignedKeys = new Set(assignedTags.map(tag => normalizeConnectionTagKey(tag.name)));
+    const tagQuery = String(modal.tagQuery ?? '');
+    const normalizedQuery = normalizeConnectionTagName(tagQuery);
+    const queryKey = normalizeConnectionTagKey(normalizedQuery);
+    const matchingTags = (state.connections.tags ?? [])
+        .filter(tag => !assignedKeys.has(normalizeConnectionTagKey(tag.name)))
+        .filter(tag => {
+            if (!queryKey) {
+                return true;
+            }
+
+            return normalizeConnectionTagKey(tag.name).includes(queryKey);
+        })
+        .slice(0, 6);
+    const exactMatch = (state.connections.tags ?? []).some(tag => normalizeConnectionTagKey(tag.name) === queryKey);
+    const canCreate = Boolean(normalizedQuery && !exactMatch);
+    const assignedMarkup = assignedTags.length
+        ? assignedTags
+              .map(
+                  tag => `
+                    <span class="connection-edit-tag-chip">
+                      <span class="connection-edit-tag-chip__label">${escapeHtml(tag.name)}</span>
+                      <button
+                        aria-label="Remove ${escapeHtml(tag.name)} tag"
+                        class="connection-edit-tag-chip__remove"
+                        data-action="remove-edit-connection-tag"
+                        data-tag-name="${escapeHtml(tag.name)}"
+                        type="button"
+                        title="Remove tag"
+                      >
+                        <span aria-hidden="true">×</span>
+                      </button>
+                      <input name="tags" type="hidden" value="${escapeHtml(tag.name)}" />
+                    </span>
+                  `,
+              )
+              .join('')
+        : '<div class="connection-edit-tags__empty">NO_TAGS_ASSIGNED</div>';
+    const matchMarkup = matchingTags
+        .map(
+            tag => `
+              <button
+                class="connection-edit-tag-option"
+                data-action="add-edit-connection-tag"
+                data-tag-name="${escapeHtml(tag.name)}"
+                type="button"
+              >
+                <span>${escapeHtml(tag.name)}</span>
+                <span>${escapeHtml(String(tag.connectionCount ?? 0))}</span>
+              </button>
+            `,
+        )
+        .join('');
+
+    return `
+      <div class="connection-edit-tags">
+        <div class="connection-edit-tags__label">Tags</div>
+        <div class="connection-edit-tags__assigned">
+          ${assignedMarkup}
+        </div>
+        <label class="connection-edit-tags__input-shell">
+          <span class="sr-only">Add or create tag</span>
+          <input
+            autocomplete="off"
+            class="control-input connection-edit-tags__input"
+            data-bind="edit-connection-tag-query"
+            maxlength="${MAX_CONNECTION_TAG_NAME_LENGTH}"
+            placeholder="ADD_OR_CREATE_TAG..."
+            spellcheck="false"
+            type="text"
+            value="${escapeHtml(tagQuery)}"
+          />
+        </label>
+        ${
+            modal.tagError
+                ? `<div class="connection-edit-tags__error">${escapeHtml(modal.tagError)}</div>`
+                : ''
+        }
+        <div class="connection-edit-tag-options">
+          ${
+              matchMarkup
+                  ? `<div class="connection-edit-tag-options__section">MATCHING_TAGS</div>${matchMarkup}`
+                  : ''
+          }
+          ${
+              canCreate
+                  ? `
+                    <div class="connection-edit-tag-options__section">CREATE_NEW</div>
+                    <button
+                      class="connection-edit-tag-option connection-edit-tag-option--create"
+                      data-action="create-edit-connection-tag"
+                      data-edit-connection-tag-primary
+                      data-tag-name="${escapeHtml(normalizedQuery)}"
+                      type="button"
+                    >
+                      <span>CREATE "${escapeHtml(normalizedQuery)}"</span>
+                    </button>
+                  `
+                  : ''
+          }
+        </div>
+      </div>
+    `;
+}
+
+function renderEditConnectionForm(modal, state) {
     const connection = modal.connection ?? {};
 
     return `
@@ -246,6 +358,7 @@ function renderEditConnectionForm(modal) {
           checked: Boolean(connection.readOnly),
           text: 'Open read-only',
       })}
+      ${renderEditConnectionTagEditor(modal, state)}
       ${renderError(modal.error)}
       <div class="flex items-center justify-between gap-3 pt-2">
         <button
@@ -1473,6 +1586,23 @@ function renderDeleteDocumentForm(modal) {
     ].join('');
 }
 
+function renderCreateDocumentFolderForm(modal) {
+    return [
+        '<form class="space-y-5" data-form="create-document-folder"><label class="block space-y-2">',
+        '<span class="text-[10px] font-mono uppercase tracking-[0.22em] text-on-surface-variant/60">Folder Name</span>',
+        '<input class="control-input w-full border border-outline-variant/20 bg-surface-container-lowest text-sm text-on-surface outline-none transition-colors placeholder:text-on-surface-variant/35 focus:border-primary-container" name="name" type="text" autocomplete="off" maxlength="80" value="',
+        escapeHtml(modal.name ?? ''),
+        '" autofocus />',
+        '</label>',
+        renderError(modal.error),
+        '<div class="flex items-center justify-between gap-3 pt-2">',
+        '<button class="standard-button" data-action="close-modal" type="button">Cancel</button>',
+        '<button class="signature-button" type="submit">',
+        modal.submitting ? 'Creating...' : 'Create Folder',
+        '</button></div></form>',
+    ].join('');
+}
+
 export function renderDeleteApiTokenForm(modal) {
     return [
         '<form class="space-y-5" data-form="delete-api-token-confirm"><div class="space-y-3">',
@@ -1607,13 +1737,136 @@ function renderDocumentInsertNoteForm(modal) {
       <div class="flex items-center justify-between gap-3 pt-2">
         <button class="standard-button" data-action="close-modal" type="button">Cancel</button>
         <button class="signature-button" type="submit" ${disabledAttribute}>
-          ${modal.submitting ? 'Inserting...' : 'Insert Note'}
+          ${modal.submitting ? 'Inserting...' : 'Insert Query Note'}
         </button>
       </div>
     </form>
   `;
 }
 
+function renderDocumentTableDefinitionSelect(modal) {
+    const tables = (modal.tables ?? []).filter(table => !table.isShadow && table.tableKind !== 'shadow');
+
+    if (modal.loading) {
+        return '<div class="border border-outline-variant/10 bg-surface-container-lowest px-4 py-3 text-sm text-on-surface-variant/65">Loading tables...</div>';
+    }
+
+    if (!tables.length) {
+        return '<div class="border border-outline-variant/10 bg-surface-container-lowest px-4 py-3 text-sm text-on-surface-variant/65">No regular or virtual tables are available for this database.</div>';
+    }
+
+    return `
+      <label class="block space-y-2">
+        <span class="text-[10px] font-mono uppercase tracking-[0.22em] text-on-surface-variant/60">
+          Table
+        </span>
+        <select
+          class="control-select w-full border border-outline-variant/20 bg-surface-container-lowest text-sm text-on-surface outline-none transition-colors focus:border-primary-container"
+          data-bind="document-table-definition-select"
+          name="tableName"
+        >
+          ${tables
+              .map(table => {
+                  const label = table.isVirtual || table.tableKind === 'virtual'
+                      ? `${table.name} (virtual)`
+                      : table.name;
+
+                  return `
+                    <option
+                      value="${escapeHtml(table.name)}"
+                      ${String(table.name) === String(modal.selectedTableName) ? 'selected' : ''}
+                    >
+                      ${escapeHtml(label)}
+                    </option>
+                  `;
+              })
+              .join('')}
+        </select>
+      </label>
+    `;
+}
+
+function renderDocumentTableDefinitionCheckbox({ label, option, checked, disabled }) {
+    return `
+      <label class="standard-checkbox ${disabled ? 'is-disabled' : ''}">
+        <input
+          data-bind="document-table-definition-option"
+          data-option="${escapeHtml(option)}"
+          name="${escapeHtml(option)}"
+          type="checkbox"
+          ${checked ? 'checked' : ''}
+          ${disabled ? 'disabled' : ''}
+        />
+        <span>${escapeHtml(label)}</span>
+      </label>
+    `;
+}
+
+function renderDocumentInsertTableDefinitionForm(modal) {
+    const hasTables = Boolean((modal.tables ?? []).length);
+    const optionDisabled = modal.loading || modal.submitting || !hasTables;
+    const hasSelection = Boolean(modal.markdownTable || modal.sqlDefinition || modal.sampleData);
+    const disabledAttribute = optionDisabled || !hasSelection ? 'disabled aria-disabled="true"' : '';
+
+    return `
+      <form class="space-y-5" data-form="document-insert-table-definition">
+        ${renderDocumentTableDefinitionSelect(modal)}
+        <div class="grid gap-2">
+          ${renderDocumentTableDefinitionCheckbox({
+              label: 'Markdown Table',
+              option: 'markdownTable',
+              checked: Boolean(modal.markdownTable),
+              disabled: optionDisabled,
+          })}
+          ${renderDocumentTableDefinitionCheckbox({
+              label: 'SQL Definition',
+              option: 'sqlDefinition',
+              checked: Boolean(modal.sqlDefinition),
+              disabled: optionDisabled,
+          })}
+          ${renderDocumentTableDefinitionCheckbox({
+              label: 'Sample Data',
+              option: 'sampleData',
+              checked: Boolean(modal.sampleData),
+              disabled: optionDisabled,
+          })}
+        </div>
+        ${
+            modal.sampleData
+                ? `
+                  <label class="block space-y-2">
+                    <span class="text-[10px] font-mono uppercase tracking-[0.22em] text-on-surface-variant/60">
+                      Sample Rows
+                    </span>
+                    <select
+                      class="control-select w-full border border-outline-variant/20 bg-surface-container-lowest text-sm text-on-surface outline-none transition-colors focus:border-primary-container"
+                      data-bind="document-table-definition-row-count"
+                      name="sampleRowCount"
+                      ${optionDisabled ? 'disabled' : ''}
+                    >
+                      ${[3, 5, 10]
+                          .map(count => `
+                            <option value="${count}" ${Number(modal.sampleRowCount ?? 5) === count ? 'selected' : ''}>
+                              ${count}
+                            </option>
+                          `)
+                          .join('')}
+                    </select>
+                  </label>
+                `
+                : ''
+        }
+        ${renderError(modal.error)}
+        <div class="flex items-center justify-between gap-3 pt-2">
+          <button class="standard-button" data-action="close-modal" type="button">Cancel</button>
+          <button class="signature-button" type="submit" ${disabledAttribute}>
+            ${modal.submitting ? 'Inserting...' : 'Insert Table Definition'}
+          </button>
+        </div>
+      </form>
+    `;
+}
+
 function renderQueryExportPreview(lines = []) {
     return lines.map(line => `<span class="block whitespace-pre">${escapeHtml(line)}</span>`).join('');
 }
@@ -1926,242 +2179,6 @@ export function renderCopyColumnModal(modal, state) {
   `;
 }
 
-function getTableDesignerUniqueConstraintTypeLabel(constraint) {
-    if (constraint.partial) {
-        return 'Partial unique index';
-    }
-
-    if ((constraint.columns?.length ?? 0) > 1) {
-        return 'Multi-column unique';
-    }
-
-    return 'Unique constraint';
-}
-
-function renderTableDesignerUniqueConstraintExpression(constraint) {
-    const expression = String(constraint.expression || constraint.sql || '').trim();
-
-    if (expression) {
-        return expression;
-    }
-
-    const columns = (constraint.columns ?? []).map(column => column.name).filter(Boolean);
-    return columns.length ? `UNIQUE (${columns.join(', ')})` : 'UNIQUE constraint';
-}
-
-function renderTableDesignerCheckConstraintExpression(constraint) {
-    return String(constraint.expression || '').trim() || 'CHECK constraint';
-}
-
-function normalizeTableDesignerConstraintColumnName(name) {
-    return String(name ?? '')
-        .trim()
-        .toLowerCase();
-}
-
-function tableDesignerConstraintIncludesColumn(constraint, columnName) {
-    const normalizedColumn = normalizeTableDesignerConstraintColumnName(columnName);
-
-    if (!normalizedColumn) {
-        return false;
-    }
-
-    return (constraint.columns ?? []).some(
-        constraintColumn => normalizeTableDesignerConstraintColumnName(constraintColumn.name) === normalizedColumn,
-    );
-}
-
-function renderTableDesignerUniqueConstraintEditor(constraint) {
-    const columns = (constraint.columns ?? []).map(column => column.name).filter(Boolean);
-
-    return `
-    <article class="table-designer-constraint-editor">
-      <div class="table-designer-constraint-editor__header">
-        <div class="min-w-0">
-          <div class="table-designer-constraint-editor__type">
-            ${escapeHtml(getTableDesignerUniqueConstraintTypeLabel(constraint))}
-            ${constraint.origin ? ` // origin ${escapeHtml(constraint.origin)}` : ''}
-          </div>
-          <input
-            class="table-designer-field table-designer-constraint-editor__name"
-            data-bind="table-designer-constraint-field"
-            data-constraint-id="${escapeHtml(constraint.id)}"
-            data-constraint-kind="unique"
-            data-field="name"
-            spellcheck="false"
-            type="text"
-            value="${escapeHtml(constraint.name || 'UNIQUE constraint')}"
-          />
-        </div>
-        <div class="status-badge status-badge--muted">Rebuild</div>
-      </div>
-      ${
-          columns.length
-              ? `
-            <div class="table-designer-constraint__columns">
-              ${columns.map(column => `<span>${escapeHtml(column)}</span>`).join('')}
-            </div>
-          `
-              : ''
-      }
-      <textarea
-        class="table-designer-constraint-editor__sql custom-scrollbar"
-        data-bind="table-designer-constraint-field"
-        data-constraint-id="${escapeHtml(constraint.id)}"
-        data-constraint-kind="unique"
-        data-field="expression"
-        spellcheck="false"
-      >${escapeHtml(renderTableDesignerUniqueConstraintExpression(constraint))}</textarea>
-    </article>
-  `;
-}
-
-function renderTableDesignerCheckConstraintEditor(constraint) {
-    const columns = constraint.columns ?? [];
-    const allowedValues = columns.flatMap(column =>
-        (column.allowedValues ?? []).map(value => ({
-            columnName: column.name,
-            value,
-        })),
-    );
-
-    return `
-    <article class="table-designer-constraint-editor">
-      <div class="table-designer-constraint-editor__header">
-        <div class="min-w-0">
-          <div class="table-designer-constraint-editor__type">
-            ${columns.length ? escapeHtml(columns.map(column => column.name).join(', ')) : 'Table check'}
-          </div>
-          <input
-            class="table-designer-field table-designer-constraint-editor__name"
-            data-bind="table-designer-constraint-field"
-            data-constraint-id="${escapeHtml(constraint.id)}"
-            data-constraint-kind="check"
-            data-field="name"
-            spellcheck="false"
-            type="text"
-            value="${escapeHtml(constraint.name || 'CHECK constraint')}"
-          />
-        </div>
-        <div class="status-badge status-badge--muted">Rebuild</div>
-      </div>
-      ${
-          allowedValues.length
-              ? `
-            <div class="table-designer-constraint__values custom-scrollbar">
-              ${allowedValues
-                  .map(
-                      entry => `
-                    <span title="${escapeHtml(entry.columnName)}">${escapeHtml(entry.value)}</span>
-                  `,
-                  )
-                  .join('')}
-            </div>
-          `
-              : ''
-      }
-      <textarea
-        class="table-designer-constraint-editor__sql custom-scrollbar"
-        data-bind="table-designer-constraint-field"
-        data-constraint-id="${escapeHtml(constraint.id)}"
-        data-constraint-kind="check"
-        data-field="expression"
-        spellcheck="false"
-      >${escapeHtml(renderTableDesignerCheckConstraintExpression(constraint))}</textarea>
-    </article>
-  `;
-}
-
-function renderTableDesignerConstraintSection({ title, count, emptyText, body }) {
-    return `
-    <section class="table-designer-constraints-modal__section">
-      <div class="table-designer-constraints-modal__section-header">
-        <div class="table-designer-constraints-modal__section-title">${escapeHtml(title)}</div>
-        <div class="status-badge status-badge--muted">${formatNumber(count)}</div>
-      </div>
-      ${
-          count
-              ? `<div class="table-designer-constraints__list">${body}</div>`
-              : `<div class="table-designer-constraints-modal__empty">${escapeHtml(emptyText)}</div>`
-      }
-    </section>
-  `;
-}
-
-function renderTableDesignerConstraintsModal(modal, state) {
-    const draft = state.tableDesigner?.draft;
-
-    if (!draft) {
-        return `
-      <div class="table-designer-constraints-modal__empty">
-        No active table designer draft.
-      </div>
-      <div class="flex items-center justify-between gap-3 pt-2">
-        <button class="standard-button" data-action="close-modal" type="button">Close</button>
-      </div>
-    `;
-    }
-
-    const selectedColumn = modal.columnId ? (draft.columns ?? []).find(column => column.id === modal.columnId) : null;
-    const selectedColumnName = String(modal.columnName ?? selectedColumn?.name ?? '').trim();
-    const hasSelectedColumn = Boolean(modal.columnId || selectedColumnName);
-    const selectedColumnLabel = selectedColumnName || 'Unnamed column';
-    const allUniqueConstraints = draft.mode === 'edit' ? (draft.uniqueConstraints ?? []) : [];
-    const allCheckConstraints = draft.mode === 'edit' ? (draft.checkConstraints ?? []) : [];
-    const uniqueConstraints = hasSelectedColumn
-        ? allUniqueConstraints.filter(constraint =>
-              tableDesignerConstraintIncludesColumn(constraint, selectedColumnName),
-          )
-        : allUniqueConstraints;
-    const checkConstraints = hasSelectedColumn
-        ? allCheckConstraints.filter(constraint =>
-              tableDesignerConstraintIncludesColumn(constraint, selectedColumnName),
-          )
-        : allCheckConstraints;
-    const totalCount = uniqueConstraints.length + checkConstraints.length;
-
-    return `
-    <div class="table-designer-constraints-modal">
-      <div class="table-designer-constraints-modal__summary">
-        <div class="min-w-0">
-          <div class="table-designer-constraints-modal__label">Table</div>
-          <code title="${escapeHtml(draft.tableName ?? '')}">${escapeHtml(draft.tableName ?? '')}</code>
-        </div>
-        ${
-            hasSelectedColumn
-                ? `
-              <div class="min-w-0">
-                <div class="table-designer-constraints-modal__label">Column</div>
-                <code title="${escapeHtml(selectedColumnLabel)}">${escapeHtml(selectedColumnLabel)}</code>
-              </div>
-            `
-                : ''
-        }
-        <div class="status-badge status-badge--primary">V2 · ${formatNumber(totalCount)}</div>
-      </div>
-      ${renderTableDesignerConstraintSection({
-          title: 'Check constraints',
-          count: checkConstraints.length,
-          emptyText: hasSelectedColumn
-              ? 'No check constraints detected for this column.'
-              : 'No check constraints detected.',
-          body: checkConstraints.map(renderTableDesignerCheckConstraintEditor).join(''),
-      })}
-      ${renderTableDesignerConstraintSection({
-          title: hasSelectedColumn ? 'Related unique constraints' : 'Unique constraints',
-          count: uniqueConstraints.length,
-          emptyText: hasSelectedColumn
-              ? 'No related multi-column or partial unique constraints detected.'
-              : 'No multi-column or partial unique constraints detected.',
-          body: uniqueConstraints.map(renderTableDesignerUniqueConstraintEditor).join(''),
-      })}
-      <div class="flex items-center justify-between gap-3 pt-2">
-        <button class="standard-button" data-action="close-modal" type="button">Close</button>
-      </div>
-    </div>
-  `;
-}
-
 function renderCreateMediaTaggingMappingTableForm(modal, state) {
     const mappingExists = hasDefaultMediaTaggingMappingTable(state.mediaTagging.schemaTables ?? []);
     const readOnly = Boolean(state.mediaTagging.connection?.readOnly);
@@ -2346,7 +2363,7 @@ export function renderModal(state) {
         'edit-connection': {
             eyebrow: 'Registry // Update saved SQLite target',
             title: 'Edit Connection',
-            body: renderEditConnectionForm(modal),
+            body: renderEditConnectionForm(modal, state),
         },
         'delete-row': {
             eyebrow: 'Mutation // Confirm row deletion',
@@ -2378,6 +2395,11 @@ export function renderModal(state) {
             title: 'Delete Document',
             body: renderDeleteDocumentForm(modal),
         },
+        'create-document-folder': {
+            eyebrow: 'Documents // New folder',
+            title: 'New Folder',
+            body: renderCreateDocumentFolderForm(modal),
+        },
         'delete-api-token': {
             eyebrow: 'Settings // Confirm token deletion',
             title: 'Delete API Token',
@@ -2390,9 +2412,14 @@ export function renderModal(state) {
         },
         'document-insert-note': {
             eyebrow: 'Documents // Saved query notes',
-            title: 'Insert Note',
+            title: 'Insert Query Note',
             body: renderDocumentInsertNoteForm(modal),
         },
+        'document-insert-table-definition': {
+            eyebrow: 'Documents // Table definition',
+            title: 'Insert Table Definition',
+            body: renderDocumentInsertTableDefinitionForm(modal),
+        },
         'query-export': {
             eyebrow: 'SQL Editor // Export query result',
             title: 'Export Query',
@@ -2408,11 +2435,6 @@ export function renderModal(state) {
             title: isMarkdownTodoCopyColumnMode(modal.copyMode) ? 'Export Markdown Todo' : 'Copy column',
             body: renderCopyColumnModal(modal, state),
         },
-        'table-designer-constraints': {
-            eyebrow: 'Table Designer // Constraints',
-            title: 'Checks',
-            body: renderTableDesignerConstraintsModal(modal, state),
-        },
         'create-media-tagging-tag-table': {
             eyebrow: 'Media Tagging // Create default tag table',
             title: 'Create Tag Table',
@@ -2442,8 +2464,7 @@ export function renderModal(state) {
           modal.kind === 'chart-editor' ||
           modal.kind === 'document-insert-table' ||
           modal.kind === 'document-insert-note' ||
-          modal.kind === 'row-update-preview' ||
-          modal.kind === 'table-designer-constraints'
+          modal.kind === 'row-update-preview'
               ? 'max-w-3xl'
               : modal.kind === 'generate-types' || modal.kind === 'generate-data'
                 ? 'max-w-6xl'