From e4b1b26c1d61854b93c2cc3cba1714df2d7417d5 Mon Sep 17 00:00:00 2001
From: Clawd <ai@clawd.bot>
Date: Sat, 28 Feb 2026 08:11:41 -0800
Subject: Add onboarding screen for first-time users
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- Show welcome view when no project is selected
- Explain the Research → Plan → Implement workflow
- Include ANTHROPIC_API_KEY setup instructions
- List getting started steps (add project, create session, describe work)
- Explain iteration workflow with Review/Submit buttons
- Add CSS styling for onboarding content
---
 renderer/src/styles/globals.css | 56 +++++++++++++++++++++++++++++++++++++++++
 1 file changed, 56 insertions(+)

(limited to 'renderer/src/styles/globals.css')

diff --git a/renderer/src/styles/globals.css b/renderer/src/styles/globals.css
index d917f7e..809ff15 100644
--- a/renderer/src/styles/globals.css
+++ b/renderer/src/styles/globals.css
@@ -413,3 +413,59 @@ body {
 .error-bar button:hover {
   opacity: 0.8;
 }
+
+/* Onboarding */
+.onboarding h1 {
+  font-size: 32px;
+  margin-bottom: 8px;
+}
+
+.onboarding h2 {
+  font-size: 20px;
+  margin-top: 28px;
+  margin-bottom: 12px;
+  color: var(--accent);
+}
+
+.onboarding p {
+  margin: 12px 0;
+  line-height: 1.6;
+}
+
+.onboarding ol {
+  margin: 12px 0 12px 24px;
+}
+
+.onboarding li {
+  margin: 8px 0;
+  line-height: 1.5;
+}
+
+.onboarding pre {
+  background: var(--bg-tertiary);
+  padding: 12px 16px;
+  border-radius: 6px;
+  margin: 12px 0;
+}
+
+.onboarding code {
+  font-family: "SF Mono", Monaco, monospace;
+  font-size: 13px;
+}
+
+.onboarding a {
+  color: var(--accent);
+  text-decoration: none;
+}
+
+.onboarding a:hover {
+  text-decoration: underline;
+}
+
+.onboarding-tip {
+  margin-top: 28px;
+  padding: 16px;
+  background: var(--bg-tertiary);
+  border-left: 3px solid var(--accent);
+  border-radius: 0 6px 6px 0;
+}
-- 
cgit v1.2.3