Commit Graph

6 Commits

Author SHA1 Message Date
Daniel Avila c7c4dcd1a1 fix: add missing Turkey flag, fix mobile CTA overflow, fix OSS icons in dark mode (#676)
- Add TR flag to CountryFlag.tsx so Turkey renders correctly in the
  trending "Top Countries" list instead of falling back to the generic
  placeholder icon.
- Wrap the "Promote your component" button on mobile so it no longer
  overflows the Featured Integrations card.
- Fix Vercel/Anthropic footer icons being invisible in dark mode: they
  relied on currentColor (which doesn't apply to <img> sources) and on
  Tailwind's dark: variant, which is media-query based here while the
  site's theme is toggled via a class on <html>. Now fetch fixed white
  icons and invert them under html.light via a dedicated oss-icon class.
2026-07-05 13:15:07 -04:00
daniel e2314c6a50 feat(dashboard): jobs sidebar vertical + hero ajustes
- Mueve Jobs Using Claude Code a panel vertical sticky en el lado derecho
  (260px, visible en xl+, scroll independiente, hasta 12 jobs)
- Quita la sección horizontal de jobs del flujo principal para llegar
  directo al grid de componentes al cargar
- Grid de componentes: 2 cols en xl, 3 cols en 2xl (corrige cards estrechos)
- Hero ASCII: logo claude-code-logo.png al lado del texto, centrado
- ASCII art y logo más grandes, sin scroll horizontal
- Subtítulo centrado con punto de estado verde

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
2026-06-13 14:22:37 -04:00
daniel 13d8a1ee87 feat(dashboard): re-tematizar UI a estética CLI/terminal híbrida
- Paleta GitHub-dark (#0d1117 / #161b22 / #21262d, borde #30363d)
- Acento naranja #d57455 + verde terminal #3fb950 para badges/dots
- Banner ASCII-art naranja con punto de estado verde pulsante en hero
- Bordes nítidos con hover naranja en cards (sin scale ni sombras pesadas)
- Prompt > y cursor de bloque en barra de búsqueda del TopBar
- Títulos de cards y labels de sidebar en monospace (font-ui-mono)
- Badges de descargas en pill verde (.badge-download)
- Barra activa del sidebar en naranja en vez de indigo
- Esquinas más cuadradas en cards, features y nav items
- Nuevas utilidades CSS: .font-ui-mono, .terminal-prompt, .status-dot,
  .terminal-cursor, .ascii-art, .badge-download, .card-terminal

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
2026-06-13 13:59:03 -04:00
Bitreon 746a8e2c18 feat: Dashboard dark mode UI overhaul (#451)
* feat: Complete dashboard UI overhaul with dark mode theme system

- Added ThemeToggle component with persistent theme switching
- Implemented comprehensive dark mode styles across all dashboard pages
- Enhanced UI components: Sidebar, TopBar, ComponentGrid, TrendingView, JobsView
- Improved modal designs: SearchModal, SendToRepoModal, CartSidebar
- Updated featured pages and component detail pages with dark mode support
- Added CountryFlag component for jobs display
- Refined typography, spacing, and color schemes for better readability
- Enhanced interactive elements with smooth transitions and hover states
- Updated global styles with CSS variables for theme consistency

* docs: Add comprehensive PR documentation and screenshot guide

* docs: Transform PR into compelling business-focused summary

- Emphasize user benefits and platform value
- Highlight featured partner improvements (Neon, Vercel, Supabase, etc.)
- Detail expected business impact and metrics
- Add comprehensive business value section
- Include strategic benefits and revenue impact
- Professional acknowledgments from BitreonX team
- Focus on quality and attention to detail

* docs: Add executive summary highlighting business value and BitreonX quality

* docs: Add quick reference card for easy PR creation

* fix: resolve remaining P2 issues - sidebar active state, cart height, and date format

- Fix Sidebar.astro active-state icon styling to target nested span element
- Fix CartSidebar.tsx scrollable content height to be dynamic based on footer
- Fix WeWorkRemotely date format from RFC-2822 to ISO 8601 for proper sorting

* fix: use flexbox layout for CartSidebar instead of absolute positioning

Replace hard-coded height calculations with proper flexbox layout:
- Add flex-col to sidebar panel container
- Make header and footer shrink-0 (fixed size)
- Make content flex-1 with min-h-0 (fills remaining space)
- Remove absolute positioning from footer
- Remove hard-coded viewport height calculations

This ensures the scrollable content area dynamically adjusts to the
actual footer height without items being obscured.

* fix: resolve 11 additional P2 code review issues

- Fix malformed Tailwind classes in featured/[slug].astro (hover border syntax)
- Fix malformed Tailwind classes in MyComponentsView and SaveToCollectionButton
- Fix tooltip initialization non-idempotency in Sidebar (prevent duplicate listeners)
- Fix Recently Added sort mislabeling in ComponentGrid
- Fix single/multi-category filter conflict in ComponentGrid
- Fix tag click event bubbling in JobsView
- Fix SearchModal MutationObserver and timer cleanup
- Fix logo visibility issue in JobsView
- Fix fallback color construction in TrendingView
- Fix theme.ts localStorage trust issue with runtime validation
- Fix missing width/height in icon SVGs
- Fix XSS vulnerability in component detail page (use textContent)
- Fix sidebar overflow-x clipping tooltips

* fix: resolve SearchModal timeout race condition and Recently Added sort mismatch

- Fix SearchModal closeModal timeout cleanup using ref to prevent race conditions
  when modal is closed and reopened quickly
- Fix Recently Added sort to use reverse name sort (Z-A) instead of downloads,
  providing distinct behavior from Most Popular until actual date field is available

* fix: Remove misleading 'Recently Added' sort option

The 'Recently Added' sort was using reverse alphabetical order as a placeholder, which is misleading to users expecting actual recency. Since component data doesn't include creation dates, removed this option entirely.

Fixes violation P2 in PR #451
2026-03-25 18:49:38 -04:00
daniel 4889304c24 feat(dashboard): redesign component detail pages with unified viewer components
- Add MarkdownViewer, JsonViewer, SkillExplorer components with Code/Preview toggle, search (Cmd+F), TOC sidebar, and gradient fade expand/collapse
- Add FileTreeSidebar for skill file navigation (starts collapsed)
- Make file tree panel stretch to match content height
- Green download badge with icon on detail pages
- Remove Add to Stack button and sidebar collapse functionality
- Metadata displayed as clickable label pills with modal
- Add marked dependency for client-side markdown rendering

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
2026-03-12 23:04:11 -04:00
daniel 37de8b550f feat: Add dashboard source code (app.aitmpl.com)
Astro 5 + React + Tailwind dashboard with Clerk auth for browsing
and managing Claude Code Templates components. Includes proper
.gitignore to exclude build artifacts and generated data files.

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
2026-02-20 23:13:17 -05:00