dishui 0.0.49 → 0.0.50

package/dist/components/pro/Flow/archify/palette.js

@@ -0,0 +1,112 @@
+var d = "#020617", i = "#1e293b", u = "#94a3b8", f = "#64748b", o = "#334155", a = "#64748b", s = "#34d399", n = "#fb7185", e = {
+  frontend: {
+    fill: "#07222c",
+    stroke: "#22d3ee",
+    text: "#e6feff",
+    sub: "#7bc6d4"
+  },
+  backend: {
+    fill: "#052e26",
+    stroke: "#34d399",
+    text: "#e7fff5",
+    sub: "#79c9ad"
+  },
+  database: {
+    fill: "#1e123a",
+    stroke: "#a78bfa",
+    text: "#f1ecff",
+    sub: "#b4a0e6"
+  },
+  cloud: {
+    fill: "#2a1c0a",
+    stroke: "#fbbf24",
+    text: "#fff6e2",
+    sub: "#d9b878"
+  },
+  security: {
+    fill: "#320d21",
+    stroke: "#fb7185",
+    text: "#ffe9ef",
+    sub: "#e59aab"
+  },
+  messagebus: {
+    fill: "#2a1a0c",
+    stroke: "#fb923c",
+    text: "#fff1e3",
+    sub: "#dcab7f"
+  },
+  external: {
+    fill: "#111a2b",
+    stroke: "#94a3b8",
+    text: "#eef2f8",
+    sub: "#9aa8bd"
+  }
+}, l = {
+  start: e.frontend,
+  active: e.backend,
+  waiting: e.cloud,
+  decision: e.security,
+  success: e.database,
+  failure: e.security,
+  neutral: e.external,
+  external: e.external
+};
+function b(t) {
+  return e[t] ?? e.external;
+}
+function S(t) {
+  return l[t] ?? l.neutral;
+}
+function c(t, r = 1.75) {
+  switch (t) {
+    case "emphasis":
+      return {
+        color: s,
+        width: r + 0.75,
+        lineStyle: "solid"
+      };
+    case "security":
+      return {
+        color: n,
+        width: r,
+        lineStyle: "dashed"
+      };
+    case "dashed":
+      return {
+        color: a,
+        width: r,
+        lineStyle: "dashed"
+      };
+    default:
+      return {
+        color: a,
+        width: r,
+        lineStyle: "solid"
+      };
+  }
+}
+function R(t) {
+  return t === "return" ? {
+    color: f,
+    width: 1.5,
+    lineStyle: "dashed"
+  } : c(t);
+}
+export {
+  a as ARCHIFY_ARROW,
+  s as ARCHIFY_ARROW_EMPHASIS,
+  n as ARCHIFY_ARROW_SECURITY,
+  d as ARCHIFY_BG,
+  i as ARCHIFY_GRID,
+  o as ARCHIFY_LANE_STROKE,
+  f as ARCHIFY_TEXT_DIM,
+  u as ARCHIFY_TEXT_MUTED,
+  e as COMPONENT_STYLES,
+  l as STATE_STYLES,
+  b as componentStyle,
+  R as messageEdgeStyle,
+  S as stateStyle,
+  c as variantEdgeStyle
+};
+
+//# sourceMappingURL=palette.js.map

