@adoptai/genui-components 0.1.32

package/dist/composites/file-browser/resolver.js

@@ -0,0 +1,438 @@
+"use client";
+import { createContext, useContext, useState, useRef, useCallback, useEffect } from 'react';
+import { toPng } from 'html-to-image';
+import { jsx, jsxs } from 'react/jsx-runtime';
+
+// src/shared/theme.ts
+var BORDER = "#dedede";
+var MUTED = "#777777";
+var PAPER = "#f6f6f6";
+var ACCENT = "#ff5000";
+var ACCENT_SOFT = "#cc4000";
+var SECONDARY = "#0364ff";
+var CHART_PALETTE = [
+  "#ff5000",
+  "#0364ff",
+  "#16a34a",
+  "#dc2626",
+  "#7c3aed",
+  "#0891b2",
+  "#f59e0b",
+  "#6366f1",
+  "#ec4899",
+  "#84cc16",
+  "#e11d48",
+  "#0ea5e9"
+];
+function ColumnSettingsPanel({ columns, hidden, onToggle, onShowAll, onHideAll }) {
+  return /* @__PURE__ */ jsxs("div", { style: { display: "flex", flexDirection: "column", gap: "6px", minWidth: "180px" }, children: [
+    /* @__PURE__ */ jsxs("div", { style: { display: "flex", justifyContent: "space-between", paddingBottom: "4px", borderBottom: `1px solid ${BORDER}` }, children: [
+      /* @__PURE__ */ jsx(
+        "button",
+        {
+          onClick: onShowAll,
+          style: { background: "none", border: "none", cursor: "pointer", fontSize: "11px", color: ACCENT, fontWeight: 500, padding: 0 },
+          children: "Show all"
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        "button",
+        {
+          onClick: onHideAll,
+          style: { background: "none", border: "none", cursor: "pointer", fontSize: "11px", color: MUTED, fontWeight: 500, padding: 0 },
+          children: "Hide all"
+        }
+      )
+    ] }),
+    columns.map((col) => /* @__PURE__ */ jsxs(
+      "label",
+      {
+        style: { display: "flex", alignItems: "center", gap: "8px", cursor: "pointer", fontSize: "12px", color: "var(--foreground)" },
+        children: [
+          /* @__PURE__ */ jsx(
+            "input",
+            {
+              type: "checkbox",
+              checked: !hidden.has(col.key),
+              onChange: () => onToggle(col.key),
+              style: { accentColor: ACCENT, width: "14px", height: "14px", margin: 0, cursor: "pointer" }
+            }
+          ),
+          col.label
+        ]
+      },
+      col.key
+    ))
+  ] });
+}
+var DOT_COLOR = "#aaaaaa";
+var DOT_HOVER = "#555555";
+function ComponentActions({ children, onDownloadCSV, columnConfig, filename = "component" }) {
+  const [open, setOpen] = useState(false);
+  const [view, setView] = useState("main");
+  const contentRef = useRef(null);
+  const menuRef = useRef(null);
+  const btnRef = useRef(null);
+  const close = useCallback(() => {
+    setOpen(false);
+    setView("main");
+  }, []);
+  useEffect(() => {
+    if (!open) return;
+    const handler = (e) => {
+      var _a, _b;
+      if ((_a = menuRef.current) == null ? void 0 : _a.contains(e.target)) return;
+      if ((_b = btnRef.current) == null ? void 0 : _b.contains(e.target)) return;
+      close();
+    };
+    document.addEventListener("mousedown", handler);
+    return () => document.removeEventListener("mousedown", handler);
+  }, [open, close]);
+  const handleDownloadPNG = useCallback(async () => {
+    if (!contentRef.current) return;
+    try {
+      const url = await toPng(contentRef.current, { backgroundColor: "white", pixelRatio: 2 });
+      const a = document.createElement("a");
+      a.href = url;
+      a.download = `${filename}.png`;
+      a.click();
+    } catch (e) {
+    }
+    close();
+  }, [filename, close]);
+  const handleCSV = useCallback(() => {
+    onDownloadCSV == null ? void 0 : onDownloadCSV();
+    close();
+  }, [onDownloadCSV, close]);
+  return /* @__PURE__ */ jsxs("div", { style: { width: "100%", display: "flex", flexDirection: "column" }, children: [
+    /* @__PURE__ */ jsx("div", { ref: contentRef, style: { width: "100%" }, children }),
+    /* @__PURE__ */ jsxs("div", { style: { display: "flex", justifyContent: "flex-end", marginTop: "4px", position: "relative", zIndex: 10, flexShrink: 0 }, children: [
+      /* @__PURE__ */ jsx(
+        "button",
+        {
+          ref: btnRef,
+          onClick: () => {
+            setOpen((o) => !o);
+            setView("main");
+          },
+          "aria-label": "Component actions",
+          style: {
+            background: "none",
+            border: "none",
+            cursor: "pointer",
+            padding: "4px 8px",
+            display: "flex",
+            gap: "3px",
+            alignItems: "center",
+            borderRadius: "6px",
+            transition: "background 0.15s"
+          },
+          onMouseEnter: (e) => {
+            e.currentTarget.style.background = "#f2f2f2";
+            e.currentTarget.querySelectorAll("circle").forEach((c) => c.style.fill = DOT_HOVER);
+          },
+          onMouseLeave: (e) => {
+            e.currentTarget.style.background = "none";
+            e.currentTarget.querySelectorAll("circle").forEach((c) => c.style.fill = DOT_COLOR);
+          },
+          children: /* @__PURE__ */ jsxs("svg", { width: "20", height: "6", viewBox: "0 0 20 6", children: [
+            /* @__PURE__ */ jsx("circle", { cx: "3", cy: "3", r: "2", style: { fill: DOT_COLOR, transition: "fill 0.15s" } }),
+            /* @__PURE__ */ jsx("circle", { cx: "10", cy: "3", r: "2", style: { fill: DOT_COLOR, transition: "fill 0.15s" } }),
+            /* @__PURE__ */ jsx("circle", { cx: "17", cy: "3", r: "2", style: { fill: DOT_COLOR, transition: "fill 0.15s" } })
+          ] })
+        }
+      ),
+      open && /* @__PURE__ */ jsx(
+        "div",
+        {
+          ref: menuRef,
+          style: {
+            position: "absolute",
+            bottom: "100%",
+            right: 0,
+            marginBottom: "4px",
+            background: "white",
+            border: `1px solid ${BORDER}`,
+            borderRadius: "0.75rem",
+            boxShadow: "0 4px 12px rgba(0,0,0,0.06)",
+            zIndex: 50,
+            padding: view === "columns" ? "10px" : "4px",
+            minWidth: view === "columns" ? "200px" : "160px"
+          },
+          children: view === "main" ? /* @__PURE__ */ jsxs("div", { style: { display: "flex", flexDirection: "column" }, children: [
+            columnConfig && /* @__PURE__ */ jsx(MenuButton, { label: "Customize columns", onClick: () => setView("columns") }),
+            onDownloadCSV && /* @__PURE__ */ jsx(MenuButton, { label: "Download CSV", onClick: handleCSV }),
+            /* @__PURE__ */ jsx(MenuButton, { label: "Download PNG", onClick: handleDownloadPNG })
+          ] }) : /* @__PURE__ */ jsxs("div", { children: [
+            /* @__PURE__ */ jsx(
+              "button",
+              {
+                onClick: () => setView("main"),
+                style: { background: "none", border: "none", cursor: "pointer", fontSize: "11px", color: MUTED, marginBottom: "6px", padding: 0 },
+                children: "\u2190 Back"
+              }
+            ),
+            /* @__PURE__ */ jsx(
+              ColumnSettingsPanel,
+              {
+                columns: columnConfig.columns,
+                hidden: columnConfig.hidden,
+                onToggle: columnConfig.onToggle,
+                onShowAll: columnConfig.onShowAll,
+                onHideAll: columnConfig.onHideAll
+              }
+            )
+          ] })
+        }
+      )
+    ] })
+  ] });
+}
+function MenuButton({ label, onClick }) {
+  return /* @__PURE__ */ jsx(
+    "button",
+    {
+      onClick,
+      style: {
+        background: "none",
+        border: "none",
+        cursor: "pointer",
+        padding: "8px 12px",
+        fontSize: "12.5px",
+        color: "var(--foreground)",
+        textAlign: "left",
+        borderRadius: "8px",
+        transition: "background 0.15s",
+        whiteSpace: "nowrap"
+      },
+      onMouseEnter: (e) => e.currentTarget.style.background = "#f2f2f2",
+      onMouseLeave: (e) => e.currentTarget.style.background = "none",
+      children: label
+    }
+  );
+}
+var DEFAULT_TOKENS = {
+  BORDER,
+  MUTED,
+  PAPER,
+  ACCENT,
+  ACCENT_SOFT,
+  SECONDARY,
+  CHART_PALETTE: [...CHART_PALETTE]
+};
+var GenUIThemeContext = createContext(DEFAULT_TOKENS);
+function useTheme() {
+  return useContext(GenUIThemeContext);
+}
+var docTypeConfig = {
+  pdf: { label: "PDF", color: "#dc2626", bg: "#fef2f2" },
+  xlsx: { label: "XLS", color: "#15803d", bg: "#f0fdf4" },
+  xls: { label: "XLS", color: "#15803d", bg: "#f0fdf4" },
+  excel: { label: "XLS", color: "#15803d", bg: "#f0fdf4" },
+  doc: { label: "DOC", color: "#0364ff", bg: "#eff6ff" },
+  docx: { label: "DOC", color: "#0364ff", bg: "#eff6ff" },
+  csv: { label: "CSV", color: "#7c3aed", bg: "#f5f3ff" }
+};
+function getDocConfig(docType) {
+  var _a;
+  if (!docType) return { label: "FILE", color: MUTED, bg: "#f2f2f2" };
+  const key = docType.toLowerCase().replace(/^\./, "");
+  return (_a = docTypeConfig[key]) != null ? _a : { label: key.toUpperCase().slice(0, 4), color: MUTED, bg: "#f2f2f2" };
+}
+function formatDate(dateStr) {
+  if (!dateStr) return "";
+  try {
+    return new Intl.DateTimeFormat("en-US", { dateStyle: "medium" }).format(new Date(dateStr));
+  } catch (e) {
+    return dateStr;
+  }
+}
+function FileRow({ item }) {
+  var _a;
+  const [hovered, setHovered] = useState(false);
+  const cfg = getDocConfig(item.docType);
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      onMouseEnter: () => setHovered(true),
+      onMouseLeave: () => setHovered(false),
+      style: {
+        display: "flex",
+        alignItems: "center",
+        gap: "10px",
+        padding: "8px 12px",
+        borderBottom: `1px solid ${BORDER}`,
+        background: hovered ? PAPER : "white",
+        transition: "background 0.15s",
+        cursor: "default"
+      },
+      children: [
+        /* @__PURE__ */ jsx("div", { style: {
+          width: "32px",
+          height: "32px",
+          borderRadius: "6px",
+          background: cfg.bg,
+          color: cfg.color,
+          display: "flex",
+          alignItems: "center",
+          justifyContent: "center",
+          fontSize: "9px",
+          fontWeight: 700,
+          letterSpacing: "0.02em",
+          flexShrink: 0,
+          boxShadow: "inset 0 0 0 1px rgba(0,0,0,0.04)"
+        }, children: cfg.label }),
+        /* @__PURE__ */ jsxs("div", { style: { flex: 1, minWidth: 0, display: "flex", flexDirection: "column", gap: "2px" }, children: [
+          item.url ? /* @__PURE__ */ jsxs(
+            "a",
+            {
+              href: item.url,
+              target: "_blank",
+              rel: "noopener noreferrer",
+              onClick: (e) => e.stopPropagation(),
+              style: {
+                fontSize: "13px",
+                fontWeight: 500,
+                color: "#0364ff",
+                overflow: "hidden",
+                textOverflow: "ellipsis",
+                whiteSpace: "nowrap",
+                textDecoration: "none",
+                display: "flex",
+                alignItems: "center",
+                gap: "4px"
+              },
+              children: [
+                item.name,
+                /* @__PURE__ */ jsx("span", { style: { fontSize: "11px", flexShrink: 0 }, children: "\u2197" })
+              ]
+            }
+          ) : /* @__PURE__ */ jsx("span", { style: { fontSize: "13px", fontWeight: 500, color: "var(--foreground)", overflow: "hidden", textOverflow: "ellipsis", whiteSpace: "nowrap" }, children: item.name }),
+          item.tags && item.tags.length > 0 && /* @__PURE__ */ jsx("div", { style: { display: "flex", gap: "4px", flexWrap: "wrap" }, children: item.tags.map((tag, i) => /* @__PURE__ */ jsx("span", { style: {
+            fontSize: "9px",
+            padding: "1px 6px",
+            borderRadius: "9999px",
+            background: PAPER,
+            color: MUTED,
+            fontWeight: 500
+          }, children: tag }, i)) })
+        ] }),
+        item.author && /* @__PURE__ */ jsx("span", { style: { fontSize: "11px", color: MUTED, flexShrink: 0, maxWidth: "100px", overflow: "hidden", textOverflow: "ellipsis", whiteSpace: "nowrap" }, children: item.author }),
+        item.size && /* @__PURE__ */ jsx("span", { style: { fontSize: "11px", color: MUTED, flexShrink: 0, minWidth: "50px", textAlign: "right" }, children: item.size }),
+        (item.modifiedAt || item.createdAt) && /* @__PURE__ */ jsx("span", { style: { fontSize: "11px", color: MUTED, flexShrink: 0, minWidth: "80px", textAlign: "right" }, children: formatDate((_a = item.modifiedAt) != null ? _a : item.createdAt) })
+      ]
+    }
+  );
+}
+function GroupSection({ groupName, items }) {
+  const [open, setOpen] = useState(true);
+  const [headerHovered, setHeaderHovered] = useState(false);
+  return /* @__PURE__ */ jsxs("div", { children: [
+    /* @__PURE__ */ jsxs(
+      "button",
+      {
+        onClick: () => setOpen(!open),
+        onMouseEnter: () => setHeaderHovered(true),
+        onMouseLeave: () => setHeaderHovered(false),
+        style: {
+          width: "100%",
+          display: "flex",
+          alignItems: "center",
+          gap: "6px",
+          padding: "8px 12px",
+          background: headerHovered ? "#fafafa" : "white",
+          borderTop: "none",
+          borderLeft: "none",
+          borderRight: "none",
+          borderBottom: `1px solid ${BORDER}`,
+          cursor: "pointer",
+          fontSize: "11px",
+          fontWeight: 600,
+          color: "var(--foreground)",
+          textTransform: "uppercase",
+          letterSpacing: "0.04em",
+          transition: "background 0.15s"
+        },
+        children: [
+          /* @__PURE__ */ jsx("span", { style: { transition: "transform 0.15s", transform: open ? "rotate(90deg)" : "rotate(0deg)", fontSize: "9px" }, children: "\u25B6" }),
+          groupName,
+          /* @__PURE__ */ jsxs("span", { style: { fontSize: "10px", color: MUTED, fontWeight: 400, textTransform: "none" }, children: [
+            "(",
+            items.length,
+            ")"
+          ] })
+        ]
+      }
+    ),
+    open && items.map((item, i) => {
+      var _a;
+      return /* @__PURE__ */ jsx(FileRow, { item }, (_a = item.id) != null ? _a : i);
+    })
+  ] });
+}
+function FileBrowserResolver(p) {
+  var _a, _b, _c, _d;
+  const { BORDER: BORDER2, MUTED: MUTED2, ACCENT: ACCENT2, PAPER: PAPER2 } = useTheme();
+  const items = (_a = p.items) != null ? _a : [];
+  const hasGroups = items.some((item) => item.group);
+  const groups = /* @__PURE__ */ new Map();
+  if (hasGroups) {
+    for (const item of items) {
+      const key = (_b = item.group) != null ? _b : "Other";
+      const list = (_c = groups.get(key)) != null ? _c : [];
+      list.push(item);
+      groups.set(key, list);
+    }
+  }
+  return /* @__PURE__ */ jsx(ComponentActions, { filename: (_d = p.title) != null ? _d : "file-browser", children: /* @__PURE__ */ jsxs("div", { style: { width: "100%", display: "flex", flexDirection: "column", gap: "10px" }, children: [
+    p.title && /* @__PURE__ */ jsx(
+      "p",
+      {
+        style: {
+          fontFamily: "var(--font-serif)",
+          fontSize: "15px",
+          fontWeight: 400,
+          color: "var(--foreground)",
+          letterSpacing: "-0.01em",
+          margin: 0
+        },
+        children: p.title
+      }
+    ),
+    /* @__PURE__ */ jsxs("div", { style: {
+      borderRadius: "0.75rem",
+      border: `1px solid ${BORDER2}`,
+      overflow: "hidden",
+      boxShadow: "0 1px 2px rgba(0,0,0,0.03), 0 4px 12px rgba(0,0,0,0.04)"
+    }, children: [
+      /* @__PURE__ */ jsxs("div", { style: {
+        display: "flex",
+        justifyContent: "flex-end",
+        padding: "8px 12px",
+        borderBottom: `1px solid ${BORDER2}`,
+        background: "#fafafa",
+        fontSize: "11px",
+        color: MUTED2
+      }, children: [
+        items.length,
+        " ",
+        items.length === 1 ? "file" : "files"
+      ] }),
+      items.length === 0 ? /* @__PURE__ */ jsx("div", { style: {
+        display: "flex",
+        alignItems: "center",
+        justifyContent: "center",
+        padding: "32px 16px",
+        fontSize: "13px",
+        color: MUTED2
+      }, children: "No files" }) : hasGroups ? Array.from(groups.entries()).map(([groupName, items2]) => /* @__PURE__ */ jsx(GroupSection, { groupName, items: items2 }, groupName)) : items.map((item, i) => {
+        var _a2;
+        return /* @__PURE__ */ jsx(FileRow, { item }, (_a2 = item.id) != null ? _a2 : i);
+      })
+    ] })
+  ] }) });
+}
+
+export { FileBrowserResolver };
+//# sourceMappingURL=resolver.js.map
+//# sourceMappingURL=resolver.js.map

