@polpo-ai/dashboard 0.1.3 → 0.15.8

package/dist/views/playground.js

@@ -0,0 +1,43 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useEffect, useMemo, useRef, useState } from "react";
+import { ArrowUp, ChatCircleText, Plus, Stop } from "@phosphor-icons/react";
+import ReactMarkdown from "react-markdown";
+import { useAgents, useChat } from "@polpo-ai/react";
+import { Button, IconButton, PageHeader } from "../components.js";
+function messageText(content) {
+    if (typeof content === "string")
+        return content;
+    return content.map((part) => part.type === "text" ? part.text : `[${part.type}]`).join("\n");
+}
+export function PlaygroundView({ initialAgent }) {
+    const { agents, isLoading } = useAgents();
+    const [agent, setAgent] = useState(initialAgent ?? "");
+    useEffect(() => {
+        if (!agent && agents[0])
+            setAgent(agents[0].name);
+    }, [agent, agents]);
+    const chat = useChat({ agent: agent || undefined });
+    const bottomRef = useRef(null);
+    useEffect(() => bottomRef.current?.scrollIntoView({ behavior: "smooth" }), [chat.messages]);
+    const selected = useMemo(() => agents.find((item) => item.name === agent), [agents, agent]);
+    async function submit(event) {
+        event.preventDefault();
+        const form = event.currentTarget;
+        const input = form.elements.namedItem("message");
+        const value = input.value.trim();
+        if (!value || chat.isStreaming || !agent)
+            return;
+        input.value = "";
+        await chat.sendMessage(value);
+    }
+    return (_jsxs("div", { className: "pd-playground", children: [_jsx(PageHeader, { title: "Playground", description: "Call an agent through the same API your application uses.", actions: _jsxs(Button, { variant: "secondary", onClick: chat.newSession, children: [_jsx(Plus, { size: 15 }), "New chat"] }) }), _jsxs("div", { className: "pd-playground-toolbar", children: [_jsxs("label", { children: [_jsx("span", { children: "Agent" }), _jsx("select", { value: agent, disabled: isLoading, onChange: (event) => { setAgent(event.target.value); chat.newSession(); }, children: agents.map((item) => _jsx("option", { value: item.name, children: item.name }, item.name)) })] }), selected?.model ? _jsx("code", { children: selected.model }) : null] }), _jsxs("div", { className: "pd-chat-frame", children: [_jsxs("div", { className: "pd-messages", children: [chat.messages.length === 0 ? _jsxs("div", { className: "pd-chat-empty", children: [_jsx(ChatCircleText, { size: 30, weight: "duotone" }), _jsx("strong", { children: agent ? `Talk to ${agent}` : "Create an agent first" }), _jsx("span", { children: "Messages stream from your local Polpo runtime." })] }) : null, chat.messages.map((message) => _jsx(MessageBubble, { message: message }, message.id)), chat.error ? _jsx("div", { className: "pd-error", children: chat.error.message }) : null, _jsx("div", { ref: bottomRef })] }), _jsxs("form", { className: "pd-composer", onSubmit: (event) => void submit(event), children: [_jsx("textarea", { name: "message", rows: 2, placeholder: agent ? `Message ${agent}...` : "Create an agent first", disabled: !agent, onKeyDown: (event) => { if (event.key === "Enter" && !event.shiftKey) {
+                                    event.preventDefault();
+                                    event.currentTarget.form?.requestSubmit();
+                                } } }), chat.isStreaming ? _jsx(IconButton, { label: "Stop response", type: "button", onClick: chat.abort, children: _jsx(Stop, { size: 15, weight: "fill" }) }) : _jsx(IconButton, { label: "Send message", type: "submit", disabled: !agent, children: _jsx(ArrowUp, { size: 16, weight: "bold" }) })] })] })] }));
+}
+function MessageBubble({ message }) {
+    const text = messageText(message.content);
+    return (_jsxs("article", { className: "pd-message", "data-role": message.role, children: [_jsx("div", { className: "pd-message-role", children: message.role === "assistant" ? "Agent" : "You" }), _jsx("div", { className: "pd-markdown", children: _jsx(ReactMarkdown, { children: text || (message.role === "assistant" ? "Thinking..." : "") }) }), message.segments?.filter((segment) => segment.type === "tool_call").map((segment) => segment.type === "tool_call" ? _jsxs("div", { className: "pd-tool-call", children: [_jsx("span", { children: segment.toolCall.name }), _jsx("code", { children: segment.toolCall.state })] }, segment.toolCall.id) : null)] }));
+}
+//# sourceMappingURL=playground.js.map

