Polish: primary buttons, default v0.9, sidebar order, music player fix

- Add variant: 'primary' to main CTA buttons in 9 v0.9 gallery widgets
- Change default spec version to v0.9
- Move version selector above navigation in sidebar
- Fix music player: replace non-existent ProgressBar with Slider
  (max: 262, values in seconds)

Author: lukasmoschitz

tools/composer/src/components/layout/sidebar.tsx

@@ -59,10 +59,10 @@ export function Sidebar() {
       >
         <SidebarHeader />
         <hr />
-        <SidebarNav onNavigate={() => setIsOpen(false)} />
-        <hr />
         <VersionSelector />
         <hr />
+        <SidebarNav onNavigate={() => setIsOpen(false)} />
+        <hr />
         <SidebarWidgets onNavigate={() => setIsOpen(false)} />
       </aside>
     </>

tools/composer/src/contexts/spec-version-context.tsx

@@ -11,7 +11,7 @@ import { createContext, useContext, useState, useEffect, useCallback, type React
 import type { SpecVersion } from '@/types/widget';
 
 const STORAGE_KEY = 'a2ui-spec-version';
-const DEFAULT_VERSION: SpecVersion = '0.8';
+const DEFAULT_VERSION: SpecVersion = '0.9';
 
 interface SpecVersionContextValue {
   specVersion: SpecVersion;

tools/composer/src/data/gallery/v09/account-balance.ts

@@ -85,6 +85,7 @@ export const V09_ACCOUNT_BALANCE_WIDGET: Widget = {
       id: 'transfer-btn',
       component: 'Button',
       child: 'transfer-btn-text',
+      variant: 'primary',
       action: { event: { name: 'transfer' } },
     },
     {

tools/composer/src/data/gallery/v09/calendar-day.ts

@@ -136,6 +136,7 @@ export const V09_CALENDAR_DAY_WIDGET: Widget = {
       id: 'add-btn',
       component: 'Button',
       child: 'add-btn-text',
+      variant: 'primary',
       action: { event: { name: 'add' } },
     },
     {

tools/composer/src/data/gallery/v09/email-compose.ts

@@ -142,6 +142,7 @@ export const V09_EMAIL_COMPOSE_WIDGET: Widget = {
       id: 'send-btn',
       component: 'Button',
       child: 'send-btn-text',
+      variant: 'primary',
       action: { event: { name: 'send' } },
     },
     {

tools/composer/src/data/gallery/v09/event-detail.ts

@@ -104,6 +104,7 @@ export const V09_EVENT_DETAIL_WIDGET: Widget = {
       id: 'accept-btn',
       component: 'Button',
       child: 'accept-btn-text',
+      variant: 'primary',
       action: { event: { name: 'accept' } },
     },
     {

tools/composer/src/data/gallery/v09/login-form.ts

@@ -79,6 +79,7 @@ export const V09_LOGIN_FORM_WIDGET: Widget = {
       id: 'login-btn',
       component: 'Button',
       child: 'login-btn-text',
+      variant: 'primary',
       action: { event: { name: 'login' } },
     },
     {

tools/composer/src/data/gallery/v09/music-player.ts

@@ -64,8 +64,10 @@ export const V09_MUSIC_PLAYER_WIDGET: Widget = {
     },
     {
       id: 'progress',
-      component: 'ProgressBar',
-      progress: { path: '/progress' },
+      component: 'Slider',
+      value: { path: '/progress' },
+      min: 0,
+      max: 262,
     },
     {
       id: 'time-row',
@@ -134,7 +136,7 @@ export const V09_MUSIC_PLAYER_WIDGET: Widget = {
         title: 'Blinding Lights',
         artist: 'The Weeknd',
         album: 'After Hours',
-        progress: 0.45,
+        progress: 45,
         currentTime: '1:48',
         totalTime: '4:22',
         playIcon: '\u23f8',
@@ -147,7 +149,7 @@ export const V09_MUSIC_PLAYER_WIDGET: Widget = {
         title: 'Starboy',
         artist: 'The Weeknd ft. Daft Punk',
         album: 'Starboy',
-        progress: 0.72,
+        progress: 165,
         currentTime: '2:45',
         totalTime: '3:50',
         playIcon: '\u25b6',

tools/composer/src/data/gallery/v09/notification-permission.ts

@@ -70,6 +70,7 @@ export const V09_NOTIFICATION_PERMISSION_WIDGET: Widget = {
       id: 'yes-btn',
       component: 'Button',
       child: 'yes-btn-text',
+      variant: 'primary',
       action: { event: { name: 'accept' } },
     },
     {

tools/composer/src/data/gallery/v09/product-card.ts

@@ -108,6 +108,7 @@ export const V09_PRODUCT_CARD_WIDGET: Widget = {
       id: 'add-cart-btn',
       component: 'Button',
       child: 'add-cart-btn-text',
+      variant: 'primary',
       action: { event: { name: 'addToCart' } },
     },
   ],