@gaud_erp/paperclip-github-manager 0.4.0 → 1.0.0

package/dist/ui/index.js

@@ -1,627 +1,756 @@
-// src/ui/index.tsx
-import { useMemo, useState } from "react";
-import {
-  useHostContext,
-  useHostLocation,
-  useHostNavigation,
-  usePluginAction,
-  usePluginData
-} from "@paperclipai/plugin-sdk/ui";
+// src/ui/components/Sidebar.tsx
+import { useHostNavigation, usePluginData } from "@paperclipai/plugin-sdk/ui";
 
-// src/constants.ts
+// src/ui/components/shared.ts
 var PATHS = {
-  repos: "/github",
   settings: "/github-settings",
-  pullRequests: "/github-pull-requests",
-  companySecrets: "/company/settings"
+  repos: "/github-repos",
+  prs: "/github-prs",
+  graphs: "/github-graphs"
 };
-var GITHUB_TOKEN_SECRET_KEY = "github_token";
-
-// src/ui/index.tsx
-import { jsx, jsxs } from "react/jsx-runtime";
-var panelStyle = {
-  border: "1px solid rgba(255,255,255,0.12)",
-  borderRadius: 8,
-  padding: "1rem",
-  display: "grid",
-  gap: "0.75rem"
+var layoutStack = {
+  display: "flex",
+  flexDirection: "column",
+  gap: "12px",
+  padding: "16px"
+};
+var cardStyle = {
+  border: "1px solid rgba(128,128,128,0.2)",
+  borderRadius: "8px",
+  padding: "12px",
+  background: "rgba(128,128,128,0.04)"
 };
 var buttonStyle = {
-  padding: "0.4rem 0.75rem",
-  borderRadius: 6,
-  border: "1px solid rgba(255,255,255,0.2)",
-  background: "rgba(255,255,255,0.06)",
-  cursor: "pointer"
+  padding: "6px 12px",
+  borderRadius: "6px",
+  border: "1px solid rgba(128,128,128,0.3)",
+  background: "transparent",
+  cursor: "pointer",
+  fontSize: "13px"
 };
-var sidebarLinkClass = "flex w-full items-center gap-2.5 px-3 py-2 text-[13px] font-medium transition-colors no-underline";
-var sidebarLinkActiveClass = "bg-accent text-foreground";
-var sidebarLinkIdleClass = "text-foreground/80 hover:bg-accent/50 hover:text-foreground";
+var primaryButtonStyle = {
+  ...buttonStyle,
+  background: "rgba(59,130,246,0.1)",
+  borderColor: "rgba(59,130,246,0.3)",
+  color: "#3b82f6"
+};
+var badgeStyle = (color) => ({
+  display: "inline-block",
+  padding: "2px 8px",
+  borderRadius: "12px",
+  fontSize: "11px",
+  fontWeight: 600,
+  background: `${color}20`,
+  color
+});
+function prStateBadge(state) {
+  switch (state) {
+    case "open":
+      return { label: "Open", color: "#22c55e" };
+    case "closed":
+      return { label: "Closed", color: "#ef4444" };
+    case "merged":
+      return { label: "Merged", color: "#a855f7" };
+    case "draft":
+      return { label: "Draft", color: "#6b7280" };
+    default:
+      return { label: state, color: "#6b7280" };
+  }
+}
+function timeAgo(dateStr) {
+  const diff = Date.now() - new Date(dateStr).getTime();
+  const mins = Math.floor(diff / 6e4);
+  if (mins < 60) return `${mins}m ago`;
+  const hours = Math.floor(mins / 60);
+  if (hours < 24) return `${hours}h ago`;
+  const days = Math.floor(hours / 24);
+  return `${days}d ago`;
+}
+
+// src/ui/components/Sidebar.tsx
+import { jsx, jsxs } from "react/jsx-runtime";
 var NAV_ITEMS = [
-  { path: PATHS.settings, label: "Configura\xE7\xF5es" },
-  { path: PATHS.repos, label: "Reposit\xF3rios" },
-  { path: PATHS.pullRequests, label: "Pull requests" }
+  { label: "Configura\xE7\xF5es", path: PATHS.settings },
+  { label: "Reposit\xF3rios", path: PATHS.repos },
+  { label: "Pull Requests", path: PATHS.prs },
+  { label: "Knowledge Graphs", path: PATHS.graphs }
 ];
-function useGithubCompany() {
-  const { companyId } = useHostContext();
-  const companyParams = useMemo(
-    () => companyId ? { companyId } : void 0,
-    [companyId]
+function GitHubSidebarLink() {
+  const nav = useHostNavigation();
+  const href = nav.resolveHref(PATHS.repos);
+  const isActive = typeof window !== "undefined" && window.location.pathname === href;
+  return /* @__PURE__ */ jsxs(
+    "a",
+    {
+      ...nav.linkProps(PATHS.repos),
+      "aria-current": isActive ? "page" : void 0,
+      className: [
+        "flex items-center gap-2.5 px-3 py-2 text-[13px] font-medium",
+        isActive ? "bg-accent text-foreground" : "text-foreground/80 hover:bg-accent/50"
+      ].join(" "),
+      children: [
+        /* @__PURE__ */ jsx("span", { className: "relative shrink-0", children: /* @__PURE__ */ jsx("svg", { viewBox: "0 0 16 16", className: "h-4 w-4", fill: "currentColor", children: /* @__PURE__ */ jsx("path", { d: "M8 0c4.42 0 8 3.58 8 8a8.013 8.013 0 0 1-5.45 7.59c-.4.08-.55-.17-.55-.38 0-.27.01-1.13.01-2.2 0-.75-.25-1.23-.54-1.48 1.78-.2 3.65-.88 3.65-3.95 0-.88-.31-1.59-.82-2.15.08-.2.36-1.02-.08-2.12 0 0-.67-.22-2.2.82-.64-.18-1.32-.27-2-.27-.68 0-1.36.09-2 .27-1.53-1.03-2.2-.82-2.2-.82-.44 1.1-.16 1.92-.08 2.12-.51.56-.82 1.28-.82 2.15 0 3.06 1.86 3.75 3.64 3.95-.23.2-.44.55-.51 1.07-.46.21-1.61.55-2.33-.66-.15-.24-.6-.83-1.23-.82-.67.01-.27.38.01.53.34.19.73.9.82 1.13.16.45.68 1.31 2.69.94 0 .67.01 1.3.01 1.49 0 .21-.15.45-.55.38A7.995 7.995 0 0 1 0 8c0-4.42 3.58-8 8-8Z" }) }) }),
+        /* @__PURE__ */ jsx("span", { className: "flex-1 truncate", children: "GitHub" })
+      ]
+    }
   );
-  return { companyId, companyParams };
 }
-function isPathActive(pathname, href) {
-  return pathname === href || pathname.startsWith(`${href}/`);
+function GitHubSidebarPanel() {
+  const syncStatus = usePluginData("sync-status");
+  return /* @__PURE__ */ jsxs("div", { style: { display: "flex", flexDirection: "column", gap: "4px", fontSize: "12px", padding: "8px" }, children: [
+    /* @__PURE__ */ jsx("strong", { children: "GitHub" }),
+    /* @__PURE__ */ jsxs("div", { children: [
+      "Repos: ",
+      syncStatus.data?.repoCount ?? 0
+    ] }),
+    /* @__PURE__ */ jsxs("div", { children: [
+      "PRs abertos: ",
+      syncStatus.data?.openPRCount ?? 0
+    ] }),
+    /* @__PURE__ */ jsxs("div", { children: [
+      "\xDAltimo sync: ",
+      syncStatus.data?.lastSync ? new Date(syncStatus.data.lastSync).toLocaleString() : "nunca"
+    ] })
+  ] });
 }
-function GitHubModuleNav() {
+function GitHubRouteSidebar() {
   const nav = useHostNavigation();
-  const { pathname } = useHostLocation();
-  return /* @__PURE__ */ jsx("nav", { style: { display: "flex", flexDirection: "column", gap: "0.125rem" }, children: NAV_ITEMS.map((item) => {
+  return /* @__PURE__ */ jsx("div", { style: { display: "flex", flexDirection: "column", gap: "2px", padding: "4px" }, children: NAV_ITEMS.map((item) => {
     const href = nav.resolveHref(item.path);
-    const active = isPathActive(pathname, href);
+    const isActive = typeof window !== "undefined" && window.location.pathname === href;
     return /* @__PURE__ */ jsx(
       "a",
       {
         ...nav.linkProps(item.path),
-        className: `${sidebarLinkClass} ${active ? sidebarLinkActiveClass : sidebarLinkIdleClass}`,
-        children: /* @__PURE__ */ jsx("span", { className: "flex-1 truncate", children: item.label })
+        "aria-current": isActive ? "page" : void 0,
+        style: {
+          display: "block",
+          padding: "6px 12px",
+          borderRadius: "6px",
+          fontSize: "13px",
+          fontWeight: isActive ? 600 : 400,
+          background: isActive ? "rgba(128,128,128,0.1)" : "transparent",
+          textDecoration: "none",
+          color: "inherit"
+        },
+        children: item.label
       },
       item.path
     );
   }) });
 }
-function GitHubSidebarModule(_props) {
-  return /* @__PURE__ */ jsxs("div", { style: { display: "grid", gap: "0.25rem" }, children: [
-    /* @__PURE__ */ jsx(
-      "div",
-      {
-        style: {
-          padding: "0.25rem 0.75rem",
-          fontSize: "0.7rem",
-          fontWeight: 600,
-          letterSpacing: "0.04em",
-          textTransform: "uppercase",
-          opacity: 0.55
-        },
-        children: "GitHub"
-      }
-    ),
-    /* @__PURE__ */ jsx(GitHubModuleNav, {})
-  ] });
-}
-function GitHubRouteSidebar(_props) {
-  const nav = useHostNavigation();
-  return /* @__PURE__ */ jsxs("nav", { style: { display: "flex", flexDirection: "column", gap: "0.25rem", padding: "0.5rem 0" }, children: [
-    /* @__PURE__ */ jsx(
-      "a",
-      {
-        ...nav.linkProps("/dashboard"),
-        className: `${sidebarLinkClass} ${sidebarLinkIdleClass}`,
-        children: /* @__PURE__ */ jsx("span", { className: "flex-1 truncate", children: "\u2190 Company dashboard" })
-      }
-    ),
-    /* @__PURE__ */ jsx(
-      "div",
-      {
-        style: {
-          padding: "0.75rem 0.75rem 0.25rem",
-          fontSize: "0.7rem",
-          fontWeight: 600,
-          letterSpacing: "0.04em",
-          textTransform: "uppercase",
-          opacity: 0.55
-        },
-        children: "GitHub"
-      }
-    ),
-    /* @__PURE__ */ jsx(GitHubModuleNav, {})
-  ] });
-}
-function RepoTable({ repos }) {
-  if (repos.length === 0) {
-    return /* @__PURE__ */ jsx("div", { children: "Nenhum reposit\xF3rio listado. Configure o token em Configura\xE7\xF5es." });
-  }
-  return /* @__PURE__ */ jsxs("table", { style: { width: "100%", borderCollapse: "collapse", fontSize: "0.9rem" }, children: [
-    /* @__PURE__ */ jsx("thead", { children: /* @__PURE__ */ jsxs("tr", { style: { textAlign: "left", opacity: 0.7 }, children: [
-      /* @__PURE__ */ jsx("th", { style: { padding: "0.35rem 0" }, children: "Reposit\xF3rio" }),
-      /* @__PURE__ */ jsx("th", { children: "Atualizado" }),
-      /* @__PURE__ */ jsx("th", { children: "Visibilidade" })
-    ] }) }),
-    /* @__PURE__ */ jsx("tbody", { children: repos.map((repo) => /* @__PURE__ */ jsxs("tr", { children: [
-      /* @__PURE__ */ jsx("td", { style: { padding: "0.35rem 0" }, children: /* @__PURE__ */ jsx("a", { href: repo.htmlUrl, target: "_blank", rel: "noreferrer", children: repo.fullName }) }),
-      /* @__PURE__ */ jsx("td", { children: new Date(repo.updatedAt).toLocaleString() }),
-      /* @__PURE__ */ jsx("td", { children: repo.private ? "private" : "public" })
-    ] }, repo.id)) })
-  ] });
-}
-function DashboardWidget(_props) {
-  const { companyParams } = useGithubCompany();
-  const { data, loading, error } = usePluginData("health", companyParams);
-  const ping = usePluginAction("ping");
-  const nav = useHostNavigation();
-  if (loading) return /* @__PURE__ */ jsx("div", { children: "Carregando status do GitHub..." });
-  if (error) return /* @__PURE__ */ jsxs("div", { children: [
-    "Erro do plugin: ",
-    error.message
-  ] });
-  return /* @__PURE__ */ jsxs("div", { style: { display: "grid", gap: "0.5rem" }, children: [
-    /* @__PURE__ */ jsx("strong", { children: "GitHub Manager" }),
-    /* @__PURE__ */ jsxs("div", { children: [
-      "Status: ",
-      data?.status ?? "unknown"
-    ] }),
-    data?.login ? /* @__PURE__ */ jsxs("div", { children: [
-      "Conta: ",
-      data.login
-    ] }) : null,
-    data?.message ? /* @__PURE__ */ jsx("div", { children: data.message }) : null,
-    /* @__PURE__ */ jsxs("div", { children: [
-      "Verificado: ",
-      data?.checkedAt ?? "nunca"
-    ] }),
-    data?.status !== "ok" ? /* @__PURE__ */ jsx("a", { ...nav.linkProps(PATHS.settings), style: { fontSize: "0.85rem" }, children: "Configurar token \u2192" }) : null,
-    /* @__PURE__ */ jsx("button", { style: buttonStyle, onClick: () => void ping(), children: "Ping Worker" })
-  ] });
-}
-function GitHubSettingsPage(_props) {
-  const nav = useHostNavigation();
-  const { companyId, companyParams } = useGithubCompany();
-  const { data: health, loading, error, refresh } = usePluginData("health", companyParams);
-  const saveGithubToken = usePluginAction("saveGithubToken");
-  const saveGithubSecretRef = usePluginAction("saveGithubSecretRef");
-  const clearGithubAuth = usePluginAction("clearGithubAuth");
-  const [pat, setPat] = useState("");
+
+// src/ui/components/SettingsPage.tsx
+import { useState } from "react";
+import { useHostContext, usePluginAction } from "@paperclipai/plugin-sdk/ui";
+import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
+function GitHubSettingsPage() {
+  const context = useHostContext();
+  const companyId = context.companyId;
+  const [token, setToken] = useState("");
   const [secretRef, setSecretRef] = useState("");
-  const [busy, setBusy] = useState(null);
-  const [formMessage, setFormMessage] = useState(null);
-  async function runSave(label, fn) {
-    if (!companyId) {
-      setFormMessage("Selecione uma company no header do Paperclip.");
-      return;
+  const [repoInput, setRepoInput] = useState("");
+  const [status, setStatus] = useState(null);
+  const [loading, setLoading] = useState(false);
+  const saveToken = usePluginAction("save-token");
+  const saveSecretRefAction = usePluginAction("save-secret-ref");
+  const testConnection = usePluginAction("test-connection");
+  const addRepo = usePluginAction("add-repo");
+  const syncAll = usePluginAction("sync-all");
+  if (!companyId) return /* @__PURE__ */ jsx2("div", { style: layoutStack, children: "Selecione uma empresa." });
+  const handleSaveToken = async () => {
+    if (!token.trim()) return;
+    setLoading(true);
+    try {
+      await saveToken({ companyId, token: token.trim() });
+      setStatus("Token salvo com sucesso");
+      setToken("");
+    } catch (err) {
+      setStatus(`Erro: ${err}`);
     }
-    setBusy(label);
-    setFormMessage(null);
+    setLoading(false);
+  };
+  const handleSaveSecretRef = async () => {
+    if (!secretRef.trim()) return;
+    setLoading(true);
     try {
-      await fn();
-      setPat("");
-      setFormMessage(`${label} \u2014 OK. Testando conex\xE3o\u2026`);
-      refresh();
+      await saveSecretRefAction({ companyId, secretRef: secretRef.trim() });
+      setStatus("Secret ref salvo com sucesso");
+      setSecretRef("");
     } catch (err) {
-      setFormMessage(err instanceof Error ? err.message : String(err));
-    } finally {
-      setBusy(null);
+      setStatus(`Erro: ${err}`);
     }
-  }
-  return /* @__PURE__ */ jsxs("div", { style: { padding: "1.5rem", display: "grid", gap: "1rem", maxWidth: 720 }, children: [
-    /* @__PURE__ */ jsxs("header", { children: [
-      /* @__PURE__ */ jsx("h1", { style: { margin: 0 }, children: "GitHub \u2014 Configura\xE7\xF5es" }),
-      /* @__PURE__ */ jsxs("p", { style: { margin: "0.5rem 0 0", opacity: 0.8 }, children: [
-        "Conecte um Personal Access Token (PAT) da GitHub. O token fica no estado do plugin por company (o Paperclip ainda n\xE3o resolve ",
-        /* @__PURE__ */ jsx("code", { children: "secrets.read-ref" }),
-        " em workers \u2014 PAP-2394)."
-      ] })
-    ] }),
-    !companyId ? /* @__PURE__ */ jsx("p", { style: { margin: 0, opacity: 0.8 }, children: "Selecione uma company no header do Paperclip." }) : null,
-    /* @__PURE__ */ jsxs("section", { style: panelStyle, children: [
-      /* @__PURE__ */ jsx("strong", { children: "1. Personal Access Token (recomendado)" }),
-      /* @__PURE__ */ jsxs("p", { style: { margin: 0, opacity: 0.85 }, children: [
-        "Gere um PAT em GitHub \u2192 Settings \u2192 Developer settings. Escopos: ",
-        /* @__PURE__ */ jsx("code", { children: "repo" }),
-        ",",
-        " ",
-        /* @__PURE__ */ jsx("code", { children: "read:user" }),
-        "; para webhooks tamb\xE9m ",
-        /* @__PURE__ */ jsx("code", { children: "admin:repo_hook" }),
-        "."
-      ] }),
-      /* @__PURE__ */ jsxs("label", { style: { display: "grid", gap: "0.35rem" }, children: [
-        "PAT",
-        /* @__PURE__ */ jsx(
+    setLoading(false);
+  };
+  const handleTestConnection = async () => {
+    setLoading(true);
+    try {
+      const result = await testConnection({ companyId });
+      if (result.ok) {
+        setStatus(`Conectado como ${result.login}`);
+      } else {
+        setStatus(`Falha: ${result.error}`);
+      }
+    } catch (err) {
+      setStatus(`Erro: ${err}`);
+    }
+    setLoading(false);
+  };
+  const handleAddRepo = async () => {
+    if (!repoInput.trim()) return;
+    setLoading(true);
+    try {
+      await addRepo({ companyId, fullName: repoInput.trim() });
+      setStatus(`Reposit\xF3rio ${repoInput.trim()} adicionado`);
+      setRepoInput("");
+    } catch (err) {
+      setStatus(`Erro: ${err}`);
+    }
+    setLoading(false);
+  };
+  const handleFullSync = async () => {
+    setLoading(true);
+    setStatus("Sincronizando...");
+    try {
+      await syncAll({ companyId });
+      setStatus("Sync completo finalizado");
+    } catch (err) {
+      setStatus(`Erro no sync: ${err}`);
+    }
+    setLoading(false);
+  };
+  return /* @__PURE__ */ jsxs2("div", { style: layoutStack, children: [
+    /* @__PURE__ */ jsx2("h2", { style: { margin: 0, fontSize: "18px" }, children: "Configura\xE7\xF5es GitHub" }),
+    status && /* @__PURE__ */ jsx2("div", { style: { ...cardStyle, fontSize: "13px", color: status.startsWith("Erro") ? "#ef4444" : "#22c55e" }, children: status }),
+    /* @__PURE__ */ jsxs2("div", { style: cardStyle, children: [
+      /* @__PURE__ */ jsx2("h3", { style: { margin: "0 0 8px", fontSize: "14px" }, children: "Autentica\xE7\xE3o" }),
+      /* @__PURE__ */ jsxs2("div", { style: { display: "flex", gap: "8px", marginBottom: "8px" }, children: [
+        /* @__PURE__ */ jsx2(
           "input",
           {
             type: "password",
-            autoComplete: "off",
-            value: pat,
-            onChange: (e) => setPat(e.target.value),
-            placeholder: "ghp_\u2026",
-            style: { maxWidth: 480, padding: "0.4rem 0.5rem" }
+            placeholder: "GitHub Personal Access Token",
+            value: token,
+            onChange: (e) => setToken(e.target.value),
+            style: { flex: 1, padding: "6px 10px", borderRadius: "6px", border: "1px solid rgba(128,128,128,0.3)", background: "transparent", fontSize: "13px" }
           }
-        )
-      ] }),
-      /* @__PURE__ */ jsx(
-        "button",
-        {
-          style: buttonStyle,
-          type: "button",
-          disabled: Boolean(busy) || !companyId || !pat.trim(),
-          onClick: () => void runSave(
-            "Salvar token",
-            () => saveGithubToken({ companyId, token: pat })
-          ),
-          children: "Salvar token"
-        }
-      )
-    ] }),
-    /* @__PURE__ */ jsxs("section", { style: panelStyle, children: [
-      /* @__PURE__ */ jsx("strong", { children: "2. Secret ID (futuro)" }),
-      /* @__PURE__ */ jsxs("p", { style: { margin: 0, opacity: 0.85 }, children: [
-        "Se voc\xEA j\xE1 criou um secret em ",
-        /* @__PURE__ */ jsx("strong", { children: "Company \u2192 Settings" }),
-        " (chave",
-        " ",
-        /* @__PURE__ */ jsx("code", { children: GITHUB_TOKEN_SECRET_KEY }),
-        "), copie o ",
-        /* @__PURE__ */ jsx("strong", { children: "ID (UUID)" }),
-        " do secret \u2014 n\xE3o basta a chave. Quando o Paperclip reabilitar secret refs, este campo passar\xE1 a funcionar sem colar o PAT aqui."
+        ),
+        /* @__PURE__ */ jsx2("button", { type: "button", style: buttonStyle, onClick: handleSaveToken, disabled: loading, children: "Salvar PAT" })
       ] }),
-      /* @__PURE__ */ jsx(
-        "a",
-        {
-          ...nav.linkProps(PATHS.companySecrets),
-          className: sidebarLinkClass,
-          style: { display: "inline-flex", width: "auto", marginTop: "0.25rem" },
-          children: "Abrir Company Settings"
-        }
-      ),
-      /* @__PURE__ */ jsxs("label", { style: { display: "grid", gap: "0.35rem", marginTop: "0.75rem" }, children: [
-        "Secret ID (UUID)",
-        /* @__PURE__ */ jsx(
+      /* @__PURE__ */ jsxs2("div", { style: { display: "flex", gap: "8px", marginBottom: "8px" }, children: [
+        /* @__PURE__ */ jsx2(
           "input",
           {
+            placeholder: "UUID do secret (alternativa)",
             value: secretRef,
             onChange: (e) => setSecretRef(e.target.value),
-            placeholder: "00000000-0000-0000-0000-000000000000",
-            style: { maxWidth: 480, padding: "0.4rem 0.5rem", fontFamily: "monospace" }
+            style: { flex: 1, padding: "6px 10px", borderRadius: "6px", border: "1px solid rgba(128,128,128,0.3)", background: "transparent", fontSize: "13px" }
           }
-        )
+        ),
+        /* @__PURE__ */ jsx2("button", { type: "button", style: buttonStyle, onClick: handleSaveSecretRef, disabled: loading, children: "Salvar Ref" })
       ] }),
-      /* @__PURE__ */ jsxs("div", { style: { display: "flex", flexWrap: "wrap", gap: "0.5rem" }, children: [
-        /* @__PURE__ */ jsx(
-          "button",
+      /* @__PURE__ */ jsx2("button", { type: "button", style: primaryButtonStyle, onClick: handleTestConnection, disabled: loading, children: "Testar Conex\xE3o" })
+    ] }),
+    /* @__PURE__ */ jsxs2("div", { style: cardStyle, children: [
+      /* @__PURE__ */ jsx2("h3", { style: { margin: "0 0 8px", fontSize: "14px" }, children: "Adicionar Reposit\xF3rio" }),
+      /* @__PURE__ */ jsxs2("div", { style: { display: "flex", gap: "8px" }, children: [
+        /* @__PURE__ */ jsx2(
+          "input",
           {
-            style: buttonStyle,
-            type: "button",
-            disabled: Boolean(busy) || !companyId || !secretRef.trim(),
-            onClick: () => void runSave(
-              "Salvar Secret ID",
-              () => saveGithubSecretRef({ companyId, secretRef })
-            ),
-            children: "Salvar Secret ID"
+            placeholder: "owner/repo (ex: gauderp/gaud-erp-api)",
+            value: repoInput,
+            onChange: (e) => setRepoInput(e.target.value),
+            style: { flex: 1, padding: "6px 10px", borderRadius: "6px", border: "1px solid rgba(128,128,128,0.3)", background: "transparent", fontSize: "13px" }
           }
         ),
-        /* @__PURE__ */ jsx(
+        /* @__PURE__ */ jsx2("button", { type: "button", style: primaryButtonStyle, onClick: handleAddRepo, disabled: loading, children: "Adicionar" })
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxs2("div", { style: cardStyle, children: [
+      /* @__PURE__ */ jsx2("h3", { style: { margin: "0 0 8px", fontSize: "14px" }, children: "Sincroniza\xE7\xE3o" }),
+      /* @__PURE__ */ jsx2("p", { style: { margin: "0 0 8px", fontSize: "12px", opacity: 0.7 }, children: "Sync autom\xE1tico a cada 5 minutos. Use o bot\xE3o abaixo para for\xE7ar um sync completo." }),
+      /* @__PURE__ */ jsx2("button", { type: "button", style: primaryButtonStyle, onClick: handleFullSync, disabled: loading, children: loading ? "Sincronizando..." : "Sync Completo" })
+    ] })
+  ] });
+}
+
+// src/ui/components/ReposPage.tsx
+import { useState as useState2 } from "react";
+import { useHostContext as useHostContext2, usePluginData as usePluginData2, usePluginAction as usePluginAction2 } from "@paperclipai/plugin-sdk/ui";
+import { jsx as jsx3, jsxs as jsxs3 } from "react/jsx-runtime";
+function GitHubReposPage() {
+  const context = useHostContext2();
+  const companyId = context.companyId;
+  const [filter, setFilter] = useState2("");
+  const reposData = usePluginData2("repos", { companyId });
+  const syncAction = usePluginAction2("sync-incremental");
+  const generateGraph = usePluginAction2("generate-graph");
+  if (!companyId) return /* @__PURE__ */ jsx3("div", { style: layoutStack, children: "Selecione uma empresa." });
+  const repos = (reposData.data?.repos ?? []).filter(
+    (r) => !filter || r.fullName.toLowerCase().includes(filter.toLowerCase())
+  );
+  return /* @__PURE__ */ jsxs3("div", { style: layoutStack, children: [
+    /* @__PURE__ */ jsxs3("div", { style: { display: "flex", justifyContent: "space-between", alignItems: "center" }, children: [
+      /* @__PURE__ */ jsxs3("h2", { style: { margin: 0, fontSize: "18px" }, children: [
+        "Reposit\xF3rios (",
+        repos.length,
+        ")"
+      ] }),
+      /* @__PURE__ */ jsxs3("div", { style: { display: "flex", gap: "8px", alignItems: "center" }, children: [
+        /* @__PURE__ */ jsxs3("span", { style: { fontSize: "11px", opacity: 0.6 }, children: [
+          "\xDAltimo sync: ",
+          reposData.data?.lastSync ? timeAgo(reposData.data.lastSync) : "nunca"
+        ] }),
+        /* @__PURE__ */ jsx3(
           "button",
           {
-            style: buttonStyle,
             type: "button",
-            disabled: Boolean(busy) || !companyId,
-            onClick: () => void runSave("Limpar credenciais", () => clearGithubAuth({ companyId })),
-            children: "Limpar"
+            style: buttonStyle,
+            onClick: () => syncAction({ companyId }).catch(console.error),
+            children: "Sync"
           }
         )
       ] })
     ] }),
-    /* @__PURE__ */ jsxs("section", { style: panelStyle, children: [
-      /* @__PURE__ */ jsx("strong", { children: "3. Testar conex\xE3o" }),
-      health?.auth ? /* @__PURE__ */ jsxs("div", { style: { fontSize: "0.85rem", opacity: 0.75 }, children: [
-        "Credencial: ",
-        health.auth.configured ? health.auth.mode : "nenhuma"
-      ] }) : null,
-      loading ? /* @__PURE__ */ jsx("div", { children: "Verificando..." }) : null,
-      error ? /* @__PURE__ */ jsxs("div", { children: [
-        "Erro: ",
-        error.message
-      ] }) : null,
-      health ? /* @__PURE__ */ jsxs("div", { style: { display: "grid", gap: "0.35rem" }, children: [
-        /* @__PURE__ */ jsxs("div", { children: [
-          "Status: ",
-          /* @__PURE__ */ jsx("strong", { children: health.status }),
-          health.login ? ` \u2014 @${health.login}` : ""
+    /* @__PURE__ */ jsx3(
+      "input",
+      {
+        placeholder: "Filtrar reposit\xF3rios...",
+        value: filter,
+        onChange: (e) => setFilter(e.target.value),
+        style: { padding: "6px 10px", borderRadius: "6px", border: "1px solid rgba(128,128,128,0.3)", background: "transparent", fontSize: "13px" }
+      }
+    ),
+    repos.length === 0 && /* @__PURE__ */ jsx3("div", { style: { ...cardStyle, textAlign: "center", opacity: 0.6 }, children: "Nenhum reposit\xF3rio rastreado. Adicione em Configura\xE7\xF5es." }),
+    repos.map((repo) => /* @__PURE__ */ jsxs3("div", { style: cardStyle, children: [
+      /* @__PURE__ */ jsxs3("div", { style: { display: "flex", justifyContent: "space-between", alignItems: "flex-start" }, children: [
+        /* @__PURE__ */ jsxs3("div", { children: [
+          /* @__PURE__ */ jsx3("a", { href: repo.htmlUrl, target: "_blank", rel: "noopener", style: { fontWeight: 600, fontSize: "14px", color: "#3b82f6", textDecoration: "none" }, children: repo.fullName }),
+          repo.private && /* @__PURE__ */ jsx3("span", { style: { marginLeft: "8px", fontSize: "11px", opacity: 0.5 }, children: "privado" }),
+          repo.description && /* @__PURE__ */ jsx3("p", { style: { margin: "4px 0 0", fontSize: "12px", opacity: 0.7 }, children: repo.description })
+        ] }),
+        /* @__PURE__ */ jsx3("div", { style: { display: "flex", gap: "4px" }, children: /* @__PURE__ */ jsx3(
+          "button",
+          {
+            type: "button",
+            style: buttonStyle,
+            onClick: () => generateGraph({ companyId, repoFullName: repo.fullName, level: "code" }).catch(console.error),
+            title: "Gerar Knowledge Graph",
+            children: "Graphify"
+          }
+        ) })
+      ] }),
+      /* @__PURE__ */ jsxs3("div", { style: { display: "flex", gap: "16px", marginTop: "8px", fontSize: "11px", opacity: 0.5 }, children: [
+        repo.language && /* @__PURE__ */ jsx3("span", { children: repo.language }),
+        /* @__PURE__ */ jsxs3("span", { children: [
+          "branch: ",
+          repo.defaultBranch
         ] }),
-        health.message ? /* @__PURE__ */ jsx("div", { children: health.message }) : null,
-        /* @__PURE__ */ jsxs("div", { style: { fontSize: "0.85rem", opacity: 0.7 }, children: [
-          "Verificado: ",
-          new Date(health.checkedAt).toLocaleString()
+        /* @__PURE__ */ jsxs3("span", { children: [
+          "sync: ",
+          timeAgo(repo.syncedAt)
         ] })
-      ] }) : null,
-      /* @__PURE__ */ jsx(
+      ] })
+    ] }, repo.id))
+  ] });
+}
+
+// src/ui/components/PullRequestsPage.tsx
+import { useState as useState3 } from "react";
+import { useHostContext as useHostContext3, usePluginData as usePluginData3, usePluginAction as usePluginAction3 } from "@paperclipai/plugin-sdk/ui";
+import { jsx as jsx4, jsxs as jsxs4 } from "react/jsx-runtime";
+function GitHubPullRequestsPage() {
+  const context = useHostContext3();
+  const companyId = context.companyId;
+  const [stateFilter, setStateFilter] = useState3("open");
+  const [search, setSearch] = useState3("");
+  const prsData = usePluginData3("pull-requests", {
+    companyId,
+    filters: stateFilter ? { state: stateFilter } : void 0
+  });
+  const syncAction = usePluginAction3("sync-incremental");
+  if (!companyId) return /* @__PURE__ */ jsx4("div", { style: layoutStack, children: "Selecione uma empresa." });
+  const prs = (prsData.data?.pullRequests ?? []).filter(
+    (pr) => !search || pr.title.toLowerCase().includes(search.toLowerCase()) || pr.repoFullName.toLowerCase().includes(search.toLowerCase())
+  );
+  return /* @__PURE__ */ jsxs4("div", { style: layoutStack, children: [
+    /* @__PURE__ */ jsxs4("div", { style: { display: "flex", justifyContent: "space-between", alignItems: "center" }, children: [
+      /* @__PURE__ */ jsxs4("h2", { style: { margin: 0, fontSize: "18px" }, children: [
+        "Pull Requests (",
+        prs.length,
+        ")"
+      ] }),
+      /* @__PURE__ */ jsx4("button", { type: "button", style: buttonStyle, onClick: () => syncAction({ companyId }).catch(console.error), children: "Sync" })
+    ] }),
+    /* @__PURE__ */ jsxs4("div", { style: { display: "flex", gap: "8px", flexWrap: "wrap" }, children: [
+      ["open", "closed", "merged", ""].map((state) => /* @__PURE__ */ jsx4(
         "button",
         {
-          style: buttonStyle,
           type: "button",
-          disabled: Boolean(busy) || !companyId,
-          onClick: () => refresh(),
-          children: "Testar conex\xE3o"
+          style: {
+            ...buttonStyle,
+            background: stateFilter === state ? "rgba(128,128,128,0.15)" : "transparent",
+            fontWeight: stateFilter === state ? 600 : 400
+          },
+          onClick: () => setStateFilter(state),
+          children: state || "Todos"
+        },
+        state
+      )),
+      /* @__PURE__ */ jsx4(
+        "input",
+        {
+          placeholder: "Buscar por t\xEDtulo ou repo...",
+          value: search,
+          onChange: (e) => setSearch(e.target.value),
+          style: { flex: 1, minWidth: "200px", padding: "6px 10px", borderRadius: "6px", border: "1px solid rgba(128,128,128,0.3)", background: "transparent", fontSize: "13px" }
         }
-      ),
-      health?.status === "ok" ? /* @__PURE__ */ jsxs("p", { style: { margin: 0, color: "inherit", opacity: 0.85 }, children: [
-        "Token OK. Use ",
-        /* @__PURE__ */ jsx("a", { ...nav.linkProps(PATHS.repos), children: "Reposit\xF3rios" }),
-        " e",
-        " ",
-        /* @__PURE__ */ jsx("a", { ...nav.linkProps(PATHS.pullRequests), children: "Pull requests" }),
-        "."
-      ] }) : null
+      )
     ] }),
-    formMessage ? /* @__PURE__ */ jsx("div", { children: formMessage }) : null,
-    busy ? /* @__PURE__ */ jsxs("div", { children: [
-      "Executando: ",
-      busy,
-      "\u2026"
-    ] }) : null
+    prs.length === 0 && /* @__PURE__ */ jsx4("div", { style: { ...cardStyle, textAlign: "center", opacity: 0.6 }, children: "Nenhum PR encontrado com os filtros atuais." }),
+    prs.map((pr) => {
+      const badge = prStateBadge(pr.draft ? "draft" : pr.state);
+      return /* @__PURE__ */ jsx4("div", { style: cardStyle, children: /* @__PURE__ */ jsx4("div", { style: { display: "flex", justifyContent: "space-between", alignItems: "flex-start" }, children: /* @__PURE__ */ jsxs4("div", { style: { flex: 1 }, children: [
+        /* @__PURE__ */ jsxs4("div", { style: { display: "flex", alignItems: "center", gap: "8px" }, children: [
+          /* @__PURE__ */ jsx4("span", { style: badgeStyle(badge.color), children: badge.label }),
+          /* @__PURE__ */ jsxs4("a", { href: pr.htmlUrl, target: "_blank", rel: "noopener", style: { fontWeight: 600, fontSize: "14px", color: "#3b82f6", textDecoration: "none" }, children: [
+            "#",
+            pr.number,
+            " ",
+            pr.title
+          ] })
+        ] }),
+        /* @__PURE__ */ jsxs4("div", { style: { marginTop: "4px", fontSize: "12px", opacity: 0.6 }, children: [
+          pr.repoFullName,
+          " \xB7 ",
+          pr.author,
+          " \xB7 ",
+          pr.headBranch,
+          " \u2192 ",
+          pr.baseBranch,
+          " \xB7 ",
+          timeAgo(pr.updatedAt)
+        ] })
+      ] }) }) }, pr.id);
+    })
   ] });
 }
-function GitHubReposPage(_props) {
-  const nav = useHostNavigation();
-  const { companyId, companyParams } = useGithubCompany();
-  const { data: health, loading: healthLoading, error: healthError } = usePluginData("health", companyParams);
-  const {
-    data: reposData,
-    loading: reposLoading,
-    error: reposError,
-    refresh: refreshRepos
-  } = usePluginData("repos", companyParams);
-  const {
-    data: webhookData,
-    loading: webhookLoading,
-    refresh: refreshWebhook
-  } = usePluginData("webhookConfig", companyParams);
-  const setTrackedRepos = usePluginAction("setTrackedRepos");
-  const configureWebhook = usePluginAction("configureWebhook");
-  const [selectedRepo, setSelectedRepo] = useState("");
-  const [busy, setBusy] = useState(null);
-  const [actionMessage, setActionMessage] = useState(null);
-  const trackedSelection = selectedRepo || reposData?.repos[0]?.fullName || "";
-  const needsToken = health?.status === "degraded" || health?.status === "error";
-  async function runAction(label, fn) {
-    if (!companyId) {
-      setActionMessage("Selecione uma company no host antes de continuar.");
-      return;
+
+// src/ui/components/GraphsPage.tsx
+import { useState as useState4 } from "react";
+import { useHostContext as useHostContext4, usePluginAction as usePluginAction4 } from "@paperclipai/plugin-sdk/ui";
+import { jsx as jsx5, jsxs as jsxs5 } from "react/jsx-runtime";
+function GitHubGraphsPage() {
+  const context = useHostContext4();
+  const companyId = context.companyId;
+  const [graphData, setGraphData] = useState4(null);
+  const [loading, setLoading] = useState4(false);
+  const [repoInput, setRepoInput] = useState4("");
+  const generateGraph = usePluginAction4("generate-graph");
+  if (!companyId) return /* @__PURE__ */ jsx5("div", { style: layoutStack, children: "Selecione uma empresa." });
+  const handleGenerateHighLevel = async () => {
+    setLoading(true);
+    try {
+      const result = await generateGraph({ companyId, level: "high" });
+      setGraphData(result);
+    } catch (err) {
+      console.error(err);
     }
-    setBusy(label);
-    setActionMessage(null);
+    setLoading(false);
+  };
+  const handleGenerateCode = async () => {
+    if (!repoInput.trim()) return;
+    setLoading(true);
     try {
-      await fn();
-      refreshRepos();
-      refreshWebhook();
-      setActionMessage(`${label} conclu\xEDdo.`);
+      const result = await generateGraph({ companyId, repoFullName: repoInput.trim(), level: "code" });
+      setGraphData(result);
     } catch (err) {
-      setActionMessage(err instanceof Error ? err.message : String(err));
-    } finally {
-      setBusy(null);
+      console.error(err);
     }
-  }
-  return /* @__PURE__ */ jsxs("div", { style: { padding: "1.5rem", display: "grid", gap: "1rem", maxWidth: 960 }, children: [
-    /* @__PURE__ */ jsxs("header", { children: [
-      /* @__PURE__ */ jsx("h1", { style: { margin: 0 }, children: "GitHub \u2014 Reposit\xF3rios" }),
-      /* @__PURE__ */ jsx("p", { style: { margin: "0.5rem 0 0", opacity: 0.8 }, children: "Liste reposit\xF3rios e escolha quais rastrear para sync e webhooks." })
-    ] }),
-    needsToken ? /* @__PURE__ */ jsxs("section", { style: panelStyle, children: [
-      /* @__PURE__ */ jsx("strong", { children: "Token n\xE3o configurado" }),
-      /* @__PURE__ */ jsxs("p", { style: { margin: 0 }, children: [
-        /* @__PURE__ */ jsx("a", { ...nav.linkProps(PATHS.settings), children: "Abrir Configura\xE7\xF5es" }),
-        " e salve um PAT da GitHub."
-      ] })
-    ] }) : null,
-    /* @__PURE__ */ jsxs("section", { style: panelStyle, children: [
-      /* @__PURE__ */ jsx("strong", { children: "Conex\xE3o" }),
-      healthLoading ? /* @__PURE__ */ jsx("div", { children: "Carregando..." }) : null,
-      healthError ? /* @__PURE__ */ jsxs("div", { children: [
-        "Erro: ",
-        healthError.message
-      ] }) : null,
-      health ? /* @__PURE__ */ jsxs("div", { children: [
-        "Status: ",
-        health.status,
-        health.login ? ` \u2014 ${health.login}` : "",
-        health.message ? /* @__PURE__ */ jsx("div", { children: health.message }) : null
-      ] }) : null
-    ] }),
-    /* @__PURE__ */ jsxs("section", { style: panelStyle, children: [
-      /* @__PURE__ */ jsxs("div", { style: { display: "flex", justifyContent: "space-between", gap: "0.5rem" }, children: [
-        /* @__PURE__ */ jsx("strong", { children: "Reposit\xF3rios" }),
-        /* @__PURE__ */ jsx("button", { style: buttonStyle, disabled: Boolean(busy), onClick: () => refreshRepos(), children: "Atualizar lista" })
-      ] }),
-      reposLoading ? /* @__PURE__ */ jsx("div", { children: "Carregando reposit\xF3rios..." }) : null,
-      reposError ? /* @__PURE__ */ jsxs("div", { children: [
-        "Erro: ",
-        reposError.message
-      ] }) : null,
-      reposData?.message ? /* @__PURE__ */ jsx("div", { children: reposData.message }) : null,
-      reposData ? /* @__PURE__ */ jsx(RepoTable, { repos: reposData.repos }) : null,
-      reposData?.repos.length ? /* @__PURE__ */ jsxs("label", { style: { display: "grid", gap: "0.35rem" }, children: [
-        "Repo para webhook",
-        /* @__PURE__ */ jsx(
-          "select",
+    setLoading(false);
+  };
+  return /* @__PURE__ */ jsxs5("div", { style: layoutStack, children: [
+    /* @__PURE__ */ jsx5("h2", { style: { margin: 0, fontSize: "18px" }, children: "Knowledge Graphs" }),
+    /* @__PURE__ */ jsxs5("div", { style: { display: "flex", gap: "8px", flexWrap: "wrap" }, children: [
+      /* @__PURE__ */ jsx5("button", { type: "button", style: primaryButtonStyle, onClick: handleGenerateHighLevel, disabled: loading, children: loading ? "Gerando..." : "Grafo de Alto N\xEDvel" }),
+      /* @__PURE__ */ jsxs5("div", { style: { display: "flex", gap: "4px", flex: 1 }, children: [
+        /* @__PURE__ */ jsx5(
+          "input",
           {
-            value: trackedSelection,
-            onChange: (e) => setSelectedRepo(e.target.value),
-            style: { maxWidth: 420 },
-            children: reposData.repos.map((repo) => /* @__PURE__ */ jsx("option", { value: repo.fullName, children: repo.fullName }, repo.id))
+            placeholder: "owner/repo para drill-down...",
+            value: repoInput,
+            onChange: (e) => setRepoInput(e.target.value),
+            style: { flex: 1, padding: "6px 10px", borderRadius: "6px", border: "1px solid rgba(128,128,128,0.3)", background: "transparent", fontSize: "13px" }
           }
-        )
-      ] }) : null,
-      /* @__PURE__ */ jsx(
-        "button",
-        {
-          style: buttonStyle,
-          disabled: Boolean(busy) || !trackedSelection || !companyId || needsToken,
-          onClick: () => void runAction(
-            "Salvar repos rastreados",
-            () => setTrackedRepos({
-              companyId,
-              repos: reposData?.repos.slice(0, 5).map((r) => r.fullName) ?? []
-            })
-          ),
-          children: "Rastrear top 5 repos"
-        }
-      )
+        ),
+        /* @__PURE__ */ jsx5("button", { type: "button", style: buttonStyle, onClick: handleGenerateCode, disabled: loading || !repoInput.trim(), children: "Grafo de C\xF3digo" })
+      ] })
     ] }),
-    /* @__PURE__ */ jsxs("section", { style: panelStyle, children: [
-      /* @__PURE__ */ jsx("strong", { children: "Webhooks" }),
-      webhookLoading ? /* @__PURE__ */ jsx("div", { children: "Carregando configura\xE7\xE3o..." }) : null,
-      /* @__PURE__ */ jsxs("div", { style: { fontSize: "0.85rem", opacity: 0.85 }, children: [
-        "URL inbound: ",
-        /* @__PURE__ */ jsx("code", { children: webhookData?.inboundUrl ?? "\u2014" })
+    graphData && /* @__PURE__ */ jsxs5("div", { style: cardStyle, children: [
+      /* @__PURE__ */ jsxs5("div", { style: { marginBottom: "8px", fontSize: "13px" }, children: [
+        /* @__PURE__ */ jsx5("strong", { children: graphData.level === "high" ? "Vis\xE3o Geral" : graphData.repoFullName }),
+        /* @__PURE__ */ jsxs5("span", { style: { marginLeft: "8px", fontSize: "11px", opacity: 0.5 }, children: [
+          graphData.nodes.length,
+          " n\xF3s \xB7 ",
+          graphData.edges.length,
+          " arestas \xB7 ",
+          new Date(graphData.generatedAt).toLocaleString()
+        ] })
       ] }),
-      webhookData?.configured && webhookData.config ? /* @__PURE__ */ jsxs("div", { children: [
-        "Configurado para ",
-        /* @__PURE__ */ jsx("strong", { children: webhookData.config.repoFullName }),
-        " (hook",
-        " ",
-        webhookData.config.hookId ?? "?",
-        ") em",
-        " ",
-        new Date(webhookData.config.configuredAt).toLocaleString()
-      ] }) : /* @__PURE__ */ jsx("div", { children: "Nenhum webhook registrado nesta company." }),
-      /* @__PURE__ */ jsx(
-        "button",
-        {
-          style: buttonStyle,
-          disabled: Boolean(busy) || !companyId || !trackedSelection || needsToken,
-          onClick: () => void runAction(
-            "Registrar webhook",
-            () => configureWebhook({
-              companyId,
-              repoFullName: trackedSelection,
-              events: ["pull_request", "issues"]
-            })
-          ),
-          children: "Registrar webhook no GitHub"
-        }
-      )
+      /* @__PURE__ */ jsxs5("div", { style: { maxHeight: "400px", overflow: "auto", fontSize: "12px" }, children: [
+        /* @__PURE__ */ jsxs5("div", { style: { marginBottom: "8px" }, children: [
+          /* @__PURE__ */ jsx5("strong", { children: "N\xF3s:" }),
+          graphData.nodes.map((node) => /* @__PURE__ */ jsxs5("div", { style: { padding: "2px 0", paddingLeft: "12px" }, children: [
+            /* @__PURE__ */ jsxs5("span", { style: { opacity: 0.5 }, children: [
+              "[",
+              node.type,
+              "]"
+            ] }),
+            " ",
+            node.label
+          ] }, node.id))
+        ] }),
+        /* @__PURE__ */ jsxs5("div", { children: [
+          /* @__PURE__ */ jsx5("strong", { children: "Arestas:" }),
+          graphData.edges.map((edge, i) => /* @__PURE__ */ jsxs5("div", { style: { padding: "2px 0", paddingLeft: "12px" }, children: [
+            edge.source,
+            " \u2192 ",
+            edge.target,
+            " ",
+            /* @__PURE__ */ jsxs5("span", { style: { opacity: 0.5 }, children: [
+              "(",
+              edge.label,
+              ")"
+            ] })
+          ] }, i))
+        ] })
+      ] })
     ] }),
-    actionMessage ? /* @__PURE__ */ jsx("div", { children: actionMessage }) : null,
-    busy ? /* @__PURE__ */ jsxs("div", { children: [
-      "Executando: ",
-      busy,
-      "..."
-    ] }) : null
+    !graphData && !loading && /* @__PURE__ */ jsx5("div", { style: { ...cardStyle, textAlign: "center", opacity: 0.5 }, children: "Clique em um dos bot\xF5es acima para gerar um knowledge graph." })
   ] });
 }
-function GitHubPullRequestsPage(_props) {
-  const nav = useHostNavigation();
-  const { companyId, companyParams } = useGithubCompany();
-  const { data: health } = usePluginData("health", companyParams);
-  const {
-    data: syncOverview,
-    loading: syncLoading,
-    error: syncError,
-    refresh: refreshSync
-  } = usePluginData("syncOverview", companyParams);
-  const syncAll = usePluginAction("syncAll");
-  const syncPullRequests = usePluginAction("syncPullRequests");
-  const syncIssues = usePluginAction("syncIssues");
-  const [busy, setBusy] = useState(null);
-  const [actionMessage, setActionMessage] = useState(null);
-  const needsToken = health?.status === "degraded" || health?.status === "error";
-  async function runAction(label, fn) {
-    if (!companyId) {
-      setActionMessage("Selecione uma company no host.");
-      return;
-    }
-    setBusy(label);
-    setActionMessage(null);
+
+// src/ui/components/DetailTab.tsx
+import { useState as useState6 } from "react";
+import { usePluginData as usePluginData5, usePluginAction as usePluginAction6 } from "@paperclipai/plugin-sdk/ui";
+
+// src/ui/components/ReviewDropdown.tsx
+import { useState as useState5 } from "react";
+import { usePluginData as usePluginData4, usePluginAction as usePluginAction5 } from "@paperclipai/plugin-sdk/ui";
+import { jsx as jsx6, jsxs as jsxs6 } from "react/jsx-runtime";
+function ReviewDropdown({ companyId, prId, repoFullName, prNumber }) {
+  const [open, setOpen] = useState5(false);
+  const [reviewing, setReviewing] = useState5(false);
+  const agentsData = usePluginData4("available-agents", { companyId });
+  const requestReview = usePluginAction5("request-review");
+  const agents = agentsData.data?.agents ?? [];
+  const handleReview = async (agentId) => {
+    setReviewing(true);
+    setOpen(false);
     try {
-      await fn();
-      refreshSync();
-      setActionMessage(`${label} conclu\xEDdo.`);
+      await requestReview({ companyId, prId, repoFullName, prNumber, agentId });
     } catch (err) {
-      setActionMessage(err instanceof Error ? err.message : String(err));
-    } finally {
-      setBusy(null);
+      console.error("Review request failed:", err);
     }
+    setReviewing(false);
+  };
+  if (reviewing) {
+    return /* @__PURE__ */ jsx6("span", { style: { fontSize: "12px", opacity: 0.6 }, children: "Revisando..." });
+  }
+  return /* @__PURE__ */ jsxs6("div", { style: { position: "relative", display: "inline-block" }, children: [
+    /* @__PURE__ */ jsx6("button", { type: "button", style: primaryButtonStyle, onClick: () => setOpen(!open), children: "Revisar \u25BE" }),
+    open && /* @__PURE__ */ jsxs6("div", { style: {
+      position: "absolute",
+      top: "100%",
+      right: 0,
+      marginTop: "4px",
+      background: "var(--background, #1a1a1a)",
+      border: "1px solid rgba(128,128,128,0.3)",
+      borderRadius: "8px",
+      padding: "4px",
+      minWidth: "200px",
+      zIndex: 10,
+      boxShadow: "0 4px 12px rgba(0,0,0,0.3)"
+    }, children: [
+      agents.length === 0 && /* @__PURE__ */ jsx6("div", { style: { padding: "8px", fontSize: "12px", opacity: 0.5 }, children: "Nenhum agente dispon\xEDvel" }),
+      agents.map((agent) => /* @__PURE__ */ jsxs6(
+        "button",
+        {
+          type: "button",
+          style: { ...buttonStyle, width: "100%", textAlign: "left", border: "none", borderRadius: "4px" },
+          onClick: () => handleReview(agent.id),
+          children: [
+            /* @__PURE__ */ jsx6("div", { style: { fontWeight: 500 }, children: agent.displayName }),
+            /* @__PURE__ */ jsx6("div", { style: { fontSize: "11px", opacity: 0.5 }, children: agent.role })
+          ]
+        },
+        agent.id
+      ))
+    ] })
+  ] });
+}
+
+// src/ui/components/DetailTab.tsx
+import { Fragment, jsx as jsx7, jsxs as jsxs7 } from "react/jsx-runtime";
+function GitHubDetailTab({ context }) {
+  const issueId = context.entityId;
+  const companyId = context.companyId;
+  const [showLinkInput, setShowLinkInput] = useState6(false);
+  const [selectedPrId, setSelectedPrId] = useState6(null);
+  const cardPRs = usePluginData5("card-prs", {
+    companyId,
+    issueId
+  });
+  const allPRs = usePluginData5("pull-requests", {
+    companyId,
+    filters: { state: "open" }
+  });
+  const linkAction = usePluginAction6("link-pr-to-card");
+  const quickCheck = usePluginAction6("run-quick-check");
+  if (!companyId || !issueId) {
+    return /* @__PURE__ */ jsx7("div", { style: { padding: "12px", fontSize: "13px", opacity: 0.5 }, children: "Sem contexto dispon\xEDvel." });
   }
-  return /* @__PURE__ */ jsxs("div", { style: { padding: "1.5rem", display: "grid", gap: "1rem", maxWidth: 960 }, children: [
-    /* @__PURE__ */ jsxs("header", { children: [
-      /* @__PURE__ */ jsx("h1", { style: { margin: 0 }, children: "GitHub \u2014 Pull requests" }),
-      /* @__PURE__ */ jsx("p", { style: { margin: "0.5rem 0 0", opacity: 0.8 }, children: "Sincronize PRs e issues abertos dos reposit\xF3rios rastreados." })
+  const prs = cardPRs.data?.pullRequests ?? [];
+  const handleLink = async () => {
+    if (!selectedPrId) return;
+    await linkAction({ prId: selectedPrId, issueId });
+    setShowLinkInput(false);
+    setSelectedPrId(null);
+  };
+  return /* @__PURE__ */ jsxs7("div", { style: { display: "flex", flexDirection: "column", gap: "8px", padding: "12px" }, children: [
+    prs.length === 0 ? /* @__PURE__ */ jsxs7("div", { style: { textAlign: "center", padding: "20px 0" }, children: [
+      /* @__PURE__ */ jsx7("p", { style: { fontSize: "13px", opacity: 0.5, margin: "0 0 12px" }, children: "Nenhum PR vinculado a este card." }),
+      /* @__PURE__ */ jsx7("button", { type: "button", style: buttonStyle, onClick: () => setShowLinkInput(true), children: "Vincular PR" })
+    ] }) : /* @__PURE__ */ jsxs7(Fragment, { children: [
+      prs.map((pr) => {
+        const badge = prStateBadge(pr.draft ? "draft" : pr.state);
+        return /* @__PURE__ */ jsx7("div", { style: cardStyle, children: /* @__PURE__ */ jsxs7("div", { style: { display: "flex", justifyContent: "space-between", alignItems: "flex-start" }, children: [
+          /* @__PURE__ */ jsxs7("div", { style: { flex: 1 }, children: [
+            /* @__PURE__ */ jsxs7("div", { style: { display: "flex", alignItems: "center", gap: "6px" }, children: [
+              /* @__PURE__ */ jsx7("span", { style: badgeStyle(badge.color), children: badge.label }),
+              /* @__PURE__ */ jsxs7("a", { href: pr.htmlUrl, target: "_blank", rel: "noopener", style: { fontWeight: 600, fontSize: "13px", color: "#3b82f6", textDecoration: "none" }, children: [
+                "#",
+                pr.number,
+                " ",
+                pr.title
+              ] })
+            ] }),
+            /* @__PURE__ */ jsxs7("div", { style: { marginTop: "4px", fontSize: "11px", opacity: 0.5 }, children: [
+              pr.repoFullName,
+              " \xB7 ",
+              pr.author,
+              " \xB7 ",
+              pr.headBranch,
+              " \u2192 ",
+              pr.baseBranch,
+              " \xB7 ",
+              timeAgo(pr.updatedAt)
+            ] })
+          ] }),
+          /* @__PURE__ */ jsx7(
+            ReviewDropdown,
+            {
+              companyId,
+              prId: pr.id,
+              repoFullName: pr.repoFullName,
+              prNumber: pr.number
+            }
+          )
+        ] }) }, pr.id);
+      }),
+      /* @__PURE__ */ jsx7("button", { type: "button", style: { ...buttonStyle, alignSelf: "flex-start", fontSize: "12px" }, onClick: () => setShowLinkInput(true), children: "+ Vincular outro PR" })
     ] }),
-    needsToken ? /* @__PURE__ */ jsx("section", { style: panelStyle, children: /* @__PURE__ */ jsx("a", { ...nav.linkProps(PATHS.settings), children: "Configurar token GitHub" }) }) : null,
-    /* @__PURE__ */ jsxs("section", { style: panelStyle, children: [
-      /* @__PURE__ */ jsx("strong", { children: "Sync PRs / Issues" }),
-      syncLoading ? /* @__PURE__ */ jsx("div", { children: "Carregando overview..." }) : null,
-      syncError ? /* @__PURE__ */ jsxs("div", { children: [
-        "Erro: ",
-        syncError.message
-      ] }) : null,
-      syncOverview ? /* @__PURE__ */ jsxs("div", { style: { display: "grid", gap: "0.35rem" }, children: [
-        /* @__PURE__ */ jsx("div", { children: syncOverview.message }),
-        /* @__PURE__ */ jsxs("div", { children: [
-          "PRs abertos: ",
-          syncOverview.pullRequestCount,
-          " \u2014 Issues abertas:",
-          " ",
-          syncOverview.issueCount
-        ] }),
-        syncOverview.lastSyncedAt ? /* @__PURE__ */ jsxs("div", { children: [
-          "\xDAltimo sync: ",
-          new Date(syncOverview.lastSyncedAt).toLocaleString()
-        ] }) : null
-      ] }) : null,
-      /* @__PURE__ */ jsxs("div", { style: { display: "flex", flexWrap: "wrap", gap: "0.5rem" }, children: [
-        /* @__PURE__ */ jsx(
-          "button",
-          {
-            style: buttonStyle,
-            disabled: Boolean(busy) || !companyId || needsToken,
-            onClick: () => void runAction("Sync completo", () => syncAll({ companyId })),
-            children: "Sync tudo"
-          }
-        ),
-        /* @__PURE__ */ jsx(
-          "button",
-          {
-            style: buttonStyle,
-            disabled: Boolean(busy) || !companyId || needsToken,
-            onClick: () => void runAction("Sync PRs", () => syncPullRequests({ companyId })),
-            children: "Sync PRs"
-          }
-        ),
-        /* @__PURE__ */ jsx(
-          "button",
-          {
-            style: buttonStyle,
-            disabled: Boolean(busy) || !companyId || needsToken,
-            onClick: () => void runAction("Sync issues", () => syncIssues({ companyId })),
-            children: "Sync issues"
-          }
-        )
+    showLinkInput && /* @__PURE__ */ jsxs7("div", { style: cardStyle, children: [
+      /* @__PURE__ */ jsx7("div", { style: { fontSize: "13px", fontWeight: 500, marginBottom: "8px" }, children: "Selecionar PR" }),
+      /* @__PURE__ */ jsxs7(
+        "select",
+        {
+          style: { width: "100%", padding: "6px", borderRadius: "6px", border: "1px solid rgba(128,128,128,0.3)", background: "transparent", fontSize: "13px", marginBottom: "8px" },
+          onChange: (e) => setSelectedPrId(Number(e.target.value)),
+          value: selectedPrId ?? "",
+          children: [
+            /* @__PURE__ */ jsx7("option", { value: "", children: "Selecione um PR..." }),
+            (allPRs.data?.pullRequests ?? []).map((pr) => /* @__PURE__ */ jsxs7("option", { value: pr.id, children: [
+              pr.repoFullName,
+              " #",
+              pr.number,
+              " \u2014 ",
+              pr.title
+            ] }, pr.id))
+          ]
+        }
+      ),
+      /* @__PURE__ */ jsxs7("div", { style: { display: "flex", gap: "8px" }, children: [
+        /* @__PURE__ */ jsx7("button", { type: "button", style: buttonStyle, onClick: handleLink, disabled: !selectedPrId, children: "Vincular" }),
+        /* @__PURE__ */ jsx7("button", { type: "button", style: buttonStyle, onClick: () => setShowLinkInput(false), children: "Cancelar" })
+      ] })
+    ] })
+  ] });
+}
+
+// src/ui/components/DashboardWidget.tsx
+import { useHostNavigation as useHostNavigation2, usePluginData as usePluginData6 } from "@paperclipai/plugin-sdk/ui";
+import { jsx as jsx8, jsxs as jsxs8 } from "react/jsx-runtime";
+function GitHubDashboardWidget({ context }) {
+  const nav = useHostNavigation2();
+  const syncStatus = usePluginData6("sync-status", {
+    companyId: context.companyId
+  });
+  const data = syncStatus.data;
+  return /* @__PURE__ */ jsxs8("div", { style: { display: "flex", flexDirection: "column", gap: "6px", fontSize: "12px" }, children: [
+    /* @__PURE__ */ jsxs8("div", { style: { display: "flex", justifyContent: "space-between", alignItems: "center" }, children: [
+      /* @__PURE__ */ jsx8("strong", { style: { fontSize: "13px" }, children: "GitHub" }),
+      /* @__PURE__ */ jsx8("span", { style: {
+        display: "inline-block",
+        width: "8px",
+        height: "8px",
+        borderRadius: "50%",
+        background: data ? "#22c55e" : "#6b7280"
+      } })
+    ] }),
+    /* @__PURE__ */ jsxs8("div", { style: { display: "grid", gap: "2px" }, children: [
+      /* @__PURE__ */ jsxs8("div", { children: [
+        "Reposit\xF3rios: ",
+        data?.repoCount ?? 0
       ] }),
-      syncOverview?.recentPullRequests.length ? /* @__PURE__ */ jsxs("div", { children: [
-        /* @__PURE__ */ jsx("div", { style: { fontWeight: 600, marginBottom: 4 }, children: "PRs recentes" }),
-        /* @__PURE__ */ jsx("ul", { style: { margin: 0, paddingLeft: "1.2rem" }, children: syncOverview.recentPullRequests.map((pr) => /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsxs("a", { href: pr.htmlUrl, target: "_blank", rel: "noreferrer", children: [
-          pr.repoFullName,
-          "#",
-          pr.number,
-          " \u2014 ",
-          pr.title
-        ] }) }, `${pr.repoFullName}#${pr.number}`)) })
-      ] }) : null,
-      syncOverview?.recentIssues.length ? /* @__PURE__ */ jsxs("div", { children: [
-        /* @__PURE__ */ jsx("div", { style: { fontWeight: 600, marginBottom: 4 }, children: "Issues recentes" }),
-        /* @__PURE__ */ jsx("ul", { style: { margin: 0, paddingLeft: "1.2rem" }, children: syncOverview.recentIssues.map((issue) => /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsxs("a", { href: issue.htmlUrl, target: "_blank", rel: "noreferrer", children: [
-          issue.repoFullName,
-          "#",
-          issue.number,
-          " \u2014 ",
-          issue.title
-        ] }) }, `${issue.repoFullName}#${issue.number}`)) })
-      ] }) : null
+      /* @__PURE__ */ jsxs8("div", { children: [
+        "PRs abertos: ",
+        data?.openPRCount ?? 0
+      ] }),
+      /* @__PURE__ */ jsxs8("div", { children: [
+        "\xDAltimo sync: ",
+        data?.lastSync ? timeAgo(data.lastSync) : "nunca"
+      ] })
     ] }),
-    actionMessage ? /* @__PURE__ */ jsx("div", { children: actionMessage }) : null,
-    busy ? /* @__PURE__ */ jsxs("div", { children: [
-      "Executando: ",
-      busy,
-      "..."
-    ] }) : null
+    /* @__PURE__ */ jsx8("a", { ...nav.linkProps(PATHS.prs), style: { fontSize: "12px", color: "#3b82f6" }, children: "Ver Pull Requests \u2192" })
   ] });
 }
+
+// src/ui/components/ContextMenu.tsx
+import { useHostContext as useHostContext5, usePluginAction as usePluginAction7 } from "@paperclipai/plugin-sdk/ui";
+import { jsx as jsx9 } from "react/jsx-runtime";
+function GitHubContextMenu() {
+  const context = useHostContext5();
+  const generateGraph = usePluginAction7("generate-graph");
+  const handleGraphify = () => {
+    if (!context.companyId) return;
+    void generateGraph({
+      companyId: context.companyId,
+      level: "high"
+    }).catch(console.error);
+  };
+  return /* @__PURE__ */ jsx9("button", { type: "button", style: buttonStyle, onClick: handleGraphify, children: "Gerar Knowledge Graph" });
+}
 export {
-  DashboardWidget,
+  GitHubContextMenu,
+  GitHubDashboardWidget,
+  GitHubDetailTab,
+  GitHubGraphsPage,
   GitHubPullRequestsPage,
   GitHubReposPage,
   GitHubRouteSidebar,
   GitHubSettingsPage,
-  GitHubSidebarModule
+  GitHubSidebarLink,
+  GitHubSidebarPanel
 };
 //# sourceMappingURL=index.js.map