package/dist/composites/file-browser/resolver.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/shared/theme.ts","../../../src/shared/ColumnSettingsPanel.tsx","../../../src/shared/ComponentActions.tsx","../../../src/shared/ThemeContext.tsx","../../../src/composites/file-browser/resolver.tsx"],"names":["jsxs","jsx","useState","BORDER","MUTED","ACCENT","PAPER","items","_a"],"mappings":"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","file":"resolver.js","sourcesContent":["export const BORDER = \"#dedede\";\nexport const MUTED = \"#777777\";\nexport const PAPER = \"#f6f6f6\";\nexport const ACCENT = \"#ff5000\";\nexport const ACCENT_SOFT = \"#cc4000\";\nexport const SECONDARY = \"#0364ff\";\n\nexport const ACCOUNT_TYPE_COLORS = {\n  asset:     { bg: \"#eff6ff\", color: \"#1d4ed8\" },\n  liability: { bg: \"#fff7ed\", color: \"#92400e\" },\n  equity:    { bg: \"#f5f3ff\", color: \"#7c3aed\" },\n  revenue:   { bg: \"#dcfce7\", color: \"#15803d\" },\n  expense:   { bg: \"#fef2f2\", color: \"#dc2626\" },\n} as const;\n\nexport const STATUS_COLORS = {\n  draft:            { bg: \"#fff7ed\", color: \"#92400e\" },\n  \"pending-review\": { bg: \"#eff6ff\", color: \"#1d4ed8\" },\n  approved:         { bg: \"#dcfce7\", color: \"#15803d\" },\n  filed:            { bg: \"#f5f3ff\", color: \"#7c3aed\" },\n} as const;\n\nexport const CHART_PALETTE = [\n  \"#ff5000\",\n  \"#0364ff\",\n  \"#16a34a\",\n  \"#dc2626\",\n  \"#7c3aed\",\n  \"#0891b2\",\n  \"#f59e0b\",\n  \"#6366f1\",\n  \"#ec4899\",\n  \"#84cc16\",\n  \"#e11d48\",\n  \"#0ea5e9\",\n];\n","\"use client\";\n\nimport React from \"react\";\nimport { BORDER, MUTED, ACCENT } from \"./theme\";\n\ninterface ColumnSettingsPanelProps {\n  columns: { key: string; label: string }[];\n  hidden: Set<string>;\n  onToggle: (key: string) => void;\n  onShowAll: () => void;\n  onHideAll: () => void;\n}\n\nexport function ColumnSettingsPanel({ columns, hidden, onToggle, onShowAll, onHideAll }: ColumnSettingsPanelProps) {\n  return (\n    <div style={{ display: \"flex\", flexDirection: \"column\", gap: \"6px\", minWidth: \"180px\" }}>\n      <div style={{ display: \"flex\", justifyContent: \"space-between\", paddingBottom: \"4px\", borderBottom: `1px solid ${BORDER}` }}>\n        <button\n          onClick={onShowAll}\n          style={{ background: \"none\", border: \"none\", cursor: \"pointer\", fontSize: \"11px\", color: ACCENT, fontWeight: 500, padding: 0 }}\n        >\n          Show all\n        </button>\n        <button\n          onClick={onHideAll}\n          style={{ background: \"none\", border: \"none\", cursor: \"pointer\", fontSize: \"11px\", color: MUTED, fontWeight: 500, padding: 0 }}\n        >\n          Hide all\n        </button>\n      </div>\n      {columns.map((col) => (\n        <label\n          key={col.key}\n          style={{ display: \"flex\", alignItems: \"center\", gap: \"8px\", cursor: \"pointer\", fontSize: \"12px\", color: \"var(--foreground)\" }}\n        >\n          <input\n            type=\"checkbox\"\n            checked={!hidden.has(col.key)}\n            onChange={() => onToggle(col.key)}\n            style={{ accentColor: ACCENT, width: \"14px\", height: \"14px\", margin: 0, cursor: \"pointer\" }}\n          />\n          {col.label}\n        </label>\n      ))}\n    </div>\n  );\n}\n","\"use client\";\n\nimport React, { useState, useRef, useEffect, useCallback } from \"react\";\nimport { toPng } from \"html-to-image\";\nimport { ColumnSettingsPanel } from \"./ColumnSettingsPanel\";\nimport { BORDER, MUTED } from \"./theme\";\n\nconst DOT_COLOR = \"#aaaaaa\";\nconst DOT_HOVER = \"#555555\";\n\ninterface ColumnConfig {\n  columns: { key: string; label: string }[];\n  hidden: Set<string>;\n  onToggle: (key: string) => void;\n  onShowAll: () => void;\n  onHideAll: () => void;\n}\n\ninterface ComponentActionsProps {\n  children: React.ReactNode;\n  onDownloadCSV?: () => void;\n  columnConfig?: ColumnConfig;\n  filename?: string;\n}\n\ntype MenuView = \"main\" | \"columns\";\n\nexport function ComponentActions({ children, onDownloadCSV, columnConfig, filename = \"component\" }: ComponentActionsProps) {\n  const [open, setOpen] = useState(false);\n  const [view, setView] = useState<MenuView>(\"main\");\n  const contentRef = useRef<HTMLDivElement>(null);\n  const menuRef = useRef<HTMLDivElement>(null);\n  const btnRef = useRef<HTMLButtonElement>(null);\n\n  const close = useCallback(() => {\n    setOpen(false);\n    setView(\"main\");\n  }, []);\n\n  useEffect(() => {\n    if (!open) return;\n    const handler = (e: MouseEvent) => {\n      if (menuRef.current?.contains(e.target as Node)) return;\n      if (btnRef.current?.contains(e.target as Node)) return;\n      close();\n    };\n    document.addEventListener(\"mousedown\", handler);\n    return () => document.removeEventListener(\"mousedown\", handler);\n  }, [open, close]);\n\n  const handleDownloadPNG = useCallback(async () => {\n    if (!contentRef.current) return;\n    try {\n      const url = await toPng(contentRef.current, { backgroundColor: \"white\", pixelRatio: 2 });\n      const a = document.createElement(\"a\");\n      a.href = url;\n      a.download = `${filename}.png`;\n      a.click();\n    } catch {\n      // silent fail\n    }\n    close();\n  }, [filename, close]);\n\n  const handleCSV = useCallback(() => {\n    onDownloadCSV?.();\n    close();\n  }, [onDownloadCSV, close]);\n\n  return (\n    <div style={{ width: \"100%\", display: \"flex\", flexDirection: \"column\" }}>\n      <div ref={contentRef} style={{ width: \"100%\" }}>\n        {children}\n      </div>\n      <div style={{ display: \"flex\", justifyContent: \"flex-end\", marginTop: \"4px\", position: \"relative\", zIndex: 10, flexShrink: 0 }}>\n        <button\n          ref={btnRef}\n          onClick={() => { setOpen((o) => !o); setView(\"main\"); }}\n          aria-label=\"Component actions\"\n          style={{\n            background: \"none\",\n            border: \"none\",\n            cursor: \"pointer\",\n            padding: \"4px 8px\",\n            display: \"flex\",\n            gap: \"3px\",\n            alignItems: \"center\",\n            borderRadius: \"6px\",\n            transition: \"background 0.15s\",\n          }}\n          onMouseEnter={(e) => {\n            e.currentTarget.style.background = \"#f2f2f2\";\n            e.currentTarget.querySelectorAll<SVGCircleElement>(\"circle\").forEach((c) => (c.style.fill = DOT_HOVER));\n          }}\n          onMouseLeave={(e) => {\n            e.currentTarget.style.background = \"none\";\n            e.currentTarget.querySelectorAll<SVGCircleElement>(\"circle\").forEach((c) => (c.style.fill = DOT_COLOR));\n          }}\n        >\n          <svg width=\"20\" height=\"6\" viewBox=\"0 0 20 6\">\n            <circle cx=\"3\" cy=\"3\" r=\"2\" style={{ fill: DOT_COLOR, transition: \"fill 0.15s\" }} />\n            <circle cx=\"10\" cy=\"3\" r=\"2\" style={{ fill: DOT_COLOR, transition: \"fill 0.15s\" }} />\n            <circle cx=\"17\" cy=\"3\" r=\"2\" style={{ fill: DOT_COLOR, transition: \"fill 0.15s\" }} />\n          </svg>\n        </button>\n\n        {open && (\n          <div\n            ref={menuRef}\n            style={{\n              position: \"absolute\",\n              bottom: \"100%\",\n              right: 0,\n              marginBottom: \"4px\",\n              background: \"white\",\n              border: `1px solid ${BORDER}`,\n              borderRadius: \"0.75rem\",\n              boxShadow: \"0 4px 12px rgba(0,0,0,0.06)\",\n              zIndex: 50,\n              padding: view === \"columns\" ? \"10px\" : \"4px\",\n              minWidth: view === \"columns\" ? \"200px\" : \"160px\",\n            }}\n          >\n            {view === \"main\" ? (\n              <div style={{ display: \"flex\", flexDirection: \"column\" }}>\n                {columnConfig && (\n                  <MenuButton label=\"Customize columns\" onClick={() => setView(\"columns\")} />\n                )}\n                {onDownloadCSV && (\n                  <MenuButton label=\"Download CSV\" onClick={handleCSV} />\n                )}\n                <MenuButton label=\"Download PNG\" onClick={handleDownloadPNG} />\n              </div>\n            ) : (\n              <div>\n                <button\n                  onClick={() => setView(\"main\")}\n                  style={{ background: \"none\", border: \"none\", cursor: \"pointer\", fontSize: \"11px\", color: MUTED, marginBottom: \"6px\", padding: 0 }}\n                >\n                  ← Back\n                </button>\n                <ColumnSettingsPanel\n                  columns={columnConfig!.columns}\n                  hidden={columnConfig!.hidden}\n                  onToggle={columnConfig!.onToggle}\n                  onShowAll={columnConfig!.onShowAll}\n                  onHideAll={columnConfig!.onHideAll}\n                />\n              </div>\n            )}\n          </div>\n        )}\n      </div>\n    </div>\n  );\n}\n\nfunction MenuButton({ label, onClick }: { label: string; onClick: () => void }) {\n  return (\n    <button\n      onClick={onClick}\n      style={{\n        background: \"none\",\n        border: \"none\",\n        cursor: \"pointer\",\n        padding: \"8px 12px\",\n        fontSize: \"12.5px\",\n        color: \"var(--foreground)\",\n        textAlign: \"left\",\n        borderRadius: \"8px\",\n        transition: \"background 0.15s\",\n        whiteSpace: \"nowrap\",\n      }}\n      onMouseEnter={(e) => (e.currentTarget.style.background = \"#f2f2f2\")}\n      onMouseLeave={(e) => (e.currentTarget.style.background = \"none\")}\n    >\n      {label}\n    </button>\n  );\n}\n","\"use client\";\n\nimport React, { createContext, useContext, useMemo } from \"react\";\nimport {\n  BORDER,\n  MUTED,\n  PAPER,\n  ACCENT,\n  ACCENT_SOFT,\n  SECONDARY,\n  CHART_PALETTE,\n} from \"./theme\";\n\nexport interface ThemeTokens {\n  BORDER: string;\n  MUTED: string;\n  PAPER: string;\n  ACCENT: string;\n  ACCENT_SOFT: string;\n  SECONDARY: string;\n  CHART_PALETTE: string[];\n}\n\nexport const DEFAULT_TOKENS: ThemeTokens = {\n  BORDER,\n  MUTED,\n  PAPER,\n  ACCENT,\n  ACCENT_SOFT,\n  SECONDARY,\n  CHART_PALETTE: [...CHART_PALETTE],\n};\n\nconst GenUIThemeContext = createContext<ThemeTokens>(DEFAULT_TOKENS);\n\nexport interface GenUIThemeProviderProps {\n  colors?: Partial<ThemeTokens>;\n  children: React.ReactNode;\n}\n\nexport function GenUIThemeProvider({ colors, children }: GenUIThemeProviderProps) {\n  const merged = useMemo(\n    () => (colors ? { ...DEFAULT_TOKENS, ...colors } : DEFAULT_TOKENS),\n    [colors]\n  );\n  return (\n    <GenUIThemeContext.Provider value={merged}>\n      {children}\n    </GenUIThemeContext.Provider>\n  );\n}\n\nexport function useTheme(): ThemeTokens {\n  return useContext(GenUIThemeContext);\n}\n","\"use client\";\n\nimport React, { useState } from \"react\";\nimport type { SchemaPayload } from \"../../schemas\";\nimport { ComponentActions } from \"../../shared/ComponentActions\";\nimport { BORDER, MUTED, PAPER } from \"../../shared/theme\";\nimport { useTheme } from \"../../shared/ThemeContext\";\n\ntype FileItem = SchemaPayload<\"file-browser\">[\"items\"][number];\n\nconst docTypeConfig: Record<string, { label: string; color: string; bg: string }> = {\n  pdf: { label: \"PDF\", color: \"#dc2626\", bg: \"#fef2f2\" },\n  xlsx: { label: \"XLS\", color: \"#15803d\", bg: \"#f0fdf4\" },\n  xls: { label: \"XLS\", color: \"#15803d\", bg: \"#f0fdf4\" },\n  excel: { label: \"XLS\", color: \"#15803d\", bg: \"#f0fdf4\" },\n  doc: { label: \"DOC\", color: \"#0364ff\", bg: \"#eff6ff\" },\n  docx: { label: \"DOC\", color: \"#0364ff\", bg: \"#eff6ff\" },\n  csv: { label: \"CSV\", color: \"#7c3aed\", bg: \"#f5f3ff\" },\n};\n\nfunction getDocConfig(docType?: string): { label: string; color: string; bg: string } {\n  if (!docType) return { label: \"FILE\", color: MUTED, bg: \"#f2f2f2\" };\n  const key = docType.toLowerCase().replace(/^\\./, \"\");\n  return docTypeConfig[key] ?? { label: key.toUpperCase().slice(0, 4), color: MUTED, bg: \"#f2f2f2\" };\n}\n\nfunction formatDate(dateStr?: string): string {\n  if (!dateStr) return \"\";\n  try {\n    return new Intl.DateTimeFormat(\"en-US\", { dateStyle: \"medium\" }).format(new Date(dateStr));\n  } catch {\n    return dateStr;\n  }\n}\n\nfunction FileRow({ item }: { item: FileItem }) {\n  const [hovered, setHovered] = useState(false);\n  const cfg = getDocConfig(item.docType);\n\n  return (\n    <div\n      onMouseEnter={() => setHovered(true)}\n      onMouseLeave={() => setHovered(false)}\n      style={{\n        display: \"flex\",\n        alignItems: \"center\",\n        gap: \"10px\",\n        padding: \"8px 12px\",\n        borderBottom: `1px solid ${BORDER}`,\n        background: hovered ? PAPER : \"white\",\n        transition: \"background 0.15s\",\n        cursor: \"default\",\n      }}\n    >\n      {/* Doc type badge */}\n      <div style={{\n        width: \"32px\",\n        height: \"32px\",\n        borderRadius: \"6px\",\n        background: cfg.bg,\n        color: cfg.color,\n        display: \"flex\",\n        alignItems: \"center\",\n        justifyContent: \"center\",\n        fontSize: \"9px\",\n        fontWeight: 700,\n        letterSpacing: \"0.02em\",\n        flexShrink: 0,\n        boxShadow: \"inset 0 0 0 1px rgba(0,0,0,0.04)\",\n      }}>\n        {cfg.label}\n      </div>\n\n      {/* Name + tags */}\n      <div style={{ flex: 1, minWidth: 0, display: \"flex\", flexDirection: \"column\", gap: \"2px\" }}>\n        {item.url ? (\n          <a\n            href={item.url}\n            target=\"_blank\"\n            rel=\"noopener noreferrer\"\n            onClick={(e) => e.stopPropagation()}\n            style={{\n              fontSize: \"13px\",\n              fontWeight: 500,\n              color: \"#0364ff\",\n              overflow: \"hidden\",\n              textOverflow: \"ellipsis\",\n              whiteSpace: \"nowrap\",\n              textDecoration: \"none\",\n              display: \"flex\",\n              alignItems: \"center\",\n              gap: \"4px\",\n            }}\n          >\n            {item.name}\n            <span style={{ fontSize: \"11px\", flexShrink: 0 }}>↗</span>\n          </a>\n        ) : (\n          <span style={{ fontSize: \"13px\", fontWeight: 500, color: \"var(--foreground)\", overflow: \"hidden\", textOverflow: \"ellipsis\", whiteSpace: \"nowrap\" }}>\n            {item.name}\n          </span>\n        )}\n        {item.tags && item.tags.length > 0 && (\n          <div style={{ display: \"flex\", gap: \"4px\", flexWrap: \"wrap\" }}>\n            {item.tags.map((tag, i) => (\n              <span key={i} style={{\n                fontSize: \"9px\",\n                padding: \"1px 6px\",\n                borderRadius: \"9999px\",\n                background: PAPER,\n                color: MUTED,\n                fontWeight: 500,\n              }}>\n                {tag}\n              </span>\n            ))}\n          </div>\n        )}\n      </div>\n\n      {/* Author */}\n      {item.author && (\n        <span style={{ fontSize: \"11px\", color: MUTED, flexShrink: 0, maxWidth: \"100px\", overflow: \"hidden\", textOverflow: \"ellipsis\", whiteSpace: \"nowrap\" }}>\n          {item.author}\n        </span>\n      )}\n\n      {/* Size */}\n      {item.size && (\n        <span style={{ fontSize: \"11px\", color: MUTED, flexShrink: 0, minWidth: \"50px\", textAlign: \"right\" }}>\n          {item.size}\n        </span>\n      )}\n\n      {/* Date */}\n      {(item.modifiedAt || item.createdAt) && (\n        <span style={{ fontSize: \"11px\", color: MUTED, flexShrink: 0, minWidth: \"80px\", textAlign: \"right\" }}>\n          {formatDate(item.modifiedAt ?? item.createdAt)}\n        </span>\n      )}\n\n    </div>\n  );\n}\n\nfunction GroupSection({ groupName, items }: { groupName: string; items: FileItem[] }) {\n  const [open, setOpen] = useState(true);\n  const [headerHovered, setHeaderHovered] = useState(false);\n\n  return (\n    <div>\n      <button\n        onClick={() => setOpen(!open)}\n        onMouseEnter={() => setHeaderHovered(true)}\n        onMouseLeave={() => setHeaderHovered(false)}\n        style={{\n          width: \"100%\",\n          display: \"flex\",\n          alignItems: \"center\",\n          gap: \"6px\",\n          padding: \"8px 12px\",\n          background: headerHovered ? \"#fafafa\" : \"white\",\n          borderTop: \"none\",\n          borderLeft: \"none\",\n          borderRight: \"none\",\n          borderBottom: `1px solid ${BORDER}`,\n          cursor: \"pointer\",\n          fontSize: \"11px\",\n          fontWeight: 600,\n          color: \"var(--foreground)\",\n          textTransform: \"uppercase\",\n          letterSpacing: \"0.04em\",\n          transition: \"background 0.15s\",\n        }}\n      >\n        <span style={{ transition: \"transform 0.15s\", transform: open ? \"rotate(90deg)\" : \"rotate(0deg)\", fontSize: \"9px\" }}>\n          ▶\n        </span>\n        {groupName}\n        <span style={{ fontSize: \"10px\", color: MUTED, fontWeight: 400, textTransform: \"none\" }}>\n          ({items.length})\n        </span>\n      </button>\n      {open && items.map((item, i) => <FileRow key={item.id ?? i} item={item} />)}\n    </div>\n  );\n}\n\nexport function FileBrowserResolver(p: SchemaPayload<\"file-browser\">) {\n  const { BORDER, MUTED, ACCENT, PAPER } = useTheme();\n  const items = p.items ?? [];\n  const hasGroups = items.some((item) => item.group);\n\n  // Group items\n  const groups: Map<string, FileItem[]> = new Map();\n  if (hasGroups) {\n    for (const item of items) {\n      const key = item.group ?? \"Other\";\n      const list = groups.get(key) ?? [];\n      list.push(item);\n      groups.set(key, list);\n    }\n  }\n\n  return (\n    <ComponentActions filename={p.title ?? \"file-browser\"}>\n      <div style={{ width: \"100%\", display: \"flex\", flexDirection: \"column\", gap: \"10px\" }}>\n        {p.title && (\n          <p\n            style={{\n              fontFamily: \"var(--font-serif)\",\n              fontSize: \"15px\",\n              fontWeight: 400,\n              color: \"var(--foreground)\",\n              letterSpacing: \"-0.01em\",\n              margin: 0,\n            }}\n          >\n            {p.title}\n          </p>\n        )}\n\n        <div style={{\n          borderRadius: \"0.75rem\",\n          border: `1px solid ${BORDER}`,\n          overflow: \"hidden\",\n          boxShadow: \"0 1px 2px rgba(0,0,0,0.03), 0 4px 12px rgba(0,0,0,0.04)\",\n        }}>\n          {/* File count summary */}\n          <div style={{\n            display: \"flex\",\n            justifyContent: \"flex-end\",\n            padding: \"8px 12px\",\n            borderBottom: `1px solid ${BORDER}`,\n            background: \"#fafafa\",\n            fontSize: \"11px\",\n            color: MUTED,\n          }}>\n            {items.length} {items.length === 1 ? \"file\" : \"files\"}\n          </div>\n\n          {items.length === 0 ? (\n            <div style={{\n              display: \"flex\",\n              alignItems: \"center\",\n              justifyContent: \"center\",\n              padding: \"32px 16px\",\n              fontSize: \"13px\",\n              color: MUTED,\n            }}>\n              No files\n            </div>\n          ) : hasGroups\n            ? Array.from(groups.entries()).map(([groupName, items]) => (\n                <GroupSection key={groupName} groupName={groupName} items={items} />\n              ))\n            : items.map((item, i) => <FileRow key={item.id ?? i} item={item} />)\n          }\n        </div>\n      </div>\n    </ComponentActions>\n  );\n}\n"]}

