@datalayer/agent-runtimes 0.0.2

package/lib/examples/stores/notebooks/NotebookOutputs.ipynb.json

@@ -0,0 +1,49 @@
+{
+  "cells": [
+    {
+      "cell_type": "code",
+      "execution_count": 1,
+      "metadata": {},
+      "outputs": [
+        {
+          "data": {
+            "text/plain": ["2"]
+          },
+          "execution_count": 1,
+          "metadata": {},
+          "output_type": "execute_result"
+        }
+      ],
+      "source": ["1+1"]
+    },
+    {
+      "cell_type": "code",
+      "execution_count": 1,
+      "metadata": {},
+      "outputs": [
+        {
+          "ename": "NameError",
+          "evalue": "name 'HTML' is not defined",
+          "output_type": "error",
+          "traceback": [
+            "\u001b[0;31m---------------------------------------------------------------------------\u001b[0m",
+            "\u001b[0;31mNameError\u001b[0m                                 Traceback (most recent call last)",
+            "Cell \u001b[0;32mIn[1], line 1\u001b[0m\n\u001b[0;32m----> 1\u001b[0m display(\u001b[43mHTML\u001b[49m(\u001b[38;5;124m\"\u001b[39m\u001b[38;5;124m\"\u001b[39m));\n",
+            "\u001b[0;31mNameError\u001b[0m: name 'HTML' is not defined"
+          ]
+        }
+      ],
+      "source": ["display(HTML(\"\"));"]
+    },
+    {
+      "cell_type": "code",
+      "execution_count": null,
+      "metadata": {},
+      "outputs": [],
+      "source": []
+    }
+  ],
+  "metadata": {},
+  "nbformat": 4,
+  "nbformat_minor": 4
+}

package/lib/examples/stores/notebooks/NotebookToCExample.ipynb.json

@@ -0,0 +1,102 @@
+{
+  "cells": [
+    {
+      "cell_type": "markdown",
+      "id": "6ecc7b98-968d-43cd-9fbb-8ceadf863b74",
+      "metadata": {},
+      "source": ["# Heading 1"]
+    },
+    {
+      "cell_type": "markdown",
+      "id": "5099ba4a-88e8-4108-be32-a0ea52a58f79",
+      "metadata": {
+        "editable": true,
+        "slideshow": {
+          "slide_type": ""
+        },
+        "tags": []
+      },
+      "source": ["LOL"]
+    },
+    {
+      "cell_type": "markdown",
+      "id": "418b532a-c1eb-4f37-96c2-3465879122de",
+      "metadata": {},
+      "source": ["**Okay**"]
+    },
+    {
+      "cell_type": "markdown",
+      "id": "60a3ee36-8ee6-4648-93d7-af587bf3892f",
+      "metadata": {},
+      "source": ["## Heading 1-1"]
+    },
+    {
+      "cell_type": "code",
+      "execution_count": 2,
+      "id": "113f7bb9-220a-405f-9784-e0de940e0adf",
+      "metadata": {},
+      "outputs": [
+        {
+          "name": "stdin",
+          "output_type": "stream",
+          "text": ["Please input your name:  leon\n"]
+        },
+        {
+          "name": "stdout",
+          "output_type": "stream",
+          "text": ["Hello, leon!\n", "finish\n"]
+        }
+      ],
+      "source": [
+        "name = input(\"Please input your name: \")\n",
+        "print(f\"Hello, {name}!\") \n",
+        "import time\n",
+        "time.sleep(3)\n",
+        "print(\"finish\")"
+      ]
+    },
+    {
+      "cell_type": "markdown",
+      "id": "dfd17807-2ad3-4d2d-8371-5102d24e0d67",
+      "metadata": {},
+      "source": ["# Heading 2"]
+    },
+    {
+      "cell_type": "markdown",
+      "id": "de6a4139-4e4d-49d4-8824-0985baccf704",
+      "metadata": {
+        "editable": true,
+        "slideshow": {
+          "slide_type": ""
+        },
+        "tags": []
+      },
+      "source": [
+        "## Heading 2-1\n",
+        "\n",
+        "Man! **you know** what I am saying."
+      ]
+    }
+  ],
+  "metadata": {
+    "kernelspec": {
+      "display_name": "Python 3 (ipykernel)",
+      "language": "python",
+      "name": "python3"
+    },
+    "language_info": {
+      "codemirror_mode": {
+        "name": "ipython",
+        "version": 3
+      },
+      "file_extension": ".py",
+      "mimetype": "text/x-python",
+      "name": "python",
+      "nbconvert_exporter": "python",
+      "pygments_lexer": "ipython3",
+      "version": "3.10.4"
+    }
+  },
+  "nbformat": 4,
+  "nbformat_minor": 5
+}