package/dist/components/pro/Flow/archify/palette.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"palette.js","names":[],"sources":["../../../../../src/components/pro/Flow/archify/palette.ts"],"sourcesContent":["/**\n * Archify color palette + styling helpers.\n *\n * Mirrors the `classic` dark theme in archify's `assets/template.html` so an\n * imported spec looks like the reference artifact: dark navy canvas, semantic\n * component cards (frontend/backend/database/cloud/security/messagebus/external),\n * and relationship variants (emphasis = green rail, security = rose dashed,\n * dashed = muted). Lifecycle state kinds are mapped onto the same accents.\n *\n * Colors are stored as literal hex on the produced FlowDocument (not theme\n * tokens) so the imported diagram keeps the archify look regardless of the\n * active DishUI theme.\n */\n\nimport type { ArchifyComponentType, ArchifyStateType, ArchifyVariant } from './spec';\nimport type { FlowEdgeLineStyle } from '../types';\n\n/** The dark canvas backdrop archify uses (`--bg`). */\nexport const ARCHIFY_BG = '#020617';\n/** Grid dot / lane stroke color (`--grid`). */\nexport const ARCHIFY_GRID = '#1e293b';\n\nexport const ARCHIFY_TEXT = '#ffffff';\nexport const ARCHIFY_TEXT_MUTED = '#94a3b8';\nexport const ARCHIFY_TEXT_DIM = '#64748b';\n\nexport const ARCHIFY_LANE_STROKE = '#334155';\nexport const ARCHIFY_LANE_FILL = 'transparent';\n\nexport const ARCHIFY_ARROW = '#64748b';\nexport const ARCHIFY_ARROW_EMPHASIS = '#34d399';\nexport const ARCHIFY_ARROW_SECURITY = '#fb7185';\n\nexport interface SemanticStyle {\n  /** Card fill (opaque approximation of archify's translucent fill on #020617). */\n  fill: string;\n  /** Card border / accent stroke. */\n  stroke: string;\n  /** Title text color (archify keeps titles near-white). */\n  text: string;\n  /** Muted sub-label / tag text. */\n  sub: string;\n}\n\n/**\n * Semantic component styling. archify fills are translucent over #020617; the\n * hexes below are those fills pre-composited on the dark backdrop so PixiJS can\n * paint them as solid colors while looking identical.\n */\nexport const COMPONENT_STYLES: Record<ArchifyComponentType, SemanticStyle> = {\n  frontend: { fill: '#07222c', stroke: '#22d3ee', text: '#e6feff', sub: '#7bc6d4' },\n  backend: { fill: '#052e26', stroke: '#34d399', text: '#e7fff5', sub: '#79c9ad' },\n  database: { fill: '#1e123a', stroke: '#a78bfa', text: '#f1ecff', sub: '#b4a0e6' },\n  cloud: { fill: '#2a1c0a', stroke: '#fbbf24', text: '#fff6e2', sub: '#d9b878' },\n  security: { fill: '#320d21', stroke: '#fb7185', text: '#ffe9ef', sub: '#e59aab' },\n  messagebus: { fill: '#2a1a0c', stroke: '#fb923c', text: '#fff1e3', sub: '#dcab7f' },\n  external: { fill: '#111a2b', stroke: '#94a3b8', text: '#eef2f8', sub: '#9aa8bd' },\n};\n\n/**\n * Lifecycle state kinds mapped onto semantic accents so the state machine reads\n * with the same color grammar as the other diagram types.\n */\nexport const STATE_STYLES: Record<ArchifyStateType, SemanticStyle> = {\n  start: COMPONENT_STYLES.frontend,\n  active: COMPONENT_STYLES.backend,\n  waiting: COMPONENT_STYLES.cloud,\n  decision: COMPONENT_STYLES.security,\n  success: COMPONENT_STYLES.database,\n  failure: COMPONENT_STYLES.security,\n  neutral: COMPONENT_STYLES.external,\n  external: COMPONENT_STYLES.external,\n};\n\nexport function componentStyle(type: ArchifyComponentType): SemanticStyle {\n  return COMPONENT_STYLES[type] ?? COMPONENT_STYLES.external;\n}\n\nexport function stateStyle(type: ArchifyStateType): SemanticStyle {\n  return STATE_STYLES[type] ?? STATE_STYLES.neutral;\n}\n\nexport interface EdgeStyle {\n  color: string;\n  width: number;\n  lineStyle: FlowEdgeLineStyle;\n}\n\n/** Resolve a relationship variant to an edge stroke color / width / dash. */\nexport function variantEdgeStyle(variant?: ArchifyVariant, baseWidth = 1.75): EdgeStyle {\n  switch (variant) {\n    case 'emphasis':\n      return { color: ARCHIFY_ARROW_EMPHASIS, width: baseWidth + 0.75, lineStyle: 'solid' };\n    case 'security':\n      return { color: ARCHIFY_ARROW_SECURITY, width: baseWidth, lineStyle: 'dashed' };\n    case 'dashed':\n      return { color: ARCHIFY_ARROW, width: baseWidth, lineStyle: 'dashed' };\n    case 'default':\n    default:\n      return { color: ARCHIFY_ARROW, width: baseWidth, lineStyle: 'solid' };\n  }\n}\n\n/**\n * Sequence messages have an extra `return` variant (a quiet dashed reply). Map\n * it here; everything else reuses the shared variant styling.\n */\nexport function messageEdgeStyle(variant?: string): EdgeStyle {\n  if (variant === 'return') {\n    return { color: ARCHIFY_TEXT_DIM, width: 1.5, lineStyle: 'dashed' };\n  }\n  return variantEdgeStyle(variant as ArchifyVariant | undefined);\n}\n\n/** Card accent dot colors (used when we surface archify `cards` as legend). */\nexport const CARD_DOT_COLORS: Record<string, string> = {\n  cyan: '#22d3ee',\n  emerald: '#34d399',\n  violet: '#a78bfa',\n  amber: '#fbbf24',\n  rose: '#fb7185',\n  orange: '#fb923c',\n  slate: '#94a3b8',\n};\n"],"mappings":"AAkBA,IAAa,IAAa,WAEb,IAAe,WAGf,IAAqB,WACrB,IAAmB,WAEnB,IAAsB,WAGtB,IAAgB,WAChB,IAAyB,WACzB,IAAyB,WAkBzB,IAAgE;AAAA,EAC3E,UAAU;AAAA,IAAE,MAAM;AAAA,IAAW,QAAQ;AAAA,IAAW,MAAM;AAAA,IAAW,KAAK;AAAA,EAAU;AAAA,EAChF,SAAS;AAAA,IAAE,MAAM;AAAA,IAAW,QAAQ;AAAA,IAAW,MAAM;AAAA,IAAW,KAAK;AAAA,EAAU;AAAA,EAC/E,UAAU;AAAA,IAAE,MAAM;AAAA,IAAW,QAAQ;AAAA,IAAW,MAAM;AAAA,IAAW,KAAK;AAAA,EAAU;AAAA,EAChF,OAAO;AAAA,IAAE,MAAM;AAAA,IAAW,QAAQ;AAAA,IAAW,MAAM;AAAA,IAAW,KAAK;AAAA,EAAU;AAAA,EAC7E,UAAU;AAAA,IAAE,MAAM;AAAA,IAAW,QAAQ;AAAA,IAAW,MAAM;AAAA,IAAW,KAAK;AAAA,EAAU;AAAA,EAChF,YAAY;AAAA,IAAE,MAAM;AAAA,IAAW,QAAQ;AAAA,IAAW,MAAM;AAAA,IAAW,KAAK;AAAA,EAAU;AAAA,EAClF,UAAU;AAAA,IAAE,MAAM;AAAA,IAAW,QAAQ;AAAA,IAAW,MAAM;AAAA,IAAW,KAAK;AAAA,EAAU;AAClF,GAMa,IAAwD;AAAA,EACnE,OAAO,EAAiB;AAAA,EACxB,QAAQ,EAAiB;AAAA,EACzB,SAAS,EAAiB;AAAA,EAC1B,UAAU,EAAiB;AAAA,EAC3B,SAAS,EAAiB;AAAA,EAC1B,SAAS,EAAiB;AAAA,EAC1B,SAAS,EAAiB;AAAA,EAC1B,UAAU,EAAiB;AAC7B;AAEA,SAAgB,EAAe,GAA2C;AACxE,SAAO,EAAiB,CAAA,KAAS,EAAiB;AACpD;AAEA,SAAgB,EAAW,GAAuC;AAChE,SAAO,EAAa,CAAA,KAAS,EAAa;AAC5C;AASA,SAAgB,EAAiB,GAA0B,IAAY,MAAiB;AACtF,UAAQ,GAAR;AAAA,IACE,KAAK;AACH,aAAO;AAAA,QAAE,OAAO;AAAA,QAAwB,OAAO,IAAY;AAAA,QAAM,WAAW;AAAA,MAAQ;AAAA,IACtF,KAAK;AACH,aAAO;AAAA,QAAE,OAAO;AAAA,QAAwB,OAAO;AAAA,QAAW,WAAW;AAAA,MAAS;AAAA,IAChF,KAAK;AACH,aAAO;AAAA,QAAE,OAAO;AAAA,QAAe,OAAO;AAAA,QAAW,WAAW;AAAA,MAAS;AAAA,IAEvE;AACE,aAAO;AAAA,QAAE,OAAO;AAAA,QAAe,OAAO;AAAA,QAAW,WAAW;AAAA,MAAQ;AAAA,EACxE;AACF;AAMA,SAAgB,EAAiB,GAA6B;AAC5D,SAAI,MAAY,WACP;AAAA,IAAE,OAAO;AAAA,IAAkB,OAAO;AAAA,IAAK,WAAW;AAAA,EAAS,IAE7D,EAAiB,CAAqC;AAC/D"}

package/dist/components/pro/Flow/archify/presets.d.ts

