@dineug/erd-editor 3.9.2 → 4.0.0

package/dist/components/settings/lockSettingRows.d.ts

@@ -0,0 +1,16 @@
+import { RootState } from '../../engine/state';
+import { I18n, PlainMessageKey } from '../../i18n/translate';
+type LockedValues = RootState['settings']['lockedValues'];
+type Translator = Pick<I18n, 't'>;
+export type LockSettingRow = {
+    nameKey: PlainMessageKey;
+    lockSettingType: number;
+    toText: (values: LockedValues, i18n: Translator) => string;
+};
+/**
+ * The Settings tab's lock rows, one per lock, each naming the value it holds
+ * by the name the menu that sets it gives, in the reader's language.
+ */
+export declare const lockSettingRows: ReadonlyArray<LockSettingRow>;
+export {};
+//# sourceMappingURL=lockSettingRows.d.ts.map

package/dist/components/settings/settings-lnb/SettingsLnb.d.ts

@@ -1,10 +1,13 @@
 import { FC } from '@dineug/r-html';
+import { PlainMessageKey } from '../../../i18n/translate';
 import { ValuesType } from '../../../internal-types';
 export declare const Lnb: {
     readonly preferences: "Preferences";
     readonly shortcuts: "Shortcuts";
 };
 export type Lnb = ValuesType<typeof Lnb>;