package/lib/examples/stores/notebooks/OutputIPyWidgetsExample.d.ts

@@ -0,0 +1,145 @@
+export declare const view: {
+    version_major: number;
+    version_minor: number;
+    model_id: string;
+};
+export declare const state: {
+    version_major: number;
+    version_minor: number;
+    state: {
+        '8621699ecc804983a612f09b7dfe806b': {
+            model_name: string;
+            model_module: string;
+            model_module_version: string;
+            state: {
+                _view_module_version: string;
+                children: string[];
+                _model_module_version: string;
+                layout: string;
+                _view_count: number;
+            };
+        };
+        '961d612211fe4c64a70f48942d885c14': {
+            model_name: string;
+            model_module: string;
+            model_module_version: string;
+            state: {
+                _model_module_version: string;
+                _view_module_version: string;
+                _view_count: number;
+            };
+        };
+        '564e75ddea4c4ea0a32c4bd39ed0ed6d': {
+            model_name: string;
+            model_module: string;
+            model_module_version: string;
+            state: {
+                _model_module_version: string;
+                _view_module_version: string;
+                _view_count: number;
+            };
+        };
+        a8b1ae50aada4d929397b907115bfc2c: {
+            model_name: string;
+            model_module: string;
+            model_module_version: string;
+            state: {
+                style: string;
+                _view_module_version: string;
+                max: number;
+                value: number;
+                _model_module_version: string;
+                layout: string;
+                _view_count: number;
+            };
+        };
+        b63481ca8b7943aa85d097a114a931f5: {
+            model_name: string;
+            model_module: string;
+            model_module_version: string;
+            state: {
+                _model_module_version: string;
+                _view_module_version: string;
+                _view_count: number;
+            };
+        };
+        d86e0cb348eb48bf97f14906a9406731: {
+            model_name: string;
+            model_module: string;
+            model_module_version: string;
+            state: {
+                _model_module_version: string;
+                _view_module_version: string;
+                _view_count: number;
+            };
+        };
+        '289e54d14b7c4c6d8ac18b4c86ab514c': {
+            model_name: string;
+            model_module: string;
+            model_module_version: string;
+            state: {
+                style: string;
+                _view_module_version: string;
+                value: number;
+                _model_module_version: string;
+                layout: string;
+                _view_count: number;
+            };
+        };
+        bb589d8dc365404b94e73a153407128f: {
+            model_name: string;
+            model_module: string;
+            model_module_version: string;
+            state: {
+                _model_module_version: string;
+                _view_module_version: string;
+                _view_count: number;
+            };
+        };
+        '19a24d8ea5a248be8db79790290ae2a1': {
+            model_name: string;
+            model_module: string;
+            model_module_version: string;
+            state: {
+                _model_module_version: string;
+                _view_module_version: string;
+                _view_count: number;
+            };
+        };
+        '965bbfeaddd74b9baa488c7f6ac13027': {
+            model_name: string;
+            model_module: string;
+            model_module_version: string;
+            state: {
+                style: string;
+                _view_module_version: string;
+                icon: string;
+                _model_module_version: string;
+                layout: string;
+                _view_count: number;
+            };
+        };
+        '6edd9d3360cc47c8aceff0ba11edeca9': {
+            model_name: string;
+            model_module: string;
+            model_module_version: string;
+            state: {
+                _model_module_version: string;
+                target: string[];
+                source: string[];
+                _view_module_version: string;
+                _view_name: string;
+            };
+        };
+        d7d14e74f61f4b3bb5f53a713bcadced: {
+            model_name: string;
+            model_module: string;
+            model_module_version: string;
+            state: {
+                _model_module_version: string;
+                _view_module_version: string;
+                _view_count: number;
+            };
+        };
+    };
+};

