Skip to content

Implement Initial Prompt w/ Intro#358

Open
PauloMFJ wants to merge 27 commits into
datacommonsorg:mainfrom
madebypxlp:paulo/prompt
Open

Implement Initial Prompt w/ Intro#358
PauloMFJ wants to merge 27 commits into
datacommonsorg:mainfrom
madebypxlp:paulo/prompt

Conversation

@PauloMFJ

@PauloMFJ PauloMFJ commented Jun 8, 2026

Copy link
Copy Markdown
Contributor

Overview

Adds the home-screen entry point for the Atlas: a prompt bar and an initial-mount welcome overlay above it.

  • Prompt (scopes/page_home/prompt.tsx) — auto-growing textarea (field-sizing, capped at 4 rows) with a visually-hidden label for a11y, Enter-to-submit (Shift+Enter for newline), and a send Button.
  • Intro overlay (scopes/page_home/intro.tsx) — dismissible first-run card laid out with CSS grid (close button in its own column), an intro blurb, clickable example prompts, and a "progress isn't saved" notice. Picking an example adds the query to the prompt - it can then be manually submitted.
  • page_home promoted to a folder and now composes the prompt + intro, owning the query/intro state.
  • Supporting: new arrow_up / close / info icons; _reset.scss now neutralizes textarea; new typography mixins (type-display, type-body-large, type-input); --shadow-elevated + button-size CSS vars in _root.scss; added card-base-subtle token.

@PauloMFJ PauloMFJ self-assigned this Jun 8, 2026

@gemini-code-assist gemini-code-assist Bot left a comment

Copy link
Copy Markdown

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Code Review

This pull request implements a visual canvas exploration interface using tldraw, adding custom canvas controls, tools, an introductory screen with example prompts, and a prompt input component. The review feedback highlights several critical usability and robustness improvements, including handling IME composition in the prompt input to prevent premature submission, clearing active timeouts during rapid mock query submissions, preventing division-by-zero in the mapRange utility, and adding a browser fallback for the modern field-sizing CSS property. Additionally, feedback was provided to fix the animation transition on the intro screen, secure the tool name type guard against prototype inheritance, and ensure that selecting an example prompt correctly triggers the mock query.

Important

The consumer version of Gemini Code Assist on GitHub is being sunset. Starting June 18, 2026, new organization installations will be blocked, and all code review activity will officially cease on July 17, 2026.
For more details on the timeline and next steps, please review the Help Documentation.

Comment thread dataweaver/apps/web/src/components/scopes/page_home/prompt.tsx
Comment thread dataweaver/apps/web/src/components/scopes/page_home/page_home.tsx
Comment thread dataweaver/apps/web/src/components/scopes/page_home/intro.tsx
Comment thread dataweaver/apps/web/src/functions/map_range.ts
Comment thread dataweaver/apps/web/src/components/scopes/page_home/page_home.tsx
@PauloMFJ PauloMFJ marked this pull request as ready for review June 9, 2026 09:07
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant