Update files
This commit is contained in:
@@ -4,6 +4,7 @@ import {
|
|||||||
Pressable,
|
Pressable,
|
||||||
Modal,
|
Modal,
|
||||||
Image,
|
Image,
|
||||||
|
Platform,
|
||||||
} from "react-native";
|
} from "react-native";
|
||||||
import { useSafeAreaInsets } from "react-native-safe-area-context";
|
import { useSafeAreaInsets } from "react-native-safe-area-context";
|
||||||
import {
|
import {
|
||||||
@@ -130,6 +131,7 @@ function SectionHeader({
|
|||||||
pressed && styles.sectionHeaderPressed,
|
pressed && styles.sectionHeaderPressed,
|
||||||
!isCollapsed && styles.sectionHeaderExpanded,
|
!isCollapsed && styles.sectionHeaderExpanded,
|
||||||
isDragging && styles.sectionHeaderDragging,
|
isDragging && styles.sectionHeaderDragging,
|
||||||
|
Platform.OS === "web" && ({ cursor: "grab" } as any),
|
||||||
]}
|
]}
|
||||||
onPress={onToggle}
|
onPress={onToggle}
|
||||||
onLongPress={onDrag}
|
onLongPress={onDrag}
|
||||||
|
|||||||
@@ -1,5 +1,5 @@
|
|||||||
{
|
{
|
||||||
"name": "@paseo/cli",
|
"name": "@getpaseo/cli",
|
||||||
"version": "0.1.0",
|
"version": "0.1.0",
|
||||||
"description": "Paseo CLI - control your AI coding agents from the command line",
|
"description": "Paseo CLI - control your AI coding agents from the command line",
|
||||||
"type": "module",
|
"type": "module",
|
||||||
@@ -12,7 +12,7 @@
|
|||||||
"test:e2e:lifecycle": "npx tsx tests/e2e/agent-lifecycle.test.ts"
|
"test:e2e:lifecycle": "npx tsx tests/e2e/agent-lifecycle.test.ts"
|
||||||
},
|
},
|
||||||
"dependencies": {
|
"dependencies": {
|
||||||
"@paseo/server": "*",
|
"@getpaseo/server": "*",
|
||||||
"chalk": "^5.3.0",
|
"chalk": "^5.3.0",
|
||||||
"commander": "^12.0.0",
|
"commander": "^12.0.0",
|
||||||
"mime-types": "^2.1.35",
|
"mime-types": "^2.1.35",
|
||||||
|
|||||||
@@ -1,5 +1,5 @@
|
|||||||
{
|
{
|
||||||
"name": "@paseo/server",
|
"name": "@getpaseo/server",
|
||||||
"version": "0.1.0",
|
"version": "0.1.0",
|
||||||
"description": "Paseo backend server",
|
"description": "Paseo backend server",
|
||||||
"type": "module",
|
"type": "module",
|
||||||
|
|||||||
@@ -5,11 +5,11 @@ import '~/styles.css'
|
|||||||
export const Route = createFileRoute('/')({
|
export const Route = createFileRoute('/')({
|
||||||
head: () => ({
|
head: () => ({
|
||||||
meta: [
|
meta: [
|
||||||
{ title: 'Paseo - Your dev environment, in your pocket' },
|
{ title: 'Paseo – Run coding agents on your machines, from desktop and phone' },
|
||||||
{
|
{
|
||||||
name: 'description',
|
name: 'description',
|
||||||
content:
|
content:
|
||||||
'Monitor and control your local AI coding agents from anywhere. Works with Claude Code and your existing setup.',
|
'A self-hosted daemon for Claude Code, Codex, and OpenCode. Agents run on your machine with your full dev environment. Connect from phone, desktop, or web.',
|
||||||
},
|
},
|
||||||
],
|
],
|
||||||
}),
|
}),
|
||||||
@@ -81,7 +81,6 @@ function Home() {
|
|||||||
{/* Content section with black background */}
|
{/* Content section with black background */}
|
||||||
<div className="bg-black">
|
<div className="bg-black">
|
||||||
<main className="p-5 md:p-16 max-w-2xl mx-auto">
|
<main className="p-5 md:p-16 max-w-2xl mx-auto">
|
||||||
<HowItWorks />
|
|
||||||
<Features />
|
<Features />
|
||||||
<FAQ />
|
<FAQ />
|
||||||
<Footer />
|
<Footer />
|
||||||
@@ -106,7 +105,7 @@ function Nav() {
|
|||||||
Docs
|
Docs
|
||||||
</a>
|
</a>
|
||||||
<a
|
<a
|
||||||
href="https://github.com/anthropics/claude-code"
|
href="https://github.com/moboudra/paseo"
|
||||||
target="_blank"
|
target="_blank"
|
||||||
rel="noopener noreferrer"
|
rel="noopener noreferrer"
|
||||||
className="text-sm text-muted-foreground hover:text-foreground transition-colors"
|
className="text-sm text-muted-foreground hover:text-foreground transition-colors"
|
||||||
@@ -122,13 +121,11 @@ function Hero() {
|
|||||||
return (
|
return (
|
||||||
<div className="space-y-6">
|
<div className="space-y-6">
|
||||||
<h1 className="text-4xl md:text-5xl font-medium tracking-tight font-serif">
|
<h1 className="text-4xl md:text-5xl font-medium tracking-tight font-serif">
|
||||||
Your dev environment,
|
Manage coding agents from your phone and desktop.
|
||||||
<br />
|
|
||||||
in your pocket
|
|
||||||
</h1>
|
</h1>
|
||||||
<p className="text-white/70 text-lg leading-relaxed">
|
<p className="text-white/70 text-lg leading-relaxed">
|
||||||
The best ideas come when you're away from your desk. Paseo lets you
|
Agents run on your machine with your full dev environment. Connect from
|
||||||
talk to your coding agents from anywhere.
|
phone, desktop, or web.
|
||||||
</p>
|
</p>
|
||||||
</div>
|
</div>
|
||||||
)
|
)
|
||||||
@@ -149,37 +146,33 @@ function Differentiator({
|
|||||||
)
|
)
|
||||||
}
|
}
|
||||||
|
|
||||||
function HowItWorks() {
|
|
||||||
return (
|
|
||||||
<div className="space-y-6">
|
|
||||||
<p className="text-white/60 leading-relaxed">
|
|
||||||
Paseo connects to your actual development environment. Leverage your
|
|
||||||
existing setup without moving your code to the cloud.
|
|
||||||
</p>
|
|
||||||
</div>
|
|
||||||
)
|
|
||||||
}
|
|
||||||
|
|
||||||
function Features() {
|
function Features() {
|
||||||
return (
|
return (
|
||||||
<div className="pt-12 space-y-6">
|
<div className="space-y-6">
|
||||||
<h2 className="text-2xl font-medium font-serif">What you get</h2>
|
|
||||||
<div className="grid grid-cols-1 sm:grid-cols-2 gap-6">
|
<div className="grid grid-cols-1 sm:grid-cols-2 gap-6">
|
||||||
<Feature
|
<Feature
|
||||||
title="First-class voice"
|
title="Self-hosted"
|
||||||
description="Dictation for prompts. Real-time voice to talk to agents hands-free."
|
description="The daemon runs on your laptop, home server, or VPS. Allowing you to take full advantage of your dev environment."
|
||||||
|
/>
|
||||||
|
<Feature
|
||||||
|
title="Multi-provider"
|
||||||
|
description="Works with existing agent harnesses like Claude Code, Codex, and OpenCode from one interface."
|
||||||
/>
|
/>
|
||||||
<Feature
|
<Feature
|
||||||
title="Multi-host"
|
title="Multi-host"
|
||||||
description="Manage agents across multiple servers, like your laptop and a cloud VM."
|
description="Connect to multiple daemons and see all your agents in one place."
|
||||||
/>
|
/>
|
||||||
<Feature
|
<Feature
|
||||||
title="Full dev tools"
|
title="Voice input"
|
||||||
description="Browse files, view syntax-highlighted git diffs, run terminals."
|
description="Dictate prompts when you're away from your keyboard."
|
||||||
/>
|
/>
|
||||||
<Feature
|
<Feature
|
||||||
title="Agent-first"
|
title="Optional relay"
|
||||||
description="Work across projects. Orchestrate multiple features at once."
|
description="Use the hosted end-to-end encrypted relay for remote access, or connect directly over your network."
|
||||||
|
/>
|
||||||
|
<Feature
|
||||||
|
title="Cross-device"
|
||||||
|
description="Jump seamlessly between iOS, Android, desktop, web, and CLI."
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
@@ -206,12 +199,12 @@ function GetStarted() {
|
|||||||
<div className="pt-10 space-y-6">
|
<div className="pt-10 space-y-6">
|
||||||
<div className="space-y-4">
|
<div className="space-y-4">
|
||||||
<Step number={1}>
|
<Step number={1}>
|
||||||
<p className="text-sm">Install and run the server on your machine</p>
|
<p className="text-sm">Install and run the daemon</p>
|
||||||
<CodeBlock>npm install -g @paseohq/server && paseo</CodeBlock>
|
<CodeBlock>npm install -g @getpaseo/cli && paseo</CodeBlock>
|
||||||
</Step>
|
</Step>
|
||||||
<Step number={2}>
|
<Step number={2}>
|
||||||
<p className="text-sm pt-0.5">
|
<p className="text-sm pt-0.5">
|
||||||
Open the app on your phone and connect to your local server
|
Open the app (or web/desktop) and connect to your daemon
|
||||||
</p>
|
</p>
|
||||||
</Step>
|
</Step>
|
||||||
<Step number={3}>
|
<Step number={3}>
|
||||||
@@ -221,7 +214,7 @@ function GetStarted() {
|
|||||||
</Step>
|
</Step>
|
||||||
</div>
|
</div>
|
||||||
<p className="text-sm text-white/70 pt-2">
|
<p className="text-sm text-white/70 pt-2">
|
||||||
Free and open source. Works on iOS, Android, and web.
|
Free and open source. Works on iOS, Android, web, and desktop.
|
||||||
</p>
|
</p>
|
||||||
</div>
|
</div>
|
||||||
)
|
)
|
||||||
@@ -350,7 +343,7 @@ function Footer() {
|
|||||||
</a>
|
</a>
|
||||||
<span className="mx-2">·</span>
|
<span className="mx-2">·</span>
|
||||||
<a
|
<a
|
||||||
href="https://github.com/anthropics/claude-code"
|
href="https://github.com/moboudra/paseo"
|
||||||
target="_blank"
|
target="_blank"
|
||||||
rel="noopener noreferrer"
|
rel="noopener noreferrer"
|
||||||
className="hover:text-foreground transition-colors"
|
className="hover:text-foreground transition-colors"
|
||||||
|
|||||||
Reference in New Issue
Block a user