package/lib/examples/stores/notebooks/OutputIPyWidgetsExample.js

@@ -0,0 +1,153 @@
+/*
+ * Copyright (c) 2025-2026 Datalayer, Inc.
+ * Distributed under the terms of the Modified BSD License.
+ */
+export const view = {
+    version_major: 2,
+    version_minor: 0,
+    model_id: '8621699ecc804983a612f09b7dfe806b',
+};
+export const state = {
+    version_major: 2,
+    version_minor: 0,
+    state: {
+        '8621699ecc804983a612f09b7dfe806b': {
+            model_name: 'VBoxModel',
+            model_module: '@jupyter-widgets/controls',
+            model_module_version: '1.0.0',
+            state: {
+                _view_module_version: '1.0.0',
+                children: [
+                    'IPY_MODEL_a8b1ae50aada4d929397b907115bfc2c',
+                    'IPY_MODEL_289e54d14b7c4c6d8ac18b4c86ab514c',
+                    'IPY_MODEL_965bbfeaddd74b9baa488c7f6ac13027',
+                ],
+                _model_module_version: '1.0.0',
+                layout: 'IPY_MODEL_d7d14e74f61f4b3bb5f53a713bcadced',
+                _view_count: 1,
+            },
+        },
+        '961d612211fe4c64a70f48942d885c14': {
+            model_name: 'LayoutModel',
+            model_module: '@jupyter-widgets/base',
+            model_module_version: '1.0.0',
+            state: {
+                _model_module_version: '1.0.0',
+                _view_module_version: '1.0.0',
+                _view_count: 1,
+            },
+        },
+        '564e75ddea4c4ea0a32c4bd39ed0ed6d': {
+            model_name: 'SliderStyleModel',
+            model_module: '@jupyter-widgets/controls',
+            model_module_version: '1.0.0',
+            state: {
+                _model_module_version: '1.0.0',
+                _view_module_version: '1.0.0',
+                _view_count: 1,
+            },
+        },
+        a8b1ae50aada4d929397b907115bfc2c: {
+            model_name: 'IntSliderModel',
+            model_module: '@jupyter-widgets/controls',
+            model_module_version: '1.0.0',
+            state: {
+                style: 'IPY_MODEL_564e75ddea4c4ea0a32c4bd39ed0ed6d',
+                _view_module_version: '1.0.0',
+                max: 200,
+                value: 100,
+                _model_module_version: '1.0.0',
+                layout: 'IPY_MODEL_961d612211fe4c64a70f48942d885c14',
+                _view_count: 1,
+            },
+        },
+        b63481ca8b7943aa85d097a114a931f5: {
+            model_name: 'LayoutModel',
+            model_module: '@jupyter-widgets/base',
+            model_module_version: '1.0.0',
+            state: {
+                _model_module_version: '1.0.0',
+                _view_module_version: '1.0.0',
+                _view_count: 1,
+            },
+        },
+        d86e0cb348eb48bf97f14906a9406731: {
+            model_name: 'SliderStyleModel',
+            model_module: '@jupyter-widgets/controls',
+            model_module_version: '1.0.0',
+            state: {
+                _model_module_version: '1.0.0',
+                _view_module_version: '1.0.0',
+                _view_count: 1,
+            },
+        },
+        '289e54d14b7c4c6d8ac18b4c86ab514c': {
+            model_name: 'IntSliderModel',
+            model_module: '@jupyter-widgets/controls',
+            model_module_version: '1.0.0',
+            state: {
+                style: 'IPY_MODEL_d86e0cb348eb48bf97f14906a9406731',
+                _view_module_version: '1.0.0',
+                value: 40,
+                _model_module_version: '1.0.0',
+                layout: 'IPY_MODEL_b63481ca8b7943aa85d097a114a931f5',
+                _view_count: 1,
+            },
+        },
+        bb589d8dc365404b94e73a153407128f: {
+            model_name: 'LayoutModel',
+            model_module: '@jupyter-widgets/base',
+            model_module_version: '1.0.0',
+            state: {
+                _model_module_version: '1.0.0',
+                _view_module_version: '1.0.0',
+                _view_count: 1,
+            },
+        },
+        '19a24d8ea5a248be8db79790290ae2a1': {
+            model_name: 'ButtonStyleModel',
+            model_module: '@jupyter-widgets/controls',
+            model_module_version: '1.0.0',
+            state: {
+                _model_module_version: '1.0.0',
+                _view_module_version: '1.0.0',
+                _view_count: 1,
+            },
+        },
+        '965bbfeaddd74b9baa488c7f6ac13027': {
+            model_name: 'ButtonModel',
+            model_module: '@jupyter-widgets/controls',
+            model_module_version: '1.0.0',
+            state: {
+                style: 'IPY_MODEL_19a24d8ea5a248be8db79790290ae2a1',
+                _view_module_version: '1.0.0',
+                icon: 'legal',
+                _model_module_version: '1.0.0',
+                layout: 'IPY_MODEL_bb589d8dc365404b94e73a153407128f',
+                _view_count: 1,
+            },
+        },
+        '6edd9d3360cc47c8aceff0ba11edeca9': {
+            model_name: 'DirectionalLinkModel',
+            model_module: '@jupyter-widgets/controls',
+            model_module_version: '1.0.0',
+            state: {
+                _model_module_version: '1.0.0',
+                target: ['IPY_MODEL_289e54d14b7c4c6d8ac18b4c86ab514c', 'max'],
+                source: ['IPY_MODEL_a8b1ae50aada4d929397b907115bfc2c', 'value'],
+                _view_module_version: '1.0.0',
+                _view_name: '',
+            },
+        },
+        d7d14e74f61f4b3bb5f53a713bcadced: {
+            model_name: 'LayoutModel',
+            model_module: '@jupyter-widgets/base',
+            model_module_version: '1.0.0',
+            state: {
+                _model_module_version: '1.0.0',
+                _view_module_version: '1.0.0',
+                _view_count: 1,
+            },
+        },
+    },
+};

