diff --git a/AgentCompany-New/src/renderer/src/app/Onboarding.tsx b/AgentCompany-New/src/renderer/src/app/Onboarding.tsx index d936981e..b626d006 100644 --- a/AgentCompany-New/src/renderer/src/app/Onboarding.tsx +++ b/AgentCompany-New/src/renderer/src/app/Onboarding.tsx @@ -4,7 +4,7 @@ import { type AppSnapshot, type ProviderCatalogEntry, } from "../../../shared/domain"; -import { Button, Field, Icon, Pill } from "../shared/ui"; +import { Button, Field, Icon, IconButton, Pill } from "../shared/ui"; import type { SnapshotActions } from "./useSnapshot"; type Step = "welcome" | "provider" | "company" | "mode" | "mission"; @@ -65,6 +65,7 @@ export function Onboarding({ const [submitting, setSubmitting] = useState(false); const selectedProvider = requireProvider(availableProviders, draft.providerKey); + const isMac = window.agentCompany.platform === "darwin"; const update = (patch: Partial) => setDraft((current) => ({ ...current, ...patch })); const guard = (validator: () => string | null, next: Step) => () => { @@ -115,7 +116,17 @@ export function Onboarding({ }; return ( -
+ <> +
+ {!isMac && ( + + void window.agentCompany.windowMinimize()} /> + void window.agentCompany.windowMaximize()} /> + void window.agentCompany.windowClose()} /> + + )} +
+
@@ -184,7 +195,8 @@ export function Onboarding({ )} {error &&
{error}
} -
+
+ ); } diff --git a/AgentCompany-New/src/renderer/src/overlays.css b/AgentCompany-New/src/renderer/src/overlays.css index a1ffe4e6..25b8afef 100644 --- a/AgentCompany-New/src/renderer/src/overlays.css +++ b/AgentCompany-New/src/renderer/src/overlays.css @@ -43,6 +43,20 @@ padding: 48px; background: var(--panel); } +.onboarding-titlebar { + position: fixed; + top: 0; + left: 0; + right: 0; + height: 44px; + display: flex; + align-items: center; + justify-content: flex-end; + padding: 0 12px; + -webkit-app-region: drag; + z-index: 20; +} +.onboarding-titlebar .window-controls { -webkit-app-region: no-drag; } .onboarding-steps { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 28px; } .step-chip { height: 24px;