Skip to content

Add playground shortcut to space selector #1145

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
ved015 wants to merge 2 commits into
base: main
Choose a base branch
from
+33 −1
Open

Add playground shortcut to space selector #1145

Changes from all commits
Commits
Show all changes
2 commits
Select commit Hold shift + click to select a range
92db290
feat: add playground shortcut for spaces
ved015 Jun 20, 2026
b463239
update console path from local to prod
ved015 Jun 20, 2026
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
34 changes: 33 additions & 1 deletion apps/web/components/select-spaces-modal.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -21,7 +21,9 @@ import {
Loader,
Pencil,
Check,
ExternalLink,
} from "lucide-react"
import { Tooltip, TooltipContent, TooltipTrigger } from "@ui/components/tooltip"
import { useMutation, useQuery, useQueryClient } from "@tanstack/react-query"
import { toast } from "sonner"
import { DEFAULT_PROJECT_ID } from "@lib/constants"
Expand Down Expand Up @@ -90,6 +92,14 @@ type Category = {
count: number
}

const CONSOLE_PLAYGROUND_URL = "https://console.supermemory.ai/playground"
Comment thread
ved015 marked this conversation as resolved.

function openContainerTagInPlayground(containerTag: string) {
const url = new URL(CONSOLE_PLAYGROUND_URL)
url.searchParams.set("containerTag", containerTag)
window.open(url.toString(), "_blank", "noopener,noreferrer")
}

export function SelectSpacesModal({
isOpen,
onClose,
Expand Down Expand Up @@ -590,6 +600,7 @@ export function SelectSpacesModal({
const isOwnSpace = isOwnConversationSpace(project, user?.id)
const canEdit = !isDefault && !plugin && !isOwnSpace
const canBulkDelete = enableDelete && !isDefault
const canOpenPlayground = enableDelete
const isEditing = editingProject?.containerTag === project.containerTag
const isBulkDeleteSelected = bulkDeleteTags.has(project.containerTag)
const trimmedEditName = editingProject?.name.trim() ?? ""
Expand Down Expand Up @@ -755,6 +766,27 @@ export function SelectSpacesModal({
<Pencil className="size-3.5" />
</button>
)}
{canOpenPlayground && !isEditing && !isBulkDeleteMode && (
<Tooltip>
<TooltipTrigger asChild>
<button
type="button"
onClick={(e) => {
e.stopPropagation()
openContainerTagInPlayground(project.containerTag)
e.currentTarget.blur()
}}
aria-label="Open in Playground"
className="shrink-0 opacity-0 group-hover:opacity-100 focus-visible:opacity-100 transition-opacity p-1.5 rounded-full text-[#737373] hover:bg-[#4BA0FA]/15 hover:text-[#4BA0FA] cursor-pointer focus:outline-none"
>
<ExternalLink className="size-3.5" />
</button>
</TooltipTrigger>
<TooltipContent side="right" className={dmSansClassName()}>
Open in Playground
</TooltipContent>
</Tooltip>
)}
{enableDelete &&
!isDefault &&
!isEditing &&
Expand All @@ -771,7 +803,7 @@ export function SelectSpacesModal({
})
}}
aria-label="Delete space"
className="shrink-0 opacity-0 group-hover:opacity-100 transition-opacity p-1.5 rounded-full hover:bg-red-500/15 cursor-pointer focus:outline-none"
className="-ml-2 shrink-0 opacity-0 group-hover:opacity-100 transition-opacity p-1.5 rounded-full hover:bg-red-500/15 cursor-pointer focus:outline-none"
>
<Trash2 className="size-3.5 text-red-400" />
</button>
Expand Down
Loading