package/lib/examples/stores/notebooks/PyGWalker.ipynb.json

@@ -0,0 +1,55 @@
+{
+  "cells": [
+    {
+      "cell_type": "code",
+      "execution_count": 1,
+      "metadata": {},
+      "outputs": [
+        {
+          "data": {
+            "text/plain": []
+          },
+          "execution_count": 1,
+          "metadata": {},
+          "output_type": "execute_result"
+        }
+      ],
+      "source": [
+        "import pygwalker as pyg\n",
+        "import pandas as pd\n",
+        "\n",
+        "df = pd.read_csv(\"https://kanaries-app.s3.ap-northeast-1.amazonaws.com/public-datasets/bike_sharing_dc.csv\")\n",
+        "\n",
+        "walker = pyg.walk(df)"
+      ]
+    },
+    {
+      "cell_type": "code",
+      "execution_count": null,
+      "metadata": {},
+      "outputs": [],
+      "source": []
+    }
+  ],
+  "metadata": {
+    "kernelspec": {
+      "display_name": "Python (ipykernel)",
+      "language": "python",
+      "name": "python"
+    },
+    "language_info": {
+      "codemirror_mode": {
+        "name": "ipython",
+        "version": 3
+      },
+      "file_extension": ".py",
+      "mimetype": "text/x-python",
+      "name": "python",
+      "nbconvert_exporter": "python",
+      "pygments_lexer": "ipython3",
+      "version": "3.10.4"
+    }
+  },
+  "nbformat": 4,
+  "nbformat_minor": 4
+}

package/lib/examples/vercel-ai-elements/VercelAiElementsShowcase.d.ts

@@ -0,0 +1,12 @@
+import './showcase.css';
+import '../../../style/base.css';
+import '../../../style/showcase-vercel-ai.css';
+/**
+ * Vercel AI Elements Showcase
+ *
+ * A comprehensive showcase of all available Vercel AI Elements components.
+ * This page displays static examples of each component to demonstrate their
+ * visual appearance and basic functionality.
+ */
+export declare const VercelAiElementsShowcase: React.FC;
+export default VercelAiElementsShowcase;

