diff --git a/packages/web/src/components/CommandShowcase.astro b/packages/web/src/components/CommandShowcase.astro index d3d8c14..14b0f65 100644 --- a/packages/web/src/components/CommandShowcase.astro +++ b/packages/web/src/components/CommandShowcase.astro @@ -60,8 +60,7 @@ const scenarios: CommandScenario[] = [ ] }, { id: 'output', phase: 'output', output: [ 'Created branch: docs/reference-cleanup', - 'From: main', - 'No additional steps are required.' + 'From: main' ] } ] }, @@ -81,8 +80,7 @@ const scenarios: CommandScenario[] = [ ] }, { id: 'output', phase: 'output', output: [ 'Created commit `a1b2c3d`:', - 'docs: tighten command reference pages', - 'No additional steps are required.' + 'docs: tighten command reference pages' ] } ] }, @@ -102,8 +100,7 @@ const scenarios: CommandScenario[] = [ ] }, { id: 'output', phase: 'output', output: [ 'Created commit `d4e5f6g`:', - 'Pushed to origin/docs/reference-cleanup', - 'No additional steps are required.' + 'Pushed to origin/docs/reference-cleanup' ] } ] }, @@ -122,8 +119,7 @@ const scenarios: CommandScenario[] = [ ] }, { id: 'output', phase: 'output', output: [ 'Documented learnings for docs', - 'Files updated: - AGENTS.md: 2 learnings', - 'No additional steps are required.' + 'Files updated: - AGENTS.md: 2 learnings' ] } ] }, @@ -143,8 +139,7 @@ const scenarios: CommandScenario[] = [ ] }, { id: 'output', phase: 'output', output: [ 'Cleaned branch changes for main...HEAD', - 'Results: Files updated, validation, and commit recorded', - 'No additional steps are required.' + 'Results: Files updated, validation, and commit recorded' ] } ] }, @@ -163,8 +158,7 @@ const scenarios: CommandScenario[] = [ { tool: 'ticket_sync', args: 'post ticket comment', status: 'complete' } ] }, { id: 'output', phase: 'output', output: [ - 'Answered ticket: https://github.com/kompassdev/kompass/issues/42', - 'No additional steps are required.' + 'Answered ticket: https://github.com/kompassdev/kompass/issues/42' ] } ] }, @@ -206,8 +200,7 @@ const scenarios: CommandScenario[] = [ ] }, { id: 'output', phase: 'output', output: [ 'Implemented ticket: refresh command docs', - 'PR: https://github.com/kompassdev/kompass/pull/51', - 'No additional steps are required.' + 'PR: https://github.com/kompassdev/kompass/pull/51' ] } ] }, @@ -227,8 +220,7 @@ const scenarios: CommandScenario[] = [ ] }, { id: 'output', phase: 'output', output: [ 'Title: `Refresh command reference docs`', - 'Plan: short description plus Implementation and Validation checklists', - 'No additional steps are required.' + 'Plan: short description plus Implementation and Validation checklists' ] } ] }, @@ -248,8 +240,7 @@ const scenarios: CommandScenario[] = [ ] }, { id: 'output', phase: 'output', output: [ 'Title: `Refresh command reference docs`', - 'URL: https://github.com/kompassdev/kompass/issues/42', - 'No additional steps are required.' + 'URL: https://github.com/kompassdev/kompass/issues/42' ] } ] }, @@ -316,8 +307,7 @@ const scenarios: CommandScenario[] = [ ] }, { id: 'output', phase: 'output', output: [ 'Review submitted for PR #51', - 'Grade: ★★★★☆', - 'No additional steps are required.' + 'Grade: ★★★★☆' ] } ] }, @@ -401,8 +391,7 @@ const scenarios: CommandScenario[] = [ ] }, { id: 'output', phase: 'output', output: [ 'Todo complete: @TODO.md', - 'Remaining: 0', - 'No additional steps are required.' + 'Remaining: 0' ] } ] } @@ -807,8 +796,7 @@ const orchestrationScenarios = scenarios.filter(s => s.group === 'orchestration' .command-showcase__background { position: absolute; - inset: 0; - overflow: hidden; + inset: -20%; pointer-events: none; } diff --git a/packages/web/src/components/InstallBlock.astro b/packages/web/src/components/InstallBlock.astro new file mode 100644 index 0000000..95d8233 --- /dev/null +++ b/packages/web/src/components/InstallBlock.astro @@ -0,0 +1,277 @@ +--- +// Installation block with integrated terminal tabs +--- + +
+

How to install

+
+
+
+ +
+
+ + +
+
+ +
+
+ 
{"{"}
+  "$schema": "https://opencode.ai/config.json",
+  "plugins": ["@kompassdev/opencode"]
+{"}"}
+

Add Kompass to your OpenCode config and restart the app.

+
+ + +
+
+
+ + + + \ No newline at end of file diff --git a/packages/web/src/pages/index.astro b/packages/web/src/pages/index.astro index 54cd2ec..bd5471d 100644 --- a/packages/web/src/pages/index.astro +++ b/packages/web/src/pages/index.astro @@ -1,48 +1,9 @@ --- import CommandShowcase from "../components/CommandShowcase.astro"; +import InstallBlock from "../components/InstallBlock.astro"; import MarketingLayout from "../layouts/MarketingLayout.astro"; -const pillars = [ - { - eyebrow: "Modes that fit the moment", - title: "Manual steering when the details matter.", - text: "Keep the agent close, load only the right context, and move with precise commands instead of bloated prompts." - }, - { - eyebrow: "Guided autonomy", - title: "Delegate the leaves, keep orchestration local.", - text: "Kompass turns planning, implementation, and review into composable flows so agents stay inside the rails you define." - }, - { - eyebrow: "Cross-adapter direction", - title: "One workflow language across agent surfaces.", - text: "Shared commands, components, agents, and tools live in core packages while adapters expose them cleanly where developers already work." - } -]; -const highlights = [ - "Planner, worker, navigator, and reviewer roles built for real repository work.", - "Token-efficient command docs and components that can be reused across adapters.", - "Structured PR, ticket, and change-loading tools that keep context grounded." -]; - -const architectureBlocks = [ - { - eyebrow: "Shared core", - title: "Write the workflow once.", - text: "Commands, agents, components, and tools live in `packages/core` so the operating model stays consistent." - }, - { - eyebrow: "Adapter surfaces", - title: "Expose it where developers already work.", - text: "Adapter packages translate the same workflow system into specific agent environments instead of reinventing the prompts." - }, - { - eyebrow: "GitHub automation", - title: "Keep tickets, reviews, and PRs inside the loop.", - text: "Planning, review, and shipping flows stay grounded through structured GitHub-aware tools and explicit checkpoints." - } -]; const heroHighlights = [ { @@ -71,8 +32,6 @@ const heroHighlights = [