@@ -0,0 +1,26 @@
+/**
+ * Archify styling helpers for hand-drawn diagrams.
+ *
+ * These let the Inspector recolor any ordinary shape to Archify's semantic card
+ * palette (frontend / backend / database / cloud / security / messagebus /
+ * external) and let the toolbar apply that palette across a whole canvas. No
+ * dedicated node types are introduced — every regular shape can adopt the look.
+ */
+import type { FlowNodeData } from '../types';
+import type { ArchifyComponentType } from './spec';
+/** The seven semantic component kinds, in Archify's legend order. */
+export declare const ARCHIFY_COMPONENT_ORDER: ArchifyComponentType[];
+/** Human labels for the semantic kinds (used in swatch tooltips). */
+export declare const ARCHIFY_COMPONENT_LABELS: Record<ArchifyComponentType, string>;
+/**
+ * Apply an Archify semantic style to a node's data, returning the fields to
+ * merge. Recolors fill / stroke / label / sublabel while leaving text content
+ * and geometry untouched, so any existing shape can adopt the Archify look.
+ */
+export declare function archifyStylePatch(type: ArchifyComponentType): Partial<FlowNodeData>;
+/**
+ * Infer the closest Archify semantic kind for an arbitrary node from its
+ * current stroke color, so "apply Archify style" can recolor a hand-drawn
+ * diagram without the user tagging every node. Falls back to `external`.
+ */
+export declare function inferComponentType(data: FlowNodeData): ArchifyComponentType;

package/dist/components/pro/Flow/archify/presets.js

@@ -0,0 +1,43 @@
+import { COMPONENT_STYLES as o } from "./palette.js";
+var s = [
+  "frontend",
+  "backend",
+  "database",
+  "cloud",
+  "security",
+  "messagebus",
+  "external"
+], n = {
+  frontend: "Frontend",
+  backend: "Backend",
+  database: "Database",
+  cloud: "Cloud",
+  security: "Security",
+  messagebus: "Message bus",
+  external: "External"
+};
+function l(t) {
+  const e = o[t];
+  return {
+    fill: e.fill,
+    stroke: e.stroke,
+    color: e.text,
+    labelColor: e.text,
+    sublabelColor: e.sub,
+    strokeWidth: 1.75,
+    borderStyle: "solid"
+  };
+}
+function c(t) {
+  const e = (t.stroke ?? "").toLowerCase();
+  for (const r of s) if (o[r].stroke.toLowerCase() === e) return r;
+  return "external";
+}
+export {
+  n as ARCHIFY_COMPONENT_LABELS,
+  s as ARCHIFY_COMPONENT_ORDER,
+  l as archifyStylePatch,
+  c as inferComponentType
+};
+
+//# sourceMappingURL=presets.js.map

package/dist/components/pro/Flow/archify/presets.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"presets.js","names":[],"sources":["../../../../../src/components/pro/Flow/archify/presets.ts"],"sourcesContent":["/**\n * Archify styling helpers for hand-drawn diagrams.\n *\n * These let the Inspector recolor any ordinary shape to Archify's semantic card\n * palette (frontend / backend / database / cloud / security / messagebus /\n * external) and let the toolbar apply that palette across a whole canvas. No\n * dedicated node types are introduced — every regular shape can adopt the look.\n */\n\nimport type { FlowNodeData } from '../types';\nimport type { ArchifyComponentType } from './spec';\nimport { COMPONENT_STYLES } from './palette';\n\n/** The seven semantic component kinds, in Archify's legend order. */\nexport const ARCHIFY_COMPONENT_ORDER: ArchifyComponentType[] = [\n  'frontend',\n  'backend',\n  'database',\n  'cloud',\n  'security',\n  'messagebus',\n  'external',\n];\n\n/** Human labels for the semantic kinds (used in swatch tooltips). */\nexport const ARCHIFY_COMPONENT_LABELS: Record<ArchifyComponentType, string> = {\n  frontend: 'Frontend',\n  backend: 'Backend',\n  database: 'Database',\n  cloud: 'Cloud',\n  security: 'Security',\n  messagebus: 'Message bus',\n  external: 'External',\n};\n\n/**\n * Apply an Archify semantic style to a node's data, returning the fields to\n * merge. Recolors fill / stroke / label / sublabel while leaving text content\n * and geometry untouched, so any existing shape can adopt the Archify look.\n */\nexport function archifyStylePatch(type: ArchifyComponentType): Partial<FlowNodeData> {\n  const s = COMPONENT_STYLES[type];\n  return {\n    fill: s.fill,\n    stroke: s.stroke,\n    color: s.text,\n    labelColor: s.text,\n    sublabelColor: s.sub,\n    strokeWidth: 1.75,\n    borderStyle: 'solid',\n  };\n}\n\n/**\n * Infer the closest Archify semantic kind for an arbitrary node from its\n * current stroke color, so \"apply Archify style\" can recolor a hand-drawn\n * diagram without the user tagging every node. Falls back to `external`.\n */\nexport function inferComponentType(data: FlowNodeData): ArchifyComponentType {\n  const stroke = (data.stroke ?? '').toLowerCase();\n  for (const type of ARCHIFY_COMPONENT_ORDER) {\n    if (COMPONENT_STYLES[type].stroke.toLowerCase() === stroke) return type;\n  }\n  return 'external';\n}\n"],"mappings":";AAcA,IAAa,IAAkD;AAAA,EAC7D;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAGa,IAAiE;AAAA,EAC5E,UAAU;AAAA,EACV,SAAS;AAAA,EACT,UAAU;AAAA,EACV,OAAO;AAAA,EACP,UAAU;AAAA,EACV,YAAY;AAAA,EACZ,UAAU;AACZ;AAOA,SAAgB,EAAkB,GAAmD;AACnF,QAAM,IAAI,EAAiB,CAAA;AAC3B,SAAO;AAAA,IACL,MAAM,EAAE;AAAA,IACR,QAAQ,EAAE;AAAA,IACV,OAAO,EAAE;AAAA,IACT,YAAY,EAAE;AAAA,IACd,eAAe,EAAE;AAAA,IACjB,aAAa;AAAA,IACb,aAAa;AAAA,EACf;AACF;AAOA,SAAgB,EAAmB,GAA0C;AAC3E,QAAM,KAAU,EAAK,UAAU,IAAI,YAAY;AAC/C,aAAW,KAAQ,EACjB,KAAI,EAAiB,CAAA,EAAM,OAAO,YAAY,MAAM,EAAQ,QAAO;AAErE,SAAO;AACT"}

package/dist/components/pro/Flow/archify/spec.d.ts

