@particle-academy/fancy-echarts 2.0.2 → 3.0.1

package/README.md

@@ -73,6 +73,194 @@ option={{
 
 This is consumer responsibility — the wrapper does not introspect `option` to identify HTML-bearing fields.
 
+## Recipes: ECharts × react-fancy
+
+`fancy-echarts` is a thin wrapper — every interaction surface is reachable through `onEvents`, `useECharts().instance`, and `tooltip.formatter`. These recipes cover the patterns that hold up across charts.
+
+### Wrap any chart with a Popover, ContextMenu, and Action button
+
+The pattern that scales: a single `ChartFrame` wrapper that gives every chart an info popover next to the title, action buttons in the header, and a right-click context menu on the body. Build it once, reuse for every chart type:
+
+```tsx
+import { Card, Popover, Action, Badge, ContextMenu, Icon, useToast } from "@particle-academy/react-fancy";
+
+function ChartFrame({ title, info, actions = [], onExport, extraMenu, children }) {
+  const { toast } = useToast();
+  return (
+    <Card>
+      <Card.Header>
+        <div className="flex items-center justify-between">
+          <div className="flex items-center gap-2">
+            <h3 className="font-semibold">{title}</h3>
+            <Popover hover placement="right">
+              <Popover.Trigger>
+                <button><Icon name="info" size="sm" /></button>
+              </Popover.Trigger>
+              <Popover.Content>
+                <p className="w-64 text-sm text-zinc-500">{info}</p>
+              </Popover.Content>
+            </Popover>
+          </div>
+          <div className="flex gap-2">
+            {actions.map((a) => <Action key={a.label} size="sm" onClick={a.onClick}>{a.label}</Action>)}
+          </div>
+        </div>
+      </Card.Header>
+      <Card.Body>
+        <ContextMenu>
+          <ContextMenu.Trigger><div>{children}</div></ContextMenu.Trigger>
+          <ContextMenu.Content>
+            <ContextMenu.Item onClick={onExport}>Export CSV</ContextMenu.Item>
+            <ContextMenu.Item onClick={() => toast({ title: "Exported PNG" })}>Export PNG</ContextMenu.Item>
+            {extraMenu && <ContextMenu.Separator />}
+            {extraMenu}
+          </ContextMenu.Content>
+        </ContextMenu>
+      </Card.Body>
+    </Card>
+  );
+}
+
+<ChartFrame title="Revenue" info="..." actions={[{ label: "Forecast", onClick: ... }]}>
+  <EChart option={lineOption} style={{ height: 320 }} />
+</ChartFrame>
+```
+
+Three reasons this works: `<ContextMenu.Trigger>` wraps the chart canvas without injecting DOM into ECharts, `Popover hover` is independent of any chart event, and the chart inside is unaware of the frame.
+
+### Right-click a data point → open a Modal drill-down
+
+`onEvents.contextmenu` fires per-datum with the same `params` shape as `click`. Call `params.event.event.preventDefault()` to suppress the browser menu, then drive your own state.
+
+```tsx
+<EChart
+  option={barOption}
+  onEvents={{
+    contextmenu: (params) => {
+      params.event.event.preventDefault();
+      const region = regions.find((r) => r.name === params.name);
+      setDrill(region);  // opens a <Modal>
+    },
+  }}
+/>
+```
+
+If you also wrap the chart in `<ContextMenu>` (chart-level actions), this still works — the per-bar `contextmenu` event fires *and* the wrapper menu opens. Suppress one or the other based on which event the cursor was over.
+
+### Click-to-toast and hover-popover on a slice
+
+`onEvents.click` for actions, native ECharts `tooltip` for hover details — they don't conflict.
+
+```tsx
+<EChart
+  option={{
+    tooltip: { trigger: "item", formatter: "{b}<br/>${c}k ({d}%)" },
+    series: [{ type: "pie", data: categories }],
+  }}
+  onEvents={{
+    click: (p) => toast({ title: `${p.name}: ${p.percent}%`, variant: "info" }),
+  }}
+/>
+```
+
+### Rich HTML tooltips with sanitized data
+
+`tooltip.formatter` accepts a function returning an HTML string. Compose colored arrows, badges, and metadata — but always escape user input.
+
+```tsx
+tooltip: {
+  trigger: "axis",
+  formatter: (params) => {
+    const p = params[0];
+    const region = regions.find((r) => r.name === p.name);
+    const arrow = region.growth >= 0 ? "▲" : "▼";
+    const color = region.growth >= 15 ? "#10b981" : "#3b82f6";
+    return `<div style="font-weight:600">${escape(p.name)}</div>
+            <div>Revenue: <b>$${p.value.toLocaleString()}k</b></div>
+            <div style="color:${color}">${arrow} ${region.growth}% YoY</div>`;
+  },
+}
+```
+
+For interactive content inside a tooltip (buttons that fire React state), use a `Popover` keyed off `onEvents.mouseover` instead — ECharts tooltips are detached HTML and lose React handlers.
+
+### Per-datum styling from an array of objects
+
+Pass `data` as `{ value, itemStyle }[]` to color each bar/slice individually based on a property of the underlying record:
+
+```tsx
+series: [{
+  type: "bar",
+  data: regions.map((r) => ({
+    value: r.value,
+    itemStyle: {
+      color: r.growth >= 15 ? "#10b981" : "#3b82f6",
+      borderRadius: [0, 6, 6, 0],
+    },
+  })),
+}]
+```
+
+### Wrap the page in `<Toast.Provider>` for toast feedback
+
+`useToast()` only works inside a provider. Wrap the demo's outermost element so chart-event toasts have somewhere to render:
+
+```tsx
+export function Showcase() {
+  return (
+    <Toast.Provider position="bottom-right">
+      <ShowcaseInner />
+    </Toast.Provider>
+  );
+}
+```
+
+### Keep the chart `option` memoized
+
+Re-creating the option object on every render forces ECharts to diff and reapply. `useMemo` keeps the reference stable so the chart only updates when its inputs actually change:
+
+```tsx
+const lineOption = useMemo(() => ({ /* ... */ }), [revenue, expenses]);
+<EChart option={lineOption} />
+```
+
+### Theme-toggling is a prop swap
+
+Pass `theme="dark-preset"` (after `registerBuiltinThemes()`) or `theme="light"` and re-render — the wrapper rebuilds the chart with the new theme automatically. No `dispose()` calls needed.
+
+```tsx
+const [theme, setTheme] = useState<"light" | "dark-preset">("light");
+
+<Action onClick={() => setTheme((t) => t === "light" ? "dark-preset" : "light")}>
+  Toggle theme
+</Action>
+<EChart theme={theme} option={option} />
+```
+
+### Pitfalls
+
+- **Badge takes `color`, not `variant`.** Valid colors: `zinc | red | blue | green | amber | violet | rose`. The `variant` prop selects the *style* (`soft | solid | outline`), not the semantic intent. Don't confuse this with `Toast.toast({ variant: "success" })`, which uses semantic names.
+- **`<ContextMenu.Trigger>` needs a single DOM child.** Wrap `<EChart>` in a plain `<div>` if you have additional siblings (or none — Trigger forwards refs through the wrapper).
+- **`params.event` vs `params.event.event`.** ECharts wraps the native event. Call `params.event.event.preventDefault()` to stop the browser context menu, not `params.event.preventDefault()`.
+- **Don't render React inside `tooltip.formatter`.** Returning an HTML string is fine; expecting React state or handlers to attach to that HTML is not. For interactive tooltips, use `Popover` driven by `onEvents.mouseover` / `mouseout` instead.
+
+## Diagrams
+
+Beyond charts, fancy-echarts ships four schema-driven diagram components for data-modeling, process flows, mindmapping, and hierarchies. They share one routing/marker engine — same import surface, same theming.
+
+```tsx
+import { DataDiagram, Flowchart, Mindmap, OrgChart } from "@particle-academy/fancy-echarts";
+```
+
+| Component | Use case | Default routing |
+|-----------|----------|-----------------|
+| `<DataDiagram>` | ERD / UML class diagrams with fields, primary/foreign keys, exports | manhattan |
+| `<Flowchart>` | Boxes + typed arrows, no fields | manhattan |
+| `<Mindmap>` | Radial single-root tree with bezier connectors | bezier |
+| `<OrgChart>` | Top-down hierarchy, tidy-tree layout, inheritance markers | manhattan |
+
+See [docs/Diagram.md](docs/Diagram.md) for schemas, props, and layout details.
+
 ## Documentation
 
 Full component documentation is available in the [docs/](docs/) folder:
@@ -82,6 +270,7 @@ Full component documentation is available in the [docs/](docs/) folder:
 | [EChart](docs/EChart.md) | Base chart component + all 20 series sub-components |
 | [EChart3D](docs/EChart3D.md) | 3D charts (Bar, Scatter, Line, Surface, Globe) |
 | [EChartGraphic](docs/EChartGraphic.md) | Custom drawing with the graphic API |
+| [Diagram](docs/Diagram.md) | Diagram engine + DataDiagram, Flowchart, Mindmap, OrgChart presets |
 | [useECharts](docs/useECharts.md) | Core hook for custom integrations |
 | [Registration](docs/registration.md) | Tree shaking and selective chart registration |
 | [Themes](docs/themes.md) | Built-in themes and custom theme creation |

package/dist/diagram.serializers-DSYRR3LI.js

@@ -0,0 +1,277 @@
+// src/components/Diagram/diagram.serializers.ts
+function serializeToERD(schema) {
+  const lines = [];
+  for (const entity of schema.entities) {
+    lines.push(`[${entity.name}]`);
+    if (entity.fields) {
+      for (const field of entity.fields) {
+        const parts = [`  ${field.name}`];
+        if (field.type) parts.push(field.type);
+        if (field.primary) parts.push("PK");
+        if (field.foreign) parts.push("FK");
+        if (field.nullable) parts.push("?");
+        lines.push(parts.join(" "));
+      }
+    }
+    lines.push("");
+  }
+  for (const rel of schema.relations) {
+    const fromEntity = schema.entities.find((e) => e.id === rel.from);
+    const toEntity = schema.entities.find((e) => e.id === rel.to);
+    if (!fromEntity || !toEntity) continue;
+    const marker = getERDMarker(rel.type);
+    const parts = [fromEntity.name, marker, toEntity.name];
+    if (rel.label) parts.push(`: ${rel.label}`);
+    lines.push(parts.join(" "));
+  }
+  return lines.join("\n").trim();
+}
+function getERDMarker(type) {
+  switch (type) {
+    case "one-to-one":
+      return "1--1";
+    case "one-to-many":
+      return "1--*";
+    case "many-to-many":
+      return "*--*";
+    default:
+      return "--";
+  }
+}
+function serializeToUML(schema) {
+  const lines = ["@startuml"];
+  for (const entity of schema.entities) {
+    lines.push(`class ${entity.name} {`);
+    if (entity.fields) {
+      for (const field of entity.fields) {
+        const typeStr = field.type ?? "any";
+        const nullable = field.nullable ? "?" : "";
+        const stereotype = field.primary ? " <<PK>>" : field.foreign ? " <<FK>>" : "";
+        lines.push(`  ${field.name} : ${typeStr}${nullable}${stereotype}`);
+      }
+    }
+    lines.push("}");
+    lines.push("");
+  }
+  for (const rel of schema.relations) {
+    const fromEntity = schema.entities.find((e) => e.id === rel.from);
+    const toEntity = schema.entities.find((e) => e.id === rel.to);
+    if (!fromEntity || !toEntity) continue;
+    const arrow = getUMLArrow(rel.type);
+    const label = rel.label ? ` : ${rel.label}` : "";
+    lines.push(`${fromEntity.name} ${arrow} ${toEntity.name}${label}`);
+  }
+  lines.push("@enduml");
+  return lines.join("\n");
+}
+function getUMLArrow(type) {
+  switch (type) {
+    case "one-to-one":
+      return '"1" -- "1"';
+    case "one-to-many":
+      return '"1" -- "*"';
+    case "many-to-many":
+      return '"*" -- "*"';
+    default:
+      return "--";
+  }
+}
+function serializeToDFD(schema) {
+  const lines = [];
+  for (const entity of schema.entities) {
+    lines.push(`entity ${entity.name}`);
+  }
+  lines.push("");
+  for (const rel of schema.relations) {
+    const fromEntity = schema.entities.find((e) => e.id === rel.from);
+    const toEntity = schema.entities.find((e) => e.id === rel.to);
+    if (!fromEntity || !toEntity) continue;
+    const label = rel.label ? ` "${rel.label}"` : "";
+    lines.push(`${fromEntity.name} -> ${toEntity.name}${label}`);
+  }
+  return lines.join("\n").trim();
+}
+function deserializeSchema(input, format) {
+  switch (format) {
+    case "erd":
+      return deserializeERD(input);
+    case "uml":
+      return deserializeUML(input);
+    case "dfd":
+      return deserializeDFD(input);
+  }
+}
+function deserializeERD(input) {
+  const entities = [];
+  const relations = [];
+  const lines = input.split("\n");
+  let currentEntity = null;
+  for (const rawLine of lines) {
+    const line = rawLine.trim();
+    const entityMatch = line.match(/^\[(.+)\]$/);
+    if (entityMatch) {
+      currentEntity = {
+        id: entityMatch[1].toLowerCase().replace(/\s+/g, "_"),
+        name: entityMatch[1],
+        fields: []
+      };
+      entities.push(currentEntity);
+      continue;
+    }
+    if (currentEntity && rawLine.startsWith("  ") && line.length > 0) {
+      const parts = line.split(/\s+/);
+      const field = { name: parts[0] };
+      if (parts.length > 1 && !["PK", "FK", "?"].includes(parts[1])) {
+        field.type = parts[1];
+      }
+      if (parts.includes("PK")) field.primary = true;
+      if (parts.includes("FK")) field.foreign = true;
+      if (parts.includes("?")) field.nullable = true;
+      currentEntity.fields.push(field);
+      continue;
+    }
+    const relMatch = line.match(
+      /^(\S+)\s+(1--1|1--\*|\*--\*)\s+(\S+)(?:\s*:\s*(.+))?$/
+    );
+    if (relMatch) {
+      currentEntity = null;
+      const fromName = relMatch[1];
+      const marker = relMatch[2];
+      const toName = relMatch[3];
+      const label = relMatch[4];
+      const fromEntity = entities.find((e) => e.name === fromName);
+      const toEntity = entities.find((e) => e.name === toName);
+      if (fromEntity && toEntity) {
+        relations.push({
+          id: `${fromEntity.id ?? fromEntity.name}_${toEntity.id ?? toEntity.name}`,
+          from: fromEntity.id ?? fromEntity.name,
+          to: toEntity.id ?? toEntity.name,
+          type: parseERDMarker(marker),
+          label
+        });
+      }
+      continue;
+    }
+    if (line === "") {
+      currentEntity = null;
+    }
+  }
+  return { entities, relations };
+}
+function parseERDMarker(marker) {
+  switch (marker) {
+    case "1--1":
+      return "one-to-one";
+    case "1--*":
+      return "one-to-many";
+    case "*--*":
+      return "many-to-many";
+    default:
+      return "one-to-many";
+  }
+}
+function deserializeUML(input) {
+  const entities = [];
+  const relations = [];
+  const lines = input.split("\n");
+  let currentEntity = null;
+  for (const rawLine of lines) {
+    const line = rawLine.trim();
+    if (line === "@startuml" || line === "@enduml" || line === "") continue;
+    const classMatch = line.match(/^class\s+(\S+)\s*\{$/);
+    if (classMatch) {
+      currentEntity = {
+        id: classMatch[1].toLowerCase().replace(/\s+/g, "_"),
+        name: classMatch[1],
+        fields: []
+      };
+      entities.push(currentEntity);
+      continue;
+    }
+    if (line === "}") {
+      currentEntity = null;
+      continue;
+    }
+    if (currentEntity) {
+      const fieldMatch = line.match(
+        /^(\S+)\s*:\s*(\S+?)(\?)?(?:\s*<<(PK|FK)>>)?$/
+      );
+      if (fieldMatch) {
+        const field = {
+          name: fieldMatch[1],
+          type: fieldMatch[2]
+        };
+        if (fieldMatch[3]) field.nullable = true;
+        if (fieldMatch[4] === "PK") field.primary = true;
+        if (fieldMatch[4] === "FK") field.foreign = true;
+        currentEntity.fields.push(field);
+      }
+      continue;
+    }
+    const relMatch = line.match(
+      /^(\S+)\s+"([1*])"\s+--\s+"([1*])"\s+(\S+)(?:\s*:\s*(.+))?$/
+    );
+    if (relMatch) {
+      const fromName = relMatch[1];
+      const fromCard = relMatch[2];
+      const toCard = relMatch[3];
+      const toName = relMatch[4];
+      const label = relMatch[5];
+      const fromEntity = entities.find((e) => e.name === fromName);
+      const toEntity = entities.find((e) => e.name === toName);
+      if (fromEntity && toEntity) {
+        const type = fromCard === "1" && toCard === "1" ? "one-to-one" : fromCard === "1" && toCard === "*" ? "one-to-many" : "many-to-many";
+        relations.push({
+          id: `${fromEntity.id ?? fromEntity.name}_${toEntity.id ?? toEntity.name}`,
+          from: fromEntity.id ?? fromEntity.name,
+          to: toEntity.id ?? toEntity.name,
+          type,
+          label
+        });
+      }
+    }
+  }
+  return { entities, relations };
+}
+function deserializeDFD(input) {
+  const entities = [];
+  const relations = [];
+  const lines = input.split("\n");
+  for (const rawLine of lines) {
+    const line = rawLine.trim();
+    if (line === "") continue;
+    const entityMatch = line.match(/^entity\s+(\S+)$/);
+    if (entityMatch) {
+      entities.push({
+        id: entityMatch[1].toLowerCase().replace(/\s+/g, "_"),
+        name: entityMatch[1],
+        fields: []
+      });
+      continue;
+    }
+    const flowMatch = line.match(
+      /^(\S+)\s+->\s+(\S+)(?:\s+"(.+)")?$/
+    );
+    if (flowMatch) {
+      const fromName = flowMatch[1];
+      const toName = flowMatch[2];
+      const label = flowMatch[3];
+      const fromEntity = entities.find((e) => e.name === fromName);
+      const toEntity = entities.find((e) => e.name === toName);
+      if (fromEntity && toEntity) {
+        relations.push({
+          id: `${fromEntity.id ?? fromEntity.name}_${toEntity.id ?? toEntity.name}`,
+          from: fromEntity.id ?? fromEntity.name,
+          to: toEntity.id ?? toEntity.name,
+          type: "one-to-many",
+          label
+        });
+      }
+    }
+  }
+  return { entities, relations };
+}
+
+export { deserializeSchema, serializeToDFD, serializeToERD, serializeToUML };
+//# sourceMappingURL=diagram.serializers-DSYRR3LI.js.map
+//# sourceMappingURL=diagram.serializers-DSYRR3LI.js.map

package/dist/diagram.serializers-DSYRR3LI.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/Diagram/diagram.serializers.ts"],"names":[],"mappings":"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","file":"diagram.serializers-DSYRR3LI.js","sourcesContent":["import type {\n  DiagramSchema,\n  DiagramEntityData,\n  DiagramRelationData,\n  DiagramFieldData,\n  ExportFormat,\n  RelationType,\n} from \"./Diagram.types\";\n\n/**\n * Serialize a diagram schema to PlantUML-style ERD text.\n *\n * Example output:\n * ```\n * [Users]\n *   id int PK\n *   email varchar\n *\n * [Posts]\n *   id int PK\n *   user_id int FK\n *\n * Users 1--* Posts\n * ```\n */\nexport function serializeToERD(schema: DiagramSchema): string {\n  const lines: string[] = [];\n\n  for (const entity of schema.entities) {\n    lines.push(`[${entity.name}]`);\n    if (entity.fields) {\n      for (const field of entity.fields) {\n        const parts = [`  ${field.name}`];\n        if (field.type) parts.push(field.type);\n        if (field.primary) parts.push(\"PK\");\n        if (field.foreign) parts.push(\"FK\");\n        if (field.nullable) parts.push(\"?\");\n        lines.push(parts.join(\" \"));\n      }\n    }\n    lines.push(\"\");\n  }\n\n  for (const rel of schema.relations) {\n    const fromEntity = schema.entities.find((e) => e.id === rel.from);\n    const toEntity = schema.entities.find((e) => e.id === rel.to);\n    if (!fromEntity || !toEntity) continue;\n\n    const marker = getERDMarker(rel.type);\n    const parts = [fromEntity.name, marker, toEntity.name];\n    if (rel.label) parts.push(`: ${rel.label}`);\n    lines.push(parts.join(\" \"));\n  }\n\n  return lines.join(\"\\n\").trim();\n}\n\nfunction getERDMarker(type: RelationType): string {\n  switch (type) {\n    case \"one-to-one\":\n      return \"1--1\";\n    case \"one-to-many\":\n      return \"1--*\";\n    case \"many-to-many\":\n      return \"*--*\";\n    default:\n      return \"--\";\n  }\n}\n\n/**\n * Serialize a diagram schema to PlantUML class diagram text.\n */\nexport function serializeToUML(schema: DiagramSchema): string {\n  const lines: string[] = [\"@startuml\"];\n\n  for (const entity of schema.entities) {\n    lines.push(`class ${entity.name} {`);\n    if (entity.fields) {\n      for (const field of entity.fields) {\n        const typeStr = field.type ?? \"any\";\n        const nullable = field.nullable ? \"?\" : \"\";\n        const stereotype = field.primary\n          ? \" <<PK>>\"\n          : field.foreign\n            ? \" <<FK>>\"\n            : \"\";\n        lines.push(`  ${field.name} : ${typeStr}${nullable}${stereotype}`);\n      }\n    }\n    lines.push(\"}\");\n    lines.push(\"\");\n  }\n\n  for (const rel of schema.relations) {\n    const fromEntity = schema.entities.find((e) => e.id === rel.from);\n    const toEntity = schema.entities.find((e) => e.id === rel.to);\n    if (!fromEntity || !toEntity) continue;\n\n    const arrow = getUMLArrow(rel.type);\n    const label = rel.label ? ` : ${rel.label}` : \"\";\n    lines.push(`${fromEntity.name} ${arrow} ${toEntity.name}${label}`);\n  }\n\n  lines.push(\"@enduml\");\n  return lines.join(\"\\n\");\n}\n\nfunction getUMLArrow(type: RelationType): string {\n  switch (type) {\n    case \"one-to-one\":\n      return '\"1\" -- \"1\"';\n    case \"one-to-many\":\n      return '\"1\" -- \"*\"';\n    case \"many-to-many\":\n      return '\"*\" -- \"*\"';\n    default:\n      return \"--\";\n  }\n}\n\n/**\n * Serialize a diagram schema to a simple DFD text format.\n */\nexport function serializeToDFD(schema: DiagramSchema): string {\n  const lines: string[] = [];\n\n  for (const entity of schema.entities) {\n    lines.push(`entity ${entity.name}`);\n  }\n\n  lines.push(\"\");\n\n  for (const rel of schema.relations) {\n    const fromEntity = schema.entities.find((e) => e.id === rel.from);\n    const toEntity = schema.entities.find((e) => e.id === rel.to);\n    if (!fromEntity || !toEntity) continue;\n\n    const label = rel.label ? ` \"${rel.label}\"` : \"\";\n    lines.push(`${fromEntity.name} -> ${toEntity.name}${label}`);\n  }\n\n  return lines.join(\"\\n\").trim();\n}\n\n/**\n * Parse a serialized schema string back into a DiagramSchema.\n */\nexport function deserializeSchema(\n  input: string,\n  format: ExportFormat,\n): DiagramSchema {\n  switch (format) {\n    case \"erd\":\n      return deserializeERD(input);\n    case \"uml\":\n      return deserializeUML(input);\n    case \"dfd\":\n      return deserializeDFD(input);\n  }\n}\n\nfunction deserializeERD(input: string): DiagramSchema {\n  const entities: DiagramEntityData[] = [];\n  const relations: DiagramRelationData[] = [];\n  const lines = input.split(\"\\n\");\n\n  let currentEntity: DiagramEntityData | null = null;\n\n  for (const rawLine of lines) {\n    const line = rawLine.trim();\n\n    // Entity header: [EntityName]\n    const entityMatch = line.match(/^\\[(.+)\\]$/);\n    if (entityMatch) {\n      currentEntity = {\n        id: entityMatch[1].toLowerCase().replace(/\\s+/g, \"_\"),\n        name: entityMatch[1],\n        fields: [],\n      };\n      entities.push(currentEntity);\n      continue;\n    }\n\n    // Field line (indented): name type PK FK ?\n    if (currentEntity && rawLine.startsWith(\"  \") && line.length > 0) {\n      const parts = line.split(/\\s+/);\n      const field: DiagramFieldData = { name: parts[0] };\n      if (parts.length > 1 && ![\"PK\", \"FK\", \"?\"].includes(parts[1])) {\n        field.type = parts[1];\n      }\n      if (parts.includes(\"PK\")) field.primary = true;\n      if (parts.includes(\"FK\")) field.foreign = true;\n      if (parts.includes(\"?\")) field.nullable = true;\n      currentEntity.fields!.push(field);\n      continue;\n    }\n\n    // Relation: EntityA 1--* EntityB : label\n    const relMatch = line.match(\n      /^(\\S+)\\s+(1--1|1--\\*|\\*--\\*)\\s+(\\S+)(?:\\s*:\\s*(.+))?$/,\n    );\n    if (relMatch) {\n      currentEntity = null;\n      const fromName = relMatch[1];\n      const marker = relMatch[2];\n      const toName = relMatch[3];\n      const label = relMatch[4];\n\n      const fromEntity = entities.find((e) => e.name === fromName);\n      const toEntity = entities.find((e) => e.name === toName);\n      if (fromEntity && toEntity) {\n        relations.push({\n          id: `${fromEntity.id ?? fromEntity.name}_${toEntity.id ?? toEntity.name}`,\n          from: fromEntity.id ?? fromEntity.name,\n          to: toEntity.id ?? toEntity.name,\n          type: parseERDMarker(marker),\n          label,\n        });\n      }\n      continue;\n    }\n\n    // Empty line resets current entity context\n    if (line === \"\") {\n      currentEntity = null;\n    }\n  }\n\n  return { entities, relations };\n}\n\nfunction parseERDMarker(marker: string): RelationType {\n  switch (marker) {\n    case \"1--1\":\n      return \"one-to-one\";\n    case \"1--*\":\n      return \"one-to-many\";\n    case \"*--*\":\n      return \"many-to-many\";\n    default:\n      return \"one-to-many\";\n  }\n}\n\nfunction deserializeUML(input: string): DiagramSchema {\n  const entities: DiagramEntityData[] = [];\n  const relations: DiagramRelationData[] = [];\n  const lines = input.split(\"\\n\");\n\n  let currentEntity: DiagramEntityData | null = null;\n\n  for (const rawLine of lines) {\n    const line = rawLine.trim();\n\n    if (line === \"@startuml\" || line === \"@enduml\" || line === \"\") continue;\n\n    // Class header: class EntityName {\n    const classMatch = line.match(/^class\\s+(\\S+)\\s*\\{$/);\n    if (classMatch) {\n      currentEntity = {\n        id: classMatch[1].toLowerCase().replace(/\\s+/g, \"_\"),\n        name: classMatch[1],\n        fields: [],\n      };\n      entities.push(currentEntity);\n      continue;\n    }\n\n    // Closing brace\n    if (line === \"}\") {\n      currentEntity = null;\n      continue;\n    }\n\n    // Field: name : type<<stereotype>>\n    if (currentEntity) {\n      const fieldMatch = line.match(\n        /^(\\S+)\\s*:\\s*(\\S+?)(\\?)?(?:\\s*<<(PK|FK)>>)?$/,\n      );\n      if (fieldMatch) {\n        const field: DiagramFieldData = {\n          name: fieldMatch[1],\n          type: fieldMatch[2],\n        };\n        if (fieldMatch[3]) field.nullable = true;\n        if (fieldMatch[4] === \"PK\") field.primary = true;\n        if (fieldMatch[4] === \"FK\") field.foreign = true;\n        currentEntity.fields!.push(field);\n      }\n      continue;\n    }\n\n    // Relation: EntityA \"1\" -- \"*\" EntityB : label\n    const relMatch = line.match(\n      /^(\\S+)\\s+\"([1*])\"\\s+--\\s+\"([1*])\"\\s+(\\S+)(?:\\s*:\\s*(.+))?$/,\n    );\n    if (relMatch) {\n      const fromName = relMatch[1];\n      const fromCard = relMatch[2];\n      const toCard = relMatch[3];\n      const toName = relMatch[4];\n      const label = relMatch[5];\n\n      const fromEntity = entities.find((e) => e.name === fromName);\n      const toEntity = entities.find((e) => e.name === toName);\n      if (fromEntity && toEntity) {\n        const type: RelationType =\n          fromCard === \"1\" && toCard === \"1\"\n            ? \"one-to-one\"\n            : fromCard === \"1\" && toCard === \"*\"\n              ? \"one-to-many\"\n              : \"many-to-many\";\n        relations.push({\n          id: `${fromEntity.id ?? fromEntity.name}_${toEntity.id ?? toEntity.name}`,\n          from: fromEntity.id ?? fromEntity.name,\n          to: toEntity.id ?? toEntity.name,\n          type,\n          label,\n        });\n      }\n    }\n  }\n\n  return { entities, relations };\n}\n\nfunction deserializeDFD(input: string): DiagramSchema {\n  const entities: DiagramEntityData[] = [];\n  const relations: DiagramRelationData[] = [];\n  const lines = input.split(\"\\n\");\n\n  for (const rawLine of lines) {\n    const line = rawLine.trim();\n    if (line === \"\") continue;\n\n    // Entity: entity EntityName\n    const entityMatch = line.match(/^entity\\s+(\\S+)$/);\n    if (entityMatch) {\n      entities.push({\n        id: entityMatch[1].toLowerCase().replace(/\\s+/g, \"_\"),\n        name: entityMatch[1],\n        fields: [],\n      });\n      continue;\n    }\n\n    // Flow: EntityA -> EntityB \"label\"\n    const flowMatch = line.match(\n      /^(\\S+)\\s+->\\s+(\\S+)(?:\\s+\"(.+)\")?$/,\n    );\n    if (flowMatch) {\n      const fromName = flowMatch[1];\n      const toName = flowMatch[2];\n      const label = flowMatch[3];\n\n      const fromEntity = entities.find((e) => e.name === fromName);\n      const toEntity = entities.find((e) => e.name === toName);\n      if (fromEntity && toEntity) {\n        relations.push({\n          id: `${fromEntity.id ?? fromEntity.name}_${toEntity.id ?? toEntity.name}`,\n          from: fromEntity.id ?? fromEntity.name,\n          to: toEntity.id ?? toEntity.name,\n          type: \"one-to-many\",\n          label,\n        });\n      }\n    }\n  }\n\n  return { entities, relations };\n}\n"]}