eidotter 0.37.1 → 0.37.2

package/LICENSE.md

@@ -106,8 +106,8 @@ Perfect DOS VGA 437 by [Zeh Fernando](https://zehfernando.com) (2002, updated 20
 
 Bundled as `src/styles/fonts/Perfect_DOS_VGA_437.ttf` and loaded via `src/styles/fonts.css` (eiDotter v0.22.0 onwards). Free to redistribute and use in any project per the author's license: `src/styles/fonts/Perfect_DOS_VGA_437_LICENSE.txt`. Selling the font as a standalone is not permitted (eiDotter does not — it is bundled as part of the free design system).
 
-## Flexi IBM VGA True (legacy, bundled until v0.22.x)
+## JetBrains Mono Nerd Font
 
-Flexi IBM VGA True v2 — bitmap-style remake of the IBM VGA BIOS font by VileR (int10h.org). Bundled as `src/styles/fonts/Flexi_IBM_VGA_True.ttf` (no longer loaded by default after v0.22.0; superseded by Perfect DOS VGA 437).
+[JetBrains Mono](https://www.jetbrains.com/legalnotices/monofont/) by The JetBrains Mono Project Authors, patched with Nerd Font glyph extensions by [Ryan L McIntyre](https://github.com/ryanoasis) (Nerd Fonts v3.4.0, 2025). Provides the `dos-body` typography tier: multi-weight monospace with Nerd Font glyph extensions (powerline symbols, devicons, language logos) for terminal-aesthetic UIs.
 
-Licensed under [CC BY-SA 4.0](https://creativecommons.org/licenses/by-sa/4.0/). Full license text and attribution notice: `src/styles/fonts/Flexi_IBM_VGA_LICENSE.txt`.
+Bundled as four per-weight woff2 files in `src/styles/fonts/JetBrainsMonoNerdFont-{Regular,Medium,SemiBold,Bold}.woff2` and loaded via `src/styles/fonts.css` (eiDotter v0.37.0). Licensed under SIL Open Font License Version 1.1: `src/styles/fonts/JetBrainsMonoNerdFont_OFL.txt`.

package/dist/components/Brand/components/Wordmark.d.ts

@@ -7,7 +7,7 @@ export interface WordmarkProps extends HTMLAttributes<HTMLSpanElement> {
 /**
  * eiDotter wordmark — "eiDotter" with the "ei" prefix dimmed against the full-bright "Dotter".
  *
- * Uses the primary DOS font (Flexi IBM VGA True) and the amber phosphor palette.
+ * Uses the primary DOS font (Perfect DOS VGA 437) and the amber phosphor palette.
  * Sized via `font-size` on the host; the component does not set its own size by
  * default so it inherits from the surrounding type scale. Wrap in a heading
  * element if you need semantic weight.

package/dist/components/Brand/components/Wordmark.js

@@ -4,7 +4,7 @@ import { cn } from '../../../utils/cn.js';
 /**
  * eiDotter wordmark — "eiDotter" with the "ei" prefix dimmed against the full-bright "Dotter".
  *
- * Uses the primary DOS font (Flexi IBM VGA True) and the amber phosphor palette.
+ * Uses the primary DOS font (Perfect DOS VGA 437) and the amber phosphor palette.
  * Sized via `font-size` on the host; the component does not set its own size by
  * default so it inherits from the surrounding type scale. Wrap in a heading
  * element if you need semantic weight.

package/dist/components/CalendarHeatmap/components/CalendarHeatmap.d.ts

@@ -0,0 +1,40 @@
+import React from 'react';
+/** Per-day cell state. `empty` renders blank (days outside the month). */
+export type HeatmapStatus = 'success' | 'fail' | 'skip' | 'pending' | 'empty';
+export interface CalendarHeatmapProps {
+    /** Month to render, as `'YYYY-MM'` (or any `'YYYY-MM-DD'` inside it). */
+    month: string;
+    /** Map of `'YYYY-MM-DD'` → status. Days absent from the map use `defaultStatus`. */
+    statuses?: Record<string, HeatmapStatus>;
+    /** Status for in-month days not present in `statuses` (default `'skip'`). */
+    defaultStatus?: HeatmapStatus;
+    /** First column of the week (default `'monday'`). */
+    weekStart?: 'monday' | 'sunday';
+    /** Font scale (default `'md'`). */
+    size?: 'sm' | 'md' | 'lg';
+    /**
+     * Colour for `success` (█) cells. Any CSS colour. Defaults to the amber brand
+     * token, so it re-themes; override to colour-code per series (e.g. habit colour).
+     */
+    successColor?: string;
+    /** Render the legend row below the grid (default `true`). */
+    showLegend?: boolean;
+    /** Override legend labels. */
+    legendLabels?: Partial<Record<'success' | 'fail' | 'skip' | 'pending', string>>;
+    /** Override the per-status glyphs. */
+    glyphs?: Partial<Record<HeatmapStatus, string>>;
+    /** Additional CSS class name. */
+    className?: string;
+    /** Accessible label for the grid. Defaults to a month + counts summary. */
+    'aria-label'?: string;
+}
+/**
+ * Month calendar rendered as DOS block characters — `█` done, `░` miss,
+ * `·` off, `▒` pending. Presentational and domain-agnostic: callers pass a
+ * `'YYYY-MM-DD'` → status map rather than any domain object. Ported from the
+ * Tracker habit app (DMNC-1040), where it visualises a habit's month.
+ *
+ * All calendar maths run in UTC so the rendered grid never drifts by a day
+ * across timezones — the `'YYYY-MM-DD'` keys are treated as plain calendar dates.
+ */
+export declare const CalendarHeatmap: React.ForwardRefExoticComponent<CalendarHeatmapProps & React.RefAttributes<HTMLDivElement>>;

package/dist/components/CalendarHeatmap/components/CalendarHeatmap.js

@@ -0,0 +1,84 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { forwardRef } from 'react';
+import { cn } from '../../../utils/cn.js';
+const DEFAULT_GLYPHS = {
+    success: '█',
+    fail: '░',
+    skip: '·',
+    pending: '▒',
+    empty: ' ',
+};
+const LEGEND_ORDER = ['success', 'fail', 'skip', 'pending'];
+const DEFAULT_LEGEND = {
+    success: 'DONE',
+    fail: 'MISS',
+    skip: 'OFF',
+    pending: 'TODAY',
+};
+const WEEKDAYS_MON = ['MO', 'TU', 'WE', 'TH', 'FR', 'SA', 'SU'];
+const WEEKDAYS_SUN = ['SU', 'MO', 'TU', 'WE', 'TH', 'FR', 'SA'];
+const MONTHS = [
+    'January', 'February', 'March', 'April', 'May', 'June',
+    'July', 'August', 'September', 'October', 'November', 'December',
+];
+const sizeClasses = {
+    sm: 'eidotter-calendar-heatmap--sm',
+    md: 'eidotter-calendar-heatmap--md',
+    lg: 'eidotter-calendar-heatmap--lg',
+};
+const pad2 = (n) => String(n).padStart(2, '0');
+/**
+ * Month calendar rendered as DOS block characters — `█` done, `░` miss,
+ * `·` off, `▒` pending. Presentational and domain-agnostic: callers pass a
+ * `'YYYY-MM-DD'` → status map rather than any domain object. Ported from the
+ * Tracker habit app (DMNC-1040), where it visualises a habit's month.
+ *
+ * All calendar maths run in UTC so the rendered grid never drifts by a day
+ * across timezones — the `'YYYY-MM-DD'` keys are treated as plain calendar dates.
+ */
+export const CalendarHeatmap = forwardRef(({ month, statuses = {}, defaultStatus = 'skip', weekStart = 'monday', size = 'md', successColor, showLegend = true, legendLabels, glyphs, className, 'aria-label': ariaLabel, ...props }, ref) => {
+    const year = Number(month.slice(0, 4));
+    const monthIndex = Number(month.slice(5, 7)) - 1;
+    const valid = Number.isFinite(year) && monthIndex >= 0 && monthIndex <= 11;
+    const glyph = { ...DEFAULT_GLYPHS, ...glyphs };
+    const legend = { ...DEFAULT_LEGEND, ...legendLabels };
+    // Build the week rows (UTC maths — no local-timezone drift).
+    const weeks = [];
+    let successCount = 0;
+    let failCount = 0;
+    if (valid) {
+        const daysInMonth = new Date(Date.UTC(year, monthIndex + 1, 0)).getUTCDate();
+        const firstDow = new Date(Date.UTC(year, monthIndex, 1)).getUTCDay(); // 0 Sun..6 Sat
+        const leading = weekStart === 'monday' ? (firstDow + 6) % 7 : firstDow;
+        const cells = [];
+        for (let i = 0; i < leading; i++) {
+            cells.push({ key: `lead-${i}`, day: 0, status: 'empty' });
+        }
+        for (let day = 1; day <= daysInMonth; day++) {
+            const key = `${year}-${pad2(monthIndex + 1)}-${pad2(day)}`;
+            const status = statuses[key] ?? defaultStatus;
+            if (status === 'success')
+                successCount++;
+            if (status === 'fail')
+                failCount++;
+            cells.push({ key, day, status });
+        }
+        while (cells.length % 7 !== 0) {
+            cells.push({ key: `trail-${cells.length}`, day: 0, status: 'empty' });
+        }
+        for (let i = 0; i < cells.length; i += 7) {
+            weeks.push(cells.slice(i, i + 7));
+        }
+    }
+    const weekdays = weekStart === 'monday' ? WEEKDAYS_MON : WEEKDAYS_SUN;
+    const monthLabel = valid ? `${MONTHS[monthIndex]} ${year}` : month;
+    const gridLabel = ariaLabel ?? `${monthLabel}: ${successCount} done, ${failCount} missed`;
+    const rootStyle = successColor
+        ? { '--heatmap-success': successColor }
+        : undefined;
+    return (_jsxs("div", { ref: ref, className: cn('eidotter-calendar-heatmap font-dos', sizeClasses[size], className), style: rootStyle, ...props, children: [_jsxs("div", { className: "eidotter-calendar-heatmap__grid", role: "img", "aria-label": gridLabel, children: [_jsx("div", { className: "eidotter-calendar-heatmap__row", "aria-hidden": "true", children: weekdays.map((d) => (_jsx("span", { className: "eidotter-calendar-heatmap__cell eidotter-calendar-heatmap__head", children: d }, d))) }), weeks.map((week, w) => (_jsx("div", { className: "eidotter-calendar-heatmap__row", "aria-hidden": "true", children: week.map((cell) => (_jsx("span", { className: cn('eidotter-calendar-heatmap__cell', `eidotter-calendar-heatmap__cell--${cell.status}`), children: glyph[cell.status] }, cell.key))) }, w)))] }), showLegend && (
+            // The grid's role="img" aria-label already summarises counts; the
+            // glyph legend is a decorative key, hidden from assistive tech.
+            _jsx("div", { className: "eidotter-calendar-heatmap__legend", "aria-hidden": "true", children: LEGEND_ORDER.map((status) => (_jsxs("span", { className: `eidotter-calendar-heatmap__cell--${status}`, children: [glyph[status], " ", legend[status]] }, status))) }))] }));
+});
+CalendarHeatmap.displayName = 'CalendarHeatmap';

package/dist/components/CalendarHeatmap/components/index.d.ts

@@ -0,0 +1,2 @@
+export { CalendarHeatmap } from './CalendarHeatmap.js';
+export type { CalendarHeatmapProps, HeatmapStatus } from './CalendarHeatmap.js';

package/dist/components/CalendarHeatmap/components/index.js

@@ -0,0 +1 @@
+export { CalendarHeatmap } from './CalendarHeatmap.js';

package/dist/components/CalendarHeatmap/index.d.ts

@@ -0,0 +1,2 @@
+export { CalendarHeatmap } from './components/index.js';
+export type { CalendarHeatmapProps, HeatmapStatus } from './components/index.js';

package/dist/components/CalendarHeatmap/index.js

@@ -0,0 +1 @@
+export { CalendarHeatmap } from './components/index.js';

package/dist/components/CommandPrompt/components/CommandPrompt.js

@@ -30,5 +30,5 @@ export const CommandPrompt = ({ prompt = 'C:\\>', onCommand, autoFocus = false,
             inputRef.current.focus();
         }
     };
-    return (_jsxs("div", { className: `command-prompt ${disabled ? 'command-prompt--disabled' : ''} ${className}`.trim(), onClick: handleContainerClick, children: [_jsx("span", { className: "command-prompt__prompt", "aria-hidden": "true", children: prompt }), _jsxs("div", { className: "command-prompt__input-wrapper", children: [_jsx("input", { ref: inputRef, className: "command-prompt__input", value: value, onChange: (e) => setValue(e.target.value), onKeyDown: handleKeyDown, autoFocus: autoFocus, spellCheck: false, autoComplete: "off", autoCapitalize: "off", autoCorrect: "off", placeholder: placeholder, disabled: disabled, "aria-label": "Command input", size: value.length || 1 }), _jsx("span", { className: "command-prompt__cursor", "aria-hidden": "true", children: "\u2588" })] })] }));
+    return (_jsxs("div", { className: `command-prompt ${disabled ? 'command-prompt--disabled' : ''} ${className}`.trim(), onClick: handleContainerClick, children: [_jsx("span", { className: "command-prompt__prompt", "aria-hidden": "true", children: prompt }), _jsxs("div", { className: "command-prompt__input-wrapper", children: [_jsx("input", { ref: inputRef, className: "command-prompt__input", value: value, onChange: (e) => setValue(e.target.value), onKeyDown: handleKeyDown, autoFocus: autoFocus, spellCheck: false, autoComplete: "off", autoCapitalize: "off", autoCorrect: "off", placeholder: placeholder, disabled: disabled, "aria-label": "Command input", size: value.length || placeholder?.length || 1 }), _jsx("span", { className: "command-prompt__cursor", "aria-hidden": "true", children: "\u2588" })] })] }));
 };

package/dist/components/HoldToComplete/components/HoldToComplete.d.ts

@@ -0,0 +1,30 @@
+import React from 'react';
+export interface HoldToCompleteProps {
+    /** Fired when the hold reaches completion — the primary action. */
+    onHold: () => void;
+    /** Fired on a plain click/tap that did not complete a hold (e.g. open details). */
+    onTap?: () => void;
+    /** Fired with progress `0..1` as the hold builds — hook for haptics or sound. */
+    onHoldProgress?: (progress: number) => void;
+    /** Milliseconds the user must hold to complete (default 700). */
+    holdDuration?: number;
+    /** Ring colour. Defaults to the amber brand token. */
+    ringColor?: string;
+    /** Ring diameter as a fraction of the tile's smaller side (default 0.72). */
+    ringScale?: number;
+    /** Disable the interaction. */
+    disabled?: boolean;
+    /** Accessible label for the control. */
+    'aria-label'?: string;
+    /** Additional CSS class name. */
+    className?: string;
+    /** The tile content. */
+    children: React.ReactNode;
+}
+/**
+ * Press-and-hold to complete, with a chunky {@link ProgressRing} filling during
+ * the hold and reversing on an early release. Works with mouse, touch, and pen
+ * via Pointer Events; keyboard users complete directly with Enter or Space.
+ * Ported from the Tracker habit app's hold-to-complete tile (DMNC-1040).
+ */
+export declare const HoldToComplete: React.ForwardRefExoticComponent<HoldToCompleteProps & React.RefAttributes<HTMLDivElement>>;

package/dist/components/HoldToComplete/components/HoldToComplete.js

@@ -0,0 +1,145 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { forwardRef, useCallback, useEffect, useRef, useState } from 'react';
+import { cn } from '../../../utils/cn.js';
+import { prefersReducedMotion } from '../../../utils/prefersReducedMotion.js';
+import { ProgressRing } from '../../ProgressRing/index.js';
+/** Accelerating ease so tension builds toward completion. */
+const easeIn = (t) => t * t;
+const COMPLETE_THRESHOLD = 0.02;
+const CANCEL_MS = 120;
+/**
+ * Press-and-hold to complete, with a chunky {@link ProgressRing} filling during
+ * the hold and reversing on an early release. Works with mouse, touch, and pen
+ * via Pointer Events; keyboard users complete directly with Enter or Space.
+ * Ported from the Tracker habit app's hold-to-complete tile (DMNC-1040).
+ */
+export const HoldToComplete = forwardRef(({ onHold, onTap, onHoldProgress, holdDuration = 700, ringColor, ringScale = 0.72, disabled = false, 'aria-label': ariaLabel, className, children, }, ref) => {
+    const [progress, setProgress] = useState(0);
+    const [tileSize, setTileSize] = useState(0);
+    const rootRef = useRef(null);
+    const rafRef = useRef(null);
+    const progressRef = useRef(0);
+    const fromRef = useRef(0);
+    const targetRef = useRef(0);
+    const startRef = useRef(0);
+    const durationRef = useRef(holdDuration);
+    const heldToCompletion = useRef(false);
+    // Keep the latest callbacks in refs so the self-scheduling rAF loop always
+    // invokes the current props — never a stale version captured when the hold
+    // began (a consumer re-render mid-hold must not fire an outdated handler).
+    const onHoldRef = useRef(onHold);
+    const onHoldProgressRef = useRef(onHoldProgress);
+    onHoldRef.current = onHold;
+    onHoldProgressRef.current = onHoldProgress;
+    const setProg = useCallback((p) => {
+        progressRef.current = p;
+        setProgress(p);
+        onHoldProgressRef.current?.(p);
+    }, []);
+    const stopRaf = useCallback(() => {
+        if (rafRef.current != null) {
+            cancelAnimationFrame(rafRef.current);
+            rafRef.current = null;
+        }
+    }, []);
+    const tick = useCallback((now) => {
+        const elapsed = now - startRef.current;
+        const d = durationRef.current;
+        const t = d <= 0 ? 1 : Math.min(1, elapsed / d);
+        const eased = targetRef.current === 1 ? easeIn(t) : t;
+        const p = fromRef.current + (targetRef.current - fromRef.current) * eased;
+        setProg(p);
+        if (t >= 1) {
+            rafRef.current = null;
+            if (targetRef.current === 1) {
+                heldToCompletion.current = true;
+                setProg(0);
+                onHoldRef.current();
+            }
+            return;
+        }
+        rafRef.current = requestAnimationFrame(tick);
+    }, [setProg]);
+    const animateTo = useCallback((target, duration) => {
+        stopRaf();
+        fromRef.current = progressRef.current;
+        targetRef.current = target;
+        durationRef.current = duration;
+        startRef.current =
+            typeof performance !== 'undefined' ? performance.now() : 0;
+        rafRef.current = requestAnimationFrame(tick);
+    }, [stopRaf, tick]);
+    const startHold = useCallback((e) => {
+        if (disabled)
+            return;
+        // Capture the pointer so the whole hold is delivered to this element —
+        // moving over child content won't fire pointerleave and abort it, and a
+        // release outside the bounds still reaches onPointerUp.
+        try {
+            e.currentTarget.setPointerCapture?.(e.pointerId);
+        }
+        catch {
+            /* jsdom / unsupported — capture is a progressive enhancement */
+        }
+        heldToCompletion.current = false;
+        setProg(0);
+        animateTo(1, holdDuration);
+    }, [disabled, holdDuration, animateTo, setProg]);
+    const cancelHold = useCallback(() => {
+        if (heldToCompletion.current)
+            return;
+        if (progressRef.current <= 0) {
+            stopRaf();
+            return;
+        }
+        if (prefersReducedMotion()) {
+            stopRaf();
+            setProg(0);
+        }
+        else {
+            animateTo(0, CANCEL_MS);
+        }
+    }, [animateTo, stopRaf, setProg]);
+    const handleClick = useCallback(() => {
+        if (disabled)
+            return;
+        // Suppress the click that trails a completed hold's release.
+        if (!heldToCompletion.current)
+            onTap?.();
+        heldToCompletion.current = false;
+    }, [disabled, onTap]);
+    const handleKeyDown = useCallback((e) => {
+        if (disabled || e.repeat)
+            return;
+        if (e.key === 'Enter' || e.key === ' ') {
+            e.preventDefault();
+            onHold();
+        }
+    }, [disabled, onHold]);
+    // Measure the tile so the ring overlay scales with it.
+    useEffect(() => {
+        const el = rootRef.current;
+        if (!el)
+            return;
+        const measure = () => setTileSize(Math.min(el.clientWidth, el.clientHeight));
+        measure();
+        if (typeof ResizeObserver !== 'undefined') {
+            const ro = new ResizeObserver(measure);
+            ro.observe(el);
+            return () => ro.disconnect();
+        }
+    }, []);
+    // Cancel any in-flight animation on unmount.
+    useEffect(() => stopRaf, [stopRaf]);
+    const setRefs = useCallback((node) => {
+        rootRef.current = node;
+        if (typeof ref === 'function')
+            ref(node);
+        else if (ref)
+            ref.current = node;
+    }, [ref]);
+    const showRing = progress > COMPLETE_THRESHOLD && tileSize > 0;
+    return (_jsxs("div", { ref: setRefs, className: cn('eidotter-hold', disabled && 'eidotter-hold--disabled', className), role: "button", tabIndex: disabled ? -1 : 0, "aria-label": ariaLabel, "aria-disabled": disabled || undefined, onPointerDown: startHold, onPointerUp: cancelHold, onPointerCancel: cancelHold, onClick: handleClick, onKeyDown: handleKeyDown, children: [children, showRing && (_jsx("div", { className: "eidotter-hold__overlay", children: _jsx(ProgressRing, { value: progress * 100, size: Math.floor(tileSize * ringScale), color: ringColor, "aria-label": "Hold progress" }) }))] }));
+});
+HoldToComplete.displayName = 'HoldToComplete';

package/dist/components/HoldToComplete/components/index.d.ts

@@ -0,0 +1,2 @@
+export { HoldToComplete } from './HoldToComplete.js';
+export type { HoldToCompleteProps } from './HoldToComplete.js';

package/dist/components/HoldToComplete/components/index.js

@@ -0,0 +1 @@
+export { HoldToComplete } from './HoldToComplete.js';

package/dist/components/HoldToComplete/index.d.ts

@@ -0,0 +1,2 @@
+export { HoldToComplete } from './components/index.js';
+export type { HoldToCompleteProps } from './components/index.js';

package/dist/components/HoldToComplete/index.js

@@ -0,0 +1 @@
+export { HoldToComplete } from './components/index.js';

package/dist/components/InlineExpand/components/InlineExpand.d.ts

@@ -4,7 +4,7 @@ export interface InlineExpandSource {
     title: string;
     /** URL — must be a valid absolute URL (http, https, or mailto) */
     url: string;
-    /** Optional favicon URL; falls back to generic link icon */
+    /** Optional favicon URL. Falls back to Google Favicons API for the domain, then to a [→] text icon. */
     favicon?: string;
 }
 export interface InlineExpandProps {

package/dist/components/InlineExpand/components/InlineExpand.js

@@ -4,6 +4,15 @@ import { useState, useId, useRef } from 'react';
 import { Button as AriaButton } from 'react-aria-components';
 import { cn } from '../../../utils/cn.js';
 import { isSafeUrl } from '../../../utils/isSafeUrl.js';
+function getGoogleFaviconUrl(sourceUrl) {
+    try {
+        const { hostname } = new URL(sourceUrl);
+        return `https://www.google.com/s2/favicons?domain=${encodeURIComponent(hostname)}&sz=32`;
+    }
+    catch {
+        return null;
+    }
+}
 /**
  * Inline disclosure widget that reveals content when trigger text is clicked.
  *
@@ -23,7 +32,9 @@ import { isSafeUrl } from '../../../utils/isSafeUrl.js';
  */
 export const InlineExpand = ({ children, content, defaultExpanded = false, expanded, onToggle, sources = [], className, ...props }) => {
     const [internalExpanded, setInternalExpanded] = useState(defaultExpanded);
-    const [failedFavicons, setFailedFavicons] = useState(new Set());
+    // Tracks the current fallback stage per source URL:
+    // undefined = try primary; 'google' = primary failed, try Google Favicons; 'icon' = both failed
+    const [faviconFallbacks, setFaviconFallbacks] = useState({});
     const hasBeenExpanded = useRef(defaultExpanded);
     const contentId = useId();
     const triggerRef = useRef(null);
@@ -46,5 +57,22 @@ export const InlineExpand = ({ children, content, defaultExpanded = false, expan
             triggerRef.current?.focus();
         }
     };
-    return (_jsxs("span", { className: cn('eidotter-inline-expand', isExpanded && 'eidotter-inline-expand--expanded', className), onKeyDown: handleKeyDown, ...props, children: [_jsxs(AriaButton, { ref: triggerRef, className: "eidotter-inline-expand__trigger", "aria-expanded": isExpanded, "aria-controls": contentId, onPress: handleToggle, children: [children, _jsx("span", { className: "eidotter-inline-expand__indicator", "aria-hidden": "true", children: isExpanded ? '[-]' : '[+]' })] }), _jsx("span", { id: contentId, className: "eidotter-inline-expand__content", role: "region", inert: !isExpanded, children: _jsxs("span", { className: "eidotter-inline-expand__content-clip", children: [_jsx("span", { className: "eidotter-inline-expand__inner", children: content }), sources.length > 0 && (_jsx("span", { className: "eidotter-inline-expand__sources", role: "list", children: sources.map((source) => (_jsx("span", { className: "eidotter-inline-expand__source-item", role: "listitem", children: _jsxs("a", { href: isSafeUrl(source.url) ? source.url : undefined, className: "eidotter-inline-expand__source-link", target: "_blank", rel: "noopener noreferrer", "aria-label": `${source.title} (opens external website)`, children: [hasBeenExpanded.current && source.favicon && isSafeUrl(source.favicon) && !failedFavicons.has(source.url) ? (_jsx("img", { className: "eidotter-inline-expand__source-favicon", src: source.favicon, alt: "", width: 16, height: 16, decoding: "async", onError: () => setFailedFavicons(prev => new Set(prev).add(source.url)) })) : (_jsx("span", { className: "eidotter-inline-expand__source-icon", "aria-hidden": "true", children: "[\u2192]" })), _jsx("span", { className: "eidotter-inline-expand__source-title", children: source.title })] }) }, source.url))) }))] }) })] }));
+    return (_jsxs("span", { className: cn('eidotter-inline-expand', isExpanded && 'eidotter-inline-expand--expanded', className), onKeyDown: handleKeyDown, ...props, children: [_jsxs(AriaButton, { ref: triggerRef, className: "eidotter-inline-expand__trigger", "aria-expanded": isExpanded, "aria-controls": contentId, onPress: handleToggle, children: [children, _jsx("span", { className: "eidotter-inline-expand__indicator", "aria-hidden": "true", children: isExpanded ? '[-]' : '[+]' })] }), _jsx("span", { id: contentId, className: "eidotter-inline-expand__content", role: "region", inert: !isExpanded, children: _jsxs("span", { className: "eidotter-inline-expand__content-clip", children: [_jsx("span", { className: "eidotter-inline-expand__inner", children: content }), sources.length > 0 && (_jsx("span", { className: "eidotter-inline-expand__sources", role: "list", children: sources.map((source) => (_jsx("span", { className: "eidotter-inline-expand__source-item", role: "listitem", children: _jsxs("a", { href: isSafeUrl(source.url) ? source.url : undefined, className: "eidotter-inline-expand__source-link", target: "_blank", rel: "noopener noreferrer", "aria-label": `${source.title} (opens external website)`, children: [(() => {
+                                            if (!hasBeenExpanded.current) {
+                                                return _jsx("span", { className: "eidotter-inline-expand__source-icon", "aria-hidden": "true", children: "[\u2192]" });
+                                            }
+                                            const stage = faviconFallbacks[source.url];
+                                            if (stage === 'icon') {
+                                                return _jsx("span", { className: "eidotter-inline-expand__source-icon", "aria-hidden": "true", children: "[\u2192]" });
+                                            }
+                                            const hasPrimary = !!source.favicon && isSafeUrl(source.favicon);
+                                            if (!stage && hasPrimary) {
+                                                return (_jsx("img", { className: "eidotter-inline-expand__source-favicon", src: source.favicon, alt: "", width: 16, height: 16, decoding: "async", onError: () => setFaviconFallbacks(prev => ({ ...prev, [source.url]: 'google' })) }));
+                                            }
+                                            const googleUrl = getGoogleFaviconUrl(source.url);
+                                            if (googleUrl) {
+                                                return (_jsx("img", { className: "eidotter-inline-expand__source-favicon", src: googleUrl, alt: "", width: 16, height: 16, decoding: "async", onError: () => setFaviconFallbacks(prev => ({ ...prev, [source.url]: 'icon' })) }));
+                                            }
+                                            return _jsx("span", { className: "eidotter-inline-expand__source-icon", "aria-hidden": "true", children: "[\u2192]" });
+                                        })(), _jsx("span", { className: "eidotter-inline-expand__source-title", children: source.title })] }) }, source.url))) }))] }) })] }));
 };

package/dist/components/ProgressRing/components/ProgressRing.d.ts

@@ -0,0 +1,35 @@
+import React from 'react';
+export interface ProgressRingProps {
+    /** Progress value from 0 to `max`. Quantized into `segments` chunks. */
+    value?: number;
+    /** Maximum value (default 100). */
+    max?: number;
+    /** Ring diameter in px (default 64). */
+    size?: number;
+    /** Ring stroke thickness in px (default 8). */
+    thickness?: number;
+    /** Number of quantized segments around the ring (default 16). */
+    segments?: number;
+    /**
+     * Stroke colour for filled segments. Any CSS colour. Defaults to the amber
+     * brand token via `currentColor`, so it re-themes and can be overridden by
+     * setting `color` on a wrapping element.
+     */
+    color?: string;
+    /** Render the quantized percentage in the centre of the ring. */
+    showLabel?: boolean;
+    /** Enable a phosphor glow on filled segments. */
+    glow?: boolean;
+    /** Additional CSS class name. */
+    className?: string;
+    /** Accessible label for screen readers. */
+    'aria-label'?: string;
+}
+/**
+ * Blocky DOS-style progress ring: the arc is split into `segments` chunky
+ * quantized blocks. Filled blocks paint in the ring colour; the remainder
+ * stays as a faint track. Driven by a plain `value` prop so the renderer is
+ * presentational and swappable. Ported from the Tracker habit app (DMNC-1040),
+ * where it powers the hold-to-complete feedback ring.
+ */
+export declare const ProgressRing: React.ForwardRefExoticComponent<ProgressRingProps & React.RefAttributes<HTMLDivElement>>;

package/dist/components/ProgressRing/components/ProgressRing.js

@@ -0,0 +1,34 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { forwardRef } from 'react';
+import { cn } from '../../../utils/cn.js';
+const clamp = (n, lo, hi) => Math.min(hi, Math.max(lo, n));
+/**
+ * Blocky DOS-style progress ring: the arc is split into `segments` chunky
+ * quantized blocks. Filled blocks paint in the ring colour; the remainder
+ * stays as a faint track. Driven by a plain `value` prop so the renderer is
+ * presentational and swappable. Ported from the Tracker habit app (DMNC-1040),
+ * where it powers the hold-to-complete feedback ring.
+ */
+export const ProgressRing = forwardRef(({ value = 0, max = 100, size = 64, thickness = 8, segments = 16, color, showLabel = false, glow = false, className, 'aria-label': ariaLabel, ...props }, ref) => {
+    const segmentCount = Math.max(1, Math.floor(segments));
+    const fraction = clamp(max === 0 ? 0 : value / max, 0, 1);
+    const filled = Math.floor(fraction * segmentCount);
+    // Show the quantized fraction, matching what the ring actually paints.
+    const quantizedPct = Math.round((filled / segmentCount) * 100);
+    const r = (size - thickness) / 2;
+    const cx = size / 2;
+    const cy = size / 2;
+    const circumference = 2 * Math.PI * r;
+    const per = circumference / segmentCount;
+    const gap = Math.max(2, per / 6);
+    const dash = Math.max(0.5, per - gap);
+    const stroke = color ?? 'currentColor';
+    const arcs = Array.from({ length: segmentCount }, (_, i) => {
+        const isFilled = i < filled;
+        return (_jsx("circle", { cx: cx, cy: cy, r: r, fill: "none", stroke: stroke, strokeWidth: thickness, strokeLinecap: "butt", strokeOpacity: isFilled ? 1 : 0.18, 
+            // Draw exactly one segment arc: skip i*per, draw `dash`, then gap.
+            strokeDasharray: `0 ${i * per} ${dash} ${circumference}`, className: cn('eidotter-progress-ring__seg', isFilled && 'eidotter-progress-ring__seg--filled') }, i));
+    });
+    return (_jsxs("div", { ref: ref, className: cn('eidotter-progress-ring', glow && 'eidotter-progress-ring--glow', className), style: { width: size, height: size }, role: "progressbar", "aria-valuenow": quantizedPct, "aria-valuemin": 0, "aria-valuemax": 100, "aria-label": ariaLabel ?? `Progress: ${quantizedPct}%`, ...props, children: [_jsx("svg", { width: size, height: size, viewBox: `0 0 ${size} ${size}`, "aria-hidden": "true", focusable: "false", children: _jsx("g", { transform: `rotate(-90 ${cx} ${cy})`, children: arcs }) }), showLabel && (_jsxs("span", { className: "eidotter-progress-ring__label font-dos", children: [quantizedPct, "%"] }))] }));
+});
+ProgressRing.displayName = 'ProgressRing';

package/dist/components/ProgressRing/components/index.d.ts

@@ -0,0 +1,2 @@
+export { ProgressRing } from './ProgressRing.js';
+export type { ProgressRingProps } from './ProgressRing.js';

package/dist/components/ProgressRing/components/index.js

@@ -0,0 +1 @@
+export { ProgressRing } from './ProgressRing.js';

package/dist/components/ProgressRing/index.d.ts

@@ -0,0 +1,2 @@
+export { ProgressRing } from './components/index.js';
+export type { ProgressRingProps } from './components/index.js';

package/dist/components/ProgressRing/index.js

@@ -0,0 +1 @@
+export { ProgressRing } from './components/index.js';

package/dist/components/TimelineContainer/components/TimelineContainer.js

@@ -197,7 +197,7 @@ export const TimelineContainer = ({ entries, mode = 'interactive', zoomLevel: co
             return iso;
         }
     };
-    return (_jsxs("div", { ref: containerRef, ...props, className: cn('font-dos text-dos-text-brand p-4 min-h-[200px]', 'eidotter-timeline-container', isStatic && 'eidotter-timeline-container--static', isFeed && 'eidotter-timeline-container--feed', isMasterDetail && 'eidotter-timeline-container--master-detail', props.className), role: "region", "aria-label": props['aria-label'] ?? 'Timeline', tabIndex: isVerticalFeed || isMasterDetail ? undefined : 0, children: [_jsx("div", { className: "sr-only", role: "status", "aria-live": "polite", "aria-atomic": "true", children: announcement }), !isVerticalFeed && !isMasterDetail && (_jsx(ZoomControls, { zoomLevel: zoomLevel, canZoomIn: canZoomIn, canZoomOut: canZoomOut, onZoomIn: handleZoomIn, onZoomOut: drillUp, onReset: reset, breadcrumbs: isDrillDownEnabled ? breadcrumbs : [], onBreadcrumbClick: (index) => {
+    return (_jsxs("div", { ref: containerRef, ...props, className: cn('font-dos text-dos-text-brand p-4', 'eidotter-timeline-container', isStatic && 'eidotter-timeline-container--static', isFeed && 'eidotter-timeline-container--feed', isMasterDetail && 'eidotter-timeline-container--master-detail', props.className), role: "region", "aria-label": props['aria-label'] ?? 'Timeline', tabIndex: isVerticalFeed || isMasterDetail ? undefined : 0, children: [_jsx("div", { className: "sr-only", role: "status", "aria-live": "polite", "aria-atomic": "true", children: announcement }), !isVerticalFeed && !isMasterDetail && (_jsx(ZoomControls, { zoomLevel: zoomLevel, canZoomIn: canZoomIn, canZoomOut: canZoomOut, onZoomIn: handleZoomIn, onZoomOut: drillUp, onReset: reset, breadcrumbs: isDrillDownEnabled ? breadcrumbs : [], onBreadcrumbClick: (index) => {
                     // Navigate to a specific breadcrumb level
                     const stepsBack = breadcrumbs.length - 1 - index;
                     for (let i = 0; i < stepsBack; i++) {

package/dist/components/registry.d.ts

@@ -1,4 +1,4 @@
-export type ProjectId = 'eidotter' | 'spacewar' | 'rizomorf' | 'pomodoke-calendar' | 'keepcoin' | 'steuerdash' | 'sella' | 'lifelines' | 'betamorf' | 'dmnctech';
+export type ProjectId = 'eidotter' | 'spacewar' | 'rizomorf' | 'pomodoke-calendar' | 'keepcoin' | 'steuerdash' | 'sella' | 'lifelines' | 'betamorf' | 'dmnctech' | 'tracker';
 export interface ProjectInfo {
     displayName: string;
     url?: string;