package/dist/views/playground.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"playground.js","sourceRoot":"","sources":["../../src/views/playground.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAE,SAAS,EAAE,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAkB,MAAM,OAAO,CAAC;AAC7E,OAAO,EAAE,OAAO,EAAE,cAAc,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,uBAAuB,CAAC;AAC5E,OAAO,aAAa,MAAM,gBAAgB,CAAC;AAC3C,OAAO,EAAE,SAAS,EAAE,OAAO,EAAE,MAAM,iBAAiB,CAAC;AAErD,OAAO,EAAE,MAAM,EAAE,UAAU,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAElE,SAAS,WAAW,CAAC,OAA+B;IAClD,IAAI,OAAO,OAAO,KAAK,QAAQ;QAAE,OAAO,OAAO,CAAC;IAChD,OAAO,OAAO,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,IAAI,KAAK,MAAM,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,IAAI,CAAC,IAAI,GAAG,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;AAC/F,CAAC;AAED,MAAM,UAAU,cAAc,CAAC,EAAE,YAAY,EAA6B;IACxE,MAAM,EAAE,MAAM,EAAE,SAAS,EAAE,GAAG,SAAS,EAAE,CAAC;IAC1C,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAC,YAAY,IAAI,EAAE,CAAC,CAAC;IACvD,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,CAAC,KAAK,IAAI,MAAM,CAAC,CAAC,CAAC;YAAE,QAAQ,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC;IACpD,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,CAAC,CAAC,CAAC;IACpB,MAAM,IAAI,GAAG,OAAO,CAAC,EAAE,KAAK,EAAE,KAAK,IAAI,SAAS,EAAE,CAAC,CAAC;IACpD,MAAM,SAAS,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAC;IAC/C,SAAS,CAAC,GAAG,EAAE,CAAC,SAAS,CAAC,OAAO,EAAE,cAAc,CAAC,EAAE,QAAQ,EAAE,QAAQ,EAAE,CAAC,EAAE,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC;IAC5F,MAAM,QAAQ,GAAG,OAAO,CAAC,GAAG,EAAE,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,IAAI,KAAK,KAAK,CAAC,EAAE,CAAC,MAAM,EAAE,KAAK,CAAC,CAAC,CAAC;IAE5F,KAAK,UAAU,MAAM,CAAC,KAAiC;QACrD,KAAK,CAAC,cAAc,EAAE,CAAC;QACvB,MAAM,IAAI,GAAG,KAAK,CAAC,aAAa,CAAC;QACjC,MAAM,KAAK,GAAG,IAAI,CAAC,QAAQ,CAAC,SAAS,CAAC,SAAS,CAAwB,CAAC;QACxE,MAAM,KAAK,GAAG,KAAK,CAAC,KAAK,CAAC,IAAI,EAAE,CAAC;QACjC,IAAI,CAAC,KAAK,IAAI,IAAI,CAAC,WAAW,IAAI,CAAC,KAAK;YAAE,OAAO;QACjD,KAAK,CAAC,KAAK,GAAG,EAAE,CAAC;QACjB,MAAM,IAAI,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;IAChC,CAAC;IAED,OAAO,CACL,eAAK,SAAS,EAAC,eAAe,aAC5B,KAAC,UAAU,IAAC,KAAK,EAAC,YAAY,EAAC,WAAW,EAAC,2DAA2D,EAAC,OAAO,EAAE,MAAC,MAAM,IAAC,OAAO,EAAC,WAAW,EAAC,OAAO,EAAE,IAAI,CAAC,UAAU,aAAE,KAAC,IAAI,IAAC,IAAI,EAAE,EAAE,GAAI,gBAAiB,GAAI,EAC7M,eAAK,SAAS,EAAC,uBAAuB,aACpC,4BAAO,mCAAkB,EAAA,iBAAQ,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,SAAS,EAAE,QAAQ,EAAE,CAAC,KAAK,EAAE,EAAE,GAAG,QAAQ,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC,IAAI,CAAC,UAAU,EAAE,CAAC,CAAC,CAAC,YAAG,MAAM,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,iBAAwB,KAAK,EAAE,IAAI,CAAC,IAAI,YAAG,IAAI,CAAC,IAAI,IAAvC,IAAI,CAAC,IAAI,CAAwC,CAAC,GAAU,IAAQ,EACrP,QAAQ,EAAE,KAAK,CAAC,CAAC,CAAC,yBAAO,QAAQ,CAAC,KAAK,GAAQ,CAAC,CAAC,CAAC,IAAI,IACnD,EACN,eAAK,SAAS,EAAC,eAAe,aAC5B,eAAK,SAAS,EAAC,aAAa,aACzB,IAAI,CAAC,QAAQ,CAAC,MAAM,KAAK,CAAC,CAAC,CAAC,CAAC,eAAK,SAAS,EAAC,eAAe,aAAC,KAAC,cAAc,IAAC,IAAI,EAAE,EAAE,EAAE,MAAM,EAAC,SAAS,GAAG,EAAA,2BAAS,KAAK,CAAC,CAAC,CAAC,WAAW,KAAK,EAAE,CAAC,CAAC,CAAC,uBAAuB,GAAU,EAAA,4EAA2D,IAAM,CAAC,CAAC,CAAC,IAAI,EACxP,IAAI,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC,OAAoB,EAAE,EAAE,CAAC,KAAC,aAAa,IAAkB,OAAO,EAAE,OAAO,IAA5B,OAAO,CAAC,EAAE,CAAsB,CAAC,EACjG,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,cAAK,SAAS,EAAC,UAAU,YAAE,IAAI,CAAC,KAAK,CAAC,OAAO,GAAO,CAAC,CAAC,CAAC,IAAI,EACzE,cAAK,GAAG,EAAE,SAAS,GAAI,IACnB,EACN,gBAAM,SAAS,EAAC,aAAa,EAAC,QAAQ,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,MAAM,CAAC,KAAK,CAAC,aACnE,mBAAU,IAAI,EAAC,SAAS,EAAC,IAAI,EAAE,CAAC,EAAE,WAAW,EAAE,KAAK,CAAC,CAAC,CAAC,WAAW,KAAK,KAAK,CAAC,CAAC,CAAC,uBAAuB,EAAE,QAAQ,EAAE,CAAC,KAAK,EAAE,SAAS,EAAE,CAAC,KAAK,EAAE,EAAE,GAAG,IAAI,KAAK,CAAC,GAAG,KAAK,OAAO,IAAI,CAAC,KAAK,CAAC,QAAQ,EAAE,CAAC;oCAAC,KAAK,CAAC,cAAc,EAAE,CAAC;oCAAC,KAAK,CAAC,aAAa,CAAC,IAAI,EAAE,aAAa,EAAE,CAAC;gCAAC,CAAC,CAAC,CAAC,GAAI,EAC3Q,IAAI,CAAC,WAAW,CAAC,CAAC,CAAC,KAAC,UAAU,IAAC,KAAK,EAAC,eAAe,EAAC,IAAI,EAAC,QAAQ,EAAC,OAAO,EAAE,IAAI,CAAC,KAAK,YAAE,KAAC,IAAI,IAAC,IAAI,EAAE,EAAE,EAAE,MAAM,EAAC,MAAM,GAAG,GAAa,CAAC,CAAC,CAAC,KAAC,UAAU,IAAC,KAAK,EAAC,cAAc,EAAC,IAAI,EAAC,QAAQ,EAAC,QAAQ,EAAE,CAAC,KAAK,YAAE,KAAC,OAAO,IAAC,IAAI,EAAE,EAAE,EAAE,MAAM,EAAC,MAAM,GAAG,GAAa,IACrP,IACH,IACF,CACP,CAAC;AACJ,CAAC;AAED,SAAS,aAAa,CAAC,EAAE,OAAO,EAA4B;IAC1D,MAAM,IAAI,GAAG,WAAW,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC;IAC1C,OAAO,CACL,mBAAS,SAAS,EAAC,YAAY,eAAY,OAAO,CAAC,IAAI,aACrD,cAAK,SAAS,EAAC,iBAAiB,YAAE,OAAO,CAAC,IAAI,KAAK,WAAW,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,KAAK,GAAO,EACvF,cAAK,SAAS,EAAC,aAAa,YAAC,KAAC,aAAa,cAAE,IAAI,IAAI,CAAC,OAAO,CAAC,IAAI,KAAK,WAAW,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,EAAE,CAAC,GAAiB,GAAM,EAC9H,OAAO,CAAC,QAAQ,EAAE,MAAM,CAAC,CAAC,OAAO,EAAE,EAAE,CAAC,OAAO,CAAC,IAAI,KAAK,WAAW,CAAC,CAAC,GAAG,CAAC,CAAC,OAAO,EAAE,EAAE,CAAC,OAAO,CAAC,IAAI,KAAK,WAAW,CAAC,CAAC,CAAC,eAAK,SAAS,EAAC,cAAc,aAA2B,yBAAO,OAAO,CAAC,QAAQ,CAAC,IAAI,GAAQ,EAAA,yBAAO,OAAO,CAAC,QAAQ,CAAC,KAAK,GAAQ,KAA9F,OAAO,CAAC,QAAQ,CAAC,EAAE,CAAiF,CAAC,CAAC,CAAC,IAAI,CAAC,IAC5P,CACX,CAAC;AACJ,CAAC"}