@@ -0,0 +1,283 @@
+/**
+ * Archify diagram specification types.
+ *
+ * These mirror the JSON schemas shipped with the `archify` skill
+ * (architecture / workflow / sequence / dataflow / lifecycle). A spec of any of
+ * these five types can be converted into a native Flow `FlowDocument` by the
+ * converters in this folder, which reproduce archify's grid/lane layout,
+ * semantic styling, and optional "trace" motion (played in presentation mode).
+ *
+ * Only the fields the converters actually use are typed strictly; unknown
+ * fields are tolerated so newer specs still import.
+ */
+/** Semantic component type shared by architecture / workflow / sequence / dataflow. */
+export type ArchifyComponentType = 'frontend' | 'backend' | 'database' | 'cloud' | 'security' | 'messagebus' | 'external';
+/** Lifecycle state kinds. */
+export type ArchifyStateType = 'start' | 'active' | 'waiting' | 'decision' | 'success' | 'failure' | 'neutral' | 'external';
+/** Relationship / edge visual variant. */
+export type ArchifyVariant = 'default' | 'emphasis' | 'security' | 'dashed';
+/** Side an edge leaves / enters a node from. */
+export type ArchifySide = 'left' | 'right' | 'top' | 'bottom';
+export type ArchifyDiagramType = 'architecture' | 'workflow' | 'sequence' | 'dataflow' | 'lifecycle';
+export interface ArchifyMeta {
+    title: string;
+    subtitle?: string;
+    animation?: 'trace' | 'none';
+    quality_profile?: 'standard' | 'showcase';
+    visual_preset?: 'classic' | 'signal-flow' | 'blueprint' | 'editorial';
+    /** Explicit [width, height] authoring canvas. */
+    viewBox?: [number, number];
+    column_fit?: 'fixed' | 'spread';
+    [key: string]: unknown;
+}
+export interface ArchifyCard {
+    dot: 'cyan' | 'emerald' | 'violet' | 'amber' | 'rose' | 'orange' | 'slate';
+    title: string;
+    items: string[];
+}
+export interface ArchifyArchComponent {
+    id: string;
+    type: ArchifyComponentType;
+    label: string;
+    sublabel?: string;
+    tag?: string;
+    brand?: unknown;
+    /** Explicit top-left position [x, y] in authoring units. */
+    pos?: [number, number];
+    /** Explicit [width, height]. */
+    size?: [number, number];
+    /** Grid placement fallback. */
+    row?: number;
+    col?: number;
+}
+export interface ArchifyBoundary {
+    kind: 'region' | 'security-group';
+    label: string;
+    wraps: string[];
+    pad?: number;
+}
+export interface ArchifyConnection {
+    id?: string;
+    from: string;
+    to: string;
+    label?: string;
+    variant?: ArchifyVariant;
+    fromSide?: ArchifySide;
+    toSide?: ArchifySide;
+    route?: string;
+    via?: Array<[number, number]>;
+    labelAt?: [number, number];
+    labelDx?: number;
+    labelDy?: number;
+    width?: number;
+}
+export interface ArchifyArchitectureSpec {
+    schema_version: 1;
+    diagram_type: 'architecture';
+    meta: ArchifyMeta;
+    layout?: {
+        mode: 'grid';
+        origin?: [number, number];
+        cols?: number;
+        gapX?: number;
+        gapY?: number;
+        cellW?: number;
+        cellH?: number;
+    };
+    components: ArchifyArchComponent[];
+    boundaries?: ArchifyBoundary[];
+    connections?: ArchifyConnection[];
+    cards?: ArchifyCard[];
+}
+export interface ArchifyLane {
+    id: string;
+    label: string;
+    variant?: 'normal' | 'exception';
+}
+export interface ArchifyPhase {
+    id: string;
+    label: string;
+    fromCol: number;
+    toCol: number;
+    variant?: ArchifyVariant;
+}
+export interface ArchifyWorkflowGroup {
+    id: string;
+    label: string;
+    lane: string;
+    fromCol: number;
+    toCol: number;
+    variant?: ArchifyVariant;
+}
+export interface ArchifyWorkflowNode {
+    id: string;
+    lane: string;
+    col: number;
+    type: ArchifyComponentType;
+    label: string;
+    sublabel?: string;
+    tag?: string;
+    brand?: unknown;
+    width?: number;
+    height?: number;
+    yOffset?: number;
+}
+export interface ArchifyWorkflowEdge {
+    id?: string;
+    from: string;
+    to: string;
+    label?: string;
+    variant?: ArchifyVariant;
+    role?: 'main' | 'branch' | 'async' | 'return' | 'error';
+    fromSide?: ArchifySide;
+    toSide?: ArchifySide;
+    route?: string;
+    via?: Array<[number, number]>;
+    labelAt?: [number, number];
+    labelDx?: number;
+    labelDy?: number;
+    channelX?: number;
+    channelY?: number;
+    width?: number;
+}
+export interface ArchifyWorkflowSpec {
+    schema_version: 1;
+    diagram_type: 'workflow';
+    meta: ArchifyMeta;
+    lanes: ArchifyLane[];
+    phases?: ArchifyPhase[];
+    groups?: ArchifyWorkflowGroup[];
+    mainPath?: string[];
+    nodes: ArchifyWorkflowNode[];
+    edges: ArchifyWorkflowEdge[];
+    cards?: ArchifyCard[];
+}
+export interface ArchifyParticipant {
+    id: string;
+    type: ArchifyComponentType;
+    label: string;
+    sublabel?: string;
+    brand?: unknown;
+}
+export interface ArchifySegment {
+    from: number;
+    to: number;
+    label: string;
+}
+export interface ArchifyMessage {
+    id?: string;
+    from: string;
+    to: string;
+    y: number;
+    label: string;
+    variant?: 'default' | 'emphasis' | 'security' | 'dashed' | 'return';
+    note?: string;
+}
+export interface ArchifyActivation {
+    participant: string;
+    from: number;
+    to: number;
+    type?: ArchifyComponentType;
+}
+export interface ArchifySequenceSpec {
+    schema_version: 1;
+    diagram_type: 'sequence';
+    meta: ArchifyMeta;
+    participants: ArchifyParticipant[];
+    segments?: ArchifySegment[];
+    messages: ArchifyMessage[];
+    activations?: ArchifyActivation[];
+    cards?: ArchifyCard[];
+}
+export interface ArchifyStage {
+    label: string;
+}
+export interface ArchifyDataflowNode {
+    id: string;
+    type: ArchifyComponentType;
+    label: string;
+    sublabel?: string;
+    tag?: string;
+    brand?: unknown;
+    stage: number;
+    row: number;
+    width?: number;
+    height?: number;
+    yOffset?: number;
+}
+export interface ArchifyFlow {
+    id?: string;
+    from: string;
+    to: string;
+    label: string;
+    classification?: string;
+    variant?: ArchifyVariant;
+    route?: string;
+    fromSide?: ArchifySide;
+    toSide?: ArchifySide;
+    channelX?: number;
+    channelY?: number;
+    labelAt?: [number, number];
+    labelDx?: number;
+    labelDy?: number;
+    via?: Array<[number, number]>;
+    width?: number;
+}
+export interface ArchifyDataflowSpec {
+    schema_version: 1;
+    diagram_type: 'dataflow';
+    meta: ArchifyMeta;
+    stages: ArchifyStage[];
+    nodes: ArchifyDataflowNode[];
+    flows: ArchifyFlow[];
+    cards?: ArchifyCard[];
+}
+export interface ArchifyLifecycleLane {
+    id: string;
+    label: string;
+}
+export interface ArchifyState {
+    id: string;
+    type: ArchifyStateType;
+    label: string;
+    sublabel?: string;
+    tag?: string;
+    brand?: unknown;
+    step?: string;
+    lane: string;
+    col: number;
+    width?: number;
+    height?: number;
+    yOffset?: number;
+}
+export interface ArchifyTransition {
+    id?: string;
+    from: string;
+    to: string;
+    label?: string;
+    note?: string;
+    variant?: ArchifyVariant;
+    route?: string;
+    fromSide?: ArchifySide;
+    toSide?: ArchifySide;
+    channelX?: number;
+    channelY?: number;
+    cornerRadius?: number;
+    labelAt?: [number, number];
+    labelDx?: number;
+    labelDy?: number;
+    via?: Array<[number, number]>;
+    width?: number;
+}
+export interface ArchifyLifecycleSpec {
+    schema_version: 1;
+    diagram_type: 'lifecycle';
+    meta: ArchifyMeta;
+    lanes: ArchifyLifecycleLane[];
+    states: ArchifyState[];
+    transitions: ArchifyTransition[];
+    cards?: ArchifyCard[];
+}
+export type ArchifySpec = ArchifyArchitectureSpec | ArchifyWorkflowSpec | ArchifySequenceSpec | ArchifyDataflowSpec | ArchifyLifecycleSpec;
+/** Narrow an unknown value to an ArchifySpec if it looks like one. */
+export declare function isArchifySpec(value: unknown): value is ArchifySpec;

