@bbearai/react 0.1.10 → 0.1.11

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (3) hide show
  1. package/dist/index.js +10 -8
  2. package/dist/index.mjs +10 -8
  3. package/package.json +1 -1
package/dist/index.js CHANGED
@@ -959,6 +959,8 @@ function BugBearPanel({
959
959
  style: {
960
960
  zIndex: 2147483647,
961
961
  // Max z-index to stay above all modals
962
+ position: "fixed",
963
+ isolation: "isolate",
962
964
  left: panelPosition.x,
963
965
  top: panelPosition.y,
964
966
  fontFamily: '-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif',
@@ -974,7 +976,7 @@ function BugBearPanel({
974
976
  "data-drag-handle": true,
975
977
  onDoubleClick: handleDoubleClick,
976
978
  className: "flex items-center gap-2 px-3 py-2 bg-blue-500 text-white rounded-full shadow-lg hover:bg-blue-600 transition-colors",
977
- style: { cursor: draggable ? "grab" : "pointer" },
979
+ style: { cursor: draggable ? "grab" : "pointer", backgroundColor: "#3b82f6", color: "#ffffff" },
978
980
  children: [
979
981
  /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(BugBearIcon, { size: 24 }),
980
982
  /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { className: "font-medium", children: "BugBear" }),
@@ -982,14 +984,14 @@ function BugBearPanel({
982
984
  ]
983
985
  }
984
986
  ),
985
- !collapsed && /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: "w-80 bg-zinc-900 rounded-xl shadow-2xl border border-zinc-800 overflow-hidden", children: [
987
+ !collapsed && /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: "w-80 bg-zinc-900 rounded-xl shadow-2xl border border-zinc-800 overflow-hidden", style: { backgroundColor: "#18181b", border: "1px solid #27272a", borderRadius: "0.75rem", overflow: "hidden", boxShadow: "0 25px 50px -12px rgba(0,0,0,0.5)" }, children: [
986
988
  /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(
987
989
  "div",
988
990
  {
989
991
  "data-drag-handle": true,
990
992
  onDoubleClick: handleDoubleClick,
991
993
  className: "bg-zinc-950 text-white px-4 py-3 flex items-center justify-between border-b border-zinc-800",
992
- style: { cursor: draggable ? isDragging ? "grabbing" : "grab" : "default" },
994
+ style: { cursor: draggable ? isDragging ? "grabbing" : "grab" : "default", backgroundColor: "#09090b", color: "#ffffff", borderBottom: "1px solid #27272a", padding: "0.75rem 1rem" },
993
995
  children: [
994
996
  /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: "flex items-center gap-2", children: [
995
997
  /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(BugBearIcon, { size: 28 }),
@@ -1022,7 +1024,7 @@ function BugBearPanel({
1022
1024
  ]
1023
1025
  }
1024
1026
  ),
1025
- /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: "flex border-b border-zinc-800 bg-zinc-900", children: [
1027
+ /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: "flex border-b border-zinc-800 bg-zinc-900", style: { backgroundColor: "#18181b", borderBottom: "1px solid #27272a" }, children: [
1026
1028
  /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(
1027
1029
  "button",
1028
1030
  {
@@ -1065,7 +1067,7 @@ function BugBearPanel({
1065
1067
  }
1066
1068
  )
1067
1069
  ] }),
1068
- /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: "p-4 max-h-96 overflow-y-auto", children: [
1070
+ /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: "p-4 max-h-96 overflow-y-auto", style: { backgroundColor: "#18181b", color: "#d4d4d8", padding: "1rem" }, children: [
1069
1071
  activeTab === "tests" && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("div", { children: assignments.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: "text-center py-8", children: [
1070
1072
  /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { className: "text-4xl", children: "\u2705" }),
1071
1073
  /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("p", { className: "text-zinc-400 mt-2 font-medium", children: "All caught up!" }),
@@ -2061,8 +2063,8 @@ function BugBearPanel({
2061
2063
  )
2062
2064
  ] }) })
2063
2065
  ] }),
2064
- showProfileOverlay && /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: "absolute inset-0 bg-zinc-900 z-50 flex flex-col rounded-xl overflow-hidden", children: [
2065
- /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: "bg-zinc-950 text-white px-4 py-3 flex items-center justify-between border-b border-zinc-800", children: [
2066
+ showProfileOverlay && /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: "absolute inset-0 bg-zinc-900 z-50 flex flex-col rounded-xl overflow-hidden", style: { backgroundColor: "#18181b" }, children: [
2067
+ /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: "bg-zinc-950 text-white px-4 py-3 flex items-center justify-between border-b border-zinc-800", style: { backgroundColor: "#09090b", color: "#ffffff", borderBottom: "1px solid #27272a" }, children: [
2066
2068
  /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
2067
2069
  "button",
2068
2070
  {
@@ -2220,7 +2222,7 @@ function BugBearPanel({
2220
2222
  ] })
2221
2223
  ) })
2222
2224
  ] }),
2223
- /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("div", { className: "px-4 py-2 bg-zinc-950 border-t border-zinc-800 flex items-center justify-between text-xs text-zinc-500", children: activeTab === "messages" ? /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(import_jsx_runtime2.Fragment, { children: [
2225
+ /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("div", { className: "px-4 py-2 bg-zinc-950 border-t border-zinc-800 flex items-center justify-between text-xs text-zinc-500", style: { backgroundColor: "#09090b", borderTop: "1px solid #27272a", color: "#71717a" }, children: activeTab === "messages" ? /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(import_jsx_runtime2.Fragment, { children: [
2224
2226
  /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("span", { children: [
2225
2227
  threads.length,
2226
2228
  " thread",
package/dist/index.mjs CHANGED
@@ -929,6 +929,8 @@ function BugBearPanel({
929
929
  style: {
930
930
  zIndex: 2147483647,
931
931
  // Max z-index to stay above all modals
932
+ position: "fixed",
933
+ isolation: "isolate",
932
934
  left: panelPosition.x,
933
935
  top: panelPosition.y,
934
936
  fontFamily: '-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif',
@@ -944,7 +946,7 @@ function BugBearPanel({
944
946
  "data-drag-handle": true,
945
947
  onDoubleClick: handleDoubleClick,
946
948
  className: "flex items-center gap-2 px-3 py-2 bg-blue-500 text-white rounded-full shadow-lg hover:bg-blue-600 transition-colors",
947
- style: { cursor: draggable ? "grab" : "pointer" },
949
+ style: { cursor: draggable ? "grab" : "pointer", backgroundColor: "#3b82f6", color: "#ffffff" },
948
950
  children: [
949
951
  /* @__PURE__ */ jsx2(BugBearIcon, { size: 24 }),
950
952
  /* @__PURE__ */ jsx2("span", { className: "font-medium", children: "BugBear" }),
@@ -952,14 +954,14 @@ function BugBearPanel({
952
954
  ]
953
955
  }
954
956
  ),
955
- !collapsed && /* @__PURE__ */ jsxs("div", { className: "w-80 bg-zinc-900 rounded-xl shadow-2xl border border-zinc-800 overflow-hidden", children: [
957
+ !collapsed && /* @__PURE__ */ jsxs("div", { className: "w-80 bg-zinc-900 rounded-xl shadow-2xl border border-zinc-800 overflow-hidden", style: { backgroundColor: "#18181b", border: "1px solid #27272a", borderRadius: "0.75rem", overflow: "hidden", boxShadow: "0 25px 50px -12px rgba(0,0,0,0.5)" }, children: [
956
958
  /* @__PURE__ */ jsxs(
957
959
  "div",
958
960
  {
959
961
  "data-drag-handle": true,
960
962
  onDoubleClick: handleDoubleClick,
961
963
  className: "bg-zinc-950 text-white px-4 py-3 flex items-center justify-between border-b border-zinc-800",
962
- style: { cursor: draggable ? isDragging ? "grabbing" : "grab" : "default" },
964
+ style: { cursor: draggable ? isDragging ? "grabbing" : "grab" : "default", backgroundColor: "#09090b", color: "#ffffff", borderBottom: "1px solid #27272a", padding: "0.75rem 1rem" },
963
965
  children: [
964
966
  /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
965
967
  /* @__PURE__ */ jsx2(BugBearIcon, { size: 28 }),
@@ -992,7 +994,7 @@ function BugBearPanel({
992
994
  ]
993
995
  }
994
996
  ),
995
- /* @__PURE__ */ jsxs("div", { className: "flex border-b border-zinc-800 bg-zinc-900", children: [
997
+ /* @__PURE__ */ jsxs("div", { className: "flex border-b border-zinc-800 bg-zinc-900", style: { backgroundColor: "#18181b", borderBottom: "1px solid #27272a" }, children: [
996
998
  /* @__PURE__ */ jsxs(
997
999
  "button",
998
1000
  {
@@ -1035,7 +1037,7 @@ function BugBearPanel({
1035
1037
  }
1036
1038
  )
1037
1039
  ] }),
1038
- /* @__PURE__ */ jsxs("div", { className: "p-4 max-h-96 overflow-y-auto", children: [
1040
+ /* @__PURE__ */ jsxs("div", { className: "p-4 max-h-96 overflow-y-auto", style: { backgroundColor: "#18181b", color: "#d4d4d8", padding: "1rem" }, children: [
1039
1041
  activeTab === "tests" && /* @__PURE__ */ jsx2("div", { children: assignments.length === 0 ? /* @__PURE__ */ jsxs("div", { className: "text-center py-8", children: [
1040
1042
  /* @__PURE__ */ jsx2("span", { className: "text-4xl", children: "\u2705" }),
1041
1043
  /* @__PURE__ */ jsx2("p", { className: "text-zinc-400 mt-2 font-medium", children: "All caught up!" }),
@@ -2031,8 +2033,8 @@ function BugBearPanel({
2031
2033
  )
2032
2034
  ] }) })
2033
2035
  ] }),
2034
- showProfileOverlay && /* @__PURE__ */ jsxs("div", { className: "absolute inset-0 bg-zinc-900 z-50 flex flex-col rounded-xl overflow-hidden", children: [
2035
- /* @__PURE__ */ jsxs("div", { className: "bg-zinc-950 text-white px-4 py-3 flex items-center justify-between border-b border-zinc-800", children: [
2036
+ showProfileOverlay && /* @__PURE__ */ jsxs("div", { className: "absolute inset-0 bg-zinc-900 z-50 flex flex-col rounded-xl overflow-hidden", style: { backgroundColor: "#18181b" }, children: [
2037
+ /* @__PURE__ */ jsxs("div", { className: "bg-zinc-950 text-white px-4 py-3 flex items-center justify-between border-b border-zinc-800", style: { backgroundColor: "#09090b", color: "#ffffff", borderBottom: "1px solid #27272a" }, children: [
2036
2038
  /* @__PURE__ */ jsx2(
2037
2039
  "button",
2038
2040
  {
@@ -2190,7 +2192,7 @@ function BugBearPanel({
2190
2192
  ] })
2191
2193
  ) })
2192
2194
  ] }),
2193
- /* @__PURE__ */ jsx2("div", { className: "px-4 py-2 bg-zinc-950 border-t border-zinc-800 flex items-center justify-between text-xs text-zinc-500", children: activeTab === "messages" ? /* @__PURE__ */ jsxs(Fragment, { children: [
2195
+ /* @__PURE__ */ jsx2("div", { className: "px-4 py-2 bg-zinc-950 border-t border-zinc-800 flex items-center justify-between text-xs text-zinc-500", style: { backgroundColor: "#09090b", borderTop: "1px solid #27272a", color: "#71717a" }, children: activeTab === "messages" ? /* @__PURE__ */ jsxs(Fragment, { children: [
2194
2196
  /* @__PURE__ */ jsxs("span", { children: [
2195
2197
  threads.length,
2196
2198
  " thread",
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@bbearai/react",
3
- "version": "0.1.10",
3
+ "version": "0.1.11",
4
4
  "description": "BugBear React components for web apps",
5
5
  "main": "./dist/index.js",
6
6
  "module": "./dist/index.mjs",