@rebasepro/studio 0.2.3 → 0.3.0

package/dist/index.umd.js

@@ -31,6 +31,11 @@
       name: "RLS Policies",
       description: "Configure Row Level Security for fine-grained data access",
       icon: "ShieldCheck"
+    }, {
+      path: "/logs",
+      name: "Logs Explorer",
+      description: "Real-time system, query, and authentication logs",
+      icon: "Activity"
     }]
   }, {
     label: "Compute",
@@ -611,6 +616,9 @@
   const ApiExplorer$2 = React.lazy(() => Promise.resolve().then(() => ApiExplorer$1).then((m) => ({
     default: m.ApiExplorer
   })));
+  const LogsExplorer$2 = React.lazy(() => Promise.resolve().then(() => LogsExplorer$1).then((m) => ({
+    default: m.LogsExplorer
+  })));
   const DEFAULT_HOME_PAGE = /* @__PURE__ */ jsxRuntime.jsx(StudioHomePage, {});
   function RebaseStudio({
     tools,
@@ -620,7 +628,7 @@
     const resolvedHomePage = homePage ?? DEFAULT_HOME_PAGE;
     const devViews = React.useMemo(() => {
       const views = [];
-      const activeTools = tools ?? ["sql", "js", "rls", "storage", "cron", "schema-visualizer", "branches", "api"];
+      const activeTools = tools ?? ["sql", "js", "rls", "storage", "cron", "schema-visualizer", "branches", "api", "logs"];
       const suspense = (el) => /* @__PURE__ */ jsxRuntime.jsx(React.Suspense, { fallback: /* @__PURE__ */ jsxRuntime.jsx(ui.CircularProgressCenter, {}), children: el });
       if (activeTools.includes("sql")) {
         views.push({
@@ -702,6 +710,16 @@
           view: suspense(/* @__PURE__ */ jsxRuntime.jsx(ApiExplorer$2, {}))
         });
       }
+      if (activeTools.includes("logs")) {
+        views.push({
+          slug: "logs",
+          name: "Logs Explorer",
+          group: "Database",
+          icon: "Activity",
+          description: "Real-time system and query logs",
+          view: suspense(/* @__PURE__ */ jsxRuntime.jsx(LogsExplorer$2, {}))
+        });
+      }
       return views;
     }, [tools]);
     const homePageRef = React.useRef(resolvedHomePage);
@@ -2469,7 +2487,7 @@ WHERE id = ?;`);
           rowIndex: rowIndex_1
         }) => {
           if (column_0.key === "__cms_action__") {
-            const rowActions = getRowEntityActions(rowData_2);
+            const rowActions = getRowEntityActions(rowData_2 ?? {});
             if (rowActions.length === 0) {
               return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "h-full w-full" });
             }
@@ -2504,9 +2522,9 @@ WHERE id = ?;`);
           const value = rowData_2 ? rowData_2[column_0.key] : null;
           const displayValue = typeof value === "object" && value !== null ? JSON.stringify(value) : String(value ?? "");
           if (isEditing) {
-            return /* @__PURE__ */ jsxRuntime.jsx(FixedEditorOverlay, { displayValue, onSave: (val_2) => handleCellSave(val_2, rowData_2, column_0.key, rowIndex_1), onCancel: () => setEditingCell(null) });
+            return /* @__PURE__ */ jsxRuntime.jsx(FixedEditorOverlay, { displayValue, onSave: (val_2) => handleCellSave(val_2, rowData_2 ?? {}, column_0.key, rowIndex_1), onCancel: () => setEditingCell(null) });
           }
-          return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "px-4 py-1.5 h-full flex items-center whitespace-nowrap text-[13px] text-text-primary dark:text-text-primary-dark font-mono cursor-text group/cell", onDoubleClick: () => handleDoubleClick(rowIndex_1, column_0.key, displayValue, rowData_2), children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "truncate flex-grow", title: displayValue, children: displayValue === "" ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-text-disabled dark:text-text-disabled-dark italic text-[11px]", children: "NULL" }) : displayValue }) });
+          return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "px-4 py-1.5 h-full flex items-center whitespace-nowrap text-[13px] text-text-primary dark:text-text-primary-dark font-mono cursor-text group/cell", onDoubleClick: () => handleDoubleClick(rowIndex_1, column_0.key, displayValue, rowData_2 ?? {}), children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "truncate flex-grow", title: displayValue, children: displayValue === "" ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-text-disabled dark:text-text-disabled-dark italic text-[11px]", children: "NULL" }) : displayValue }) });
         } }) }),
         /* @__PURE__ */ jsxRuntime.jsxs("div", { className: ui.cls("p-2 px-4 border-t bg-surface-50 dark:bg-surface-900 flex justify-between items-center shrink-0", ui.defaultBorderMixin), children: [
           /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex space-x-4", children: [
@@ -2747,7 +2765,7 @@ interface RebaseAuth {
     changePassword(oldPassword: string, newPassword: string): Promise<{ success: boolean; message: string }>;
     sendVerificationEmail(): Promise<{ success: boolean; message: string }>;
     verifyEmail(token: string): Promise<{ success: boolean; message: string }>;
-    getSessions(): Promise<any[]>;
+    getSessions(): Promise<RebaseSession[]>;
     revokeSession(sessionId: string): Promise<{ success: boolean }>;
     revokeAllSessions(): Promise<{ success: boolean }>;
     getSession(): RebaseSession | null;
@@ -2769,8 +2787,8 @@ interface RebaseRole {
     id: string;
     name: string;
     isAdmin: boolean;
-    defaultPermissions: Record<string, any> | null;
-    config: Record<string, any> | null;
+    defaultPermissions: Record<string, unknown> | null;
+    config: Record<string, unknown> | null;
 }
 
 interface RebaseAdmin {
@@ -2781,8 +2799,8 @@ interface RebaseAdmin {
     deleteUser(userId: string): Promise<{ success: boolean }>;
     listRoles(): Promise<{ roles: RebaseRole[] }>;
     getRole(roleId: string): Promise<{ role: RebaseRole }>;
-    createRole(data: { id: string; name: string; isAdmin?: boolean; defaultPermissions?: any; config?: any }): Promise<{ role: RebaseRole }>;
-    updateRole(roleId: string, data: { name?: string; isAdmin?: boolean; defaultPermissions?: any; config?: any }): Promise<{ role: RebaseRole }>;
+    createRole(data: { id: string; name: string; isAdmin?: boolean; defaultPermissions?: Record<string, unknown>; config?: Record<string, unknown> }): Promise<{ role: RebaseRole }>;
+    updateRole(roleId: string, data: { name?: string; isAdmin?: boolean; defaultPermissions?: Record<string, unknown>; config?: Record<string, unknown> }): Promise<{ role: RebaseRole }>;
     deleteRole(roleId: string): Promise<{ success: boolean }>;
     bootstrap(): Promise<{ success: boolean; message: string; user: { uid: string; roles: string[] } }>;
 }
@@ -2791,7 +2809,7 @@ interface UploadFileProps {
     file: FileIcon;
     fileName?: string;
     path?: string;
-    metadata?: Record<string, any>;
+    metadata?: Record<string, unknown>;
     bucket?: string;
 }
 
@@ -2804,7 +2822,7 @@ interface UploadFileResult {
 interface DownloadConfig {
     url: string | null;
     fileNotFound?: boolean;
-    metadata?: any;
+    metadata?: Record<string, unknown>;
 }
 
 interface StorageSource {
@@ -2812,7 +2830,7 @@ interface StorageSource {
     getSignedUrl(pathOrUrl: string, bucket?: string): Promise<DownloadConfig>;
     getObject(path: string, bucket?: string): Promise<FileIcon | null>;
     deleteObject(path: string, bucket?: string): Promise<void>;
-    listObjects(path: string, options?: { bucket?: string; maxResults?: number; pageToken?: string }): Promise<any>;
+    listObjects(path: string, options?: { bucket?: string; maxResults?: number; pageToken?: string }): Promise<unknown>;
 }
 
 type RebaseData = {
@@ -2856,9 +2874,9 @@ interface RebaseClient {
     /** Storage operations */
     storage?: StorageSource;
     /** Call a custom server-side endpoint */
-    call<T = any>(endpoint: string, payload?: any): Promise<T>;
+    call<T = unknown>(endpoint: string, payload?: unknown): Promise<T>;
     /** Direct collection access (shorthand) */
-    [collectionSlug: string]: any;
+    [collectionSlug: string]: unknown;
 }
 
 /** The pre-configured client instance. Already authenticated with the current user session. */
@@ -3428,8 +3446,9 @@ return result;
     }
     if (mentionedSlugs.size === 0) return [];
     let rows = [];
-    if (resultValue?.data && Array.isArray(resultValue.data)) {
-      rows = resultValue.data;
+    const rv = resultValue;
+    if (rv?.data && Array.isArray(rv.data)) {
+      rows = rv.data;
     } else if (Array.isArray(resultValue)) {
       rows = resultValue;
     }
@@ -3691,7 +3710,8 @@ return result;
           duration: duration_0,
           timestamp: Date.now()
         });
-        if (value?.data && Array.isArray(value.data)) {
+        const resultObj = value;
+        if (resultObj?.data && Array.isArray(resultObj.data)) {
           setResultView("table");
         } else if (consoleEntries.length > 0 && value === void 0) {
           setResultView("console");
@@ -3756,10 +3776,11 @@ return result;
         data: []
       };
       let rows = [];
-      if (result.value?.data && Array.isArray(result.value.data)) {
-        rows = result.value.data.map((entity) => ({
+      const val = result.value;
+      if (val?.data && Array.isArray(val.data)) {
+        rows = val.data.map((entity) => ({
           id: entity.id,
-          ...entity.values,
+          ...entity.values ?? {},
           ...entity.values ? {} : entity
         }));
       } else if (Array.isArray(result.value)) {
@@ -3800,8 +3821,8 @@ return result;
       if (tableData.data.length === 0) return;
       const headers = tableData.columns.map((c_0) => c_0.key).join(",");
       const rows_0 = tableData.data.map((row_0) => tableData.columns.map((c_1) => {
-        const val = row_0[c_1.key];
-        const str = val === null || val === void 0 ? "" : String(val);
+        const val_0 = row_0[c_1.key];
+        const str = val_0 === null || val_0 === void 0 ? "" : String(val_0);
         return str.includes(",") ? `"${str}"` : str;
       }).join(","));
       const csv = [headers, ...rows_0].join("\n");
@@ -3821,9 +3842,9 @@ return result;
       const headerRow = `| ${headers_0.join(" | ")} |`;
       const dividerRow = `| ${headers_0.map(() => "---").join(" | ")} |`;
       const dataRows = tableData.data.map((row_1) => `| ${headers_0.map((h_0) => {
-        const val_0 = row_1[h_0];
-        if (val_0 === null || val_0 === void 0) return "";
-        return String(val_0).replace(/\|/g, "\\|").replace(/\n/g, " ");
+        const val_1 = row_1[h_0];
+        if (val_1 === null || val_1 === void 0) return "";
+        return String(val_1).replace(/\|/g, "\\|").replace(/\n/g, " ");
       }).join(" | ")} |`);
       const markdown = [headerRow, dividerRow, ...dataRows].join("\n");
       navigator.clipboard.writeText(markdown).then(() => {
@@ -3857,7 +3878,7 @@ return result;
               setSnippetName("");
               setShowSaveDialog(true);
             }, disabled: !activeTab?.code.trim(), children: /* @__PURE__ */ jsxRuntime.jsx(ui.SaveIcon, { size: ui.iconSize.smallest }) }) }),
-            result?.value && /* @__PURE__ */ jsxRuntime.jsx(ui.Tooltip, { title: "Export result as JSON", children: /* @__PURE__ */ jsxRuntime.jsx(ui.IconButton, { size: "small", onClick: exportResult, children: /* @__PURE__ */ jsxRuntime.jsx(ui.DownloadIcon, { size: ui.iconSize.smallest }) }) }),
+            result?.value != null && /* @__PURE__ */ jsxRuntime.jsx(ui.Tooltip, { title: "Export result as JSON", children: /* @__PURE__ */ jsxRuntime.jsx(ui.IconButton, { size: "small", onClick: exportResult, children: /* @__PURE__ */ jsxRuntime.jsx(ui.DownloadIcon, { size: ui.iconSize.smallest }) }) }),
             /* @__PURE__ */ jsxRuntime.jsxs(ui.Button, { size: "small", color: "primary", disabled: isRunning || !activeTab?.code.trim(), onClick: () => executeCode(), children: [
               isRunning ? /* @__PURE__ */ jsxRuntime.jsx(ui.CircularProgress, { size: "smallest", className: "mr-2" }) : /* @__PURE__ */ jsxRuntime.jsx(ui.PlayIcon, { size: ui.iconSize.smallest, className: "mr-2" }),
               "Run"
@@ -3872,7 +3893,7 @@ return result;
             /* @__PURE__ */ jsxRuntime.jsx(ui.Typography, { variant: "caption", className: "font-bold text-text-disabled dark:text-text-disabled-dark uppercase tracking-widest text-[10px]", children: t("studio_sql_query_results") }),
             result && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
               /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex-grow" }),
-              /* @__PURE__ */ jsxRuntime.jsxs(ui.Tabs, { value: resultView, onValueChange: (val_1) => setResultView(val_1), variant: "pill", className: "w-[unset] mr-2", children: [
+              /* @__PURE__ */ jsxRuntime.jsxs(ui.Tabs, { value: resultView, onValueChange: (val_2) => setResultView(val_2), variant: "pill", className: "w-[unset] mr-2", children: [
                 /* @__PURE__ */ jsxRuntime.jsx(ui.Tab, { value: "json", children: "JSON" }),
                 tableData.data.length > 0 && /* @__PURE__ */ jsxRuntime.jsx(ui.Tab, { value: "table", children: "Table" }),
                 result.console.length > 0 && /* @__PURE__ */ jsxRuntime.jsxs(ui.Tab, { value: "console", children: [
@@ -3921,7 +3942,7 @@ return result;
                 rowIndex
               }) => {
                 if (column.key === "__entity_action__") {
-                  const rowActions = getRowEntityActions(rowData_0);
+                  const rowActions = getRowEntityActions(rowData_0 ?? {});
                   if (rowActions.length === 0) return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "h-full w-full" });
                   if (rowActions.length === 1) {
                     const ra = rowActions[0];
@@ -3951,8 +3972,8 @@ return result;
                   }) }, ra_0.collection.collectionSlug)) }) });
                 }
                 if (!rowData_0) return null;
-                const val_2 = rowData_0[column.key];
-                const displayValue = typeof val_2 === "object" && val_2 !== null ? JSON.stringify(val_2) : String(val_2 ?? "");
+                const val_3 = rowData_0[column.key];
+                const displayValue = typeof val_3 === "object" && val_3 !== null ? JSON.stringify(val_3) : String(val_3 ?? "");
                 return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "px-4 py-1.5 h-full flex items-center whitespace-nowrap text-[13px] text-text-primary dark:text-text-primary-dark font-mono", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "truncate flex-grow", title: displayValue, children: displayValue === "" ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-text-disabled dark:text-text-disabled-dark italic text-[11px]", children: "NULL" }) : displayValue }) });
               } }) })
             ] }),
@@ -6842,10 +6863,27 @@ return result;
         }
       }
       load();
