@adoptai/genui-components 0.1.32 → 0.1.45

package/dist/composites/integrations-list/resolver.cjs

@@ -0,0 +1,511 @@
+"use client";
+'use strict';
+
+var react = require('react');
+var htmlToImage = require('html-to-image');
+var jsxRuntime = require('react/jsx-runtime');
+
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+
+// 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__ */ jsxRuntime.jsxs("div", { style: { display: "flex", flexDirection: "column", gap: "6px", minWidth: "180px" }, children: [
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { style: { display: "flex", justifyContent: "space-between", paddingBottom: "4px", borderBottom: `1px solid ${BORDER}` }, children: [
+      /* @__PURE__ */ jsxRuntime.jsx(
+        "button",
+        {
+          onClick: onShowAll,
+          style: { background: "none", border: "none", cursor: "pointer", fontSize: "11px", color: ACCENT, fontWeight: 500, padding: 0 },
+          children: "Show all"
+        }
+      ),
+      /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsxs(
+      "label",
+      {
+        style: { display: "flex", alignItems: "center", gap: "8px", cursor: "pointer", fontSize: "12px", color: "var(--foreground)" },
+        children: [
+          /* @__PURE__ */ jsxRuntime.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] = react.useState(false);
+  const [view, setView] = react.useState("main");
+  const contentRef = react.useRef(null);
+  const menuRef = react.useRef(null);
+  const btnRef = react.useRef(null);
+  const close = react.useCallback(() => {
+    setOpen(false);
+    setView("main");
+  }, []);
+  react.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 = react.useCallback(async () => {
+    if (!contentRef.current) return;
+    try {
+      const url = await htmlToImage.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 = react.useCallback(() => {
+    onDownloadCSV == null ? void 0 : onDownloadCSV();
+    close();
+  }, [onDownloadCSV, close]);
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { style: { width: "100%", display: "flex", flexDirection: "column" }, children: [
+    /* @__PURE__ */ jsxRuntime.jsx("div", { ref: contentRef, style: { width: "100%" }, children }),
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { style: { display: "flex", justifyContent: "flex-end", marginTop: "4px", position: "relative", zIndex: 10, flexShrink: 0 }, children: [
+      /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsxs("svg", { width: "20", height: "6", viewBox: "0 0 20 6", children: [
+            /* @__PURE__ */ jsxRuntime.jsx("circle", { cx: "3", cy: "3", r: "2", style: { fill: DOT_COLOR, transition: "fill 0.15s" } }),
+            /* @__PURE__ */ jsxRuntime.jsx("circle", { cx: "10", cy: "3", r: "2", style: { fill: DOT_COLOR, transition: "fill 0.15s" } }),
+            /* @__PURE__ */ jsxRuntime.jsx("circle", { cx: "17", cy: "3", r: "2", style: { fill: DOT_COLOR, transition: "fill 0.15s" } })
+          ] })
+        }
+      ),
+      open && /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsxs("div", { style: { display: "flex", flexDirection: "column" }, children: [
+            columnConfig && /* @__PURE__ */ jsxRuntime.jsx(MenuButton, { label: "Customize columns", onClick: () => setView("columns") }),
+            onDownloadCSV && /* @__PURE__ */ jsxRuntime.jsx(MenuButton, { label: "Download CSV", onClick: handleCSV }),
+            /* @__PURE__ */ jsxRuntime.jsx(MenuButton, { label: "Download PNG", onClick: handleDownloadPNG })
+          ] }) : /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+            /* @__PURE__ */ jsxRuntime.jsx(
+              "button",
+              {
+                onClick: () => setView("main"),
+                style: { background: "none", border: "none", cursor: "pointer", fontSize: "11px", color: MUTED, marginBottom: "6px", padding: 0 },
+                children: "\u2190 Back"
+              }
+            ),
+            /* @__PURE__ */ jsxRuntime.jsx(
+              ColumnSettingsPanel,
+              {
+                columns: columnConfig.columns,
+                hidden: columnConfig.hidden,
+                onToggle: columnConfig.onToggle,
+                onShowAll: columnConfig.onShowAll,
+                onHideAll: columnConfig.onHideAll
+              }
+            )
+          ] })
+        }
+      )
+    ] })
+  ] });
+}
+function MenuButton({ label, onClick }) {
+  return /* @__PURE__ */ jsxRuntime.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 = react.createContext(DEFAULT_TOKENS);
+function useTheme() {
+  return react.useContext(GenUIThemeContext);
+}
+
+// src/shared/brandIcons.ts
+var SLUGS = {
+  gmail: "gmail",
+  googlemail: "gmail",
+  outlook: "microsoftoutlook",
+  microsoftoutlook: "microsoftoutlook",
+  office365: "microsoftoffice",
+  slack: "slack",
+  googledrive: "googledrive",
+  drive: "googledrive",
+  googlesheets: "googlesheets",
+  googledocs: "googledocs",
+  googlecalendar: "googlecalendar",
+  gcal: "googlecalendar",
+  notion: "notion",
+  salesforce: "salesforce",
+  hubspot: "hubspot",
+  github: "github",
+  gitlab: "gitlab",
+  jira: "jira",
+  confluence: "confluence",
+  atlassian: "atlassian",
+  asana: "asana",
+  trello: "trello",
+  linear: "linear",
+  zoom: "zoom",
+  dropbox: "dropbox",
+  box: "box",
+  zendesk: "zendesk",
+  intercom: "intercom",
+  stripe: "stripe",
+  shopify: "shopify",
+  perplexity: "perplexity",
+  openai: "openai",
+  anthropic: "anthropic",
+  fireflies: "fireflies",
+  zohodesk: "zoho",
+  zoho: "zoho",
+  pipedrive: "pipedrive",
+  workday: "workday",
+  sap: "sap",
+  odoo: "odoo",
+  superset: "apachesuperset",
+  highradius: "",
+  zoominfo: ""
+};
+function normalize(name) {
+  return (name || "").toLowerCase().replace(/[^a-z0-9]/g, "");
+}
+function brandIconUrl(name) {
+  const slug = SLUGS[normalize(name)];
+  if (!slug) return void 0;
+  return `https://cdn.simpleicons.org/${slug}`;
+}
+var CONNECTED_GREEN = "#15803d";
+var CONNECTED_BG = "#eaf6ee";
+function IntegrationsListResolver(p) {
+  var _a, _b;
+  const { BORDER: BORDER2, MUTED: MUTED2, PAPER: PAPER2, ACCENT: ACCENT2, ACCENT_SOFT: ACCENT_SOFT2 } = useTheme();
+  const integrations = Array.isArray(p.integrations) ? p.integrations : [];
+  const [rowHover, setRowHover] = react.useState(null);
+  const [btnHover, setBtnHover] = react.useState(null);
+  const [failed, setFailed] = react.useState({});
+  const connectedCount = integrations.filter((i) => i.status === "connected").length;
+  return /* @__PURE__ */ jsxRuntime.jsx(ComponentActions, { filename: (_a = p.title) != null ? _a : "integrations", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { style: { width: "100%", display: "flex", flexDirection: "column", gap: "11px" }, children: [
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { style: { display: "flex", flexDirection: "column", gap: "2px" }, children: [
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { style: { display: "flex", alignItems: "baseline", justifyContent: "space-between", gap: "12px" }, children: [
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "p",
+          {
+            style: {
+              fontFamily: "var(--font-serif)",
+              fontSize: "16px",
+              fontWeight: 400,
+              color: "var(--foreground)",
+              letterSpacing: "-0.01em",
+              margin: 0
+            },
+            children: (_b = p.title) != null ? _b : "Integrations"
+          }
+        ),
+        integrations.length > 0 && /* @__PURE__ */ jsxRuntime.jsxs("span", { style: { fontSize: "11.5px", color: MUTED2, whiteSpace: "nowrap", flexShrink: 0 }, children: [
+          connectedCount,
+          " of ",
+          integrations.length,
+          " connected"
+        ] })
+      ] }),
+      p.description && /* @__PURE__ */ jsxRuntime.jsx("span", { style: { fontSize: "12px", color: MUTED2, lineHeight: 1.4 }, children: p.description })
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsxs(
+      "div",
+      {
+        style: {
+          borderRadius: "0.75rem",
+          border: `1px solid ${BORDER2}`,
+          overflow: "hidden",
+          background: "white",
+          boxShadow: "0 1px 2px rgba(0,0,0,0.03), 0 4px 12px rgba(0,0,0,0.04)"
+        },
+        children: [
+          integrations.length === 0 && /* @__PURE__ */ jsxRuntime.jsx("div", { style: { padding: "20px", fontSize: "12.5px", color: MUTED2, textAlign: "center" }, children: "No integrations available." }),
+          integrations.map((it, i) => {
+            const connected = it.status === "connected";
+            const iconSrc = it.iconUrl || brandIconUrl(it.name);
+            const showImg = Boolean(iconSrc) && !failed[i];
+            const hovered = rowHover === i;
+            return /* @__PURE__ */ jsxRuntime.jsxs(
+              "div",
+              {
+                onMouseEnter: () => setRowHover(i),
+                onMouseLeave: () => setRowHover(null),
+                style: {
+                  display: "flex",
+                  alignItems: "center",
+                  gap: "13px",
+                  padding: "12px 16px",
+                  background: hovered ? PAPER2 : "white",
+                  borderBottom: i < integrations.length - 1 ? `1px solid ${BORDER2}` : "none",
+                  transition: "background 0.14s ease"
+                },
+                children: [
+                  /* @__PURE__ */ jsxRuntime.jsx(
+                    "div",
+                    {
+                      style: {
+                        position: "relative",
+                        width: "32px",
+                        height: "32px",
+                        borderRadius: "8px",
+                        flexShrink: 0,
+                        display: "flex",
+                        alignItems: "center",
+                        justifyContent: "center",
+                        background: showImg ? "white" : PAPER2,
+                        boxShadow: "inset 0 0 0 1px rgba(0,0,0,0.06)",
+                        overflow: "hidden",
+                        filter: connected ? "none" : "saturate(0.85)",
+                        opacity: connected ? 1 : 0.92
+                      },
+                      children: showImg ? /* @__PURE__ */ jsxRuntime.jsx(
+                        "img",
+                        {
+                          src: iconSrc,
+                          alt: it.name,
+                          onError: () => setFailed((f) => __spreadProps(__spreadValues({}, f), { [i]: true })),
+                          style: { width: "20px", height: "20px", objectFit: "contain" }
+                        }
+                      ) : /* @__PURE__ */ jsxRuntime.jsx("span", { style: { fontSize: "13px", fontWeight: 600, color: MUTED2 }, children: (it.name || "?").trim().charAt(0).toUpperCase() })
+                    }
+                  ),
+                  /* @__PURE__ */ jsxRuntime.jsxs("div", { style: { flex: 1, minWidth: 0, display: "flex", flexDirection: "column", gap: "2px" }, children: [
+                    /* @__PURE__ */ jsxRuntime.jsx(
+                      "span",
+                      {
+                        style: {
+                          fontSize: "13px",
+                          fontWeight: 600,
+                          color: "var(--foreground)",
+                          whiteSpace: "nowrap",
+                          overflow: "hidden",
+                          textOverflow: "ellipsis"
+                        },
+                        children: it.name
+                      }
+                    ),
+                    it.capability && /* @__PURE__ */ jsxRuntime.jsx(
+                      "span",
+                      {
+                        style: {
+                          fontSize: "10px",
+                          fontWeight: 600,
+                          letterSpacing: "0.05em",
+                          textTransform: "uppercase",
+                          color: MUTED2
+                        },
+                        children: it.capability.replace(/_/g, " ")
+                      }
+                    )
+                  ] }),
+                  /* @__PURE__ */ jsxRuntime.jsxs(
+                    "span",
+                    {
+                      style: {
+                        display: "inline-flex",
+                        alignItems: "center",
+                        gap: "6px",
+                        fontSize: "11px",
+                        fontWeight: 600,
+                        color: connected ? CONNECTED_GREEN : MUTED2
+                      },
+                      children: [
+                        /* @__PURE__ */ jsxRuntime.jsx(
+                          "span",
+                          {
+                            style: {
+                              width: "6px",
+                              height: "6px",
+                              borderRadius: "9999px",
+                              background: connected ? CONNECTED_GREEN : "#c4c4c4",
+                              boxShadow: connected ? `0 0 0 3px ${CONNECTED_BG}` : "none"
+                            }
+                          }
+                        ),
+                        connected ? "Connected" : "Not connected"
+                      ]
+                    }
+                  ),
+                  !connected && it.connectUrl && /* @__PURE__ */ jsxRuntime.jsxs(
+                    "a",
+                    {
+                      href: it.connectUrl,
+                      target: "_blank",
+                      rel: "noopener noreferrer",
+                      onMouseEnter: () => setBtnHover(i),
+                      onMouseLeave: () => setBtnHover(null),
+                      style: {
+                        display: "inline-flex",
+                        alignItems: "center",
+                        gap: "5px",
+                        background: btnHover === i ? ACCENT2 : "transparent",
+                        color: btnHover === i ? "white" : ACCENT2,
+                        border: `1px solid ${btnHover === i ? ACCENT2 : `${ACCENT2}66`}`,
+                        borderRadius: "8px",
+                        padding: "5px 12px",
+                        fontSize: "11px",
+                        fontWeight: 600,
+                        textDecoration: "none",
+                        whiteSpace: "nowrap",
+                        flexShrink: 0,
+                        cursor: "pointer",
+                        transition: "background 0.14s ease, color 0.14s ease, border-color 0.14s ease"
+                      },
+                      children: [
+                        "Connect",
+                        /* @__PURE__ */ jsxRuntime.jsx(
+                          "span",
+                          {
+                            style: {
+                              transform: btnHover === i ? "translateX(2px)" : "translateX(0)",
+                              transition: "transform 0.14s ease"
+                            },
+                            children: "\u2192"
+                          }
+                        )
+                      ]
+                    }
+                  )
+                ]
+              },
+              `${it.name}-${i}`
+            );
+          })
+        ]
+      }
+    )
+  ] }) });
+}
+
+exports.IntegrationsListResolver = IntegrationsListResolver;
+//# sourceMappingURL=resolver.cjs.map
+//# sourceMappingURL=resolver.cjs.map

