diff --git a/bun.lockb b/bun.lockb index 83374368..2a83e0b6 100755 Binary files a/bun.lockb and b/bun.lockb differ diff --git a/package.json b/package.json index 6704c0c8..daa16dc6 100644 --- a/package.json +++ b/package.json @@ -87,7 +87,7 @@ "nuqs": "^2.2.3", "posthog-js": "^1.200.1", "react": "^19.0.0", - "react-day-picker": "^8.9.1", + "react-day-picker": "^9.9.0", "react-dom": "^19.0.0", "react-easy-crop": "^5.4.2", "react-grid-layout": "^1.5.0", diff --git a/src/components/run/SharePageComponent.tsx b/src/components/run/SharePageComponent.tsx index 5cb65143..97f02a37 100644 --- a/src/components/run/SharePageComponent.tsx +++ b/src/components/run/SharePageComponent.tsx @@ -4,6 +4,7 @@ import { Badge } from "@/components/ui/badge"; import { Button } from "@/components/ui/button"; import { ScrollArea, ScrollBar } from "@/components/ui/scroll-area"; import { Skeleton } from "@/components/ui/skeleton"; +import { Tabs, TabsContent, TabsList, TabsTrigger } from "@/components/ui/tabs"; import { Tooltip, TooltipContent, @@ -17,6 +18,7 @@ import { getTotalUrlCountAndUrls, } from "@/components/workflows/OutputRender"; import { useRuns } from "@/components/workflows/RunsTable"; +import { useSelectedVersion } from "@/components/version-select"; import { useWorkflowIdInWorkflowPage } from "@/hooks/hook"; import { api } from "@/lib/api"; import { customInputNodes } from "@/lib/customInputNodes"; @@ -36,10 +38,11 @@ import { ChevronRight, ChevronUp, Clock, + Code, Loader2, Play, } from "lucide-react"; -import { parseAsBoolean, useQueryState } from "nuqs"; +import { parseAsBoolean, parseAsString, useQueryState } from "nuqs"; import { type ReactNode, useCallback, @@ -49,13 +52,13 @@ import { useState, } from "react"; import { toast } from "sonner"; +import ApiPlaygroundDemo from "../api-playground-demo"; import { MyDrawer } from "../drawer"; import { Fab } from "../fab"; import { LogsViewer } from "../log/logs-viewer"; import { AlertDescription } from "../ui/alert"; import { Progress } from "../ui/progress"; import { Separator } from "../ui/separator"; -import { useSelectedVersion } from "../version-select"; import { VirtualizedInfiniteList } from "../virtualized-infinite-list"; import { LogsTab, RunDetails } from "../workflows/WorkflowComponent"; @@ -105,6 +108,7 @@ export function Playground(props: { const workflow_id = useWorkflowIdInWorkflowPage(); const [runId, setRunId] = useQueryState("run-id"); const [isTweak, setIsTweak] = useQueryState("tweak", parseAsBoolean); + const [playgroundTab, setPlaygroundTab] = useQueryState("playground-tab", parseAsString.withDefault("playground")); const { tweak: tweakQuery } = useSearch({ from: "/workflows/$workflowId/$view", }); @@ -238,184 +242,224 @@ export function Playground(props: { return ( <> -
+ API
+ - No deployments found for this workflow. -
-- Start a new workspace below to save a version, and promote - it to a deployment for testing in the playground. -
++ No deployments found for this workflow. +
++ Start a new workspace below to save a version, and promote + it to a deployment for testing in the playground. +
+