anentrypoint-design 0.0.102 → 0.0.104

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "anentrypoint-design",
-  "version": "0.0.102",
+  "version": "0.0.104",
   "description": "247420 design system SDK — webjsx + modified ripple-ui, single-file ESM bundle for reproducible use of the AnEntrypoint design.",
   "type": "module",
   "main": "./dist/247420.js",
@@ -10,38 +10,37 @@
       "import": "./dist/247420.js",
       "default": "./dist/247420.js"
     },
-    "./app": "./dist/247420.app.js",
     "./css": "./dist/247420.css",
-    "./desktop": {
-      "import": "./src/desktop/index.js",
-      "default": "./src/desktop/index.js"
+    "./kits/os": {
+      "import": "./src/kits/os/index.js",
+      "default": "./src/kits/os/index.js"
     },
-    "./desktop/theme.css": "./src/desktop/theme.css",
-    "./desktop/wm.css": "./src/desktop/wm.css",
-    "./desktop/wm.js": "./src/desktop/wm.js",
-    "./desktop/launcher.js": "./src/desktop/launcher.js",
-    "./desktop/launcher.css": "./src/desktop/launcher.css",
-    "./desktop/validate.css": "./src/desktop/validate.css",
-    "./desktop/icons.js": "./src/desktop/icons.js",
-    "./desktop/shell.js": "./src/desktop/shell.js",
-    "./desktop/freddie-dashboard.js": "./src/desktop/freddie-dashboard.js",
-    "./desktop/freddie-dashboard.css": "./src/desktop/freddie-dashboard.css",
-    "./desktop/files-app.js": "./src/desktop/files-app.js",
-    "./desktop/monitor-app.js": "./src/desktop/monitor-app.js",
-    "./desktop/about-app.js": "./src/desktop/about-app.js",
-    "./desktop/terminal-app.js": "./src/desktop/terminal-app.js",
-    "./desktop/browser-app.js": "./src/desktop/browser-app.js",
-    "./desktop/validator-app.js": "./src/desktop/validator-app.js",
-    "./desktop/app-panes.css": "./src/desktop/app-panes.css",
+    "./kits/os/theme.css": "./src/kits/os/theme.css",
+    "./kits/os/wm.css": "./src/kits/os/wm.css",
+    "./kits/os/wm.js": "./src/kits/os/wm.js",
+    "./kits/os/launcher.js": "./src/kits/os/launcher.js",
+    "./kits/os/launcher.css": "./src/kits/os/launcher.css",
+    "./kits/os/validate.css": "./src/kits/os/validate.css",
+    "./kits/os/icons.js": "./src/kits/os/icons.js",
+    "./kits/os/shell.js": "./src/kits/os/shell.js",
+    "./kits/os/freddie-dashboard.js": "./src/kits/os/freddie-dashboard.js",
+    "./kits/os/freddie-dashboard.css": "./src/kits/os/freddie-dashboard.css",
+    "./kits/os/files-app.js": "./src/kits/os/files-app.js",
+    "./kits/os/monitor-app.js": "./src/kits/os/monitor-app.js",
+    "./kits/os/about-app.js": "./src/kits/os/about-app.js",
+    "./kits/os/terminal-app.js": "./src/kits/os/terminal-app.js",
+    "./kits/os/browser-app.js": "./src/kits/os/browser-app.js",
+    "./kits/os/validator-app.js": "./src/kits/os/validator-app.js",
+    "./kits/os/app-panes.css": "./src/kits/os/app-panes.css",
     "./colors_and_type.css": "./colors_and_type.css",
     "./app-shell.css": "./app-shell.css",
+    "./system.css": "./system.css",
     "./page-html": {
       "import": "./src/page-html.js",
       "default": "./src/page-html.js"
     },
     "./src/page-html.js": "./src/page-html.js",
     "./web-components/ds-chat.js": "./src/web-components/ds-chat.js",
-    "./web-components/freddie-chat.js": "./src/web-components/freddie-chat.js",
     "./package.json": "./package.json"
   },
   "files": [

package/src/bootstrap.js

@@ -1,28 +1,15 @@
+// mountKit — single entry every ui_kit uses. Installs motion, runs
+// applyDiff, registers a debug snapshot.
+
 import * as webjsx from '../vendor/webjsx/index.js';
 import * as motion from './motion.js';
 import { register } from './debug.js';
 
-const ANIMATE_HREF = 'https://cdnjs.cloudflare.com/ajax/libs/animate.css/4.1.1/animate.min.css';
-const PRISM_CSS = 'https://cdn.jsdelivr.net/npm/prismjs@1.30.0/themes/prism-tomorrow.min.css';
-
-export function ensureCdnLink(id, href) {
-    if (document.getElementById(id)) return;
-    const link = document.createElement('link');
-    link.id = id;
-    link.rel = 'stylesheet';
-    link.href = href;
-    document.head.appendChild(link);
-}
-
-export function ensureMotionCss() { ensureCdnLink('animate-style-cdn', ANIMATE_HREF); }
-export function ensurePrismCss()  { ensureCdnLink('prism-style-cdn', PRISM_CSS); }
-
 export function mountKit({ root, view, screen, animateOnMount = true } = {}) {
     if (!root) throw new Error('mountKit: root required');
     if (typeof view !== 'function') throw new Error('mountKit: view fn required');
-    if (screen) document.body.dataset.screenLabel = screen;
-    ensureMotionCss();
-    ensurePrismCss();
+    if (screen && typeof document !== 'undefined') document.body.dataset.screenLabel = screen;
+    motion.installMotion();
     let scheduled = false;
     const render = () => {
         scheduled = false;

package/src/components/chat.js

@@ -1,10 +1,13 @@
+// Chat surface — matches upstream signatures (parts, typing, reactions,
+// receipts, aicat). Pure factories — props in, vnode out.
+// Includes ChatMessage, ChatComposer, Chat, AICat, AICatPortrait.
+
 import * as webjsx from '../../vendor/webjsx/index.js';
 import { renderMarkdown, ensureReady as ensureMarkdownReady } from '../markdown.js';
 import { highlightAllUnder, ensurePrism } from '../highlight.js';
 import { register } from '../debug.js';
 
 const h = webjsx.createElement;
-
 let _stats = { messages: 0, lastKindCounts: {} };
 
 export function fmtBytes(n) {
@@ -15,6 +18,7 @@ export function fmtBytes(n) {
     return (n / (1024 * 1024 * 1024)).toFixed(2) + ' GB';
 }
 
+// Inline-only markdown subset; safe for chat bubbles.
 export function renderInline(text) {
     if (text == null) return [];
     const out = [];
@@ -66,38 +70,34 @@ function CodeNode(p) {
 }
 
 const PART_RENDERERS = {
-    text: (p) => h('div', { class: 'chat-bubble' }, ...renderInline(p.text || '')),
-    md:   (p) => MdNode(p),
-    code: (p) => CodeNode(p),
+    text:  (p) => h('div', { class: 'chat-bubble' }, ...renderInline(p.text || '')),
+    md:    (p) => MdNode(p),
+    code:  (p) => CodeNode(p),
     image: (p) => h('a', { class: 'chat-image', href: p.href || p.src, target: '_blank', rel: 'noopener' },
         h('img', { src: p.src, alt: p.alt || '', loading: 'lazy' }),
-        p.caption ? h('span', { class: 'cap' }, p.caption) : null
-    ),
-    pdf: (p) => h('div', { class: 'chat-pdf' },
+        p.caption ? h('span', { class: 'cap' }, p.caption) : null),
+    pdf:   (p) => h('div', { class: 'chat-pdf' },
         h('div', { class: 'chat-pdf-head' },
             h('span', { class: 'glyph' }, '▤'),
             h('span', { class: 'name' }, p.name || 'document.pdf'),
             p.size != null ? h('span', { class: 'size' }, fmtBytes(p.size)) : null,
             h('a', { class: 'open', href: p.src, target: '_blank', rel: 'noopener' }, 'open ↗')
         ),
-        h('embed', { src: p.src, type: 'application/pdf' })
-    ),
-    file: (p) => h('a', { class: 'chat-file', href: p.src, target: '_blank', rel: 'noopener', download: p.name || true },
+        h('embed', { src: p.src, type: 'application/pdf' })),
+    file:  (p) => h('a', { class: 'chat-file', href: p.src, target: '_blank', rel: 'noopener', download: p.name || true },
         h('span', { class: 'glyph' }, fileGlyph(p.name)),
         h('span', { class: 'meta' },
             h('span', { class: 'name' }, p.name || 'attachment'),
             h('span', { class: 'size' }, [p.kindLabel || (p.name || '').split('.').pop().toUpperCase(), p.size != null ? fmtBytes(p.size) : null].filter(Boolean).join(' · '))
         ),
-        h('span', { class: 'go' }, '↓')
-    ),
-    link: (p) => h('a', { class: 'chat-link', href: p.href, target: '_blank', rel: 'noopener' },
+        h('span', { class: 'go' }, '↓')),
+    link:  (p) => h('a', { class: 'chat-link', href: p.href, target: '_blank', rel: 'noopener' },
         p.thumb ? h('img', { class: 'thumb', src: p.thumb, alt: '' }) : null,
         h('span', { class: 'meta' },
             h('span', { class: 'host' }, p.host || (() => { try { return new URL(p.href).host; } catch { return ''; } })()),
             h('span', { class: 'title' }, p.title || p.href),
             p.desc ? h('span', { class: 'desc' }, p.desc) : null
-        )
-    )
+        ))
 };
 
 function renderPart(p, key) {

package/src/components/community.js

@@ -1,3 +1,5 @@
+// Community surface — matches upstream signatures.
+
 import * as webjsx from '../../vendor/webjsx/index.js';
 const h = webjsx.createElement;
 
@@ -14,7 +16,7 @@ export function ServerRail({ servers = [], activeId, onSelect, onAdd } = {}) {
     return h('div', { class: 'cm-server-rail' },
         h('a', { class: 'cm-server-back', href: '../', title: 'Back' }, '◰'),
         h('div', { class: 'cm-server-sep' }),
-        ...servers.map(s => ServerIcon({ ...s, active: s.id === activeId, onClick: () => onSelect?.(s.id) })),
+        ...servers.map(s => ServerIcon({ ...s, active: s.id === activeId, onClick: () => onSelect && onSelect(s.id) })),
         onAdd ? h('button', { class: 'cm-server-add', onclick: onAdd, title: 'Add server' }, '+') : null
     );
 }
@@ -25,7 +27,7 @@ export function ChannelItem({ id, name, type = 'text', active, voiceActive, onCl
         class: 'cm-channel-item' + (active ? ' active' : '') + (voiceActive ? ' voice-active' : ''),
         'data-id': id,
         onclick: onClick,
-        oncontextmenu: (e) => { e.preventDefault(); onContext?.(id, e.clientX, e.clientY); }
+        oncontextmenu: (e) => { e.preventDefault(); onContext && onContext(id, e.clientX, e.clientY); }
     },
         h('span', { class: 'cm-ch-icon' }, icon),
         h('span', { class: 'cm-ch-name' }, name)
@@ -36,7 +38,7 @@ export function ChannelCategory({ id, name, channels = [], collapsed, activeId,
     return h('div', { class: 'cm-channel-category' },
         h('div', {
             class: 'cm-category-header' + (collapsed ? ' collapsed' : ''),
-            onclick: () => onToggle?.(id)
+            onclick: () => onToggle && onToggle(id)
         },
             h('svg', { class: 'cm-cat-arrow', viewBox: '0 0 24 24' }, h('path', { d: 'M7 10l5 5 5-5z' })),
             h('span', { class: 'cm-cat-name' }, name),
@@ -46,7 +48,7 @@ export function ChannelCategory({ id, name, channels = [], collapsed, activeId,
             ...channels.map(c => ChannelItem({
                 ...c,
                 active: c.id === activeId,
-                onClick: () => onChannelClick?.(c),
+                onClick: () => onChannelClick && onChannelClick(c),
                 onContext: onChannelContext
             }))
         )
@@ -80,10 +82,10 @@ export function UserPanel({ name, tag, color, muted, deafened, onMute, onDeafen,
     );
 }
 
-export function ChannelSidebar({ serverName, channels = [], categories = [], activeId, collapsedCats = new Set(), onChannelClick, onCategoryToggle, onAddChannel, onChannelContext, userPanelProps } = {}) {
+export function ChannelSidebar({ serverName, channels = [], categories = [], activeId, collapsedCats, onChannelClick, onCategoryToggle, onAddChannel, onChannelContext, userPanelProps } = {}) {
+    const collapsed = collapsedCats || new Set();
     const uncategorized = channels.filter(c => !c.categoryId || !categories.find(cat => cat.id === c.categoryId));
     const sorted = [...categories].sort((a, b) => (a.position || 0) - (b.position || 0));
-
     return h('div', { class: 'cm-channel-sidebar' },
         h('div', { class: 'cm-server-header' },
             h('span', { class: 'cm-server-header-name' }, serverName || 'Server'),
@@ -93,7 +95,7 @@ export function ChannelSidebar({ serverName, channels = [], categories = [], act
                 id: cat.id,
                 name: cat.name,
                 channels: channels.filter(c => c.categoryId === cat.id).sort((a, b) => (a.position || 0) - (b.position || 0)),
-                collapsed: collapsedCats.has(cat.id),
+                collapsed: collapsed.has && collapsed.has(cat.id),
                 activeId,
                 onToggle: onCategoryToggle,
                 onAddChannel,

package/src/components/content.js

@@ -1,5 +1,9 @@
+// Content blocks: Panel, Row, RowLink, Section, Hero, Install, Receipt,
+// Changelog, WorksList, WritingList, Manifesto, Kpi, Table, HomeView,
+// ProjectView, Form. Pure factories.
+
 import * as webjsx from '../../vendor/webjsx/index.js';
-import { Btn, Heading, Lede } from './shell.js';
+import { Btn, Heading, Lede, Dot } from './shell.js';
 const h = webjsx.createElement;
 
 export function Panel({ title, count, right, style = '', children, kind }) {
@@ -29,13 +33,23 @@ export function RowLink({ code, title, sub, meta, href = '#', key, target }) {
     return Row({ code, title, sub, meta, href, kind: 'link', key, target });
 }
 
-export function Hero({ title, body, accent, badge, badgeCount }) {
+export function Section({ title, eyebrow, children }) {
+    return h('section', { class: 'ds-section' },
+        eyebrow ? h('span', { class: 'eyebrow' }, eyebrow) : null,
+        title ? h('h3', {}, title) : null,
+        ...(Array.isArray(children) ? children : [children])
+    );
+}
+
+export function Hero({ eyebrow, title, body, accent, badge, badgeCount, actions }) {
     return h('div', { class: 'ds-hero' },
+        eyebrow ? h('span', { class: 'eyebrow' }, eyebrow) : null,
         h('h1', { class: 'ds-hero-title' }, title),
         body ? h('p', { class: 'ds-hero-body' },
             body,
             accent ? h('span', { class: 'ds-hero-accent' }, ' ' + accent) : null
         ) : null,
+        actions ? h('div', { class: 'ds-hero-actions', style: 'display:flex;gap:10px;flex-wrap:wrap;margin-top:8px' }, ...(Array.isArray(actions) ? actions : [actions])) : null,
         badge ? Panel({ title: badge, count: badgeCount, kind: 'inline', children: [] }) : null
     );
 }
@@ -71,21 +85,17 @@ export function Changelog({ entries = [] }) {
 
 export function WorksList({ works = [], openedIndex = -1, onToggle }) {
     return Panel({
-        title: `works · ${String(works.length).padStart(2, '0')} of ~${works.length}`,
-        right: h('a', { class: 'ds-link-accent', href: 'https://github.com/AnEntrypoint' }, 'all repos ↗'),
         children: works.map((w, i) => {
             const isOpen = openedIndex === i;
             return h('div', { key: i },
                 Row({
-                    code: w.code, title: w.title, sub: w.sub,
+                    code: w.code,
+                    title: w.title, sub: w.sub,
                     meta: w.meta + '  ' + (isOpen ? '−' : '+'),
                     active: isOpen,
                     onClick: () => onToggle && onToggle(isOpen ? -1 : i)
                 }),
-                isOpen ? h('div', {
-                    class: 'work-detail',
-                    'data-work-index': String(i)
-                },
+                isOpen ? h('div', { class: 'work-detail', 'data-work-index': String(i) },
                     h('div', { class: 'ds-prose' },
                         h('p', { class: 'ds-work-body' }, w.body)
                     ),
@@ -102,7 +112,7 @@ export function WorksList({ works = [], openedIndex = -1, onToggle }) {
 export function WritingList({ posts = [] }) {
     return Panel({
         children: posts.map((p, i) =>
-            RowLink({ key: i, code: p.date, title: p.title, meta: '§ ' + p.tag, href: p.href || '#' })
+            RowLink({ key: i, code: p.date, title: p.title, meta: p.tag, href: p.href || '#' })
         )
     });
 }
@@ -120,77 +130,84 @@ export function Manifesto({ paragraphs = [], maxWidth }) {
 }
 
 export function Kpi({ items = [] }) {
-    return h('div', { class: 'kpi' }, ...items.map(([n, l]) =>
-        h('div', { class: 'kpi-card' },
+    return h('div', { class: 'kpi' }, ...items.map(([n, l], i) =>
+        h('div', { key: i, class: 'kpi-card' },
             h('div', { class: 'num' }, String(n)),
             h('div', { class: 'lbl' }, l))));
 }
 
-export function Table({ headers = [], rows = [], onRowClick, emptyText = 'no rows' }) {
-    if (!rows || rows.length === 0) {
-        return h('div', { class: 'empty' }, emptyText);
-    }
+export function Table({ headers = [], rows = [], onRowClick, emptyText = 'nothing here yet' }) {
+    if (!rows || rows.length === 0) return h('div', { class: 'empty' }, emptyText);
     return h('table', {},
-        h('thead', {}, h('tr', {}, ...headers.map(hd => h('th', {}, hd)))),
+        h('thead', {}, h('tr', {}, ...headers.map((hd, i) => h('th', { key: i }, hd)))),
         h('tbody', {}, ...rows.map((row, i) => h('tr', {
+            key: i,
             class: onRowClick ? 'clickable' : '',
             onclick: onRowClick ? () => onRowClick(i) : null
-        }, ...row.map(c => h('td', {}, c == null ? '' : (typeof c === 'object' ? c : String(c))))))));
+        }, ...row.map((c, j) => h('td', { key: j }, c == null ? '' : (typeof c === 'object' ? c : String(c))))))));
 }
 
-export function Section({ title, children }) {
-    return h('div', { class: 'ds-section' },
-        title ? h('h3', {}, title) : null,
-        ...(Array.isArray(children) ? children : [children])
-    );
-}
-
-export function HomeView({ state, onNav, onToggleWork, works, posts, manifesto, currentlyShipping }) {
+export function HomeView({ state = {}, onNav, onToggleWork, works = [], posts = [], manifesto = [], currentlyShipping } = {}) {
     return [
         Hero({
-            title: 'the creative department of the internet.',
-            body: '247420 is a collective of mercurials. we ship fast, break things on purpose, and document honestly.',
-            accent: 'humor is load-bearing.'
+            eyebrow: 'an entrypoint',
+            title: 'Small, weird, useful tools — built in public.',
+            body: '247420 is a creative collective of eight, scattered across three timezones. We have been shipping open-source tools for the web since 2018.',
+            accent: 'Some become the future. Most don\'t. That\'s the deal.'
         }),
-        currentlyShipping ? h('div', { class: 'ds-section' },
-            Panel({
-                title: 'currently shipping',
-                count: currentlyShipping.length,
-                kind: 'inline',
+        currentlyShipping ? Section({
+            eyebrow: 'currently shipping',
+            children: Panel({
+                kind: 'wide',
                 children: currentlyShipping.map((row, i) =>
                     Row({
                         key: i,
-                        code: h('span', { class: row.live ? 'ds-dot-live' : 'ds-dot-idle' }, row.live ? '●' : '○'),
+                        code: Dot({ tone: row.live ? 'live' : 'idle' }),
                         title: row.title, sub: row.sub, meta: row.meta
                     })
                 )
             })
-        ) : null,
-        Section({ title: '// works', children: WorksList({ works, openedIndex: state.opened, onToggle: onToggleWork }) }),
-        Section({ title: '// recent writing', children: WritingList({ posts }) }),
-        Section({ title: '// manifesto · rough draft', children: Manifesto({ paragraphs: manifesto }) })
-    ];
-}
-
-export function ProjectView({ project, copied, onCopy }) {
+        }) : null,
+        works.length ? Section({
+            eyebrow: 'works', title: 'Everything else.',
+            children: WorksList({ works, openedIndex: state.opened ?? -1, onToggle: onToggleWork })
+        }) : null,
+        posts.length ? Section({
+            eyebrow: 'writing', title: 'When we have something to say.',
+            children: WritingList({ posts })
+        }) : null,
+        manifesto.length ? Section({
+            eyebrow: 'who\'s here', title: 'Eight people, three timezones, one ongoing conversation.',
+            children: Manifesto({ paragraphs: manifesto })
+        }) : null
+    ].filter(Boolean);
+}
+
+export function ProjectView({ project = {}, copied, onCopy } = {}) {
     return [
         h('div', { class: 'ds-prose' },
             Heading({ level: 1, children: project.name }),
             Lede({ children: project.tagline })
         ),
-        Heading({ level: 3, children: 'install' }),
-        Install({ cmd: project.install, copied, onCopy }),
-        Heading({ level: 3, children: 'receipt' }),
-        Receipt({ rows: project.receipt }),
-        Heading({ level: 3, children: 'changelog' }),
-        Changelog({ entries: project.changelog })
-    ];
+        project.install ? [
+            Heading({ level: 3, children: 'install' }),
+            Install({ cmd: project.install, copied, onCopy }),
+        ] : null,
+        project.receipt ? [
+            Heading({ level: 3, children: 'by the numbers' }),
+            Receipt({ rows: project.receipt }),
+        ] : null,
+        project.changelog ? [
+            Heading({ level: 3, children: 'recent releases' }),
+            Changelog({ entries: project.changelog })
+        ] : null
+    ].filter(Boolean).flat();
 }
 
 export function Form({ fields = [], submit = 'submit', onSubmit }) {
-    return h('form', { class: 'row-form', onsubmit: ev => { ev.preventDefault(); onSubmit && onSubmit(ev); } },
-        ...fields.map(f => f.kind === 'textarea'
-            ? h('textarea', { name: f.name, placeholder: f.placeholder || '', rows: f.rows || 4 })
-            : h('input', { name: f.name, type: f.type || 'text', placeholder: f.placeholder || '', value: f.value || '', required: f.required ? 'true' : null })),
+    return h('form', { class: 'row-form', onsubmit: (ev) => { ev.preventDefault(); onSubmit && onSubmit(ev); } },
+        ...fields.map((f, i) => f.kind === 'textarea'
+            ? h('textarea', { key: i, name: f.name, placeholder: f.placeholder || '', rows: f.rows || 4 })
+            : h('input', { key: i, name: f.name, type: f.type || 'text', placeholder: f.placeholder || '', value: f.value || '', required: f.required ? 'true' : null })),
         h('button', { type: 'submit', class: 'btn-primary' }, submit));
 }

package/src/components/files-modals.js

@@ -1,3 +1,5 @@
+// File modals — matches upstream signatures + class names.
+
 import * as webjsx from '../../vendor/webjsx/index.js';
 import { Btn } from './shell.js';
 import { fileGlyph, fmtFileSize } from './files.js';
@@ -22,7 +24,7 @@ export function ConfirmDialog({ title = 'confirm', message, confirmLabel = 'conf
             h('div', { class: 'ds-modal-actions' },
                 Btn({ onClick: onCancel, children: cancelLabel }),
                 h('button', {
-                    class: destructive ? 'btn-stamp flame' : 'btn-stamp green',
+                    class: destructive ? 'btn-primary danger' : 'btn-primary',
                     onclick: onConfirm
                 }, confirmLabel)
             )
@@ -52,7 +54,7 @@ export function PromptDialog({ title = 'name', value = '', placeholder = '', con
             ),
             h('div', { class: 'ds-modal-actions' },
                 Btn({ onClick: onCancel, children: cancelLabel }),
-                h('button', { class: 'btn-stamp green', onclick: () => onConfirm && onConfirm(value) }, confirmLabel)
+                h('button', { class: 'btn-primary', onclick: () => onConfirm && onConfirm(value) }, confirmLabel)
             )
         ]
     });

package/src/components/files.js

@@ -1,5 +1,7 @@
+// File primitives — matches upstream signatures.
+
 import * as webjsx from '../../vendor/webjsx/index.js';
-import { Btn, Glyph } from './shell.js';
+import { Btn } from './shell.js';
 const h = webjsx.createElement;
 
 const FILE_TYPES = ['dir', 'image', 'video', 'audio', 'code', 'text', 'archive', 'document', 'symlink', 'other'];
@@ -49,12 +51,7 @@ export function FileGrid({ files = [], onOpen, onAction, emptyText = 'no files h
     return h('div', { class: 'ds-file-grid' },
         ...files.map((f, i) => FileRow({
             key: f.path || f.name + i,
-            name: f.name,
-            type: f.type,
-            size: f.size,
-            modified: f.modified,
-            code: f.code,
-            active: f.active,
+            name: f.name, type: f.type, size: f.size, modified: f.modified, code: f.code, active: f.active,
             onOpen: onOpen ? () => onOpen(f) : null,
             onAction: onAction ? (act) => onAction(act, f) : null
         }))
@@ -93,10 +90,7 @@ export function UploadProgress({ items = [] } = {}) {
         },
             h('span', { class: 'ds-upload-name' }, it.name),
             h('span', { class: 'ds-upload-bar' },
-                h('span', {
-                    class: 'ds-upload-fill',
-                    'data-pct': String(Math.max(0, Math.min(100, it.pct || 0)))
-                })
+                h('span', { class: 'ds-upload-fill', 'data-pct': String(Math.max(0, Math.min(100, it.pct || 0))) })
             ),
             h('span', { class: 'ds-upload-pct' }, (it.error ? 'err' : (it.done ? 'ok' : (it.pct || 0) + '%')))
         ))
@@ -111,9 +105,7 @@ export function EmptyState({ text = 'nothing here', glyph = '◌' } = {}) {
 }
 
 export function BreadcrumbPath({ segments = [], onNav, root = 'root' } = {}) {
-    const parts = [
-        h('button', { key: 'root', class: 'ds-crumb-seg', onclick: () => onNav && onNav(0) }, root)
-    ];
+    const parts = [h('button', { key: 'root', class: 'ds-crumb-seg', onclick: () => onNav && onNav(0) }, root)];
     segments.forEach((seg, i) => {
         parts.push(h('span', { key: 'sep' + i, class: 'ds-crumb-sep' }, '›'));
         parts.push(h('button', {