package/dist/composites/flow-canvas/DiagramStreamParser.d.ts

@@ -0,0 +1,15 @@
+/**
+ * Extracts the "diagram" string field from a streaming JSON tool-call response.
+ * Call feed() on each JSON delta; it returns the current partial diagram text.
+ */
+export declare class DiagramStreamParser {
+    private accum;
+    private diagStart;
+    feed(delta: string): string | undefined;
+    private extractCurrent;
+    extractMeta(): {
+        title?: string;
+        description?: string;
+    };
+}
+//# sourceMappingURL=DiagramStreamParser.d.ts.map

package/dist/composites/flow-canvas/DiagramStreamParser.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DiagramStreamParser.d.ts","sourceRoot":"","sources":["../../../src/composites/flow-canvas/DiagramStreamParser.ts"],"names":[],"mappings":"AAAA;;;GAGG;AACH,qBAAa,mBAAmB;IAC9B,OAAO,CAAC,KAAK,CAAM;IACnB,OAAO,CAAC,SAAS,CAAM;IAEvB,IAAI,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,GAAG,SAAS;IAgBvC,OAAO,CAAC,cAAc;IAyBtB,WAAW,IAAI;QAAE,KAAK,CAAC,EAAE,MAAM,CAAC;QAAC,WAAW,CAAC,EAAE,MAAM,CAAA;KAAE;CAOxD"}

