From a36f1a609609f3069d09396378d016e4107c0d29 Mon Sep 17 00:00:00 2001 From: "Dennis (via Claude+Gemma)" Date: Sat, 23 May 2026 09:20:46 +0200 Subject: [PATCH] =?UTF-8?q?feat(onboarding-improvements):=20Onboarding-Tou?= =?UTF-8?q?r:=203=20Schritte=20(Dashboard=20=E2=86=92=20Customer=20anlegen?= =?UTF-8?q?=20=E2=86=92=20=20[tsc:fail]?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .phase29-state.json | 5 +- GENERATION_LOG.md | 18 +++++++ apps/web/src/components/OnboardingTour.tsx | 59 +++++++++++++++------- 3 files changed, 63 insertions(+), 19 deletions(-) diff --git a/.phase29-state.json b/.phase29-state.json index a7842b1..1816e0d 100644 --- a/.phase29-state.json +++ b/.phase29-state.json @@ -1,9 +1,10 @@ { "completed_features": [], - "current_feature": "more-keyboard-shortcuts", + "current_feature": "onboarding-improvements", "started_at": "2026-05-23T09:18:37.298269", "attempted_features": [ "recently-viewed-widget", - "favorites-system" + "favorites-system", + "more-keyboard-shortcuts" ] } \ No newline at end of file diff --git a/GENERATION_LOG.md b/GENERATION_LOG.md index 6f47730..fe923ff 100644 --- a/GENERATION_LOG.md +++ b/GENERATION_LOG.md @@ -3336,3 +3336,21 @@ src/index.ts(27,25): error TS2769: No overload matches this call. Overload 1 of 3, '(plugin: FastifyPluginCallback<{ limits: { fileSize: number; }; }, RawServerDefault, FastifyTypeProvider, FastifyBaseLogger>, opts?: FastifyRegisterOptions<...> | undefined): FastifyInstance<...> & PromiseLike<...>', gave the following error. Argument of type 'Promise' is not assignable to parameter of type 'FastifyPluginCallback<{ limits: { fileSize: number; }; }, RawServerDefault, FastifyTypeProvider, FastifyBaseLogger>'. Type 'Promise' provides no match for the signature '(instance: FastifyInstance, +- `09:19:54` **INFO** Committed feature more-keyboard-shortcuts +- `09:19:55` **INFO** Pushed: rc=0 + +## Phase-3 Feature: onboarding-improvements (2026-05-23 09:19:55) + +- `09:19:55` **INFO** Description: Onboarding-Tour: 3 Schritte (Dashboard → Customer anlegen → TimeEntry tracken) +- `09:19:55` **INFO** Generating apps/web/src/components/OnboardingTour.tsx (ERWEITERT — behalte Trigger-Logik. Verbesserte Steps: 1. Welcome auf D…) +- `09:20:44` **INFO** wrote 5331 chars in 49.2s (attempt 1) +- `09:20:44` **INFO** Running tsc --noEmit on api… +- `09:20:46` **WARN** tsc errors: +src/db/schema.ts(37,14): error TS7022: 'customers' implicitly has type 'any' because it does not have a type annotation and is referenced directly or indirectly in its own initializer. +src/db/schema.ts(45,59): error TS7024: Function implicitly has return type 'any' because it does not have a return type annotation and is referenced directly or indirectly in one of its return expressions. +src/db/schema.ts(49,14): error TS7022: 'projects' implicitly has type 'any' because it does not have a type annotation and is referenced directly or indirectly in its own initializer. +src/db/schema.ts(53,56): error TS7024: Function implicitly has return type 'any' because it does not have a return type annotation and is referenced directly or indirectly in one of its return expressions. +src/index.ts(27,25): error TS2769: No overload matches this call. + Overload 1 of 3, '(plugin: FastifyPluginCallback<{ limits: { fileSize: number; }; }, RawServerDefault, FastifyTypeProvider, FastifyBaseLogger>, opts?: FastifyRegisterOptions<...> | undefined): FastifyInstance<...> & PromiseLike<...>', gave the following error. + Argument of type 'Promise' is not assignable to parameter of type 'FastifyPluginCallback<{ limits: { fileSize: number; }; }, RawServerDefault, FastifyTypeProvider, FastifyBaseLogger>'. + Type 'Promise' provides no match for the signature '(instance: FastifyInstance, diff --git a/apps/web/src/components/OnboardingTour.tsx b/apps/web/src/components/OnboardingTour.tsx index b6583d2..1f4e15f 100644 --- a/apps/web/src/components/OnboardingTour.tsx +++ b/apps/web/src/components/OnboardingTour.tsx @@ -1,5 +1,5 @@ -import React, { useState, useEffect, useRef } from 'react'; -import { X } from 'lucide-react'; +import React, { useState, useEffect } from 'react'; +import { X, ChevronRight } from 'lucide-react'; type TourStep = { selector: string; @@ -9,14 +9,19 @@ type TourStep = { const TOUR_STEPS: TourStep[] = [ { - selector: '[data-tour="nav"]', - title: 'Navigation', - body: 'Hier findest du den schnellen Zugriff auf alle Bereiche deiner Zeiterfassung.', + selector: '[data-tour="welcome"]', + title: 'Willkommen bei EmberClone', + body: 'Hier hast du den vollen Überblick über deine Projekte und deine investierte Zeit.', }, { - selector: '[data-tour="time-entries"]', - title: 'Zeiteinträge', - body: 'Klicke hier, um neue Einträge zu erstellen oder bestehende zu bearbeiten.', + selector: '[data-tour="nav-customers"]', + title: 'Kunden verwalten', + body: 'Lege hier deine Kunden an, um Projekte sauber zuordnen und später abzurechnen.', + }, + { + selector: '[data-tour="nav-time"]', + title: 'Zeit erfassen', + body: 'Hier kannst du deine täglichen Einträge erstellen, bearbeiten und exportieren.', }, { selector: '[data-tour="search-hint"]', @@ -78,12 +83,13 @@ export default function OnboardingTour() { if (currentStep === null || !isVisible) return null; const step = TOUR_STEPS[currentStep]; + const isLastStep = currentStep === TOUR_STEPS.length - 1; return (
{/* Backdrop with Hole */}
-

+ +

{step.body}

+
- - Step {currentStep + 1} of {TOUR_STEPS.length} - - + + +
+ +
+ {TOUR_STEPS.map((_, idx) => ( +
+ ))}