Skip to content

fix(demo): connect avatar menu in demo top app bar - #141

Merged
treeder merged 1 commit into
mainfrom
fix_demo_avatar_menu
Oct 5, 2026
Merged

treeder merged 1 commit into
mainfrom
fix_demo_avatar_menu

Conversation

@treeder

@treeder treeder commented Oct 5, 2026

Copy link
Copy Markdown
Member

Summary

  • Connects the user menu to the avatar image (#profile-pic) in demo/index.html.
  • Adds an <md-menu> with items for Profile, My Organizations, Settings, and Sign out, anchored to the profile picture with anchor-corner="end-end" and menu-corner="start-end".
  • Adds click and keyboard (Enter, Space) handlers to toggle the user menu.
  • Adds accessible attributes (role="button", tabindex="0", aria-haspopup="menu", aria-expanded) that sync with menu open/closed state.
  • Dispatches feedback via <md-snackbar> when a menu item is clicked.

@cloudflare-workers-and-pages

Copy link
Copy Markdown

Deploying with  Cloudflare Workers  Cloudflare Workers

The latest updates on your project. Learn more about integrating Git with Workers.

Status Name Latest Commit Preview URL Updated (UTC)
✅ Deployment successful!
View logs
material 5077c4f Commit Preview URL

Branch Preview URL
Oct 05 2026, 11:41 PM

@github-actions github-actions 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.

📋 Review Summary

This pull request adds an interactive dropdown user menu (md-menu) to the top app bar avatar profile picture in demo/index.html. It incorporates keyboard accessibility, ARIA state reflection (aria-expanded, aria-haspopup), and feedback notifications via md-snackbar upon selecting menu options.

🔍 General Feedback

  • Great addition of accessibility attributes (role="button", tabindex="0", aria-haspopup="menu", and dynamic aria-expanded toggling) to the profile picture image.
  • Wiring up menu selection to trigger the existing md-snackbar provides pleasant and immediate interactive feedback for the user in the demo environment.
📊 Token Usage & Cost Efficiency
Metric Value
Input Tokens (uncached) 6,037
Input Tokens (cached) 393,380 (⚡ 98.5% cached)
Thinking / Reasoning Tokens 1,257
Output Tokens 174
Total Session Tokens 400,848
Cost (uncached input) $0.0045
Cost (cached input) $0.0295
Cost (thinking / reasoning) $0.0047
Cost (response output) $0.0007
Estimated Total Cost $0.0394

Gemini 3.8 Flash: introductory rate $0.75/$3.75 per 1M applied; reverts to $1.5/$7.5 after 2026-12-31.
Gemini 3.8 Flash: standard tier; batch and flex are half again, priority is higher.
Cache reads are priced here, but context-cache STORAGE, where the model charges for it separately per token-hour, is not included, so the figure can run slightly low.

@treeder
treeder merged commit 125a240 into main Oct 5, 2026
2 checks passed
@treeder
treeder deleted the fix_demo_avatar_menu branch October 5, 2026 23:45
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