package/dist/composites/flow-canvas/ElementStreamParser.d.ts

@@ -0,0 +1,19 @@
+/**
+ * Parses streaming JSON deltas from a tool call that produces:
+ *   { "type": "flow-canvas", "title": "...", "elements": [{...}, ...] }
+ *
+ * Accumulates the full JSON and re-scans on every feed() call.
+ * Returns only newly-completed elements since the last call.
+ */
+export declare class ElementStreamParser {
+    private accum;
+    private elemArrayStart;
+    private emitted;
+    feed(delta: string): Record<string, unknown>[];
+    extractMeta(): {
+        title?: string;
+        description?: string;
+        height?: number;
+    };
+}
+//# sourceMappingURL=ElementStreamParser.d.ts.map

package/dist/composites/flow-canvas/ElementStreamParser.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ElementStreamParser.d.ts","sourceRoot":"","sources":["../../../src/composites/flow-canvas/ElementStreamParser.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AACH,qBAAa,mBAAmB;IAC9B,OAAO,CAAC,KAAK,CAAM;IACnB,OAAO,CAAC,cAAc,CAAM;IAC5B,OAAO,CAAC,OAAO,CAAK;IAEpB,IAAI,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAAE;IAuD9C,WAAW,IAAI;QAAE,KAAK,CAAC,EAAE,MAAM,CAAC;QAAC,WAAW,CAAC,EAAE,MAAM,CAAC;QAAC,MAAM,CAAC,EAAE,MAAM,CAAA;KAAE;CAYzE"}

