What's changing in Birdor

Introduced a stable, no-layout-shift theme toggle with semantic color tokens and predictable dark-mode behavior.

• Implemented a new theme toggle using CSS variables + class strategy without causing header layout shifts.
• Added Birdor semantic color utilities: text-bd-*, bg-bd-*, border-bd-* for full design-system consistency.
• Replaced hardcoded colors across the site with semantic tokens for easy theme extension.
• Ensured theme persistence using localStorage with no hydration flashes.
• Verified theme behavior across Next.js static export, App Router, and all tools pages.

Refactored the Docs navigation to a stable, responsive, and non-jumping sidebar structure.

• Introduced a new left-side sticky navigation rail with section grouping.
• Rebuilt the page header hierarchy to match Birdor typography tokens (text-sm/text-xs/text-lg).
• Resolved mobile white-background issue by enforcing semantic bg-bd-default/bg-bd-surface tokens.
• Unified scroll behavior and active-section highlighting across all docs pages.
• Prepared standardized Docs IA for future API/Console manuals.

Introduced a fully structured pricing system with feature comparison, FAQ, and Birdor-style layout.

• Redesigned the full pricing layout using semantic tokens and scalable typography.
• Added Feature Matrix comparing Free / Pro / Team with consistent iconography.
• Implemented Pricing FAQ and call-to-action sections following Birdor marketing guidelines.
• Refined card elevation, hover states, and badge styles for better clarity.
• Added internal PRD, Revenue Model, and 3-year growth plan documentation.

Introduced Birdor’s unified semantic color system for all UI components.

• Defined a full semantic color map covering text/border/background/layer tokens.
• Created utilities through Tailwind @layer to avoid hardcoded hex values across UI.
• Added hover semantic tokens (e.g., text-bd-link) for consistent interactive states.
• Mapped all existing classes like bg-sky-900/60 → bg-bd-accent for design clarity.
• Enabled scalable theme extension (future: high-contrast, dim, sepia modes).

Aligned all developer tools under the same UI system to improve usability and visual coherence.

• Standardized typography scale: text-xs / text-sm / text-lg for all tool UIs.
• Normalized button styles and replaced ad-hoc components with unified Birdor Button/Badge.
• Refactored tool layouts to ensure consistent spacing, gutters, and panel structure.
• Improved mobile responsiveness across QRCode, Timestamp, URL Parser, Base Converter, etc.
• Introduced updated icons with fixed centering alignment.

A production-grade upgrade of Browser API Lab: unified capability scanning, top-level browser environment snapshot, and new WebAuthn/WebGPU read-only playgrounds.

• Added a new Browser Environment Snapshot panel: user agent, platform, brand/version, viewport, DPR, secure-context status, hardware concurrency, languages, touch points.
• Implemented a fully hydration-safe detection architecture using effect-driven state transitions (no server/client mismatches).
• Expanded the capability scanner to 8 APIs: Notifications, Web Share, Clipboard, Geolocation, Service Worker, EyeDropper, WebAuthn, WebGPU.
• Introduced WebAuthn read-only playground: platform authenticator detection, conditional UI availability, minimal credential-creation example.
• Added WebGPU read-only playground: navigator.gpu detection, adapter/device example code.
• Refined two-column layout to match Birdor Tools design: left = capability scanner, right = interactive playgrounds.
• Improved stability across Chrome, Safari, Edge, and Firefox with unified capability models.
• Playgrounds now expose developer-oriented debugging info and safe example code.

Documented Tailwind @layer behavior on older Safari versions and established Birdor’s support matrix for modern browsers.

• Analyzed why Safari ≤15.3 drops all Tailwind CSS styles due to missing `@layer` support.
• Removed cascade-layers polyfills that caused layout regressions in Chrome and Firefox.
• Defined official support policy: Safari 15.4+ required for complete Tailwind compatibility.
• Delivered optional fallback strategy using a custom PostCSS ‘layer unwrap’ plugin for legacy builds.
• Improved engineering notes for CSS compatibility across Birdor Tools.

Unified the SSR-safe design patterns across tools that rely on window/navigator APIs.

• Replaced all synchronous feature checks with effect-based detectors.
• Eliminated initial server/client mismatches by introducing null-state capability indicators.
• Applied the new detection pattern to Web Share, Clipboard, Geolocation, EyeDropper, WebAuthn, WebGPU, and environment info modules.
• Ensures reliable rendering under both App Router SSR and static export.

Improved maintainability and readability for Browser API Lab internals.

• Extracted environment detection into a reusable `useBrowserEnvInfo()` hook.
• Unified capability cards, status badges, and playground structures.
• Refactored detection logic to be more modular and future-proof (ready for WebRTC, Local Fonts API, Bluetooth, File System Access).
• Improved state naming and classification for readability.

Introduced the universal '● Updated' badge across Tools and Docs.

• Supports '● Updated' and '✨ New'.
• Used in Tools grid, Docs notice bar, and Changelog.