feat: Update example prompts in empty screen

[ngoiyaeric]

PR Type

Enhancement

---

Description

• Updated example prompts from nature/space themes to computer/technology themes

• Replaced icons from TreePine, Sun, Moon, Rocket to Globe, Thermometer, Laptop, HelpCircle

• Changed prompt messages to focus on planet computers and QCX-Terra

---

Diagram Walkthrough

flowchart LR
  A["Old prompts: nature/space themed"] --> B["New prompts: technology/computer themed"]
  C["Old icons: TreePine, Sun, Moon, Rocket"] --> D["New icons: Globe, Thermometer, Laptop, HelpCircle"]

Loading

File Walkthrough

	Relevant files
Enhancement	empty-screen.tsx Replace example prompts with technology-focused content    components/empty-screen.tsx Updated all four example message prompts from nature/space themes to technology/computer themes Replaced corresponding icons to match new prompt themes Changed messages to focus on planet computers, climate, QCX-Terra, and usage instructions +13/-13

---

Summary by CodeRabbit

• Style
  • Refreshed the empty screen with a new set of icons (Globe, Thermometer, Laptop, HelpCircle) for a more modern, consistent look.
  • Updated example headings and messages to match the new visuals, improving clarity and guidance.
  • Visual polish only—no changes to behavior, props, or public interfaces; enhances first-run and empty-state experience.

[vercel]

The latest updates on your projects. Learn more about Vercel for GitHub.

Project	Deployment	Preview	Comments	Updated (UTC)
qcx	Ready	Preview	Comment	Sep 29, 2025 5:56am

[CLAassistant]

Thank you for your submission! We really appreciate it. Like many open source projects, we ask that you all sign our Contributor License Agreement before we can accept your contribution.
1 out of 2 committers have signed the CLA.

✅ ngoiyaeric
❌ google-labs-jules[bot]
_{You have signed the CLA already but the status is still pending? Let us recheck it.}

[coderabbitai]

Caution

Review failed

The pull request is closed.

Walkthrough

Replaced four lucide-react icon imports and updated the exampleMessages entries (headings and messages) in components/empty-screen.tsx; import line changed. No public interfaces, props, or exports were modified.

Changes

Cohort / File(s)	Change summary
Icon and content updates components/empty-screen.tsx	Replaced lucide-react icons (TreePine, Sun, Rocket, Moon → Globe, Thermometer, Laptop, HelpCircle). Updated exampleMessages headings and messages to match new icons; adjusted import line. No API/prop/export changes.

Estimated code review effort

🎯 2 (Simple) | ⏱️ ~10 minutes

Possibly related PRs

• feat: Update example prompts in empty screen #298 — Applies the same icon replacements and exampleMessages updates in components/empty-screen.tsx; likely the same or closely related change.

Poem

A rabbit hops in, bright and spry,
Globe and Laptop catch its eye.
Thermometer hums, HelpCircle sings,
Tiny icon swaps and joyful things.
Merge the patch — the UI flies high. 🐇✨

Pre-merge checks and finishing touches

✅ Passed checks (3 passed)

Check name	Status	Explanation
Description Check	✅ Passed	Check skipped - CodeRabbit’s high-level summary is enabled.
Title Check	✅ Passed	The title clearly and concisely describes the primary change––updating the example prompts in the empty‐screen component––without extraneous details or vagueness, making it easy to understand the PR’s focus at a glance.
Docstring Coverage	✅ Passed	No functions found in the changes. Docstring coverage check skipped.

---

📜 Recent review details

Configuration used: CodeRabbit UI

Review profile: ASSERTIVE

Plan: Pro

📥 Commits

Reviewing files that changed from the base of the PR and between f88e058 and 182c933.

📒 Files selected for processing (1)

• components/empty-screen.tsx (1 hunks)

---

Thanks for using CodeRabbit! It's free for OSS, and your support helps us grow. If you like it, consider giving us a shout-out.