package/lib/examples/vercel-ai-elements/VercelAiElementsShowcase.js

@@ -0,0 +1,69 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/*
+ * Copyright (c) 2025-2026 Datalayer, Inc.
+ * Distributed under the terms of the Modified BSD License.
+ */
+import { useState } from 'react';
+import { MessageShowcase } from './components/MessageShowcase';
+import { LoaderShowcase } from './components/LoaderShowcase';
+import { CodeBlockShowcase } from './components/CodeBlockShowcase';
+import { SuggestionShowcase } from './components/SuggestionShowcase';
+import { ShimmerShowcase } from './components/ShimmerShowcase';
+import { ArtifactShowcase } from './components/ArtifactShowcase';
+import { SourcesShowcase } from './components/SourcesShowcase';
+import { PromptInputShowcase } from './components/PromptInputShowcase';
+import { ConversationShowcase } from './components/ConversationShowcase';
+import { ModelSelectorShowcase } from './components/ModelSelectorShowcase';
+import { ReasoningShowcase } from './components/ReasoningShowcase';
+import { ToolShowcase } from './components/ToolShowcase';
+import './showcase.css';
+import '../../../style/base.css';
+import '../../../style/showcase-vercel-ai.css';
+/**
+ * Vercel AI Elements Showcase
+ *
+ * A comprehensive showcase of all available Vercel AI Elements components.
+ * This page displays static examples of each component to demonstrate their
+ * visual appearance and basic functionality.
+ */
+export const VercelAiElementsShowcase = () => {
+    const [activeTab, setActiveTab] = useState('message');
+    const components = [
+        { id: 'message', label: 'Message', component: _jsx(MessageShowcase, {}) },
+        {
+            id: 'conversation',
+            label: 'Conversation',
+            component: _jsx(ConversationShowcase, {}),
+        },
+        {
+            id: 'prompt-input',
+            label: 'Prompt Input',
+            component: _jsx(PromptInputShowcase, {}),
+        },
+        {
+            id: 'model-selector',
+            label: 'Model Selector',
+            component: _jsx(ModelSelectorShowcase, {}),
+        },
+        { id: 'artifact', label: 'Artifact', component: _jsx(ArtifactShowcase, {}) },
+        { id: 'code-block', label: 'Code Block', component: _jsx(CodeBlockShowcase, {}) },
+        {
+            id: 'suggestion',
+            label: 'Suggestions',
+            component: _jsx(SuggestionShowcase, {}),
+        },
+        { id: 'sources', label: 'Sources', component: _jsx(SourcesShowcase, {}) },
+        { id: 'reasoning', label: 'Reasoning', component: _jsx(ReasoningShowcase, {}) },
+        { id: 'tool', label: 'Tool', component: _jsx(ToolShowcase, {}) },
+        { id: 'loader', label: 'Loader', component: _jsx(LoaderShowcase, {}) },
+        { id: 'shimmer', label: 'Shimmer', component: _jsx(ShimmerShowcase, {}) },
+    ];
+    return (_jsxs("div", { className: "min-h-screen bg-background", children: [_jsx("header", { className: "border-b bg-card", children: _jsxs("div", { className: "container mx-auto py-6 px-4 md:px-6 lg:px-8", children: [_jsx("h1", { className: "text-3xl font-bold text-foreground", children: "Vercel AI Elements Showcase" }), _jsx("p", { className: "text-muted-foreground mt-2", children: "A comprehensive collection of all available Vercel AI Elements components" })] }) }), _jsx("main", { className: "container mx-auto py-8 px-4 md:px-6 lg:px-8", children: _jsxs("div", { className: "w-full", children: [_jsx("div", { className: "border-b border-border", children: _jsx("nav", { className: "flex gap-1 overflow-x-auto", "aria-label": "Component tabs", children: components.map(component => (_jsx("button", { onClick: () => setActiveTab(component.id), className: `
+                    px-4 py-2 text-sm font-medium whitespace-nowrap
+                    border-b-2 transition-colors
+                    ${activeTab === component.id
+                                        ? 'border-primary text-primary'
+                                        : 'border-transparent text-muted-foreground hover:text-foreground hover:border-border'}
+                  `, "aria-current": activeTab === component.id ? 'page' : undefined, children: component.label }, component.id))) }) }), _jsx("div", { className: "mt-6", children: components.map(component => (_jsx("div", { className: activeTab === component.id ? 'block' : 'hidden', role: "tabpanel", children: _jsxs("div", { className: "border rounded-lg bg-card", children: [_jsxs("div", { className: "border-b px-6 py-4", children: [_jsx("h2", { className: "text-2xl font-semibold text-foreground", children: component.label }), _jsxs("p", { className: "text-muted-foreground mt-1", children: ["Example implementations of the ", component.label, " component"] })] }), _jsx("div", { className: "p-6", children: _jsx("div", { className: "max-h-[calc(100vh-350px)] overflow-y-auto", children: component.component }) })] }) }, component.id))) })] }) })] }));
+};
+export default VercelAiElementsShowcase;