package/dist/views/session-detail.d.ts

@@ -0,0 +1,4 @@
+export declare function SessionDetailView({ sessionId }: {
+    sessionId: string;
+}): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=session-detail.d.ts.map

package/dist/views/session-detail.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"session-detail.d.ts","sourceRoot":"","sources":["../../src/views/session-detail.tsx"],"names":[],"mappings":"AAYA,wBAAgB,iBAAiB,CAAC,EAAE,SAAS,EAAE,EAAE;IAAE,SAAS,EAAE,MAAM,CAAA;CAAE,2CASrE"}

package/dist/views/session-detail.js

@@ -0,0 +1,23 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useEffect, useState } from "react";
+import ReactMarkdown from "react-markdown";
+import { ArrowLeft } from "@phosphor-icons/react";
+import { useSessions } from "@polpo-ai/react";
+import { Button, LoadingRows, PageHeader } from "../components.js";
+import { useDashboardHost } from "../host.js";
+function contentText(content) { return typeof content === "string" ? content : content.map((part) => part.type === "text" ? part.text : `[${part.type}]`).join("\n"); }
+export function SessionDetailView({ sessionId }) {
+    const host = useDashboardHost();
+    const { sessions, getMessages } = useSessions();
+    const [messages, setMessages] = useState([]);
+    const [loading, setLoading] = useState(true);
+    const [error, setError] = useState(null);
+    const session = sessions.find((item) => item.id === sessionId);
+    useEffect(() => { let live = true; setLoading(true); getMessages(sessionId).then((data) => { if (live)
+        setMessages(data); }).catch((cause) => { if (live)
+        setError(cause instanceof Error ? cause.message : "Could not load session"); }).finally(() => { if (live)
+        setLoading(false); }); return () => { live = false; }; }, [getMessages, sessionId]);
+    return _jsxs("div", { className: "pd-view-stack", children: [_jsx(PageHeader, { title: session?.title || "Session", description: session?.agent || sessionId, actions: _jsxs(Button, { variant: "secondary", onClick: () => host.navigate("/sessions"), children: [_jsx(ArrowLeft, { size: 15 }), "Sessions"] }) }), error ? _jsx("div", { className: "pd-error", children: error }) : null, loading ? _jsx(LoadingRows, {}) : _jsx("div", { className: "pd-transcript", children: messages.map((message) => _jsxs("article", { "data-role": message.role, children: [_jsx("header", { children: message.role }), _jsx("div", { className: "pd-markdown", children: _jsx(ReactMarkdown, { children: contentText(message.content) }) })] }, message.id)) })] });
+}
+//# sourceMappingURL=session-detail.js.map

package/dist/views/session-detail.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"session-detail.js","sourceRoot":"","sources":["../../src/views/session-detail.tsx"],"names":[],"mappings":"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"}

package/dist/views/sessions.d.ts

@@ -0,0 +1,2 @@
+export declare function SessionsView(): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=sessions.d.ts.map

package/dist/views/sessions.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"sessions.d.ts","sourceRoot":"","sources":["../../src/views/sessions.tsx"],"names":[],"mappings":"AASA,wBAAgB,YAAY,4CAS3B"}

package/dist/views/sessions.js

@@ -0,0 +1,17 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useMemo } from "react";
+import { ArrowClockwise, CaretRight, ChatCircleText } from "@phosphor-icons/react";
+import { useSessions } from "@polpo-ai/react";
+import { DataTable, IconButton, LoadingRows, PageHeader } from "../components.js";
+export function SessionsView() {
+    const { sessions, isLoading, error, refetch } = useSessions();
+    const columns = useMemo(() => [
+        { id: "session", header: "Session", accessorFn: (item) => item.title || item.id, cell: ({ row }) => _jsxs("div", { className: "pd-primary-cell", children: [_jsx(ChatCircleText, { size: 17, weight: "duotone" }), _jsxs("div", { children: [_jsx("strong", { children: row.original.title || "Untitled session" }), _jsx("span", { children: row.original.agent || "Orchestrator" })] })] }), meta: { width: 380 } },
+        { id: "messages", header: "Messages", accessorFn: (item) => item.messageCount ?? 0, meta: { width: 110, align: "center", hideOnMobile: true } },
+        { id: "updated", header: "Updated", accessorFn: (item) => item.updatedAt, cell: ({ getValue }) => _jsx("span", { children: new Date(String(getValue())).toLocaleString() }), meta: { width: 210, hideOnMobile: true } },
+        { id: "open", header: "", enableSorting: false, cell: () => _jsx(CaretRight, { size: 14 }), meta: { width: 44, align: "right" } },
+    ], []);
+    return _jsxs("div", { className: "pd-view-stack", children: [_jsx(PageHeader, { title: "Sessions", description: `${sessions.length} recorded conversations` }), error ? _jsx("div", { className: "pd-error", children: error.message }) : null, isLoading && sessions.length === 0 ? _jsx(LoadingRows, {}) : _jsx(DataTable, { columns: columns, data: sessions, getRowId: (item) => item.id, rowHref: (item) => `/sessions/${encodeURIComponent(item.id)}`, searchPlaceholder: "Search sessions...", searchFn: (item, query) => [item.id, item.title, item.agent].some((value) => value?.toLowerCase().includes(query)), rightSlot: _jsx(IconButton, { label: "Refresh sessions", onClick: () => void refetch(), children: _jsx(ArrowClockwise, { size: 15 }) }) })] });
+}
+//# sourceMappingURL=sessions.js.map

