Skip to content

Copilot Refinements#156

Merged
MaryWylde merged 24 commits into
mainfrom
dev
Jun 29, 2026
Merged

Copilot Refinements#156
MaryWylde merged 24 commits into
mainfrom
dev

Conversation

@MaryWylde

Copy link
Copy Markdown
Contributor

No description provided.

MaryWylde and others added 24 commits June 16, 2026 18:17
…ate)

Initial version of the library cover animation: hovering a building reveals
a glow silhouette and a glass info card, driven by percentage-based hotspot
geometry over the 1440x852 design frame. Hover-by-default with a switchable
click mode. Hotspot coordinates and placeholder library data are a first
pass and will be refined; real library content is still to come.

Co-Authored-By: Claude Opus 4.7 <noreply@anthropic.com>
- Trim will-change to opacity/transform so clip-path and filter are no
  longer permanently promoted to compositor layers (4 -> 2 per hotspot).
- Let the info card grow with real content (min-height instead of a fixed
  height) and stay compact on mobile.
- Use functional state updaters in the hotspot trigger handlers to avoid
  reading a stale activeId under batched/concurrent updates.
- Rename the click-mode dismiss handler to match its mousedown listener.

Co-Authored-By: Claude Opus 4.7 <noreply@anthropic.com>
library: add interactive cover banner with hover hotspots (initial state)
Co-Authored-By: Claude Opus 4.7 <noreply@anthropic.com>
library: add interactive cover artwork (library.png)
…pots

Object icons (book/video/audio) rendered white-on-white in the library
card list and the sidebar "Total objects" zone. Switch the sprite symbols
to currentColor and pin a dark tone on the Object icon wrapper so they
stay visible on light surfaces while the cover card keeps its white icons.

Also inline the icon sprite for cross-browser <use> support, and tune
hotspot geometry, card edge anchoring, and pagination gating on the cover.

Co-Authored-By: Claude Opus 4.7 <noreply@anthropic.com>
The hotspot layer (and its .card) only mounts at min-width:768px, so the
max-width:768px rule could never match a live element.

Co-Authored-By: Claude Opus 4.7 <noreply@anthropic.com>
library: fix object icon visibility and refine interactive cover hots…
Surface the backend's per-shelf object limit: catch the 400 on object
create, edit (shelf change), and move, mapping the "shelf cannot have
more than 21 objects" message to friendly copy. Pre-disable the Add
control and show a counter once a shelf is full, with the backend
remaining the source of truth.

Bundles related library refinements: CharCount atom, AudioCard,
ReorderGrid, AddShelfModal, and addObjectSchema field limits.

Co-Authored-By: Claude Opus 4.7 <noreply@anthropic.com>
Dedupe SHELF_NAME_MAX_LENGTH into common.ts (was a second local copy in
Shelf and AddShelfModal), guard the empty-shelf Add button with the same
atObjectLimit check as the header button, and drop a redundant
text-align: left from CharCount.

Co-Authored-By: Claude Opus 4.7 <noreply@anthropic.com>
library: enforce 21-object-per-shelf cap in the UI
…d owner-named libraries

- Avatar serves a correctly-sized image via next/image fill + sizes instead of
  upscaling a 48px source
- Shared-link recipient view opens the object overview modal on card click
- Object overview Share button copies the URL and shows "Copied"
- Library cards/headers use "<owner>'s library" instead of "Library N"

Co-Authored-By: Claude Opus 4.7 <noreply@anthropic.com>
library: fix avatar quality, share-link object modals, share copy, an…
The cover keeps the art's aspect ratio: below the art's natural 1920px width
the band scales down with the viewport, and at/above 1920px it caps at
1920x852 centered with a blurred fill behind the side gaps. The hotspot layer
shares the art's box so hover targets track at every width.

Co-Authored-By: Claude Opus 4.7 <noreply@anthropic.com>
library: scale interactive cover to a fixed-height band
…ibrary UI

Calibrate InteractiveCover panorama hotspot geometry via coordinate remap with
per-hotspot overrides, make the LibraryInfoCard glass blur constant so it shows
immediately on reveal, and bundle the remaining library UI refinements.

Co-Authored-By: Claude Opus 4.7 <noreply@anthropic.com>
….png

Give the ultra-wide cover art a descriptive name matching library.png and
library-wide.png, replacing the placeholder library-test.png and updating its
references in the cover layout, styles, and hotspot geometry.

Co-Authored-By: Claude Opus 4.7 <noreply@anthropic.com>
The recipient (read-only) view renders no action buttons, so the full header
padding left the bare title floating; drop the vertical padding to 5px there.

Co-Authored-By: Claude Opus 4.7 <noreply@anthropic.com>
library: refine interactive cover hotspots, info card, and assorted library UI
- Home/InteractiveCover: disable hotspots on mobile, fixed 448px cover band,
  center the "What is this place?" button 22px below the header
- Header/UserProfile: stop the fixed header clipping the profile dropdown
- LibraryToolbar + Library layout: connect the toolbar to the header, left-align
  toolbar actions on mobile
- Shelf: two-row header on mobile, widen the shelf banner, advance one object per
  carousel arrow click
- ObjectOverviewModal: stop grid rows stretching to fill the full-height body
- ShareSelectionPanel: stack action buttons with 14px single-line labels on mobile

Co-Authored-By: Claude Opus 4.7 <noreply@anthropic.com>
library: mobile polish for cover, toolbar, shelf, overview & share panel

- Home/InteractiveCover: disable hotspots on mobile, fixed 448px cover band,
  center the "What is this place?" button 22px below the header
- Header/UserProfile: stop the fixed header clipping the profile dropdown
- LibraryToolbar + Library layout: connect the toolbar to the header, left-align
  toolbar actions on mobile
- Shelf: two-row header on mobile, widen the shelf banner, advance one object per
  carousel arrow click
- ObjectOverviewModal: stop grid rows stretching to fill the full-height body
- ShareSelectionPanel: stack action buttons with 14px single-line labels on mobile
… wallet + to-top fixes

- add curated UXCG landing (EN+RU) with cards, like UX Core
- replace jittery word typewriter with one smooth fade-in reveal
- keep widget visible over UX Core/UXCG bias modals on desktop (mobile unchanged)
- skip host-element highlight while a bias modal is open
- never spend tokens while the widget is CSS-hidden (gate paid landings on visibility, not just open)
- park the "to top" button left of the Copilot pill with padding, measured live per locale/state

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
feat: copilot UXCG greeting, smooth reveal, desktop-modal visibility,…
@MaryWylde MaryWylde merged commit 8a8f1e6 into main Jun 29, 2026
3 checks passed
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.

2 participants