polen 0.11.0-next.21 → 0.11.0-next.23

package/src/template/components/VersionCoveragePicker.tsx

@@ -26,6 +26,12 @@ export const VersionCoveragePicker: FC<Props> = ({
   const options = Array.from(HashMap.keys(document.versionDocuments))
   if (options.length === 0) return null
 
+  // Helper to format labels with proper Version/Versions prefix
+  const formatLabel = (versionCoverage: VersionCoverage.VersionCoverage): string => {
+    const prefix = VersionCoverage.isSingle(versionCoverage) ? 'Version' : 'Versions'
+    return `${prefix} ${VersionCoverage.toLabel(versionCoverage)}`
+  }
+
   return (
     <Select.Root
       value={VersionCoverage.toLabel(current)}
@@ -39,7 +45,7 @@ export const VersionCoveragePicker: FC<Props> = ({
       }}
     >
       <Select.Trigger>
-        {VersionCoverage.toLabel(current)}
+        {formatLabel(current)}
       </Select.Trigger>
       <Select.Content position='popper' sideOffset={5}>
         {options.map(selection => (
@@ -47,7 +53,7 @@ export const VersionCoveragePicker: FC<Props> = ({
             key={VersionCoverage.toLabel(selection)}
             value={VersionCoverage.toLabel(selection)}
           >
-            {VersionCoverage.toLabel(selection)}
+            {formatLabel(selection)}
           </Select.Item>
         ))}
       </Select.Content>

package/src/template/components/navbar/DefaultNavbar.tsx

@@ -10,7 +10,7 @@ export const DefaultNavbar: React.FC<NavbarProps> = ({ items, Item, Logo, ThemeT
   return (
     <>
       {/* Logo */}
-      <Swiss.Item cols={2}>
+      <Swiss.Item cols={3}>
         <Logo />
       </Swiss.Item>
 

package/src/template/layouts/SidebarLayout.tsx

@@ -75,7 +75,7 @@ export const SidebarLayout: React.FC<Props> = ({ children, sidebar, basePath, to
       )}
 
       {/* Main Content - 8 columns on mobile, 9 on desktop when sidebar exists, 12 when not */}
-      <Swiss.Item cols={8} start={5}>
+      <Swiss.Item cols={6} start={5}>
         {children}
       </Swiss.Item>
     </Swiss.Body>

package/src/template/routes/changelog/ChangelogBody.tsx

@@ -20,8 +20,12 @@ export const ChangelogBody: React.FC<{ schema: Schema.Schema }> = ({ schema }) =
       </Heading>
 
       {/*// todo: reverse at input source processes*/}
-      {[...schema.revisions].reverse().map(revision => (
-        <Changeset key={revision.date} revision={revision} schema={schema} />
+      {schema.revisions.map(revision => (
+        <Changeset
+          key={revision.date}
+          revision={revision}
+          schema={schema}
+        />
       ))}
     </Box>
   )

package/src/template/routes/changelog/ChangelogSidebar.tsx

@@ -16,7 +16,7 @@ export const ChangelogSidebar: React.FC<{
     const navigate = useNavigate()
 
     // todo: reverse at input source processes
-    const revisions = [...schema.revisions].reverse()
+    const revisions = schema.revisions
 
     const [activeRevision, setActiveRevision] = useState<string | null>(null)
     // Track active revision based on URL hash

package/src/template/routes/index.tsx

@@ -31,7 +31,7 @@ const Component = () => {
           )}
         />
       )}
-      <Swiss.Body>
+      <Swiss.Body style={{ marginTop: '800px' }}>
         {templateConfig.home.examples.enabled && filteredExamples.length > 0 && (
           <ExamplesSection
             examples={filteredExamples}

package/src/template/routes/root.tsx

@@ -80,6 +80,9 @@ const Layout = () => {
         maxWidth='1440px'
         gutter='var(--space-4)'
         margins='var(--space-5)'
+        style={{
+          gridTemplateRows: '100px',
+        }}
       >
         {/* Navbar */}
         {isHomeWithCinematicHero
@@ -90,6 +93,7 @@ const Layout = () => {
                 position='fixed'
                 top={'0'}
                 left={'0'}
+                height='20px'
                 right={'0'}
                 py={'6'}
                 style={{
@@ -108,6 +112,7 @@ const Layout = () => {
             <Swiss.Body
               subgrid
               py={'6'}
+              height='20px'
               mb={{ initial: '4', md: '8' }}
               style={{
                 borderBottom: '1px solid var(--gray-3)',

package/src/template/theme/swiss-sharp.css

@@ -14,6 +14,7 @@ body {
     background-color: var(--color-background, white);
     padding: 0;
     margin: 0;
+    margin-bottom: 25vh;
 }
 
 /* Dark mode body background */

package/src/vite/plugins/examples.ts

@@ -161,10 +161,9 @@ export const Examples = ({
                 scanExamplesResult.catalog.examples,
                 schemasCatalog,
               )
-              // The index will be properly encoded by the Catalog schema
               catalogWithIndex = {
                 ...scanExamplesResult.catalog,
-                typeUsageIndex: typeUsageIndex as any, // Will be encoded by Catalog.encode
+                typeUsageIndex: typeUsageIndex,
               }
             }