@gaud_erp/paperclip-github-manager 0.3.0

package/dist/ui/index.js

@@ -0,0 +1,627 @@
+// src/ui/index.tsx
+import { useMemo, useState } from "react";
+import {
+  useHostContext,
+  useHostLocation,
+  useHostNavigation,
+  usePluginAction,
+  usePluginData
+} from "@paperclipai/plugin-sdk/ui";
+
+// src/constants.ts
+var PATHS = {
+  repos: "/github",
+  settings: "/github-settings",
+  pullRequests: "/github-pull-requests",
+  companySecrets: "/company/settings"
+};
+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 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"
+};
+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 NAV_ITEMS = [
+  { path: PATHS.settings, label: "Configura\xE7\xF5es" },
+  { path: PATHS.repos, label: "Reposit\xF3rios" },
+  { path: PATHS.pullRequests, label: "Pull requests" }
+];
+function useGithubCompany() {
+  const { companyId } = useHostContext();
+  const companyParams = useMemo(
+    () => companyId ? { companyId } : void 0,
+    [companyId]
+  );
+  return { companyId, companyParams };
+}
+function isPathActive(pathname, href) {
+  return pathname === href || pathname.startsWith(`${href}/`);
+}
+function GitHubModuleNav() {
+  const nav = useHostNavigation();
+  const { pathname } = useHostLocation();
+  return /* @__PURE__ */ jsx("nav", { style: { display: "flex", flexDirection: "column", gap: "0.125rem" }, children: NAV_ITEMS.map((item) => {
+    const href = nav.resolveHref(item.path);
+    const active = isPathActive(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 })
+      },
+      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("");
+  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;
+    }
+    setBusy(label);
+    setFormMessage(null);
+    try {
+      await fn();
+      setPat("");
+      setFormMessage(`${label} \u2014 OK. Testando conex\xE3o\u2026`);
+      refresh();
+    } catch (err) {
+      setFormMessage(err instanceof Error ? err.message : String(err));
+    } finally {
+      setBusy(null);
+    }
+  }
+  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(
+          "input",
+          {
+            type: "password",
+            autoComplete: "off",
+            value: pat,
+            onChange: (e) => setPat(e.target.value),
+            placeholder: "ghp_\u2026",
+            style: { maxWidth: 480, padding: "0.4rem 0.5rem" }
+          }
+        )
+      ] }),
+      /* @__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__ */ 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(
+          "input",
+          {
+            value: secretRef,
+            onChange: (e) => setSecretRef(e.target.value),
+            placeholder: "00000000-0000-0000-0000-000000000000",
+            style: { maxWidth: 480, padding: "0.4rem 0.5rem", fontFamily: "monospace" }
+          }
+        )
+      ] }),
+      /* @__PURE__ */ jsxs("div", { style: { display: "flex", flexWrap: "wrap", gap: "0.5rem" }, children: [
+        /* @__PURE__ */ jsx(
+          "button",
+          {
+            style: buttonStyle,
+            type: "button",
+            disabled: Boolean(busy) || !companyId || !secretRef.trim(),
+            onClick: () => void runSave(
+              "Salvar Secret ID",
+              () => saveGithubSecretRef({ companyId, secretRef })
+            ),
+            children: "Salvar Secret ID"
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "button",
+          {
+            style: buttonStyle,
+            type: "button",
+            disabled: Boolean(busy) || !companyId,
+            onClick: () => void runSave("Limpar credenciais", () => clearGithubAuth({ companyId })),
+            children: "Limpar"
+          }
+        )
+      ] })
+    ] }),
+    /* @__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}` : ""
+        ] }),
+        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()
+        ] })
+      ] }) : null,
+      /* @__PURE__ */ jsx(
+        "button",
+        {
+          style: buttonStyle,
+          type: "button",
+          disabled: Boolean(busy) || !companyId,
+          onClick: () => refresh(),
+          children: "Testar conex\xE3o"
+        }
+      ),
+      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
+  ] });
+}
+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;
+    }
+    setBusy(label);
+    setActionMessage(null);
+    try {
+      await fn();
+      refreshRepos();
+      refreshWebhook();
+      setActionMessage(`${label} conclu\xEDdo.`);
+    } catch (err) {
+      setActionMessage(err instanceof Error ? err.message : String(err));
+    } finally {
+      setBusy(null);
+    }
+  }
+  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",
+          {
+            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))
+          }
+        )
+      ] }) : 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__ */ 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" })
+      ] }),
+      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"
+        }
+      )
+    ] }),
+    actionMessage ? /* @__PURE__ */ jsx("div", { children: actionMessage }) : null,
+    busy ? /* @__PURE__ */ jsxs("div", { children: [
+      "Executando: ",
+      busy,
+      "..."
+    ] }) : null
+  ] });
+}
+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);
+    try {
+      await fn();
+      refreshSync();
+      setActionMessage(`${label} conclu\xEDdo.`);
+    } catch (err) {
+      setActionMessage(err instanceof Error ? err.message : String(err));
+    } finally {
+      setBusy(null);
+    }
+  }
+  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." })
+    ] }),
+    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"
+          }
+        )
+      ] }),
+      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
+    ] }),
+    actionMessage ? /* @__PURE__ */ jsx("div", { children: actionMessage }) : null,
+    busy ? /* @__PURE__ */ jsxs("div", { children: [
+      "Executando: ",
+      busy,
+      "..."
+    ] }) : null
+  ] });
+}
+export {
+  DashboardWidget,
+  GitHubPullRequestsPage,
+  GitHubReposPage,
+  GitHubRouteSidebar,
+  GitHubSettingsPage,
+  GitHubSidebarModule
+};
+//# sourceMappingURL=index.js.map