package/lib/examples/vercel-ai-elements/components/ArtifactShowcase.d.ts

@@ -0,0 +1 @@
+export declare const ArtifactShowcase: () => import("react/jsx-runtime").JSX.Element;

package/lib/examples/vercel-ai-elements/components/ArtifactShowcase.js

@@ -0,0 +1,85 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/*
+ * Copyright (c) 2025-2026 Datalayer, Inc.
+ * Distributed under the terms of the Modified BSD License.
+ */
+import { Artifact, ArtifactAction, ArtifactActions, ArtifactContent, ArtifactDescription, ArtifactHeader, ArtifactTitle, } from '@/components/vercel-ai-elements/artifact';
+import { CodeBlock } from '@/components/vercel-ai-elements/code-block';
+import { CopyIcon, DownloadIcon, PlayIcon, RefreshCwIcon, ShareIcon, } from 'lucide-react';
+const pythonCode = `# Dijkstra's Algorithm implementation
+import heapq
+
+def dijkstra(graph, start):
+    distances = {node: float('inf') for node in graph}
+    distances[start] = 0
+    heap = [(0, start)]
+    visited = set()
+    
+    while heap:
+        current_distance, current_node = heapq.heappop(heap)
+        if current_node in visited:
+            continue
+        visited.add(current_node)
+        
+        for neighbor, weight in graph[current_node].items():
+            distance = current_distance + weight
+            if distance < distances[neighbor]:
+                distances[neighbor] = distance
+                heapq.heappush(heap, (distance, neighbor))
+    
+    return distances
+
+# Example graph
+graph = {
+    'A': {'B': 1, 'C': 4},
+    'B': {'A': 1, 'C': 2, 'D': 5},
+    'C': {'A': 4, 'B': 2, 'D': 1},
+    'D': {'B': 5, 'C': 1}
+}
+
+print(dijkstra(graph, 'A'))`;
+const reactCode = `import React, { useState } from 'react';
+
+function TodoApp() {
+  const [todos, setTodos] = useState([]);
+  const [input, setInput] = useState('');
+
+  const addTodo = () => {
+    if (input.trim()) {
+      setTodos([...todos, { id: Date.now(), text: input, done: false }]);
+      setInput('');
+    }
+  };
+
+  const toggleTodo = (id) => {
+    setTodos(todos.map(todo =>
+      todo.id === id ? { ...todo, done: !todo.done } : todo
+    ));
+  };
+
+  return (
+    <div>
+      <h1>Todo List</h1>
+      <input
+        value={input}
+        onChange={(e) => setInput(e.target.value)}
+        onKeyPress={(e) => e.key === 'Enter' && addTodo()}
+      />
+      <button onClick={addTodo}>Add</button>
+      <ul>
+        {todos.map(todo => (
+          <li
+            key={todo.id}
+            onClick={() => toggleTodo(todo.id)}
+            style={{ textDecoration: todo.done ? 'line-through' : 'none' }}
+          >
+            {todo.text}
+          </li>
+        ))}
+      </ul>
+    </div>
+  );
+}`;
+export const ArtifactShowcase = () => {
+    return (_jsxs("div", { className: "space-y-8", children: [_jsxs("div", { children: [_jsx("h3", { className: "text-lg font-semibold mb-4", children: "Code Artifact" }), _jsxs(Artifact, { children: [_jsxs(ArtifactHeader, { children: [_jsxs("div", { children: [_jsx(ArtifactTitle, { children: "Dijkstra's Algorithm Implementation" }), _jsx(ArtifactDescription, { children: "Updated 1 minute ago" })] }), _jsx("div", { className: "flex items-center gap-2", children: _jsxs(ArtifactActions, { children: [_jsx(ArtifactAction, { icon: PlayIcon, label: "Run", onClick: () => console.log('Run'), tooltip: "Run code" }), _jsx(ArtifactAction, { icon: CopyIcon, label: "Copy", onClick: () => console.log('Copy'), tooltip: "Copy to clipboard" }), _jsx(ArtifactAction, { icon: RefreshCwIcon, label: "Regenerate", onClick: () => console.log('Regenerate'), tooltip: "Regenerate content" }), _jsx(ArtifactAction, { icon: DownloadIcon, label: "Download", onClick: () => console.log('Download'), tooltip: "Download file" }), _jsx(ArtifactAction, { icon: ShareIcon, label: "Share", onClick: () => console.log('Share'), tooltip: "Share artifact" })] }) })] }), _jsx(ArtifactContent, { className: "p-0", children: _jsx(CodeBlock, { className: "border-none", code: pythonCode, language: "python", showLineNumbers: true }) })] })] }), _jsxs("div", { children: [_jsx("h3", { className: "text-lg font-semibold mb-4", children: "React Component Artifact" }), _jsxs(Artifact, { children: [_jsxs(ArtifactHeader, { children: [_jsxs("div", { children: [_jsx(ArtifactTitle, { children: "Todo App Component" }), _jsx(ArtifactDescription, { children: "React component with hooks" })] }), _jsx("div", { className: "flex items-center gap-2", children: _jsxs(ArtifactActions, { children: [_jsx(ArtifactAction, { icon: CopyIcon, label: "Copy", onClick: () => console.log('Copy'), tooltip: "Copy to clipboard" }), _jsx(ArtifactAction, { icon: DownloadIcon, label: "Download", onClick: () => console.log('Download'), tooltip: "Download file" })] }) })] }), _jsx(ArtifactContent, { className: "p-0", children: _jsx(CodeBlock, { className: "border-none", code: reactCode, language: "tsx", showLineNumbers: true }) })] })] }), _jsxs("div", { children: [_jsx("h3", { className: "text-lg font-semibold mb-4", children: "Document Artifact" }), _jsxs(Artifact, { children: [_jsxs(ArtifactHeader, { children: [_jsxs("div", { children: [_jsx(ArtifactTitle, { children: "Project Documentation" }), _jsx(ArtifactDescription, { children: "Generated documentation" })] }), _jsx("div", { className: "flex items-center gap-2", children: _jsxs(ArtifactActions, { children: [_jsx(ArtifactAction, { icon: CopyIcon, label: "Copy", onClick: () => console.log('Copy'), tooltip: "Copy to clipboard" }), _jsx(ArtifactAction, { icon: ShareIcon, label: "Share", onClick: () => console.log('Share'), tooltip: "Share artifact" })] }) })] }), _jsx(ArtifactContent, { children: _jsxs("div", { className: "prose prose-sm max-w-none", children: [_jsx("h1", { children: "Getting Started" }), _jsx("p", { children: "This guide will help you get started with the project." }), _jsx("h2", { children: "Installation" }), _jsx("p", { children: "Install the dependencies using npm:" }), _jsx("pre", { children: _jsx("code", { children: "npm install" }) }), _jsx("h2", { children: "Usage" }), _jsx("p", { children: "Run the development server:" }), _jsx("pre", { children: _jsx("code", { children: "npm run dev" }) })] }) })] })] })] }));
+};