package/dist/composites/integrations-list/resolver.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/shared/theme.ts","../../../src/shared/ColumnSettingsPanel.tsx","../../../src/shared/ComponentActions.tsx","../../../src/shared/ThemeContext.tsx","../../../src/shared/brandIcons.ts","../../../src/composites/integrations-list/resolver.tsx"],"names":["jsxs","jsx","useState","useRef","useCallback","useEffect","toPng","createContext","useContext","BORDER","MUTED","PAPER","ACCENT","ACCENT_SOFT"],"mappings":"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","file":"resolver.cjs","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","// Built-in brand logos for well-known integrations. Used as a fallback when a\n// payload has no explicit iconUrl (e.g. agent-synthesized \"connect Gmail / Outlook\"\n// suggestions that aren't backed by a catalog row with an image_url). Catalog\n// integrations should still pass their real image_url; this only fills the gap.\n//\n// Logos are served by the simple-icons CDN (https://simpleicons.org) as brand-\n// colored SVGs addressed by slug. Unknown names fall back to a monogram tile.\n\nconst SLUGS: Record<string, string> = {\n  gmail: \"gmail\",\n  googlemail: \"gmail\",\n  outlook: \"microsoftoutlook\",\n  microsoftoutlook: \"microsoftoutlook\",\n  office365: \"microsoftoffice\",\n  slack: \"slack\",\n  googledrive: \"googledrive\",\n  drive: \"googledrive\",\n  googlesheets: \"googlesheets\",\n  googledocs: \"googledocs\",\n  googlecalendar: \"googlecalendar\",\n  gcal: \"googlecalendar\",\n  notion: \"notion\",\n  salesforce: \"salesforce\",\n  hubspot: \"hubspot\",\n  github: \"github\",\n  gitlab: \"gitlab\",\n  jira: \"jira\",\n  confluence: \"confluence\",\n  atlassian: \"atlassian\",\n  asana: \"asana\",\n  trello: \"trello\",\n  linear: \"linear\",\n  zoom: \"zoom\",\n  dropbox: \"dropbox\",\n  box: \"box\",\n  zendesk: \"zendesk\",\n  intercom: \"intercom\",\n  stripe: \"stripe\",\n  shopify: \"shopify\",\n  perplexity: \"perplexity\",\n  openai: \"openai\",\n  anthropic: \"anthropic\",\n  fireflies: \"fireflies\",\n  zohodesk: \"zoho\",\n  zoho: \"zoho\",\n  pipedrive: \"pipedrive\",\n  workday: \"workday\",\n  sap: \"sap\",\n  odoo: \"odoo\",\n  superset: \"apachesuperset\",\n  highradius: \"\",\n  zoominfo: \"\",\n};\n\n/** Normalize a display name to a lookup key: lowercase, strip non-alphanumerics. */\nfunction normalize(name: string): string {\n  return (name || \"\").toLowerCase().replace(/[^a-z0-9]/g, \"\");\n}\n\n/** Return a brand-logo URL for a known integration name, or undefined. */\nexport function brandIconUrl(name: string): string | undefined {\n  const slug = SLUGS[normalize(name)];\n  if (!slug) return undefined;\n  return `https://cdn.simpleicons.org/${slug}`;\n}\n","\"use client\";\n\nimport React, { useState } from \"react\";\nimport type { SchemaPayload } from \"../../schemas\";\nimport { ComponentActions } from \"../../shared/ComponentActions\";\nimport { useTheme } from \"../../shared/ThemeContext\";\nimport { brandIconUrl } from \"../../shared/brandIcons\";\n\nconst CONNECTED_GREEN = \"#15803d\";\nconst CONNECTED_BG = \"#eaf6ee\";\n\nexport function IntegrationsListResolver(p: SchemaPayload<\"integrations-list\">) {\n  const { BORDER, MUTED, PAPER, ACCENT, ACCENT_SOFT } = useTheme();\n  const integrations = Array.isArray(p.integrations) ? p.integrations : [];\n  const [rowHover, setRowHover] = useState<number | null>(null);\n  const [btnHover, setBtnHover] = useState<number | null>(null);\n  const [failed, setFailed] = useState<Record<number, boolean>>({});\n\n  const connectedCount = integrations.filter((i) => i.status === \"connected\").length;\n\n  return (\n    <ComponentActions filename={p.title ?? \"integrations\"}>\n      <div style={{ width: \"100%\", display: \"flex\", flexDirection: \"column\", gap: \"11px\" }}>\n        {/* Header */}\n        <div style={{ display: \"flex\", flexDirection: \"column\", gap: \"2px\" }}>\n          <div style={{ display: \"flex\", alignItems: \"baseline\", justifyContent: \"space-between\", gap: \"12px\" }}>\n            <p\n              style={{\n                fontFamily: \"var(--font-serif)\",\n                fontSize: \"16px\",\n                fontWeight: 400,\n                color: \"var(--foreground)\",\n                letterSpacing: \"-0.01em\",\n                margin: 0,\n              }}\n            >\n              {p.title ?? \"Integrations\"}\n            </p>\n            {integrations.length > 0 && (\n              <span style={{ fontSize: \"11.5px\", color: MUTED, whiteSpace: \"nowrap\", flexShrink: 0 }}>\n                {connectedCount} of {integrations.length} connected\n              </span>\n            )}\n          </div>\n          {p.description && (\n            <span style={{ fontSize: \"12px\", color: MUTED, lineHeight: 1.4 }}>{p.description}</span>\n          )}\n        </div>\n\n        {/* List */}\n        <div\n          style={{\n            borderRadius: \"0.75rem\",\n            border: `1px solid ${BORDER}`,\n            overflow: \"hidden\",\n            background: \"white\",\n            boxShadow: \"0 1px 2px rgba(0,0,0,0.03), 0 4px 12px rgba(0,0,0,0.04)\",\n          }}\n        >\n          {integrations.length === 0 && (\n            <div style={{ padding: \"20px\", fontSize: \"12.5px\", color: MUTED, textAlign: \"center\" }}>\n              No integrations available.\n            </div>\n          )}\n\n          {integrations.map((it, i) => {\n            const connected = it.status === \"connected\";\n            const iconSrc = it.iconUrl || brandIconUrl(it.name);\n            const showImg = Boolean(iconSrc) && !failed[i];\n            const hovered = rowHover === i;\n            return (\n              <div\n                key={`${it.name}-${i}`}\n                onMouseEnter={() => setRowHover(i)}\n                onMouseLeave={() => setRowHover(null)}\n                style={{\n                  display: \"flex\",\n                  alignItems: \"center\",\n                  gap: \"13px\",\n                  padding: \"12px 16px\",\n                  background: hovered ? PAPER : \"white\",\n                  borderBottom: i < integrations.length - 1 ? `1px solid ${BORDER}` : \"none\",\n                  transition: \"background 0.14s ease\",\n                }}\n              >\n                {/* Logo */}\n                <div\n                  style={{\n                    position: \"relative\",\n                    width: \"32px\",\n                    height: \"32px\",\n                    borderRadius: \"8px\",\n                    flexShrink: 0,\n                    display: \"flex\",\n                    alignItems: \"center\",\n                    justifyContent: \"center\",\n                    background: showImg ? \"white\" : PAPER,\n                    boxShadow: \"inset 0 0 0 1px rgba(0,0,0,0.06)\",\n                    overflow: \"hidden\",\n                    filter: connected ? \"none\" : \"saturate(0.85)\",\n                    opacity: connected ? 1 : 0.92,\n                  }}\n                >\n                  {showImg ? (\n                    <img\n                      src={iconSrc}\n                      alt={it.name}\n                      onError={() => setFailed((f) => ({ ...f, [i]: true }))}\n                      style={{ width: \"20px\", height: \"20px\", objectFit: \"contain\" }}\n                    />\n                  ) : (\n                    <span style={{ fontSize: \"13px\", fontWeight: 600, color: MUTED }}>\n                      {(it.name || \"?\").trim().charAt(0).toUpperCase()}\n                    </span>\n                  )}\n                </div>\n\n                {/* Name + capability */}\n                <div style={{ flex: 1, minWidth: 0, display: \"flex\", flexDirection: \"column\", gap: \"2px\" }}>\n                  <span\n                    style={{\n                      fontSize: \"13px\",\n                      fontWeight: 600,\n                      color: \"var(--foreground)\",\n                      whiteSpace: \"nowrap\",\n                      overflow: \"hidden\",\n                      textOverflow: \"ellipsis\",\n                    }}\n                  >\n                    {it.name}\n                  </span>\n                  {it.capability && (\n                    <span\n                      style={{\n                        fontSize: \"10px\",\n                        fontWeight: 600,\n                        letterSpacing: \"0.05em\",\n                        textTransform: \"uppercase\",\n                        color: MUTED,\n                      }}\n                    >\n                      {it.capability.replace(/_/g, \" \")}\n                    </span>\n                  )}\n                </div>\n\n                {/* Status */}\n                <span\n                  style={{\n                    display: \"inline-flex\",\n                    alignItems: \"center\",\n                    gap: \"6px\",\n                    fontSize: \"11px\",\n                    fontWeight: 600,\n                    color: connected ? CONNECTED_GREEN : MUTED,\n                  }}\n                >\n                  <span\n                    style={{\n                      width: \"6px\",\n                      height: \"6px\",\n                      borderRadius: \"9999px\",\n                      background: connected ? CONNECTED_GREEN : \"#c4c4c4\",\n                      boxShadow: connected ? `0 0 0 3px ${CONNECTED_BG}` : \"none\",\n                    }}\n                  />\n                  {connected ? \"Connected\" : \"Not connected\"}\n                </span>\n\n                {/* Connect action (ghost → fill) */}\n                {!connected && it.connectUrl && (\n                  <a\n                    href={it.connectUrl}\n                    target=\"_blank\"\n                    rel=\"noopener noreferrer\"\n                    onMouseEnter={() => setBtnHover(i)}\n                    onMouseLeave={() => setBtnHover(null)}\n                    style={{\n                      display: \"inline-flex\",\n                      alignItems: \"center\",\n                      gap: \"5px\",\n                      background: btnHover === i ? ACCENT : \"transparent\",\n                      color: btnHover === i ? \"white\" : ACCENT,\n                      border: `1px solid ${btnHover === i ? ACCENT : `${ACCENT}66`}`,\n                      borderRadius: \"8px\",\n                      padding: \"5px 12px\",\n                      fontSize: \"11px\",\n                      fontWeight: 600,\n                      textDecoration: \"none\",\n                      whiteSpace: \"nowrap\",\n                      flexShrink: 0,\n                      cursor: \"pointer\",\n                      transition: \"background 0.14s ease, color 0.14s ease, border-color 0.14s ease\",\n                    }}\n                  >\n                    Connect\n                    <span\n                      style={{\n                        transform: btnHover === i ? \"translateX(2px)\" : \"translateX(0)\",\n                        transition: \"transform 0.14s ease\",\n                      }}\n                    >\n                      →\n                    </span>\n                  </a>\n                )}\n              </div>\n            );\n          })}\n        </div>\n      </div>\n    </ComponentActions>\n  );\n}\n"]}