package/dist/components/pro/Flow/archify/spec.js

@@ -0,0 +1,10 @@
+function r(t) {
+  if (!t || typeof t != "object") return !1;
+  const c = t, e = c.diagram_type;
+  return c.schema_version === 1 && (e === "architecture" || e === "workflow" || e === "sequence" || e === "dataflow" || e === "lifecycle");
+}
+export {
+  r as isArchifySpec
+};
+
+//# sourceMappingURL=spec.js.map

package/dist/components/pro/Flow/archify/spec.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"spec.js","names":[],"sources":["../../../../../src/components/pro/Flow/archify/spec.ts"],"sourcesContent":["/**\n * Archify diagram specification types.\n *\n * These mirror the JSON schemas shipped with the `archify` skill\n * (architecture / workflow / sequence / dataflow / lifecycle). A spec of any of\n * these five types can be converted into a native Flow `FlowDocument` by the\n * converters in this folder, which reproduce archify's grid/lane layout,\n * semantic styling, and optional \"trace\" motion (played in presentation mode).\n *\n * Only the fields the converters actually use are typed strictly; unknown\n * fields are tolerated so newer specs still import.\n */\n\n/** Semantic component type shared by architecture / workflow / sequence / dataflow. */\nexport type ArchifyComponentType =\n  | 'frontend'\n  | 'backend'\n  | 'database'\n  | 'cloud'\n  | 'security'\n  | 'messagebus'\n  | 'external';\n\n/** Lifecycle state kinds. */\nexport type ArchifyStateType =\n  | 'start'\n  | 'active'\n  | 'waiting'\n  | 'decision'\n  | 'success'\n  | 'failure'\n  | 'neutral'\n  | 'external';\n\n/** Relationship / edge visual variant. */\nexport type ArchifyVariant = 'default' | 'emphasis' | 'security' | 'dashed';\n\n/** Side an edge leaves / enters a node from. */\nexport type ArchifySide = 'left' | 'right' | 'top' | 'bottom';\n\nexport type ArchifyDiagramType =\n  | 'architecture'\n  | 'workflow'\n  | 'sequence'\n  | 'dataflow'\n  | 'lifecycle';\n\nexport interface ArchifyMeta {\n  title: string;\n  subtitle?: string;\n  animation?: 'trace' | 'none';\n  quality_profile?: 'standard' | 'showcase';\n  visual_preset?: 'classic' | 'signal-flow' | 'blueprint' | 'editorial';\n  /** Explicit [width, height] authoring canvas. */\n  viewBox?: [number, number];\n  column_fit?: 'fixed' | 'spread';\n  [key: string]: unknown;\n}\n\nexport interface ArchifyCard {\n  dot: 'cyan' | 'emerald' | 'violet' | 'amber' | 'rose' | 'orange' | 'slate';\n  title: string;\n  items: string[];\n}\n\n/* -------------------------------------------------------------------------- */\n/* Architecture                                                               */\n/* -------------------------------------------------------------------------- */\n\nexport interface ArchifyArchComponent {\n  id: string;\n  type: ArchifyComponentType;\n  label: string;\n  sublabel?: string;\n  tag?: string;\n  brand?: unknown;\n  /** Explicit top-left position [x, y] in authoring units. */\n  pos?: [number, number];\n  /** Explicit [width, height]. */\n  size?: [number, number];\n  /** Grid placement fallback. */\n  row?: number;\n  col?: number;\n}\n\nexport interface ArchifyBoundary {\n  kind: 'region' | 'security-group';\n  label: string;\n  wraps: string[];\n  pad?: number;\n}\n\nexport interface ArchifyConnection {\n  id?: string;\n  from: string;\n  to: string;\n  label?: string;\n  variant?: ArchifyVariant;\n  fromSide?: ArchifySide;\n  toSide?: ArchifySide;\n  route?: string;\n  via?: Array<[number, number]>;\n  labelAt?: [number, number];\n  labelDx?: number;\n  labelDy?: number;\n  width?: number;\n}\n\nexport interface ArchifyArchitectureSpec {\n  schema_version: 1;\n  diagram_type: 'architecture';\n  meta: ArchifyMeta;\n  layout?: {\n    mode: 'grid';\n    origin?: [number, number];\n    cols?: number;\n    gapX?: number;\n    gapY?: number;\n    cellW?: number;\n    cellH?: number;\n  };\n  components: ArchifyArchComponent[];\n  boundaries?: ArchifyBoundary[];\n  connections?: ArchifyConnection[];\n  cards?: ArchifyCard[];\n}\n\n/* -------------------------------------------------------------------------- */\n/* Workflow                                                                   */\n/* -------------------------------------------------------------------------- */\n\nexport interface ArchifyLane {\n  id: string;\n  label: string;\n  variant?: 'normal' | 'exception';\n}\n\nexport interface ArchifyPhase {\n  id: string;\n  label: string;\n  fromCol: number;\n  toCol: number;\n  variant?: ArchifyVariant;\n}\n\nexport interface ArchifyWorkflowGroup {\n  id: string;\n  label: string;\n  lane: string;\n  fromCol: number;\n  toCol: number;\n  variant?: ArchifyVariant;\n}\n\nexport interface ArchifyWorkflowNode {\n  id: string;\n  lane: string;\n  col: number;\n  type: ArchifyComponentType;\n  label: string;\n  sublabel?: string;\n  tag?: string;\n  brand?: unknown;\n  width?: number;\n  height?: number;\n  yOffset?: number;\n}\n\nexport interface ArchifyWorkflowEdge {\n  id?: string;\n  from: string;\n  to: string;\n  label?: string;\n  variant?: ArchifyVariant;\n  role?: 'main' | 'branch' | 'async' | 'return' | 'error';\n  fromSide?: ArchifySide;\n  toSide?: ArchifySide;\n  route?: string;\n  via?: Array<[number, number]>;\n  labelAt?: [number, number];\n  labelDx?: number;\n  labelDy?: number;\n  channelX?: number;\n  channelY?: number;\n  width?: number;\n}\n\nexport interface ArchifyWorkflowSpec {\n  schema_version: 1;\n  diagram_type: 'workflow';\n  meta: ArchifyMeta;\n  lanes: ArchifyLane[];\n  phases?: ArchifyPhase[];\n  groups?: ArchifyWorkflowGroup[];\n  mainPath?: string[];\n  nodes: ArchifyWorkflowNode[];\n  edges: ArchifyWorkflowEdge[];\n  cards?: ArchifyCard[];\n}\n\n/* -------------------------------------------------------------------------- */\n/* Sequence                                                                   */\n/* -------------------------------------------------------------------------- */\n\nexport interface ArchifyParticipant {\n  id: string;\n  type: ArchifyComponentType;\n  label: string;\n  sublabel?: string;\n  brand?: unknown;\n}\n\nexport interface ArchifySegment {\n  from: number;\n  to: number;\n  label: string;\n}\n\nexport interface ArchifyMessage {\n  id?: string;\n  from: string;\n  to: string;\n  y: number;\n  label: string;\n  variant?: 'default' | 'emphasis' | 'security' | 'dashed' | 'return';\n  note?: string;\n}\n\nexport interface ArchifyActivation {\n  participant: string;\n  from: number;\n  to: number;\n  type?: ArchifyComponentType;\n}\n\nexport interface ArchifySequenceSpec {\n  schema_version: 1;\n  diagram_type: 'sequence';\n  meta: ArchifyMeta;\n  participants: ArchifyParticipant[];\n  segments?: ArchifySegment[];\n  messages: ArchifyMessage[];\n  activations?: ArchifyActivation[];\n  cards?: ArchifyCard[];\n}\n\n/* -------------------------------------------------------------------------- */\n/* Dataflow                                                                   */\n/* -------------------------------------------------------------------------- */\n\nexport interface ArchifyStage {\n  label: string;\n}\n\nexport interface ArchifyDataflowNode {\n  id: string;\n  type: ArchifyComponentType;\n  label: string;\n  sublabel?: string;\n  tag?: string;\n  brand?: unknown;\n  stage: number;\n  row: number;\n  width?: number;\n  height?: number;\n  yOffset?: number;\n}\n\nexport interface ArchifyFlow {\n  id?: string;\n  from: string;\n  to: string;\n  label: string;\n  classification?: string;\n  variant?: ArchifyVariant;\n  route?: string;\n  fromSide?: ArchifySide;\n  toSide?: ArchifySide;\n  channelX?: number;\n  channelY?: number;\n  labelAt?: [number, number];\n  labelDx?: number;\n  labelDy?: number;\n  via?: Array<[number, number]>;\n  width?: number;\n}\n\nexport interface ArchifyDataflowSpec {\n  schema_version: 1;\n  diagram_type: 'dataflow';\n  meta: ArchifyMeta;\n  stages: ArchifyStage[];\n  nodes: ArchifyDataflowNode[];\n  flows: ArchifyFlow[];\n  cards?: ArchifyCard[];\n}\n\n/* -------------------------------------------------------------------------- */\n/* Lifecycle                                                                  */\n/* -------------------------------------------------------------------------- */\n\nexport interface ArchifyLifecycleLane {\n  id: string;\n  label: string;\n}\n\nexport interface ArchifyState {\n  id: string;\n  type: ArchifyStateType;\n  label: string;\n  sublabel?: string;\n  tag?: string;\n  brand?: unknown;\n  step?: string;\n  lane: string;\n  col: number;\n  width?: number;\n  height?: number;\n  yOffset?: number;\n}\n\nexport interface ArchifyTransition {\n  id?: string;\n  from: string;\n  to: string;\n  label?: string;\n  note?: string;\n  variant?: ArchifyVariant;\n  route?: string;\n  fromSide?: ArchifySide;\n  toSide?: ArchifySide;\n  channelX?: number;\n  channelY?: number;\n  cornerRadius?: number;\n  labelAt?: [number, number];\n  labelDx?: number;\n  labelDy?: number;\n  via?: Array<[number, number]>;\n  width?: number;\n}\n\nexport interface ArchifyLifecycleSpec {\n  schema_version: 1;\n  diagram_type: 'lifecycle';\n  meta: ArchifyMeta;\n  lanes: ArchifyLifecycleLane[];\n  states: ArchifyState[];\n  transitions: ArchifyTransition[];\n  cards?: ArchifyCard[];\n}\n\n/* -------------------------------------------------------------------------- */\n\nexport type ArchifySpec =\n  | ArchifyArchitectureSpec\n  | ArchifyWorkflowSpec\n  | ArchifySequenceSpec\n  | ArchifyDataflowSpec\n  | ArchifyLifecycleSpec;\n\n/** Narrow an unknown value to an ArchifySpec if it looks like one. */\nexport function isArchifySpec(value: unknown): value is ArchifySpec {\n  if (!value || typeof value !== 'object') return false;\n  const v = value as Record<string, unknown>;\n  const type = v.diagram_type;\n  return (\n    v.schema_version === 1 &&\n    (type === 'architecture' ||\n      type === 'workflow' ||\n      type === 'sequence' ||\n      type === 'dataflow' ||\n      type === 'lifecycle')\n  );\n}\n"],"mappings":"AAyWA,SAAgB,EAAc,GAAsC;AAClE,MAAI,CAAC,KAAS,OAAO,KAAU,SAAU,QAAO;AAChD,QAAM,IAAI,GACJ,IAAO,EAAE;AACf,SACE,EAAE,mBAAmB,MACpB,MAAS,kBACR,MAAS,cACT,MAAS,cACT,MAAS,cACT,MAAS;AAEf"}

