the universal sandbox runtime for agents and humans.
pocketenv.io
sandbox
openclaw
agent
claude-code
vercel-sandbox
deno-sandbox
cloudflare-sandbox
atproto
sprites
daytona
Make logo clickable and enable sandbox navigation
+115
-77
+15
apps/web/src/components/newproject/NewProject.tsx
+15
apps/web/src/components/newproject/NewProject.tsx
···
1
1
import { useEffect, useRef, useState } from "react";
2
2
import { useSandboxesQuery } from "../../hooks/useSandbox";
3
+
import { useNavigate } from "@tanstack/react-router";
3
4
4
5
export type NewProjectProps = {
5
6
isOpen: boolean;
···
10
11
const inputRef = useRef<HTMLInputElement>(null);
11
12
const [filter, setFilter] = useState("");
12
13
const { data, isLoading } = useSandboxesQuery();
14
+
const navigate = useNavigate();
13
15
14
16
const sandboxes = data?.sandboxes.filter((sandbox) =>
15
17
filter
···
46
48
47
49
const onFilter = (value: string) => {
48
50
setFilter(value);
51
+
};
52
+
53
+
const onSelect = async (id: string) => {
54
+
await navigate({ to: `/sandbox/${id}` });
55
+
onClose();
56
+
setFilter("");
49
57
};
50
58
51
59
return (
···
62
70
<div className="form-control w-full">
63
71
<div className="input input-bordered w-full input-lg text-[15px] font-semibold bg-transparent focus-within:border-pink-500!">
64
72
<input
73
+
type="text"
65
74
ref={inputRef}
66
75
placeholder="What would you like to try?"
67
76
className="grow"
68
77
value={filter}
69
78
onChange={(e) => onFilter(e.target.value)}
79
+
autoComplete="off"
80
+
name="search-filter"
81
+
data-1p-ignore
82
+
data-lpignore="true"
83
+
data-form-type="other"
70
84
/>
71
85
</div>
72
86
</div>
···
77
91
<div
78
92
key={item.id}
79
93
className="p-3 hover:bg-white/7 cursor-pointer rounded-md"
94
+
onClick={() => onSelect(item.id)}
80
95
>
81
96
<div className="font-semibold">{item.displayName}</div>
82
97
</div>
+5
-1
apps/web/src/pages/signin/SignIn.tsx
+5
-1
apps/web/src/pages/signin/SignIn.tsx