@codewithahsan/paperclip-plugin-gsd 0.1.0

package/dist/ui/index.js

@@ -0,0 +1,536 @@
+// src/ui/index.tsx
+import { useState } from "react";
+import {
+  usePluginAction,
+  usePluginData,
+  usePluginToast
+} from "@paperclipai/plugin-sdk/ui";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+var card = {
+  border: "1px solid var(--border-secondary, #374151)",
+  borderRadius: 8,
+  padding: 16,
+  marginBottom: 12,
+  background: "var(--bg-secondary, #1f2937)"
+};
+var badge = (color) => ({
+  display: "inline-block",
+  padding: "2px 8px",
+  borderRadius: 4,
+  fontSize: 12,
+  fontWeight: 600,
+  color: "#fff",
+  background: color
+});
+var progressBar = {
+  height: 8,
+  borderRadius: 4,
+  background: "var(--border-secondary, #374151)",
+  overflow: "hidden",
+  marginTop: 4
+};
+var progressFill = (pct) => ({
+  height: "100%",
+  width: `${pct}%`,
+  background: pct === 100 ? "#22c55e" : "#3b82f6",
+  borderRadius: 4,
+  transition: "width 0.3s ease"
+});
+var muted = {
+  color: "var(--text-tertiary, #9ca3af)",
+  fontSize: 13
+};
+var heading = {
+  fontSize: 15,
+  fontWeight: 600,
+  marginBottom: 8
+};
+var emptyState = {
+  textAlign: "center",
+  padding: 32,
+  color: "var(--text-tertiary, #9ca3af)"
+};
+function phaseStatusColor(phase, isCurrent = false) {
+  const status = phase.computedStatus;
+  if (isCurrent) return "#3b82f6";
+  switch (status) {
+    case "complete":
+      return "#22c55e";
+    case "verifying":
+      return "#22c55e";
+    case "executing":
+      return "#f59e0b";
+    case "planned":
+      return "#8b5cf6";
+    case "researching":
+      return "#6366f1";
+    case "context":
+      return "#6366f1";
+    case "diagnosed":
+      return "#ef4444";
+    case "not-started":
+    default:
+      return "#94a3b8";
+  }
+}
+function phaseStatusLabel(phase, isCurrent = false) {
+  if (isCurrent) {
+    const status = phase.computedStatus;
+    if (status === "researching" || status === "context") return "Researching";
+    if (status === "planned") return "Ready to Execute";
+    if (status === "diagnosed") return "Gaps Found";
+    if (status === "verifying") return "Verifying";
+    if (status === "complete") return "Finishing";
+    return "Executing";
+  }
+  switch (phase.computedStatus) {
+    case "complete":
+      return "Complete";
+    case "verifying":
+      return "Verifying";
+    case "diagnosed":
+      return "Gaps Found";
+    case "executing":
+      return "In Progress";
+    case "planned":
+      return "Planned";
+    case "researching":
+      return "Researched";
+    case "context":
+      return "Context Gathered";
+    case "not-started":
+    default:
+      return "Not Started";
+  }
+}
+function GsdDashboardWidget({ context }) {
+  const { data, loading } = usePluginData("gsd-overview", { companyId: context.companyId });
+  if (loading) return /* @__PURE__ */ jsx("div", { style: muted, children: "Loading GSD status..." });
+  const projects = data?.projects ?? [];
+  if (projects.length === 0) {
+    return /* @__PURE__ */ jsxs("div", { style: emptyState, children: [
+      /* @__PURE__ */ jsx("div", { style: { fontSize: 24, marginBottom: 8 }, children: "No GSD projects" }),
+      /* @__PURE__ */ jsx("div", { children: "GSD state will appear here after agents run with GSD enabled." })
+    ] });
+  }
+  return /* @__PURE__ */ jsxs("div", { children: [
+    /* @__PURE__ */ jsx("div", { style: heading, children: "GSD Progress" }),
+    projects.map((p) => /* @__PURE__ */ jsxs("div", { style: card, children: [
+      /* @__PURE__ */ jsxs("div", { style: { display: "flex", justifyContent: "space-between", marginBottom: 4 }, children: [
+        /* @__PURE__ */ jsx("strong", { children: p.projectName }),
+        p.milestone && /* @__PURE__ */ jsx("span", { style: badge("#6366f1"), children: p.milestone })
+      ] }),
+      /* @__PURE__ */ jsxs("div", { style: muted, children: [
+        p.completedPhases,
+        "/",
+        p.totalPhases,
+        " phases \\u2022 ",
+        p.percent,
+        "%"
+      ] }),
+      /* @__PURE__ */ jsx("div", { style: progressBar, children: /* @__PURE__ */ jsx("div", { style: progressFill(p.percent) }) })
+    ] }, p.projectId))
+  ] });
+}
+function GsdProjectTab({ context }) {
+  const projectId = context.entityId;
+  const { data, loading, refresh } = usePluginData(
+    "gsd-project-detail",
+    { projectId }
+  );
+  const syncProject = usePluginAction("sync-project");
+  const toast = usePluginToast();
+  const handleSync = async () => {
+    await syncProject({ projectId, companyId: context.companyId });
+    refresh();
+    toast({ title: "GSD synced", tone: "success" });
+  };
+  if (loading) return /* @__PURE__ */ jsx("div", { style: muted, children: "Loading GSD state..." });
+  if (!data || data.phases.length === 0) {
+    return /* @__PURE__ */ jsxs("div", { style: emptyState, children: [
+      /* @__PURE__ */ jsx("div", { style: { fontSize: 20, marginBottom: 8 }, children: "No GSD data found" }),
+      /* @__PURE__ */ jsx("div", { style: { marginBottom: 16 }, children: "GSD state will appear here once an agent runs with GSD enabled in this project's workspace." }),
+      /* @__PURE__ */ jsx("button", { onClick: handleSync, style: syncButtonStyle, children: "Sync GSD" })
+    ] });
+  }
+  const state = data.state;
+  return /* @__PURE__ */ jsxs("div", { children: [
+    /* @__PURE__ */ jsxs(
+      "div",
+      {
+        style: {
+          display: "flex",
+          justifyContent: "space-between",
+          alignItems: "center",
+          marginBottom: 16
+        },
+        children: [
+          /* @__PURE__ */ jsxs("div", { children: [
+            /* @__PURE__ */ jsxs("div", { style: heading, children: [
+              "GSD Roadmap",
+              state?.milestone && /* @__PURE__ */ jsx("span", { style: { ...badge("#6366f1"), marginLeft: 8 }, children: state.milestone })
+            ] }),
+            state && /* @__PURE__ */ jsxs("div", { style: muted, children: [
+              "Phase ",
+              state.currentPhase,
+              ": ",
+              state.currentPhaseName,
+              " \\u2022",
+              " ",
+              state.status,
+              " \\u2022 ",
+              state.progress.percent,
+              "% overall"
+            ] })
+          ] }),
+          /* @__PURE__ */ jsx("button", { onClick: handleSync, style: syncButtonStyle, children: "Sync GSD" })
+        ]
+      }
+    ),
+    state && /* @__PURE__ */ jsxs("div", { style: { marginBottom: 16 }, children: [
+      /* @__PURE__ */ jsx("div", { style: progressBar, children: /* @__PURE__ */ jsx("div", { style: progressFill(state.progress.percent) }) }),
+      /* @__PURE__ */ jsxs("div", { style: { ...muted, marginTop: 4 }, children: [
+        state.progress.completedPhases,
+        "/",
+        state.progress.totalPhases,
+        " ",
+        "phases \\u2022 ",
+        state.progress.completedPlans,
+        "/",
+        state.progress.totalPlans,
+        " plans"
+      ] })
+    ] }),
+    data.phases.map((phase) => /* @__PURE__ */ jsx(
+      PhaseCard,
+      {
+        phase,
+        linkedIssueId: data.phaseIssueLinks[phase.number] ?? null,
+        isCurrent: state?.currentPhase === phase.number
+      },
+      phase.number
+    )),
+    data.lastSyncAt && /* @__PURE__ */ jsxs("div", { style: { ...muted, marginTop: 16 }, children: [
+      "Last synced: ",
+      new Date(data.lastSyncAt).toLocaleString()
+    ] })
+  ] });
+}
+function PhaseCard({
+  phase,
+  linkedIssueId,
+  isCurrent
+}) {
+  const total = phase.plans.length;
+  const done = phase.plans.filter((p) => p.status === "complete").length;
+  const pct = total > 0 ? Math.round(done / total * 100) : 0;
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      style: {
+        ...card,
+        borderLeft: isCurrent ? "3px solid #3b82f6" : "1px solid var(--border-secondary, #374151)"
+      },
+      children: [
+        /* @__PURE__ */ jsxs(
+          "div",
+          {
+            style: {
+              display: "flex",
+              justifyContent: "space-between",
+              alignItems: "center"
+            },
+            children: [
+              /* @__PURE__ */ jsxs("div", { children: [
+                /* @__PURE__ */ jsxs("span", { style: { fontWeight: 600 }, children: [
+                  "Phase ",
+                  phase.number,
+                  ":",
+                  " "
+                ] }),
+                /* @__PURE__ */ jsx("span", { children: phase.slug.replace(/-/g, " ") }),
+                isCurrent && /* @__PURE__ */ jsx(
+                  "span",
+                  {
+                    style: { ...badge("#3b82f6"), marginLeft: 8, fontSize: 11 },
+                    children: "CURRENT"
+                  }
+                )
+              ] }),
+              /* @__PURE__ */ jsx("span", { style: badge(phaseStatusColor(phase, isCurrent)), children: phaseStatusLabel(phase, isCurrent) })
+            ]
+          }
+        ),
+        total > 0 && /* @__PURE__ */ jsxs("div", { style: { marginTop: 8 }, children: [
+          /* @__PURE__ */ jsx("div", { style: progressBar, children: /* @__PURE__ */ jsx("div", { style: progressFill(pct) }) }),
+          /* @__PURE__ */ jsxs("div", { style: { ...muted, marginTop: 2 }, children: [
+            done,
+            "/",
+            total,
+            " plans"
+          ] })
+        ] }),
+        /* @__PURE__ */ jsxs("div", { style: { marginTop: 6, display: "flex", gap: 6, flexWrap: "wrap" }, children: [
+          phase.hasContext && /* @__PURE__ */ jsx("span", { style: artifactBadge, children: "Context" }),
+          phase.hasResearch && /* @__PURE__ */ jsx("span", { style: artifactBadge, children: "Research" }),
+          phase.hasVerification && /* @__PURE__ */ jsx("span", { style: {
+            ...artifactBadge,
+            color: phase.verificationStatus === "passed" ? "#22c55e" : phase.verificationStatus === "gaps_found" ? "#ef4444" : "#f59e0b"
+          }, children: phase.verificationStatus === "passed" ? "Verified" : phase.verificationStatus === "gaps_found" ? "Gaps Found" : phase.verificationStatus === "human_needed" ? "Needs Review" : "Verified" }),
+          phase.hasUat && /* @__PURE__ */ jsxs("span", { style: {
+            ...artifactBadge,
+            color: phase.uatStatus === "complete" ? "#22c55e" : phase.uatStatus === "diagnosed" ? "#ef4444" : "#f59e0b"
+          }, children: [
+            "UAT ",
+            phase.uatStatus === "complete" ? "Passed" : phase.uatStatus === "diagnosed" ? "Diagnosed" : "Testing"
+          ] }),
+          phase.hasContinueHere && /* @__PURE__ */ jsx("span", { style: { ...artifactBadge, color: "#f59e0b" }, children: "Paused" })
+        ] }),
+        !linkedIssueId && /* @__PURE__ */ jsx("div", { style: { ...muted, marginTop: 4, fontStyle: "italic" }, children: "Not linked to an issue" })
+      ]
+    }
+  );
+}
+function GsdIssueTab({ context }) {
+  const { data, loading } = usePluginData("gsd-issue-phase", {
+    issueId: context.entityId,
+    projectId: context.projectId ?? context.parentEntityId
+  });
+  if (loading) return /* @__PURE__ */ jsx("div", { style: muted, children: "Loading..." });
+  if (!data || !data.linked) {
+    return /* @__PURE__ */ jsxs("div", { style: emptyState, children: [
+      /* @__PURE__ */ jsx("div", { style: { fontSize: 18, marginBottom: 8 }, children: "No GSD phase linked" }),
+      /* @__PURE__ */ jsx("div", { children: "Link this issue to a GSD phase from the project's GSD tab." })
+    ] });
+  }
+  if (!data.phase) {
+    return /* @__PURE__ */ jsx("div", { style: muted, children: "Linked phase not found in current GSD state." });
+  }
+  const phase = data.phase;
+  const total = phase.plans.length;
+  const done = phase.plans.filter((p) => p.status === "complete").length;
+  const pct = total > 0 ? Math.round(done / total * 100) : 0;
+  return /* @__PURE__ */ jsxs("div", { children: [
+    /* @__PURE__ */ jsxs("div", { style: heading, children: [
+      "Phase ",
+      phase.number,
+      ": ",
+      phase.slug.replace(/-/g, " ")
+    ] }),
+    /* @__PURE__ */ jsxs("div", { style: { marginBottom: 12 }, children: [
+      /* @__PURE__ */ jsx("span", { style: badge(phaseStatusColor(phase)), children: phaseStatusLabel(phase) }),
+      phase.hasVerification && /* @__PURE__ */ jsx("span", { style: { ...badge("#22c55e"), marginLeft: 8 }, children: "Verified" })
+    ] }),
+    total > 0 && /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx("div", { style: progressBar, children: /* @__PURE__ */ jsx("div", { style: progressFill(pct) }) }),
+      /* @__PURE__ */ jsxs("div", { style: { ...muted, marginTop: 4, marginBottom: 12 }, children: [
+        done,
+        "/",
+        total,
+        " plans complete (",
+        pct,
+        "%)"
+      ] }),
+      phase.plans.map((plan) => /* @__PURE__ */ jsxs(
+        "div",
+        {
+          style: {
+            display: "flex",
+            alignItems: "center",
+            gap: 8,
+            padding: "4px 0",
+            borderBottom: "1px solid var(--border-secondary, #f1f5f9)"
+          },
+          children: [
+            /* @__PURE__ */ jsx("span", { style: { fontSize: 14 }, children: plan.status === "complete" ? "\u2705" : "\u2B1C" }),
+            /* @__PURE__ */ jsxs("span", { children: [
+              "Plan ",
+              plan.planNumber,
+              plan.objective && /* @__PURE__ */ jsxs("span", { style: muted, children: [
+                " \\u2014 ",
+                plan.objective.slice(0, 80),
+                plan.objective.length > 80 ? "..." : ""
+              ] })
+            ] }),
+            plan.wave != null && /* @__PURE__ */ jsxs("span", { style: { ...muted, fontSize: 11 }, children: [
+              "wave ",
+              plan.wave
+            ] })
+          ]
+        },
+        `${plan.phaseNumber}-${plan.planNumber}`
+      ))
+    ] })
+  ] });
+}
+function GsdSyncButton({ context }) {
+  const syncProject = usePluginAction("sync-project");
+  const toast = usePluginToast();
+  const handleSync = async () => {
+    await syncProject({
+      projectId: context.entityId,
+      companyId: context.companyId
+    });
+    toast({ title: "GSD synced", tone: "success" });
+  };
+  return /* @__PURE__ */ jsx("button", { onClick: handleSync, style: syncButtonStyle, children: "Sync GSD" });
+}
+function GsdSettingsPage({ context }) {
+  const { data: compatData, loading: compatLoading } = usePluginData("gsd-adapter-compat", { companyId: context.companyId });
+  const { data: configData, loading: configLoading, refresh: refreshConfig } = usePluginData("gsd-config", {});
+  const syncAll = usePluginAction("sync-all");
+  const updateConfig = usePluginAction("update-config");
+  const toast = usePluginToast();
+  const [autoSync, setAutoSync] = useState(null);
+  const [interval, setInterval] = useState("");
+  const [saving, setSaving] = useState(false);
+  const currentAutoSync = autoSync ?? configData?.autoSyncEnabled ?? true;
+  const currentInterval = interval || String(configData?.syncIntervalSeconds ?? 30);
+  const handleSyncAll = async () => {
+    const result = await syncAll({
+      companyId: context.companyId
+    });
+    toast({
+      title: `Synced ${result?.synced ?? 0} workspace(s)`,
+      tone: "success"
+    });
+  };
+  const handleSaveConfig = async () => {
+    const parsedInterval = Math.max(10, Math.min(600, Number(currentInterval) || 30));
+    setSaving(true);
+    try {
+      await updateConfig({
+        autoSyncEnabled: currentAutoSync,
+        syncIntervalSeconds: parsedInterval
+      });
+      refreshConfig();
+      setAutoSync(null);
+      setInterval("");
+      toast({ title: "Settings saved", tone: "success" });
+    } catch {
+      toast({ title: "Failed to save settings", tone: "error" });
+    } finally {
+      setSaving(false);
+    }
+  };
+  const hasChanges = autoSync !== null || interval !== "" && Number(interval) !== configData?.syncIntervalSeconds;
+  return /* @__PURE__ */ jsxs("div", { style: { maxWidth: 640 }, children: [
+    /* @__PURE__ */ jsx("div", { style: heading, children: "GSD Settings" }),
+    /* @__PURE__ */ jsxs("div", { style: { ...card, marginBottom: 24 }, children: [
+      /* @__PURE__ */ jsx("div", { style: { ...heading, marginBottom: 12 }, children: "Auto-Sync" }),
+      configLoading ? /* @__PURE__ */ jsx("div", { style: muted, children: "Loading configuration..." }) : /* @__PURE__ */ jsxs(Fragment, { children: [
+        /* @__PURE__ */ jsx("div", { style: { display: "flex", alignItems: "center", gap: 12, marginBottom: 12 }, children: /* @__PURE__ */ jsxs("label", { style: { display: "flex", alignItems: "center", gap: 8, cursor: "pointer" }, children: [
+          /* @__PURE__ */ jsx(
+            "input",
+            {
+              type: "checkbox",
+              checked: currentAutoSync,
+              onChange: (e) => setAutoSync(e.target.checked),
+              style: { width: 16, height: 16, cursor: "pointer" }
+            }
+          ),
+          /* @__PURE__ */ jsx("span", { children: "Enable periodic sync" })
+        ] }) }),
+        /* @__PURE__ */ jsxs("div", { style: { marginBottom: 12 }, children: [
+          /* @__PURE__ */ jsx("label", { style: { display: "block", marginBottom: 4 }, children: /* @__PURE__ */ jsx("span", { style: muted, children: "Sync interval (seconds, 10\\u2013600)" }) }),
+          /* @__PURE__ */ jsx(
+            "input",
+            {
+              type: "number",
+              min: 10,
+              max: 600,
+              value: currentInterval,
+              onChange: (e) => setInterval(e.target.value),
+              disabled: !currentAutoSync,
+              style: {
+                ...inputStyle,
+                opacity: currentAutoSync ? 1 : 0.5
+              }
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsxs("div", { style: { display: "flex", gap: 8 }, children: [
+          /* @__PURE__ */ jsx(
+            "button",
+            {
+              onClick: handleSaveConfig,
+              disabled: saving || !hasChanges,
+              style: {
+                ...syncButtonStyle,
+                opacity: saving || !hasChanges ? 0.5 : 1
+              },
+              children: saving ? "Saving..." : "Save"
+            }
+          ),
+          /* @__PURE__ */ jsx("button", { onClick: handleSyncAll, style: syncButtonStyle, children: "Sync All Projects" })
+        ] })
+      ] })
+    ] }),
+    /* @__PURE__ */ jsx("div", { style: heading, children: "Agent Compatibility" }),
+    compatLoading && /* @__PURE__ */ jsx("div", { style: muted, children: "Loading..." }),
+    compatData?.agents.map((agent) => /* @__PURE__ */ jsxs("div", { style: card, children: [
+      /* @__PURE__ */ jsxs(
+        "div",
+        {
+          style: {
+            display: "flex",
+            justifyContent: "space-between",
+            alignItems: "center"
+          },
+          children: [
+            /* @__PURE__ */ jsx("strong", { children: agent.agentName }),
+            /* @__PURE__ */ jsx(
+              "span",
+              {
+                style: badge(
+                  agent.compatibility === "supported" ? "#22c55e" : agent.compatibility === "partial" ? "#f59e0b" : "#ef4444"
+                ),
+                children: agent.compatibility
+              }
+            )
+          ]
+        }
+      ),
+      /* @__PURE__ */ jsxs("div", { style: { ...muted, marginTop: 4 }, children: [
+        agent.adapterType,
+        " \u2014 ",
+        agent.message
+      ] })
+    ] }, agent.agentId)),
+    !compatLoading && (!compatData?.agents || compatData.agents.length === 0) && /* @__PURE__ */ jsx("div", { style: muted, children: "No agents found for this company." })
+  ] });
+}
+var artifactBadge = {
+  fontSize: 11,
+  color: "var(--text-tertiary, #9ca3af)",
+  border: "1px solid var(--border-secondary, #374151)",
+  borderRadius: 4,
+  padding: "1px 6px"
+};
+var syncButtonStyle = {
+  padding: "6px 16px",
+  borderRadius: 6,
+  border: "1px solid var(--border-secondary, #374151)",
+  background: "var(--bg-secondary, #1f2937)",
+  color: "var(--text-primary, #e5e7eb)",
+  cursor: "pointer",
+  fontSize: 13,
+  fontWeight: 500
+};
+var inputStyle = {
+  padding: "6px 10px",
+  borderRadius: 6,
+  border: "1px solid var(--border-secondary, #374151)",
+  background: "var(--bg-primary, #111827)",
+  color: "var(--text-primary, #e5e7eb)",
+  fontSize: 13,
+  width: 120
+};
+export {
+  GsdDashboardWidget,
+  GsdIssueTab,
+  GsdProjectTab,
+  GsdSettingsPage,
+  GsdSyncButton
+};
+//# sourceMappingURL=index.js.map

package/dist/ui/index.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/ui/index.tsx"],
+  "sourcesContent": ["import { useState } from \"react\";\nimport {\n  useHostContext,\n  usePluginAction,\n  usePluginData,\n  usePluginToast,\n  type PluginDetailTabProps,\n  type PluginPageProps,\n  type PluginWidgetProps,\n} from \"@paperclipai/plugin-sdk/ui\";\nimport type {\n  GsdPhase,\n  GsdPluginState,\n  GsdProjectSummary,\n} from \"../gsd-types.js\";\n\n// --- Styles ---\n\nconst card: React.CSSProperties = {\n  border: \"1px solid var(--border-secondary, #374151)\",\n  borderRadius: 8,\n  padding: 16,\n  marginBottom: 12,\n  background: \"var(--bg-secondary, #1f2937)\",\n};\n\nconst badge = (\n  color: string,\n): React.CSSProperties => ({\n  display: \"inline-block\",\n  padding: \"2px 8px\",\n  borderRadius: 4,\n  fontSize: 12,\n  fontWeight: 600,\n  color: \"#fff\",\n  background: color,\n});\n\nconst progressBar: React.CSSProperties = {\n  height: 8,\n  borderRadius: 4,\n  background: \"var(--border-secondary, #374151)\",\n  overflow: \"hidden\",\n  marginTop: 4,\n};\n\nconst progressFill = (pct: number): React.CSSProperties => ({\n  height: \"100%\",\n  width: `${pct}%`,\n  background: pct === 100 ? \"#22c55e\" : \"#3b82f6\",\n  borderRadius: 4,\n  transition: \"width 0.3s ease\",\n});\n\nconst muted: React.CSSProperties = {\n  color: \"var(--text-tertiary, #9ca3af)\",\n  fontSize: 13,\n};\n\nconst heading: React.CSSProperties = {\n  fontSize: 15,\n  fontWeight: 600,\n  marginBottom: 8,\n};\n\nconst emptyState: React.CSSProperties = {\n  textAlign: \"center\" as const,\n  padding: 32,\n  color: \"var(--text-tertiary, #9ca3af)\",\n};\n\n// --- Status helpers ---\n\nfunction phaseStatusColor(phase: GsdPhase, isCurrent = false): string {\n  const status = phase.computedStatus;\n  if (isCurrent) return \"#3b82f6\";\n  switch (status) {\n    case \"complete\": return \"#22c55e\";\n    case \"verifying\": return \"#22c55e\";\n    case \"executing\": return \"#f59e0b\";\n    case \"planned\": return \"#8b5cf6\";\n    case \"researching\": return \"#6366f1\";\n    case \"context\": return \"#6366f1\";\n    case \"diagnosed\": return \"#ef4444\";\n    case \"not-started\":\n    default: return \"#94a3b8\";\n  }\n}\n\nfunction phaseStatusLabel(phase: GsdPhase, isCurrent = false): string {\n  // Current phase in STATE.md means GSD is actively working on it \u2014\n  // even if all SUMMARY.md exist, verification/UAT may still be running\n  if (isCurrent) {\n    const status = phase.computedStatus;\n    if (status === \"researching\" || status === \"context\") return \"Researching\";\n    if (status === \"planned\") return \"Ready to Execute\";\n    if (status === \"diagnosed\") return \"Gaps Found\";\n    if (status === \"verifying\") return \"Verifying\";\n    // All plans done but still current phase \u2192 verification/UAT in progress\n    if (status === \"complete\") return \"Finishing\";\n    return \"Executing\";\n  }\n  switch (phase.computedStatus) {\n    case \"complete\": return \"Complete\";\n    case \"verifying\": return \"Verifying\";\n    case \"diagnosed\": return \"Gaps Found\";\n    case \"executing\": return \"In Progress\";\n    case \"planned\": return \"Planned\";\n    case \"researching\": return \"Researched\";\n    case \"context\": return \"Context Gathered\";\n    case \"not-started\":\n    default: return \"Not Started\";\n  }\n}\n\n// --- Dashboard Widget ---\n\nexport function GsdDashboardWidget({ context }: PluginWidgetProps) {\n  const { data, loading } = usePluginData<{\n    projects: GsdProjectSummary[];\n  }>(\"gsd-overview\", { companyId: context.companyId });\n\n  if (loading) return <div style={muted}>Loading GSD status...</div>;\n\n  const projects = data?.projects ?? [];\n\n  if (projects.length === 0) {\n    return (\n      <div style={emptyState}>\n        <div style={{ fontSize: 24, marginBottom: 8 }}>No GSD projects</div>\n        <div>GSD state will appear here after agents run with GSD enabled.</div>\n      </div>\n    );\n  }\n\n  return (\n    <div>\n      <div style={heading}>GSD Progress</div>\n      {projects.map((p) => (\n        <div key={p.projectId} style={card}>\n          <div style={{ display: \"flex\", justifyContent: \"space-between\", marginBottom: 4 }}>\n            <strong>{p.projectName}</strong>\n            {p.milestone && (\n              <span style={badge(\"#6366f1\")}>{p.milestone}</span>\n            )}\n          </div>\n          <div style={muted}>\n            {p.completedPhases}/{p.totalPhases} phases \\u2022 {p.percent}%\n          </div>\n          <div style={progressBar}>\n            <div style={progressFill(p.percent)} />\n          </div>\n        </div>\n      ))}\n    </div>\n  );\n}\n\n// --- Project Detail Tab ---\n\nexport function GsdProjectTab({ context }: PluginDetailTabProps) {\n  const projectId = context.entityId;\n  const { data, loading, refresh } = usePluginData<GsdPluginState | null>(\n    \"gsd-project-detail\",\n    { projectId },\n  );\n  const syncProject = usePluginAction(\"sync-project\");\n  const toast = usePluginToast();\n\n  const handleSync = async () => {\n    await syncProject({ projectId, companyId: context.companyId });\n    refresh();\n    toast({ title: \"GSD synced\", tone: \"success\" });\n  };\n\n  if (loading) return <div style={muted}>Loading GSD state...</div>;\n\n  if (!data || data.phases.length === 0) {\n    return (\n      <div style={emptyState}>\n        <div style={{ fontSize: 20, marginBottom: 8 }}>\n          No GSD data found\n        </div>\n        <div style={{ marginBottom: 16 }}>\n          GSD state will appear here once an agent runs with GSD enabled in\n          this project's workspace.\n        </div>\n        <button onClick={handleSync} style={syncButtonStyle}>\n          Sync GSD\n        </button>\n      </div>\n    );\n  }\n\n  const state = data.state;\n\n  return (\n    <div>\n      {/* Header */}\n      <div\n        style={{\n          display: \"flex\",\n          justifyContent: \"space-between\",\n          alignItems: \"center\",\n          marginBottom: 16,\n        }}\n      >\n        <div>\n          <div style={heading}>\n            GSD Roadmap\n            {state?.milestone && (\n              <span style={{ ...badge(\"#6366f1\"), marginLeft: 8 }}>\n                {state.milestone}\n              </span>\n            )}\n          </div>\n          {state && (\n            <div style={muted}>\n              Phase {state.currentPhase}: {state.currentPhaseName} \\u2022{\" \"}\n              {state.status} \\u2022 {state.progress.percent}% overall\n            </div>\n          )}\n        </div>\n        <button onClick={handleSync} style={syncButtonStyle}>\n          Sync GSD\n        </button>\n      </div>\n\n      {/* Overall progress */}\n      {state && (\n        <div style={{ marginBottom: 16 }}>\n          <div style={progressBar}>\n            <div style={progressFill(state.progress.percent)} />\n          </div>\n          <div style={{ ...muted, marginTop: 4 }}>\n            {state.progress.completedPhases}/{state.progress.totalPhases}{\" \"}\n            phases \\u2022 {state.progress.completedPlans}/\n            {state.progress.totalPlans} plans\n          </div>\n        </div>\n      )}\n\n      {/* Phase list */}\n      {data.phases.map((phase) => (\n        <PhaseCard\n          key={phase.number}\n          phase={phase}\n          linkedIssueId={data.phaseIssueLinks[phase.number] ?? null}\n          isCurrent={state?.currentPhase === phase.number}\n        />\n      ))}\n\n      {/* Last sync */}\n      {data.lastSyncAt && (\n        <div style={{ ...muted, marginTop: 16 }}>\n          Last synced: {new Date(data.lastSyncAt).toLocaleString()}\n        </div>\n      )}\n    </div>\n  );\n}\n\nfunction PhaseCard({\n  phase,\n  linkedIssueId,\n  isCurrent,\n}: {\n  phase: GsdPhase;\n  linkedIssueId: string | null;\n  isCurrent: boolean;\n}) {\n  const total = phase.plans.length;\n  const done = phase.plans.filter((p) => p.status === \"complete\").length;\n  const pct = total > 0 ? Math.round((done / total) * 100) : 0;\n\n  return (\n    <div\n      style={{\n        ...card,\n        borderLeft: isCurrent\n          ? \"3px solid #3b82f6\"\n          : \"1px solid var(--border-secondary, #374151)\",\n      }}\n    >\n      <div\n        style={{\n          display: \"flex\",\n          justifyContent: \"space-between\",\n          alignItems: \"center\",\n        }}\n      >\n        <div>\n          <span style={{ fontWeight: 600 }}>\n            Phase {phase.number}:{\" \"}\n          </span>\n          <span>{phase.slug.replace(/-/g, \" \")}</span>\n          {isCurrent && (\n            <span\n              style={{ ...badge(\"#3b82f6\"), marginLeft: 8, fontSize: 11 }}\n            >\n              CURRENT\n            </span>\n          )}\n        </div>\n        <span style={badge(phaseStatusColor(phase, isCurrent))}>\n          {phaseStatusLabel(phase, isCurrent)}\n        </span>\n      </div>\n\n      {total > 0 && (\n        <div style={{ marginTop: 8 }}>\n          <div style={progressBar}>\n            <div style={progressFill(pct)} />\n          </div>\n          <div style={{ ...muted, marginTop: 2 }}>\n            {done}/{total} plans\n          </div>\n        </div>\n      )}\n\n      {/* Phase artifacts */}\n      <div style={{ marginTop: 6, display: \"flex\", gap: 6, flexWrap: \"wrap\" }}>\n        {phase.hasContext && (\n          <span style={artifactBadge}>Context</span>\n        )}\n        {phase.hasResearch && (\n          <span style={artifactBadge}>Research</span>\n        )}\n        {phase.hasVerification && (\n          <span style={{\n            ...artifactBadge,\n            color: phase.verificationStatus === \"passed\" ? \"#22c55e\"\n              : phase.verificationStatus === \"gaps_found\" ? \"#ef4444\"\n              : \"#f59e0b\",\n          }}>\n            {phase.verificationStatus === \"passed\" ? \"Verified\"\n              : phase.verificationStatus === \"gaps_found\" ? \"Gaps Found\"\n              : phase.verificationStatus === \"human_needed\" ? \"Needs Review\"\n              : \"Verified\"}\n          </span>\n        )}\n        {phase.hasUat && (\n          <span style={{\n            ...artifactBadge,\n            color: phase.uatStatus === \"complete\" ? \"#22c55e\"\n              : phase.uatStatus === \"diagnosed\" ? \"#ef4444\"\n              : \"#f59e0b\",\n          }}>\n            UAT {phase.uatStatus === \"complete\" ? \"Passed\"\n              : phase.uatStatus === \"diagnosed\" ? \"Diagnosed\"\n              : \"Testing\"}\n          </span>\n        )}\n        {phase.hasContinueHere && (\n          <span style={{ ...artifactBadge, color: \"#f59e0b\" }}>Paused</span>\n        )}\n      </div>\n\n      {!linkedIssueId && (\n        <div style={{ ...muted, marginTop: 4, fontStyle: \"italic\" }}>\n          Not linked to an issue\n        </div>\n      )}\n    </div>\n  );\n}\n\n// --- Issue Detail Tab ---\n\nexport function GsdIssueTab({ context }: PluginDetailTabProps) {\n  const { data, loading } = usePluginData<{\n    linked: boolean;\n    phase: GsdPhase | null;\n    state: { currentPhase: string; status: string } | null;\n  } | null>(\"gsd-issue-phase\", {\n    issueId: context.entityId,\n    projectId: context.projectId ?? context.parentEntityId,\n  });\n\n  if (loading) return <div style={muted}>Loading...</div>;\n  if (!data || !data.linked) {\n    return (\n      <div style={emptyState}>\n        <div style={{ fontSize: 18, marginBottom: 8 }}>\n          No GSD phase linked\n        </div>\n        <div>\n          Link this issue to a GSD phase from the project's GSD tab.\n        </div>\n      </div>\n    );\n  }\n\n  if (!data.phase) {\n    return <div style={muted}>Linked phase not found in current GSD state.</div>;\n  }\n\n  const phase = data.phase;\n  const total = phase.plans.length;\n  const done = phase.plans.filter((p) => p.status === \"complete\").length;\n  const pct = total > 0 ? Math.round((done / total) * 100) : 0;\n\n  return (\n    <div>\n      <div style={heading}>\n        Phase {phase.number}: {phase.slug.replace(/-/g, \" \")}\n      </div>\n      <div style={{ marginBottom: 12 }}>\n        <span style={badge(phaseStatusColor(phase))}>\n          {phaseStatusLabel(phase)}\n        </span>\n        {phase.hasVerification && (\n          <span style={{ ...badge(\"#22c55e\"), marginLeft: 8 }}>\n            Verified\n          </span>\n        )}\n      </div>\n\n      {total > 0 && (\n        <>\n          <div style={progressBar}>\n            <div style={progressFill(pct)} />\n          </div>\n          <div style={{ ...muted, marginTop: 4, marginBottom: 12 }}>\n            {done}/{total} plans complete ({pct}%)\n          </div>\n\n          {/* Plan list */}\n          {phase.plans.map((plan) => (\n            <div\n              key={`${plan.phaseNumber}-${plan.planNumber}`}\n              style={{\n                display: \"flex\",\n                alignItems: \"center\",\n                gap: 8,\n                padding: \"4px 0\",\n                borderBottom:\n                  \"1px solid var(--border-secondary, #f1f5f9)\",\n              }}\n            >\n              <span style={{ fontSize: 14 }}>\n                {plan.status === \"complete\" ? \"\\u2705\" : \"\\u2B1C\"}\n              </span>\n              <span>\n                Plan {plan.planNumber}\n                {plan.objective && (\n                  <span style={muted}> \\u2014 {plan.objective.slice(0, 80)}{plan.objective.length > 80 ? \"...\" : \"\"}</span>\n                )}\n              </span>\n              {plan.wave != null && (\n                <span style={{ ...muted, fontSize: 11 }}>\n                  wave {plan.wave}\n                </span>\n              )}\n            </div>\n          ))}\n        </>\n      )}\n    </div>\n  );\n}\n\n// --- Sync Toolbar Button ---\n\nexport function GsdSyncButton({ context }: PluginDetailTabProps) {\n  const syncProject = usePluginAction(\"sync-project\");\n  const toast = usePluginToast();\n\n  const handleSync = async () => {\n    await syncProject({\n      projectId: context.entityId,\n      companyId: context.companyId,\n    });\n    toast({ title: \"GSD synced\", tone: \"success\" });\n  };\n\n  return (\n    <button onClick={handleSync} style={syncButtonStyle}>\n      Sync GSD\n    </button>\n  );\n}\n\n// --- Settings Page ---\n\nexport function GsdSettingsPage({ context }: PluginPageProps) {\n  const { data: compatData, loading: compatLoading } = usePluginData<{\n    agents: Array<{\n      agentId: string;\n      agentName: string;\n      adapterType: string;\n      compatibility: string;\n      message: string;\n    }>;\n  }>(\"gsd-adapter-compat\", { companyId: context.companyId });\n  const { data: configData, loading: configLoading, refresh: refreshConfig } = usePluginData<{\n    autoSyncEnabled: boolean;\n    syncIntervalSeconds: number;\n  }>(\"gsd-config\", {});\n  const syncAll = usePluginAction(\"sync-all\");\n  const updateConfig = usePluginAction(\"update-config\");\n  const toast = usePluginToast();\n\n  const [autoSync, setAutoSync] = useState<boolean | null>(null);\n  const [interval, setInterval] = useState<string>(\"\");\n  const [saving, setSaving] = useState(false);\n\n  // Use local state if set, otherwise fall back to server data\n  const currentAutoSync = autoSync ?? configData?.autoSyncEnabled ?? true;\n  const currentInterval = interval || String(configData?.syncIntervalSeconds ?? 30);\n\n  const handleSyncAll = async () => {\n    const result = (await syncAll({\n      companyId: context.companyId,\n    })) as { ok: boolean; synced: number } | undefined;\n    toast({\n      title: `Synced ${result?.synced ?? 0} workspace(s)`,\n      tone: \"success\",\n    });\n  };\n\n  const handleSaveConfig = async () => {\n    const parsedInterval = Math.max(10, Math.min(600, Number(currentInterval) || 30));\n    setSaving(true);\n    try {\n      await updateConfig({\n        autoSyncEnabled: currentAutoSync,\n        syncIntervalSeconds: parsedInterval,\n      });\n      refreshConfig();\n      setAutoSync(null);\n      setInterval(\"\");\n      toast({ title: \"Settings saved\", tone: \"success\" });\n    } catch {\n      toast({ title: \"Failed to save settings\", tone: \"error\" });\n    } finally {\n      setSaving(false);\n    }\n  };\n\n  const hasChanges =\n    autoSync !== null ||\n    (interval !== \"\" && Number(interval) !== configData?.syncIntervalSeconds);\n\n  return (\n    <div style={{ maxWidth: 640 }}>\n      <div style={heading}>GSD Settings</div>\n\n      {/* Auto-sync configuration */}\n      <div style={{ ...card, marginBottom: 24 }}>\n        <div style={{ ...heading, marginBottom: 12 }}>Auto-Sync</div>\n\n        {configLoading ? (\n          <div style={muted}>Loading configuration...</div>\n        ) : (\n          <>\n            <div style={{ display: \"flex\", alignItems: \"center\", gap: 12, marginBottom: 12 }}>\n              <label style={{ display: \"flex\", alignItems: \"center\", gap: 8, cursor: \"pointer\" }}>\n                <input\n                  type=\"checkbox\"\n                  checked={currentAutoSync}\n                  onChange={(e) => setAutoSync(e.target.checked)}\n                  style={{ width: 16, height: 16, cursor: \"pointer\" }}\n                />\n                <span>Enable periodic sync</span>\n              </label>\n            </div>\n\n            <div style={{ marginBottom: 12 }}>\n              <label style={{ display: \"block\", marginBottom: 4 }}>\n                <span style={muted}>Sync interval (seconds, 10\\u2013600)</span>\n              </label>\n              <input\n                type=\"number\"\n                min={10}\n                max={600}\n                value={currentInterval}\n                onChange={(e) => setInterval(e.target.value)}\n                disabled={!currentAutoSync}\n                style={{\n                  ...inputStyle,\n                  opacity: currentAutoSync ? 1 : 0.5,\n                }}\n              />\n            </div>\n\n            <div style={{ display: \"flex\", gap: 8 }}>\n              <button\n                onClick={handleSaveConfig}\n                disabled={saving || !hasChanges}\n                style={{\n                  ...syncButtonStyle,\n                  opacity: saving || !hasChanges ? 0.5 : 1,\n                }}\n              >\n                {saving ? \"Saving...\" : \"Save\"}\n              </button>\n              <button onClick={handleSyncAll} style={syncButtonStyle}>\n                Sync All Projects\n              </button>\n            </div>\n          </>\n        )}\n      </div>\n\n      {/* Agent compatibility */}\n      <div style={heading}>Agent Compatibility</div>\n      {compatLoading && <div style={muted}>Loading...</div>}\n\n      {compatData?.agents.map((agent) => (\n        <div key={agent.agentId} style={card}>\n          <div\n            style={{\n              display: \"flex\",\n              justifyContent: \"space-between\",\n              alignItems: \"center\",\n            }}\n          >\n            <strong>{agent.agentName}</strong>\n            <span\n              style={badge(\n                agent.compatibility === \"supported\"\n                  ? \"#22c55e\"\n                  : agent.compatibility === \"partial\"\n                    ? \"#f59e0b\"\n                    : \"#ef4444\",\n              )}\n            >\n              {agent.compatibility}\n            </span>\n          </div>\n          <div style={{ ...muted, marginTop: 4 }}>\n            {agent.adapterType} \u2014 {agent.message}\n          </div>\n        </div>\n      ))}\n\n      {!compatLoading && (!compatData?.agents || compatData.agents.length === 0) && (\n        <div style={muted}>No agents found for this company.</div>\n      )}\n    </div>\n  );\n}\n\n// --- Shared styles ---\n\nconst artifactBadge: React.CSSProperties = {\n  fontSize: 11,\n  color: \"var(--text-tertiary, #9ca3af)\",\n  border: \"1px solid var(--border-secondary, #374151)\",\n  borderRadius: 4,\n  padding: \"1px 6px\",\n};\n\nconst syncButtonStyle: React.CSSProperties = {\n  padding: \"6px 16px\",\n  borderRadius: 6,\n  border: \"1px solid var(--border-secondary, #374151)\",\n  background: \"var(--bg-secondary, #1f2937)\",\n  color: \"var(--text-primary, #e5e7eb)\",\n  cursor: \"pointer\",\n  fontSize: 13,\n  fontWeight: 500,\n};\n\nconst inputStyle: React.CSSProperties = {\n  padding: \"6px 10px\",\n  borderRadius: 6,\n  border: \"1px solid var(--border-secondary, #374151)\",\n  background: \"var(--bg-primary, #111827)\",\n  color: \"var(--text-primary, #e5e7eb)\",\n  fontSize: 13,\n  width: 120,\n};\n"],
+  "mappings": ";AAAA,SAAS,gBAAgB;AACzB;AAAA,EAEE;AAAA,EACA;AAAA,EACA;AAAA,OAIK;AAiHe,SAySd,UAzSc,KAMhB,YANgB;AAxGtB,IAAM,OAA4B;AAAA,EAChC,QAAQ;AAAA,EACR,cAAc;AAAA,EACd,SAAS;AAAA,EACT,cAAc;AAAA,EACd,YAAY;AACd;AAEA,IAAM,QAAQ,CACZ,WACyB;AAAA,EACzB,SAAS;AAAA,EACT,SAAS;AAAA,EACT,cAAc;AAAA,EACd,UAAU;AAAA,EACV,YAAY;AAAA,EACZ,OAAO;AAAA,EACP,YAAY;AACd;AAEA,IAAM,cAAmC;AAAA,EACvC,QAAQ;AAAA,EACR,cAAc;AAAA,EACd,YAAY;AAAA,EACZ,UAAU;AAAA,EACV,WAAW;AACb;AAEA,IAAM,eAAe,CAAC,SAAsC;AAAA,EAC1D,QAAQ;AAAA,EACR,OAAO,GAAG,GAAG;AAAA,EACb,YAAY,QAAQ,MAAM,YAAY;AAAA,EACtC,cAAc;AAAA,EACd,YAAY;AACd;AAEA,IAAM,QAA6B;AAAA,EACjC,OAAO;AAAA,EACP,UAAU;AACZ;AAEA,IAAM,UAA+B;AAAA,EACnC,UAAU;AAAA,EACV,YAAY;AAAA,EACZ,cAAc;AAChB;AAEA,IAAM,aAAkC;AAAA,EACtC,WAAW;AAAA,EACX,SAAS;AAAA,EACT,OAAO;AACT;AAIA,SAAS,iBAAiB,OAAiB,YAAY,OAAe;AACpE,QAAM,SAAS,MAAM;AACrB,MAAI,UAAW,QAAO;AACtB,UAAQ,QAAQ;AAAA,IACd,KAAK;AAAY,aAAO;AAAA,IACxB,KAAK;AAAa,aAAO;AAAA,IACzB,KAAK;AAAa,aAAO;AAAA,IACzB,KAAK;AAAW,aAAO;AAAA,IACvB,KAAK;AAAe,aAAO;AAAA,IAC3B,KAAK;AAAW,aAAO;AAAA,IACvB,KAAK;AAAa,aAAO;AAAA,IACzB,KAAK;AAAA,IACL;AAAS,aAAO;AAAA,EAClB;AACF;AAEA,SAAS,iBAAiB,OAAiB,YAAY,OAAe;AAGpE,MAAI,WAAW;AACb,UAAM,SAAS,MAAM;AACrB,QAAI,WAAW,iBAAiB,WAAW,UAAW,QAAO;AAC7D,QAAI,WAAW,UAAW,QAAO;AACjC,QAAI,WAAW,YAAa,QAAO;AACnC,QAAI,WAAW,YAAa,QAAO;AAEnC,QAAI,WAAW,WAAY,QAAO;AAClC,WAAO;AAAA,EACT;AACA,UAAQ,MAAM,gBAAgB;AAAA,IAC5B,KAAK;AAAY,aAAO;AAAA,IACxB,KAAK;AAAa,aAAO;AAAA,IACzB,KAAK;AAAa,aAAO;AAAA,IACzB,KAAK;AAAa,aAAO;AAAA,IACzB,KAAK;AAAW,aAAO;AAAA,IACvB,KAAK;AAAe,aAAO;AAAA,IAC3B,KAAK;AAAW,aAAO;AAAA,IACvB,KAAK;AAAA,IACL;AAAS,aAAO;AAAA,EAClB;AACF;AAIO,SAAS,mBAAmB,EAAE,QAAQ,GAAsB;AACjE,QAAM,EAAE,MAAM,QAAQ,IAAI,cAEvB,gBAAgB,EAAE,WAAW,QAAQ,UAAU,CAAC;AAEnD,MAAI,QAAS,QAAO,oBAAC,SAAI,OAAO,OAAO,mCAAqB;AAE5D,QAAM,WAAW,MAAM,YAAY,CAAC;AAEpC,MAAI,SAAS,WAAW,GAAG;AACzB,WACE,qBAAC,SAAI,OAAO,YACV;AAAA,0BAAC,SAAI,OAAO,EAAE,UAAU,IAAI,cAAc,EAAE,GAAG,6BAAe;AAAA,MAC9D,oBAAC,SAAI,2EAA6D;AAAA,OACpE;AAAA,EAEJ;AAEA,SACE,qBAAC,SACC;AAAA,wBAAC,SAAI,OAAO,SAAS,0BAAY;AAAA,IAChC,SAAS,IAAI,CAAC,MACb,qBAAC,SAAsB,OAAO,MAC5B;AAAA,2BAAC,SAAI,OAAO,EAAE,SAAS,QAAQ,gBAAgB,iBAAiB,cAAc,EAAE,GAC9E;AAAA,4BAAC,YAAQ,YAAE,aAAY;AAAA,QACtB,EAAE,aACD,oBAAC,UAAK,OAAO,MAAM,SAAS,GAAI,YAAE,WAAU;AAAA,SAEhD;AAAA,MACA,qBAAC,SAAI,OAAO,OACT;AAAA,UAAE;AAAA,QAAgB;AAAA,QAAE,EAAE;AAAA,QAAY;AAAA,QAAgB,EAAE;AAAA,QAAQ;AAAA,SAC/D;AAAA,MACA,oBAAC,SAAI,OAAO,aACV,8BAAC,SAAI,OAAO,aAAa,EAAE,OAAO,GAAG,GACvC;AAAA,SAZQ,EAAE,SAaZ,CACD;AAAA,KACH;AAEJ;AAIO,SAAS,cAAc,EAAE,QAAQ,GAAyB;AAC/D,QAAM,YAAY,QAAQ;AAC1B,QAAM,EAAE,MAAM,SAAS,QAAQ,IAAI;AAAA,IACjC;AAAA,IACA,EAAE,UAAU;AAAA,EACd;AACA,QAAM,cAAc,gBAAgB,cAAc;AAClD,QAAM,QAAQ,eAAe;AAE7B,QAAM,aAAa,YAAY;AAC7B,UAAM,YAAY,EAAE,WAAW,WAAW,QAAQ,UAAU,CAAC;AAC7D,YAAQ;AACR,UAAM,EAAE,OAAO,cAAc,MAAM,UAAU,CAAC;AAAA,EAChD;AAEA,MAAI,QAAS,QAAO,oBAAC,SAAI,OAAO,OAAO,kCAAoB;AAE3D,MAAI,CAAC,QAAQ,KAAK,OAAO,WAAW,GAAG;AACrC,WACE,qBAAC,SAAI,OAAO,YACV;AAAA,0BAAC,SAAI,OAAO,EAAE,UAAU,IAAI,cAAc,EAAE,GAAG,+BAE/C;AAAA,MACA,oBAAC,SAAI,OAAO,EAAE,cAAc,GAAG,GAAG,yGAGlC;AAAA,MACA,oBAAC,YAAO,SAAS,YAAY,OAAO,iBAAiB,sBAErD;AAAA,OACF;AAAA,EAEJ;AAEA,QAAM,QAAQ,KAAK;AAEnB,SACE,qBAAC,SAEC;AAAA;AAAA,MAAC;AAAA;AAAA,QACC,OAAO;AAAA,UACL,SAAS;AAAA,UACT,gBAAgB;AAAA,UAChB,YAAY;AAAA,UACZ,cAAc;AAAA,QAChB;AAAA,QAEA;AAAA,+BAAC,SACC;AAAA,iCAAC,SAAI,OAAO,SAAS;AAAA;AAAA,cAElB,OAAO,aACN,oBAAC,UAAK,OAAO,EAAE,GAAG,MAAM,SAAS,GAAG,YAAY,EAAE,GAC/C,gBAAM,WACT;AAAA,eAEJ;AAAA,YACC,SACC,qBAAC,SAAI,OAAO,OAAO;AAAA;AAAA,cACV,MAAM;AAAA,cAAa;AAAA,cAAG,MAAM;AAAA,cAAiB;AAAA,cAAQ;AAAA,cAC3D,MAAM;AAAA,cAAO;AAAA,cAAS,MAAM,SAAS;AAAA,cAAQ;AAAA,eAChD;AAAA,aAEJ;AAAA,UACA,oBAAC,YAAO,SAAS,YAAY,OAAO,iBAAiB,sBAErD;AAAA;AAAA;AAAA,IACF;AAAA,IAGC,SACC,qBAAC,SAAI,OAAO,EAAE,cAAc,GAAG,GAC7B;AAAA,0BAAC,SAAI,OAAO,aACV,8BAAC,SAAI,OAAO,aAAa,MAAM,SAAS,OAAO,GAAG,GACpD;AAAA,MACA,qBAAC,SAAI,OAAO,EAAE,GAAG,OAAO,WAAW,EAAE,GAClC;AAAA,cAAM,SAAS;AAAA,QAAgB;AAAA,QAAE,MAAM,SAAS;AAAA,QAAa;AAAA,QAAI;AAAA,QACnD,MAAM,SAAS;AAAA,QAAe;AAAA,QAC5C,MAAM,SAAS;AAAA,QAAW;AAAA,SAC7B;AAAA,OACF;AAAA,IAID,KAAK,OAAO,IAAI,CAAC,UAChB;AAAA,MAAC;AAAA;AAAA,QAEC;AAAA,QACA,eAAe,KAAK,gBAAgB,MAAM,MAAM,KAAK;AAAA,QACrD,WAAW,OAAO,iBAAiB,MAAM;AAAA;AAAA,MAHpC,MAAM;AAAA,IAIb,CACD;AAAA,IAGA,KAAK,cACJ,qBAAC,SAAI,OAAO,EAAE,GAAG,OAAO,WAAW,GAAG,GAAG;AAAA;AAAA,MACzB,IAAI,KAAK,KAAK,UAAU,EAAE,eAAe;AAAA,OACzD;AAAA,KAEJ;AAEJ;AAEA,SAAS,UAAU;AAAA,EACjB;AAAA,EACA;AAAA,EACA;AACF,GAIG;AACD,QAAM,QAAQ,MAAM,MAAM;AAC1B,QAAM,OAAO,MAAM,MAAM,OAAO,CAAC,MAAM,EAAE,WAAW,UAAU,EAAE;AAChE,QAAM,MAAM,QAAQ,IAAI,KAAK,MAAO,OAAO,QAAS,GAAG,IAAI;AAE3D,SACE;AAAA,IAAC;AAAA;AAAA,MACC,OAAO;AAAA,QACL,GAAG;AAAA,QACH,YAAY,YACR,sBACA;AAAA,MACN;AAAA,MAEA;AAAA;AAAA,UAAC;AAAA;AAAA,YACC,OAAO;AAAA,cACL,SAAS;AAAA,cACT,gBAAgB;AAAA,cAChB,YAAY;AAAA,YACd;AAAA,YAEA;AAAA,mCAAC,SACC;AAAA,qCAAC,UAAK,OAAO,EAAE,YAAY,IAAI,GAAG;AAAA;AAAA,kBACzB,MAAM;AAAA,kBAAO;AAAA,kBAAE;AAAA,mBACxB;AAAA,gBACA,oBAAC,UAAM,gBAAM,KAAK,QAAQ,MAAM,GAAG,GAAE;AAAA,gBACpC,aACC;AAAA,kBAAC;AAAA;AAAA,oBACC,OAAO,EAAE,GAAG,MAAM,SAAS,GAAG,YAAY,GAAG,UAAU,GAAG;AAAA,oBAC3D;AAAA;AAAA,gBAED;AAAA,iBAEJ;AAAA,cACA,oBAAC,UAAK,OAAO,MAAM,iBAAiB,OAAO,SAAS,CAAC,GAClD,2BAAiB,OAAO,SAAS,GACpC;AAAA;AAAA;AAAA,QACF;AAAA,QAEC,QAAQ,KACP,qBAAC,SAAI,OAAO,EAAE,WAAW,EAAE,GACzB;AAAA,8BAAC,SAAI,OAAO,aACV,8BAAC,SAAI,OAAO,aAAa,GAAG,GAAG,GACjC;AAAA,UACA,qBAAC,SAAI,OAAO,EAAE,GAAG,OAAO,WAAW,EAAE,GAClC;AAAA;AAAA,YAAK;AAAA,YAAE;AAAA,YAAM;AAAA,aAChB;AAAA,WACF;AAAA,QAIF,qBAAC,SAAI,OAAO,EAAE,WAAW,GAAG,SAAS,QAAQ,KAAK,GAAG,UAAU,OAAO,GACnE;AAAA,gBAAM,cACL,oBAAC,UAAK,OAAO,eAAe,qBAAO;AAAA,UAEpC,MAAM,eACL,oBAAC,UAAK,OAAO,eAAe,sBAAQ;AAAA,UAErC,MAAM,mBACL,oBAAC,UAAK,OAAO;AAAA,YACX,GAAG;AAAA,YACH,OAAO,MAAM,uBAAuB,WAAW,YAC3C,MAAM,uBAAuB,eAAe,YAC5C;AAAA,UACN,GACG,gBAAM,uBAAuB,WAAW,aACrC,MAAM,uBAAuB,eAAe,eAC5C,MAAM,uBAAuB,iBAAiB,iBAC9C,YACN;AAAA,UAED,MAAM,UACL,qBAAC,UAAK,OAAO;AAAA,YACX,GAAG;AAAA,YACH,OAAO,MAAM,cAAc,aAAa,YACpC,MAAM,cAAc,cAAc,YAClC;AAAA,UACN,GAAG;AAAA;AAAA,YACI,MAAM,cAAc,aAAa,WAClC,MAAM,cAAc,cAAc,cAClC;AAAA,aACN;AAAA,UAED,MAAM,mBACL,oBAAC,UAAK,OAAO,EAAE,GAAG,eAAe,OAAO,UAAU,GAAG,oBAAM;AAAA,WAE/D;AAAA,QAEC,CAAC,iBACA,oBAAC,SAAI,OAAO,EAAE,GAAG,OAAO,WAAW,GAAG,WAAW,SAAS,GAAG,oCAE7D;AAAA;AAAA;AAAA,EAEJ;AAEJ;AAIO,SAAS,YAAY,EAAE,QAAQ,GAAyB;AAC7D,QAAM,EAAE,MAAM,QAAQ,IAAI,cAIhB,mBAAmB;AAAA,IAC3B,SAAS,QAAQ;AAAA,IACjB,WAAW,QAAQ,aAAa,QAAQ;AAAA,EAC1C,CAAC;AAED,MAAI,QAAS,QAAO,oBAAC,SAAI,OAAO,OAAO,wBAAU;AACjD,MAAI,CAAC,QAAQ,CAAC,KAAK,QAAQ;AACzB,WACE,qBAAC,SAAI,OAAO,YACV;AAAA,0BAAC,SAAI,OAAO,EAAE,UAAU,IAAI,cAAc,EAAE,GAAG,iCAE/C;AAAA,MACA,oBAAC,SAAI,wEAEL;AAAA,OACF;AAAA,EAEJ;AAEA,MAAI,CAAC,KAAK,OAAO;AACf,WAAO,oBAAC,SAAI,OAAO,OAAO,0DAA4C;AAAA,EACxE;AAEA,QAAM,QAAQ,KAAK;AACnB,QAAM,QAAQ,MAAM,MAAM;AAC1B,QAAM,OAAO,MAAM,MAAM,OAAO,CAAC,MAAM,EAAE,WAAW,UAAU,EAAE;AAChE,QAAM,MAAM,QAAQ,IAAI,KAAK,MAAO,OAAO,QAAS,GAAG,IAAI;AAE3D,SACE,qBAAC,SACC;AAAA,yBAAC,SAAI,OAAO,SAAS;AAAA;AAAA,MACZ,MAAM;AAAA,MAAO;AAAA,MAAG,MAAM,KAAK,QAAQ,MAAM,GAAG;AAAA,OACrD;AAAA,IACA,qBAAC,SAAI,OAAO,EAAE,cAAc,GAAG,GAC7B;AAAA,0BAAC,UAAK,OAAO,MAAM,iBAAiB,KAAK,CAAC,GACvC,2BAAiB,KAAK,GACzB;AAAA,MACC,MAAM,mBACL,oBAAC,UAAK,OAAO,EAAE,GAAG,MAAM,SAAS,GAAG,YAAY,EAAE,GAAG,sBAErD;AAAA,OAEJ;AAAA,IAEC,QAAQ,KACP,iCACE;AAAA,0BAAC,SAAI,OAAO,aACV,8BAAC,SAAI,OAAO,aAAa,GAAG,GAAG,GACjC;AAAA,MACA,qBAAC,SAAI,OAAO,EAAE,GAAG,OAAO,WAAW,GAAG,cAAc,GAAG,GACpD;AAAA;AAAA,QAAK;AAAA,QAAE;AAAA,QAAM;AAAA,QAAkB;AAAA,QAAI;AAAA,SACtC;AAAA,MAGC,MAAM,MAAM,IAAI,CAAC,SAChB;AAAA,QAAC;AAAA;AAAA,UAEC,OAAO;AAAA,YACL,SAAS;AAAA,YACT,YAAY;AAAA,YACZ,KAAK;AAAA,YACL,SAAS;AAAA,YACT,cACE;AAAA,UACJ;AAAA,UAEA;AAAA,gCAAC,UAAK,OAAO,EAAE,UAAU,GAAG,GACzB,eAAK,WAAW,aAAa,WAAW,UAC3C;AAAA,YACA,qBAAC,UAAK;AAAA;AAAA,cACE,KAAK;AAAA,cACV,KAAK,aACJ,qBAAC,UAAK,OAAO,OAAO;AAAA;AAAA,gBAAS,KAAK,UAAU,MAAM,GAAG,EAAE;AAAA,gBAAG,KAAK,UAAU,SAAS,KAAK,QAAQ;AAAA,iBAAG;AAAA,eAEtG;AAAA,YACC,KAAK,QAAQ,QACZ,qBAAC,UAAK,OAAO,EAAE,GAAG,OAAO,UAAU,GAAG,GAAG;AAAA;AAAA,cACjC,KAAK;AAAA,eACb;AAAA;AAAA;AAAA,QAtBG,GAAG,KAAK,WAAW,IAAI,KAAK,UAAU;AAAA,MAwB7C,CACD;AAAA,OACH;AAAA,KAEJ;AAEJ;AAIO,SAAS,cAAc,EAAE,QAAQ,GAAyB;AAC/D,QAAM,cAAc,gBAAgB,cAAc;AAClD,QAAM,QAAQ,eAAe;AAE7B,QAAM,aAAa,YAAY;AAC7B,UAAM,YAAY;AAAA,MAChB,WAAW,QAAQ;AAAA,MACnB,WAAW,QAAQ;AAAA,IACrB,CAAC;AACD,UAAM,EAAE,OAAO,cAAc,MAAM,UAAU,CAAC;AAAA,EAChD;AAEA,SACE,oBAAC,YAAO,SAAS,YAAY,OAAO,iBAAiB,sBAErD;AAEJ;AAIO,SAAS,gBAAgB,EAAE,QAAQ,GAAoB;AAC5D,QAAM,EAAE,MAAM,YAAY,SAAS,cAAc,IAAI,cAQlD,sBAAsB,EAAE,WAAW,QAAQ,UAAU,CAAC;AACzD,QAAM,EAAE,MAAM,YAAY,SAAS,eAAe,SAAS,cAAc,IAAI,cAG1E,cAAc,CAAC,CAAC;AACnB,QAAM,UAAU,gBAAgB,UAAU;AAC1C,QAAM,eAAe,gBAAgB,eAAe;AACpD,QAAM,QAAQ,eAAe;AAE7B,QAAM,CAAC,UAAU,WAAW,IAAI,SAAyB,IAAI;AAC7D,QAAM,CAAC,UAAU,WAAW,IAAI,SAAiB,EAAE;AACnD,QAAM,CAAC,QAAQ,SAAS,IAAI,SAAS,KAAK;AAG1C,QAAM,kBAAkB,YAAY,YAAY,mBAAmB;AACnE,QAAM,kBAAkB,YAAY,OAAO,YAAY,uBAAuB,EAAE;AAEhF,QAAM,gBAAgB,YAAY;AAChC,UAAM,SAAU,MAAM,QAAQ;AAAA,MAC5B,WAAW,QAAQ;AAAA,IACrB,CAAC;AACD,UAAM;AAAA,MACJ,OAAO,UAAU,QAAQ,UAAU,CAAC;AAAA,MACpC,MAAM;AAAA,IACR,CAAC;AAAA,EACH;AAEA,QAAM,mBAAmB,YAAY;AACnC,UAAM,iBAAiB,KAAK,IAAI,IAAI,KAAK,IAAI,KAAK,OAAO,eAAe,KAAK,EAAE,CAAC;AAChF,cAAU,IAAI;AACd,QAAI;AACF,YAAM,aAAa;AAAA,QACjB,iBAAiB;AAAA,QACjB,qBAAqB;AAAA,MACvB,CAAC;AACD,oBAAc;AACd,kBAAY,IAAI;AAChB,kBAAY,EAAE;AACd,YAAM,EAAE,OAAO,kBAAkB,MAAM,UAAU,CAAC;AAAA,IACpD,QAAQ;AACN,YAAM,EAAE,OAAO,2BAA2B,MAAM,QAAQ,CAAC;AAAA,IAC3D,UAAE;AACA,gBAAU,KAAK;AAAA,IACjB;AAAA,EACF;AAEA,QAAM,aACJ,aAAa,QACZ,aAAa,MAAM,OAAO,QAAQ,MAAM,YAAY;AAEvD,SACE,qBAAC,SAAI,OAAO,EAAE,UAAU,IAAI,GAC1B;AAAA,wBAAC,SAAI,OAAO,SAAS,0BAAY;AAAA,IAGjC,qBAAC,SAAI,OAAO,EAAE,GAAG,MAAM,cAAc,GAAG,GACtC;AAAA,0BAAC,SAAI,OAAO,EAAE,GAAG,SAAS,cAAc,GAAG,GAAG,uBAAS;AAAA,MAEtD,gBACC,oBAAC,SAAI,OAAO,OAAO,sCAAwB,IAE3C,iCACE;AAAA,4BAAC,SAAI,OAAO,EAAE,SAAS,QAAQ,YAAY,UAAU,KAAK,IAAI,cAAc,GAAG,GAC7E,+BAAC,WAAM,OAAO,EAAE,SAAS,QAAQ,YAAY,UAAU,KAAK,GAAG,QAAQ,UAAU,GAC/E;AAAA;AAAA,YAAC;AAAA;AAAA,cACC,MAAK;AAAA,cACL,SAAS;AAAA,cACT,UAAU,CAAC,MAAM,YAAY,EAAE,OAAO,OAAO;AAAA,cAC7C,OAAO,EAAE,OAAO,IAAI,QAAQ,IAAI,QAAQ,UAAU;AAAA;AAAA,UACpD;AAAA,UACA,oBAAC,UAAK,kCAAoB;AAAA,WAC5B,GACF;AAAA,QAEA,qBAAC,SAAI,OAAO,EAAE,cAAc,GAAG,GAC7B;AAAA,8BAAC,WAAM,OAAO,EAAE,SAAS,SAAS,cAAc,EAAE,GAChD,8BAAC,UAAK,OAAO,OAAO,mDAAoC,GAC1D;AAAA,UACA;AAAA,YAAC;AAAA;AAAA,cACC,MAAK;AAAA,cACL,KAAK;AAAA,cACL,KAAK;AAAA,cACL,OAAO;AAAA,cACP,UAAU,CAAC,MAAM,YAAY,EAAE,OAAO,KAAK;AAAA,cAC3C,UAAU,CAAC;AAAA,cACX,OAAO;AAAA,gBACL,GAAG;AAAA,gBACH,SAAS,kBAAkB,IAAI;AAAA,cACjC;AAAA;AAAA,UACF;AAAA,WACF;AAAA,QAEA,qBAAC,SAAI,OAAO,EAAE,SAAS,QAAQ,KAAK,EAAE,GACpC;AAAA;AAAA,YAAC;AAAA;AAAA,cACC,SAAS;AAAA,cACT,UAAU,UAAU,CAAC;AAAA,cACrB,OAAO;AAAA,gBACL,GAAG;AAAA,gBACH,SAAS,UAAU,CAAC,aAAa,MAAM;AAAA,cACzC;AAAA,cAEC,mBAAS,cAAc;AAAA;AAAA,UAC1B;AAAA,UACA,oBAAC,YAAO,SAAS,eAAe,OAAO,iBAAiB,+BAExD;AAAA,WACF;AAAA,SACF;AAAA,OAEJ;AAAA,IAGA,oBAAC,SAAI,OAAO,SAAS,iCAAmB;AAAA,IACvC,iBAAiB,oBAAC,SAAI,OAAO,OAAO,wBAAU;AAAA,IAE9C,YAAY,OAAO,IAAI,CAAC,UACvB,qBAAC,SAAwB,OAAO,MAC9B;AAAA;AAAA,QAAC;AAAA;AAAA,UACC,OAAO;AAAA,YACL,SAAS;AAAA,YACT,gBAAgB;AAAA,YAChB,YAAY;AAAA,UACd;AAAA,UAEA;AAAA,gCAAC,YAAQ,gBAAM,WAAU;AAAA,YACzB;AAAA,cAAC;AAAA;AAAA,gBACC,OAAO;AAAA,kBACL,MAAM,kBAAkB,cACpB,YACA,MAAM,kBAAkB,YACtB,YACA;AAAA,gBACR;AAAA,gBAEC,gBAAM;AAAA;AAAA,YACT;AAAA;AAAA;AAAA,MACF;AAAA,MACA,qBAAC,SAAI,OAAO,EAAE,GAAG,OAAO,WAAW,EAAE,GAClC;AAAA,cAAM;AAAA,QAAY;AAAA,QAAI,MAAM;AAAA,SAC/B;AAAA,SAvBQ,MAAM,OAwBhB,CACD;AAAA,IAEA,CAAC,kBAAkB,CAAC,YAAY,UAAU,WAAW,OAAO,WAAW,MACtE,oBAAC,SAAI,OAAO,OAAO,+CAAiC;AAAA,KAExD;AAEJ;AAIA,IAAM,gBAAqC;AAAA,EACzC,UAAU;AAAA,EACV,OAAO;AAAA,EACP,QAAQ;AAAA,EACR,cAAc;AAAA,EACd,SAAS;AACX;AAEA,IAAM,kBAAuC;AAAA,EAC3C,SAAS;AAAA,EACT,cAAc;AAAA,EACd,QAAQ;AAAA,EACR,YAAY;AAAA,EACZ,OAAO;AAAA,EACP,QAAQ;AAAA,EACR,UAAU;AAAA,EACV,YAAY;AACd;AAEA,IAAM,aAAkC;AAAA,EACtC,SAAS;AAAA,EACT,cAAc;AAAA,EACd,QAAQ;AAAA,EACR,YAAY;AAAA,EACZ,OAAO;AAAA,EACP,UAAU;AAAA,EACV,OAAO;AACT;",
+  "names": []
+}