@bbearai/react 0.1.1

package/dist/index.mjs

@@ -0,0 +1,854 @@
+// src/BugBearProvider.tsx
+import { createContext, useContext, useEffect, useState } from "react";
+import {
+  createBugBear
+} from "@bbearai/core";
+import { jsx } from "react/jsx-runtime";
+var BugBearContext = createContext({
+  client: null,
+  isTester: false,
+  isQAEnabled: false,
+  shouldShowWidget: false,
+  testerInfo: null,
+  assignments: [],
+  currentAssignment: null,
+  refreshAssignments: async () => {
+  },
+  isLoading: true,
+  onNavigate: void 0
+});
+function useBugBear() {
+  return useContext(BugBearContext);
+}
+function BugBearProvider({ config, children }) {
+  const [client] = useState(() => createBugBear(config));
+  const [isTester, setIsTester] = useState(false);
+  const [isQAEnabled, setIsQAEnabled] = useState(false);
+  const [testerInfo, setTesterInfo] = useState(null);
+  const [assignments, setAssignments] = useState([]);
+  const [isLoading, setIsLoading] = useState(true);
+  const refreshAssignments = async () => {
+    const newAssignments = await client.getAssignedTests();
+    setAssignments(newAssignments);
+  };
+  useEffect(() => {
+    const init = async () => {
+      setIsLoading(true);
+      try {
+        const [qaEnabled, info] = await Promise.all([
+          client.isQAEnabled(),
+          client.getTesterInfo()
+        ]);
+        console.log("BugBear: Init complete", { qaEnabled, testerInfo: info });
+        setIsQAEnabled(qaEnabled);
+        setTesterInfo(info);
+        setIsTester(!!info);
+        if (info && qaEnabled) {
+          await refreshAssignments();
+        }
+      } catch (err) {
+        console.error("BugBear: Init error", err);
+      } finally {
+        setIsLoading(false);
+      }
+    };
+    init();
+  }, [client]);
+  const currentAssignment = assignments.find(
+    (a) => a.status === "in_progress"
+  ) || assignments[0] || null;
+  const shouldShowWidget = isQAEnabled && isTester;
+  return /* @__PURE__ */ jsx(
+    BugBearContext.Provider,
+    {
+      value: {
+        client,
+        isTester,
+        isQAEnabled,
+        shouldShowWidget,
+        testerInfo,
+        assignments,
+        currentAssignment,
+        refreshAssignments,
+        isLoading,
+        onNavigate: config.onNavigate
+      },
+      children
+    }
+  );
+}
+
+// src/BugBearPanel.tsx
+import { useState as useState2, useRef, useEffect as useEffect2, useCallback } from "react";
+import { Fragment, jsx as jsx2, jsxs } from "react/jsx-runtime";
+function BugBearIcon({ size = 24, className = "" }) {
+  return /* @__PURE__ */ jsxs(
+    "svg",
+    {
+      width: size,
+      height: size,
+      viewBox: "0 0 64 64",
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg",
+      className,
+      children: [
+        /* @__PURE__ */ jsx2("circle", { cx: "32", cy: "32", r: "30", fill: "#1a1a2e", stroke: "#d4a852", strokeWidth: "3" }),
+        /* @__PURE__ */ jsx2("ellipse", { cx: "18", cy: "18", rx: "8", ry: "7", fill: "#8B4513" }),
+        /* @__PURE__ */ jsx2("ellipse", { cx: "18", cy: "18", rx: "5", ry: "4", fill: "#D2691E" }),
+        /* @__PURE__ */ jsx2("ellipse", { cx: "46", cy: "18", rx: "8", ry: "7", fill: "#8B4513" }),
+        /* @__PURE__ */ jsx2("ellipse", { cx: "46", cy: "18", rx: "5", ry: "4", fill: "#D2691E" }),
+        /* @__PURE__ */ jsx2("ellipse", { cx: "32", cy: "34", rx: "20", ry: "18", fill: "#8B4513" }),
+        /* @__PURE__ */ jsx2("ellipse", { cx: "32", cy: "40", rx: "12", ry: "10", fill: "#D2691E" }),
+        /* @__PURE__ */ jsx2("ellipse", { cx: "32", cy: "38", rx: "4", ry: "3", fill: "#1a1a2e" }),
+        /* @__PURE__ */ jsx2("circle", { cx: "24", cy: "30", r: "4", fill: "#1a1a2e" }),
+        /* @__PURE__ */ jsx2("circle", { cx: "40", cy: "30", r: "4", fill: "#1a1a2e" }),
+        /* @__PURE__ */ jsx2("circle", { cx: "25", cy: "29", r: "1.5", fill: "white" }),
+        /* @__PURE__ */ jsx2("circle", { cx: "41", cy: "29", r: "1.5", fill: "white" }),
+        /* @__PURE__ */ jsx2("circle", { cx: "48", cy: "44", r: "8", fill: "none", stroke: "#d4a852", strokeWidth: "2.5" }),
+        /* @__PURE__ */ jsx2("line", { x1: "54", y1: "50", x2: "58", y2: "54", stroke: "#d4a852", strokeWidth: "3", strokeLinecap: "round" }),
+        /* @__PURE__ */ jsx2("path", { d: "M44 40 Q46 38, 48 40", stroke: "rgba(255,255,255,0.4)", strokeWidth: "1.5", fill: "none", strokeLinecap: "round" })
+      ]
+    }
+  );
+}
+var templateInfo = {
+  steps: { name: "Steps", icon: "\u{1F4DD}", action: "Follow each step" },
+  checklist: { name: "Checklist", icon: "\u2705", action: "Pass/Fail each item" },
+  rubric: { name: "Rubric", icon: "\u{1F4CA}", action: "Rate each criterion" },
+  freeform: { name: "Freeform", icon: "\u{1F4AD}", action: "Provide observations" }
+};
+var STORAGE_KEY = "bugbear-panel-position";
+var PANEL_WIDTH = 320;
+var PANEL_HEIGHT_ESTIMATE = 500;
+function getDefaultPosition(position) {
+  if (typeof window === "undefined") return { x: 0, y: 0 };
+  const padding = 16;
+  switch (position) {
+    case "bottom-left":
+      return { x: padding, y: window.innerHeight - PANEL_HEIGHT_ESTIMATE - padding };
+    case "top-right":
+      return { x: window.innerWidth - PANEL_WIDTH - padding, y: padding };
+    case "top-left":
+      return { x: padding, y: padding };
+    case "bottom-right":
+    default:
+      return { x: window.innerWidth - PANEL_WIDTH - padding, y: window.innerHeight - PANEL_HEIGHT_ESTIMATE - padding };
+  }
+}
+function clampPosition(pos) {
+  if (typeof window === "undefined") return pos;
+  const padding = 8;
+  return {
+    x: Math.max(padding, Math.min(pos.x, window.innerWidth - PANEL_WIDTH - padding)),
+    y: Math.max(padding, Math.min(pos.y, window.innerHeight - 100))
+    // Keep at least 100px visible
+  };
+}
+function BugBearPanel({
+  getAppContext,
+  position = "bottom-right",
+  defaultCollapsed = false,
+  draggable = true
+}) {
+  const { client, shouldShowWidget, testerInfo, assignments, currentAssignment, refreshAssignments, isLoading, onNavigate } = useBugBear();
+  const [collapsed, setCollapsed] = useState2(defaultCollapsed);
+  const [activeTab, setActiveTab] = useState2("tests");
+  const [showSteps, setShowSteps] = useState2(false);
+  const [testView, setTestView] = useState2("detail");
+  const [selectedTestId, setSelectedTestId] = useState2(null);
+  const displayedAssignment = selectedTestId ? assignments.find((a) => a.id === selectedTestId) || currentAssignment : currentAssignment;
+  const [panelPosition, setPanelPosition] = useState2(null);
+  const [isDragging, setIsDragging] = useState2(false);
+  const dragStartRef = useRef(null);
+  const panelRef = useRef(null);
+  const [reportType, setReportType] = useState2("bug");
+  const [description, setDescription] = useState2("");
+  const [severity, setSeverity] = useState2("medium");
+  const [submitting, setSubmitting] = useState2(false);
+  const [submitted, setSubmitted] = useState2(false);
+  const [justPassed, setJustPassed] = useState2(false);
+  const [criteriaResults, setCriteriaResults] = useState2({});
+  useEffect2(() => {
+    if (typeof window === "undefined") return;
+    try {
+      const saved = localStorage.getItem(STORAGE_KEY);
+      if (saved) {
+        const parsed = JSON.parse(saved);
+        setPanelPosition(clampPosition(parsed));
+      } else {
+        setPanelPosition(getDefaultPosition(position));
+      }
+    } catch {
+      setPanelPosition(getDefaultPosition(position));
+    }
+  }, [position]);
+  useEffect2(() => {
+    if (panelPosition && typeof window !== "undefined") {
+      try {
+        localStorage.setItem(STORAGE_KEY, JSON.stringify(panelPosition));
+      } catch {
+      }
+    }
+  }, [panelPosition]);
+  useEffect2(() => {
+    if (typeof window === "undefined") return;
+    const handleResize = () => {
+      setPanelPosition((prev) => prev ? clampPosition(prev) : getDefaultPosition(position));
+    };
+    window.addEventListener("resize", handleResize);
+    return () => window.removeEventListener("resize", handleResize);
+  }, [position]);
+  useEffect2(() => {
+    setCriteriaResults({});
+    setShowSteps(false);
+  }, [displayedAssignment?.id]);
+  const handleMouseDown = useCallback((e) => {
+    if (!draggable || !panelPosition) return;
+    const target = e.target;
+    if (!target.closest("[data-drag-handle]")) return;
+    e.preventDefault();
+    setIsDragging(true);
+    dragStartRef.current = {
+      mouseX: e.clientX,
+      mouseY: e.clientY,
+      panelX: panelPosition.x,
+      panelY: panelPosition.y
+    };
+  }, [draggable, panelPosition]);
+  useEffect2(() => {
+    if (!isDragging) return;
+    const handleMouseMove = (e) => {
+      if (!dragStartRef.current) return;
+      const deltaX = e.clientX - dragStartRef.current.mouseX;
+      const deltaY = e.clientY - dragStartRef.current.mouseY;
+      setPanelPosition(clampPosition({
+        x: dragStartRef.current.panelX + deltaX,
+        y: dragStartRef.current.panelY + deltaY
+      }));
+    };
+    const handleMouseUp = () => {
+      setIsDragging(false);
+      dragStartRef.current = null;
+    };
+    document.addEventListener("mousemove", handleMouseMove);
+    document.addEventListener("mouseup", handleMouseUp);
+    return () => {
+      document.removeEventListener("mousemove", handleMouseMove);
+      document.removeEventListener("mouseup", handleMouseUp);
+    };
+  }, [isDragging]);
+  const handleDoubleClick = useCallback(() => {
+    if (!draggable) return;
+    setPanelPosition(getDefaultPosition(position));
+    try {
+      localStorage.removeItem(STORAGE_KEY);
+    } catch {
+    }
+  }, [draggable, position]);
+  if (isLoading || !shouldShowWidget) {
+    return null;
+  }
+  if (!panelPosition) {
+    return null;
+  }
+  const handlePass = async () => {
+    if (!client || !displayedAssignment) return;
+    setSubmitting(true);
+    await client.submitReport({
+      type: "test_pass",
+      description: `Test passed: ${displayedAssignment.testCase.title}`,
+      assignmentId: displayedAssignment.id,
+      testCaseId: displayedAssignment.testCase.id,
+      appContext: getAppContext?.() || { currentRoute: window.location.pathname }
+    });
+    await refreshAssignments();
+    setSubmitting(false);
+    setJustPassed(true);
+    setTimeout(() => {
+      setJustPassed(false);
+      setSelectedTestId(null);
+      setTestView("detail");
+    }, 1200);
+  };
+  const handleFail = async () => {
+    setActiveTab("report");
+    setReportType("test_fail");
+  };
+  const handleSubmitReport = async () => {
+    if (!client || !description.trim()) return;
+    setSubmitting(true);
+    const isTestFailure = reportType === "test_fail" && displayedAssignment;
+    await client.submitReport({
+      type: reportType,
+      description,
+      severity: reportType === "bug" || reportType === "test_fail" ? severity : void 0,
+      assignmentId: isTestFailure ? displayedAssignment.id : void 0,
+      testCaseId: isTestFailure ? displayedAssignment.testCase.id : void 0,
+      appContext: getAppContext?.() || { currentRoute: window.location.pathname }
+    });
+    setDescription("");
+    setSeverity("medium");
+    setSubmitted(true);
+    if (isTestFailure) {
+      await refreshAssignments();
+    }
+    setTimeout(() => {
+      setSubmitted(false);
+      setActiveTab("tests");
+      if (isTestFailure) {
+        setSelectedTestId(null);
+        setTestView("list");
+      }
+    }, 2e3);
+    setSubmitting(false);
+  };
+  const pendingCount = assignments.filter((a) => a.status === "pending").length;
+  const inProgressCount = assignments.filter((a) => a.status === "in_progress").length;
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      ref: panelRef,
+      className: "fixed font-sans",
+      style: {
+        zIndex: 2147483647,
+        // Max z-index to stay above all modals
+        left: panelPosition.x,
+        top: panelPosition.y,
+        fontFamily: '-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif',
+        cursor: isDragging ? "grabbing" : void 0,
+        userSelect: isDragging ? "none" : void 0
+      },
+      onMouseDown: handleMouseDown,
+      children: [
+        collapsed && /* @__PURE__ */ jsxs(
+          "button",
+          {
+            onClick: () => setCollapsed(false),
+            "data-drag-handle": true,
+            onDoubleClick: handleDoubleClick,
+            className: "flex items-center gap-2 px-3 py-2 bg-purple-600 text-white rounded-full shadow-lg hover:bg-purple-700 transition-colors",
+            style: { cursor: draggable ? "grab" : "pointer" },
+            children: [
+              /* @__PURE__ */ jsx2(BugBearIcon, { size: 24 }),
+              /* @__PURE__ */ jsx2("span", { className: "font-medium", children: "BugBear" }),
+              pendingCount > 0 && /* @__PURE__ */ jsx2("span", { className: "bg-white text-purple-600 text-xs font-bold px-1.5 py-0.5 rounded-full", children: pendingCount })
+            ]
+          }
+        ),
+        !collapsed && /* @__PURE__ */ jsxs("div", { className: "w-80 bg-white rounded-xl shadow-2xl border border-gray-200 overflow-hidden", children: [
+          /* @__PURE__ */ jsxs(
+            "div",
+            {
+              "data-drag-handle": true,
+              onDoubleClick: handleDoubleClick,
+              className: "bg-purple-600 text-white px-4 py-3 flex items-center justify-between",
+              style: { cursor: draggable ? isDragging ? "grabbing" : "grab" : "default" },
+              children: [
+                /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+                  /* @__PURE__ */ jsx2(BugBearIcon, { size: 28 }),
+                  /* @__PURE__ */ jsxs("div", { children: [
+                    /* @__PURE__ */ jsxs("h3", { className: "font-semibold text-sm flex items-center gap-2", children: [
+                      "BugBear",
+                      draggable && /* @__PURE__ */ jsx2("span", { className: "text-purple-300 text-xs", title: "Drag to move, double-click to reset", children: "\u22EE\u22EE" })
+                    ] }),
+                    /* @__PURE__ */ jsx2("p", { className: "text-purple-200 text-xs", children: testerInfo?.name })
+                  ] })
+                ] }),
+                /* @__PURE__ */ jsx2(
+                  "button",
+                  {
+                    onClick: () => setCollapsed(true),
+                    className: "p-1 hover:bg-purple-500 rounded",
+                    children: /* @__PURE__ */ jsx2("svg", { className: "w-5 h-5", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ jsx2("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M19 9l-7 7-7-7" }) })
+                  }
+                )
+              ]
+            }
+          ),
+          /* @__PURE__ */ jsxs("div", { className: "flex border-b border-gray-200", children: [
+            /* @__PURE__ */ jsxs(
+              "button",
+              {
+                onClick: () => setActiveTab("tests"),
+                className: `flex-1 px-4 py-2 text-sm font-medium transition-colors ${activeTab === "tests" ? "text-purple-600 border-b-2 border-purple-600" : "text-gray-500 hover:text-gray-700"}`,
+                children: [
+                  "Tests ",
+                  pendingCount > 0 && `(${pendingCount})`
+                ]
+              }
+            ),
+            /* @__PURE__ */ jsx2(
+              "button",
+              {
+                onClick: () => setActiveTab("report"),
+                className: `flex-1 px-4 py-2 text-sm font-medium transition-colors ${activeTab === "report" ? "text-purple-600 border-b-2 border-purple-600" : "text-gray-500 hover:text-gray-700"}`,
+                children: "Report"
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsxs("div", { className: "p-4 max-h-96 overflow-y-auto", children: [
+            activeTab === "tests" && /* @__PURE__ */ jsx2("div", { children: assignments.length === 0 ? /* @__PURE__ */ jsxs("div", { className: "text-center py-8", children: [
+              /* @__PURE__ */ jsx2("span", { className: "text-4xl", children: "\u2705" }),
+              /* @__PURE__ */ jsx2("p", { className: "text-gray-600 mt-2 font-medium", children: "All caught up!" }),
+              /* @__PURE__ */ jsx2("p", { className: "text-gray-400 text-sm", children: "No tests assigned" })
+            ] }) : testView === "list" ? (
+              /* List View - Show all tests */
+              /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
+                /* @__PURE__ */ jsx2("div", { className: "flex items-center justify-between mb-2", children: /* @__PURE__ */ jsxs("span", { className: "text-xs font-medium text-gray-500", children: [
+                  assignments.length,
+                  " test",
+                  assignments.length !== 1 ? "s" : "",
+                  " assigned"
+                ] }) }),
+                assignments.map((assignment) => /* @__PURE__ */ jsxs(
+                  "button",
+                  {
+                    onClick: () => {
+                      setSelectedTestId(assignment.id);
+                      setTestView("detail");
+                      setShowSteps(false);
+                    },
+                    className: `w-full text-left p-3 rounded-lg border transition-colors ${assignment.id === currentAssignment?.id ? "bg-purple-50 border-purple-200" : "bg-gray-50 border-gray-200 hover:bg-gray-100"}`,
+                    children: [
+                      /* @__PURE__ */ jsxs("div", { className: "flex items-start justify-between mb-1", children: [
+                        /* @__PURE__ */ jsx2("span", { className: "text-xs font-mono text-gray-500", children: assignment.testCase.testKey }),
+                        /* @__PURE__ */ jsx2("span", { className: `text-xs px-1.5 py-0.5 rounded font-medium ${assignment.testCase.priority === "P0" ? "bg-red-100 text-red-700" : assignment.testCase.priority === "P1" ? "bg-orange-100 text-orange-700" : "bg-gray-100 text-gray-600"}`, children: assignment.testCase.priority })
+                      ] }),
+                      /* @__PURE__ */ jsx2("h4", { className: "font-medium text-gray-900 text-sm line-clamp-2", children: assignment.testCase.title }),
+                      /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 mt-1 text-xs text-gray-400", children: [
+                        assignment.testCase.track && /* @__PURE__ */ jsx2(
+                          "span",
+                          {
+                            className: "px-1 py-0.5 rounded text-white",
+                            style: { backgroundColor: assignment.testCase.track.color },
+                            children: templateInfo[assignment.testCase.track.testTemplate || "steps"].icon
+                          }
+                        ),
+                        /* @__PURE__ */ jsxs("span", { children: [
+                          assignment.testCase.steps.length,
+                          " ",
+                          assignment.testCase.track?.testTemplate === "checklist" ? "items" : assignment.testCase.track?.testTemplate === "rubric" ? "criteria" : "steps"
+                        ] }),
+                        assignment.id === currentAssignment?.id && /* @__PURE__ */ jsx2("span", { className: "text-purple-600 font-medium", children: "\u2022 Current" })
+                      ] })
+                    ]
+                  },
+                  assignment.id
+                ))
+              ] })
+            ) : justPassed ? (
+              /* Success state after passing */
+              /* @__PURE__ */ jsxs("div", { className: "text-center py-8", children: [
+                /* @__PURE__ */ jsx2("span", { className: "text-5xl", children: "\u2713" }),
+                /* @__PURE__ */ jsx2("p", { className: "text-green-600 mt-3 font-semibold text-lg", children: "Passed!" }),
+                /* @__PURE__ */ jsx2("p", { className: "text-gray-400 text-sm mt-1", children: "Loading next test..." })
+              ] })
+            ) : displayedAssignment ? (
+              /* Detail View - Show single test */
+              /* @__PURE__ */ jsxs("div", { children: [
+                /* @__PURE__ */ jsxs(
+                  "button",
+                  {
+                    onClick: () => {
+                      setTestView("list");
+                      setSelectedTestId(null);
+                    },
+                    className: "flex items-center gap-1 text-xs text-purple-600 font-medium hover:text-purple-700 mb-3",
+                    children: [
+                      "\u2190 All Tests (",
+                      assignments.length,
+                      ")"
+                    ]
+                  }
+                ),
+                /* @__PURE__ */ jsxs("div", { className: "bg-gray-50 rounded-lg p-3 mb-3", children: [
+                  /* @__PURE__ */ jsxs("div", { className: "flex items-start justify-between mb-2", children: [
+                    /* @__PURE__ */ jsx2("span", { className: "text-xs font-mono text-gray-500", children: displayedAssignment.testCase.testKey }),
+                    /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1", children: [
+                      displayedAssignment.testCase.track && /* @__PURE__ */ jsx2(
+                        "span",
+                        {
+                          className: "text-xs px-1.5 py-0.5 rounded text-white",
+                          style: { backgroundColor: displayedAssignment.testCase.track.color },
+                          children: templateInfo[displayedAssignment.testCase.track.testTemplate || "steps"].icon
+                        }
+                      ),
+                      /* @__PURE__ */ jsx2("span", { className: `text-xs px-1.5 py-0.5 rounded font-medium ${displayedAssignment.testCase.priority === "P0" ? "bg-red-100 text-red-700" : displayedAssignment.testCase.priority === "P1" ? "bg-orange-100 text-orange-700" : "bg-gray-100 text-gray-600"}`, children: displayedAssignment.testCase.priority })
+                    ] })
+                  ] }),
+                  /* @__PURE__ */ jsx2("h4", { className: "font-medium text-gray-900 text-sm mb-1", children: displayedAssignment.testCase.title }),
+                  displayedAssignment.testCase.description && /* @__PURE__ */ jsx2("p", { className: "text-gray-500 text-xs mb-2", children: displayedAssignment.testCase.description }),
+                  displayedAssignment.testCase.targetRoute && onNavigate && /* @__PURE__ */ jsxs(
+                    "button",
+                    {
+                      onClick: () => onNavigate(displayedAssignment.testCase.targetRoute),
+                      className: "w-full mb-2 py-1.5 px-3 bg-blue-50 text-blue-700 border border-blue-200 rounded-lg text-xs font-medium hover:bg-blue-100 transition-colors flex items-center justify-center gap-1",
+                      children: [
+                        /* @__PURE__ */ jsx2("span", { children: "Go to test location" }),
+                        /* @__PURE__ */ jsx2("span", { children: "\u2192" })
+                      ]
+                    }
+                  ),
+                  (() => {
+                    const template = displayedAssignment.testCase.track?.testTemplate || "steps";
+                    const steps = displayedAssignment.testCase.steps;
+                    const info = templateInfo[template];
+                    const rubricMode = displayedAssignment.testCase.track?.rubricMode || "pass_fail";
+                    return /* @__PURE__ */ jsxs(Fragment, { children: [
+                      /* @__PURE__ */ jsxs(
+                        "div",
+                        {
+                          className: "flex items-center gap-2 text-xs px-2 py-1 rounded mb-2",
+                          style: {
+                            backgroundColor: displayedAssignment.testCase.track ? `${displayedAssignment.testCase.track.color}15` : "#f3f4f6"
+                          },
+                          children: [
+                            /* @__PURE__ */ jsx2("span", { children: info.icon }),
+                            /* @__PURE__ */ jsx2("span", { className: "font-medium", children: info.name }),
+                            /* @__PURE__ */ jsxs("span", { className: "text-gray-500", children: [
+                              "\u2022 ",
+                              info.action
+                            ] })
+                          ]
+                        }
+                      ),
+                      /* @__PURE__ */ jsxs(
+                        "button",
+                        {
+                          onClick: () => setShowSteps(!showSteps),
+                          className: "text-purple-600 text-xs font-medium hover:text-purple-700 flex items-center gap-1",
+                          children: [
+                            showSteps ? "\u25BC" : "\u25B6",
+                            " ",
+                            template === "freeform" ? "Instructions" : `${steps.length} ${template === "checklist" ? "items" : template === "rubric" ? "criteria" : "steps"}`
+                          ]
+                        }
+                      ),
+                      showSteps && template === "steps" && /* @__PURE__ */ jsx2("div", { className: "mt-2 space-y-2", children: steps.map((step, idx) => /* @__PURE__ */ jsxs("div", { className: "flex gap-2 text-xs", children: [
+                        /* @__PURE__ */ jsx2("span", { className: "w-5 h-5 rounded-full bg-purple-100 text-purple-700 flex items-center justify-center flex-shrink-0 font-medium", children: step.stepNumber }),
+                        /* @__PURE__ */ jsxs("div", { children: [
+                          /* @__PURE__ */ jsx2("p", { className: "text-gray-700", children: step.action }),
+                          step.expectedResult && /* @__PURE__ */ jsxs("p", { className: "text-gray-400 mt-0.5", children: [
+                            "\u2192 ",
+                            step.expectedResult
+                          ] })
+                        ] })
+                      ] }, idx)) }),
+                      showSteps && template === "checklist" && /* @__PURE__ */ jsxs("div", { className: "mt-2 space-y-2", children: [
+                        steps.map((step, idx) => /* @__PURE__ */ jsxs(
+                          "button",
+                          {
+                            onClick: () => setCriteriaResults((prev) => {
+                              const newResults = { ...prev };
+                              if (prev[idx] === true) {
+                                delete newResults[idx];
+                              } else {
+                                newResults[idx] = true;
+                              }
+                              return newResults;
+                            }),
+                            className: `w-full flex items-center gap-2 text-xs p-2 rounded border transition-colors text-left ${criteriaResults[idx] === true ? "bg-green-50 border-green-300" : "bg-white border-gray-200 hover:bg-gray-50"}`,
+                            children: [
+                              /* @__PURE__ */ jsx2("span", { className: `w-5 h-5 rounded border-2 flex items-center justify-center ${criteriaResults[idx] === true ? "bg-green-500 border-green-500 text-white" : "border-cyan-400 text-cyan-600"}`, children: criteriaResults[idx] === true ? "\u2713" : "" }),
+                              /* @__PURE__ */ jsx2("p", { className: `flex-1 ${criteriaResults[idx] === true ? "text-green-700" : "text-gray-700"}`, children: step.action })
+                            ]
+                          },
+                          idx
+                        )),
+                        /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between mt-2", children: [
+                          /* @__PURE__ */ jsx2("p", { className: "text-xs text-gray-400", children: "Tap to check off each item." }),
+                          Object.keys(criteriaResults).length > 0 && /* @__PURE__ */ jsx2(
+                            "button",
+                            {
+                              onClick: () => setCriteriaResults({}),
+                              className: "text-xs text-gray-400 hover:text-red-500 transition-colors",
+                              children: "\u21BA Reset"
+                            }
+                          )
+                        ] })
+                      ] }),
+                      showSteps && template === "rubric" && /* @__PURE__ */ jsxs("div", { className: "mt-2 space-y-2", children: [
+                        steps.map((step, idx) => /* @__PURE__ */ jsxs("div", { className: "bg-white p-2 rounded border border-gray-200", children: [
+                          /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 text-xs mb-1", children: [
+                            /* @__PURE__ */ jsx2("span", { className: "w-5 h-5 rounded bg-purple-100 text-purple-700 flex items-center justify-center font-medium", children: idx + 1 }),
+                            /* @__PURE__ */ jsx2("p", { className: "text-gray-900 font-medium flex-1", children: step.action })
+                          ] }),
+                          step.expectedResult && /* @__PURE__ */ jsx2("p", { className: "text-xs text-gray-500 ml-7 mb-2", children: step.expectedResult }),
+                          rubricMode === "pass_fail" && /* @__PURE__ */ jsxs("div", { className: "flex gap-2 ml-7", children: [
+                            /* @__PURE__ */ jsx2(
+                              "button",
+                              {
+                                onClick: () => setCriteriaResults((prev) => ({ ...prev, [idx]: true })),
+                                className: `flex-1 py-1 px-2 rounded text-xs font-medium transition-colors ${criteriaResults[idx] === true ? "bg-green-500 text-white" : "bg-gray-100 text-gray-600 hover:bg-green-100"}`,
+                                children: "\u2713 Pass"
+                              }
+                            ),
+                            /* @__PURE__ */ jsx2(
+                              "button",
+                              {
+                                onClick: () => setCriteriaResults((prev) => ({ ...prev, [idx]: false })),
+                                className: `flex-1 py-1 px-2 rounded text-xs font-medium transition-colors ${criteriaResults[idx] === false ? "bg-red-500 text-white" : "bg-gray-100 text-gray-600 hover:bg-red-100"}`,
+                                children: "\u2717 Fail"
+                              }
+                            )
+                          ] }),
+                          rubricMode === "rating" && /* @__PURE__ */ jsx2("div", { className: "flex gap-1 ml-7", children: [1, 2, 3, 4, 5].map((n) => /* @__PURE__ */ jsx2(
+                            "button",
+                            {
+                              onClick: () => setCriteriaResults((prev) => ({ ...prev, [idx]: n })),
+                              className: `w-8 h-8 rounded font-medium text-sm transition-colors ${criteriaResults[idx] === n ? "bg-purple-600 text-white" : "bg-gray-100 text-gray-600 hover:bg-purple-100"}`,
+                              children: n
+                            },
+                            n
+                          )) })
+                        ] }, idx)),
+                        /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between mt-2", children: [
+                          /* @__PURE__ */ jsx2("p", { className: "text-xs text-gray-400", children: rubricMode === "rating" ? "Rate 1-5 for each criterion." : "Mark each criterion as Pass or Fail." }),
+                          Object.keys(criteriaResults).length > 0 && /* @__PURE__ */ jsx2(
+                            "button",
+                            {
+                              onClick: () => setCriteriaResults({}),
+                              className: "text-xs text-gray-400 hover:text-red-500 transition-colors",
+                              children: "\u21BA Reset"
+                            }
+                          )
+                        ] })
+                      ] }),
+                      showSteps && template === "freeform" && /* @__PURE__ */ jsxs("div", { className: "mt-2 p-2 bg-amber-50 rounded border border-amber-200 text-xs", children: [
+                        /* @__PURE__ */ jsx2("p", { className: "text-amber-800 font-medium mb-1", children: "\u{1F4AD} Open Observation" }),
+                        /* @__PURE__ */ jsx2("p", { className: "text-amber-700", children: "Review the area described above and note:" }),
+                        /* @__PURE__ */ jsxs("ul", { className: "text-amber-700 mt-1 ml-4 list-disc", children: [
+                          /* @__PURE__ */ jsx2("li", { children: "What works well" }),
+                          /* @__PURE__ */ jsx2("li", { children: "Issues or concerns" }),
+                          /* @__PURE__ */ jsx2("li", { children: "Suggestions" })
+                        ] })
+                      ] })
+                    ] });
+                  })(),
+                  /* @__PURE__ */ jsxs("div", { className: "mt-3 p-2 bg-green-50 rounded text-xs text-green-700", children: [
+                    /* @__PURE__ */ jsx2("span", { className: "font-medium", children: displayedAssignment.testCase.track?.testTemplate === "checklist" ? "Pass criteria:" : displayedAssignment.testCase.track?.testTemplate === "rubric" ? "Target score:" : "Expected:" }),
+                    " ",
+                    displayedAssignment.testCase.expectedResult
+                  ] })
+                ] }),
+                /* @__PURE__ */ jsxs("div", { className: "flex gap-2", children: [
+                  /* @__PURE__ */ jsx2(
+                    "button",
+                    {
+                      onClick: handleFail,
+                      disabled: submitting,
+                      className: "flex-1 py-2 px-3 bg-red-100 text-red-700 rounded-lg font-medium text-sm hover:bg-red-200 disabled:opacity-50 transition-colors",
+                      children: "\u2717 Fail"
+                    }
+                  ),
+                  /* @__PURE__ */ jsx2(
+                    "button",
+                    {
+                      onClick: handlePass,
+                      disabled: submitting,
+                      className: "flex-1 py-2 px-3 bg-green-600 text-white rounded-lg font-medium text-sm hover:bg-green-700 disabled:opacity-50 transition-colors",
+                      children: submitting ? "..." : "\u2713 Pass"
+                    }
+                  )
+                ] })
+              ] })
+            ) : null }),
+            activeTab === "report" && /* @__PURE__ */ jsx2("div", { children: submitted ? /* @__PURE__ */ jsxs("div", { className: "text-center py-8", children: [
+              /* @__PURE__ */ jsx2("span", { className: "text-4xl", children: "\u{1F389}" }),
+              /* @__PURE__ */ jsx2("p", { className: "text-gray-600 mt-2 font-medium", children: "Report submitted!" })
+            ] }) : /* @__PURE__ */ jsxs(Fragment, { children: [
+              /* @__PURE__ */ jsx2("div", { className: "flex gap-2 mb-4", children: [
+                { type: "bug", label: "\u{1F41B} Bug", color: "red" },
+                { type: "feedback", label: "\u{1F4A1} Feedback", color: "blue" },
+                { type: "suggestion", label: "\u2728 Idea", color: "purple" }
+              ].map(({ type, label, color }) => /* @__PURE__ */ jsx2(
+                "button",
+                {
+                  onClick: () => setReportType(type),
+                  className: `flex-1 py-1.5 px-2 rounded-lg text-xs font-medium transition-colors ${reportType === type ? color === "red" ? "bg-red-100 text-red-700 ring-2 ring-red-500" : color === "blue" ? "bg-blue-100 text-blue-700 ring-2 ring-blue-500" : "bg-purple-100 text-purple-700 ring-2 ring-purple-500" : "bg-gray-100 text-gray-600 hover:bg-gray-200"}`,
+                  children: label
+                },
+                type
+              )) }),
+              (reportType === "bug" || reportType === "test_fail") && /* @__PURE__ */ jsxs("div", { className: "mb-3", children: [
+                /* @__PURE__ */ jsx2("label", { className: "block text-xs font-medium text-gray-700 mb-1", children: "Severity" }),
+                /* @__PURE__ */ jsx2("div", { className: "flex gap-1", children: ["critical", "high", "medium", "low"].map((sev) => /* @__PURE__ */ jsx2(
+                  "button",
+                  {
+                    onClick: () => setSeverity(sev),
+                    className: `flex-1 py-1 px-2 rounded text-xs font-medium capitalize transition-colors ${severity === sev ? sev === "critical" ? "bg-red-600 text-white" : sev === "high" ? "bg-orange-500 text-white" : sev === "medium" ? "bg-yellow-500 text-black" : "bg-gray-500 text-white" : "bg-gray-100 text-gray-600 hover:bg-gray-200"}`,
+                    children: sev
+                  },
+                  sev
+                )) })
+              ] }),
+              /* @__PURE__ */ jsxs("div", { className: "mb-3", children: [
+                /* @__PURE__ */ jsx2("label", { className: "block text-xs font-medium text-gray-700 mb-1", children: "What happened?" }),
+                /* @__PURE__ */ jsx2(
+                  "textarea",
+                  {
+                    value: description,
+                    onChange: (e) => setDescription(e.target.value),
+                    placeholder: "Describe the issue...",
+                    rows: 3,
+                    className: "w-full px-3 py-2 text-sm border border-gray-300 rounded-lg focus:ring-2 focus:ring-purple-500 focus:border-purple-500 resize-none"
+                  }
+                )
+              ] }),
+              /* @__PURE__ */ jsx2(
+                "button",
+                {
+                  onClick: handleSubmitReport,
+                  disabled: submitting || !description.trim(),
+                  className: "w-full py-2 px-4 bg-purple-600 text-white rounded-lg font-medium text-sm hover:bg-purple-700 disabled:opacity-50 disabled:cursor-not-allowed transition-colors",
+                  children: submitting ? "Submitting..." : "Submit Report"
+                }
+              )
+            ] }) })
+          ] }),
+          /* @__PURE__ */ jsxs("div", { className: "px-4 py-2 bg-gray-50 border-t border-gray-200 flex items-center justify-between text-xs text-gray-400", children: [
+            /* @__PURE__ */ jsxs("span", { children: [
+              pendingCount,
+              " pending \xB7 ",
+              inProgressCount,
+              " in progress"
+            ] }),
+            /* @__PURE__ */ jsx2(
+              "button",
+              {
+                onClick: refreshAssignments,
+                className: "hover:text-gray-600",
+                children: "\u21BB Refresh"
+              }
+            )
+          ] })
+        ] })
+      ]
+    }
+  );
+}
+
+// src/BugBearErrorBoundary.tsx
+import { Component } from "react";
+import { captureError, contextCapture } from "@bbearai/core";
+import { jsx as jsx3, jsxs as jsxs2 } from "react/jsx-runtime";
+var BUGBEAR_LOGO_BASE64 = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAYAAACqaXHeAAAAAXNSR0IArs4c6QAAAJhlWElmTU0AKgAAAAgABAEaAAUAAAABAAAAPgEbAAUAAAABAAAARgEoAAMAAAABAAIAAIdpAAQAAAABAAAATgAAAAAAAABIAAAAAQAAAEgAAAABAASQBAACAAAAFAAAAISgAQADAAAAAQABAACgAgAEAAAAAQAAAECgAwAEAAAAAQAAAEAAAAAAMjAyNjowMToyNCAxNjoyMTozOAAvO6cIAAAACXBIWXMAAAsTAAALEwEAmpwYAAACo2lUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iWE1QIENvcmUgNi4wLjAiPgogICA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPgogICAgICA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIgogICAgICAgICAgICB4bWxuczpJcHRjNHhtcEV4dD0iaHR0cDovL2lwdGMub3JnL3N0ZC9JcHRjNHhtcEV4dC8yMDA4LTAyLTI5LyIKICAgICAgICAgICAgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIj4KICAgICAgICAgPElwdGM0eG1wRXh0OkRpZ2l0YWxTb3VyY2VUeXBlPmh0dHA6Ly9jdi5pcHRjLm9yZy9uZXdzY29kZXMvZGlnaXRhbHNvdXJjZXR5cGUvdHJhaW5lZEFsZ29yaXRobWljTWVkaWE8L0lwdGM0eG1wRXh0OkRpZ2l0YWxTb3VyY2VUeXBlPgogICAgICAgICA8SXB0YzR4bXBFeHQ6RGlnSW1hZ2VHVUlEPmZjNzJlN2Q2LTYyYTEtNDE1ZS04MjY5LWM2NjA4MjY0OWRiMDwvSXB0YzR4bXBFeHQ6RGlnSW1hZ2VHVUlEPgogICAgICAgICA8eG1wOkNyZWF0ZURhdGU+MjAyNi0wMS0yNFQxNjoyMTozODwveG1wOkNyZWF0ZURhdGU+CiAgICAgIDwvcmRmOkRlc2NyaXB0aW9uPgogICA8L3JkZjpSREY+CjwveDp4bXBtZXRhPgri4oBIAAAU90lEQVR4Ae1aCZRV1ZXd97355/q/fv2q/2ukBigsChFlEgEFHLCNreIQQouLaByyDG1iVmsbY2sSo4YY55XExETNZKJGIq0goggOiIICIpaMBTVT8/Tn8d3e95esJmv1kiqEjqu77lrvj2+4Z99z9tnnvAeMjlEERhEYRWAUgVEERhEYReD/KQL6P9hudX21yX/UPMT/3oVt1UB6OiCm0N7xvG4x35185xxEku+D/N4IaLv4eStyXTsxONjPzyd0nFgAHI5SxBKX08CvGoacVh2A67RyoLaE1nsFchw0V0ik0gIDMaCxR6KuBdjZItHeL1p53HrAeHbatEkbtm3bljoRSJwYAByOchr+bU7466eWI7BkFjC/VsBlA9r6JA50Ac29QH9UIp0BnFbAnwtU+QXGBQS8LoEW/r9yq8TfPpToDooPGCmPLVq08PkXXniBR3xZx3wYXNObuXLts8drcuV3Nbn7Z7p84huaXDBJyDyXinWNm1VCOD/bHBKai7/ZuBlSCCEr/UJeN1+Tr92myT0P6HL5Yl0WedVxxgaLxTHzy2m+3V7BVXrV79Hkb68dmvjtF2sy4FZG6xJWj0R+iURZtYR/DL+7pbDSaJdborJ2aKuokSiqICAEZYgY5eQxkH/+VwJJIK4/WyNAWgSa9TYp5Ynx3mNC12I5g6t+YH6tJut+qsunbtBliZfBzRWFp4BGjxsyfOxECXe+dHsc8mtfGcv/1T6a1B1OqTtdUnjzCUyOrKnOlzcsrpbLloyTM6YEsuc5qwZy232aXHGzLgsIMmD5Q2FhoeuY5ns8DzIMY76uiZ5l52my+TFNXjVbTY6GubwSY7ja4yZJBMr4G73A5pAlRR75/pOnyxfuGCNvuPIUuerRqfIny6pkwGtIXUDeclmO7H/5ZCnXFEn5ik+ar5bLN35xsjyp2icdVsgnv6nJnct1WVOSDYk1Pp/P80Xs+UJuZLFYpqdS6VfL81HwnfMknnkf2NHMUxYUAbk+wDTpyBJGdwvyLQmEEgKr7xmLs/0N6IMXrpwcPPJ8J37/gY7ukIlcSxwbbtXgjKXQy4zQFwdKCkiO4w00ynJc8tMBfLK3D3cs1HDtWcAljwC72rSXKyvLFjc2NnLvkY9jFkIOprhEIvEKL1nm4SI0xvLJY04kEmnE+pnTNAJhswOpDEosg7h/oR2nVTuwZGI34tEkHDKKrn6B3OIAbr0kB5fPzkPzgIF7nw8ih4f/+n2Bv2y3Yc1ODYV6GpOKwtjda8PW/Qls3MNTWyTuXyywcpusaekM50rTXHv33SMH4Jg8wOVyFUYikZVV5d5Z9367BhdM1ZBnTXLBJQ4FgWdWHcLyZ7oQ0uidzN6TS6NYfQ1lUCwDrz8Du5PJQnlGjg2ZYBLPviWw/I0UuhIGTvOZaIoCNQ4fvlVbhJZwEvXxFnznkiQuecrEp50ENS8P6O7AQ1dJnFYucOGDPJ2wXZlMxp4bKQTH4gGWVCr17KQJ/nPWPDQB8/wHYRzaD9l1CIm2dtjCfTh3Tg5mVAL/+fYgZo1L4xfXWGH2pBANm4jGNLjzNLJEBql4Gp8e1BF0FyJqteHCGV7IjIamQ0l8f2oVxlUFUJbvhjUZhd0Vwoo6oM+gp3m5CYENW8NYepYAQxDr68zZBQX5z0aj0fBIQDgWABbn5NhvX8lYnpTeiUx/ED0DwLptAh/v46UjJhyJEMYXZBDrATwW4PozkugPSq4SECjVYLeTEzkMft8TtOKRlUEEZBIN7WF8f6kPda0uzC0isdB4zWKBmeqhNw3iDx8JJD1+hhcBtDthxpPYvDuOh64UWL8L7sautI0Ivpo9+TBfjgWA5VeclXfS18d3wTBj2Nyo47qndWza5cTGgxY8vzMNIybhZTjY4gJpWj1zoonCYoFAoZr7kPFCY3SkBCz9JpWgjhvOIVcYBK0/hEWXBPDM1gyqNQPhgQE4bE1Y25rGm8052dUXDJ9sBeFwoLctSOUosXgm8NfN5kSPp2BFIhHtG6b92UpsuPvC6XQWp9Pp+2r90jneF4c3R+LG31pwYd4YLJ1QhAVlPvgtNjy2I4pCq5kFYS5Ln6RDw49WAu8TrNnVGmh7tvwTJErFG5UFJgooFwJFOr72OwP1Df047+xcrHijFVP97aiLx/DgZgMxL4sIw1DePzR0cgnHx/voORcLbGmAtaErFacXrBva4eivI/IA0zSv5La4tT+Dmy8Q6KKmjzQV4SuTypBXmIccrxM1BW64qNZfahzEeeUSiRwdi55i4eN34+oFLhTaE0wQJjlQQHmBk1LGk0vxR6OsVgsWLcjH5mYdVYz5eJ4TT2zqxR/32BF0snrioBrMekDWl5hp4t1BlOSZmFcDvLzdHOPz5T0di8USRzefHjmcnQ7vQ+MXTizRYNIFe1i8OjIGZpblwZHr4qQE3VuHxePCBZPGoJKTtbDY/eFqibNnuPCnqzPIa+/F3h1pDPTS4M9CQXmzaTKmGdfB3hS6Nx3CrSfHUJsXxY1zU6iPORB1BIAc95CuiEcgB7qzpIueDq5AKIvinzaZmDlOFVIo7xuMnHl4zkd7H7YHeDweXyKRvO+Bf9Fy6rny8ZjAGaUZJGI+ON1UK1xBtSLpZAZ9A70IuLuRa89ge9iCB74mUb8lig4WuFHOt1+RY56gMFQHDfkz7UdvOzPHZuCxt1KYWmxiyoQUkmwZvPkRF1MB1teJAgJRFChCWcVYFJWUwWkxkAwPoL07hivPEGjoBuo7BK9grj2a8er/oSAaxp7BaHSC04bAKWVAgrn9yfck5pHR82QjetoNah4vkmTlWJx1rLUZYzwpOFwaRY6AEUyg7ZDAxhbW/UmJSXR5F4mrdjq9Zsh+gseygaCs2G8iXDYV68wSnNa2GktnOvDIS2FEIhLT/+kKlI6fCDfT4Ccb16FtXx2E1YrqqbPQUn8AW+p3Mww0rN1pnq6KJVVZHs204YdAWp5Ejsuuc2O3xADFyr+/amJbbwKxzC6Ewtsp+uogjYNIJFPZGHcyBM4cm0ZkUOK5fQIPfSLx1F6BBxvy8OY+iThTowpnJYqkKeD0sBhgzyCTiMBROQevfaqhzB5CVaENp5xzKTLcORyN4JWnH8UHyU60nTsDbfEB7NnyLnzFJVhVX4zCbGUgK70cRzNe/T/sEKCPXzqlUsw/fSxX/20CW1CMnpgFr9czF7eb2NyZwofcWgc0jKNQc7LSLS4V8HAaTa0CP9koEE5JOJx2/OXltXhzRyPGZQ6imJyiCFEnEA67wLZ2JzZs68M7b75GYrMgGDPx4qHJSKcon91eHPxgI9pqS3HR/cuxfNESbK0owsC2nUi2t1IrFKLC3omPmmFLpuUfM5kM3fHzx/A9gE0b1vYYjKkT0hFsXKpAMcziKuzXSrA5mId1zQJTJlLf868k21wqxTFEs4QXJmEiN4BYNIGHl9+DuvYItjXScK6+jVVze1jDW002TK8ROGuqA1+dbuBHV+XjrztzkBI21hgxekYcHekgxA1XY28shFWtBxEaWw559ixyDz0tGkN9nw05dlgTiQz14dHHsDmAp7K5KMNV/GcBUCAwblUMgjJWMp+5ZAg+9jJ6mSGYwdDalPVu7GjRURNIYtBposuSg9fXDvHTHUsFWrnvA5sK8VqjH30xK8prapGx1+Pec7ZBC7fjozYf4lof8irHYaClEenZ0yEKfNgfCWJ/qB+wO6BXkJioD4g4wkkDFj3OuekMhrSa7OeOkQCgQvUz0jqCW9SPCghukbjEgxslrj9Fg49a37AI8oPAjGkaNlwzAWZfOzq7Ili3m7VBMI1/nmvHg69b8fhLdCsXUxpbBsloEEYqAudFuegI9WIgriOlR0EBhvBgL+TE82lohiFD5yWDSkUioXA2BSuFZJD31NJwDMu7RwJAdJDEpxqb2ZE1/LPPvLCMx1HE7tZPL6RDDGTYtdIQoHDz+dgEYkYwuxo48RSqcoGb5qmV0dBqVuCr8zV09Lbhb1sH0BFk2gt34/ZFhTwugPp9/TTGzGoMpT1SmSQXQRlI25QcVNdNpaDtbyDY7JZQhwRyUkiRUEmlwyqKRgJAZ8eApGur1CW5CMoIdSF6gHICavar5lHOsgfSzJLYSZmshJsrR2Tb3iIdzTJ+JK1h9U4BK4+dNo36xmPgrm+MwQ0XJ9F4KIHdO7tx3QU+rHynB6cUZ+CzJ9GaoPGMf02Qs9voKd0UQnR9ugUv1grr3kYWTQbxjaLanyZxsgi3aj1Icl5HGSMAQBxoYktbeYCK794kz07jskJG0moziZkVTFOsBi3kCiXTYxRLar2y6Vi5J8nurQ+BW1eYaAtm8PDlrfjKHD+E28r0pWOwLYKt3U6kXxyAx96LWjaVJrjjaBhMIMp7JDZWgNjH0nvyxKwnsJqC5ZX1sNI1Y4kkTi/sY/msQhG9Ho+9I6jmeJQxfAAs2p72ATNDoafXUJa/18J4yFPyRS0/gWAee+lTEzdPptG6QJTCRUneQBENJxcoj01nJOafbOLndM7/2KTjphdDmPV+iCutI8GsESs9E3P+7bvY8vwvscy+DnUfAxcWp7CxKYgIu0fW0irYPt6NxLgq6C43jC0fwXKgFenJ0yAKfNgfCWJ/qB+wO6BXkJioD4g4wkkDFj3OuekMhrSa7OeOkQCgQvUz0jqCW9SPCghukbjEgxslrj9Fg49a37AI8oPAjGkaNlwzAWZfOzq7Ili3m7VBMI1/nmvHg69b8fhLdCsXUxpbBsloEEYqAudFuegI9WIgriOlR0EBhvBgL+TE82lohiFD5yWDSkUioXA2BSuFZJD31NJwDMu7RwJAdJDEpxqb2ZE1/LPPvLCMx1HE7tZPL6RDDGTYtdIQoHDz+dgEYkYwuxo48RSqcoGb5qmV0dBqVuCr8zV09Lbhb1sH0BFk2gt34/ZFhTwugPp9/TTGzGoMpT1SmSQXQRlI25QcVNdNpaDtbyDY7JZQhwRyUkiRUEmlwyqKRgJAZ8eApGur1CW5CMoIdSF6gHICavar5lHOsgfSzJLYSZmshJsrR2Tb3iIdzTJ+JK1h9U4BK4+dNo36xmPgrm+MwQ0XJ9F4KIHdO7tx3QU+rHynB6cUZ+CzJ9GaoPGMf02Qs9voKd0UQnR9ugUv1grr3kYWTQbxjaLanyZxsgi3aj1Icl5HGSMAQBxoYktbeYCK794kz07jskJG0moziZkVTFOsBi3kCiXTYxRLar2y6Vi5J8nurQ+BW1eYaAtm8PDlrfjKHD+E28r0pWOwLYKt3U6kXxyAx96LWjaVJrjjaBhMIMp7JDZWgNjH0nvyxKwnsJqC5ZX1sNI1Y4kkTi/sY/msQhG9Ho+9I6jmeJQxfAAs2p72ATNDoafXUJa/18J4yFPyRS0/gWAee+lTEzdPptG6QJTCRUneQBENJxcoj01nJOafbOLndM7/2KTjphdDmPV+iCutI8GsESs9E3P+7bvY8vwvscy+DnUfAxcWp7CxKYgIu0fW0irYPt6NxLgq6C43jC0fwXKgFemJ0yAKfNgfCWJ/qB+wO6BXkJioD4g4wkkDFj3OuekMhrSa7OeOkQCgQvUz0jqCW9SPCghukbjEgxslrj9Fg49a37AI8oPAjGkaNlwzAWZfOzq7Ili3m7VBMI1/nmvHg69b8fhLdCsXUxpbBsloEEYqAudFuegI9WIgriOlR0EBhvBgL+TE82lohiFD5yWDSkUioXA2BSuFZJD31NJwDMu7RwJAdJDEpxqb2ZE1/LPPvLCMx1HE7tZPL6RDDGTYtdIQoHDz+dgEYkYwuxo48RSqcoGb5qmV0dBqVuCr8zV09Lbhb1sH0BFk2gt34/ZFhTwugPp9/TTGzGoMpT1SmSQXQRlI25QcVNdNpaDtbyDY7JZQhwRyUkiRUEmlwyqKRgJAZ8eApGur1CW5CMoIdSF6gHICavar5lHOsgfSzJLYSZmshJsrR2Tb3iIdzTJ+JK1h9U4BK4+dNo36xmPgrm+MwQ0XJ9F4KIHdO7tx3QU+rHynB6cUZ+CzJ9GaoPGMf02Qs9voKd0UQnR9ugUv1grr3kYWTQbxjaLanyZxsgi3aj1Icl5HGSMAQBxoYktbeYCK794kz07jskJG0moziZkVTFOsBi3kCiXTYxRLar2y6Vi5J8nurQ+BW1eYaAtm8PDlrfjKHD+E28r0pWOwLYKt3U6kXxyAx96LWjaVJrjjaBhMIMp7JDZWgNjH0nvyxKwnsJqC5ZX1sNI1Y4kkTi/sY/msQhG9Ho+9I6jmeJQxfAAs2p72ATNDoafXUJa/18J4yFPyRS0/gWAee+lTEzdPptG6QJSAAAABJRU5ErkJggg==";
+var BugBearErrorBoundary = class extends Component {
+  constructor(props) {
+    super(props);
+    this.reset = () => {
+      this.setState({
+        hasError: false,
+        error: null,
+        errorInfo: null
+      });
+    };
+    this.state = {
+      hasError: false,
+      error: null,
+      errorInfo: null
+    };
+  }
+  static getDerivedStateFromError(error) {
+    return { hasError: true, error };
+  }
+  componentDidCatch(error, errorInfo) {
+    this.setState({ errorInfo });
+    const capturedError = captureError(error, {
+      componentStack: errorInfo.componentStack ?? void 0
+    });
+    console.error("BugBear: Error caught by ErrorBoundary", {
+      error: capturedError.errorMessage,
+      componentStack: capturedError.componentStack?.slice(0, 500)
+    });
+    this.props.onError?.(error, errorInfo);
+  }
+  render() {
+    const { hasError, error } = this.state;
+    const { children, fallback } = this.props;
+    if (hasError && error) {
+      if (typeof fallback === "function") {
+        return fallback(error, this.reset);
+      }
+      if (fallback) {
+        return fallback;
+      }
+      return /* @__PURE__ */ jsxs2(
+        "div",
+        {
+          style: {
+            padding: "20px",
+            margin: "20px",
+            backgroundColor: "#fef2f2",
+            border: "1px solid #fecaca",
+            borderRadius: "8px",
+            fontFamily: '-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif'
+          },
+          children: [
+            /* @__PURE__ */ jsxs2("div", { style: { display: "flex", alignItems: "center", gap: "8px", marginBottom: "12px" }, children: [
+              /* @__PURE__ */ jsx3("img", { src: BUGBEAR_LOGO_BASE64, alt: "BugBear", width: 28, height: 28, style: { objectFit: "contain" } }),
+              /* @__PURE__ */ jsx3("h3", { style: { margin: 0, color: "#991b1b", fontSize: "16px" }, children: "Something went wrong" })
+            ] }),
+            /* @__PURE__ */ jsx3("p", { style: { color: "#7f1d1d", fontSize: "14px", margin: "0 0 12px 0" }, children: error.message }),
+            /* @__PURE__ */ jsxs2("div", { style: { display: "flex", gap: "8px" }, children: [
+              /* @__PURE__ */ jsx3(
+                "button",
+                {
+                  onClick: this.reset,
+                  style: {
+                    padding: "8px 16px",
+                    backgroundColor: "#dc2626",
+                    color: "white",
+                    border: "none",
+                    borderRadius: "6px",
+                    fontSize: "14px",
+                    fontWeight: "500",
+                    cursor: "pointer"
+                  },
+                  children: "Try Again"
+                }
+              ),
+              /* @__PURE__ */ jsx3(
+                "button",
+                {
+                  onClick: () => window.location.reload(),
+                  style: {
+                    padding: "8px 16px",
+                    backgroundColor: "#f3f4f6",
+                    color: "#374151",
+                    border: "1px solid #d1d5db",
+                    borderRadius: "6px",
+                    fontSize: "14px",
+                    fontWeight: "500",
+                    cursor: "pointer"
+                  },
+                  children: "Reload Page"
+                }
+              )
+            ] }),
+            /* @__PURE__ */ jsx3("p", { style: { color: "#9ca3af", fontSize: "12px", marginTop: "12px" }, children: "The error has been captured by BugBear" })
+          ]
+        }
+      );
+    }
+    return children;
+  }
+};
+function useErrorContext() {
+  return {
+    captureError,
+    getEnhancedContext: () => contextCapture.getEnhancedContext()
+  };
+}
+
+// src/index.tsx
+import { contextCapture as contextCapture2, captureError as captureError2 } from "@bbearai/core";
+export {
+  BugBearErrorBoundary,
+  BugBearPanel,
+  BugBearProvider,
+  captureError2 as captureError,
+  contextCapture2 as contextCapture,
+  useBugBear,
+  useErrorContext
+};