package/dist/views/sessions.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"sessions.js","sourceRoot":"","sources":["../../src/views/sessions.tsx"],"names":[],"mappings":"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"}

package/dist/views/skills.d.ts

@@ -0,0 +1,2 @@
+export declare function SkillsView(): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=skills.d.ts.map

package/dist/views/skills.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"skills.d.ts","sourceRoot":"","sources":["../../src/views/skills.tsx"],"names":[],"mappings":"AASA,wBAAgB,UAAU,4CAQzB"}

package/dist/views/skills.js

@@ -0,0 +1,16 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useMemo } from "react";
+import { ArrowClockwise, GraduationCap } from "@phosphor-icons/react";
+import { useSkills } from "@polpo-ai/react";
+import { DataTable, IconButton, LoadingRows, PageHeader } from "../components.js";
+export function SkillsView() {
+    const { skills, isLoading, error, refetch } = useSkills();
+    const columns = useMemo(() => [
+        { id: "skill", header: "Skill", accessorFn: (item) => item.name, cell: ({ row }) => _jsxs("div", { className: "pd-primary-cell", children: [_jsx(GraduationCap, { size: 17, weight: "duotone" }), _jsxs("div", { children: [_jsx("strong", { children: row.original.name }), _jsx("span", { children: row.original.description || "Reusable agent capability" })] })] }), meta: { width: 520 } },
+        { id: "source", header: "Source", accessorFn: (item) => item.source || "project", meta: { width: 160, hideOnMobile: true } },
+        { id: "agents", header: "Agents", accessorFn: (item) => item.assignedTo?.length ?? 0, meta: { width: 90, align: "center", hideOnMobile: true } },
+    ], []);
+    return _jsxs("div", { className: "pd-view-stack", children: [_jsx(PageHeader, { title: "Skills", description: `${skills.length} installed ${skills.length === 1 ? "skill" : "skills"}` }), error ? _jsx("div", { className: "pd-error", children: error.message }) : null, isLoading && skills.length === 0 ? _jsx(LoadingRows, {}) : _jsx(DataTable, { columns: columns, data: skills, getRowId: (item) => item.name, searchPlaceholder: "Search skills...", searchFn: (item, query) => [item.name, item.description, item.source].some((value) => value?.toLowerCase().includes(query)), rightSlot: _jsx(IconButton, { label: "Refresh skills", onClick: () => void refetch(), children: _jsx(ArrowClockwise, { size: 15 }) }) })] });
+}
+//# sourceMappingURL=skills.js.map

package/dist/views/skills.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"skills.js","sourceRoot":"","sources":["../../src/views/skills.tsx"],"names":[],"mappings":"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"}

package/package.json

@@ -1,96 +1,60 @@
 {
   "name": "@polpo-ai/dashboard",
-  "version": "0.1.3",
-  "publishConfig": {
-    "access": "public"
+  "version": "0.15.8",
+  "description": "Polpo v2 runtime dashboard views for self-hosted and managed hosts",
+  "type": "module",
+  "main": "dist/index.js",
+  "types": "dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.js"
+    },
+    "./styles.css": "./src/styles.css"
   },
   "files": [
-    "index.ts",
-    "app",
-    "components",
-    "lib",
-    "hooks",
-    "README.md"
+    "dist",
+    "src/styles.css",
+    "README.md",
+    "LICENSE"
+  ],
+  "sideEffects": [
+    "**/*.css"
   ],
