@elizaos/ui 2.0.0-alpha.85 → 2.0.0-beta.2

package/components/pages/AutomationsChatPane.d.ts

@@ -0,0 +1,19 @@
+/**
+ * AutomationsChatPane — thin wrapper around PageScopedChatPane that
+ * configures it for the automations surface. Replaces the deleted
+ * AutomationRoomChatPane (~700 LOC of bespoke composer/transcript code)
+ * with a configuration of the shared chat pane primitive.
+ *
+ * Used as the in-shell chat sidebar in AutomationsFeed so users can say
+ * "make me a workflow that emails my Gmail digests" without leaving the
+ * page.
+ */
+export interface AutomationsChatPaneProps {
+    className?: string;
+    /** Optional title override (defaults to PageScope copy). */
+    title?: string;
+    /** Optional placeholder override. */
+    placeholder?: string;
+}
+export declare function AutomationsChatPane({ className, title, placeholder, }: AutomationsChatPaneProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=AutomationsChatPane.d.ts.map

package/components/pages/AutomationsChatPane.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AutomationsChatPane.d.ts","sourceRoot":"","sources":["../../../../../../src/components/pages/AutomationsChatPane.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;GASG;AAIH,MAAM,WAAW,wBAAwB;IACvC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,4DAA4D;IAC5D,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,qCAAqC;IACrC,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,wBAAgB,mBAAmB,CAAC,EAClC,SAAS,EACT,KAAK,EACL,WAAW,GACZ,EAAE,wBAAwB,2CAS1B"}

package/components/pages/AutomationsChatPane.js

@@ -0,0 +1,15 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+/**
+ * AutomationsChatPane — thin wrapper around PageScopedChatPane that
+ * configures it for the automations surface. Replaces the deleted
+ * AutomationRoomChatPane (~700 LOC of bespoke composer/transcript code)
+ * with a configuration of the shared chat pane primitive.
+ *
+ * Used as the in-shell chat sidebar in AutomationsFeed so users can say
+ * "make me a workflow that emails my Gmail digests" without leaving the
+ * page.
+ */
+import { PageScopedChatPane } from "./PageScopedChatPane.js";
+export function AutomationsChatPane({ className, title, placeholder, }) {
+    return (_jsx(PageScopedChatPane, { scope: "page-automations", className: className, title: title, placeholderOverride: placeholder }));
+}

package/components/pages/AutomationsFeed.d.ts

@@ -0,0 +1,38 @@
+/**
+ * AutomationsFeed — focused, single-screen list of every automation
+ * (tasks AND workflows) with the same row format. Click a row to open
+ * the matching editor (TaskEditor or WorkflowEditor).
+ *
+ * This component is intentionally separate from the existing
+ * `AutomationsView` — that surface is the full dashboard with sidebar
+ * chat, palette, node catalog, etc. This is the "obvious nobody thinks
+ * about it" feed for users who just want to see what's running.
+ *
+ * Backend dependencies:
+ *   GET  /api/automations          (existing)
+ *   GET  /api/workbench/tasks      (existing, via WorkbenchTask types)
+ *   POST /api/workbench/tasks      (existing)
+ *   POST /api/workflow/workflows   (existing)
+ *   POST /api/workflow/workflows/generate  (existing)
+ *   POST /api/workflow/workflows/:id/activate (existing)
+ *
+ * No backend changes are required.
+ */
+export type { FeedFilter } from "../../utils/automation-feed-filter";
+export { passesFilter } from "../../utils/automation-feed-filter";
+export interface AutomationsFeedProps {
+    /**
+     * Cred types the user has already connected. Used to compute the
+     * per-row "Connect <Provider> →" missing-creds banner. Keep this
+     * driven from the host (App.tsx pulls connector accounts) so the feed
+     * stays a pure display component.
+     */
+    connectedCredTypes?: ReadonlySet<string>;
+    /**
+     * Render the in-shell chat sidebar. Default: false (host opts in).
+     * Hidden on narrow viewports via the layout regardless.
+     */
+    showChatPane?: boolean;
+}
+export declare function AutomationsFeed({ connectedCredTypes, showChatPane, }?: AutomationsFeedProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=AutomationsFeed.d.ts.map

package/components/pages/AutomationsFeed.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AutomationsFeed.d.ts","sourceRoot":"","sources":["../../../../../../src/components/pages/AutomationsFeed.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAoCH,YAAY,EAAE,UAAU,EAAE,MAAM,oCAAoC,CAAC;AACrE,OAAO,EAAE,YAAY,EAAE,MAAM,oCAAoC,CAAC;AASlE,MAAM,WAAW,oBAAoB;IACnC;;;;;OAKG;IACH,kBAAkB,CAAC,EAAE,WAAW,CAAC,MAAM,CAAC,CAAC;IACzC;;;OAGG;IACH,YAAY,CAAC,EAAE,OAAO,CAAC;CACxB;AAyDD,wBAAgB,eAAe,CAAC,EAC9B,kBAAkB,EAClB,YAAoB,GACrB,GAAE,oBAAyB,2CA4T3B"}

package/components/pages/AutomationsFeed.js

@@ -0,0 +1,278 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * AutomationsFeed — focused, single-screen list of every automation
+ * (tasks AND workflows) with the same row format. Click a row to open
+ * the matching editor (TaskEditor or WorkflowEditor).
+ *
+ * This component is intentionally separate from the existing
+ * `AutomationsView` — that surface is the full dashboard with sidebar
+ * chat, palette, node catalog, etc. This is the "obvious nobody thinks
+ * about it" feed for users who just want to see what's running.
+ *
+ * Backend dependencies:
+ *   GET  /api/automations          (existing)
+ *   GET  /api/workbench/tasks      (existing, via WorkbenchTask types)
+ *   POST /api/workbench/tasks      (existing)
+ *   POST /api/workflow/workflows   (existing)
+ *   POST /api/workflow/workflows/generate  (existing)
+ *   POST /api/workflow/workflows/:id/activate (existing)
+ *
+ * No backend changes are required.
+ */
+import { Button, PagePanel, Spinner, StatusBadge } from "@elizaos/ui";
+import { Calendar, CheckCircle2, ChevronRight, ListChecks, MessageSquare, Pause, Play, Plus, RefreshCw, Workflow, } from "lucide-react";
+import { useCallback, useEffect, useMemo, useRef, useState } from "react";
+import { client } from "../../api/index.js";
+import { useAutomationDeepLink } from "../../hooks/useAutomationDeepLink.js";
+import { passesFilter, } from "../../utils/automation-feed-filter.js";
+import { formatSchedule } from "../../utils/cron-format.js";
+import { decodeScheduleTags } from "../../utils/task-schedule.js";
+import { AutomationsChatPane } from "./AutomationsChatPane.js";
+import { TaskEditor } from "./TaskEditor.js";
+import { WorkflowEditor } from "./WorkflowEditor.js";
+import { VISUALIZE_WORKFLOW_EVENT, } from "./workflow-graph-events.js";
+export { passesFilter } from "../../utils/automation-feed-filter.js";
+const FILTER_LABELS = {
+    all: "All",
+    tasks: "Tasks",
+    workflows: "Workflows",
+    active: "Active",
+    inactive: "Inactive",
+};
+const NEW_AUTOMATION_LINK_ID = "__new__";
+function automationToRow(item) {
+    const isWorkflow = item.type === "workflow";
+    const schedule = isWorkflow
+        ? item.schedules
+            .map((trigger) => {
+            if (trigger.cronExpression)
+                return formatSchedule(trigger.cronExpression);
+            if (trigger.displayName)
+                return trigger.displayName;
+            return null;
+        })
+            .filter((s) => Boolean(s))
+            .join(", ") || null
+        : (() => {
+            const decoded = decodeScheduleTags(item.task?.tags);
+            if (decoded.kind === "recurring" && decoded.cronExpression) {
+                return formatSchedule(decoded.cronExpression);
+            }
+            if (decoded.kind === "event" && decoded.eventName) {
+                return `On ${decoded.eventName}`;
+            }
+            return null;
+        })();
+    return {
+        key: item.id,
+        kind: isWorkflow ? "workflow" : "task",
+        title: item.title || "Untitled",
+        schedule,
+        active: item.enabled,
+        status: item.status,
+        lastUpdated: item.updatedAt,
+        source: item,
+    };
+}
+export function AutomationsFeed({ connectedCredTypes, showChatPane = false, } = {}) {
+    const [data, setData] = useState(null);
+    const [loading, setLoading] = useState(true);
+    const [error, setError] = useState(null);
+    const [filter, setFilter] = useState("all");
+    const [chooser, setChooser] = useState("closed");
+    const { link, setLink } = useAutomationDeepLink();
+    const [chatOpen, setChatOpen] = useState(showChatPane);
+    const rowRefs = useRef(new Map());
+    const editor = useMemo(() => {
+        if (link.kind === "list")
+            return { kind: "none" };
+        if (link.kind === "workflow")
+            return {
+                kind: "workflow",
+                workflowId: link.id === NEW_AUTOMATION_LINK_ID ? null : link.id,
+            };
+        return {
+            kind: "task",
+            taskId: link.id === NEW_AUTOMATION_LINK_ID ? null : link.id,
+        };
+    }, [link]);
+    const setEditor = useCallback((next) => {
+        if (next.kind === "none")
+            setLink({ kind: "list" });
+        else if (next.kind === "workflow")
+            setLink({
+                kind: "workflow",
+                id: next.workflowId ?? NEW_AUTOMATION_LINK_ID,
+            });
+        else
+            setLink({
+                kind: "task",
+                id: next.taskId ?? NEW_AUTOMATION_LINK_ID,
+            });
+    }, [setLink]);
+    const refresh = useCallback(async () => {
+        setLoading(true);
+        setError(null);
+        try {
+            const res = await client.listAutomations();
+            setData(res);
+        }
+        catch (e) {
+            setError(e instanceof Error ? e.message : "Failed to load automations.");
+        }
+        finally {
+            setLoading(false);
+        }
+    }, []);
+    useEffect(() => {
+        void refresh();
+    }, [refresh]);
+    const automations = useMemo(() => (Array.isArray(data?.automations) ? data.automations : []), [data]);
+    // Behavior #4: external "show only failed runs" / chip filter dispatcher.
+    useEffect(() => {
+        if (typeof window === "undefined")
+            return;
+        const handler = (event) => {
+            const detail = event.detail;
+            if (detail?.filter)
+                setFilter(detail.filter);
+        };
+        window.addEventListener("eliza:automations:setFilter", handler);
+        return () => window.removeEventListener("eliza:automations:setFilter", handler);
+    }, []);
+    // Behavior #3: chat agent says "show me this workflow" → scroll + open.
+    useEffect(() => {
+        if (typeof window === "undefined")
+            return;
+        const handler = (event) => {
+            const detail = event
+                .detail;
+            if (!detail?.workflowId)
+                return;
+            setLink({ kind: "workflow", id: detail.workflowId });
+            const row = rowRefs.current.get(detail.workflowId);
+            row?.scrollIntoView({ behavior: "smooth", block: "center" });
+        };
+        window.addEventListener(VISUALIZE_WORKFLOW_EVENT, handler);
+        return () => window.removeEventListener(VISUALIZE_WORKFLOW_EVENT, handler);
+    }, [setLink]);
+    const rows = useMemo(() => {
+        return automations
+            .map(automationToRow)
+            .filter((r) => passesFilter(r, filter));
+    }, [automations, filter]);
+    const tasksCount = useMemo(() => automations.filter((a) => a.type !== "workflow").length, [automations]);
+    const workflowsCount = typeof data?.summary?.workflowCount === "number"
+        ? data.summary.workflowCount
+        : automations.filter((a) => a.type === "workflow").length;
+    // Editor mode
+    if (editor.kind === "task") {
+        const existing = editor.taskId && data
+            ? data.automations.find((a) => a.task?.id === editor.taskId)
+            : null;
+        const decoded = decodeScheduleTags(existing?.task?.tags);
+        return (_jsx(TaskEditor, { initial: {
+                id: existing?.task?.id,
+                name: existing?.task?.name,
+                prompt: existing?.task?.description,
+                scheduleKind: decoded.kind,
+                cronExpression: decoded.cronExpression,
+                eventName: decoded.eventName,
+            }, onSaved: () => {
+                setEditor({ kind: "none" });
+                void refresh();
+            }, onCancel: () => setEditor({ kind: "none" }) }));
+    }
+    if (editor.kind === "workflow") {
+        return (_jsx(WorkflowEditorLoader, { workflowId: editor.workflowId, onSaved: () => {
+                setEditor({ kind: "none" });
+                void refresh();
+            }, onCancel: () => setEditor({ kind: "none" }) }));
+    }
+    const feedContent = (_jsxs("div", { "data-testid": "automations-shell", className: `device-layout mx-auto flex w-full ${chatOpen ? "max-w-3xl" : "max-w-5xl"} flex-col gap-4 px-4 py-4 lg:px-6`, children: [_jsxs("div", { className: "flex flex-wrap items-end justify-between gap-3", children: [_jsxs("div", { className: "space-y-1.5", children: [_jsx("h1", { className: "text-lg font-semibold tracking-[-0.01em] text-txt", children: "Automations" }), _jsxs("p", { className: "text-sm text-muted-strong", children: [tasksCount, " task", tasksCount === 1 ? "" : "s", " \u00B7 ", workflowsCount, " ", "workflow", workflowsCount === 1 ? "" : "s"] })] }), _jsxs("div", { className: "flex items-center gap-2", children: [_jsx(Button, { variant: "ghost", size: "sm", onClick: () => setChatOpen((v) => !v), "aria-label": chatOpen ? "Hide chat" : "Show chat", "data-testid": "automations-feed-chat-toggle", children: _jsx(MessageSquare, { className: "h-3.5 w-3.5", "aria-hidden": true }) }), _jsx(Button, { variant: "ghost", size: "sm", onClick: () => void refresh(), disabled: loading, "aria-label": "Refresh", children: _jsx(RefreshCw, { className: `h-3.5 w-3.5 ${loading ? "animate-spin" : ""}`, "aria-hidden": true }) }), _jsxs(Button, { variant: "default", size: "sm", onClick: () => setChooser("task"), children: [_jsx(Plus, { className: "mr-1 h-3.5 w-3.5", "aria-hidden": true }), "New"] })] })] }), _jsx("div", { className: "flex flex-wrap gap-1.5", children: Object.keys(FILTER_LABELS).map((key) => (_jsx("button", { type: "button", onClick: () => setFilter(key), className: `rounded-full border px-3 py-1 text-xs transition-colors ${filter === key
+                        ? "border-accent bg-accent/10 text-accent"
+                        : "border-border/40 text-muted-strong hover:border-border"}`, children: FILTER_LABELS[key] }, key))) }), error && (_jsx("div", { className: "rounded-lg border border-danger/20 bg-danger/10 p-3 text-sm text-danger", children: error })), _jsx(PagePanel, { variant: "inset", className: "overflow-hidden rounded-2xl p-0", children: loading && !data ? (_jsx("div", { className: "flex items-center justify-center p-8", children: _jsx(Spinner, { className: "h-5 w-5" }) })) : rows.length === 0 ? (_jsxs("div", { className: "flex flex-col items-center gap-2 p-10 text-center text-sm text-muted-strong", children: [_jsx(ListChecks, { className: "h-6 w-6", "aria-hidden": true }), _jsx("div", { children: "No automations yet." }), _jsxs(Button, { variant: "default", size: "sm", onClick: () => setChooser("task"), children: [_jsx(Plus, { className: "mr-1 h-3.5 w-3.5", "aria-hidden": true }), "Create your first automation"] })] })) : (_jsx("ul", { className: "divide-y divide-border/40", children: rows.map((row) => (_jsx(FeedRowItem, { row: row, connectedCredTypes: connectedCredTypes, registerRef: (el) => {
+                            const id = row.source.workflowId ?? row.source.id;
+                            if (el)
+                                rowRefs.current.set(id, el);
+                            else
+                                rowRefs.current.delete(id);
+                        }, onOpen: () => {
+                            if (row.kind === "task") {
+                                setEditor({
+                                    kind: "task",
+                                    taskId: row.source.task?.id ?? null,
+                                });
+                            }
+                            else {
+                                setEditor({
+                                    kind: "workflow",
+                                    workflowId: row.source.workflowId ?? null,
+                                });
+                            }
+                        }, onRunNow: async () => {
+                            if (row.kind !== "workflow" || !row.source.workflowId)
+                                return;
+                            try {
+                                await client.activateWorkflowDefinition(row.source.workflowId);
+                                await refresh();
+                            }
+                            catch {
+                                /* error surfaced on next refresh */
+                            }
+                        } }, row.key))) })) }), chooser !== "closed" && (_jsx(ChooserSheet, { onChooseTask: () => {
+                    setChooser("closed");
+                    setEditor({ kind: "task", taskId: null });
+                }, onChooseWorkflow: () => {
+                    setChooser("closed");
+                    setEditor({ kind: "workflow", workflowId: null });
+                }, onClose: () => setChooser("closed") }))] }));
+    if (!chatOpen)
+        return feedContent;
+    return (_jsxs("div", { className: "flex h-full min-h-0 w-full", children: [_jsx("div", { className: "min-w-0 flex-1 overflow-y-auto", children: feedContent }), _jsxs("aside", { className: "hidden w-[360px] shrink-0 border-l border-border/40 bg-bg/40 lg:block", "data-testid": "automations-feed-chat-pane", children: [_jsxs("div", { className: "flex items-center justify-between border-b border-border/30 px-3 py-2 text-xs font-medium text-txt", children: [_jsx("span", { children: "Ask the agent" }), _jsx("button", { type: "button", onClick: () => setChatOpen(false), className: "text-muted-strong hover:text-txt", "aria-label": "Collapse chat", children: _jsx(ChevronRight, { className: "h-3.5 w-3.5", "aria-hidden": true }) })] }), _jsx(AutomationsChatPane, { className: "h-[calc(100%-37px)]" })] })] }));
+}
+function FeedRowItem({ row, onOpen, onRunNow, connectedCredTypes: _connectedCredTypes, registerRef, }) {
+    const Icon = row.kind === "workflow" ? Workflow : CheckCircle2;
+    return (_jsxs("li", { ref: registerRef, className: "group flex items-center gap-3 px-4 py-3 transition-colors hover:bg-bg-accent/40", children: [_jsxs("button", { type: "button", onClick: onOpen, className: "flex min-w-0 flex-1 items-center gap-3 text-left", children: [_jsx(Icon, { className: `h-4 w-4 shrink-0 ${row.kind === "workflow" ? "text-violet-400" : "text-blue-400"}`, "aria-hidden": true }), _jsxs("div", { className: "min-w-0 flex-1", children: [_jsxs("div", { className: "flex flex-wrap items-center gap-2", children: [_jsx("span", { className: "truncate text-sm font-medium text-txt", children: row.title }), _jsx(StatusBadge, { tone: "muted", label: row.kind === "workflow" ? "Workflow" : "Task" }), row.active ? (_jsx(StatusBadge, { tone: "success", label: "Active" })) : (_jsx(StatusBadge, { tone: "muted", label: "Inactive" }))] }), _jsxs("div", { className: "mt-0.5 flex flex-wrap items-center gap-2 text-xs text-muted-strong", children: [row.schedule && (_jsxs("span", { className: "inline-flex items-center gap-1", children: [_jsx(Calendar, { className: "h-3 w-3", "aria-hidden": true }), row.schedule] })), row.lastUpdated && (_jsxs("span", { children: ["Updated", " ", new Date(row.lastUpdated).toLocaleString(undefined, {
+                                                month: "short",
+                                                day: "numeric",
+                                                hour: "numeric",
+                                                minute: "2-digit",
+                                            })] }))] })] })] }), row.kind === "workflow" && (_jsx("button", { type: "button", "aria-label": row.active ? "Deactivate workflow" : "Activate workflow", onClick: onRunNow, className: "rounded-md border border-border/40 px-2 py-1 text-xs text-muted-strong opacity-0 transition-opacity hover:border-border group-hover:opacity-100 focus:opacity-100", children: row.active ? (_jsx(Pause, { className: "h-3 w-3", "aria-hidden": true })) : (_jsx(Play, { className: "h-3 w-3", "aria-hidden": true })) }))] }));
+}
+function ChooserSheet({ onChooseTask, onChooseWorkflow, onClose, }) {
+    return (_jsxs("div", { className: "fixed inset-0 z-50 flex items-end justify-center bg-black/40 p-4 lg:items-center", children: [_jsx("button", { type: "button", "aria-label": "Close", onClick: onClose, className: "absolute inset-0 cursor-default" }), _jsxs("dialog", { open: true, className: "relative m-0 w-full max-w-md rounded-2xl border border-border/40 bg-bg p-4 shadow-xl", "aria-modal": "true", children: [_jsx("h3", { className: "mb-3 text-base font-semibold text-txt", children: "What do you want to create?" }), _jsxs("div", { className: "grid gap-2", children: [_jsxs("button", { type: "button", onClick: onChooseTask, className: "flex items-start gap-3 rounded-xl border border-border/40 p-3 text-left transition-colors hover:border-accent hover:bg-accent/5", children: [_jsx(CheckCircle2, { className: "mt-0.5 h-5 w-5 shrink-0 text-blue-400", "aria-hidden": true }), _jsxs("div", { children: [_jsx("div", { className: "text-sm font-medium text-txt", children: "Task (simple prompt)" }), _jsx("div", { className: "text-xs text-muted-strong", children: "One prompt, run once or on a schedule. Pick this if you're not sure." })] })] }), _jsxs("button", { type: "button", onClick: onChooseWorkflow, className: "flex items-start gap-3 rounded-xl border border-border/40 p-3 text-left transition-colors hover:border-accent hover:bg-accent/5", children: [_jsx(Workflow, { className: "mt-0.5 h-5 w-5 shrink-0 text-violet-400", "aria-hidden": true }), _jsxs("div", { children: [_jsx("div", { className: "text-sm font-medium text-txt", children: "Workflow (node graph)" }), _jsx("div", { className: "text-xs text-muted-strong", children: "Multi-step. Trigger \u2192 actions \u2192 integrations. Edit JSON or generate from a prompt." })] })] })] })] })] }));
+}
+function WorkflowEditorLoader({ workflowId, onSaved, onCancel, }) {
+    const [loaded, setLoaded] = useState(workflowId ? null : { workflow: null });
+    const [loadError, setLoadError] = useState(null);
+    useEffect(() => {
+        if (!workflowId) {
+            setLoaded({ workflow: null });
+            return;
+        }
+        let cancelled = false;
+        void (async () => {
+            try {
+                const wf = await client.getWorkflowDefinition(workflowId);
+                if (!cancelled)
+                    setLoaded({ workflow: wf });
+            }
+            catch (e) {
+                if (!cancelled) {
+                    setLoadError(e instanceof Error ? e.message : "Failed to load workflow.");
+                }
+            }
+        })();
+        return () => {
+            cancelled = true;
+        };
+    }, [workflowId]);
+    if (loadError) {
+        return (_jsxs("div", { className: "p-6", children: [_jsx("div", { className: "rounded-lg border border-danger/20 bg-danger/10 p-3 text-sm text-danger", children: loadError }), _jsx(Button, { variant: "ghost", size: "sm", className: "mt-3", onClick: onCancel, children: "Back" })] }));
+    }
+    if (!loaded) {
+        return (_jsx("div", { className: "flex h-full items-center justify-center p-8", children: _jsx(Spinner, { className: "h-5 w-5" }) }));
+    }
+    return (_jsx("div", { className: "device-layout mx-auto flex h-full w-full max-w-7xl flex-col gap-4 px-4 py-4 lg:px-6", children: _jsx(WorkflowEditor, { initial: loaded.workflow, onSaved: onSaved, onCancel: onCancel }) }));
+}

package/components/pages/BrowserWorkspaceView.d.ts

@@ -0,0 +1,17 @@
+import { type JSX } from "react";
+declare module "react" {
+    namespace JSX {
+        interface IntrinsicElements {
+            "electrobun-webview": React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement> & {
+                src?: string;
+                partition?: string;
+                preload?: string;
+                sandbox?: boolean | "";
+                transparent?: boolean | "";
+                hidden?: boolean;
+            }, HTMLElement>;
+        }
+    }
+}
+export declare function BrowserWorkspaceView(): JSX.Element;
+//# sourceMappingURL=BrowserWorkspaceView.d.ts.map

package/components/pages/BrowserWorkspaceView.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"BrowserWorkspaceView.d.ts","sourceRoot":"","sources":["../../../../../../src/components/pages/BrowserWorkspaceView.tsx"],"names":[],"mappings":"AAkBA,OAAO,EACL,KAAK,GAAG,EAMT,MAAM,OAAO,CAAC;AAsFf,OAAO,QAAQ,OAAO,CAAC;IACrB,UAAU,GAAG,CAAC;QACZ,UAAU,iBAAiB;YACzB,oBAAoB,EAAE,KAAK,CAAC,iBAAiB,CAC3C,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,GAAG;gBAClC,GAAG,CAAC,EAAE,MAAM,CAAC;gBACb,SAAS,CAAC,EAAE,MAAM,CAAC;gBACnB,OAAO,CAAC,EAAE,MAAM,CAAC;gBACjB,OAAO,CAAC,EAAE,OAAO,GAAG,EAAE,CAAC;gBACvB,WAAW,CAAC,EAAE,OAAO,GAAG,EAAE,CAAC;gBAC3B,MAAM,CAAC,EAAE,OAAO,CAAC;aAClB,EACD,WAAW,CACZ,CAAC;SACH;KACF;CACF;AA0OD,wBAAgB,oBAAoB,IAAI,GAAG,CAAC,OAAO,CAguElD"}