Changelog & Release Notes
Chronological release history, platform milestones, and architectural upgrades across Sferafy OS.
On this page(94)
v2.9.77 — Header Brand Beta Badge & Wordmark Standardization (October 2026)
Refined top-level marketing navigation and brand wordmark components to display the Beta tag next to the primary Sferafy wordmark in the header.
Key release highlights:
- Header Beta Badge Standardization: Replaced the legacy OS label with a clean, high-contrast Beta pill tag alongside the Sferafy wordmark in the header.
- Adaptive Brand Component Props: Extended SferafyLogo with configurable badgeText support defaulting to Beta, ensuring uniform typography across marketing and navigation surfaces.
- Accessible Screen Reader Labels: Updated ARIA semantics to announce Beta status accurately while preserving responsive hiding on narrow mobile screens.
- Comprehensive Test Coverage: Updated unit test suites across logo and marketing navigation components verifying rendering invariants.
v2.9.76 — Modernized Cookie Consent Mode v2 & Obsidian PWA Experience (October 2026)
Modernized the Cookie Consent Mode v2 banner, granular preferences dialog, and PWA installation surfaces to align with the Sferafy Obsidian design system and analog risograph stipple spray styling.
Key release highlights:
- Sferafy Obsidian Aesthetic Alignment: Replaced legacy emerald styling and generic flat cards with obsidian glassmorphism surfaces (#0c0c0c/95), hairline borders, and Sferafy squircle badge containers.
- Analog Risograph Stipple Spray Integration: Upgraded background visual effects from heavy CSS blur gradient orbs to the ultra-efficient SferafyStippleGlow risograph stipple spray engine.
- High-Contrast Button Tokens: Adopted high-contrast black/white primary action buttons and tactile hairline secondary buttons with active scale feedback.
- Mobile-First Ergonomics & Dock Safe Area: Re-calibrated floating privacy badge and bottom banner positioning using safe-area-inset math to ensure zero collision with bottom mobile dock navigation.
- Universal E2E Verification: Full 10/10 Playwright E2E and 31/31 Vitest unit suite verification across desktop and mobile viewports.
v2.9.75 — Google Analytics 4 & Model Context Protocol (MCP) Integration Engine (October 2026)
Engineered enterprise Google Analytics 4 (GA4) integration with full Google Consent Mode v2 support and integrated Google Analytics Model Context Protocol (MCP) tooling.
Key release highlights:
- Native Google Analytics 4 Script Integration: Integrated Next.js script loading for GA4 with zero-layout-shift and deferred interactive strategy, strictly gated by user consent preferences.
- Client & Server Event Telemetry: Introduced type-safe client-side event tracking (trackGAEvent, trackGAPageView, trackGAConversion) and OWASP-hardened server-side Measurement Protocol event dispatching.
- Google Consent Mode v2 Synchronization: Harmonized GA4 telemetry with GDPR, ePrivacy, and Google Consent Mode v2 signals (ad_storage, analytics_storage, ad_user_data, ad_personalization).
- Model Context Protocol (MCP) Analytics Tooling: Configured Google Analytics MCP server supporting multi-property GA4 reports, funnels, realtime traffic analysis, and event auditing.
- Cross-Platform Environment Parity: Standardized environment templates and configuration profiles across project and global runtime environments.
v2.9.74 — Floating Capsule Navigation & Direct Streamlined Information Architecture (October 2026)
Introduced a modern floating capsule navigation architecture across all marketing and landing surfaces, replacing heavy multi-level dropdowns with direct, high-speed access to core solutions, documentation, and live status telemetry.
Key release highlights:
- Floating Capsule Geometry: Re-architected MarketingNavbar into a sleek, frosted floating capsule with high-transparency glassmorphism (backdrop-blur-xl), subtle border framing, and elevated ambient shadows.
- Streamlined Information Sequence: Reordered primary navigation items into a high-converting hierarchy: Home → Solutions → Pricing → FAQ → Docs → Blog → Status (with pulsating live telemetry) → Contacts.
- Visual Track Segregation: Incorporated elegant hairline vertical dividers grouping product, knowledge, and trust destinations for effortless eye scanning on desktop viewports.
- Mobile Floating Sheet & Touch Ergonomics: Redesigned the mobile drawer into an ergonomic floating sheet with >= 44x44px touch targets and full Ukrainian and English localization.
- Zero Layout Shift & Accessibility: Maintained strict WCAG 2.1 AA focus outlines, semantic landmark tags, and instantaneous route transitions without layout shifts.
v2.9.73 — Full Platform Brand Renaming & Complete Namespace Elevation to Sferafy (October 2026)
Executed full platform brand elevation to Sferafy across all web, mobile, documentation, API specifications, and infrastructure configurations.
Key release highlights:
- Global Brand Elevation: Standardized product naming to Sferafy across all navigation elements, metadata, PWA manifests, email notifications, and OpenAPI documentation.
- Symmetrical Localization Parity: Symmetrically updated Ukrainian (Сферафай / Сферафаю / Сферафаї) and English dictionaries in translations, preserving 100% parity across all 2,948 keys with zero untranslated gaps.
- Namespace & Session Modernization: Unified cookie and local storage tokens under sferafy_demo_mode, sferafy-locale, sferafy-theme, and sferafy-consent-v2 while maintaining seamless backwards compatibility.
- Component & Asset Standard: Elevated brand marks and wordmark typography to SFERAFY, introducing SferafyLogo, SferafyMark, and SferafyWordmark primitives with legacy aliases.
- 100% Test & Typecheck Invariants: Verified complete compliance across all 124 unit test suites (996 tests), strict TypeScript compilation, and automated i18n audit verification.
v2.9.72 — Universal Radix UI Button Architecture & Obsidian CRM Harmonization (October 2026)
Harmonized button styling and architecture across the entire CRM suite to standard Radix UI Slot composition and Sferafy Obsidian tokens matching the central executive dashboard.
Key release highlights:
- Universal Radix UI Button Component: Encapsulated @radix-ui/react-slot and class-variance-authority (cva) in a reusable Button primitive with variant support for default, secondary, outline, ghost, destructive, subtle, and emerald styles.
- Consistent Obsidian CRM Styling: Harmonized all CRM module surfaces (Requests, Team, Calendar, Equipment, Invoices, Todos, Documents, Benefits, On-Call, Probation, Events, News, 1-on-1s, Referrals, Whistleblower, Analytics, Flight Plans, Feedback, Wiki, Settings) to clean obsidian border and background tokens.
- Polymorphic asChild Slot Integration: Enabled seamless button styling over Next.js Link and external anchors without nested interactive DOM violations.
- Mobile Accessibility & Touch Target Invariants: Preserved >=44x44px touch targets on all interactive controls across mobile viewports, adhering to WCAG 2.1 AA accessibility guidelines.
- Rigorous Automated Test Coverage: Added dedicated unit tests for Button variants and Slot composition, passing 100% of unit tests and Playwright E2E suites.
v2.9.71 — Sovereign Company Wiki Markdown & LaTeX Formula Rendering Engine (October 2026)
Upgraded the Sovereign Company Policy Wiki & Standard Operating Procedures (SOPs) reader with full rich-text Markdown formatting and inline LaTeX mathematical expression rendering.
Key release highlights:
- Native Markdown Document Rendering: Integrated the platform MarkdownRenderer into the SOP reader modal, replacing raw plain text with structured hierarchical headings (h1–h6), unordered and ordered lists, inline code chips, and styled blockquotes.
- Inline LaTeX & Math Symbol Engine: Added automatic symbol translation and styled monospace badges for mathematical expressions (such as mobile touch target constraints and timeouts), rendering clean symbols (≥, ≤, ×, ≈, ≠) with light/dark theme contrast.
- Refined Dark Mode Monospace Chips: Standardized inline code chips with border tokens and high-contrast typography adhering to the master design system.
- 100% Comprehensive Unit Test Coverage: Extended unit test suites with validation for wiki article block parsing and inline mathematical symbol conversions.
v2.9.70 — Centered Activity Heatmap Matrix & Category Filter Navigation Layout (October 2026)
Enhanced employee profile ergonomic balance and visual presentation by centering the 52-week activity contribution heatmap matrix and category filter navigation bar.
Key release highlights:
- Centered Heatmap Matrix Layout: Refactored the 52-week activity contribution grid within an auto-centered layout container (`w-fit min-w-max mx-auto`), eliminating awkward right-hand void space on wide monitors while maintaining crisp fixed GitHub-style cell dimensions.
- Centered Category Filter Tabs: Aligned activity category filter pills (`All Activities`, `Commits & Code`, `Approvals & Triage`, `Pulse Check-ins`, `Vault & Docs`) centered on desktop viewports (`justify-center`) with natural left-aligned wrapping on mobile screens.
- Seamless Responsive Scroll Ergonomics: Preserved smooth horizontal scrolling from x=0 on viewports under 936px without left-side clipping or overflow distortion.
- Clean Codebase Standards: Removed obsolete icon imports and verified zero linter warnings and 100% green unit test suite execution.
v2.9.69 — Untitled UI Half Circle Progress Bar Gauges, S Monogram Refinement & Universal CRM Empty States (October 2026)
Upgraded executive dashboard KPI cards with Untitled UI half-circle progress bar label gauges, refined the continuous S vector brand mark, and conducted a platform-wide empty state audit.
Key release highlights:
- Untitled UI Half-Circle Progress Bar Gauges: Replaced initial 360° circular rings with modern 180° semi-circular top arch gauges (HalfCircleProgress). Expanded container footprint from 42px to 84x48px and increased metric percentage typography to 14–15px font-mono for maximum visual clarity.
- Authentic S Monogram Refinement: Redesigned the SferafyIcon vector glyph with a continuous, balanced S-curve path eliminating rendering artifacts across all light and dark navigation headers.
- Universal CRM Empty State Coverage: Audited and closed empty state gaps across all CRM modules, including Workforce Capacity & Operational Workflows, Probation Reviews, Compliance Policies, and 1-on-1 Sync Meeting Archives.
- Clamped & Graceful Visual Zeroing: Implemented resilient bounds clamping (0–100%) and neutral empty tracks ('—') for unpopulated or zero-balance initial workspace states.
- 100% Symmetric Localization: Fully synchronized all new empty state titles, descriptions, and gauge labels symmetrically across English and Ukrainian translations.
- Automated Test Coverage: Added dedicated unit test suites for HalfCircleProgress and backwards-compatible CircularProgress, verifying 100% green coverage across all 123 test suites.
v2.9.68 — Role-Aware 2FA Compliance Status Isolation in Team Directory (October 2026)
Enhanced employee data privacy and security posture by restricting two-factor authentication (2FA) status visibility in team directories strictly to authorized workspace administrators.
Key release highlights:
- RBAC 2FA Privacy Isolation: Enforced role-based access control across team directory views (table and cards grid), ensuring sensitive two-factor authentication status indicators ('2FA Verified' / '2FA Inactive') are exclusively accessible to authorized administrators.
- Non-Privileged Peer Privacy: Protected employee security telemetry by hiding 2FA compliance badges from non-administrative employee views, preventing internal threat actors from profiling authentication posture.
- Unified Directory Experience: Seamlessly preserved responsive layout ergonomics and touch targets across desktop table and mobile card views without visual shifting when 2FA badges are conditionally omitted.
- Streamlined Teams Column: Removed raw authentication method tags ('google', 'email', 'github') from the directory table and card views, ensuring the Teams section focuses strictly on team and department badges (e.g., 'People & Operations', 'Engineering', 'Product').
- Automated Test Coverage: Added comprehensive unit tests in Vitest and end-to-end user journeys in Playwright verifying strict RBAC visibility isolation across administrator and employee simulated roles.
v2.9.67 — Sferafy i18n & Natural Phrasing Automated Audit Gate & Full Ukrainian Localization Coverage (October 2026)
Conducted a comprehensive review and gap elimination for Ukrainian localization across the entire Sferafy platform, introduced the automated check:i18n verification gate, and guaranteed 100% symmetric coverage across all modules and marketing pages.
Key release highlights:
- Automated i18n Verification Gate (npm run check:i18n): Introduced a standalone AST and pattern scanner that automatically audits all t() calls, dynamic key mappings, system roles, and feature modules. The gate alerts and exits with an error if any translation key is missing or untranslated.
- 100% Symmetric Translation Parity: Expanded the platform dictionary to 2,941 keys with exact parity between English and Ukrainian (en/uk), eliminating all missing translation gaps across marketing sections, employee portal, and modals.
- Zero Hardcoded Strings Standard: Extracted and localized all remaining strings across Calendar, Benefits, Documents Vault, Overtime Requests, Invoices, Todos, Wiki, and Compliance Review.
- Authentic & Casual Ukrainian Fit: Upgraded phrasing to natural, idiomatic tech and startup terminology (Онбординг, Команда, Облік техніки, Скринька довіри, Суверенний грант), avoiding bureaucratic or mechanical translator phrasing.
- Automated CI/CD Test Guardrails: Added full unit test assertions in Vitest to guarantee zero missing keys in production builds and ensure continuous symmetric localization.
v2.9.66 — Team Pulse & Sentiment Graph Expansion & Comprehensive Empty State Standard (October 2026)
Enhanced the Team Pulse & Sentiment dashboard widget with a spacious, high-fidelity trend graph, interactive day tooltips, a dedicated sentiment distribution breakdown, and full coverage for unpopulated empty states.
Key release highlights:
- Expanded Graph Canvas: Increased vertical graph headroom to h-52 (viewBox 0 0 520 180) with full Y-axis intervals (5.0, 4.0, 3.0, 2.0), localized X-axis day markers (Mon–Sun), smooth multi-segment spline curves, and soft area gradient fills.
- Default Tab Ordering & Summary First: Configured 'Summary' as the primary default tab and 'Over Time' as the secondary tab for instant sentiment overview.
- Development-Only Sandbox Toggle: Gated the preview empty state switch exclusively to non-production environments to ensure clean customer presentation while enabling thorough UI testing.
- Interactive Hover Markers: Added interactive hover guides and markers on daily morale and energy nodes displaying real-time dual-metric readouts.
- Comprehensive Empty State Coverage: Designed a dedicated, clean empty state container with contextual guidance and a direct check-in action button when no sentiment telemetry exists.
- Summary Tab Distribution Breakdown: Connected the Summary tab to render live sentiment distribution bars (Thriving 60%, Steady 30%, Balanced 10%) and healthy index indicators.
- Zero Hardcoded Strings: Fully synchronized all new empty state titles, badges, day names, and distribution labels across English and Ukrainian translations.
v2.9.65 — Authentic S Monogram Brandmark & Light/Dark Theme Vector Adaptation (October 2026)
Restored the signature Sferafy 'S' vector brandmark across all desktop and mobile navigation headers, replacing the temporary multi-dot project avatar with an authentic, high-contrast monogram tailored for both light and dark themes.
Key release highlights:
- Authentic Sferafy Monogram (SferafyIcon): Standardized the geometric S-curve vector brandmark into a shared, reusable component (`SferafyIcon`) across desktop sidebar navigation, mobile drawer navigation, and top bar surfaces.
- Light & Dark Theme Parity: Engineered high-contrast vector stroke styling (`text-zinc-950 dark:text-white`) ensuring crisp legibility on both bright white (`bg-white`) and dark obsidian (`bg-[#000000]`) surfaces.
- Elimination of Extraneous Project Switcher UI: Removed the multi-dot project selection avatar and chevrons, keeping the brandmark clean, focused, and directly linked to `/dashboard`.
- Dynamic Viewport Popover Positioning (NotificationCenter): Upgraded portaled popover positioning logic to dynamically compute downward placement (`top: rect.bottom + 8`) when triggered from the sidebar header navbar, ensuring the notification center stays fully visible and anchored within the viewport.
- Zero Layout Shift & Accessibility: Preserved seamless flex alignment with the `sferafy [Beta]` mark and maintained strict WCAG 2.1 AA focus rings and touch ergonomics.
v2.9.64 — Universal Error Pages Light Mode & Autonomous Resilience Redesign (October 2026)
Delivered comprehensive Light Mode adaptation and modernized visual architecture for all platform error surfaces (404, 403, 500, 503, dynamic error route), resolving low-contrast text readability across navigation headers and error bodies.
Key release highlights:
- Marketing Navbar Light Mode Parity: Modernized MarketingNavbar desktop and mobile menus with high-contrast text and adaptive styling (bg-white/90 dark:bg-[#0a0a0a]/95, text-zinc-950 dark:text-white), ensuring navigation links and CTAs remain crystal-clear on light error pages.
- Landing Language Switcher Adaptation: Upgraded LanguageToggle landing variant trigger pill and floating glassmorphism popover with adaptive light and dark theme contrast tokens.
- Autonomous Kernel Resilience Tag: Transformed low-contrast watermark text into a clean, high-contrast status capsule with live pulsating telemetry and full Ukrainian & English localization.
- ErrorView & Popular Hubs Localization: Enhanced ErrorView status badge, status code gradient typography, diagnostics drawer, and discovery cards with 100% symmetric i18n support (Dashboard, Documentation, Blog, Support).
- Mobile Adaptivity & WCAG 2.1 AA Compliance: Verified all interactive elements maintain >=44x44px touch targets with zero horizontal overflow on small screen viewports.
v2.9.63 — Universal Loading Page & Preloader Light Mode Support (October 2026)
Engineered complete, high-contrast Light Mode support for the universal loading page UI, initial preloader, and SferafyLoader component, replacing hardcoded pitch-black styling with an adaptive, accessible design token palette.
Key release highlights:
- Light Mode Loader UI Parity: Redesigned the core loader (SferafyLoader), initial application preloader (PagePreloader), and root loading page (loading.tsx) to seamlessly adopt clean light mode backgrounds (bg-zinc-50), crisp high-contrast headings (text-zinc-900), and refined telemetry badges (bg-zinc-100 border-zinc-200 text-zinc-600), while preserving dark mode obsidian styling.
- Gyroscope & Breathing Glyph Adaptivity: Updated the multi-orbit gyroscope rings, titanium central monogram badge, and glowing photon nodes with tailored light-theme contrasts and smooth CSS color transitions.
- Zero Hardcoded Strings & Full Localization: Connected all loading telemetry readouts, status capsules, and synchronization descriptions directly to useI18n with symmetric English and Ukrainian (en/uk) translations.
- Accessibility & Contrast Verification: Maintained strict WCAG 2.1 AA compliance with high-contrast text and polite screen-reader status announcements across both light and dark modes.
- Comprehensive Test Coverage: Expanded unit test suites with automated verification for light mode class bindings, dark mode overrides, and Ukrainian localization rendering.
v2.9.62 — Role-Aware Requests Pending Count Badge & Light Mode Amber Styling (October 2026)
Upgraded the Requests navigation indicator with role-aware pending item counts and refined light mode badge aesthetics, ensuring administrators see total pending organizational volume while individual employees track their own open submissions.
Key release highlights:
- Role-Aware Dynamic Requests Counter: Displays the total open pending requests count across the organization for administrators and delegated reviewers (company_admin, project_admin, hr_admin, department_manager, team_manager, finance_admin), while rendering the employee's personal open item if one exists and omitting the badge when none are pending.
- Light Mode Amber Palette Refinement: Fixed the muddy brown light-mode background with clean, high-contrast amber styling (bg-amber-100 text-amber-900 border-amber-200/80), while preserving dark mode amber styling exactly without changes.
- Cross-Platform Navigation Parity: Unified the dynamic badge and light mode styling across desktop sidebar, mobile bottom tab bar, and mobile navigation drawer.
- Reactive Request Synchronization: Wired real-time in-memory RequestService state and custom events so that submitting leave or overtime requests updates the navigation badge immediately.
- Accessibility & Localization: Enforced WCAG 2.1 AA compliant color contrast, descriptive aria-labels with full English and Ukrainian translations, and 100% unit test coverage.
v2.9.61 — Header Action Controls: Notification Bell, Sidebar Collapse Toggle & Clean Brand Layout (October 2026)
Modernized the sidebar header by transitioning notification indicators and sidebar collapse/expand controls directly into the top bar, replacing redundant project dropdown arrows with intuitive action buttons and a clean brand identity.
Key release highlights:
- Header Notification & Collapse Controls: Relocated the standalone notification bell and sidebar fold toggle into the top header bar next to the brand identity, matching modern high-density SaaS patterns.
- Eliminated Redundant Project Switcher Arrow: Removed ChevronsUpDown and disabled full-tile area clickability in favor of clean, direct brand mark interaction.
- Streamlined Footer Profile Bar: Simplified the sticky footer into a clean user profile card and preferences menu trigger (...), reducing visual clutter at the bottom of the workspace shell.
- Seamless Collapsed Adaptivity: Maintained full zero-scroll responsive behavior in both collapsed (80px) and expanded (256px) states with verified keyboard and click navigability.
v2.9.60 — Visible Role-Aware Company Settings Navigation & Administration Routing (October 2026)
Introduced visible role-aware settings navigation across desktop and mobile CRM shells, providing administrators with 1-click access to workspace features and company settings, while preserving focused personal preferences for employees.
Key release highlights:
- Visible Navigation Settings Link: Promoted settings navigation from hidden accessibility tags to a sleek, visible action link above the profile bar matching Vercel's high-density operational aesthetics.
- Role-Aware Dynamic Labeling: Automatically renders 'Company Settings' ('Налаштування компанії') linking to '/settings/features' for workspace administrators (company_admin, project_admin), and 'Settings' ('Налаштування') linking to '/settings' for employees.
- Dual-Context Menu Architecture: Separates tenant-level workspace administration in the main navigation from personal user preferences (theme, language, a11y) in the avatar profile popover.
- Full Reactive Adaptation: Fully integrated with guest demo mode role switching and covered by comprehensive unit tests across admin and employee roles.
v2.9.59 — Vercel CRM Typography Parity (14px Scale) & Project Beta Badge (October 2026)
Refined CRM sidebar typography and workspace identification to match Vercel's 14px ergonomic scale and modern project labeling, establishing exact visual weight and high-density readability across desktop and mobile navigation.
Key release highlights:
- Vercel Typography Parity (14px Scale): Calibrated navigation link font sizes from 13px to text-sm (14px), increased row heights to h-[34px] with gap-3 item spacing, upgraded search trigger to h-9, and aligned brand font weight for clean visual balance.
- Beta Project Tier Badge: Replaced the static Hobby tag with an authentic Beta badge (Beta / Бета) in desktop header and mobile drawer, maintaining full localization parity and semantic badge attributes.
- High-Density Counter & Keycap Legibility: Refined amber notification pill badge and keyboard shortcut keycap (F) typography for enhanced contrast and crisp rendering in both dark and light modes.
v2.9.58 — Vercel CRM Sidebar Aesthetics, Workspace Switcher, Find Shortcut & Sticky Action Footer (October 2026)
Re-architected the Sferafy CRM desktop and mobile navigation to align pixel-for-pixel with the modern Vercel CRM design system, featuring an authentic workspace switcher with project identicon and tier pill, instant 'Find' search trigger with keyboard shortcut, drill-down chevrons, amber notification pills, and a sleek sticky user action footer.
Key release highlights:
- Vercel Project Switcher Header: Replaced static branding with an interactive workspace header featuring a blue geometric dot-matrix project avatar, clean 'sferafy' brand typography, 'Hobby' plan pill badge, and a bidirectional selector arrow (ChevronsUpDown).
- Universal Find Palette & Keyboard Shortcut: Modernized the quick search launcher with 'Find' placeholder and dedicated 'F' keycap shortcut, listening globally to 'F' or 'Cmd+K' to instantly surface command palette navigation without manual clicking.
- Drill-down Navigation Chevrons & Amber Count Badges: Enhanced navigation list items with right-aligned subview chevrons and warm amber count pill badges (such as pending requests count), matching Vercel's high-density operational aesthetics.
- Sleek Vercel User Profile & Action Footer: Streamlined the sticky sidebar footer into a compact bottom bar featuring a colorful mosaic identicon user avatar, user name, circular more-options trigger (...), standalone notification bell (🔔) with unread indicator dot, and sidebar collapse toggle.
- Responsive Mobile Drawer & Full i18n Parity: Mirrored the Vercel CRM aesthetic across mobile slide-over drawers with touch targets >= 44x44px, zero unlocalized strings with full English and Ukrainian phrasing, and 100% test pass rate across 964 unit tests.
v2.9.57 — Comprehensive Clean Architecture, Stack Matrix & Enterprise Integration Standards (October 2026)
Upgraded platform system documentation and root architectural blueprint with an intuitive multi-layer topology diagram, comprehensive technology stack matrix, and enterprise integrations guide covering Slack, Sentry, Stripe, Resend, and Google Workspace.
Key release highlights:
- Multi-Layer Architecture Topology: Visualized clean separation across client ergonomics (44px touch targets & Vaul bottom sheets), Next.js 16 Edge application kernel (Server Components & Zod Server Actions), and Supabase PostgreSQL data layer.
- Full Technology Stack Matrix: Detailed versions, operational roles, and architectural invariants for Next.js 16, React 19, TypeScript 7, Tailwind CSS v4, and Radix UI primitives.
- Enterprise Integration Stack: Documented native per-tenant integration capabilities for Slack (ChatOps, approvals & daily pulse), Sentry (distributed telemetry & safe credential redaction), Stripe (digital invoicing & checkout), Resend (transactional email), and Google Workspace (SSO & directory sync).
- Continuous Verification Baseline: Confirmed 100% test pass rate across 964 unit and domain integration test suites in Vitest.
v2.9.56 — Automated Pre-Commit Secret Synchronization & Slack MCP Architecture (October 2026)
Introduced automated pre-commit secret synchronization with GitHub Actions and added Slack Model Context Protocol (MCP) server integration to streamline developer workflows and ensure CI/CD parity without manual secrets management.
Key release highlights:
- Automated Pre-Commit Secret Synchronization: Built `scripts/sync-github-secrets.mjs` wired into `.husky/pre-commit` (`npm run secrets:sync`), which automatically inspects environment configurations, detects new non-local credentials, and securely synchronizes them to GitHub Actions Secrets.
- Local Endpoint Isolation: Strictly separates local development endpoints (`localhost`, `127.0.0.1`, `.local`) from production and CI secrets to preserve developer workstation isolation.
- Slack MCP Integration: Added Slack Model Context Protocol server configuration into workspace and global agents manifests, enabling autonomous agents to communicate via Slack channels and manage thread contexts.
- Agent Release Governance: Enforced the pre-commit secret synchronization protocol in both root and hierarchical agent rules (`AGENTS.md`), ensuring zero secret drift across environments.
v2.9.55 — Per-Company Request & Overtime Policy Governance Architecture (October 2026)
Delivered comprehensive per-company governance policies for leave requests, PTO balances, and overtime tracking, ensuring full organizational flexibility and compliance.
Key release highlights:
- Custom Overtime Thresholds: Configurable overtime thresholds and compensation multipliers per company tier.
- Granular Policy Approval Chains: Multi-stage policy validation rules with role-based auto-delegation.
- Audit Trail Compliance: Immutable record-keeping across all employee policy transitions.
v2.9.54 — Sentry Telemetry Integration & Safe Redaction Logging Architecture (October 2026)
Introduced production-grade Sentry error tracking and performance monitoring, coupled with a privacy-preserving logger that automatically redacts API keys, bearer tokens, JWTs, and sensitive credentials across client, server, and edge environments.
Key release highlights:
- Universal Sentry Integration: Configured `@sentry/nextjs` across browser (`sentry.client.config.ts`), Node.js runtime (`sentry.server.config.ts`), and edge middleware (`sentry.edge.config.ts`) with Next.js App Router instrumentation (`src/instrumentation.ts`).
- Zero PII & Token Leakage: Built automated deep sanitization (`src/lib/logger.ts`) that scrubs authorization headers, session cookies, webhook HMAC signatures, and third-party API keys before log emission or telemetry dispatch.
- Free Tier Quota Optimization: Configured tracesSampleRate to 10% in production with automated browser extension noise filtering to keep monthly events safely within free limits.
- CSP Hardening: Updated Content Security Policy `connect-src` directives to securely authorize Sentry ingest endpoints without relaxing perimeter defenses.
- Central Error Boundaries: Connected App Router (`error.tsx`) and layout boundaries (`global-error.tsx`) to capture exceptions and provide one-click diagnostic reporting.
v2.9.53 — Mastra Navigation Typography, Refined Dark Pill CTA & Modern Landing Language Switcher (October 2026)
Refined the public landing page navigation experience to mirror Mastra's sleek design language—featuring open font layout ergonomics, a clean text login link, a high-contrast dark pill Live Demo action, and a modern glassmorphism language switcher, while strictly leaving internal CRM navigation untouched.
Key release highlights:
- Open Mastra Navigation Layout: Removed enclosing capsule containers around the desktop nav links in favor of a clean, spaced horizontal layout (`gap-6 xl:gap-8`) with authentic Mastra typography (`text-sm font-medium text-zinc-400 hover:text-white`).
- Understated Text Login Action: Replaced boxed button frames on desktop with a clean, low-friction text link (`text-sm font-medium text-zinc-300 hover:text-white px-3 py-2 rounded-full hover:bg-white/5`) matching Mastra's header hierarchy.
- Refined Dark Pill Primary CTA: Re-engineered the Live Demo action into a sophisticated obsidian dark pill button (`bg-[#1c1c1f] hover:bg-[#252528] border border-[#303036] text-white`) with subtle arrow kinetics.
- Modern Landing Language Switcher: Introduced a sleek `variant="landing"` capsule switcher with unboxed globe glyph, clean EN/UA code, micro-chevron, and frosted popover card.
- Strict Non-Regression Invariant: All changes are isolated exclusively to the public marketing navbar, ensuring 100% preservation of CRM top navigation and internal views.
v2.9.52 — Marketing Navigation Resources Flyout 2-Row Grid Alignment (October 2026)
Harmonized the marketing navigation Resources dropdown flyout to mirror the 2-row, 2-column grid architecture of the Features flyout, ensuring unified layout ergonomics, symmetric localization, and accessible touch targets.
Key release highlights:
- 2-Row Grid Architecture: Re-engineered the Resources dropdown flyout from a vertical single-column list into a balanced 2x2 grid (`grid-cols-2`), matching the width (560px), padding (p-4), and visual weight of the Features flyout.
- Knowledge Hub Directory: Organizes core developer and enterprise trust destinations (Documentation & Guides, Engineering & Product Blog, Frequently Asked Questions, and Platform Status & Uptime) with high-contrast icons and 2-line descriptions.
- Unified Header & Footer Rails: Integrated a dedicated flyout header with uppercase system badge and a curated knowledge base footer action linking directly to platform documentation.
- Symmetric Localization & Accessibility: Added full English and Ukrainian translations across all flyout titles, badges, and descriptions with WCAG-compliant >=44px touch targets.
v2.9.51 — Handy CRM Dashboard Telemetry: Operational Workflows, Role Transparency & Sentiment Pulse (October 2026)
Replaced redundant payment rates, synthetic developer metrics, and AI trace evaluation jargon on the primary CRM operations dashboard with actionable, customer-handy operational workflows, employee role transparency, and continuous team sentiment tracking—while strictly preserving the exact final UI grid and layout architecture.
Key release highlights:
- Employee Role Transparency & Logged Hours: Retired redundant RATE figures and sensitive payroll totals in the Engineering Team Radar in favor of transparent team member roles and verified weekly logged hours (106.5h), eliminating unconfigured payment rate static values.
- Actionable Deliverables & Task Telemetry: Replaced synthetic 2.2M token metrics with authentic sprint deliverables and tasks (28 deliverables, +16.7% vs. previous 24), giving managers and team members immediate clarity on operational output.
- Team Pulse & Sentiment Telemetry: Replaced developer AI evaluation scores with authentic team pulse sentiment (4.8 / 5.0 index, +6.7% vs. previous 4.5) alongside weekly trend lines tracking morale and energy levels on a 5-point scale.
- Operational Workflows Suite: Transformed developer trace volume counters into automated workflow tracking across Requests (Leave & PTO, Shift Scheduling), Onboarding (Welcome, Provisioning), and Equipment (Assignments, Returns) with live resolved vs. in-progress throughput.
- Strict Final UI & Layout Preservation: Maintained 100% of the established visual cards, responsive 2x4 and 2x2 grid hierarchies, CommitMono figures, and SVG trend visualizations without altering layout geometry.
- 100% Bilingual Natural Fit (i18n): Complete symmetric English and Ukrainian phrasing across all newly introduced metrics, role labels, and workflow status indicators with zero raw UI strings.
v2.9.50 — Triple-Pillar Optimization: Performance, OWASP Security Hardening & Advanced SEO Architecture (October 2026)
Executed deep non-visual architectural optimizations across performance, security, and search engine discoverability while preserving 100% of existing UI layouts and styling invariants.
Key release highlights:
- Turbopack & Bundle Performance: Enabled package import tree-shaking for heavy libraries (`lucide-react`, `date-fns`), modern AVIF/WebP image compression formats, 30-day edge image caching, and gzip/brotli HTTP compression.
- OWASP Security & CSP Hardening: Hardened Content Security Policy with `frame-ancestors 'none'`, synchronized CSP and DNS prefetch controls across Next.js and Vercel edge configs, and established SSRF validation on merchant payment webhook endpoints.
- Full Sitemap Indexing Coverage: Expanded `sitemap.xml` to index the `/features` flagship suite alongside all 17 platform architecture, security, and integration documentation guides.
- Dynamic OpenGraph & Social Metadata: Added automated 1200x630 dynamic OpenGraph and Twitter card image generators (`opengraph-image.tsx`, `twitter-image.tsx`) featuring Sferafy Obsidian branding for link previews.
- Structured Data & Resource Hints: Implemented schema.org `SoftwareApplication` JSON-LD specification and Supabase connection preconnect resource hints to accelerate initial TTFB.
v2.9.49 — Dual-Target Vercel CD Architecture: Development & Production Pipeline Separation (October 2026)
Architected decoupled Continuous Deployment (CD) pipelines to establish strict separation between staging/development and production deployment environments on Vercel.
Key release highlights:
- Automated Development CD Pipeline (`deploy-dev.yml`): Configured dedicated deployment automation triggered on pushes and pull requests to the `development` branch, deploying prebuilt artifacts directly to the development Vercel environment with PR preview comments.
- Independent Production CD Pipeline (`deploy-prod.yml`): Configured sovereign production deployment automation triggered on `main` branch merges, targeting a dedicated production Vercel project with enterprise quality gates.
- Graceful Production Onboarding Gate: Built automated credential discovery for production deployments with clear setup guidance in GitHub Actions step summaries when production project secrets are pending configuration.
- Universal Multi-Branch Build Rules: Updated `vercel.json` ignore rules to allow continuous builds across both `development` and `main` branches.
- Enterprise Security & Infrastructure Documentation: Updated deployment documentation and budget guides reflecting dual-environment isolation.
v2.9.48 — Production MVP Hardening: Proxy Migration, Distributed Rate Limiter & Zero Vulnerabilities (October 2026)
Completed comprehensive production MVP readiness hardening across Sferafy, resolving upstream security advisories to reach 0 npm vulnerabilities, migrating to Next.js 16's official `proxy.ts` convention, and architecting distributed rate limiting for multi-instance serverless deployments.
Key release highlights:
- Zero Vulnerability Audit Milestone: Upgraded vulnerable dependencies to resolve all upstream security advisories across Next.js, Dotenvx, Sharp, and Source-Map, achieving 0 vulnerabilities across 348 packages.
- Next.js 16 Proxy Architecture: Migrated legacy `middleware.ts` to the official Next.js 16 `proxy.ts` specification, eliminating framework deprecation warnings while maintaining strict multi-tenant session validation.
- Distributed Rate Limiter Integration: Engineered provider hooks (`DistributedRateLimiterProvider` and `checkRateLimitDistributed`) enabling seamless integration with external distributed stores (Upstash / Redis / Supabase cache) alongside deterministic in-memory fallback.
- Production Health & Subsystem Telemetry: Enhanced `/api/health` with real-time probe reporting for database, transactional email, payment gateways, and system memory metrics.
- Rigorous Build & Test Verification: Passed full TypeScript strict checks, Oxlint analysis, and all 119 Vitest test suites (949 unit tests) with 100% success rate.
v2.9.47 — Streamlined Daily Energy & Feeling Pulse Direct Interactive Update Architecture (October 2026)
Streamlined the Daily Energy & Feeling Pulse widget on the primary operations dashboard to be immediately available to update in its initial state, eliminating the redundant green banner confirmation card and 'Update Status' toggle button in favor of a direct, persistent interactive check-in experience.
Key release highlights:
- Direct Interactive Initial State: Employees can instantly review, adjust, and update their daily mood, energy level, work mode, and blockers directly without clicking through an intermediate status banner.
- Elimination of Intermediate Banner: Removed the full-card green banner overlay and 'Update Status' toggle, ensuring clean visual continuity and zero layout shifts across desktop and mobile screens.
- Compact Inline Header Confirmation: Added an elegant, non-intrusive `CheckCircle2` recorded badge in the widget header indicating when today's check-in is logged, while preserving immediate access to the controls.
- Adaptive Action CTA: The action button dynamically adapts between 'Record Morning Pulse' and 'Update Morning Pulse' based on employee submission history.
- 100% Symmetric Bilingual Localization: Added symmetric English and Ukrainian phrasing for updated pulse CTA states (`pulse.updatePulse`) with zero hardcoded UI strings.
- Test Suite Parity: Updated Vitest unit and Playwright E2E suites verifying seamless form availability, interactive updates, and accessibility standards.
v2.9.46 — Studio CRM Team Directory Table Architecture & Typography Parity (October 2026)
Aligned the Team Members directory table (`/team`) with Sferafy's Obsidian Studio CRM design standard, harmonizing borders, typographic scale, status badge tokens, filter controls, and pagination ergonomics with existing operations modules.
Key release highlights:
- Studio CRM Table Architecture: Modernized the team directory table using unified `studio-card` framing, crisp `font-mono uppercase text-[10.5px]` column headers, and dark obsidian border tokens (`#141417` / `#1c1c1f`).
- Compact Badge System & Status Indicators: Replaced oversized pill badges with calibrated `rounded-[4px] px-1.5 py-0.5 text-[10.5px] font-mono` badges for member statuses (Active, Suspended, Deactivated) and roles (Employee, Manager, Admin, Executive).
- Studio Pagination Bar Parity: Replaced bulky footer styling with the standard compact Studio pagination bar featuring dark card backing, total row counts, and ergonomic square page buttons.
- Aligned Filter & Navigation Controls: Redesigned the top tab group, search input, department dropdown, and table/cards view mode switcher with compact Studio control tokens (`rounded-md`, `#121214` background, dark border accents).
- 100% Symmetric Bilingual Localization: Full English and Ukrainian translations across all newly integrated tooltips, lifecycle protections, and table interactions.
- Test Suite & Accessibility Verifications: Maintained full WCAG 2.1 AA touch target standards (>= 44x44px) and verified complete pass rate across all Vitest unit tests.
v2.9.45 — Workforce Capacity & Workload Allocation Dashboard Metrics (October 2026)
Replaced legacy agent token telemetry on the primary operations dashboard with workforce-aligned Team Capacity & Allocation metrics, preserving the dual-segment horizontal stacked bar layout while delivering actionable visibility into department bandwidth and leave quota consumption.
Key release highlights:
- Team Capacity & Allocation Metric Suite: Replaced token consumption graphs with real-time operational capacity tracking, visualizing department-level workload distribution and weekly logged capacity.
- Interactive Workload & Leave Quota Dual Tabs: Seamlessly toggle between departmental sprint vs. ops bandwidth (Core Platform, Web Experience, Design System) and leave quota utilization (Annual PTO, Sick Leave, Training Allowances).
- Dual-Segment Stacked Visual Parity: Retained the responsive horizontal stacked bar chart design with precision percentage indicators and status legends for Sprint & Projects vs. Ops & Maintenance.
- Complete Symmetric Localization (i18n): Full English and Ukrainian natural tech translations for all metrics, legends, table headers, and empty states without hardcoded JSX strings.
- Rigorous Automated Testing: Added comprehensive Vitest unit test coverage verifying tab state transitions, metric calculations, and bilingual layout invariants.
v2.9.44 — Enterprise Microsoft Ecosystem (365, Teams & Outlook Calendar) & Enhanced Slack ChatOps (October 2026)
Expanded Sferafy's ecosystem integration hub to natively cover Microsoft 365, Microsoft Teams, and Outlook Calendar alongside Google Workspace, while extending Slack ChatOps with daily pulse check-in prompts, priority broadcasts, and interactive expense decision cards.
Key release highlights:
- Microsoft 365 & Entra ID Directory: Enterprise Single Sign-On (SAML/OIDC) and continuous user directory synchronization, enabling automated employee onboarding and security group mapping.
- Outlook & Microsoft 365 Calendar 2-Way Sync: Automated Out-of-Office (OOF) reconciliation publishing approved vacation, sick leave, and remote work status into Outlook calendars via Microsoft Graph API v1.0.
- Microsoft Teams ChatOps & Adaptive Cards: Interactive 1-click leave and expense approval Adaptive Cards for managers, incident paging alerts, and morning Daily Pulse check-in prompts in Teams channels.
- Enhanced Slack ChatOps Suite: Added interactive morning Daily Pulse prompts, priority company announcement broadcasts, expense approvals, and URL verification handshake handling for Event Subscriptions.
- Zero-Knowledge Tenant Isolation: External API credentials, webhook URLs, and signing secrets remain cryptographically bound to each company's tenant master key (AES-256-GCM) with zero cross-tenant leakage.
- Full Bilingual Localization & Accessibility: 100% symmetric English and Ukrainian phrasing across all new connectors, WCAG 2.1 AA contrast compliance, and touch targets >= 44x44px across desktop and mobile screens.
v2.9.43 — Sticky Footer Settings Architecture & Calibrated Guest Demo Banner (October 2026)
Relocated Settings and Resources into the persistent sidebar sticky footer directly adjacent to Notifications and User Profile, segregated from Analytics and operational modules by a clean border, and calibrated the Guest Demo Mode strip for pristine vertical alignment.
Key release highlights:
- Sticky Footer Settings & Resources: Moved Settings and Resources into the sidebar sticky footer alongside Notifications and Profile, ensuring they are always visible without scrolling and cleanly segregated from operational navigation items by the top footer border.
- Calibrated Guest Demo Mode Strip: Increased banner height to h-9 (36px), centered all interactive elements with uniform 28px control heights (role switcher, Sign In, Exit Demo), and prevented text truncation on the Guest Demo Mode title.
- Cross-Device Adaptivity: Verified responsive invariants across desktop (1280x800) and mobile (390x844) viewports with zero horizontal overflow, touch targets >= 44x44px on mobile, and clean desktop ergonomics.
- Full Test Suite Green: Verified all 118 test files (930 unit tests) passing and strict TypeScript compliance with zero errors.
v2.9.42 — Zero-Breadcrumb CRM Architecture & Streamlined Desktop Workspace Headroom (October 2026)
Completely eliminated duplicate top headers and legacy breadcrumbs across all CRM workspace routes, maximizing vertical workspace real estate while keeping public documentation articles properly anchored.
Key release highlights:
- Zero-Breadcrumb Workspace Standard: Removed legacy internal subpage breadcrumb bars across /settings/audit, /compliance, and all operational workspace views. All workspace routing is now cleanly indicated by the persistent Obsidian sidebar navigation.
- Streamlined Desktop Workspace Headroom: Completely slacked duplicate top headers on desktop screens (>=768px), allowing CRM operational content to start immediately below the viewport top without redundant 40px spacer bands.
- Preserved Public Document Breadcrumbs: Public knowledge base, documentation articles, blog case studies, and compliance handbooks retain their rich SEO-friendly hierarchical breadcrumbs for visitor orientation.
- Complete Automated Verification: All 118 test files (930 tests) verified green, full TypeScript check passing with zero errors, and visual verification confirmed via Playwright across both desktop and mobile viewports.
v2.9.41 — Full CRM Module Navigation Coverage & Universal Obsidian Studio UI Across All Features (October 2026)
Restored complete CRM feature availability across all navigation sections (Primitives, Evaluation, Observability) without artificial slicing, and modernized every CRM module to the deep black Obsidian / Mastra Studio aesthetic.
Key release highlights:
- Complete Feature Navigation: All 22+ enterprise modules across Primitives (Dashboard, Team, Requests, Calendar, Tasks, Equipment, Invoices, Documents), Evaluation (News, Events, 1-on-1s, Onboarding, Referrals, Wiki, Feedback, Probation, Benefits), and Observability (Compliance, Whistleblower, On-Call, Audit Ledger, Analytics) are fully present and accessible in the navigation.
- Universal Studio Subheader Action Bar: Standardized compact subheader action bars (h1 text-[16px] font-medium tracking-tight with CommitMono counts) across all modules, replacing legacy oversized hero banners.
- Deep Obsidian Visual Parity: Modernized Referrals, Wiki, Feedback, Probation, Benefits, Compliance, Whistleblower, On-Call, Invoices, and Settings to #080808 background with #0d0d0d cards, #1a1a1a borders, CommitMono metrics, and high-contrast monochrome buttons.
- Zero Layout Clipping & Consent Isolation: Isolated cookie consent widgets from CRM workspace to ensure zero layout shift, maintaining full compliance while keeping workspace views uncluttered.
- 100% Quality Invariants & Test Coverage: Verified all 118 test files (930 unit tests) passing with complete bilingual English/Ukrainian localization coverage and touch targets exceeding 44x44px.
v2.9.40 — Centered Studio Brand with Inline Beta, Nav Search Integration, Portaled User Preferences & Slacked CRM Header (October 2026)
Modernized the Sferafy Studio workspace with a centered brand header featuring an inline Beta badge, integrated quick search directly into navigation, eliminated popover clipping with body portaling for notifications and user preferences, and streamlined CRM headers.
Key release highlights:
- Centered Studio Brand & Inline Beta: Fixed height h-12 header with vertically and horizontally centered vector 'S' emblem and an inline 'Beta' pill badge positioned directly adjacent to 'Sferafy Studio'.
- Nav Quick Search (Cmd+K): Integrated quick search input pill directly into the sidebar navigation under the brand header for ergonomic instant search.
- Portaled User Preferences & Account Menu: Clicking the profile card in the sticky footer opens a popover portaled to document.body featuring instant Theme switching (System, Light, Dark), Language toggle (English, Ukrainian 🇺🇦), active role badge, profile link, and sign-out action.
- Portaled Notification Center: Fixed popover clipping by portaling notification dropdown to document.body with dynamic coordinates, ensuring smooth notification routing and zero overflow clipping.
- Slacked Top CRM Header: Completely removed redundant top header strip on desktop CRM pages, maximizing vertical space and eliminating duplicate toggle and search buttons, while reserving breadcrumbs strictly for internal subpages (/compliance, /docs, /blog, /settings/audit, /changelog).
v2.9.39 — Sferafy Studio Monogram Standard, Sticky Footer Nav with Notifications & Profile, and Zero-Scroll Layout (October 2026)
Refined the Sferafy Studio workspace architecture to establish authentic S monogram branding, eliminated redundant version text from the sidebar footer, integrated notifications and user portfolio controls into a sticky sidebar footer, and perfected mobile drawer ergonomics.
Key release highlights:
- Authentic S Monogram Tile: Replaced generic logos with a crisp Sferafy 'S' square monogram badge across desktop sidebar, mobile header, and mobile slide-over navigation.
- Sticky Footer Sidebar Navigation: Relocated Notifications Center and User Profile into the sidebar sticky footer navigation, complete with live unread count badges, active session indicators, and sidebar collapse controls.
- Eliminated Footer Version Clutter: Removed redundant multi-line version blocks from the sidebar footer to maximize vertical viewport space and ensure a zero-scroll sidebar experience.
- Streamlined Top Header: Header now exclusively contains breadcrumbs, sidebar toggle, Cmd+K search, and mobile navigation trigger, removing redundant profile dropdowns.
- Mobile Adaptivity & Touch Ergonomics: Enhanced mobile top bar, responsive guest demo strip, and mobile navigation drawer with touch targets >= 44x44px and zero horizontal overflow on small screens.
- Typography & Visual Consistency: Aligned Greed variable font, CommitMono tabular figures, and calibrated heading hierarchy across all CRM workspace modules.
v2.9.38 — Un-Gated User Settings, Streamlined Studio Header & Granular Admin RBAC Separation (October 2026)
Decoupled employee personal settings from administrative controls, enabling all team members to freely manage localization, visual themes, typography scales, accessibility profiles, and account sessions without encountering administrator privilege gating.
Key release highlights:
- Un-Gated User Settings Route (/settings): Built a universal Personal Settings & Preferences center accessible to all roles. Features interactive language selection (EN, UK), visual theme controls (Dark, Light, System Default), WCAG 2.1 AA accessibility scaling (Compact to Extra Large, high contrast, reduced motion), and interactive sandbox role simulation.
- Streamlined Studio Header (h-9 / h-10): Reduced top navigation bar height from 64px to an ultra-compact 36px–40px, eliminating redundant icon clutter and relocating personal preferences into the dedicated settings center and user portfolio menu.
- Architectural RBAC Isolation: Strict separation between user-facing preferences and protected enterprise administrative features (Workspace Features & Roles, Subscription & Plans, Payment Providers, Integrations, Security & MFA, and Audit Ledger), ensuring full OWASP multi-tenant security guarantees.
- Universal Breadcrumbs & Navigation Parity: Aligned top breadcrumb trails with Mastra Studio navigation hierarchy and ensured seamless routing between personal preferences and company-wide configurations.
v2.9.37 — Mastra Studio Zero-Scroll Navigation & Telemetry Metrics Dashboard UI (October 2026)
Aligned the Sferafy Studio workspace navigation and telemetry dashboards with the Mastra Studio zero-scroll architecture, pairing categorized sidebar primitives, active indicator bars, and version footers with high-density 4-KPI and 2x2 Bento telemetry cards.
Key release highlights:
- Zero-Scroll Studio Sidebar Navigation: Structured the desktop sidebar into Primitives, Evaluation, and Observability groups with thin section dividers, left-edge active indicator bars, Settings & Resources links, and a bottom version footer with collapse toggle.
- Integrated Breadcrumbs & Time-Range Header Bar: Preserved top-bar breadcrumb navigation while adding a telemetry time-window selector (Last 24h, Last 7 days, Last 30 days, Last 90 days) alongside system controls.
- Mastra Studio Telemetry Content Grid: Redesigned the Dashboard and Metrics views with 4 top KPI cards featuring period-over-period delta indicators, a 6-column Model & Team Usage table, horizontal stacked token/capacity bars, dual-line scorer charts, and trace volume breakdowns.
v2.9.36 — Universal CRM Typography Parity, Responsive Readability Scale & Horizontal Menu Ergonomics (October 2026)
Extended the Mastra-inspired Greed Variable (100–900, 520 heading weight, 108% stretch) and CommitMono (500/550) typography system across the entire Sferafy CRM workspace, eliminating tiny, low-contrast text and delivering fluid responsive readability across all operational modules.
Key release highlights:
- Authentic Greed Variable & CommitMono CRM Engine: Unified the CRM workspace shell, portaled command modals, tables, and form controls under the Greed Variable (520 heading weight, 108% stretch) and CommitMono (500 weight) font stack with OpenType stylistic sets (ss01, ss02, ss06).
- Responsive Fluid Font Scale Floor: Replaced cramped 10px–12px micro-text with fluid clamp() typography across navigation links (14.5px–15.25px), data tables (13.75px–15px), badges (12px–13.5px), and proportional card headings.
- Horizontal Menus, Top Header, Breadcrumbs & Sidebar Ergonomics: Upgraded the CRM sidebar, top breadcrumbs trail, horizontal workspace settings subtabs, demo mode bar, and mobile bottom navigation to high-contrast 15px responsive typography with single-line horizontal scroll ergonomics.
- WCAG AA High-Contrast Readability: Elevated secondary and muted text contrast across both Sferafy Obsidian Dark (#b8b8c2 / #e2e2e8) and Light (#3f3f46 / #52525b) modes for zero eye-strain during extended operational sessions.
v2.9.35 — Restored Interactive 3D Agent Books & Authentic Platform Engineering Case Studies (October 2026)
Restored Sferafy's flagship interactive 3D Agent Books & Product Releases feed alongside authentic Platform Engineering Case Studies on the home landing experience, delivering deep-dive architecture insights and executive literature in high-contrast Obsidian aesthetics.
Key release highlights:
- Interactive 3D Agent Books with Direct Docs & Blog Routing: Reintroduced dual 3D angled book showcases with dynamic hover elevation and contextual routing indicators: Book 1 notes and links directly to /docs ('Docs Edition' / 'Read in Docs'), and Book 2 notes and links directly to /blog ('Blog Edition' / 'Read on Blog').
- Real-Time Product Milestones Feed: Positioned continuous product release cards highlighting leave autopilot, hardware custody ledger, Stripe invoicing, and company brain search.
- Authentic Platform Engineering Case Studies: Restored the 5-card bento grid powered by Sferafy's engineering blog, featuring monochromatic dark gray covers by default (grayscale contrast-125 brightness-[0.4]) with fluid transitions to vivid full-color on hover, individual radial color blooms (emerald, sky blue, purple, amber, teal), and high-contrast typography.
- Bilingual Symmetric Localization: Provided complete parity across English and Ukrainian translations with natural tech and operations terminology and zero unlocalized JSX strings.
- Verified Mobile Adaptivity: Tested responsive breakpoints across 375px mobile and 1440px desktop viewports, ensuring minimum 44x44px touch targets and zero horizontal layout shifts.
v2.9.34 — Subtle Obsidian Scrollbar Architecture & Ergonomic Vertical CRM Navigation (October 2026)
Refined Sferafy CRM navigation ergonomics by introducing an ultra-thin, non-intrusive Obsidian scrollbar architecture across vertical sidebars and drawers, providing clear spatial orientation and scroll boundaries without cluttering visual space.
Key release highlights:
- Subtle Obsidian Scrollbar Architecture: Engineered custom .sferafy-scrollbar styles with ultra-thin 5px geometry, semi-transparent obsidian tracks, and high-contrast thumb feedback, giving users immediate visual awareness of navigation bounds and scroll depth.
- Eliminated Visual Overload & Space Occlusion: Replaced thick native browser scrollbars with a subtle, floating thumb that avoids layout jitter or awkward margin clipping.
- Cross-Platform Native Parity: Certified full cross-browser rendering across WebKit (Chrome, Safari, macOS, iOS), Firefox (scrollbar-width: thin), and Chromium Linux/Windows.
- Interactive Verification & Navigation Continuity: Confirmed smooth mouse wheel, trackpad gestures, and touch swipes across all Workspace, Company & Life, and Admin sections with 100% test suite passing.
v2.9.33 — Precision Navigation Dropdown Fix & Tasteful Stipple Balancing (October 2026)
Resolved navigation dropdown menu clipping and visual clutter, re-balancing Sferafy's analog stipple spray engine to tasteful, non-intrusive light ratios that preserve 100% headline legibility, elegant dark mode contrast, and tactile card hover illumination across the platform.
Key release highlights:
- Precision Navigation Dropdown Fix: Eliminated container overflow clipping on the sticky header, ensuring desktop flyout menus (Features, Resources) and mobile menus float cleanly with pristine glassmorphic styling and zero boundary slicing.
- Balanced Non-Intrusive Stipple Ratios: Re-calibrated default light ratios from intense thresholds to refined ambient levels (0.25–0.40), eliminating noisy static clouds behind primary headlines while preserving subtle risograph airbrush depth in card corners.
- Card-Contained Interactive Hover Elevation: Calibrated smooth micro-stipple hover reveals across Bento feature cards, pricing tiers, and blog articles in signature Neon Emerald Green (#7aff78), Electric Blue (#38bdf8), and Titanium Grey (#a1a1aa).
- Comprehensive Visual Review: Verified all responsive viewports, dropdown states, and hover effects with zero visual regressions and 100% WCAG 2.1 AA typography contrast.
v2.9.32 — Calibrated Vivid Stipple Granularity Engine with Header Emitters, Wide Section Blooms & Card Hover Transitions (October 2026)
Upgraded Sferafy's analog stippled spray granularity engine (SferafyStippleGlow) to deliver calibrated, vivid illumination matching the signature sign-in card aesthetic across desktop and mobile, introducing dedicated header emitters, wide section corner blooms, and high-fidelity card hover transitions in Neon Emerald Green (#7aff78), Electric Blue (#38bdf8), and Titanium Grey (#a1a1aa).
Key release highlights:
- Calibrated Vivid Light Ratios: Re-tuned default stipple light ratios from conservative thresholds (0.16–0.24) to rich, striking opacities (0.75–0.85) matching the sign-in card aesthetic while maintaining 100% WCAG 2.1 AA text contrast via z-10 isolation.
- Dedicated Header Emitter Architecture: Resolved shallow horizontal container clipping with specialized header emitter geometry (variant='header'), projecting vivid Electric Blue on the left and Emerald Green on the right of the sticky navbar.
- Full Section Atmospheric Blooms: Deployed generous corner emitters (variant='corner') across Hero, Features, Status, FAQ, Contacts, and Footer sections, eliminating stretching distortion on ultrawide viewports.
- Card-Contained Hover Transitions: Introduced automatic cover layout and dedicated .sferafy-stipple-hover CSS transitions, allowing Bento, Pricing, and Blog cards to smoothly reveal their signature spray on hover.
- Automated Multi-Device Visual Verification: Verified full-page rendering and responsive ergonomics across desktop (1440px) and mobile (375px) with zero horizontal overflow.
v2.9.31 — Multi-Asset Risograph Spray Engine with Dual-Corner Atmospheric Orientation & Balanced Tri-Color Distribution (October 2026)
Upgraded Sferafy's analog stippled spray granularity engine with dedicated high-resolution RGBA assets, hardware-accelerated dual-corner orientation transforms, and a curated tri-color identity architecture across Neon Emerald Green (#7aff78), Electric Blue (#38bdf8), and Titanium Grey (#a1a1aa).
Key release highlights:
- Dedicated High-Resolution RGBA Assets: Replaced CSS hue-rotation filters with dedicated 1200x1200px RGBA assets for Electric Blue (sferafy-card-spray-blue.png), Titanium Grey (sferafy-card-spray-grey.png), and Emerald Green (sferafy-card-spray.png), preserving exact risograph noise granularity across 379,000+ authentic micro-stipple points without color degradation or washout.
- Hardware-Accelerated Corner Orientation Transforms: Fixed corner orientation geometry by introducing coordinate-aware CSS transforms (rotate(180deg) for top-left, scaleY(-1) for top-right, and scaleX(-1) for bottom-left), ensuring stipple sprays fan out accurately from card corners rather than stacking in the bottom-right quadrant.
- Balanced Atmospheric Tri-Color Distribution: Structured purposeful color distribution across all pages—pairing Electric Blue and Titanium Grey on technical and knowledge base shells (Features, FAQ, Status 90-Day SLA, Pricing Stage) while focusing vibrant Emerald Green on live telemetry, leave automation, and conversion callouts.
- Interactive Micro-Stipple Card Hover Illumination: Extended responsive hover stipple glows across editorial blog cards (category-driven Blue, Green, and Grey), Features deep capability pillars, and System Status live performance metric cards with zero layout shifts or text interference.
- Full-Page Automated Visual Verification: Certified zero visual regressions across all 8 core platform routes (Landing, Pricing, Features, Status, FAQ, Contacts, Blog, Login) with 100% unit test coverage.
v2.9.30 — Universal Stippled Spray Granularity Engine Across Headers, Footers & All Pages (October 2026)
Expanded Sferafy's signature analog stippled spray granularity engine (SferafyStippleGlow) across full atmospheric sections, headers, navigation menus, and all public pages in Neon Emerald Green (#7aff78), Electric Blue (#38bdf8), and Titanium Grey (#a1a1aa).
Key release highlights:
- Header & Navigation Integration: Implemented subtle ambient stippled airbrush illumination across the sticky desktop header and flyout dropdown menus (Features, Resources) and the mobile slide-down drawer, maintaining high-contrast navigation and 120 FPS responsiveness.
- Unified Footer Card Shell: Enhanced the primary obsidian footer shell with dual-corner atmospheric stipple spray (Emerald Green in right-bottom, Electric Blue in left-top) with calibrated light ratios preserving crisp text legibility.
- Universal Full Section Page Deployments: Extended full-section stipple sprays across Pricing (/pricing), System Status (/status), Frequently Asked Questions (/faq), Features Directory (/features), Engineering Blog (/blog), Contacts (/contacts), and Sovereign Legal Portals (/terms, /privacy).
- Interactive Card Elevation: Equipped interactive pricing tier cards, telemetry uptime sections, and editorial spotlight articles with tactile stipple spray hover and ambient illumination.
- Contrast & Layering Architecture: Enforced relative overflow-hidden isolate containers with z-0 pointer-events-none background spray layers and relative z-10 foreground copy, upholding WCAG 2.1 AA text readability across all viewports.
v2.9.29 — Stippled Spray Granularity Engine in Green, Blue & Grey with Hover Illumination (October 2026)
Introduced the reusable analog stippled spray granularity engine (SferafyStippleGlow), extending the signature risograph airbrush stipple texture from the sign-in page into interactive hover states on Hero blocks and full atmospheric section backdrops across Neon Emerald Green (#7aff78), Electric Blue (#38bdf8), and Titanium Grey (#a1a1aa).
Key release highlights:
- Analog Stippled Spray Engine: Created SferafyStippleGlow, replicating authentic risograph airbrush noise granularity with calibrated light ratios that guarantee zero text washout and strict WCAG 2.1 AA contrast compliance.
- Tri-Color Color Matrix: Built hardware-accelerated color transformations delivering identical micro-stipple granularity across Neon Emerald Green (#7aff78), Electric Blue (#38bdf8), and Titanium Grey (#a1a1aa).
- Hero Interactive Blocks on Hover: Integrated tactile stippled spray illumination into the 3 operational Hero tracks (SSO in Blue, Hardware in Grey, Leaves in Green) and floating telemetry stat card, smoothly revealing on hover with zero layout shifts.
- Full Section Atmospheric Backdrops: Enriched the Observability Bento stage with dynamic stipple spray adapting to active CRM tabs, the conversion CTA banner with dual-corner atmospheric illumination, and the three-column Bento grid with tactile hover granularity.
- Performance & A11y Certification: Delivered with pointer-events isolation, aria-hidden accessibility tags, and a complete unit test suite achieving 100% test pass rate.
v2.9.28 — Removal of Third-Party Logos & Authentic Platform Highlights Standard (October 2026)
Purged all unverified third-party enterprise logos, customer story tickers, and partner references across the platform landing page, hero section, and sign-in view in favor of 100% authentic Sferafy platform capabilities and sovereign architectural highlights.
Key release highlights:
- Total Elimination of Third-Party Partner Logos: Completely removed customer logo ticker and unverified enterprise references across the landing page hero, marketing components, and authentication views.
- Authentic Authentication Card Highlights: Redesigned the sign-in right-column card with authentic Sferafy capabilities: Multi-Tenant RLS Boundary, Instant 1-Click Operations Desk, Append-Only Audit Ledger, and real-time Sferafy Kernel Telemetry.
- Streamlined Landing Narrative: Aligned the public home page purely on Sferafy's autonomous operating system primitives (availability calendar, leave desk, hardware registry, B2B billing) with zero artificial claims.
- Clean Route Handling: Redirected /customers directly to /features to maintain SEO continuity while eliminating unverified case studies.
- Symmetric Localization & Accessibility: Added full English and Ukrainian translation keys with zero hardcoded JSX strings and certified WCAG 2.1 AA 44x44px touch ergonomics.
v2.9.27 — Single Source Navigation Architecture & Streamlined CRM Header (October 2026)
Consolidated the CRM navigation architecture into a single source of truth by establishing the Left Vertical Sidebar as the sole authoritative navigational hierarchy, retiring duplicate horizontal header pills and dropdown menus, and seamlessly embedding breadcrumbs and system controls directly into a streamlined primary header bar.
Key release highlights:
- Single Source Navigation Architecture: Retired redundant top horizontal navigation pills and nested dropdown menus in favor of the Left Vertical Sidebar as the sole authoritative navigational hierarchy for all Workspace, Company & Life, and Administration modules.
- Seamless Top Header Breadcrumbs: Integrated the primary breadcrumbs bar directly into the top header row adjacent to the sidebar toggle button, eliminating the redundant secondary sub-bar and optimizing vertical content headroom.
- High-Efficiency Header Layout: Consolidated quick-access tools into a clean single-tier bar featuring notification center with live unread badge, global ⌘K search trigger, user portfolio profile, and responsive system controls.
- Mobile Ergonomics & Drawer Optimization: Enhanced mobile top-bar ergonomics by preventing button crowd-out and embedding language, accessibility, and theme switches into the slide-over mobile drawer with minimum 44x44px touch targets.
- Automated Quality & Unit Test Certification: Updated unit test suite to validate the single-navigation architecture, ensuring WCAG 2.1 AA accessibility and zero horizontal overflow across all device viewports.
v2.9.26 — Sovereign Defense Grant Pricing Consolidation & Modernized Terminal UI (October 2026)
Consolidated the Ukrainian Defense & MilTech Sovereign Grant exclusively into the platform pricing architecture (/pricing) while completely redesigning the grant interface with a high-density 2-column Obsidian terminal, clear entitlement transparency, and verified brigade credentials.
Key release highlights:
- Exclusive Pricing Hub Placement: Streamlined public narrative paths by anchoring the Ukrainian Defense & MilTech Grant exclusively on the Pricing page (/pricing), removing redundant placement from the marketing home page.
- Two-Column Sovereign Terminal Card: Upgraded UkrainianDefenseHero from a wide empty shell to a balanced 2-column layout pairing authoritative mission narrative with a dedicated Entitlements & Verification card.
- Full Enterprise Transparency: Structured permanent $0 Enterprise capabilities highlighting unlimited seats, hardened RLS zero-telemetry database isolation, drone/hardware serial registry, and direct Signal developer relays.
- Eligible Defense Units Badges: Added verified credential chips highlighting Armed Forces brigades (ЗСУ, ГУР, ДПСУ, НГУ), Brave1 innovators, and MilTech R&D teams.
- Bilingual Synchronization: Added full English and Ukrainian symmetric translation keys with zero raw strings, ensuring WCAG 2.1 AA 44x44px touch compliance on all mobile devices.
v2.9.25 — Mastra Anti-Grid Obsidian Design & Greed Footer Typography Standard (October 2026)
Refined platform surfaces to pure Mastra Anti-Grid Obsidian styling, purged synthetic background canvas shaders in favor of clean high-contrast surfaces, and achieved 1:1 typography and color parity in the platform footer using Greed 15.17px, medium 500 headers in #f0f0f0, and regular 400 links in #939393.
Key release highlights:
- Mastra Greed Footer Hierarchy: Migrated all footer column headers to Greed 15.17px font-weight 500 in #f0f0f0, with navigation links standardized to Greed 15.17px regular in #939393 with smooth hover transitions to pure white (#ffffff).
- CSS Specificity Architecture Fix: Resolved a global CSS override where `.font-heading` rules forced link copy to bright white, restoring authentic Mastra muted zinc link tones across all viewports.
- Normalized Font Kerning & Stylistic Sets: Enabled native Greed OpenType stylistic sets (ss01, ss02, ss06) with normalized letter-spacing, eliminating subpixel character gaps in high-density body copy.
- Pure Mastra Anti-Grid Obsidian Aesthetic: Completely removed artificial canvas shaders across the Hero, Observability Bento, and CTA banner, aligning all platform surfaces with Mastra's authentic #080808 canvas and hairline borders.
- Mobile Ergonomics & Accessibility: Maintained strict 44x44px minimum touch targets and zero horizontal scroll across mobile viewports, fully certified across all unit tests.
v2.9.24 — Authentic Mastra Typography Parity: Greed Variable (100–900), CommitMono & 520 Weight Standards (October 2026)
Achieved complete, pixel-for-pixel typography parity with Mastra by integrating the official variable font builds directly from the source, establishing the full 100–900 weight range, and standardizing all headings, buttons, and lead copy on exact Mastra metrics.
Key release highlights:
- Full Variable Weight Range (100–900): Configured `GreedVF` with unrestricted `weight: '100 900'`, unlocking authentic grotesque rendering across 400 regular, 500 medium, 520 display, 600 semibold, and 700 bold without synthetic distortion or font fallback bypasses.
- Mastra CommitMono Custom Weights: Deployed Mastra's official 500 and 550 weight monospace builds (`CommitMonoMastra500` & `CommitMonoMastra550`) across telemetry tickers, status badges, and code blocks.
- Eliminated Legacy Fallback Collisions: Removed Ubuntu and generic sans-serif intermediaries from default font stacks, ensuring `greedFont` renders directly and cleanly on all desktop browsers.
- 520 Font Weight & Exact Metric Standard: Standardized primary headlines on `font-weight: 520`, `line-height: 1.1`, and positive `0.015em` (`0.255px`) letter-spacing, eliminating awkward kerning gaps.
- Hero Lead Typography Scale: Elevated hero lead subheadlines to 22px (`var(--text-body-lg)`) with 1.36 line-height, matching the bold, readable narrative rhythm of modern developer infrastructure platforms.
- Zero Fallback Font Warnings: Activated `adjustFontFallback: false` in Next.js font configuration, preventing synthetic font metrics overhead and missing-system-font console warnings.
v2.9.23 — S Monogram Favicon Standard, Streamlined Enterprise CTAs & Dynamic Tri-Stream Auto-Cycle (October 2026)
Standardized all browser favicons and app icons on the iconic high-contrast Sferafy 'S' monogram, streamlined high-converting enterprise calls to action across the platform, and perfected the 60 FPS Tri-Stream operations engine with smooth auto-cycling across Blue, Grey, and Green.
Key release highlights:
- S Monogram Favicon Architecture: Replaced legacy orbs across favicon.svg, icon.tsx, and apple-icon.tsx with a bold, ultra-sharp white Latin 'S' monogram set within a rounded obsidian squircle tile, ensuring crisp recognition at 16px, 32px, and 180px resolutions.
- Streamlined Enterprise Landing Flow: Purged legacy publication downloads and 'Agent Books' modules from the marketing experience, keeping the customer journey razor-focused on actual enterprise capabilities: Directory, Workspace SSO, Leave Autopilot, Hardware Custody, and Invoicing.
- Action Bar Modernization: Eliminated legacy 'Book' references across the hero and conversion banners, introducing crisp 'Interactive Tour' and 'Contact Team' entry points.
- Dynamic Blue-Grey-Green Auto-Cycle: Structured the hero engine across three sequential streams — Electric Blue (#38bdf8), Titanium Grey (#a1a1aa), and Neon Emerald (#7aff78) — cycling automatically every 3 seconds with responsive manual overrides.
- Seamless 60 FPS Wave Oscilloscope: Engineered continuous hardware-accelerated CSS translation for counter-flowing sine waveforms and a fluid sweeping radar scanline.
- Traveling Photon Bus Rails: Restructured vertical traveling light beams with zero-delay staggered keyframes for continuous top-to-bottom movement along all three tracks.
v2.9.22 — Mastra Greed Typography Standard & 60 FPS Tri-Stream Kinetic Operations Engine (October 2026)
Adopted the authentic Mastra typography standard using the Greed variable typeface and CommitMono monospace font, while engineering a high-framerate 60 FPS Tri-Stream kinetic operations engine concurrently animating Electric Blue, Metallic Grey, and Neon Emerald Green.
Key release highlights:
- Mastra Typography Standard: Integrated the authentic Greed variable font (GreedVF) and CommitMono with exact Mastra typography metrics: 17px body scale (136% line height, 0.015em letter-spacing), 14.5px secondary scale, 12px uppercase tags, and clamp(30px, calc(30px + 24*(100vw-390px)/890), 54px) balanced headlines with 520 font-weight.
- 60 FPS Tri-Stream Dynamic Engine: Engineered a concurrent multi-channel operations visualizer actively running Leaves (Neon Emerald #7aff78), SSO (Electric Cyan #38bdf8), and Hardware Custody (Metallic Titanium Grey #a1a1aa) simultaneously from the very first frame.
- Live Oscilloscope & Radar Scanline: Integrated real-time animated SVG telemetry waveforms with dual counter-flowing sine paths, traveling photon nodes, and a continuous 60 FPS radar scanline sweep.
- GPU-Accelerated Vertical Photon Beams: Implemented hardware-accelerated translateY photon pulses traveling down each operational bus rail with radiant glow trails.
- Purged Animation Blocker: Removed destructive OS-level prefers-reduced-motion media query overrides that were freezing animations on Linux Chromium desktops.
- Tri-Color Route Transition Bar: Updated the top page progress bar to a fluid gradient blending Electric Cyan, Metallic Titanium Grey, and Neon Emerald Green.
v2.9.21 — Dynamic Sferafy CRM Operations Engine, Traveling Photon Beam & Sovereign Blue-Grey-Green Palette (October 2026)
Delivered an authentic, high-impact, live CRM operations engine in the Hero showcase, introduced continuous traveling photon beam animation along the feature pipeline rail, and completed full visual palette alignment strictly across Electric Blue, Metallic Titanium Grey, and Neon Emerald Green.
Key release highlights:
- Authentic Dynamic CRM Operations Engine: Rebuilt the hero interactive visualizer with live, operational CRM workflows across 3 auto-cycling modes: Leave & PTO Autopilot (Neon Emerald #7aff78), Zero-Touch Onboarding & Google Workspace SSO (Electric Blue #38bdf8), and Hardware Custody & SHA-256 Audit Ledger (Metallic Titanium Grey #a1a1aa).
- Interactive Workflow Mode Switching: Equipped the hero engine with instant tab switching ([Leaves], [SSO & Access], [Hardware]), 4-second intelligent auto-cycling, stagger entry animations, and a floating telemetry stat card with 60 FPS liquid progress shimmer.
- Continuous Traveling Photon Beam: Engineered high-performance CSS keyframe photon particle animation (prefers-reduced-motion compliant) traveling down the vertical connection rail in the core feature pipeline.
- Purged Non-Standard Accents: Completely eliminated lingering amber accents across Bento grid modules and connection nodes, standardizing 100% of pipeline elements on sovereign Blue, Grey, and Green.
- Interactive Simulation Engine: Integrated live [Auto-Run] simulation triggering real-time feedback ticks, status verification badges, and responsive touch feedback across desktop and mobile screens.
- Universal Responsive & Localization Integrity: 100% symmetric English and Ukrainian localization (en/uk), zero horizontal scroll on <= 380px viewports, and full WCAG 2.1 AA accessibility compliance.
v2.9.20 — Simplified Header Navigation, Streamlined Hero Architecture & Dynamic Blue-Grey-Green Kinetic Engine (October 2026)
Streamlined header navigation controls, simplified the hero value proposition typography, and introduced a high-energy dynamic kinetic operations engine powered by an electric blue, metallic grey, and neon emerald palette.
Key release highlights:
- Simplified Desktop Header: Reduced right-side navigation actions to three focused essentials (Language Toggle, Sign In, and Live Demo), eliminating redundant controls for an uncluttered obsidian header.
- Streamlined Hero Typography: Replaced noisy announcement ribbons and multi-colored highlighted phrases with a clear, direct, and confident value proposition for modern operational teams.
- Dynamic Blue-Grey-Green Operations Engine: Engineered a high-frame-rate kinetic visualizer featuring multi-orbital metallic grey gyro tracks, high-speed rotating photon satellites (electric cyan #38bdf8 and neon emerald #7aff78), expanding sonar rings, and real-time micro-telemetry pills.
- Fluid 60 FPS Gyroscope Acceleration: Modernized loader and visualizer rotation intervals (accelerating from legacy 10s down to 1.8s–2.4s) with smooth GPU-accelerated motion vectors.
- Unified Sferafy Color Harmony: Standardized orbital visualizers and system loaders on the strict sovereign palette of cyan blue, metallic titanium grey, and vivid emerald green.
- Universal Responsive & Localization Coverage: Fully translated all new telemetry pills across English and Ukrainian (en/uk) with strict WCAG 2.1 AA accessibility and mobile touch target compliance.
v2.9.19 — Sovereign MilTech Banner Modernization & Page Load UI Animation Architecture (October 2026)
Modernized the sovereign Ukrainian MilTech & defense brigade grant banner into pure Sferafy Obsidian styling, while resolving page load transition animation delivery across all viewports.
Key release highlights:
- Sovereign Obsidian MilTech Banner: Replaced photographic background with pure #0c0c0c Sferafy Obsidian backdrop, hairline stipple noise matrix, and dual Ukrainian azure (#38bdf8) & golden amber (#fdac53) ambient radial glows.
- Active Initial Page Load Preloader: Engineered a high-delight, snappy entrance animation featuring the kinetic gyroscope, counter-rotating orbit paths, breathing titanium 'S' glyph, monospace telemetry capsule, and emerald liquid shimmer that smoothly dissolves into the page within 400ms.
- Fluid Route Transition Sweep: Resolved transition bar dormancy by activating an immediate 0% to 100% sweep with glowing #7aff78 emerald light tip on initial mount alongside existing route change listeners.
- Zero Photo Dependencies: Standardized the defense hero container on pure CSS gradients and stipple patterns, eliminating unoptimized raster assets.
- Complete Ukrainian & English Localization: Added dedicated subtitle keys for all sovereign capability cards in both uk and en locales with zero hardcoded strings.
- Universal Accessibility (WCAG 2.1 AA): Ensured full reduced-motion compliance via automatic animation suppression for users with prefers-reduced-motion.
v2.9.18 — Visual Case Studies Bento Grid with Dark-to-Colourful Hover States (October 2026)
Transformed the platform Case Studies section into a high-density 5-card visual bento grid featuring dark, monochrome atmospheric states that smoothly bloom into rich, vibrant colors and ambient glows on hover.
Key release highlights:
- 5-Card Asymmetric Bento Architecture: Engineered a 12-column layout with a tall 2-row anchor card on the left and 4 wide capability cards on the right (Real-Time Availability, Hardware Custody, Async Presence, and Leave Desk).
- Dark to Colourful Hover Transitions: Styled images with grayscale contrast-125 and controlled dark vignette overlays by default, blooming into full vivid saturation, subtle scale, and brand-specific ambient radial glows (emerald, cyan, violet, amber, green) on hover.
- Grounded in Native Project Assets: Leveraged existing platform blog visuals and abstract liquid chrome assets directly from the repository with zero external image dependencies.
- Complete Symmetric Localization: 100% translated across English and Ukrainian (sferafyLanding.caseStudies.*) with zero hardcoded JSX strings.
- Responsive & Touch Invariants: Seamless vertical stacking on mobile viewports (<768px), touch targets >= 44x44px, and full WCAG 2.1 AA text contrast compliance.
v2.9.17 — Sferafy CRM Telemetry Showcase with Carved Tabs & Real Operational Metrics (October 2026)
Introduced the full-bleed Sferafy CRM Telemetry Showcase featuring signature carved top tabs, stippled ambient spray, and authentic operational metrics spanning leave approvals, squad availability, hardware custody, and B2B billing.
Key release highlights:
- Signature Carved Tab Geometry: Crafted mathematical SVG inverted fillet arcs seamlessly connecting the active CRM tab to the dark stage shell with zero sub-pixel rendering blur.
- Authentic Sferafy CRM Telemetry: Replaced synthetic AI developer jargon with real employee operations data: 149 team members, 42 monthly leave approvals with zero conflicts, 142 SHA-256 sealed laptops, and $48.5K monthly B2B billing.
- Interactive Module Switching: Seamless real-time switching between 5 core modules (Overview, Leaves, Radar, Hardware, Invoices) with animated KPI pills, squad availability split bars, and multi-line capacity trends.
- Centered Stipple Stage Caption: Aligned the telemetry caption cleanly at the base of the stippled stage shell, matching the authentic visual architecture.
- 100% Localization & Ergonomics: Complete symmetric coverage in English and Ukrainian, WCAG 2.1 AA contrast compliance, and responsive touch targets >= 44px on mobile viewports.
v2.9.16 — Unified Neutral Gray Navigation Dropdown Indicator Standard (October 2026)
Harmonized top-level marketing navigation indicators, replacing disparate colored accent dots with an understated, elegant neutral gray indicator system to reflect dropdown menus cleanly and consistently.
Key release highlights:
- Unified Neutral Gray Dropdown Dots: Replaced green (#7aff78) and blue (sky-400) navigation dots with refined neutral zinc-500 dots that scale and brighten smoothly to zinc-300 on hover and active state.
- Purposeful Dropdown Signifiers: Ensured dots strictly indicate flyout dropdown menus (Features, Resources), maintaining clean text-only pills for direct route links (Home, Pricing, Blog, Contacts).
- Eliminated Colored Halo Glows: Purged synthetic blue and green box-shadow glows from active navigation buttons, standardizing on a clean obsidian pill backdrop (#222).
- Polished Flyout Sub-Elements: Styled flyout header tags and hover icon containers in neutral obsidian tones, preserving high contrast and eliminating distracting multi-color badge clutter.
- 100% Test Suite Verification: Validated with 116 passing Vitest test suites (915 tests) including new invariant coverage for dropdown indicator styling.
v2.9.15 — Codification of Sferafy Design System & Complete Rebranding (October 2026)
Completed the comprehensive codification of the Sferafy Design System across the entire codebase and marketing architecture, purging all legacy third-party framework nomenclature in favor of native Sferafy branding.
Key release highlights:
- Native Sferafy Design Codification: Rebranded all component architectures, stylesheets, and design tokens strictly as Sferafy Design (Sferafy Obsidian canvas #080808, hairline precision borders, and vibrant electric emerald #7aff78 accents).
- Component & Asset Standard: Renamed all marketing modules to native Sferafy components (SferafyHero, SferafyFeatureTabs, SferafyPlatformPreview, SferafyBentoSection, SferafyThreePillars, SferafyBooksReleases, SferafyCaseStudies, SferafyFaqSection, SferafyCtaBanner, SferafyPricingSection, SferafyEcosystemSync, SferafyInteractiveStudio, SferafyObservabilityBento) and standardized texture assets to sferafy-*.png.
- CSS Token Streamlining: Consolidated all global design system utility classes under native .sferafy-* namespace, eliminating legacy third-party class aliases.
- Translation Namespace Standardization: Migrated all localization namespaces to sferafyLanding.* across both English and Ukrainian dictionaries with 100% symmetric coverage.
- 100% Test Suite & Static Analysis Integrity: Verified all 116 Vitest test suites (914 tests) and TypeScript type checks pass with zero errors.
v2.9.14 — Feature Tab Overflow Headroom & Continuous Pipeline Graph Architecture (October 2026)
Fixed tab button clipping across high-contrast feature selectors and re-architected the workflow engine graph with unbroken, continuous gradient pipelines.
Key release highlights:
- Tab Selector Headroom & Boundary Protection: Added vertical padding and margin compensation (pt-4 pb-3 px-3 -mx-3) to horizontal scroll containers, preventing active pill borders and emerald halos from being truncated.
- Continuous Pipeline Spine: Replaced disconnected floating inter-card line segments with continuous gradient connectors linking trigger, verification, execution, and audit nodes without gaps or breaks.
- Glowing Orb Nodes: Upgraded pipeline stage anchors to glowing circular status nodes with deep obsidian border rings sitting cleanly atop the continuous vertical track.
- Responsive Mobile Typography: Refined card metadata headers with flexible wrapping and shrink-resistant indicators, ensuring clean presentation on narrow mobile viewports down to 320px.
v2.9.13 — Sferafy Obsidian Page Load Animation & Route Transition Bar (October 2026)
Modernized the universal page loader (`SferafyLoader`) and navigation progress tracker (`RouteTransitionBar`) to seamlessly reflect the Sferafy Obsidian visual architecture, sunsetting legacy neon blue and amber styling.
Key release highlights:
- Obsidian Titanium Loader Architecture: Engineered the full-screen loader with deep #080808 backdrop, atmospheric #7aff78 emerald glow, and a precision titanium squircle core featuring a vibrant Latin 'S' glyph and pulsing active status indicator.
- Kinetic Orbits & Sonar Waves: Implemented precision dashed hairline orbit rings, counter-rotating inner paths with electric emerald photon nodes, and a subtle expanding sonar pulse wave.
- Electric Emerald Route Transition: Replaced legacy multi-color gradients on route switches with a high-intensity #7aff78 emerald progress bar and glowing leading light head.
- Monospace Telemetry Capsule: Positioned a sleek obsidian telemetry badge with pulsing emerald status beacon and animated emerald indeterminate loading shimmer.
- Universal Accessibility (a11y): Maintained complete WCAG 2.1 AA reduced-motion compliance via automatic animation suppression for prefers-reduced-motion.
v2.9.12 — Header Navigation Home Link & Mobile Drawer Ergonomics (October 2026)
Added a dedicated Home button to the primary marketing header navigation and mobile slide-down drawer positioned immediately before Features, establishing intuitive 1-click return to the platform root.
Key release highlights:
- Header Navigation Home Pill: Integrated a streamlined Home link directly into the desktop pill bar before the Features dropdown with active route indicator and subtle obsidian hover states.
- Mobile Menu Ergonomics: Positioned Home at the top of the mobile slide-down drawer with 46px touch target and automatic menu dismissal on selection.
- Full Bilingual Localization: Added symmetric 'Home' / 'Головна' translations in both English and Ukrainian across all navigation contexts.
- 100% Test Suite Verification: Validated test coverage with 116 passing Vitest test suites (914 tests).
v2.9.11 — Minimalist CTA & Authentic Stipple Spray Parity (October 2026)
Achieved true minimalist design and visual elegance with Sferafy's signature call-to-action banner, eliminating all visual clutter and replacing synthetic spray dab artifacts with authentic, high-density green stipple noise gradient curves.
Key release highlights:
- Authentic Stipple Spray Texture Reconstruction: Extracted and isolated the genuine high-density stipple spray noise for Sferafy's design canvas, creating a transparent alpha-masked texture that sweeps organically from the bottom-left edge without hard boundary lines or synthetic circular dabs.
- Minimalist Headline & Typography: Replaced multi-tier marketing headers with a clean, punchy headline: 'Start running on autopilot today.' with balanced line-height and tight tracking.
- Refined 2-Button Action Bar: Eliminated cluttered feature pills, badge chips, and checkmark bullet rows in favor of a sleek matte dark pill ('Explore Live Demo ↗') paired with an understated walkthrough link ('Book Executive Demo').
- Responsive Mobile Adaptivity: Maintained WCAG AA touch targets (≥44x44px) across both buttons with stacked mobile layout and full bilingual symmetry in English and Ukrainian.
v2.9.10 — HR Replacement Marketing Standardization & Real-World Operations (October 2026)
Purged all remaining AI-developer framework artifacts and CLI developer terminal abstractions across marketing surfaces, realigning the narrative strictly around Sferafy's core identity: a high-performance automated employee operating system that eliminates fragmented HR tools, messy spreadsheets, and administrative busywork.
Key release highlights:
- Authentic Employee Provisioning Bento Showcase: Transformed the Bento Onboarding card from a developer CLI bash terminal into a realistic Automated Employee Provisioning pass, detailing identity SSO provisioning, laptop custody assignment, electronic agreement sign-off, and Google Calendar 1-on-1 scheduling.
- Real-World HR Operations Matrix: Replaced raw URL endpoint paths in the Autonomous Operations Hub with clear business tasks: Annual Vacation Requests, Google Calendar Out-of-Office auto-sync, Milestone Contractor Invoicing, and Hardware Custody Receipts.
- High-Converting Executive CTA Banner: Eliminated developer 'agent prompt' copy and AI icons from the footer CTA, introducing an authoritative executive banner: 'Run your modern team on complete autopilot today' paired with live demo and walkthrough triggers.
- Modern Team Auth Portal Positioning: Updated the split login headline to 'Join 10,000+ modern teams running on Sferafy', cleanly conveying the operational HR replacement purpose.
- Full Test Suite Integrity: Validated zero TypeScript diagnostics and 100% pass rate across all 116 Vitest test suites (914 tests).
v2.9.9 — Universal Visual Audit & Responsive Layout Parity (October 2026)
Conducted an exhaustive automated visual audit across all 27 application routes in both Mobile (375x812) and Desktop (1440x900) viewports, verifying zero layout breaks, zero horizontal scrolling, and zero text truncations.
Key release highlights:
- 54-Surface Automated Visual Matrix: Built and executed automated Playwright visual capture and DOM geometry analysis across every marketing page, auth flow, legal policy, documentation hub, editorial blog, and CRM module.
- Zero Horizontal Page Overflow: Verified strict viewport bounding across all 27 routes with document scroll width strictly matching viewport width on both compact mobile and ultra-wide desktop viewports.
- Universal Cookie Consent Header Ergonomics: Re-engineered the Google Consent Mode v2 header layout into a responsive flex wrap container, eliminating title clipping and preserving touch-friendly dismiss actions.
- Invoice Card & Billing Action Resilience: Upgraded invoice list items and action buttons with responsive wrapping, preventing payment badge clipping and ensuring seamless touch targets (≥44x44px) across Monobank and Stripe gateways.
- Symmetric Bilingual Coverage: Enforced 100% natural Ukrainian and English translations across all invoice, compliance, and consent action elements with zero unlocalized strings.
- Full Test Suite Integrity: Validated zero TypeScript diagnostics and 100% pass rate across all 116 Vitest test suites (914 tests).
v2.9.8 — Full Platform Sferafy Obsidian Alignment Across All Internal Pages & CRM (October 2026)
Completed the comprehensive platform-wide alignment to the authentic Sferafy Obsidian design language across all internal pages, documentation, editorial blog, authentication portals, and CRM modules.
Key release highlights:
- Total Obsidian Theme Harmonization: Standardized global CSS theme tokens on pure Obsidian (#080808) canvas, #0c0c0c card containers with #1c1c1c hairline borders, crisp #ffffff headers, and high-visibility electric emerald (#7aff78) active status indicators.
- Complete Elimination of Legacy Striped Grids: Eradicated all remaining legacy striped dot grids and distracting pulsating mesh backdrops across all public and internal views, establishing a clean, focused environment.
- Auth & Security Hubs (/login, /invite, /checkout): Aligned login, team invitations, and checkout flows to the obsidian layout with signature emerald spray accents and touch-first ergonomics.
- Docs Hub & Editorial Blog (/docs, /blog, /blog/[slug]): Unified documentation sidebar, article tables of contents, quick search triggers, and long-form blog views with obsidian cards and emerald indicator pills.
- CRM Navigation & Cockpit Controls: Modernized top navigation dropdowns, active item pills, mobile drawers, and global search modals with obsidian surfaces and hairline borders.
- Contracts, Vault & Billing Workspaces (/documents, /invoices): Upgraded document management and contractor billing modals with obsidian containers, high-contrast inputs, and streamlined verification actions.
- Touch Ergonomics & Multi-Tenancy Invariants: Preserved 44x44px minimum touch targets across all mobile viewports, zero horizontal layout shifts, and 100% symmetric en/uk localization.
v2.9.7 — Sferafy Visual System: Green Stipple Spray, Bento Grid, Platform Preview & Latin SFERAFY (October 2026)
Delivered comprehensive visual parity with the Sferafy design system across the marketing landing page and authentication portal, while refining brand typography to a crisp, standard Latin SFERAFY logotype and restoring the clean geometric 'S' monogram mark across all navigation bars, icons, favicons, and system loaders.
Key release highlights:
- Emerald Green Stippled Spray Paint Texture: Integrated the signature high-density green spray texture behind the CTA banner and inside the right-hand authentication hero card with left-bottom radiance matching authentic Sferafy aesthetics.
- 3-Column Bento Architecture Grid: Added high-performance feature cards presenting 'One-Click Team Onboarding' (interactive provisioning terminal), 'Autonomous Operations Hub' (leave, calendar, invoice, and hardware modules), and 'Work Where Your Team Lives' (Slack, mobile PWA, and web hub).
- Platform Dashboard Preview: Embedded 'The Natural Home for Autonomous Teams' workspace preview inside the container shell, showcasing team directory, 2-way Google Calendar sync telemetry, and active operations.
- Clean Obsidian Canvas: Eliminated legacy striped dot matrices and harsh pulsating neon blobs in favor of calm, deep Obsidian `#080808` with subtle ambient lighting.
- 50/50 Split Authentication Experience: Redesigned the login experience into a minimalist left-column auth pane paired with an obsidian right-side brand showcase with green spray textures and 12 monochrome enterprise partner marks.
- Pure Latin SFERAFY Wordmark & Geometric 'S' Monogram: Standardized the SFERAFY wordmark and 'S' monogram mark across marketing navigation, footer, CRM header, mobile drawers, SVG favicons, Apple touch icons, and system loaders.
- Mobile Adaptivity & Touch Ergonomics: Enforced WCAG AA touch targets (≥44x44px) across all interactive tabs, simulator controls, duration pills, and action links, with zero horizontal overflow on small screens (≤380px) and clean horizontal scrolling for data tables.
- Complete Localization & Test Suite Integrity: Full en/uk bilingual coverage across all new visual components with zero hardcoded strings and 100% test pass rate across all 116 test suites (914 tests).
v2.9.6 — 3D Book Animation, Blog Case Studies, Shader CTA & CRM Vertical Sidebar (October 2026)
Introduced authentic Sferafy 3D agent book hover animations, replaced case study placeholders with real Sferafy engineering blog articles, added the signature smoky shader background to the CTA banner, and adapted the CRM with an ergonomic collapsible vertical sidebar in Sferafy's obsidian aesthetic.
Key release highlights:
- Sferafy 3D Agent Book Card & Hover Animation: Implemented high-fidelity 3D book cover cards with realistic book spines, node schematics, copies distributed badges, top-right 45° transitioning arrows, and smooth slide-up hover elevation (-translate-y-3).
- Real Sferafy Engineering Blog Articles in Case Studies: Transformed customer case studies into genuine deep-dive engineering posts (The Death of the 5-Tab HR Stack, Zero-Baggage Remote Async Loops, Continuous Google Calendar Sync Architecture, Hardware Custody in Distributed Teams, and Sovereign Zero-Trust) featuring category pills with neon micro-dots, reading times, and interactive hover light cones.
- Signature Sferafy Smoky Shader CTA Background: Integrated the obsidian dark smoky shader background with flowing upward light waves, dark top blend fade, and glowing emerald light core for maximum visual depth.
- CRM Vertical Sidebar & Collapsible Icon Rail: Re-introduced the vertical sidebar with collapsible rail mode (240px expanded <-> 64px icon rail), instant in-sidebar search filtering, accordion categories (Workspace, Company & Life, Trust & Integrity, Admin), and header toggle controls.
- Sferafy Obsidian CRM Design System: Unified CRM surfaces, table borders, and modal drawers with obsidian #080808, #0c0c0c card containers, #1c1c1c hairline borders, and #7aff78 active glowing indicators.
- 100% Bilingual Localization & Verified Test Coverage: Full en/uk localization across all newly added components, zero hardcoded strings, and all 115 test files (912 tests) passing.
v2.9.5 — Sferafy Footer Architecture & Polished Navigation (October 2026)
Restored genuine Sferafy footer architecture and link structure inside the dark curved shell, refined the top navigation to eliminate redundant buttons, and cleansed marketing CTAs of trial paywalls.
Key release highlights:
- Genuine Sferafy Footer Restored: Reinstated all original Sferafy product links, documentation references, service telemetry, bug reporting modal trigger, GDPR cookie preference controls, and Ukrainian digital tribute ('With love from Ukraine 🇺🇦') within the sleek Sferafy rounded card container.
- Polished Sferafy Navbar: Removed redundant GitHub star badge and duplicate sign-up buttons. Centered genuine Sferafy navigation pillars (Features, Pricing, Resources, Blog, Contacts) with micro-dot indicator states and granular hover highlights.
- Authentic Sferafy CTAs: Replaced trial copy with genuine Sferafy call-to-action flows ('Explore Live Demo' and 'Book Demo'), reflecting the enterprise multi-tenant model with zero paywall barriers.
- Liquid Button & Touch Ergonomics: Maintained full WCAG AA touch targets (>=44x44px) across all header controls, language switcher, theme toggle, and universal accessibility controls.
- 100% Vitest & Typecheck Stability: Verified across all 115 test suites and 911 unit/integration tests with zero errors.
v2.9.4 — Glowing Mesh Gradients, Fluid Animations & Streamlined Landing (October 2026)
Refined the platform landing experience with vibrant multi-stop glowing mesh gradient backdrops, fluid floating animations, and high-impact marketing storytelling without redundant technical data.
Key architectural highlights:
- Vibrant Glowing Mesh Backdrops: Engineered multi-orb hardware-accelerated ambient lighting with drifting emerald (#7aff78), electric cyan (#38bdf8), golden amber (#fdac53), and violet (#a855f7) gradients with zero CPU overhead.
- Streamlined High-Converting Landing Flow: Purged redundant audit tables and heavy book downloads from the homepage, condensing into a razor-sharp 6-phase journey: Hero -> Interactive Capabilities -> 3 Operational Pillars -> Customer Proof -> FAQ -> High-Converting CTA Banner.
- Interactive Hover Lifts & Micro-Animations: Added floating capability cards with smooth CSS keyframes, interactive neon border glow highlights, and scale transitions on hover.
- Fixed High-Contrast Typography: Corrected dark-mode text color inheritance so gradient text fills, glowing headlines, and pure white accents shine crisply without muted gray down-scaling.
- 100% Localization Maintained: Full Ukrainian and English parity preserved across all marketing elements, with zero hardcoded strings and WCAG AA touch ergonomics.
v2.9.3 — Sferafy Obsidian Design System Expansion Across All Public Pages (October 2026)
Expanded the unified Sferafy Obsidian design language across all public and marketing pages: deep obsidian canvas (#080808), rounded container cards (#0c0c0c), precision hairline borders (#1c1c1c), electric green (#7aff78) and amber (#fdac53) accents, subtle dot-matrix backdrops, and WCAG AA touch ergonomics (>=44x44px).
Key release enhancements:
- Customer Case Studies Hub (/customers): Built a dedicated customer stories hub showcasing enterprise and high-growth operational milestones, with key metrics, executive quotes, and capability tags.
- Unified Contacts Experience (/contacts): Redesigned the communication portal with obsidian card containers, real-time feature request intake with public roadmap integration, and dedicated Ukrainian MilTech & defense grant channels.
- Real-Time Telemetry & Status (/status): Redesigned the cloud infrastructure status dashboard with 90-day interactive availability heatmaps, Anycast edge latency metrics, and scheduled maintenance records in the obsidian theme.
- Engineering & Product Blog (/blog & /blog/[slug]): Upgraded the editorial blog list view and long-form reading experience with obsidian cards, clean category filters, author cards, code snippets, and social sharing rails.
- Pricing & Plan Matrix (/pricing): Modernized the plan cards, enterprise tier details, and comprehensive feature comparison table with hairline dividers and obsidian dark accents.
- Legal & Compliance Portals (/terms, /policy, /privacy): Aligned Terms of Service, Security & Compliance Policy, and GDPR Privacy documentation with the obsidian theme and structured typographic hierarchy.
- Authentication Experience (/login): Refined the sign-in hub with obsidian styling, passkey biometric flows, and guest persona selectors.
- Zero Hardcoded Strings: 100% symmetric localization across all new UI elements and pages in English and Ukrainian (en/uk) via useI18n.
v2.9.2 — Marketing Polish & Interactive Visual Workflows (October 2026)
Replaced code-heavy and terminal-centric components across the public marketing landing page with intuitive, interactive visual product experiences, rich micro-animations, and high-converting marketing CTAs.
Key marketing & animation enhancements:
- Visual Workflow Engine: Replaced raw TypeScript code editors with interactive multi-step visual pipeline diagrams showing live event triggers, autonomous constraint validation, Google Calendar/Slack sync, and immutable cryptographic audit seals.
- Interactive Product Simulators: Integrated live testable simulators across all 6 core pillars — Leaves (quota calculator & calendar block creation), Onboarding (interactive progress checklist), Hardware (one-click asset custody transfer), Invoicing (real-time VAT & payment link generator), Company Brain (grounded AI policy QA with citations), and Org Radar (live team presence).
- Executive Command Center: Transformed technical evaluator tables into an Operational Telemetry & Live Audit stream with real-time KPI metrics (99.98% pass rate, <45ms sync latency, 100% audit trail) and category filters.
- Enterprise Governance Shield: Replaced developer SRE console logs with an interactive security & compliance dashboard featuring SOC-2 Type II indicators, budget ceiling gauges, and one-click cryptographic audit exports.
- High-Converting Hero & CTA Banners: Replaced CLI terminal commands with compelling value propositions, pulse-animated status indicators, and clear call-to-action paths for free trials and executive demos.
- 100% Symmetrical i18n Localization: Fully localized all new interactive features, badges, tooltips, and copy in both English and Ukrainian (en/uk) with zero hardcoded strings in JSX.
v2.9.1 — High-Performance Sferafy Obsidian Landing Redesign & Hover Animations (October 2026)
Conducted a comprehensive architectural and visual redesign of the public landing page into the high-performance Sferafy Obsidian design language: obsidian carbon backgrounds (#080808), signature geometric curved announcement lip (#fdac53), floating directory tree card with interactive row transitions, code console with syntax highlighting, and responsive hover feedback.
Key design milestones:
- Signature Curved Announcement Lip: Engineered pixel-perfect SVG path geometry with inverted fillet corners docked directly beneath the sticky navbar, matching Sferafy's signature announcement lip with smooth hover transitions.
- Sferafy Hero & Directory Tree Card: Implemented a high-contrast hero with prompt input pill, Quickstart link, and an overlapping floating directory tree card (sferafy-workspace) cycling through agents, tools, workflows, scorers, and index.ts.
- Customer Marquee Ticker: Built an authentic customer/enterprise logo ticker with 'Read story →' hover micro-interactions.
- Workflows & Primitives Tabs: Designed carved tab pills with TypeScript syntax-highlighted code editor (AGENT.TS, WORKFLOW.TS, HARNESS.TS, MEMORY.TS) and real-time interactive chat simulator.
- Built-in Observability Telemetry Table: Implemented live evaluation suite with EVALS, METRICS, DATASETS, TRACES, and SIGNALS tabs, displaying real-time deterministic scores and filter controls.
- Case Studies & 3-Pillar Bento: Crafted a 3x2 social proof grid and 3-column bento covering real-world workflow automation, customer-facing neon voice waveform, and developer SRE telemetry logs.
- Minimalist Hairline FAQ Accordion & Rounded Footer: Refactored FAQ with centered pill and expandable question rows, paired with a massive rounded footer container featuring newsletter subscription and real-time operational status indicators.
- 100% Symmetrical Ukrainian & English Localization: Synchronized all copy between Ukrainian and English in src/lib/i18n/translations.ts with zero unlocalized strings in JSX.
v2.9.0 — Admin Feature Settings for Subscription Management (October 2026)
Introduced comprehensive workspace subscription management in admin settings (/settings/subscription), empowering leadership and finance officers with real-time seat quota meters, tier scaling controls, cryptographic billing invoices, and Ukrainian sovereign defense grant activation.
Key milestones:
- Dedicated Subscription Management Console: Integrated a high-performance admin control center at /settings/subscription featuring live seat utilization meters, active member gauges, renewal countdowns, and billing parameter controls.
- Real-Time Seat Quota & Capacity Safety: Embedded intelligent plan transition validation that prevents organizations from accidentally downgrading to tiers that cannot support their active headcount, paired with visual capacity alerts.
- Ukrainian MilTech & Sovereign Defense Grant: Built dedicated one-click application and activation workflows granting 100% free permanent enterprise tier access to Ukrainian Armed Forces (ЗСУ), GUR, Border Guard, National Guard, and Brave1 defense robotics innovators.
- Unified Enterprise Feature Standard: Codified and highlighted the core architectural invariant: 100% of all Sferafy operational modules (Calendar, Invoices, Vault, Equipment, Wiki, 1-on-1, On-Call, Whistleblower) remain fully unlocked across all tiers with zero paywalls.
- Cryptographic SaaS Receipts & Billing Contact: Introduced an itemized billing history ledger with instant receipt preview, tax ID (EDRPOU / VAT) storage, and primary payment method management.
- Synchronized 6-Tab Settings Navigation: Unified settings navigation across Features, Subscription, Payments, Integrations, Security, and Audit with symmetric dual Ukrainian and English localization.
v2.8.9 — Universal Accessible Typography & Micro-Text Scale Standardization (October 2026)
Conducted platform-wide legibility optimization replacing uncomfortably tiny micro-text across dashboard widgets, quick docks, metric badges, and accessibility modals with comfortable, rem-scalable standard sizes (text-xs / text-sm).
Key enhancements:
- Accessibility (a11y) Modal Typography: Increased helper notes, text scaling indicators, and preference descriptions from sub-11px micro-text to legible text-xs with font-mono indicators and enlarged 44px touch targets.
- Dashboard Quick Dock & Hero Metrics: Bumped secondary descriptor lines ('PTO & Time Off', '18 active teammates', '3 active deliverables', 'Peer reviews open') and metric footers to text-xs font-medium for immediate glanceability.
- Widget Consistency: Upgraded status badges, pulse selectors, and public holiday countdowns across DailyPulseWidget, UpcomingHolidaysWidget, and Node Status indicators.
- Full Rem-Scaling Compatibility: Standardized on Tailwind text-xs and text-sm so all elements proportionally scale with the user's selected browser or a11y font size setting.
v2.8.8 — Hybrid Operational Navigation & Workspace Breadcrumbs Standard (October 2026)
Refined the primary workspace navigation bar and breadcrumbs hierarchy based on ergonomic segregation: instant 1-click access to core everyday flows, segregated tools and culture flyouts, and streamlined breadcrumbs starting from Workspace.
Highlights:
- Workspace Breadcrumb Root: Updated the primary application breadcrumb root from legacy 'CRM' to 'Workspace' ('Робочий простір'), providing a modern, employee-first digital workplace hierarchy.
- Direction A Hybrid Pill Navigation: Elevated high-frequency operational modules (Team, Requests, Calendar) to direct 1-click top links alongside Dashboard, eliminating unnecessary flyout friction for everyday work.
- Segregated Workspace Tools: Consolidated focused operations (Tasks, Equipment, Invoices, Documents) into a clean, dedicated Workspace flyout with integrated PWA controls.
- Company & Life Culture Hub: Grouped culture and communication channels (News, Events, 1-on-1s, Onboarding, Referrals, Wiki, Feedback, Benefits) into a dedicated people flyout.
- Synchronized Mobile Ergonomics & i18n: Synchronously updated the mobile slide drawer and bottom navigation with identical structured groupings and dual Ukrainian/English localization.
v2.8.7 — Activity Feed Widget, Untitled UI Alerts & SФERA Wordmark (October 2026)
Introduced a real-time Activity Feed widget on the Dashboard home page based on Untitled UI Activity Feeds, upgraded the CRM demo mode banner to the Untitled UI Alert component standard without dismiss controls, and capitalized the typographic wordmark logo to SФERA.
Highlights:
- Untitled UI Activity Feed: Dashboard home now features an integrated real-time Activity Feed section widget with timeline connectors, actor avatars, categorical event badges, quick filter toggles (Requests, Equipment, Documents, 1-on-1s, Security), and direct linkage to the immutable cryptographic audit ledger.
- Untitled UI Alert Architecture: Implemented the official Untitled UI Alert component with theme colors and responsive action slots, applied to the CRM Guest Demo Mode banner with persistent sandbox indicators.
- SФERA Brand Capitalization: Capitalized wordmark lettering across the brand system to SФERA with seamless cursive Cyrillic glyph kerning.
v2.8.6 — Untitled UI Universal Breadcrumbs Architecture (October 2026)
Engineered and integrated the official Untitled UI Breadcrumbs component specification across every surface of Sferafy OS — CRM, Documentation, Blog, Features, Pricing, Status, and Legal centers.
Highlights:
- Untitled UI Component Design: Full variant fidelity supporting text, text-line, and button styles with chevron and slash dividers, responsive overflow scrolling, and automatic ellipsis collapsing with accessible expansion toggle.
- Universal Platform Adoption: Deployed unified breadcrumb navigation across CRM modules (Dashboard, Team, Requests, Calendar, Settings, Tools), Documentation articles, Blog directories, and public marketing pages.
- Strict Dual-Language Localization & A11y: Fully localized across Ukrainian and English with zero hardcoded JSX strings, semantic nav/ol/li hierarchy, and WCAG 2.1 AA aria-current page indications.
v2.8.5 — Untitled UI Team Table View & Adaptive Viewport Layouts (October 2026)
Introduced an Untitled UI inspired Table component view as the default experience for the Team Directory, accompanied by an adaptive view mode switcher between table and card layouts.
Highlights:
- Untitled UI Table Experience: Features divider lines, column sorting on all core fields, multi-select checkboxes with select-all capabilities, status pill indicators, and integrated pagination footer.
- Default View Mode with Grid Toggle: Team directory defaults to the structured table view while providing smooth instant switching to responsive cards mode.
- Comprehensive Localization & Accessibility: Full dual-language Ukrainian and English localization with WCAG AA compliant navigation and mobile ergonomics.
v2.8.4 — Universal Accessibility Icon, Themed Dropdowns & Beta Label (October 2026)
A polish release focused on recognizability and visual consistency across the workspace header and forms.
Highlights:
- Universal Accessibility Icon: The accessibility settings button now uses the internationally recognized person symbol (as on government digital services) instead of a text glyph, making it instantly discoverable.
- Design-Native Dropdowns: The demo role switcher now opens a fully themed, keyboard-accessible menu with selection checkmarks, and form dropdowns across the app follow the light/dark design tokens instead of the default system popup.
- Beta Label: The header now shows a clean Beta tag next to the Sferafy logo.
v2.8.3 — Dashboard Navigation Flyout, Header Rail Alignment & Sovereign Demo Bar (October 2026)
This release refines top-level navigation architecture and workspace controls: Dashboard is enhanced with a comprehensive operational flyout, the header system rail is reorganized with notifications prioritized to the left of global search, the guest demo banner is modernized with sovereign styling, and redundant actions are cleaned up across workspace menus.
Key updates delivered in this release:
- Dashboard Navigation Flyout: Transformed Dashboard into a multi-destination navigation hub offering immediate one-click routing to the workspace Dashboard overview, public Homepage, company News feed, team Events calendar, and quick Bug Reporting.
- Prioritized Notifications Placement: Relocated the notification center badge immediately to the left of the global search icon button in the top header rail, aligning with modern productivity ergonomics.
- Sovereign Guest Demo Experience: Completely redesigned the Guest Demo Mode banner with modern translucent glass surfaces, pulsating emerald node telemetry, ergonomic role-switcher pills, and high-contrast call-to-actions.
- Cleaned Workspace Menu Actions: Removed redundant bug reporting actions from the Workspace & Tools menu flyout, centralizing system feedback neatly inside the Dashboard hub and mobile drawer.
- Streamlined Navigation Parity: Preserved full mobile responsiveness with bottom drawer sections mirroring all primary destinations and verified strict RBAC access guarantees.
v2.8.2 — Streamlined Navigation, Portfolio Dropdown & Brand Mark Adaptivity (October 2026)
This release streamlines CRM workspace navigation and header controls, harmonizes brand mark styling with the dark theme palette, integrates a user portfolio dropdown with quick profile access and sign-out, and delivers deterministic SSR date hydration.
Key updates delivered in this release:
- Brand Mark Dark Theme Harmony: Adapted Sferafy squircle brand mark with refined dark surface (#202020) and subtle micro-borders (#333333) matching the Supabase dark architecture, eliminating high-glare white blocks in dark mode while keeping the Ukrainian cursive Cyrillic 'ф' crisp and centered.
- Streamlined Top Menu & Workspace Consolidation: Relocated Tasks under the Workspace & Tools menu, simplifying primary links to Dashboard, Team, Requests, and Calendar for focused, uncluttered navigation.
- Integrated User Portfolio Dropdown: Upgraded user avatar into an ergonomic portfolio dropdown containing employee profile link, current workspace role badge, and secure Sign Out action, cleaning up standalone header buttons.
- Pure Search Icon Button: Replaced search placeholder combinations with a dedicated icon-only search button triggering the global command palette (Cmd+K).
- Header Canvas Decluttering: Removed redundant Request Leave header action to maintain maximum breathing room and visual balance across desktop and mobile screens.
- Deterministic SSR Hydration: Resolved client-server date rendering discrepancies on the news feed by initializing deterministic canonical snapshots during SSR and synchronizing client storage seamlessly upon mount with localized formatting.
v2.8.1 — Supabase Typography Standard, Compact Search & Mobile Ergonomics (October 2026)
This release refines navigation typography and header ergonomics across both the CRM top navigation and public marketing interfaces, matching the exact sizing standards of Supabase and Antigravity while maximizing header canvas space.
Key enhancements in this update:
- Supabase Navigation Font Standard: Increased font size of primary navigation items and mega-menu links from 12px (text-xs) to 14px (text-sm font-semibold) across CRM top navigation and marketing header, significantly improving readability and clarity.
- Compact Global Search: Replaced the bulky full search input field in the top CRM bar with a space-saving search icon button with hotkey badge (⌘K), freeing up horizontal room and preventing menu item crowding.
- Enhanced Mobile Navigation Adaptivity: Redesigned mobile navigation drawers for both marketing and CRM experiences, standardizing touch targets (≥44×44px) and clear typography (14px font-semibold in CRM, 16px font-bold in landing drawer) with zero horizontal overflow on small screens (≤380px).
- Consistent Theme Alignment: Integrated relaxed dark border tokens (#2e2e2e) and smooth charcoal surfaces (#1c1c1c) across all mobile drawer items and popover controls.
v2.8.0 — Web 3.0 Top-Menu Navigation, Supabase Dark Palette & Resend Design Standard (October 2026)
This release introduces an optimized full-width workspace model inspired by modern Web 3.0 interfaces, Supabase, and Resend. Core modules and tools are elevated into a sleek, top-anchored Untitled UI pill navigation bar with instant global search (Cmd+K) and grouped mega-menu dropdowns, giving teams maximum horizontal canvas width for core operations.
Key design and ergonomics highlights:
- Modern Top-Menu Workspace Architecture: Consolidated navigation bar on top with direct pill buttons for Dashboard, Team, Requests, Calendar, and Tasks, maximizing screen real estate for data tables, kanbans, and analytics.
- Dedicated Admin & Settings Access: Separated administrative controls (Security & MFA, Cryptographic Audit Ledger, Billing & Plans, Integrations, and Analytics) into a dedicated top-level menu restricted to authorized administrator roles.
- Supabase Dark Color Scheme & Antigravity IDE Typography: Out-of-the-box dark mode by default with relaxed charcoal background (#171717), precision card surfaces (#1c1c1c), soft micro-borders (#2e2e2e), soothing Antigravity IDE typography matching Ubuntu system font on Linux (#cccccc primary headings & titles, #9d9d9d secondary labels & metadata, #6e6e6e captions) eliminating dark-mode glare, and vibrant emerald accents (#3ecf8e), with light mode toggle remaining fully accessible anytime.
- Resend-Inspired High-Density Metrics: Re-engineered squircle stat cards across Employee Requests, Team Directory, Calendar, and Equipment with high-contrast indicator dots and segmented controls.
- Clean Navigation Header: Relocated bug reporting action into the Workspace dropdown menu footer and mobile drawer, keeping the header strip pristine and functional.
- Global Quick Command Palette (Cmd+K): Instant search across all 20+ modules, employee directory profiles, and settings with fast keyboard navigation.
- Unified Marketing Mega-Menu: Redesigned landing navbar featuring Untitled UI multi-column feature showcases, direct product pillar links, and mobile bottom sheet ergonomics.
v2.7.0 — High-Converting Product Narrative & Value-Driven Experience (October 2026)
This release transforms the public product showcase with customer-centric, value-driven positioning tailored for operational founders, team leads, and HR managers. Technical jargon and internal implementation details are replaced by direct business outcomes.
Key product and customer experience highlights:
- Customer-Centric Value Propositions: Direct, benefit-led communication focusing on eliminating HR spreadsheet chaos, accelerating team onboarding, and automating daily approvals.
- Frictionless Interactive Exploration: Redesigned interactive showcase highlighting everyday team workflows, Google Calendar time-off synchronization, and B2B invoice generation in seconds.
- Sovereign Ukrainian Localization: Completely updated, natural Ukrainian tech terminology reflecting authentic startup and defense workplace standards without awkward literal translations.
- Streamlined Navigation & Calls-to-Action: Clear user journeys guiding teams directly from live evaluation sandboxes to scalable pricing plans without cognitive friction.
v2.6.0 — Enterprise Governance, Granular Role Gating & Ergonomic PWA (October 2026)
This release delivers enterprise role-based access control (RBAC) gating across all modules, automated device installation detection for PWA ergonomics, streamlined status telemetry, and customer-first documentation clarity.
Key operational and platform highlights:
- Granular RBAC Module Gating: Strict role segregation ensuring company administration, announcements publishing, financial invoices, and custody acts are exclusively accessible to authorized personnel with zero permission leakage.
- Smart PWA Device Detection: Seamless automatic detection across desktop and mobile devices via getInstalledRelatedApps and display-mode checks, cleanly hiding redundant installation prompts once Sferafy is active on the device.
- Mobile Accessibility (a11y) Fast-Access: Prioritized high-contrast and accessibility quick-controls in mobile viewports adhering to WCAG 2.1 AA and minimum 44x44px touch ergonomics.
- Customer-Handy Knowledge Base & FAQ: Streamlined, value-focused GitBook documentation and FAQ articles tailored for enterprise evaluations and transparent partner onboarding.
- High-Cadence Telemetry Engine: Real-time cloud service status monitoring with zero latency impact and 60-second automated telemetry refreshes across all core operational zones.
v2.5.0 — Access Security Center, Cryptographic Audit Ledger & Enterprise Ecosystem (September 2026)
This major release introduces the enterprise Security & Access Control center, mathematical HMAC-SHA256 cryptographic audit chaining, zero-knowledge ecosystem integrations, OWASP A08 magic-byte inspection, and system theme auto-adaptation.
Key architectural improvements in this release:
- Access & Session Security Center: Real-time concurrent device session registry, remote revocation, and RFC 6238 TOTP two-factor authentication with QR codes, Base32 secrets, and hashed backup codes.
- Cryptographic Audit Ledger: Sequential HMAC-SHA256 tamper-evident hash chaining with live integrity verification and SOC 2 / ISO 27001 CSV/JSON compliance exports.
- Ecosystem Integrations & Vault: Dedicated connectors for Google Workspace, Google Calendar, Slack, Resend, GitHub, and Atlassian Jira with tenant-specific AES-256-GCM encryption.
- OWASP A08 Magic-Byte Sniffer: Deep binary signature validation for PDF, PNG, JPEG, and WebP, blocking executable binaries disguised with fake MIME types.
- Enforced Content-Security-Policy (CSP): Promoted to enforced production CSP in next.config.mjs.
- Adaptive System Theme Intelligence: First-class OS and browser prefers-color-scheme detection with pre-flight zero-flicker initialization and System/Light/Dark 3-mode selector.
- Document Expiry Radar: Multi-tier proactive tracking for employment visas, NDAs, and certifications at 30, 14, and 3-day intervals.
v2.4.0 — Monobank Acquiring & Autonomous Liquid Kernel (September 2026)
This milestone introduces sovereign Ukrainian fintech acquiring via Monobank monopay, replacing external US-only payment processors with native Ukrainian banking infrastructure.
Key architectural improvements in this release:
- Monobank Acquiring Gateway (monopay): Full invoice settlement pipeline with ISO-4217 numeric currency mapping (UAH 980, USD 840, EUR 978, PLN 985).
- Cryptographic ECDSA SHA-256 Webhook Verification: Automatic merchant public key fetching, caching, and raw body signature verification without external dependencies.
- 3D Chromatic Simplex Noise Liquid Kernel: Hardware-accelerated Three.js glass and mercury sphere with optical chromatic dispersion, virtual-time freezing, and WCAG >= 44x44px Play/Pause toggle.
- Full prefers-reduced-motion A11y Compliance: Complete animation freeze and hover distortion suspension when reduced motion is preferred.
- Global Interactive Demo Mode Role Switcher: Instant top-level persona switching (Admin, HR Admin, Finance Admin, Department Manager, Team Lead, Employee) with dynamic navigation and permission filtering.
- Landing FAQ Masonry & Horizontal Category Scroll: Dual-column masonry balancing with touch and button scroll navigation.
- Vercel Serverless & Edge Migration: Complete deployment transition from Netlify to Vercel Edge Network.
v2.3.0 — OWASP Top 10 Hardened Security & Multi-Tenancy
Comprehensive security audit and defense-in-depth gate hardening across all Server Actions, APIs, and PostgreSQL Row Level Security policies.
- Strict RLS Multi-Tenant Isolation: Every query and transaction bound to company_id via authenticated JWT claims.
- Anti-IDOR Gates: Caller authorization checks against database session context, rejecting spoofed client payloads.
- Immutable Activity Audit Graph: Append-only transaction logging in activity_events for forensic traceability.
- Short-Lived Signed URLs: Storage asset access restricted to <= 60-second presigned tokens.
v2.2.0 — Executive Analytics & Equipment Registry
Introduced executive management metrics and IT asset lifecycle tracking.
- Executive KPI Analytics: Headcount trajectory, retention velocity, department budget breakdown, and leave utilization rates.
- Hardware Asset Inventory: Laptop, monitor, and peripheral assignment with warranty tracking and automated return workflows.
- Whistleblower Anonymous Drop: End-to-end encrypted compliance mailbox with sovereign audit preservation.
v2.1.0 — Two-Way Calendar Reconciliation & Slack Relays
Bidirectional synchronization between Sferafy leave requests and Google Calendar, plus real-time Slack and Telegram notification webhooks.
v2.0.0 — Next.js 16 LTS Kernel & React 19 App Architecture
Foundation release rebuilt from the ground up on Next.js 16 App Router, React 19 Server Components, Tailwind CSS v4, and strict TypeScript 7.