Skip to content

Add back button to host setup screen#9

Merged
BahandAb merged 4 commits into
mainfrom
claude/vibrant-cori-8vqkrq
Jun 14, 2026
Merged

Add back button to host setup screen#9
BahandAb merged 4 commits into
mainfrom
claude/vibrant-cori-8vqkrq

Conversation

@BahandAb

Copy link
Copy Markdown
Owner

Adds a "← Back" link above the setup card on host.html, linking back to index.html.


Generated by Claude Code

claude added 4 commits June 14, 2026 14:33
…uality label

- Session codes are now 6 digits (0-9) only — no letters
- Mobile side panel converted from left-slide overlay to bottom sheet with drag handle and smooth spring easing
- Header cleaned up to a tight single row (no flex-wrap, logo hidden, code highlighted as gold pill)
- Activity bar stays as bottom tab bar with labels; z-index and heights unified
- "Resolution" renamed to "Feed Quality (controls what students see)" with plain option labels
- Setup screen padding tuned for small screens

https://claude.ai/code/session_01MVs3291TLJapxhwLrCei3U
Copilot AI review requested due to automatic review settings June 14, 2026 20:45
@BahandAb BahandAb merged commit 1f7c8c8 into main Jun 14, 2026

Copilot AI 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.

Pull request overview

This PR primarily updates the host setup experience by adding a “Back” navigation link on host.html, but it also includes additional changes affecting session-code generation, service-worker caching, and cache-control headers.

Changes:

  • Add a “Back” link above the host setup card and adjust host page styling/responsive layout (host.html).
  • Change host session code generation to 6 numeric digits (host.js).
  • Update service worker cache version and introduce cache-control headers for selected assets (sw.js, _headers).

Reviewed changes

Copilot reviewed 4 out of 4 changed files in this pull request and generated 4 comments.

File Description
sw.js Bumps service worker cache name/version.
host.js Alters session-code generation logic used as the Socket.IO room identifier.
host.html Adds back link and includes multiple styling/responsive adjustments.
_headers Adds Cache-Control directives for sw.js/host.js/host.html.

💡 Add Copilot custom instructions for smarter, more guided reviews. Learn how to get started.

Comment thread sw.js
@@ -1,4 +1,4 @@
const CACHE_NAME = 'eaglevision-v1';
const CACHE_NAME = 'eaglevision-v3';
Comment thread host.js
Comment on lines 66 to 70
function generateCode() {
const chars = 'ABCDEFGHJKLMNPQRSTUVWXYZ23456789';
let code = '';
for (let i = 0; i < 6; i++) code += chars[Math.floor(Math.random() * chars.length)];
for (let i = 0; i < 6; i++) code += Math.floor(Math.random() * 10);
return code;
}
Comment thread host.html
<!-- ══════════════ SETUP SCREEN ══════════════ -->
<div id="setup-screen">
<a href="index.html" style="align-self:flex-start;display:flex;align-items:center;gap:.35rem;color:var(--muted,#7c83a8);text-decoration:none;font-size:.9rem;margin-bottom:-.25rem;">
<svg width="16" height="16" viewBox="0 0 20 20" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="13 4 7 10 13 16"/></svg>
Comment thread _headers
Comment on lines +1 to +8
/sw.js
Cache-Control: no-store, no-cache, must-revalidate

/host.js
Cache-Control: no-store, no-cache, must-revalidate

/host.html
Cache-Control: no-store, no-cache, must-revalidate
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