-      const t = setInterval(load, 15e3);
+      let timeoutId = null;
+      const scheduleNext = () => {
+        if (cancelled) return;
+        timeoutId = setTimeout(async () => {
+          if (document.visibilityState === "visible") {
+            await load();
+          }
+          scheduleNext();
+        }, 15e3);
+      };
+      scheduleNext();
+      const handleVisibility = () => {
+        if (document.visibilityState === "visible") {
+          load();
+        }
+      };
+      document.addEventListener("visibilitychange", handleVisibility);
       return () => {
         cancelled = true;
-        clearInterval(t);
+        if (timeoutId) clearTimeout(timeoutId);
+        document.removeEventListener("visibilitychange", handleVisibility);
       };
     }, []);
     React.useEffect(() => {
@@ -9138,7 +9176,7 @@ return result;
         try {
           JSON.parse(body);
         } catch (err) {
-          setValidationError(`Invalid JSON: ${err.message}`);
+          setValidationError(`Invalid JSON: ${err instanceof Error ? err.message : String(err)}`);
           return;
         }
       }
@@ -9183,7 +9221,7 @@ return result;
         setResponse({
           status: 0,
           statusText: "Network Error",
-          body: err_0.message ?? "Request failed",
+          body: err_0 instanceof Error ? err_0.message : "Request failed",
           time: Math.round(performance.now() - start)
         });
       } finally {
@@ -9511,7 +9549,7 @@ return result;
           }
         } catch (err) {
           if (!cancelled) {
-            setError(err.message ?? "Failed to load API spec");
+            setError(err instanceof Error ? err.message : "Failed to load API spec");
             setLoading(false);
           }
         }
