openclaw-studio
A clean web dashboard for OpenClaw. Connect your Gateway, manage agents, and ship faster. ⭐️ Star if you like it!
파일 탐색기
최종 버전 다운로드 (.zip)- candidates.md
- decision.md
- execplan.md
- meta.json
- candidates.md
- decision.md
- execplan.md
- meta.json
- PLANS.md
- README.md
- post-checkout
- issue.md
- PULL_REQUEST_TEMPLATE.md
- control-plane-cutover-audit.md
- permissions-sandboxing.md
- pi-chat-streaming.md
- ui-guide.md
- file.svg
- globe.svg
- next.svg
- vercel.svg
- window.svg
- cleanup-ux-artifacts.mjs
- playwright-open-maximized.sh
- probe-agent-history-latency.mjs
- probe-fleet-latency.mjs
- smoke-dev-server.mjs
- studio-setup.js
- verify-native-runtime.mjs
- access-gate.js
- index.js
- install-context.d.ts
- install-context.js
- network-policy.js
- studio-settings.js
- page.tsx
- page.tsx
- route.ts
- route.ts
- route.ts
- route.ts
- route.ts
- route.ts
- route.ts
- route.ts
- route.ts
- route.ts
- route.ts
- route.ts
- route.ts
- route.ts
- route.ts
- route.ts
- route.ts
- route.ts
- route.ts
- route.ts
- route.ts
- route.ts
- route.ts
- route.ts
- route.ts
- route.ts
- route.ts
- route.ts
- route.ts
- route.ts
- markdown.css
- favicon.ico
- globals.css
- layout.tsx
- page.tsx
- theme-toggle.tsx
- execApprovalControlLoopWorkflow.ts
- execApprovalEvents.ts
- execApprovalLifecycleWorkflow.ts
- execApprovalPausePolicy.ts
- execApprovalResolveOperation.ts
- execApprovalRunControlOperation.ts
- execApprovalRunControlWorkflow.ts
- execApprovalRuntimeCoordinator.ts
- pendingStore.ts
- types.ts
- AgentAvatar.tsx
- AgentChatPanel.tsx
- AgentCreateModal.tsx
- AgentInspectPanels.tsx
- chatItems.ts
- colorSemantics.ts
- ConnectionPanel.tsx
- EmptyStatePanel.tsx
- FleetSidebar.tsx
- GatewayConnectScreen.tsx
- HeaderBar.tsx
- types.ts
- agentFleetHydration.ts
- agentFleetHydrationDerivation.ts
- agentPermissionsOperation.ts
- agentReconcileOperation.ts
- agentSettingsMutationWorkflow.ts
- chatFirstPaintWorkflow.ts
- chatInteractionWorkflow.ts
- chatSendOperation.ts
- configMutationGatePolicy.ts
- createAgentBootstrapOperation.ts
- createAgentBootstrapWorkflow.ts
- cronCreateOperation.ts
- deleteAgentOperation.ts
- domainHistoryHydration.ts
- fleetLifecycleWorkflow.ts
- gatewayConfigSyncWorkflow.ts
- gatewayRestartPolicy.ts
- historyWindowCache.ts
- latestUpdateWorkflow.ts
- mutationLifecycleWorkflow.ts
- runtimeSyncControlWorkflow.ts
- runtimeWriteTransport.ts
- settingsRouteWorkflow.ts
- specialLatestUpdateOperation.ts
- studioBootstrapOperation.ts
- studioBootstrapWorkflow.ts
- useAgentSettingsMutationController.ts
- useChatInteractionController.ts
- useConfigMutationQueue.ts
- useGatewayConfigSyncController.ts
- useGatewayRestartBlock.ts
- useRuntimeSyncController.ts
- useSettingsRouteController.ts
- gatewayEventIngressWorkflow.ts
- gatewayRuntimeEventHandler.ts
- livePatchQueue.ts
- runtimeAgentEventWorkflow.ts
- runtimeChatEventWorkflow.ts
- runtimeEventBridge.ts
- runtimeEventCoordinatorWorkflow.ts
- runtimeEventPolicy.ts
- runtimeTerminalWorkflow.ts
- sessionSettingsMutations.ts
- store.tsx
- transcript.ts
- useRuntimeEventStream.ts
- local.ts
- agentFiles.ts
- agentIds.ts
- personalityBuilder.ts
- multiavatar.ts
- paths.ts
- contracts.ts
- degraded-read.ts
- domain-runtime-client.ts
- exec-approvals.ts
- gateway-connect-profile.ts
- intent-route.ts
- intents-client.ts
- openclaw-adapter.ts
- outbox.ts
- projection-store.ts
- runtime-init-errors.ts
- runtime-read-route.ts
- runtime-route-bootstrap.ts
- runtime.ts
- semantic-history-window.ts
- createPayloadBuilder.ts
- types.ts
- index.ts
- agentConfig.ts
- agentFiles.ts
- chatHistoryLimits.ts
- errors.ts
- execApprovals.ts
- gateway-disconnect.ts
- gateway-frames.ts
- gateway-status.ts
- GatewayClient.ts
- gatewayReloadMode.ts
- local-gateway.ts
- models.ts
- session-keys.ts
- session-settings-sync.ts
- agent-state.ts
- gateway-host.ts
- coordinator.ts
- install-context.ts
- settings-store.ts
- settings.ts
- useStudioGatewaySettings.ts
- assistantText.ts
- media-markdown.ts
- message-extract.ts
- thinking-tags.ts
- http.ts
- uuid.ts
- instrumentation.ts
- .last-run.json
- runtimeRoute.ts
- studioRoute.ts
- agent-avatar.spec.ts
- agent-ia-split.spec.ts
- agent-inspect-panel.spec.ts
- connection-settings.spec.ts
- fleet-sidebar.spec.ts
- focused-smoke.spec.ts
- invalid-route-redirect.spec.ts
- settings-route-disconnected.spec.ts
- .gitkeep
- accessGate.test.ts
- agentBrainPanel.test.ts
- agentChatPanel-approvals.test.ts
- agentChatPanel-composer-autoresize.test.ts
- agentChatPanel-controls.test.ts
- agentChatPanel-markdown-rendering.test.ts
- agentChatPanel-scroll.test.ts
- agentChatPanel.provisional.test.ts
- agentCreateModal.test.ts
- agentFilesBootstrap.test.ts
- agentFleetHydration.test.ts
- agentFleetHydrationDerivation.test.ts
- agentIds.test.ts
- agentPermissionsIntentMode.test.ts
- agentPermissionsOperation.test.ts
- agentPermissionsRoleHelpers.test.ts
- agentReconcileOperation.test.ts
- agentSettingsMutationWorkflow.test.ts
- agentSettingsPanel-header.test.ts
- agentStateExecutor.test.ts
- agentStateLocal.test.ts
- agentStateRoute.test.ts
- agentStore.test.ts
- chatFirstPaintWorkflow.test.ts
- chatInteractionWorkflow.test.ts
- chatItems.test.ts
- chatSendOperation.test.ts
- colorSemantics.test.ts
- colorSemanticsGuard.test.ts
- configMutationGatePolicy.test.ts
- connectionPanel-close.test.ts
- controlPlaneExecApprovals.test.ts
- controlPlaneProjectionStore.test.ts
- controlPlaneRuntime.test.ts
- createAgentBootstrapOperation.test.ts
- createAgentBootstrapWorkflow.test.ts
- cronCreateFlowState.test.ts
- cronCreatePayloadBuilder.test.ts
- cronGatewayClient.test.ts
- cronSelectors.test.ts
- deleteAgentOperation.test.ts
- execApprovalControlLoopWorkflow.test.ts
- execApprovalEvents.test.ts
- execApprovalLifecycleWorkflow.test.ts
- execApprovalPausePolicy.test.ts
- execApprovalResolveOperation.test.ts
- execApprovalRunControlOperation.test.ts
- execApprovalRunControlWorkflow.test.ts
- execApprovalRuntimeCoordinator.test.ts
- extractThinking.test.ts
- fetchJson.test.ts
- fleetLifecycleWorkflow.integration.test.ts
- fleetLifecycleWorkflow.test.ts
- fleetSidebar-create.test.ts
- gatewayAgentFiles.test.ts
- gatewayAgentOverrides.test.ts
- gatewayConfigPatch.test.ts
- gatewayConfigSyncWorkflow.test.ts
- gatewayConnectProfile.test.ts
- gatewayDisconnectLikeError.test.ts
- gatewayEventIngressWorkflow.test.ts
- gatewayExecApprovals.test.ts
- gatewayFrames.test.ts
- gatewayMediaRoute.test.ts
- gatewayModelsPolicy.test.ts
- gatewayReloadMode.test.ts
- gatewayRestartPolicy.test.ts
- gatewayRuntimeEventHandler.agent.test.ts
- gatewayRuntimeEventHandler.chat.test.ts
- gatewayRuntimeEventHandler.policyDelegation.test.ts
- gatewayRuntimeEventHandler.summaryRefresh.test.ts
- gatewaySshTarget.test.ts
- headerBar-brain-toggle.test.ts
- heartbeatAgentConfig.test.ts
- heartbeatGatewayClient.test.ts
- installContext.test.ts
- intentRoutes.test.ts
- latestUpdateWorkflow.test.ts
- lifecycleControllerWorkflow.integration.test.ts
- livePatchQueue.test.ts
- localGateway.test.ts
- markdownPreWrapRegression.test.ts
- mediaMarkdown.test.ts
- messageExtract.test.ts
- messageHelpers.test.ts
- multiavatar.test.ts
- mutationLifecycleWorkflow.create.test.ts
- mutationLifecycleWorkflow.integration.test.ts
- mutationLifecycleWorkflow.lifecycle.test.ts
- mutationLifecycleWorkflow.test.ts
- openclawAdapter.test.ts
- packageManifest.test.ts
- pendingExecApprovalsStore.test.ts
- personalityBuilder.test.ts
- probeAgentHistoryLatency.test.ts
- probeFleetLatency.test.ts
- rafBatcher.test.ts
- runSshJson.test.ts
- runtimeAgentEventWorkflow.test.ts
- runtimeChatEventWorkflow.test.ts
- runtimeEventBridge.test.ts
- runtimeEventCoordinatorWorkflow.test.ts
- runtimeEventPolicy.test.ts
- runtimeRouteBootstrap.test.ts
- runtimeRoutes.test.ts
- runtimeStreamRoute.test.ts
- runtimeSyncControlWorkflow.test.ts
- runtimeTerminalWorkflow.test.ts
- runtimeWriteTransport.test.ts
- scrollNearBottom.test.ts
- semanticHistoryWindow.test.ts
- serverInstallContext.test.ts
- serverNetworkPolicy.test.ts
- sessionKey.test.ts
- sessionSettings.test.ts
- sessionSettingsMutations.test.ts
- settingsRouteWorkflow.test.ts
- specialLatestUpdateOperation.test.ts
- store.transcript-upsert.test.ts
- studioBootstrapOperation.test.ts
- studioBootstrapWorkflow.test.ts
- studioSettings.test.ts
- studioSettingsCoordinator.test.ts
- studioSettingsRoute.test.ts
- studioSettingsRouteReconnect.test.ts
- studioSettingsStore.test.ts
- studioSetupPaths.test.ts
- studioTestConnectionRoute.test.ts
- studioUpstreamGatewaySettings.test.ts
- themeToggle.test.ts
- transcript.test.ts
- useChatInteractionController.test.ts
- useGatewayConfigSyncController.test.ts
- useRuntimeEventStream.test.ts
- useRuntimeSyncController.test.ts
- useSettingsRouteController.test.ts
- useStudioGatewaySettings.test.ts
- uuid.test.ts
- worktreeHelpers.test.ts
- setup.ts
- .env.example
- .gitignore
- .npmrc
- .nvmrc
- agent-creation-permissions-copy.md
- AGENTS.md
- ARCHITECTURE.md
- components.json
- CONTRIBUTING.md
- eslint.config.mjs
- home-screen.png
- LICENSE
- MESSAGE_LOADING_LATENCY.md
- next.config.ts
- package-lock.json
- package.json
- playwright.config.ts
- postcss.config.mjs
- readme-image.png
- README.md
- skills-overview.md
- tsconfig.json
- vitest.config.ts
# 설치 가이드
1. 코드 내려받기
git clone https://github.com/grp06/openclaw-studio
깃허브에서 프로젝트 코드 전체를 내 컴퓨터로 내려받습니다.
cd openclaw-studio
방금 내려받은 프로젝트 폴더 안으로 이동합니다.
2. Node.js
쉬움 추천사전 준비물
npm run dev
개발/실행 서버를 켭니다.
npm install
package.json에 명시된 라이브러리들을 내려받아 설치합니다.
npm run studio:setup
이 명령어를 터미널에 그대로 입력해 실행하세요.
명령어 실행 후 터미널에 나타나는 주소(보통 http://localhost:3000 형태)를 브라우저에서 열어보세요.
이 레포의 README에 적힌 실제 명령어를 그대로 가져왔습니다.
// repository documentation
Was this content helpful?
(0 ratings)