package/dist/composites/flow-canvas/ExcalidrawCanvas.d.ts

@@ -0,0 +1,8 @@
+import "@excalidraw/excalidraw/index.css";
+interface Props {
+    elements: Record<string, unknown>[];
+    streaming?: boolean;
+}
+export declare function ExcalidrawCanvas({ elements, streaming }: Props): import("react/jsx-runtime").JSX.Element | null;
+export {};
+//# sourceMappingURL=ExcalidrawCanvas.d.ts.map

package/dist/composites/flow-canvas/ExcalidrawCanvas.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ExcalidrawCanvas.d.ts","sourceRoot":"","sources":["../../../src/composites/flow-canvas/ExcalidrawCanvas.tsx"],"names":[],"mappings":"AAKA,OAAO,kCAAkC,CAAC;AAE1C,UAAU,KAAK;IACb,QAAQ,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAAE,CAAC;IACpC,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAOD,wBAAgB,gBAAgB,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,EAAE,KAAK,kDAoD9D"}

package/dist/composites/flow-canvas/FlowGraph.d.ts

@@ -0,0 +1,11 @@
+import "@xyflow/react/dist/style.css";
+type Status = "pending" | "active" | "done" | "error";
+interface FlowGraphProps {
+    diagram: string;
+    title?: string;
+    autoplay?: boolean;
+    nodeStates?: Record<string, Status>;
+}
+export declare function FlowGraph({ diagram, title, autoplay, nodeStates }: FlowGraphProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=FlowGraph.d.ts.map

package/dist/composites/flow-canvas/FlowGraph.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FlowGraph.d.ts","sourceRoot":"","sources":["../../../src/composites/flow-canvas/FlowGraph.tsx"],"names":[],"mappings":"AAkBA,OAAO,8BAA8B,CAAC;AAiEtC,KAAK,MAAM,GAAG,SAAS,GAAG,QAAQ,GAAG,MAAM,GAAG,OAAO,CAAC;AAoYtD,UAAU,cAAc;IACtB,OAAO,EAAE,MAAM,CAAC;IAChB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,UAAU,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;CACrC;AAwJD,wBAAgB,SAAS,CAAC,EAAE,OAAO,EAAE,KAAK,EAAE,QAAQ,EAAE,UAAU,EAAE,EAAE,cAAc,2CAMjF"}

package/dist/composites/flow-canvas/layoutFlow.d.ts

@@ -0,0 +1,18 @@
+/**
+ * Dagre layout pass for Mermaid-parsed flowcharts.
+ *
+ * After dagre runs we optionally apply a snake (serpentine) transformation:
+ * when a graph is too wide / too tall, we fold it into multiple rows that
+ * alternate direction (LR → RL → LR …), keeping the flow continuous without
+ * requiring the reader to scroll.
+ */
+import type { Node, Edge } from '@xyflow/react';
+import type { ParsedFlow } from './parseMermaidFlow';
+export interface LayoutResult {
+    nodes: Node[];
+    edges: Edge[];
+    graphWidth: number;
+    graphHeight: number;
+}
+export declare function computeLayout(flow: ParsedFlow, nodeWidth?: number, nodeHeight?: number): LayoutResult;
+//# sourceMappingURL=layoutFlow.d.ts.map

package/dist/composites/flow-canvas/layoutFlow.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"layoutFlow.d.ts","sourceRoot":"","sources":["../../../src/composites/flow-canvas/layoutFlow.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAGH,OAAO,KAAK,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AAChD,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAUrD,MAAM,WAAW,YAAY;IAC3B,KAAK,EAAE,IAAI,EAAE,CAAC;IACd,KAAK,EAAE,IAAI,EAAE,CAAC;IACd,UAAU,EAAE,MAAM,CAAC;IACnB,WAAW,EAAE,MAAM,CAAC;CACrB;AA2GD,wBAAgB,aAAa,CAC3B,IAAI,EAAE,UAAU,EAChB,SAAS,SAAO,EAChB,UAAU,SAAK,GACd,YAAY,CA2Ed"}

package/dist/composites/flow-canvas/parseMermaidFlow.d.ts

@@ -0,0 +1,24 @@
+/**
+ * Lightweight Mermaid flowchart parser.
+ * Handles the common subset of `flowchart TD/LR/TB/RL/BT` syntax used in blog posts.
+ * Returns null for non-flowchart diagram types (sequenceDiagram, erDiagram, etc.)
+ * so the caller can fall back to Mermaid SVG rendering.
+ */
+export type NodeShape = 'rect' | 'rounded' | 'diamond' | 'circle' | 'cylinder';
+export interface FlowNode {
+    id: string;
+    label: string;
+    shape: NodeShape;
+}
+export interface FlowEdge {
+    source: string;
+    target: string;
+    label?: string;
+}
+export interface ParsedFlow {
+    direction: 'TB' | 'LR' | 'RL' | 'BT';
+    nodes: FlowNode[];
+    edges: FlowEdge[];
+}
+export declare function parseMermaidFlow(source: string): ParsedFlow | null;
+//# sourceMappingURL=parseMermaidFlow.d.ts.map

package/dist/composites/flow-canvas/parseMermaidFlow.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"parseMermaidFlow.d.ts","sourceRoot":"","sources":["../../../src/composites/flow-canvas/parseMermaidFlow.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,MAAM,MAAM,SAAS,GAAG,MAAM,GAAG,SAAS,GAAG,SAAS,GAAG,QAAQ,GAAG,UAAU,CAAC;AAE/E,MAAM,WAAW,QAAQ;IACvB,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,SAAS,CAAC;CAClB;AAED,MAAM,WAAW,QAAQ;IACvB,MAAM,EAAE,MAAM,CAAC;IACf,MAAM,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,MAAM,WAAW,UAAU;IACzB,SAAS,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IACrC,KAAK,EAAE,QAAQ,EAAE,CAAC;IAClB,KAAK,EAAE,QAAQ,EAAE,CAAC;CACnB;AA2ED,wBAAgB,gBAAgB,CAAC,MAAM,EAAE,MAAM,GAAG,UAAU,GAAG,IAAI,CAkFlE"}