@@ -9617,6 +9655,165 @@ return result;
     __proto__: null,
     ApiExplorer
   }, Symbol.toStringTag, { value: "Module" }));
+  const LEVEL_COLORS = {
+    debug: "#6c7086",
+    info: "#89b4fa",
+    warn: "#f9e2af",
+    error: "#f38ba8"
+  };
+  const SOURCE_COLORS = {
+    api: "#74c7ec",
+    auth: "#cba6f7",
+    storage: "#a6e3a1",
+    realtime: "#fab387",
+    system: "#6c7086"
+  };
+  function LogsExplorer() {
+    const [logs, setLogs] = React.useState([]);
+    const [level, setLevel] = React.useState("");
+    const [source, setSource] = React.useState("");
+    const [search, setSearch] = React.useState("");
+    const [autoScroll, setAutoScroll] = React.useState(true);
+    const containerRef = React.useRef(null);
+    const fetchLogs = React.useCallback(async () => {
+      try {
+        const params = new URLSearchParams();
+        if (level) params.set("level", level);
+        if (source) params.set("source", source);
+        if (search) params.set("search", search);
+        params.set("limit", "200");
+        const resp = await fetch(`/api/logs?${params}`);
+        if (resp.ok) {
+          const data = await resp.json();
+          setLogs(data.entries || []);
+        }
+      } catch {
+      }
+    }, [level, source, search]);
+    React.useEffect(() => {
+      let timeoutId = null;
+      let cancelled = false;
+      fetchLogs();
+      const scheduleNext = () => {
+        if (cancelled) return;
+        timeoutId = setTimeout(async () => {
+          if (document.visibilityState === "visible") {
+            await fetchLogs();
+          }
+          scheduleNext();
+        }, 3e3);
+      };
+      scheduleNext();
+      const handleVisibility = () => {
+        if (document.visibilityState === "visible") {
+          fetchLogs();
+        }
+      };
+      document.addEventListener("visibilitychange", handleVisibility);
+      return () => {
+        cancelled = true;
+        if (timeoutId) clearTimeout(timeoutId);
+        document.removeEventListener("visibilitychange", handleVisibility);
+      };
+    }, [fetchLogs]);
+    React.useEffect(() => {
+      if (autoScroll && containerRef.current) {
+        containerRef.current.scrollTop = containerRef.current.scrollHeight;
+      }
+    }, [logs, autoScroll]);
+    return /* @__PURE__ */ jsxRuntime.jsxs("div", { style: {
+      display: "flex",
+      flexDirection: "column",
+      height: "calc(100vh - 64px)",
+      background: "#1e1e2e",
+      color: "#cdd6f4"
+    }, children: [
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { style: {
+        display: "flex",
+        gap: 8,
+        padding: "8px 16px",
+        borderBottom: "1px solid #313244",
+        alignItems: "center",
+        flexWrap: "wrap"
+      }, children: [
+        /* @__PURE__ */ jsxRuntime.jsxs(ui.Select, { value: level, onValueChange: setLevel, size: "small", placeholder: "All Levels", children: [
+          /* @__PURE__ */ jsxRuntime.jsx(ui.SelectItem, { value: "", children: "All Levels" }),
+          /* @__PURE__ */ jsxRuntime.jsx(ui.SelectItem, { value: "debug", children: "Debug" }),
+          /* @__PURE__ */ jsxRuntime.jsx(ui.SelectItem, { value: "info", children: "Info" }),
+          /* @__PURE__ */ jsxRuntime.jsx(ui.SelectItem, { value: "warn", children: "Warn" }),
+          /* @__PURE__ */ jsxRuntime.jsx(ui.SelectItem, { value: "error", children: "Error" })
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsxs(ui.Select, { value: source, onValueChange: setSource, size: "small", placeholder: "All Sources", children: [
+          /* @__PURE__ */ jsxRuntime.jsx(ui.SelectItem, { value: "", children: "All Sources" }),
+          /* @__PURE__ */ jsxRuntime.jsx(ui.SelectItem, { value: "api", children: "API" }),
+          /* @__PURE__ */ jsxRuntime.jsx(ui.SelectItem, { value: "auth", children: "Auth" }),
+          /* @__PURE__ */ jsxRuntime.jsx(ui.SelectItem, { value: "storage", children: "Storage" }),
+          /* @__PURE__ */ jsxRuntime.jsx(ui.SelectItem, { value: "realtime", children: "Realtime" }),
+          /* @__PURE__ */ jsxRuntime.jsx(ui.SelectItem, { value: "system", children: "System" })
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsx(ui.TextField, { size: "small", placeholder: "Search logs...", value: search, onChange: (e) => setSearch(e.target.value), className: "flex-1 min-w-[200px]" }),
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-1.5 cursor-pointer", children: [
+          /* @__PURE__ */ jsxRuntime.jsx(ui.Checkbox, { id: "auto-scroll", checked: autoScroll, onCheckedChange: setAutoScroll, size: "small", padding: false }),
+          /* @__PURE__ */ jsxRuntime.jsx(ui.Label, { htmlFor: "auto-scroll", className: "text-xs select-none cursor-pointer", children: "Auto-scroll" })
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsxs("span", { style: {
+          fontSize: 12,
+          color: "#6c7086"
+        }, children: [
+          logs.length,
+          " entries"
+        ] })
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { ref: containerRef, style: {
+        flex: 1,
+        overflow: "auto",
+        fontFamily: "monospace",
+        fontSize: 12,
+        padding: "8px 0"
+      }, children: [
+        logs.map((log) => /* @__PURE__ */ jsxRuntime.jsxs("div", { style: {
+          padding: "2px 16px",
+          display: "flex",
+          gap: 8,
+          borderBottom: "1px solid #181825"
+        }, children: [
+          /* @__PURE__ */ jsxRuntime.jsx("span", { style: {
+            color: "#6c7086",
+            flexShrink: 0
+          }, children: new Date(log.timestamp).toLocaleTimeString() }),
+          /* @__PURE__ */ jsxRuntime.jsx("span", { style: {
+            color: LEVEL_COLORS[log.level] || "#cdd6f4",
+            width: 40,
+            flexShrink: 0,
+            textTransform: "uppercase",
+            fontWeight: 600
+          }, children: log.level }),
+          /* @__PURE__ */ jsxRuntime.jsxs("span", { style: {
+            color: SOURCE_COLORS[log.source] || "#cdd6f4",
+            width: 64,
+            flexShrink: 0
+          }, children: [
+            "[",
+            log.source,
+            "]"
+          ] }),
+          /* @__PURE__ */ jsxRuntime.jsx("span", { style: {
+            color: "#cdd6f4",
+            flex: 1
+          }, children: log.message })
+        ] }, log.id)),
+        logs.length === 0 && /* @__PURE__ */ jsxRuntime.jsx("div", { style: {
+          padding: 32,
+          textAlign: "center",
+          color: "#6c7086"
+        }, children: "No log entries yet. Logs will appear here as requests come in." })
+      ] })
+    ] });
+  }
+  const LogsExplorer$1 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+    __proto__: null,
+    LogsExplorer
+  }, Symbol.toStringTag, { value: "Module" }));
   Object.defineProperty(exports2, "StudioBridgeContext", {
     enumerable: true,
     get: () => core.StudioBridgeContext