Skip to content

Hide footer on Skills/Instructions tabs and remove Installed badge#2926

Merged
sejas merged 4 commits intotrunkfrom
hide-footer-skills-instructions-tabs
Mar 27, 2026
Merged

Hide footer on Skills/Instructions tabs and remove Installed badge#2926
sejas merged 4 commits intotrunkfrom
hide-footer-skills-instructions-tabs

Conversation

@sejas
Copy link
Copy Markdown
Member

@sejas sejas commented Mar 26, 2026

Related issues

How AI was used in this PR

Claude Code generated the implementation. Changes were reviewed for correctness, and lint/typecheck/tests were verified before committing.

Proposed Changes

  • Hide the Edit Site modal footer (Cancel/Save buttons) when the Skills or Instructions tab is active, since those tabs don't use the form submission flow
  • Remove the InstalledBadge component from both the Skills and Instructions panels, as items in the "Installed" section are already visually grouped under the "Installed" header

Testing Instructions

  • Start the app with npm start
  • Open any site's "Edit site" modal
  • Verify the Cancel/Save footer is visible on the General and Debugging tabs
  • Switch to the Skills tab — verify the footer is hidden
  • Switch to the Instructions tab — verify the footer is hidden
  • Verify installed skills/instructions no longer show the green "Installed" badge pill
  • Verify installing/removing skills and instructions still works correctly
modal-no-footer.mp4

Pre-merge Checklist

  • Have you checked for TypeScript, React or other console errors?

The Edit Site modal footer (Cancel/Save) is only relevant for the General
and Debugging tabs. Hide it when the Skills or Instructions tab is active.
Also remove the InstalledBadge component from both panels since items in
the "Installed" section are already visually grouped.

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
@sejas sejas self-assigned this Mar 26, 2026
@wpmobilebot
Copy link
Copy Markdown
Collaborator

wpmobilebot commented Mar 26, 2026

📊 Performance Test Results

Comparing a0a61b3 vs trunk

app-size

Metric trunk a0a61b3 Diff Change
App Size (Mac) 1268.05 MB 1268.05 MB 0.00 MB ⚪ 0.0%

site-editor

Metric trunk a0a61b3 Diff Change
load 1962 ms 1922 ms 40 ms ⚪ 0.0%

site-startup

Metric trunk a0a61b3 Diff Change
siteCreation 9160 ms 8179 ms 981 ms 🟢 -10.7%
siteStartup 4836 ms 4855 ms +19 ms ⚪ 0.0%

Results are median values from multiple test runs.

Legend: 🟢 Improvement (faster) | 🔴 Regression (slower) | ⚪ No change (<50ms diff)

Use taller content area (h-80) on Skills/Instructions tabs to fill the
space left by the hidden footer, matching the overall modal height of
the General/Debugging tabs.

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
@sejas sejas requested review from a team and katinthehatsite March 27, 2026 12:34
Copy link
Copy Markdown
Contributor

@katinthehatsite katinthehatsite left a comment

Choose a reason for hiding this comment

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

The changes look good to me, I am not seeing any regressions 👍

I personally preferred the badge but I guess it is a personal preference.

Should we also cleanup the <InstalledBadge /> component then? I am not seeing it used anywhere

@sejas
Copy link
Copy Markdown
Member Author

sejas commented Mar 27, 2026

Should we also cleanup the component then? I am not seeing it used anywhere

Good catch! Removed it here a0a61b3

@sejas sejas merged commit ea0556f into trunk Mar 27, 2026
10 checks passed
@sejas sejas deleted the hide-footer-skills-instructions-tabs branch March 27, 2026 14:51
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.

3 participants