-  "exports": {
-    ".": "./index.ts"
-  },
   "dependencies": {
-    "@base-ui/react": "^1.3.0",
-    "@lobehub/icons": "^5.8.0",
-    "@lumea-labs/canvas": "^0.1.2",
-    "@lumea-labs/chat": "^0.1.5",
-    "@lumea-labs/chat-canvas": "^0.1.1",
-    "@lumea-labs/chat-polpo": "^0.1.2",
-    "@lumea-labs/docs": "^0.1.3",
-    "@lumea-labs/file-manager": "^0.1.1",
-    "@lumea-labs/file-manager-polpo": "^0.1.3",
-    "@lumea-labs/llm": "^0.1.3",
-    "@lumea-labs/llm-polpo": "^0.1.1",
-    "@lumea-labs/markdown": "^0.1.2",
-    "@lumea-labs/orchestrator": "^0.1.1",
-    "@lumea-labs/skills": "^0.1.1",
-    "@lumea-labs/skills-polpo": "^0.1.1",
-    "@lumea-labs/spreadsheet": "^0.1.3",
-    "@lumea-labs/tool-calls": "^0.1.2",
-    "@polpo-ai/chat": "^0.11.1",
-    "@streamdown/code": "^1.1.1",
-    "@tailwindcss/typography": "^0.5.19",
-    "@tanstack/react-query": "^5.90.21",
-    "@tiptap/extension-image": "^3.23.6",
-    "@tiptap/extension-placeholder": "^3.23.6",
-    "@tiptap/extension-table": "^3.23.6",
-    "@tiptap/extension-table-cell": "^3.23.6",
-    "@tiptap/extension-table-header": "^3.23.6",
-    "@tiptap/extension-table-row": "^3.23.6",
-    "@tiptap/markdown": "^3.23.6",
-    "@tiptap/react": "^3.23.6",
-    "@tiptap/starter-kit": "^3.23.6",
-    "@xyflow/react": "^12.10.1",
-    "@zwight/luckyexcel": "^1.1.6",
-    "class-variance-authority": "^0.7.1",
-    "clsx": "^2.1.1",
-    "cmdk": "^1.1.1",
-    "lucide-react": "^0.577.0",
-    "motion": "^12.36.0",
-    "next": "16.2.6",
-    "next-intl": "^4.12.0",
-    "next-themes": "^0.4.6",
-    "node-html-markdown": "^2.0.0",
-    "react": "19.2.6",
-    "react-dom": "19.2.6",
+    "@phosphor-icons/react": "^2.1.10",
+    "@tanstack/react-table": "^8.21.3",
     "react-markdown": "^10.1.0",
-    "react-virtuoso": "^4.12.0",
-    "recharts": "^2.15.4",
-    "shadcn": "^4.0.8",
-    "shiki": "^4.0.2",
-    "sonner": "^2.0.7",
-    "streamdown": "^2.5.0",
-    "sugar-high": "^1.1.0",
-    "tailwind-merge": "^3.5.0",
-    "tw-animate-css": "^1.4.0",
-    "@polpo-ai/core": "0.7.18",
-    "@polpo-ai/react": "0.7.18",
-    "@polpo-ai/sdk": "0.7.18"
+    "@polpo-ai/react": "0.15.8",
+    "@polpo-ai/sdk": "0.15.8"
+  },
+  "peerDependencies": {
+    "react": "^18.0.0 || ^19.0.0",
+    "react-dom": "^18.0.0 || ^19.0.0"
   },
   "devDependencies": {
-    "@playwright/test": "^1.58.2",
-    "@tailwindcss/postcss": "^4",
-    "@types/node": "^20",
-    "@types/react": "^19",
-    "@types/react-dom": "^19",
-    "eslint": "^9",
-    "eslint-config-next": "16.2.6",
-    "tailwindcss": "^4",
-    "typescript": "^5"
+    "@testing-library/jest-dom": "^6.9.1",
+    "@testing-library/react": "^16.3.2",
+    "@types/react": "^19.0.0",
+    "@types/react-dom": "^19.2.3",
+    "jsdom": "^29.0.1",
+    "react": "^19.0.0",
+    "react-dom": "^19.2.4",
+    "typescript": "^5.7.0",
+    "vitest": "^3.2.4"
+  },
+  "publishConfig": {
+    "access": "public"
+  },
+  "license": "Apache-2.0",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/lumea-labs/polpo.git",
+    "directory": "packages/dashboard"
   },
   "scripts": {
-    "dev": "next dev --turbopack",
-    "build": "next build",
-    "start": "next start",
-    "lint": "eslint",
-    "test:e2e": "playwright test",
-    "test:e2e:ui": "playwright test --ui",
-    "test:e2e:headed": "playwright test --headed"
+    "build": "tsc",
+    "dev": "tsc --watch",
+    "test": "vitest run"
   }
 }

package/src/styles.css

@@ -0,0 +1,169 @@
+:root {
+  --pd-bg: #f5f3ee;
+  --pd-surface: #fbfaf7;
+  --pd-panel: #efede7;
+  --pd-ink: #262520;
+  --pd-muted: #77736a;
+  --pd-border: #d9d5cc;
+  --pd-border-strong: #c7c1b5;
+  --pd-accent: #176b43;
+  --pd-accent-hover: #125737;
+  --pd-danger: #a33d35;
+  --pd-shadow: 0 12px 36px rgba(42, 38, 29, .1);
+  color-scheme: light;
+}
+
+* { box-sizing: border-box; }
+body { margin: 0; background: var(--pd-bg); color: var(--pd-ink); font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; letter-spacing: 0; }
+button, input, textarea, select { font: inherit; letter-spacing: 0; }
+button { color: inherit; }
+a { color: inherit; }
+code, pre { font-family: "SFMono-Regular", Consolas, "Liberation Mono", monospace; }
+
+.pd-min-w-0 { min-width: 0; }
+.pd-page-body { width: min(100%, 1240px); margin: 0 auto; padding: 34px 40px 64px; }
+.pd-view-stack { display: flex; flex-direction: column; gap: 24px; min-width: 0; }
+.pd-page-header { display: flex; min-height: 64px; align-items: flex-start; justify-content: space-between; gap: 24px; }
+.pd-page-header h1 { margin: 0; font-size: 24px; line-height: 1.25; font-weight: 650; }
+.pd-page-header p { margin: 7px 0 0; max-width: 720px; color: var(--pd-muted); font-size: 14px; line-height: 1.5; }
+.pd-actions, .pd-form-actions, .pd-editor-footer > div { display: flex; align-items: center; gap: 8px; }
+.pd-actions { flex: none; }
+
+.pd-button, .pd-icon-button { display: inline-flex; align-items: center; justify-content: center; border: 1px solid transparent; border-radius: 6px; cursor: pointer; transition: background-color 140ms ease, border-color 140ms ease, color 140ms ease; }
+.pd-button { min-height: 36px; gap: 7px; padding: 0 13px; font-size: 13px; font-weight: 560; white-space: nowrap; }
+.pd-button-primary { background: var(--pd-ink); color: #fff; }
+.pd-button-primary:hover { background: #3b3932; }
+.pd-button-secondary { border-color: var(--pd-border); background: var(--pd-surface); }
+.pd-button-secondary:hover, .pd-button-ghost:hover { background: var(--pd-panel); }
+.pd-button-ghost { background: transparent; }
+.pd-button-danger { border-color: rgba(163, 61, 53, .25); background: #fff7f5; color: var(--pd-danger); }
+.pd-button:disabled, .pd-icon-button:disabled { cursor: not-allowed; opacity: .48; }
+.pd-icon-button { width: 34px; height: 34px; padding: 0; border-color: var(--pd-border); background: var(--pd-surface); }
+.pd-icon-button:hover { background: var(--pd-panel); border-color: var(--pd-border-strong); }
+
+.pd-table-stack { display: flex; flex-direction: column; gap: 10px; min-width: 0; }
+.pd-table-toolbar { display: flex; align-items: center; gap: 10px; min-height: 36px; }
+.pd-table-toolbar-right { display: flex; align-items: center; gap: 8px; margin-left: auto; }
+.pd-search { display: flex; width: min(320px, 100%); height: 34px; align-items: center; gap: 8px; padding: 0 10px; border: 1px solid var(--pd-border); border-radius: 6px; background: var(--pd-surface); color: var(--pd-muted); }
+.pd-search:focus-within { border-color: var(--pd-border-strong); box-shadow: 0 0 0 3px rgba(38, 37, 32, .05); }
+.pd-search input { min-width: 0; flex: 1; border: 0; outline: 0; background: transparent; color: var(--pd-ink); font-size: 13px; }
+.pd-table-frame { overflow: hidden; border: 1px solid var(--pd-border); border-radius: 7px; background: var(--pd-surface); }
+.pd-table-scroll { overflow-x: auto; }
+.pd-table-frame table { width: 100%; min-width: 680px; border-collapse: collapse; table-layout: auto; }
+.pd-table-frame th { height: 39px; padding: 0 14px; border-bottom: 1px solid var(--pd-border); background: var(--pd-panel); color: var(--pd-muted); font-size: 11px; font-weight: 620; text-align: left; text-transform: uppercase; }
+.pd-table-frame th button { display: inline-flex; align-items: center; gap: 5px; width: 100%; padding: 0; border: 0; background: none; color: inherit; cursor: pointer; text-transform: inherit; }
+.pd-table-frame td { height: 58px; padding: 9px 14px; border-bottom: 1px solid var(--pd-border); font-size: 13px; vertical-align: middle; }
+.pd-table-frame tbody tr:last-child td { border-bottom: 0; }
+.pd-table-frame tbody tr[data-clickable="true"] { cursor: pointer; outline: none; }
+.pd-table-frame tbody tr[data-clickable="true"]:hover td, .pd-table-frame tbody tr[data-clickable="true"]:focus td { background: #f3f1eb; }
+.pd-table-frame [data-align="right"] { text-align: right; }
+.pd-table-frame [data-align="center"] { text-align: center; }
+.pd-table-frame th[data-align="right"] button { justify-content: flex-end; }
+.pd-table-frame th[data-align="center"] button { justify-content: center; }
+.pd-table-frame td code { display: inline-block; max-width: 280px; overflow: hidden; color: #5f5a50; font-size: 12px; text-overflow: ellipsis; white-space: nowrap; vertical-align: middle; }
+.pd-primary-cell { display: flex; min-width: 0; align-items: center; gap: 10px; }
+.pd-primary-cell > svg { flex: none; color: #686258; }
+.pd-primary-cell > div { display: flex; min-width: 0; flex: 1; flex-direction: column; gap: 3px; }
+.pd-primary-cell strong, .pd-primary-cell span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
+.pd-primary-cell strong { font-size: 13px; font-weight: 610; }
+.pd-primary-cell span { color: var(--pd-muted); font-size: 12px; }
+.pd-file-name { display: flex; min-width: 0; align-items: center; gap: 9px; }
+.pd-file-name svg { flex: none; color: #686258; }
+.pd-file-name span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
+.pd-empty-cell { height: 220px !important; text-align: center; }
+.pd-pagination { display: flex; min-height: 46px; align-items: center; justify-content: space-between; padding: 6px 10px 6px 14px; border-top: 1px solid var(--pd-border); color: var(--pd-muted); font-size: 12px; }
+.pd-pagination > div { display: flex; gap: 6px; }
+
+.pd-empty { display: flex; min-height: 190px; align-items: center; justify-content: center; flex-direction: column; gap: 8px; color: var(--pd-muted); }
+.pd-empty strong { color: var(--pd-ink); font-size: 14px; }
+.pd-empty span { margin-bottom: 6px; font-size: 13px; }
+.pd-error { padding: 11px 13px; border: 1px solid rgba(163, 61, 53, .22); border-radius: 6px; background: #fff6f4; color: var(--pd-danger); font-size: 13px; }
+.pd-saved { color: var(--pd-accent); font-size: 12px; font-weight: 600; }
+.pd-spin { animation: pd-spin 800ms linear infinite; }
+@keyframes pd-spin { to { transform: rotate(360deg); } }
+
+.pd-loading-rows { overflow: hidden; border: 1px solid var(--pd-border); border-radius: 7px; background: var(--pd-surface); }
+.pd-loading-rows div { height: 58px; border-bottom: 1px solid var(--pd-border); background: linear-gradient(90deg, transparent, rgba(255,255,255,.82), transparent), var(--pd-panel); background-size: 240px 100%; animation: pd-shimmer 1.2s infinite linear; }
+.pd-loading-rows div:last-child { border-bottom: 0; }
+@keyframes pd-shimmer { from { background-position: -240px 0; } to { background-position: calc(100% + 240px) 0; } }
+
+.pd-modal-backdrop { position: fixed; z-index: 100; inset: 0; display: grid; place-items: center; padding: 20px; background: rgba(35, 33, 28, .42); backdrop-filter: blur(3px); }
+.pd-modal { width: min(640px, 100%); max-height: min(760px, calc(100vh - 40px)); overflow: auto; border: 1px solid var(--pd-border-strong); border-radius: 8px; background: var(--pd-surface); box-shadow: var(--pd-shadow); }
+.pd-modal > header { position: sticky; z-index: 1; top: 0; display: flex; align-items: flex-start; justify-content: space-between; gap: 18px; padding: 20px; border-bottom: 1px solid var(--pd-border); background: var(--pd-surface); }
+.pd-modal h2 { margin: 0; font-size: 18px; line-height: 1.3; }
+.pd-modal header p { margin: 6px 0 0; color: var(--pd-muted); font-size: 13px; line-height: 1.5; }
+.pd-form { display: flex; flex-direction: column; gap: 18px; padding: 20px; }
+.pd-field { display: flex; flex-direction: column; gap: 7px; }
+.pd-field > span { font-size: 12px; font-weight: 620; }
+.pd-field small { color: var(--pd-muted); font-size: 11px; line-height: 1.45; }
+.pd-field input, .pd-field textarea, .pd-field select, .pd-memory-editor textarea, .pd-editor input, .pd-editor textarea, .pd-composer textarea, .pd-playground-toolbar select { width: 100%; border: 1px solid var(--pd-border); border-radius: 6px; outline: 0; background: #fff; color: var(--pd-ink); }
+.pd-field input, .pd-editor input, .pd-playground-toolbar select { height: 38px; padding: 0 11px; }
+.pd-field textarea, .pd-editor textarea { resize: vertical; padding: 10px 11px; line-height: 1.55; }
+.pd-field input:focus, .pd-field textarea:focus, .pd-editor input:focus, .pd-editor textarea:focus, .pd-memory-editor textarea:focus, .pd-composer textarea:focus, .pd-playground-toolbar select:focus { border-color: var(--pd-border-strong); box-shadow: 0 0 0 3px rgba(38, 37, 32, .05); }
+.pd-form-actions { justify-content: flex-end; padding-top: 2px; }
+
+.pd-editor, .pd-memory-editor { overflow: hidden; border: 1px solid var(--pd-border); border-radius: 7px; background: var(--pd-surface); }
+.pd-editor-section { display: grid; grid-template-columns: 1fr 1fr; gap: 18px; padding: 22px; }
+.pd-editor-section h2 { grid-column: 1 / -1; margin: 0 0 2px; font-size: 15px; }
+.pd-editor-section .pd-field:last-child { grid-column: 1 / -1; }
+.pd-editor-footer { display: flex; min-height: 58px; align-items: center; justify-content: space-between; gap: 16px; padding: 10px 14px; border-top: 1px solid var(--pd-border); background: var(--pd-panel); }
+.pd-memory-editor textarea { display: block; min-height: min(62vh, 650px); resize: vertical; padding: 18px; border: 0; border-radius: 0; background: transparent; font-family: "SFMono-Regular", Consolas, monospace; font-size: 13px; line-height: 1.65; }
+.pd-memory-editor footer { display: flex; min-height: 56px; align-items: center; justify-content: space-between; padding: 9px 12px 9px 16px; border-top: 1px solid var(--pd-border); background: var(--pd-panel); color: var(--pd-muted); font-size: 12px; }
+
+.pd-breadcrumb { display: flex; min-height: 34px; align-items: center; gap: 6px; color: var(--pd-muted); font-size: 12px; }
+.pd-breadcrumb span { display: inline-flex; align-items: center; gap: 6px; }
+.pd-breadcrumb button { max-width: 220px; overflow: hidden; padding: 4px 6px; border: 0; border-radius: 4px; background: transparent; color: inherit; cursor: pointer; text-overflow: ellipsis; white-space: nowrap; }
+.pd-breadcrumb button:hover { background: var(--pd-panel); color: var(--pd-ink); }
+
+.pd-playground { display: flex; min-height: calc(100vh - 64px); flex-direction: column; gap: 18px; }
+.pd-playground-toolbar { display: flex; align-items: flex-end; justify-content: space-between; gap: 12px; }
+.pd-playground-toolbar label { display: flex; width: min(320px, 100%); flex-direction: column; gap: 6px; }
+.pd-playground-toolbar label span { color: var(--pd-muted); font-size: 11px; font-weight: 620; text-transform: uppercase; }
+.pd-playground-toolbar code { padding: 6px 8px; border: 1px solid var(--pd-border); border-radius: 5px; background: var(--pd-panel); color: var(--pd-muted); font-size: 11px; }
+.pd-chat-frame { display: flex; min-height: 520px; flex: 1; flex-direction: column; overflow: hidden; border: 1px solid var(--pd-border); border-radius: 7px; background: var(--pd-surface); }
+.pd-messages { display: flex; min-height: 0; flex: 1; flex-direction: column; gap: 26px; overflow-y: auto; padding: 28px max(24px, calc((100% - 760px) / 2)); }
+.pd-chat-empty { display: flex; min-height: 360px; align-items: center; justify-content: center; flex-direction: column; gap: 8px; color: var(--pd-muted); text-align: center; }
+.pd-chat-empty strong { color: var(--pd-ink); }
+.pd-chat-empty span { font-size: 13px; }
+.pd-message { max-width: 720px; }
+.pd-message[data-role="user"] { align-self: flex-end; max-width: min(620px, 86%); padding: 11px 14px; border-radius: 7px 7px 2px 7px; background: var(--pd-panel); }
+.pd-message-role { margin-bottom: 7px; color: var(--pd-muted); font-size: 10px; font-weight: 650; text-transform: uppercase; }
+.pd-markdown { overflow-wrap: anywhere; font-size: 14px; line-height: 1.65; }
+.pd-markdown > :first-child { margin-top: 0; }
+.pd-markdown > :last-child { margin-bottom: 0; }
+.pd-markdown pre { overflow-x: auto; padding: 13px; border: 1px solid var(--pd-border); border-radius: 6px; background: #292823; color: #f4f2eb; font-size: 12px; }
+.pd-markdown code:not(pre code) { padding: 2px 4px; border-radius: 3px; background: var(--pd-panel); font-size: .9em; }
+.pd-tool-call { display: flex; align-items: center; justify-content: space-between; gap: 16px; margin-top: 9px; padding: 8px 10px; border: 1px solid var(--pd-border); border-radius: 5px; color: var(--pd-muted); font-size: 11px; }
+.pd-tool-call code { font-size: 10px; }
+.pd-composer { display: flex; align-items: flex-end; gap: 8px; padding: 12px; border-top: 1px solid var(--pd-border); background: var(--pd-panel); }
+.pd-composer textarea { min-height: 42px; max-height: 160px; resize: none; padding: 10px 11px; line-height: 1.45; }
+
+.pd-transcript { display: flex; flex-direction: column; gap: 14px; }
+.pd-transcript article { padding: 18px; border: 1px solid var(--pd-border); border-radius: 7px; background: var(--pd-surface); }
+.pd-transcript article[data-role="user"] { margin-left: min(10%, 80px); background: var(--pd-panel); }
+.pd-transcript article header { margin-bottom: 9px; color: var(--pd-muted); font-size: 10px; font-weight: 650; text-transform: uppercase; }
+
+@media (max-width: 760px) {
+  .pd-page-body { padding: 24px 16px 48px; }
+  .pd-page-header { min-height: auto; flex-direction: column; gap: 14px; }
+  .pd-actions { width: 100%; flex-wrap: wrap; }
+  .pd-table-toolbar { align-items: stretch; flex-wrap: wrap; }
+  .pd-search { width: 100%; }
+  .pd-table-toolbar-right { margin-left: auto; }
+  .pd-table-frame table { min-width: 0; table-layout: fixed; }
+  .pd-table-frame [data-mobile-hidden="true"] { display: none; }
+  .pd-table-frame th, .pd-table-frame td { padding-right: 12px; padding-left: 12px; }
+  .pd-editor-section { grid-template-columns: 1fr; padding: 16px; }
+  .pd-editor-section .pd-field:last-child { grid-column: auto; }
+  .pd-editor-footer { align-items: stretch; flex-direction: column-reverse; }
+  .pd-editor-footer > div { justify-content: flex-end; }
+  .pd-playground { min-height: calc(100vh - 56px); }
+  .pd-playground-toolbar { align-items: stretch; flex-direction: column; }
+  .pd-playground-toolbar label { width: 100%; }
+  .pd-messages { padding: 20px 14px; }
+  .pd-message[data-role="user"] { max-width: 92%; }
+}
+
+@media (prefers-reduced-motion: reduce) {
+  *, *::before, *::after { scroll-behavior: auto !important; animation-duration: .01ms !important; animation-iteration-count: 1 !important; }
+}

package/app/(dashboard)/error.tsx

@@ -1,47 +0,0 @@
-"use client";
-
-/**
- * Error boundary for the dashboard group. A transient backend failure
- * (control-plane 5xx / network / DB unreachable) now surfaces here instead
- * of being swallowed into "no orgs → /onboarding". Auth failures (401) are
- * handled upstream by `getOrgs` (redirect to /login).
- */
-export default function DashboardError({
-  error,
-  reset,
-}: {
-  error: Error & { digest?: string };
-  reset: () => void;
-}) {
-  return (
-    <div className="flex min-h-[60vh] items-center justify-center p-6">
-      <div className="w-full max-w-md border border-border bg-card p-8 text-center">
-        <h2 className="text-base font-semibold text-foreground">Something went wrong</h2>
-        <p className="mt-2 text-sm text-muted-foreground">
-          We couldn&apos;t reach the control plane. This is usually temporary —
-          give it a moment and retry.
-        </p>
-        {error?.digest ? (
-          <p className="mt-3 font-mono text-[11px] text-muted-foreground/50">
-            ref: {error.digest}
-          </p>
-        ) : null}
-        <div className="mt-6 flex items-center justify-center gap-3">
-          <button
-            type="button"
-            onClick={() => reset()}
-            className="border border-foreground bg-foreground px-4 py-2 text-sm font-medium text-background transition-colors hover:bg-foreground/90"
-          >
-            Try again
-          </button>
-          <a
-            href="/login"
-            className="border border-border px-4 py-2 text-sm font-medium text-foreground transition-colors hover:border-foreground/40"
-          >
-            Sign in
-          </a>
-        </div>
-      </div>
-    </div>
-  );
-}

package/app/(dashboard)/layout.tsx

@@ -1,41 +0,0 @@
-import { Sidebar, MobileSidebar, MobileHeader } from "../../components/dashboard/sidebar";
-import { TopHeader } from "../../components/dashboard/top-header";
-import { Providers } from "../../components/providers";
-import { MobileSidebarProvider } from "../../hooks/use-mobile-sidebar";
-import { DesktopSidebarProvider } from "../../hooks/use-desktop-sidebar";
-import { CopilotLayout } from "../../components/dashboard/project-copilot";
-
-/**
- * Single-tenant self-host shell. No Better Auth session, no org list, no
- * onboarding gate — those live only in the cloud build. One local instance,
- * straight into the dashboard chrome.
- */
-export default function DashboardLayout({
-  children,
-}: {
-  children: React.ReactNode;
-}) {
-  return (
-    <Providers>
-      <MobileSidebarProvider>
-        <DesktopSidebarProvider>
-          <div className="flex h-screen flex-col overflow-hidden">
-            <div className="hidden md:block">
-              <TopHeader />
-            </div>
-
-            <div className="flex flex-1 overflow-hidden">
-              <Sidebar />
-              <MobileSidebar />
-
-              <div className="flex flex-1 flex-col overflow-hidden">
-                <MobileHeader />
-                <CopilotLayout>{children}</CopilotLayout>
-              </div>
-            </div>
-          </div>
-        </DesktopSidebarProvider>
-      </MobileSidebarProvider>
-    </Providers>
-  );
-}

package/app/(dashboard)/loading.tsx

@@ -1,30 +0,0 @@
-export default function DashboardLoading() {
-  return (
-    <div className="px-4 py-6 md:px-8 md:py-8">
-      <div className="space-y-4">
-        {/* Header skeleton */}
-        <div className="h-8 w-48 animate-pulse rounded bg-muted" />
-        <div className="h-4 w-80 animate-pulse rounded bg-muted/60" />
-
-        {/* Content skeleton */}
-        <div className="mt-8 grid gap-4 md:grid-cols-2 lg:grid-cols-4">
-          {Array.from({ length: 4 }).map((_, i) => (
-            <div
-              key={i}
-              className="h-24 animate-pulse rounded-lg border border-border bg-card"
-            />
-          ))}
-        </div>
-
-        <div className="mt-8 space-y-3">
-          {Array.from({ length: 5 }).map((_, i) => (
-            <div
-              key={i}
-              className="h-12 animate-pulse rounded border border-border bg-card"
-            />
-          ))}
-        </div>
-      </div>
-    </div>
-  );
-}