@crimsonsunset/jsg-logger 1.7.4 → 1.7.5

package/devtools/dist/panel-entry.js

@@ -9981,7 +9981,7 @@ cjs.exports.default = Draggable;
 cjs.exports.DraggableCore = DraggableCore2;
 var cjsExports = cjs.exports;
 const Draggable$1 = /* @__PURE__ */ getDefaultExportFromCjs(cjsExports);
-function FloatingButton({ onClick, isActive, logCount = 0 }) {
+function FloatingButton({ onClick, isActive, logCount = 0, onClose }) {
   const widgetWidth = 112;
   const widgetHeight = 185;
   const positionPresets = {
@@ -10107,7 +10107,9 @@ function FloatingButton({ onClick, isActive, logCount = 0 }) {
                 className: "drag-handle",
                 cursor: "grab",
                 padding: 6,
-                textAlign: "center",
+                display: "flex",
+                alignItems: "center",
+                justifyContent: "space-between",
                 borderBottom: "1px solid #4a5568",
                 background: "#0d1f28",
                 borderTopLeftRadius: 8,
@@ -10122,7 +10124,34 @@ function FloatingButton({ onClick, isActive, logCount = 0 }) {
                 onMouseLeave: (e2) => {
                   e2.currentTarget.style.background = "#0d1f28";
                 },
-                children: /* @__PURE__ */ u$1(Text, { size: 300, color: "#718096", fontWeight: 600, children: "⋮⋮ drag ⋮⋮" })
+                children: [
+                  /* @__PURE__ */ u$1(Text, { size: 300, color: "#718096", fontWeight: 600, children: "⋮⋮ drag ⋮⋮" }),
+                  onClose && /* @__PURE__ */ u$1(
+                    Pane,
+                    {
+                      cursor: "pointer",
+                      padding: 2,
+                      onClick: (e2) => {
+                        e2.stopPropagation();
+                        onClose();
+                      },
+                      onMouseEnter: (e2) => {
+                        e2.currentTarget.style.color = "#e53e3e";
+                      },
+                      onMouseLeave: (e2) => {
+                        e2.currentTarget.style.color = "#718096";
+                      },
+                      style: {
+                        color: "#718096",
+                        transition: "color 0.2s",
+                        fontSize: "14px",
+                        fontWeight: "bold",
+                        lineHeight: "1"
+                      },
+                      children: "✕"
+                    }
+                  )
+                ]
               }
             ),
             /* @__PURE__ */ u$1(
@@ -12867,7 +12896,7 @@ let devtoolsModule = null;
 let devtoolsModulePromise = null;
 if (defaultDevtoolsEnabled) {
   metaLog("[JSG-LOGGER] DevTools module pre-loading started (default config enabled)");
-  devtoolsModulePromise = import("./panel-entry-DzGsV7s-.js").then((module) => {
+  devtoolsModulePromise = import("./panel-entry-BZ56bT66.js").then((module) => {
     devtoolsModule = module;
     metaLog("[JSG-LOGGER] DevTools module pre-loaded successfully");
     return module;
@@ -13240,7 +13269,7 @@ const _JSGLogger = class _JSGLogger {
                 devtoolsModule = await devtoolsModulePromise;
               } else {
                 devtoolsLogger2.info("Loading DevTools module dynamically (runtime config override)...");
-                devtoolsModule = await import("./panel-entry-DzGsV7s-.js");
+                devtoolsModule = await import("./panel-entry-BZ56bT66.js");
               }
             } else {
               devtoolsLogger2.info("Using pre-loaded DevTools module");