+/** Each page's name as the key of its message; the page ids stay English. */
+export declare const LnbLabelKey: Readonly<Record<Lnb, PlainMessageKey>>;
 export type SettingsLnbProps = {
     value: Lnb;
     onChange: (value: Lnb) => void;

package/dist/components/settings/settingsPage.d.ts

@@ -0,0 +1,10 @@
+import { Lnb } from './settings-lnb/SettingsLnb';
+import { RxStore } from '../../engine/rx-store';
+/**
+ * Takes the reader to a page of the Settings tab from outside it, the welcome
+ * screen's Shortcuts row say: the tab opens, and reads the page as it mounts.
+ */
+export declare function requestSettingsPage(store: RxStore, page: Lnb): void;
+/** The page asked for since the Settings tab last mounted, handed out once. */
+export declare function takeSettingsPage(store: RxStore): Lnb | undefined;
+//# sourceMappingURL=settingsPage.d.ts.map

package/dist/components/theme-builder/ThemeBuilder.d.ts

@@ -1,8 +1,16 @@
 import { FC } from '@dineug/r-html';
-import { ThemeOptions } from '../../themes/radix-ui-theme';
+import { IconName } from '../primitives/icon/icons';
+import { PlainMessageKey } from '../../i18n/translate';
+import { AppearanceOption, ThemeOptions } from '../../themes/radix-ui-theme';
 export type ThemeBuilderProps = {
     theme: ThemeOptions;
 };
+/** The three appearances in the order the builder's buttons and the palette's Theme rows list them. */
+export declare const APPEARANCE_BUTTONS: ReadonlyArray<{
+    appearance: AppearanceOption;
+    icon: IconName;
+    labelKey: PlainMessageKey;
+}>;
 declare const ThemeBuilder: FC<ThemeBuilderProps>;
 export default ThemeBuilder;
 //# sourceMappingURL=ThemeBuilder.d.ts.map

package/dist/components/theme-builder/ThemeBuilder.styles.d.ts

@@ -1,14 +1,17 @@
 /**
- * A panel placed over whichever tab is up. The tab wrapper raises no stacking
- * context of its own, so a raised descendant inside it would paint over an
- * unraised sibling; the same step, later in the root, keeps this panel on top.
+ * A panel placed over whichever tab is up, padded as Find and Replace is. The
+ * tab wrapper raises no stacking context, so a raised descendant would paint
+ * over an unraised sibling; the same step later in the root keeps this on top.
  */
 export declare const root: import('@dineug/r-html').CSSTemplateLiterals;
+export declare const header: import('@dineug/r-html').CSSTemplateLiterals;
 export declare const title: import('@dineug/r-html').CSSTemplateLiterals;
+/** A 26px square tool tinted under the pointer, as the editor's other panels close. */
+export declare const close: import('@dineug/r-html').CSSTemplateLiterals;
 export declare const subTitle: import('@dineug/r-html').CSSTemplateLiterals;
 export declare const palette: import('@dineug/r-html').CSSTemplateLiterals;
 export declare const color: import('@dineug/r-html').CSSTemplateLiterals;
-export declare const lightDarkButtonGroup: import('@dineug/r-html').CSSTemplateLiterals;
-export declare const lightDarkButton: import('@dineug/r-html').CSSTemplateLiterals;
+export declare const appearanceButtonGroup: import('@dineug/r-html').CSSTemplateLiterals;
+export declare const appearanceButton: import('@dineug/r-html').CSSTemplateLiterals;
 export declare const vertical: import('@dineug/r-html').CSSTemplateLiterals;
 //# sourceMappingURL=ThemeBuilder.styles.d.ts.map

package/dist/components/toast-container/openStatusToast.d.ts

@@ -0,0 +1,29 @@
+import { DOMTemplateLiterals } from '@dineug/r-html';
+import { ToastTone } from '../primitives/toast/Toast';
+import { Emitter } from '../../utils/emitter';
+export type StatusToast = {
+    /** Names the report and the values it shows, so only the same one replaces it. */
+    key: string;
+    title: DOMTemplateLiterals;
+    description?: DOMTemplateLiterals;
+    tone?: ToastTone;
+    close?: Promise<void>;
+};
+/**
+ * Reports how something ended: its one line as the title, a second line as the
+ * description, and a tone's mark when it was done or not done. Opened again
+ * under its key, it takes the place of the one still up rather than piling on.
+ *
+ * @example
+ * openStatusToast(emitter, { key: 'common.toast.noTablesToPlace', title: localized('common.toast.noTablesToPlace') });
+ */
+export declare function openStatusToast(emitter: Emitter, { key, title, description, tone, close }: StatusToast): void;
+/**
+ * Says whether text reached the clipboard, a refusal as plainly as a copy, under
+ * one key so a press repeated shows one toast.
+ *
+ * @example
+ * reportCopy(emitter, copyToClipboard(state.sql));
+ */
+export declare function reportCopy(emitter: Emitter, copying: Promise<unknown>): Promise<void>;
+//# sourceMappingURL=openStatusToast.d.ts.map

package/dist/components/toast-container/openToastWhileRunning.d.ts

@@ -6,7 +6,7 @@ import { Emitter } from '../../utils/emitter';
  * a caller report the outcome after this toast rather than on top of it.
  *
  * @example
- * await openToastWhileRunning(emitter, running, html`<${Toast} description=${'Working'} />`);
+ * await openToastWhileRunning(emitter, running, html`<${Toast} busy=${true} title=${localized('exportImage.copying')} />`);
  */
 export declare function openToastWhileRunning(emitter: Emitter, running: Promise<unknown>, message: DOMTemplateLiterals): Promise<void>;
 //# sourceMappingURL=openToastWhileRunning.d.ts.map

package/dist/components/toolbar/Toolbar.d.ts

@@ -1,6 +1,7 @@
 import { FC } from '@dineug/r-html';
 export type ToolbarProps = {
     enableThemeBuilder: boolean;
+    enableLocalePicker?: boolean;
     readonly: boolean;
 };
 declare const Toolbar: FC<ToolbarProps>;

package/dist/components/visualization/graph-node/GraphNode.d.ts

@@ -16,8 +16,8 @@ export type GraphNodeProps = {
 };
 /**
  * One dot, owning its own hover and drag. A hovered table opens its preview
- * and lights its neighbourhood, a hovered column only wears a ring, and a
- * press pins the node under the pointer and reheats the layout around it.
+ * and lights its neighbourhood, a hovered column only wears a ring, a main
+ * press pins the node and reheats the layout, and a middle one pans the view.
  */
 declare const GraphNode: FC<GraphNodeProps>;
 export default GraphNode;

package/dist/components/visualization/graphPan.d.ts

@@ -0,0 +1,12 @@
+import { KonvaEventObject } from 'konva/lib/Node';
+import { VisualizationState } from './visualizationView';
+/**
+ * Pans the graph view with the pointer, in stage px, from a press on the
+ * background or a middle press anywhere. A pan is a drag too: a dot the pointer
+ * crosses on the way would otherwise open its preview under a busy hand.
+ *
+ * @example
+ * on:mousedown={(event) => captureGraphPan(event, state)}
+ */
+export declare function captureGraphPan(event: KonvaEventObject<Event>, state: VisualizationState): void;
+//# sourceMappingURL=graphPan.d.ts.map

package/dist/components/visualization/table/column/Column.d.ts

@@ -6,6 +6,10 @@ export type ColumnProps = {
     widthDataType: number;
     widthDefault: number;
     widthComment: number;
+    /** The room the table keeps for alternate key marks, 0 while it draws none. */
+    widthAlternateKey?: number;
+    /** The mark this row carries in that room, last, as the ERD scene draws it. */
+    alternateKey?: string;
 };
 declare const Column: FC<ColumnProps>;
 export default Column;

package/dist/components/visualization/visualizationView.d.ts

@@ -13,8 +13,8 @@ export declare const NAME_MAX_LENGTH = 15;
  * truncateName('a_very_long_table_name'); // 'a_very_long_tab…'
  */
 export declare function truncateName(name: string): string;
-/** The text a table's label draws: its name cut to length, or a placeholder. */
-export declare function labelOf(node: Pick<VisualizationNode, 'name'>): string;
+/** The text a table's label draws: its name cut to length, or the placeholder its input shows. */
+export declare function labelOf(node: Pick<VisualizationNode, 'name'>, placeholder: string): string;
 /** Whether a table has a name of its own, which is what its label is painted by. */
 export declare const hasName: (node: Pick<VisualizationNode, "name">) => boolean;
 export declare const TABLE_RADIUS = 8;

package/dist/constants/language.d.ts

@@ -3,6 +3,6 @@
  * the annotation used to widen them to — CodeBlock's lang is a union, and
  * widening here meant nothing checked that these were members of it.
  */
-export type Lang = 'csharp' | 'go' | 'graphql' | 'java' | 'kotlin' | 'python' | 'scala' | 'sql' | 'typescript';
+export type Lang = 'csharp' | 'go' | 'graphql' | 'java' | 'json' | 'kotlin' | 'mermaid' | 'php' | 'python' | 'rust' | 'scala' | 'sql' | 'swift' | 'typescript';
 export declare const LanguageToLangMap: Record<number, Lang>;
 //# sourceMappingURL=language.d.ts.map

package/dist/constants/layout.d.ts

@@ -1,6 +1,15 @@
 export declare const START_X = 200;
 export declare const START_Y = 100;
 export declare const START_ADD = 50;
+/** The corner the grid an import lands in starts at, on both axes. */
+export declare const TABLE_SORT_START = 50;
+/** The room the grid an import lands in keeps right of and below each table. */
+export declare const TABLE_SORT_MARGIN = 80;
+/**
+ * How far below the diagram the block an append brings starts, the gap the
+ * grid an import lands in keeps between its rows.
+ */
+export declare const APPEND_GAP = 80;
 export declare const DUPLICATE_MIN_MOVE = 4;
 /**
  * How far, in screen px, a press on a cell that also takes a click travels
@@ -48,6 +57,12 @@ export declare const COLUMN_MIN_WIDTH = 60;
 export declare const COLUMN_NOT_NULL_WIDTH = 35;
 export declare const COLUMN_UNIQUE_WIDTH = 22;
 export declare const COLUMN_AUTO_INCREMENT_WIDTH = 15;
+/**
+ * The advance one alternate key mark character takes. The mark is drawn at the
+ * cell size in the code face, whose glyphs all advance about 0.6 of the size,
+ * so a table is sized by the mark's length alone, in a headless peer too.
+ */
+export declare const COLUMN_ALTERNATE_KEY_CHAR_WIDTH: number;
 export declare const COLUMN_PADDING = 2;
 export declare const COLUMN_HEIGHT: number;
 /** The table icon a view card draws beside its name, at the reference's 1rem. */
@@ -95,10 +110,42 @@ export declare const MEMO_PADDING = 8;
 export declare const MEMO_HEADER_HEIGHT: number;
 export declare const MEMO_MIN_WIDTH: number;
 export declare const MEMO_MIN_HEIGHT = 100;
+/**
+ * The room a table group's box keeps around each member table on every side,
+ * and around the tables a group is made from.
+ */
+export declare const TABLE_GROUP_PADDING = 24;
+/**
+ * The bar a table group's name is drawn on along the top of its box, as tall
+ * as a table's header band, which the box's top padding clears as well.
+ */
+export declare const TABLE_GROUP_TITLE_HEIGHT = 28;
+/**
+ * The least a sash resizes a group to, which its members' padded box raises
+ * further: wide enough for a short name, tall enough for a body under the bar.
+ */
+export declare const TABLE_GROUP_MIN_WIDTH = 160;
+export declare const TABLE_GROUP_MIN_HEIGHT: number;
+/** The group a click of the draw mode makes, without a drag: room for two tables side by side. */
+export declare const TABLE_GROUP_DEFAULT_WIDTH = 480;
+export declare const TABLE_GROUP_DEFAULT_HEIGHT = 320;
 export declare const MINIMAP_SIZE = 150;
 export declare const MINIMAP_MARGIN = 20;
 export declare const TOOLBAR_HEIGHT = 30;
+/** The width of the toolbar's database name, which every language's placeholder fits. */
+export declare const TOOLBAR_DATABASE_NAME_WIDTH = 150;
+/**
+ * The padding around the Table Properties body. A band stuck to an edge of the
+ * body reaches back over it, so no row scrolls into sight behind the band.
+ */
+export declare const TABLE_PROPERTIES_BODY_PADDING = 12;
+/** How many rows the Table Properties index order shows before it scrolls the rest. */
+export declare const INDEX_ORDER_MAX_ROWS = 3;
 export declare const DIFF_TREE_WIDTH = 200;
+/** The width of the options panel beside the code, on the Schema SQL and Code Generator tabs. */
+export declare const SCHEMA_SQL_PANEL_WIDTH = 300;
+/** An editor narrower than this opens the Schema SQL and Code Generator tabs with their panels folded away. */
+export declare const SCHEMA_SQL_PANEL_COLLAPSE_BELOW = 640;
 /**
  * How thick a relationship connector is drawn. A whole number rather than a
  * fraction, so the stroke lands on pixel boundaries instead of spreading across

package/dist/constants/open.d.ts

@@ -4,8 +4,12 @@ export declare const Open: {
     readonly tableProperties: "tableProperties";
     readonly search: "search";
     readonly themeBuilder: "themeBuilder";
+    readonly localePicker: "localePicker";
     readonly diffViewer: "diffViewer";
     readonly timeTravel: "timeTravel";
+    readonly findReplace: "findReplace";
+    readonly exportImage: "exportImage";
+    readonly mapColumns: "mapColumns";
 };
 export type Open = ValuesType<typeof Open>;
 //# sourceMappingURL=open.d.ts.map

package/dist/constants/schema.d.ts

@@ -1,3 +1,4 @@
+import { ValuesType } from '../internal-types';
 export declare const CanvasType: {
     readonly ERD: "ERD";
     readonly visualization: "@dineug/erd-editor/builtin-visualization";
@@ -16,6 +17,10 @@ export declare const Show: {
     readonly columnUnique: 64;
     readonly columnNotNull: 128;
     readonly relationship: 256;
+    readonly columnAlternateKey: 512;
+    readonly hideReferentialAction: 1024;
+    readonly hideTableGroup: 2048;
+    readonly hideMemo: 4096;
 };
 export declare const ColumnType: {
     readonly columnName: 1;
@@ -53,6 +58,14 @@ export declare const Language: {
     readonly Drizzle: 2048;
     readonly DBML: 4096;
     readonly AML: 8192;
+    readonly Mermaid: 16384;
+    readonly PHP: 32768;
+    readonly Doctrine: 65536;
+    readonly Rust: 131072;
+    readonly SeaORM: 262144;
+    readonly Swift: 524288;
+    readonly Zod: 1048576;
+    readonly JSONSchema: 2097152;
 };
 export declare const LanguageList: readonly number[];
 export declare const NameCase: {
@@ -81,6 +94,15 @@ export declare const StartRelationshipType: {
     readonly dash: 2;
 };
 export declare const StartRelationshipTypeList: readonly number[];
+export declare const ReferentialAction: {
+    readonly none: 1;
+    readonly noAction: 2;
+    readonly cascade: 4;
+    readonly setNull: 8;
+    readonly setDefault: 16;
+    readonly restrict: 32;
+};
+export declare const ReferentialActionList: readonly number[];
 export declare const Direction: {
     readonly left: 1;
     readonly right: 2;
@@ -103,14 +125,26 @@ export declare const OrderType: {
     readonly DESC: 2;
 };
 export declare const OrderTypeList: readonly number[];
-export declare const SaveSettingType: {
-    readonly scroll: 1;
-    readonly zoomLevel: 2;
+export declare const LockSettingType: {
+    readonly viewport: 1;
+    readonly canvasType: 2;
+    readonly language: 4;
+    readonly tableNameCase: 8;
+    readonly columnNameCase: 16;
+    readonly bracketType: 32;
 };
+export declare const LockSettingTypeList: readonly number[];
+export declare const LockSettingFields: Readonly<Record<number, readonly ("zoomLevel" | "canvasType" | "language" | "bracketType" | "originX" | "originY" | "tableNameCase" | "columnNameCase")[]>>;
 export declare const CANVAS_SIZE_MAX: 20000;
 export declare const CANVAS_SIZE_MIN: 2000;
 export declare const CANVAS_ZOOM_MAX: 1.5;
 export declare const CANVAS_ZOOM_MIN: 0.1;
+export declare const DDLScriptPosition: {
+    readonly before: "before";
+    readonly after: "after";
+};
+export declare const DDLScriptPositionList: ReadonlyArray<ValuesType<typeof DDLScriptPosition>>;
 export declare const BracketTypeMap: Record<number, string>;
-export declare const ColumnTypeToName: Record<number, string>;
+/** The clause each action writes after ON DELETE / ON UPDATE; none writes none. */
+export declare const ReferentialActionToSQL: Record<number, string>;
 //# sourceMappingURL=schema.d.ts.map

package/dist/constants/sql/dataType/PostgreSQL.d.ts

@@ -1,6 +1,7 @@
 import { DataTypeHint } from '.';
 /**
- * https://www.postgresql.org/docs/current/datatype.html
+ * https://www.postgresql.org/docs/current/datatype.html, and dec, which the
+ * grammar reads as numeric, as it reads decimal.
  */
 export declare const PostgreSQLTypes: DataTypeHint[];
 //# sourceMappingURL=PostgreSQL.d.ts.map

package/dist/constants/sql/dataType/SQLite.d.ts

@@ -1,6 +1,8 @@
 import { DataTypeHint } from '.';
 /**
- * https://www.sqlite.org/datatype3.html
+ * https://www.sqlite.org/datatype3.html, and BOOL, DEC, TIME and TIMESTAMP,
+ * which SQLite schemas use too: Django declares a boolean as bool and a time
+ * as time, and DEC, standard SQL's DECIMAL, takes the same NUMERIC affinity.
  */
 export declare const SQLiteTypes: DataTypeHint[];
 //# sourceMappingURL=SQLite.d.ts.map

package/dist/engine/actions.d.ts

@@ -22,11 +22,24 @@ import { actions$ as tableActions$ } from './modules/table/generator.actions';
 import { ActionMap as TableColumnActionMap } from './modules/table-column/actions';
 import { actions as tableColumnActions } from './modules/table-column/atom.actions';
 import { actions$ as tableColumnActions$ } from './modules/table-column/generator.actions';
-export type Actions = typeof editorActions & typeof editorActions$ & typeof indexActions & typeof indexActions$ & typeof indexColumnActions & typeof indexColumnActions$ & typeof memoActions & typeof memoActions$ & typeof relationshipActions & typeof relationshipActions$ & typeof settingsActions & typeof settingsActions$ & typeof tableActions & typeof tableActions$ & typeof tableColumnActions & typeof tableColumnActions$;
-export type RootActionMap = EditorActionMap & TableActionMap & TableColumnActionMap & MemoActionMap & RelationshipActionMap & SettingsActionMap & IndexActionMap & IndexColumnActionMap;
+import { ActionMap as TableGroupActionMap } from './modules/table-group/actions';
+import { actions as tableGroupActions } from './modules/table-group/atom.actions';
+import { actions$ as tableGroupActions$ } from './modules/table-group/generator.actions';
+export type Actions = typeof editorActions & typeof editorActions$ & typeof indexActions & typeof indexActions$ & typeof indexColumnActions & typeof indexColumnActions$ & typeof memoActions & typeof memoActions$ & typeof relationshipActions & typeof relationshipActions$ & typeof settingsActions & typeof settingsActions$ & typeof tableActions & typeof tableActions$ & typeof tableColumnActions & typeof tableColumnActions$ & typeof tableGroupActions & typeof tableGroupActions$;
+export type RootActionMap = EditorActionMap & TableActionMap & TableColumnActionMap & MemoActionMap & RelationshipActionMap & SettingsActionMap & IndexActionMap & IndexColumnActionMap & TableGroupActionMap;
 export type ActionType = keyof RootActionMap;
 export declare const actions: Actions;
 export declare const ChangeActionTypes: ReadonlyArray<ActionType>;
+/**
+ * What a replica reports as a change: every change, and the save switch the
+ * locks replaced, which changes nothing yet owes the hub that relayed it a save.
+ */
+export declare const ReplicaChangeActionTypes: ReadonlyArray<ActionType>;
+/**
+ * What a replica applies: what it reports, and the registers a window answers
+ * a join with, which change no saved byte and so owe no hub a save.
+ */
+export declare const ReplicaActionTypes: ReadonlyArray<ActionType>;
 export declare const ReadonlyIgnoreActionTypes: ReadonlyArray<ActionType>;
 /**
  * What a view keeps from the document while it is active: every edit a
@@ -34,6 +47,11 @@ export declare const ReadonlyIgnoreActionTypes: ReadonlyArray<ActionType>;
  * a view cannot stand in the way of and answers by closing.
  */
 export declare const ViewIgnoreActionTypes: ReadonlyArray<ActionType>;
+/**
+ * The lock that holds each setting action out of the element's change event:
+ * while it is on, the action changes the screen and never the file.
+ */
+export declare const LockSettingActionTypes: Readonly<Partial<Record<ActionType, number>>>;
 export declare const SharedStreamActionTypes: ReadonlyArray<ActionType>;
 export declare const SharedActionTypes: ReadonlyArray<ActionType>;
 export declare const SharedFollowingActionTypes: ReadonlyArray<ActionType>;

package/dist/engine/context.d.ts

@@ -1,6 +1,12 @@
 import { Clock } from './clock';
 export type EngineContext = {
     toWidth: (text: string) => number;
+    /**
+     * False in a store that draws nothing, a peer's or a replica's: its load
+     * places each relationship's anchors and routes no connector, which only a
+     * drawing reads. Any other store routes them.
+     */
+    routes?: boolean;
     clock: Clock;
 };
 export type InjectEngineContext = Omit<EngineContext, 'clock'>;

package/dist/engine/index.d.ts

@@ -1,2 +1,2 @@
-export { createReplicationStore, type ReplicationStore, } from './replication-store';
+export { createReplicationStore, type ReplicationChange, type ReplicationStore, } from './replication-store';
 //# sourceMappingURL=index.d.ts.map

package/dist/engine/index.js

@@ -1,34 +1,45 @@
-import { Ii as e, Xn as t, c as n, et as r, h as i, nn as a, p as o, t as s, va as c, wn as l, y as u } from "../store-hooks-DuzDVhPy.js";
-import { n as d, t as f } from "../schemaGCService-BagQ1wfF.js";
-import { isEmpty as p } from "es-toolkit/compat";
-import { omit as m } from "es-toolkit";
-import { Observable as h, Subject as g, debounceTime as _, map as v } from "rxjs";
+import { $ as e, Bo as t, Jn as n, c as r, ds as i, mn as a, n as o, ps as s, r as c, t as l, u, v as d, y as f } from "../loadValue-B3EFSe9k.js";
+import { Observable as p, Subject as m, debounceTime as h, map as g } from "rxjs";
+import { omit as _ } from "es-toolkit";
 //#region src/engine/replication-store.ts
-var y = { change: "change" };
-function b(b) {
-	let x = /* @__PURE__ */ new Set(), S = i(b), C = n(S, !1);
-	C.dispatchSync(l({
+var v = t(f), y = { change: "change" };
+function b(t) {
+	let b = /* @__PURE__ */ new Set(), x = u({
+		...t,
+		routes: !1
+	}), { clock: S } = x, C = c(x, !1);
+	C.dispatchSync(n({
 		width: 0,
 		height: 0
 	}));
-	let w = s(C), T = new g(), E = new h((e) => C.subscribe((t) => e.next(t))).pipe(o(u), _(200)), D = /* @__PURE__ */ new Set(), O = new f(), k = (e) => (D.has(e) || D.add(e), () => {
+	let w = o(C), T = new m(), E = new p((e) => C.subscribe((t) => e.next(t))).pipe(r(f), h(200)), D = /* @__PURE__ */ new Set(), O = null, k = (e) => (D.has(e) || D.add(e), () => {
 		D.delete(e);
 	}), A = (e, t) => {
 		D.forEach((n) => {
 			let r = Reflect.get(n, e);
 			a(r, t);
 		});
-	}, j = (n) => {
-		let i = e(n);
-		C.dispatchSync(r(p(i) ? "{}" : i)), O.run(c(C.state)).then((e) => {
-			(e.tableIds.length || e.tableColumnIds.length || e.relationshipIds.length || e.indexIds.length || e.indexColumnIds.length || e.memoIds.length) && (d(C.state, e), C.dispatchSync(t()));
-		});
+	}, j = (t) => {
+		O = null, C.dispatchSync(e(l(t)));
 	}, M = (e) => {
 		T.next([e].flat());
 	};
-	return x.add(E.subscribe(() => A(y.change, void 0))).add(T.pipe(o(u), v((e) => e.map((e) => m(e, ["tags"])))).subscribe(C.dispatchSync)), Object.freeze({
+	return b.add(E.subscribe(() => {
+		let e = i(C.state), t = O !== null && e !== O;
+		O !== null && (O = e), A(y.change, {
+			value: e,
+			changed: t
+		});
+	})).add(T.pipe(r(d), g((e) => e.map((e) => _(e, ["tags"])))).subscribe((e) => {
+		e.some(({ type: e }) => v(e)) && (O ??= i(C.state));
+		let t = S.getNextVersion();
+		e.forEach((e) => e.version ??= t), C.dispatchSync(e), e.forEach((e) => S.merge(e.version));
+	})), Object.freeze({
 		get value() {
-			return c(C.state);
+			return i(C.state);
+		},
+		get runtimeValue() {
+			return s(C.state);
 		},
 		on: k,
 		setInitialValue: j,
@@ -37,7 +48,7 @@ function b(b) {
 		},
 		dispatchSync: M,
 		destroy: () => {
-			Array.from(x).forEach((e) => e.unsubscribe()), x.clear(), D.clear(), C.destroy(), w.destroy();
+			Array.from(b).forEach((e) => e.unsubscribe()), b.clear(), D.clear(), C.destroy(), w.destroy();
 		}
 	});
 }

package/dist/engine/modules/editor/actions.d.ts

@@ -22,6 +22,8 @@ export declare const ActionType: {
     readonly editTableEnd: "editor.editTableEnd";
     readonly editMemo: "editor.editMemo";
     readonly editMemoEnd: "editor.editMemoEnd";
+    readonly editTableGroup: "editor.editTableGroup";
+    readonly editTableGroupEnd: "editor.editTableGroupEnd";
     readonly scrollMemo: "editor.scrollMemo";
     readonly selectAllColumn: "editor.selectAllColumn";
     readonly drawStartRelationship: "editor.drawStartRelationship";
@@ -32,6 +34,7 @@ export declare const ActionType: {
     readonly hoverRelationshipMap: "editor.hoverRelationshipMap";
     readonly changeOpenMap: "editor.changeOpenMap";
     readonly changeHandTool: "editor.changeHandTool";
+    readonly changeDrawTableGroup: "editor.changeDrawTableGroup";
     readonly changeZenMode: "editor.changeZenMode";
     readonly dragstartColumn: "editor.dragstartColumn";
     readonly dragendColumn: "editor.dragendColumn";
@@ -40,7 +43,6 @@ export declare const ActionType: {
     readonly sharedSelectionTracker: "editor.sharedSelectionTracker";
     readonly sharedDragSelectTracker: "editor.sharedDragSelectTracker";
     readonly dragSelectRect: "editor.dragSelectRect";
-    readonly validationIds: "editor.validationIds";
     readonly getLWW: "editor.getLWW";
     readonly mergeLWW: "editor.mergeLWW";
     readonly viewOpen: "editor.viewOpen";
@@ -98,6 +100,10 @@ export type ActionMap = {
         id: string;
     };
     [ActionType.editMemoEnd]: void;
+    [ActionType.editTableGroup]: {
+        id: string;
+    };
+    [ActionType.editTableGroupEnd]: void;
     [ActionType.scrollMemo]: {
         id: string;
         /** How far down its body the memo is shown from, in body px. */
@@ -125,6 +131,9 @@ export type ActionMap = {
     [ActionType.changeHandTool]: {
         value: boolean;
     };
+    [ActionType.changeDrawTableGroup]: {
+        value: boolean;
+    };
     [ActionType.changeZenMode]: {
         value: boolean;
     };
@@ -149,7 +158,6 @@ export type ActionMap = {
     [ActionType.dragSelectRect]: {
         rect: Rect | null;
     };
-    [ActionType.validationIds]: void;
     [ActionType.getLWW]: void;
     [ActionType.mergeLWW]: {
         lww: LWW;