❤️ Share

• X
• Mastodon
• Reddit
• LinkedIn

_{Comment @coderabbitai help to get the list of available commands and usage tips.}

[qodo-code-review]

PR Reviewer Guide 🔍

Here are some key observations to aid the review process:

⏱️ Estimated effort to review: 1 🔵⚪⚪⚪⚪

🧪 No relevant tests

🔒 No security concerns identified

⚡ Recommended focus areas for review Trailing Commas Inconsistent trailing commas on icon assignments may violate the project's linting rules; ensure comma usage matches code style to avoid CI/lint failures. icon: Laptop, }, { heading: 'How do I use the computer?', message: 'How do I use the computer?', icon: HelpCircle, Unused Import Button is imported but not shown used in the new hunk; verify it is used elsewhere in this file to prevent lint errors for unused imports. import { Button } from '@/components/ui/button'; import { Globe, Thermometer, Laptop, HelpCircle } from 'lucide-react';

[qodo-code-review]

PR Code Suggestions ✨

Explore these optional code suggestions:

Category	Suggestion	Impact
General	Refactor to avoid data duplication Refactor the exampleMessages array to avoid duplicating the heading and message values. Create a source array with a single text property and then map it to the final structure. components/empty-screen.tsx [4-25] -const exampleMessages = [ - { - heading: 'What is a planet computer?', - message: 'What is a planet computer?', - icon: Globe - }, - { - heading: 'Does the climate affect our experience?', - message: 'Does the climate affect our experience?', - icon: Thermometer - }, - { - heading: 'What is QCX-Terra?', - message: 'What is QCX-Terra?', - icon: Laptop, - }, - { - heading: 'How do I use the computer?', - message: 'How do I use the computer?', - icon: HelpCircle, - }, +const examplePrompts = [ + { text: 'What is a planet computer?', icon: Globe }, + { text: 'Does the climate affect our experience?', icon: Thermometer }, + { text: 'What is QCX-Terra?', icon: Laptop }, + { text: 'How do I use the computer?', icon: HelpCircle }, ]; +const exampleMessages = examplePrompts.map(prompt => ({ + heading: prompt.text, + message: prompt.text, + icon: prompt.icon, +})); + Apply / Chat Suggestion importance[1-10]: 5 __ Why: The suggestion correctly identifies data duplication in the exampleMessages array and proposes a valid refactoring to improve maintainability by adhering to the DRY principle.	Low
Update

[charliecreates]

No correctness issues found in the modified code. The new icons and prompt texts align and appear to be used consistently. There are small maintainability opportunities: avoid repeating heading and message, and tighten the array’s type/immutability with satisfies (and optionally as const). These changes would reduce future drift and improve type safety without altering behavior.

Additional notes (2)

• Maintainability | components/empty-screen.tsx:2-2
  Consider strengthening type-safety and immutability of the example prompts. Importing the LucideIcon type and applying satisfies ReadonlyArray<...> (optionally with as const) will:
• Prevent accidental mutation of the messages array
• Ensure each item conforms to the expected shape with a valid Lucide icon component

This is a small, low-risk improvement that helps future refactors and avoids subtle runtime issues.

• Maintainability | components/empty-screen.tsx:6-8
heading and message are identical across all items. This duplication increases maintenance overhead and risk of divergence if one changes and the other doesn’t. A tiny helper can generate both fields from a single string while keeping the existing data shape intact.

Summary of changes

• Replaced the set of example prompt icons imported from lucide-react with Globe, Thermometer, Laptop, and HelpCircle.
• Updated the exampleMessages array entries to new headings/messages aligned with the new prompts.
• Kept the EmptyScreen component API unchanged.

Modified prompts

• "What is a planet computer?" → Globe
• "Does the climate affect our experience?" → Thermometer
• "What is QCX-Terra?" → Laptop
• "How do I use the computer?" → HelpCircle