package/dist/components/pro/Flow/constants.js

@@ -168,6 +168,20 @@ var t = "root", e = {
       borderStyle: "dashed"
     }
   },
+  {
+    type: "flowGroup",
+    width: 200,
+    height: 160,
+    data: {
+      ...e,
+      label: "Group",
+      fill: "#f0f9ff",
+      stroke: "#9ca3af",
+      strokeWidth: 1.5,
+      borderStyle: "dotted",
+      isGroup: !0
+    }
+  },
   {
     type: "geometryGroup",
     width: 200,

package/dist/components/pro/Flow/constants.js.map

@@ -1 +1 @@
-{"version":3,"file":"constants.js","names":[],"sources":["../../../../src/components/pro/Flow/constants.ts"],"sourcesContent":["import type {\n  FlowNodeData,\n  FlowShapeType,\n  FlowEdgeTypeName,\n  FlowEdgeMarkerKind,\n  FlowEdgeLineStyle,\n  FlowEdgeDashDensity,\n  FlowBorderStyle,\n  GradientDirection,\n  FlowDocument,\n  FlowEdgeData,\n} from './types';\n\nexport const ROOT_CANVAS_ID = 'root';\n\nexport const DEFAULT_NODE_DATA: FlowNodeData = {\n  label: 'Text',\n  fill: 'theme:base-100',\n  stroke: 'theme:base-content',\n  strokeWidth: 2,\n  color: 'theme:base-content',\n  fontSize: 14,\n  attributes: [],\n};\n\nexport const TEXT_NODE_DATA: FlowNodeData = {\n  label: 'Label',\n  fill: 'transparent',\n  stroke: 'transparent',\n  strokeWidth: 0,\n  color: 'theme:base-content',\n  fontSize: 14,\n  attributes: [],\n};\n\nexport const DEFAULT_EDGE_DATA: FlowEdgeData = {\n  strokeColor: 'theme:base-content',\n  strokeWidth: 2,\n  lineStyle: 'solid',\n  markerEnd: 'arrowclosed',\n};\n\nexport const PALETTE_ITEMS: Array<{\n  type: FlowShapeType;\n  width: number;\n  height: number;\n  data: FlowNodeData;\n}> = [\n  { type: 'shapeRect', width: 140, height: 72, data: { ...DEFAULT_NODE_DATA, label: 'Rectangle' } },\n  { type: 'shapeRoundRect', width: 140, height: 72, data: { ...DEFAULT_NODE_DATA, label: 'Rounded' } },\n  { type: 'shapeEllipse', width: 120, height: 120, data: { ...DEFAULT_NODE_DATA, label: 'Ellipse' } },\n  { type: 'shapeDiamond', width: 120, height: 120, data: { ...DEFAULT_NODE_DATA, label: 'Diamond' } },\n  { type: 'shapeDocument', width: 120, height: 80, data: { ...DEFAULT_NODE_DATA, label: 'Document' } },\n  { type: 'shapeParallelogram', width: 140, height: 72, data: { ...DEFAULT_NODE_DATA, label: 'Parallelogram' } },\n  { type: 'shapeTriangle', width: 120, height: 100, data: { ...DEFAULT_NODE_DATA, label: 'Triangle' } },\n  { type: 'shapeTrapezoid', width: 140, height: 72, data: { ...DEFAULT_NODE_DATA, label: 'Trapezoid' } },\n  { type: 'shapePentagon', width: 100, height: 100, data: { ...DEFAULT_NODE_DATA, label: 'Pentagon' } },\n  { type: 'shapeHexagon', width: 120, height: 100, data: { ...DEFAULT_NODE_DATA, label: 'Hexagon' } },\n  { type: 'shapeStar', width: 100, height: 100, data: { ...DEFAULT_NODE_DATA, label: 'Star' } },\n  { type: 'shapeHexagram', width: 100, height: 100, data: { ...DEFAULT_NODE_DATA, label: 'Hexagram' } },\n  { type: 'shapeRightTriangle', width: 120, height: 100, data: { ...DEFAULT_NODE_DATA, label: 'Right Triangle' } },\n  { type: 'shapeCorner', width: 100, height: 100, data: { ...DEFAULT_NODE_DATA, label: 'Corner' } },\n  { type: 'textLabel', width: 120, height: 40, data: { ...TEXT_NODE_DATA, label: 'Label' } },\n  { type: 'animAnchor', width: 320, height: 240, data: { ...DEFAULT_NODE_DATA, label: 'Anchor', fill: 'transparent', stroke: '#8b5cf6', strokeWidth: 1.5, borderStyle: 'dashed' } },\n  { type: 'geometryGroup', width: 200, height: 160, data: { ...DEFAULT_NODE_DATA, label: 'Geo Group', fill: '#fefce8', stroke: '#9ca3af', strokeWidth: 1.5, borderStyle: 'dashed', isGroup: true } },\n];\n\nexport const EDGE_TYPE_OPTIONS: FlowEdgeTypeName[] = [\n  'smoothstep',\n  'step',\n  'straight',\n  'simplebezier',\n];\n\nexport const EDGE_MARKER_OPTIONS: FlowEdgeMarkerKind[] = [\n  'none',\n  'arrow',\n  'arrowclosed',\n];\n\nexport const EDGE_LINE_STYLE_OPTIONS: FlowEdgeLineStyle[] = [\n  'solid',\n  'dashed',\n  'dotted',\n  'dynamic',\n];\n\nexport const BORDER_STYLE_OPTIONS: FlowBorderStyle[] = [\n  'solid',\n  'dashed',\n  'dotted',\n  'dynamic',\n];\n\nexport const DASH_DENSITY_OPTIONS: FlowEdgeDashDensity[] = [\n  'sparse',\n  'medium',\n  'dense',\n];\n\nexport const GRADIENT_DIRECTION_OPTIONS: Array<{\n  value: GradientDirection;\n  label: string;\n}> = [\n  { value: 'to-r', label: 'Left → Right' },\n  { value: 'to-l', label: 'Right → Left' },\n  { value: 'to-b', label: 'Top → Bottom' },\n  { value: 'to-t', label: 'Bottom → Top' },\n  { value: 'to-br', label: 'Top-Left → Bottom-Right' },\n  { value: 'to-tl', label: 'Bottom-Right → Top-Left' },\n  { value: 'to-tr', label: 'Bottom-Left → Top-Right' },\n  { value: 'to-bl', label: 'Top-Right → Bottom-Left' },\n];\n\nexport const MIN_ZOOM = 0.1;\nexport const MAX_ZOOM = 4;\nexport const DEFAULT_GRID_SIZE = 20;\nexport const ZOOM_SENSITIVITY = 0.001;\nexport const SNAP_THRESHOLD = 5;\nexport const HANDLE_SIZE = 8;\n\nexport function createEmptyDocument(): FlowDocument {\n  return {\n    canvases: { [ROOT_CANVAS_ID]: { nodes: [], edges: [], lines: [] } },\n    stack: [ROOT_CANVAS_ID],\n  };\n}\n"],"mappings":"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"}
+{"version":3,"file":"constants.js","names":[],"sources":["../../../../src/components/pro/Flow/constants.ts"],"sourcesContent":["import type {\n  FlowNodeData,\n  FlowShapeType,\n  FlowEdgeTypeName,\n  FlowEdgeMarkerKind,\n  FlowEdgeLineStyle,\n  FlowEdgeDashDensity,\n  FlowBorderStyle,\n  GradientDirection,\n  FlowDocument,\n  FlowEdgeData,\n} from './types';\n\nexport const ROOT_CANVAS_ID = 'root';\n\nexport const DEFAULT_NODE_DATA: FlowNodeData = {\n  label: 'Text',\n  fill: 'theme:base-100',\n  stroke: 'theme:base-content',\n  strokeWidth: 2,\n  color: 'theme:base-content',\n  fontSize: 14,\n  attributes: [],\n};\n\nexport const TEXT_NODE_DATA: FlowNodeData = {\n  label: 'Label',\n  fill: 'transparent',\n  stroke: 'transparent',\n  strokeWidth: 0,\n  color: 'theme:base-content',\n  fontSize: 14,\n  attributes: [],\n};\n\nexport const DEFAULT_EDGE_DATA: FlowEdgeData = {\n  strokeColor: 'theme:base-content',\n  strokeWidth: 2,\n  lineStyle: 'solid',\n  markerEnd: 'arrowclosed',\n};\n\nexport const PALETTE_ITEMS: Array<{\n  type: FlowShapeType;\n  width: number;\n  height: number;\n  data: FlowNodeData;\n}> = [\n  { type: 'shapeRect', width: 140, height: 72, data: { ...DEFAULT_NODE_DATA, label: 'Rectangle' } },\n  { type: 'shapeRoundRect', width: 140, height: 72, data: { ...DEFAULT_NODE_DATA, label: 'Rounded' } },\n  { type: 'shapeEllipse', width: 120, height: 120, data: { ...DEFAULT_NODE_DATA, label: 'Ellipse' } },\n  { type: 'shapeDiamond', width: 120, height: 120, data: { ...DEFAULT_NODE_DATA, label: 'Diamond' } },\n  { type: 'shapeDocument', width: 120, height: 80, data: { ...DEFAULT_NODE_DATA, label: 'Document' } },\n  { type: 'shapeParallelogram', width: 140, height: 72, data: { ...DEFAULT_NODE_DATA, label: 'Parallelogram' } },\n  { type: 'shapeTriangle', width: 120, height: 100, data: { ...DEFAULT_NODE_DATA, label: 'Triangle' } },\n  { type: 'shapeTrapezoid', width: 140, height: 72, data: { ...DEFAULT_NODE_DATA, label: 'Trapezoid' } },\n  { type: 'shapePentagon', width: 100, height: 100, data: { ...DEFAULT_NODE_DATA, label: 'Pentagon' } },\n  { type: 'shapeHexagon', width: 120, height: 100, data: { ...DEFAULT_NODE_DATA, label: 'Hexagon' } },\n  { type: 'shapeStar', width: 100, height: 100, data: { ...DEFAULT_NODE_DATA, label: 'Star' } },\n  { type: 'shapeHexagram', width: 100, height: 100, data: { ...DEFAULT_NODE_DATA, label: 'Hexagram' } },\n  { type: 'shapeRightTriangle', width: 120, height: 100, data: { ...DEFAULT_NODE_DATA, label: 'Right Triangle' } },\n  { type: 'shapeCorner', width: 100, height: 100, data: { ...DEFAULT_NODE_DATA, label: 'Corner' } },\n  { type: 'textLabel', width: 120, height: 40, data: { ...TEXT_NODE_DATA, label: 'Label' } },\n  { type: 'animAnchor', width: 320, height: 240, data: { ...DEFAULT_NODE_DATA, label: 'Anchor', fill: 'transparent', stroke: '#8b5cf6', strokeWidth: 1.5, borderStyle: 'dashed' } },\n  { type: 'flowGroup', width: 200, height: 160, data: { ...DEFAULT_NODE_DATA, label: 'Group', fill: '#f0f9ff', stroke: '#9ca3af', strokeWidth: 1.5, borderStyle: 'dotted', isGroup: true } },\n  { type: 'geometryGroup', width: 200, height: 160, data: { ...DEFAULT_NODE_DATA, label: 'Geo Group', fill: '#fefce8', stroke: '#9ca3af', strokeWidth: 1.5, borderStyle: 'dashed', isGroup: true } },\n];\n\nexport const EDGE_TYPE_OPTIONS: FlowEdgeTypeName[] = [\n  'smoothstep',\n  'step',\n  'straight',\n  'simplebezier',\n];\n\nexport const EDGE_MARKER_OPTIONS: FlowEdgeMarkerKind[] = [\n  'none',\n  'arrow',\n  'arrowclosed',\n];\n\nexport const EDGE_LINE_STYLE_OPTIONS: FlowEdgeLineStyle[] = [\n  'solid',\n  'dashed',\n  'dotted',\n  'dynamic',\n];\n\nexport const BORDER_STYLE_OPTIONS: FlowBorderStyle[] = [\n  'solid',\n  'dashed',\n  'dotted',\n  'dynamic',\n];\n\nexport const DASH_DENSITY_OPTIONS: FlowEdgeDashDensity[] = [\n  'sparse',\n  'medium',\n  'dense',\n];\n\nexport const GRADIENT_DIRECTION_OPTIONS: Array<{\n  value: GradientDirection;\n  label: string;\n}> = [\n  { value: 'to-r', label: 'Left → Right' },\n  { value: 'to-l', label: 'Right → Left' },\n  { value: 'to-b', label: 'Top → Bottom' },\n  { value: 'to-t', label: 'Bottom → Top' },\n  { value: 'to-br', label: 'Top-Left → Bottom-Right' },\n  { value: 'to-tl', label: 'Bottom-Right → Top-Left' },\n  { value: 'to-tr', label: 'Bottom-Left → Top-Right' },\n  { value: 'to-bl', label: 'Top-Right → Bottom-Left' },\n];\n\nexport const MIN_ZOOM = 0.1;\nexport const MAX_ZOOM = 4;\nexport const DEFAULT_GRID_SIZE = 20;\nexport const ZOOM_SENSITIVITY = 0.001;\nexport const SNAP_THRESHOLD = 5;\nexport const HANDLE_SIZE = 8;\n\nexport function createEmptyDocument(): FlowDocument {\n  return {\n    canvases: { [ROOT_CANVAS_ID]: { nodes: [], edges: [], lines: [] } },\n    stack: [ROOT_CANVAS_ID],\n  };\n}\n"],"mappings":"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"}

package/dist/components/pro/Flow/hooks/useClipboard.d.ts

@@ -6,5 +6,10 @@ export declare function useClipboard(): {
     copy: () => void;
     cut: () => void;
     paste: (offsetX?: number, offsetY?: number) => void;
+    duplicate: (offsetX?: number, offsetY?: number, targets?: {
+        nodeIds?: Set<string>;
+        edgeIds?: Set<string>;
+        lineIds?: Set<string>;
+    }) => void;
     hasClipboard: boolean;
 };