@awesome-markdown/board-ui 0.0.0-stage → 1.6.0

package/README.md

@@ -1,3 +1,77 @@
-# Temporary Holding Version
+# @awesome-markdown/board-ui
 
-This version is a temporary placeholder for this package. An operational version to replace this has been submitted for review and is awaiting a staged release.
+The awesome-markdown board surface — board list, kanban board with filter-derived
+drag-and-drop, homeless panel, inline layout editing, item editor and sync-engine
+conflict resolution — as a router-agnostic React 19 library.
+
+`apps/kanban-ui` is a thin shell around this package; other hosts (for example a
+multi-tenant cloud app) mount the same pages under their own router and provider.
+
+## Install
+
+```bash
+pnpm add @awesome-markdown/board-ui react react-dom
+```
+
+## Usage
+
+```tsx
+import '@awesome-markdown/board-ui/styles.css';
+import {
+  BoardListPage,
+  BoardPage,
+  ItemEditorPage,
+  ProviderContextProvider,
+  RouterAdapterProvider,
+  type RouterAdapter,
+} from '@awesome-markdown/board-ui';
+
+const adapter: RouterAdapter = {
+  Link: ({ to, ...props }) => <MyLink to={`/w/acme${to}`} {...props} />,
+  navigate: (to) => router.navigate(`/w/acme${to}`),
+  useParams: () => useMyRouterParams(),
+  useSearchParams: () => new URLSearchParams(useMyRouterLocation().search),
+};
+
+<RouterAdapterProvider adapter={adapter}>
+  <ProviderContextProvider provider={persistenceProvider}>
+    {/* route `/` → <BoardListPage/>, `/boards/:slug` → <BoardPage/>, `/items/:slug` → <ItemEditorPage/> */}
+  </ProviderContextProvider>
+</RouterAdapterProvider>;
+```
+
+### RouterAdapter
+
+board-ui never imports a router. All paths it emits are **board-relative**
+(`/`, `/boards/:slug`, `/items/:slug?board=:boardSlug`); the adapter maps them onto
+the host URL space.
+
+| Member | Purpose |
+|---|---|
+| `Link` | Component rendering an in-app link (`to`, `children`, `className`, `style`, `data-testid`, …) |
+| `navigate(to)` | Imperative navigation to a board-relative path |
+| `useParams()` | Hook returning route params; pages read `slug` |
+| `useSearchParams()` | Hook returning the current query string; the item editor reads `board` |
+
+`apps/kanban-ui/src/router/react-router-adapter.tsx` is the reference
+implementation for `react-router-dom`.
+
+### Optional contexts
+
+- `BreadcrumbContext` — pages push `BreadcrumbSegment[]` via `useBreadcrumb()`; provide it
+  if your shell renders a breadcrumb. The default is a no-op.
+- `ConflictProvider syncEngineUrl="…"` + `<ConflictBanner/>` — only for hosts backed by
+  the git sync-engine.
+
+### Shell widgets
+
+`SyncStatusDot` (HTTP provider connection state), `ThemeToggle` / `useTheme`
+(light/dark via `data-theme` on `<html>`).
+
+## Styles
+
+`@awesome-markdown/board-ui/styles.css` contains the design tokens (`--bg`, `--ink`,
+`--ink-muted`, `--border`, `--accent`, `--font-mono`, `--font-sans`; light and
+`[data-theme="dark"]`), the self-hosted JetBrains Mono / Inter Tight fonts (resolved
+relative to the CSS file, so any bundler that handles CSS `url()` picks them up), the
+small utility-class set the components use, and the board-editing classes.

package/dist/board/Board.d.ts

@@ -0,0 +1,24 @@
+import React from 'react';
+import type { BoardRender, Homeless } from '@awesome-markdown/contracts';
+interface BoardProps {
+    render: BoardRender;
+    homeless: Homeless | null;
+    onRefetch: () => void;
+}
+/**
+ * Main board component: renders the column×swimlane grid and wires up DnD.
+ *
+ * Manages optimistic cell state — on drag-drop, applies the move immediately
+ * then reverts on PATCH failure with a user-visible error toast.
+ *
+ * Drop semantics:
+ * - Invertibility check + mutation derivation via @awesome-markdown/filter-engine
+ * - Read-only cells reject drops before any network call
+ * - One drop → exactly one PATCH /items/:slug
+ *
+ * Layout editing: "+" adds a column/swimlane, headers drag to reorder, the
+ * pencil opens the axis (or board) settings drawer.
+ */
+export declare function Board({ render, homeless, onRefetch }: BoardProps): React.ReactElement;
+export {};
+//# sourceMappingURL=Board.d.ts.map

package/dist/board/Board.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Board.d.ts","sourceRoot":"","sources":["../../src/board/Board.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAgC,MAAM,OAAO,CAAC;AAgBrD,OAAO,KAAK,EAAE,WAAW,EAAoB,QAAQ,EAAE,MAAM,6BAA6B,CAAC;AAe3F,UAAU,UAAU;IAClB,MAAM,EAAE,WAAW,CAAC;IACpB,QAAQ,EAAE,QAAQ,GAAG,IAAI,CAAC;IAC1B,SAAS,EAAE,MAAM,IAAI,CAAC;CACvB;AAID;;;;;;;;;;;;;GAaG;AACH,wBAAgB,KAAK,CAAC,EAAE,MAAM,EAAE,QAAQ,EAAE,SAAS,EAAE,EAAE,UAAU,GAAG,KAAK,CAAC,YAAY,CA0UrF"}

package/dist/board/Board.js

@@ -0,0 +1,166 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import React, { useCallback, useState } from 'react';
+import { DndContext, DragOverlay, PointerSensor, KeyboardSensor, useSensor, useSensors, } from '@dnd-kit/core';
+import { SortableContext, horizontalListSortingStrategy, sortableKeyboardCoordinates, verticalListSortingStrategy, } from '@dnd-kit/sortable';
+import { ColumnHeader } from './ColumnHeader.js';
+import { SwimlaneRow } from './SwimlaneRow.js';
+import { HomelessPanel } from './HomelessPanel.js';
+import { onDragEnd } from './dnd/onDragEnd.js';
+import { computeDropMutations, applyOptimisticMove } from './dnd/mutateDragDrop.js';
+import { layoutAwareCollision, planHomelessDrop } from './dnd/boardDnd.js';
+import { useProvider } from '../provider/ProviderContext.js';
+import { useBoardLayout } from './layout/useBoardLayout.js';
+import { axisDragId } from './layout/axis-defaults.js';
+import { AddAxisButton, PencilIcon } from './layout/InlineControls.js';
+import { AxisDrawer } from './layout/AxisDrawer.js';
+import { BoardDrawer } from './layout/BoardDrawer.js';
+/**
+ * Main board component: renders the column×swimlane grid and wires up DnD.
+ *
+ * Manages optimistic cell state — on drag-drop, applies the move immediately
+ * then reverts on PATCH failure with a user-visible error toast.
+ *
+ * Drop semantics:
+ * - Invertibility check + mutation derivation via @awesome-markdown/filter-engine
+ * - Read-only cells reject drops before any network call
+ * - One drop → exactly one PATCH /items/:slug
+ *
+ * Layout editing: "+" adds a column/swimlane, headers drag to reorder, the
+ * pencil opens the axis (or board) settings drawer.
+ */
+export function Board({ render, homeless, onRefetch }) {
+    const provider = useProvider();
+    const [activeItemSlug, setActiveItemSlug] = useState(null);
+    const [optimisticCells, setOptimisticCells] = useState(null);
+    const [error, setError] = useState(null);
+    const [editing, setEditing] = useState(null);
+    const layout = useBoardLayout(render, onRefetch, setError);
+    const closeDrawer = useCallback(() => setEditing(null), []);
+    const cells = optimisticCells ?? render.cells;
+    const sensors = useSensors(useSensor(PointerSensor, { activationConstraint: { distance: 4 } }), useSensor(KeyboardSensor, { coordinateGetter: sortableKeyboardCoordinates }));
+    const handleDragStart = useCallback((event) => {
+        setActiveItemSlug(String(event.active.id));
+    }, []);
+    const handleDragCancel = useCallback(() => {
+        setActiveItemSlug(null);
+    }, []);
+    const handleDragEnd = useCallback((event) => {
+        setActiveItemSlug(null);
+        // --- Axis header reorder branch ---
+        const activeData = event.active.data.current;
+        if (activeData?.type === 'axis') {
+            const { dim, slug } = activeData;
+            const over = event.over?.data.current;
+            if (over?.type === 'axis' && over.dim === dim)
+                void layout.moveAxis(dim, slug, over.slug);
+            return;
+        }
+        // --- Homeless item drop branch ---
+        if (activeData?.type === 'homeless-item') {
+            if (!homeless)
+                return;
+            const plan = planHomelessDrop(event, cells, render, homeless);
+            if (!plan)
+                return;
+            setOptimisticCells(plan.newCells);
+            void (async () => {
+                try {
+                    await provider.patchItem(plan.itemSlug, { mutations: plan.mutations });
+                    setOptimisticCells(null);
+                }
+                catch (err) {
+                    setOptimisticCells(null);
+                    setError(`Failed to move item: ${err instanceof Error ? err.message : 'Unknown error'}`);
+                }
+            })();
+            return;
+        }
+        // --- Regular cell-to-cell drop branch ---
+        const action = onDragEnd(event, cells);
+        if (action.type === 'noop')
+            return;
+        const { itemSlug, srcColumnSlug, srcSwimlaneSlug, dstColumnSlug, dstSwimlaneSlug, insertBeforeSlug, } = action;
+        const srcCell = cells.find((c) => c.columnSlug === srcColumnSlug && c.swimlaneSlug === srcSwimlaneSlug);
+        const dstCell = cells.find((c) => c.columnSlug === dstColumnSlug && c.swimlaneSlug === dstSwimlaneSlug);
+        if (!srcCell || !dstCell)
+            return;
+        // Reject read-only destination before any UI change
+        if (dstCell.readOnly)
+            return;
+        const colAxis = render.axes.columns.find((a) => a.slug === dstColumnSlug);
+        const slAxis = render.axes.swimlanes.find((a) => a.slug === dstSwimlaneSlug);
+        if (!colAxis || !slAxis)
+            return;
+        const dropResult = computeDropMutations({
+            itemSlug,
+            srcCell,
+            dstCell,
+            colAxis,
+            slAxis,
+            board: render.board,
+            insertBeforeSlug,
+        });
+        if (!dropResult)
+            return; // readonly guard
+        // Optimistic update — apply before the network call
+        const movingItem = srcCell.items.find((i) => i.slug === itemSlug);
+        if (!movingItem)
+            return;
+        const newCells = applyOptimisticMove(cells, movingItem, srcColumnSlug, srcSwimlaneSlug, dstColumnSlug, dstSwimlaneSlug, insertBeforeSlug);
+        setOptimisticCells(newCells);
+        void (async () => {
+            try {
+                await provider.patchItem(itemSlug, { mutations: dropResult.mutations });
+                // Clear optimistic state; SSE will deliver the definitive render
+                setOptimisticCells(null);
+            }
+            catch (err) {
+                setOptimisticCells(null);
+                setError(`Failed to move item: ${err instanceof Error ? err.message : 'Unknown error'}`);
+            }
+        })();
+    }, [cells, render, provider, homeless, layout]);
+    const activeItem = activeItemSlug !== null
+        ? (cells.flatMap((c) => c.items).find((i) => i.slug === activeItemSlug) ??
+            homeless?.items.find((i) => i.slug === activeItemSlug) ??
+            null)
+        : null;
+    const visibleHomelessItems = homeless
+        ? homeless.items.filter((i) => !optimisticCells ||
+            !optimisticCells.some((c) => c.items.some((it) => it.slug === i.slug)))
+        : [];
+    const isEditing = (dim, slug) => editing?.kind === 'axis' && editing.dim === dim && editing.slug === slug;
+    const toggleAxis = (dim, slug) => setEditing(isEditing(dim, slug) ? null : { kind: 'axis', dim, slug });
+    const editingAxis = editing?.kind === 'axis' ? layout[editing.dim].find((a) => a.slug === editing.slug) : undefined;
+    return (_jsxs("div", { className: "flex flex-col h-full", "data-testid": "board", "data-board-slug": render.board.slug, children: [_jsxs("div", { className: "px-4 py-3", style: { borderBottom: '1px solid var(--border)', background: 'var(--bg)' }, children: [_jsxs("div", { className: "flex items-center gap-2", children: [_jsx("h1", { style: { fontFamily: 'var(--font-mono)', fontSize: '1.125rem', fontWeight: 500, color: 'var(--ink)', margin: 0 }, "data-testid": "board-title", children: render.board.title }), _jsx("button", { type: "button", className: "icon-btn", "aria-pressed": editing?.kind === 'board', "aria-label": "Board settings", title: "Board settings", "data-testid": "edit-board", onClick: () => setEditing(editing?.kind === 'board' ? null : { kind: 'board' }), children: _jsx(PencilIcon, {}) })] }), render.board.description !== undefined && (_jsx("p", { style: { fontSize: '0.875rem', color: 'var(--ink-muted)', marginTop: '2px' }, children: render.board.description }))] }), error !== null && (_jsxs("div", { className: "flex items-center justify-between px-4 py-2 flex-shrink-0", style: {
+                    borderBottom: '1px solid var(--border)',
+                    fontFamily: 'var(--font-mono)',
+                    fontSize: '12px',
+                    color: 'var(--ink)',
+                    background: 'var(--bg)',
+                }, "data-testid": "board-error-toast", role: "alert", children: [_jsx("span", { children: error }), _jsx("button", { type: "button", onClick: () => setError(null), style: {
+                            marginLeft: '1rem',
+                            color: 'var(--ink-muted)',
+                            background: 'none',
+                            border: 'none',
+                            cursor: 'pointer',
+                            fontFamily: 'var(--font-mono)',
+                            fontSize: '12px',
+                        }, "aria-label": "Dismiss error", children: "\u2715" })] })), _jsxs(DndContext, { sensors: sensors, collisionDetection: layoutAwareCollision, onDragStart: handleDragStart, onDragEnd: handleDragEnd, onDragCancel: handleDragCancel, children: [_jsxs("div", { className: "flex-1 overflow-auto", children: [_jsxs("div", { className: "flex sticky top-0 z-10", style: { background: 'var(--bg)', borderBottom: '1px solid var(--border)' }, children: [_jsx("div", { className: "w-28 flex-shrink-0" }), _jsx(SortableContext, { items: layout.columns.map((c) => axisDragId('columns', c.slug)), strategy: horizontalListSortingStrategy, children: layout.columns.map((col) => {
+                                            const count = cells
+                                                .filter((c) => c.columnSlug === col.slug)
+                                                .reduce((sum, c) => sum + c.items.length, 0);
+                                            return (_jsx(ColumnHeader, { column: col, itemCount: count, editable: !layout.implicit.columns, selected: isEditing('columns', col.slug), onEdit: () => toggleAxis('columns', col.slug), onRename: (title) => void layout.saveAxis(col.slug, { title }) }, col.slug));
+                                        }) }), _jsx(AddAxisButton, { label: "column", style: { width: '36px', minWidth: '36px', margin: '4px 8px', alignSelf: 'stretch' }, onAdd: (title) => void layout.addAxis('columns', title) })] }), _jsxs("div", { className: "flex flex-col", "data-testid": "swimlane-rows", children: [_jsx(SortableContext, { items: layout.swimlanes.map((s) => axisDragId('swimlanes', s.slug)), strategy: verticalListSortingStrategy, children: layout.swimlanes.map((sl) => (_jsx(SwimlaneRow, { swimlane: sl, columns: layout.columns, cells: cells, board: render.board, editable: !layout.implicit.swimlanes, selected: isEditing('swimlanes', sl.slug), onEdit: () => toggleAxis('swimlanes', sl.slug), onRename: (title) => void layout.saveAxis(sl.slug, { title }), onError: setError, onCreated: onRefetch }, sl.slug))) }), _jsx(AddAxisButton, { label: "swimlane", style: { width: '112px', height: '32px', margin: '8px 0' }, onAdd: (title) => void layout.addAxis('swimlanes', title) })] })] }), homeless !== null && visibleHomelessItems.length > 0 && (_jsx(HomelessPanel, { homeless: homeless, items: visibleHomelessItems })), _jsx(DragOverlay, { children: activeItem !== null && (_jsx("div", { style: {
+                                background: 'var(--bg)',
+                                border: '1px solid var(--border)',
+                                padding: '10px 12px',
+                                fontSize: '14px',
+                                fontWeight: 500,
+                                color: 'var(--ink)',
+                                fontFamily: 'var(--font-sans)',
+                                opacity: 0.9,
+                                boxShadow: 'none',
+                            }, children: activeItem.title })) })] }), editing?.kind === 'axis' && editingAxis && (_jsx(AxisDrawer, { axis: editingAxis, dim: editing.dim, boardSlug: render.board.slug, usage: layout.usage(editing.slug), onSave: (patch) => layout.saveAxis(editing.slug, patch), onRemove: () => layout.removeAxis(editing.dim, editing.slug), onClose: closeDrawer }, `${editing.dim}:${editing.slug}`)), editing?.kind === 'board' && (_jsx(BoardDrawer, { board: render.board, onSave: layout.saveBoard, onClose: closeDrawer }))] }));
+}
+//# sourceMappingURL=Board.js.map

package/dist/board/Board.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Board.js","sourceRoot":"","sources":["../../src/board/Board.tsx"],"names":[],"mappings":"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"}

package/dist/board/Cell.d.ts

@@ -0,0 +1,23 @@
+import React from 'react';
+import type { Cell as CellData, Axis, Board } from '@awesome-markdown/contracts';
+interface CellProps {
+    cell: CellData;
+    columnAxis: Axis;
+    swimlaneAxis: Axis;
+    board: Board;
+    onError: (msg: string) => void;
+    /** Called after a successful item creation so the board can refetch. */
+    onCreated: () => void;
+}
+/**
+ * A droppable column×swimlane cell containing sortable ItemCards.
+ *
+ * Read-only cells (cell.readOnly) suppress the drag-over highlight,
+ * show a tooltip explaining why, and hide the "+ Add" affordance.
+ *
+ * "+ Add" derives mutations from the cell's combined filter via
+ * filter-engine and sends POST /items (createItem).
+ */
+export declare function Cell({ cell, columnAxis, swimlaneAxis, board, onError, onCreated, }: CellProps): React.ReactElement;
+export {};
+//# sourceMappingURL=Cell.d.ts.map

package/dist/board/Cell.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Cell.d.ts","sourceRoot":"","sources":["../../src/board/Cell.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA2B,MAAM,OAAO,CAAC;AAGhD,OAAO,KAAK,EAAE,IAAI,IAAI,QAAQ,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,6BAA6B,CAAC;AAOjF,UAAU,SAAS;IACjB,IAAI,EAAE,QAAQ,CAAC;IACf,UAAU,EAAE,IAAI,CAAC;IACjB,YAAY,EAAE,IAAI,CAAC;IACnB,KAAK,EAAE,KAAK,CAAC;IACb,OAAO,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,CAAC;IAC/B,wEAAwE;IACxE,SAAS,EAAE,MAAM,IAAI,CAAC;CACvB;AAYD;;;;;;;;GAQG;AACH,wBAAgB,IAAI,CAAC,EACnB,IAAI,EACJ,UAAU,EACV,YAAY,EACZ,KAAK,EACL,OAAO,EACP,SAAS,GACV,EAAE,SAAS,GAAG,KAAK,CAAC,YAAY,CA0MhC"}

package/dist/board/Cell.js

@@ -0,0 +1,145 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import React, { useState, useRef } from 'react';
+import { useDroppable } from '@dnd-kit/core';
+import { SortableContext, verticalListSortingStrategy } from '@dnd-kit/sortable';
+import { deriveMutations, analyzeInvertibility } from '@awesome-markdown/filter-engine';
+import { ItemCard } from './ItemCard.js';
+import { encodeCellId } from './dnd/dragTypes.js';
+import { buildCellFilter } from './dnd/mutateDragDrop.js';
+import { useProvider } from '../provider/ProviderContext.js';
+/** Slugify a title string to a valid slug. */
+function slugify(title) {
+    const s = title
+        .toLowerCase()
+        .trim()
+        .replace(/[^a-z0-9]+/g, '-')
+        .replace(/^-|-$/g, '');
+    return s.length > 0 ? s : 'item';
+}
+/**
+ * A droppable column×swimlane cell containing sortable ItemCards.
+ *
+ * Read-only cells (cell.readOnly) suppress the drag-over highlight,
+ * show a tooltip explaining why, and hide the "+ Add" affordance.
+ *
+ * "+ Add" derives mutations from the cell's combined filter via
+ * filter-engine and sends POST /items (createItem).
+ */
+export function Cell({ cell, columnAxis, swimlaneAxis, board, onError, onCreated, }) {
+    const provider = useProvider();
+    const [creating, setCreating] = useState(false);
+    const [newTitle, setNewTitle] = useState('');
+    const [saving, setSaving] = useState(false);
+    const inputRef = useRef(null);
+    const cellId = encodeCellId(columnAxis.slug, swimlaneAxis.slug);
+    const { setNodeRef, isOver } = useDroppable({
+        id: cellId,
+        disabled: cell.readOnly,
+    });
+    const itemIds = cell.items.map((i) => i.slug);
+    // Compute read-only tooltip from invertibility reasons
+    const readOnlyTooltip = React.useMemo(() => {
+        if (!cell.readOnly)
+            return '';
+        const filter = buildCellFilter(board, columnAxis, swimlaneAxis);
+        const override = columnAxis.writeOnDrop ?? swimlaneAxis.writeOnDrop;
+        if (override !== undefined && !Array.isArray(override)) {
+            return 'This cell is marked read-only.';
+        }
+        const { reasons } = analyzeInvertibility(filter);
+        return reasons.length > 0 ? reasons.join('; ') : 'This cell is read-only.';
+    }, [cell.readOnly, board, columnAxis, swimlaneAxis]);
+    const handleAddClick = () => {
+        setCreating(true);
+        setNewTitle('');
+        setTimeout(() => inputRef.current?.focus(), 0);
+    };
+    const handleCreate = async () => {
+        const title = newTitle.trim();
+        if (!title) {
+            setCreating(false);
+            return;
+        }
+        const filter = buildCellFilter(board, columnAxis, swimlaneAxis);
+        const writeOnDrop = columnAxis.writeOnDrop ?? swimlaneAxis.writeOnDrop;
+        const result = deriveMutations(filter, { board: board.slug }, writeOnDrop);
+        if (!Array.isArray(result)) {
+            onError('Cannot create item: cell is read-only.');
+            setCreating(false);
+            return;
+        }
+        setSaving(true);
+        try {
+            await provider.createItem({ slug: slugify(title), title, mutations: result });
+            setCreating(false);
+            setNewTitle('');
+            onCreated();
+        }
+        catch (err) {
+            onError(`Failed to create item: ${err instanceof Error ? err.message : 'Unknown error'}`);
+        }
+        finally {
+            setSaving(false);
+        }
+    };
+    const handleKeyDown = (e) => {
+        if (e.key === 'Enter') {
+            void handleCreate();
+        }
+        else if (e.key === 'Escape') {
+            setCreating(false);
+            setNewTitle('');
+        }
+    };
+    const dropHighlight = isOver && !cell.readOnly;
+    return (_jsxs("div", { ref: setNodeRef, className: "min-w-[240px] w-[240px] flex-shrink-0 min-h-[120px] p-2 flex flex-col gap-1", style: {
+            border: dropHighlight
+                ? '1.5px solid var(--accent)'
+                : cell.readOnly
+                    ? '1px dashed var(--ink-muted)'
+                    : '1px solid var(--border)',
+            background: 'transparent',
+            cursor: cell.readOnly ? 'not-allowed' : 'default',
+            borderRadius: 0,
+        }, "data-testid": `cell-${columnAxis.slug}-${swimlaneAxis.slug}`, "data-column-slug": columnAxis.slug, "data-swimlane-slug": swimlaneAxis.slug, "data-readonly": cell.readOnly ? 'true' : undefined, title: cell.readOnly ? readOnlyTooltip : undefined, children: [_jsx(SortableContext, { items: itemIds, strategy: verticalListSortingStrategy, children: cell.items.map((item) => (_jsx(ItemCard, { item: item, columnSlug: columnAxis.slug, swimlaneSlug: swimlaneAxis.slug, boardSlug: board.slug, board: board }, item.slug))) }), !cell.readOnly && (_jsxs(_Fragment, { children: [!creating && (_jsx("button", { type: "button", onClick: handleAddClick, style: {
+                            marginTop: '4px',
+                            fontFamily: 'var(--font-mono)',
+                            fontSize: '11px',
+                            color: 'var(--ink-muted)',
+                            background: 'none',
+                            border: 'none',
+                            padding: '4px 8px',
+                            cursor: 'pointer',
+                            textAlign: 'left',
+                        }, "data-testid": `add-item-${columnAxis.slug}-${swimlaneAxis.slug}`, children: "+ add item" })), creating && (_jsxs("div", { className: "mt-1 flex flex-col gap-1", children: [_jsx("input", { ref: inputRef, type: "text", value: newTitle, onChange: (e) => setNewTitle(e.target.value), onKeyDown: handleKeyDown, placeholder: "Item title\u2026", disabled: saving, style: {
+                                    fontFamily: 'var(--font-sans)',
+                                    fontSize: '12px',
+                                    border: '1px solid var(--border)',
+                                    borderRadius: 0,
+                                    padding: '4px 8px',
+                                    width: '100%',
+                                    background: 'var(--bg)',
+                                    color: 'var(--ink)',
+                                    outline: 'none',
+                                }, onFocus: (e) => { e.currentTarget.style.boxShadow = '0 0 0 2px var(--accent)'; }, onBlur: (e) => { e.currentTarget.style.boxShadow = 'none'; }, "data-testid": `new-item-input-${columnAxis.slug}-${swimlaneAxis.slug}` }), _jsxs("div", { className: "flex gap-1", children: [_jsx("button", { type: "button", onClick: () => void handleCreate(), disabled: saving || !newTitle.trim(), style: {
+                                            fontFamily: 'var(--font-mono)',
+                                            fontSize: '11px',
+                                            background: 'var(--accent)',
+                                            color: 'var(--on-accent)',
+                                            border: 'none',
+                                            borderRadius: 0,
+                                            padding: '2px 8px',
+                                            cursor: saving || !newTitle.trim() ? 'not-allowed' : 'pointer',
+                                            opacity: saving || !newTitle.trim() ? 0.5 : 1,
+                                        }, "data-testid": `confirm-add-${columnAxis.slug}-${swimlaneAxis.slug}`, children: saving ? '…' : 'add' }), _jsx("button", { type: "button", onClick: () => { setCreating(false); setNewTitle(''); }, disabled: saving, style: {
+                                            fontFamily: 'var(--font-mono)',
+                                            fontSize: '11px',
+                                            color: 'var(--ink-muted)',
+                                            background: 'none',
+                                            border: 'none',
+                                            borderRadius: 0,
+                                            padding: '2px 8px',
+                                            cursor: saving ? 'not-allowed' : 'pointer',
+                                        }, "data-testid": `cancel-add-${columnAxis.slug}-${swimlaneAxis.slug}`, children: "cancel" })] })] }))] }))] }));
+}
+//# sourceMappingURL=Cell.js.map

package/dist/board/Cell.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Cell.js","sourceRoot":"","sources":["../../src/board/Cell.tsx"],"names":[],"mappings":"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"}

package/dist/board/ColumnHeader.d.ts

@@ -0,0 +1,18 @@
+import React from 'react';
+import type { Axis } from '@awesome-markdown/contracts';
+interface ColumnHeaderProps {
+    column: Axis;
+    itemCount: number;
+    editable: boolean;
+    selected: boolean;
+    onEdit: () => void;
+    onRename: (title: string) => void;
+}
+/**
+ * Renders the header cell for a single column axis.
+ * Format: "TODO · 3" — uppercase mono, hairline rule below. Editable columns
+ * are drag handles (reorder), rename on double-click and open settings via the pencil.
+ */
+export declare function ColumnHeader({ column, itemCount, editable, selected, onEdit, onRename, }: ColumnHeaderProps): React.ReactElement;
+export {};
+//# sourceMappingURL=ColumnHeader.d.ts.map

package/dist/board/ColumnHeader.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ColumnHeader.d.ts","sourceRoot":"","sources":["../../src/board/ColumnHeader.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,6BAA6B,CAAC;AAIxD,UAAU,iBAAiB;IACzB,MAAM,EAAE,IAAI,CAAC;IACb,SAAS,EAAE,MAAM,CAAC;IAClB,QAAQ,EAAE,OAAO,CAAC;IAClB,QAAQ,EAAE,OAAO,CAAC;IAClB,MAAM,EAAE,MAAM,IAAI,CAAC;IACnB,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CACnC;AAQD;;;;GAIG;AACH,wBAAgB,YAAY,CAAC,EAC3B,MAAM,EACN,SAAS,EACT,QAAQ,EACR,QAAQ,EACR,MAAM,EACN,QAAQ,GACT,EAAE,iBAAiB,GAAG,KAAK,CAAC,YAAY,CA2CxC"}

package/dist/board/ColumnHeader.js

@@ -0,0 +1,31 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import React from 'react';
+import { SortableAxis } from './layout/SortableAxis.js';
+import { filterSummary } from './layout/filter-draft.js';
+function orderLabel(column) {
+    if (!column.order)
+        return 'recently updated';
+    if (column.order.by === 'boards.$board.order')
+        return 'manual';
+    return `by ${column.order.by} ${column.order.direction === 'desc' ? '↓' : '↑'}`;
+}
+/**
+ * Renders the header cell for a single column axis.
+ * Format: "TODO · 3" — uppercase mono, hairline rule below. Editable columns
+ * are drag handles (reorder), rename on double-click and open settings via the pencil.
+ */
+export function ColumnHeader({ column, itemCount, editable, selected, onEdit, onRename, }) {
+    return (_jsx(SortableAxis, { dim: "columns", axis: column, editable: editable, selected: selected, label: `${column.title} · ${itemCount}`, subtitle: editable ? `${filterSummary(column.filter)} · ${orderLabel(column)}` : undefined, onEdit: onEdit, onRename: onRename, children: ({ setNodeRef, style, handleProps, handleClassName, title }) => (_jsx("div", { ref: setNodeRef, ...handleProps, className: `min-w-[240px] w-[240px] flex-shrink-0 px-3 py-2 ${handleClassName}`, style: {
+                ...style,
+                borderBottom: selected ? '3px solid var(--accent)' : '1px solid var(--border)',
+                background: 'var(--bg)',
+            }, "data-testid": `column-header-${column.slug}`, "data-column-slug": column.slug, "data-synthetic": column.synthetic ? 'true' : undefined, children: _jsx("span", { className: "block", style: {
+                    fontFamily: 'var(--font-mono)',
+                    fontSize: '11px',
+                    fontWeight: 500,
+                    textTransform: 'uppercase',
+                    letterSpacing: '0.08em',
+                    color: 'var(--ink-muted)',
+                }, children: title }) })) }));
+}
+//# sourceMappingURL=ColumnHeader.js.map

package/dist/board/ColumnHeader.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ColumnHeader.js","sourceRoot":"","sources":["../../src/board/ColumnHeader.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAC;AACxD,OAAO,EAAE,aAAa,EAAE,MAAM,0BAA0B,CAAC;AAWzD,SAAS,UAAU,CAAC,MAAY;IAC9B,IAAI,CAAC,MAAM,CAAC,KAAK;QAAE,OAAO,kBAAkB,CAAC;IAC7C,IAAI,MAAM,CAAC,KAAK,CAAC,EAAE,KAAK,qBAAqB;QAAE,OAAO,QAAQ,CAAC;IAC/D,OAAO,MAAM,MAAM,CAAC,KAAK,CAAC,EAAE,IAAI,MAAM,CAAC,KAAK,CAAC,SAAS,KAAK,MAAM,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG,EAAE,CAAC;AAClF,CAAC;AAED;;;;GAIG;AACH,MAAM,UAAU,YAAY,CAAC,EAC3B,MAAM,EACN,SAAS,EACT,QAAQ,EACR,QAAQ,EACR,MAAM,EACN,QAAQ,GACU;IAClB,OAAO,CACL,KAAC,YAAY,IACX,GAAG,EAAC,SAAS,EACb,IAAI,EAAE,MAAM,EACZ,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,EAClB,KAAK,EAAE,GAAG,MAAM,CAAC,KAAK,MAAM,SAAS,EAAE,EACvC,QAAQ,EAAE,QAAQ,CAAC,CAAC,CAAC,GAAG,aAAa,CAAC,MAAM,CAAC,MAAM,CAAC,MAAM,UAAU,CAAC,MAAM,CAAC,EAAE,CAAC,CAAC,CAAC,SAAS,EAC1F,MAAM,EAAE,MAAM,EACd,QAAQ,EAAE,QAAQ,YAEjB,CAAC,EAAE,UAAU,EAAE,KAAK,EAAE,WAAW,EAAE,eAAe,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,CAC/D,cACE,GAAG,EAAE,UAAU,KACX,WAAW,EACf,SAAS,EAAE,mDAAmD,eAAe,EAAE,EAC/E,KAAK,EAAE;gBACL,GAAG,KAAK;gBACR,YAAY,EAAE,QAAQ,CAAC,CAAC,CAAC,yBAAyB,CAAC,CAAC,CAAC,yBAAyB;gBAC9E,UAAU,EAAE,WAAW;aACxB,iBACY,iBAAiB,MAAM,CAAC,IAAI,EAAE,sBACzB,MAAM,CAAC,IAAI,oBACb,MAAM,CAAC,SAAS,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS,YAErD,eACE,SAAS,EAAC,OAAO,EACjB,KAAK,EAAE;oBACL,UAAU,EAAE,kBAAkB;oBAC9B,QAAQ,EAAE,MAAM;oBAChB,UAAU,EAAE,GAAG;oBACf,aAAa,EAAE,WAAW;oBAC1B,aAAa,EAAE,QAAQ;oBACvB,KAAK,EAAE,kBAAkB;iBAC1B,YAEA,KAAK,GACD,GACH,CACP,GACY,CAChB,CAAC;AACJ,CAAC"}

package/dist/board/HomelessItemCard.d.ts

@@ -0,0 +1,15 @@
+import React from 'react';
+import type { Item } from '@awesome-markdown/contracts';
+interface HomelessItemCardProps {
+    item: Item;
+}
+/**
+ * A draggable card for homeless items. Uses `useDraggable` (not `useSortable`)
+ * because the homeless panel is a drag source only — no in-panel reordering.
+ *
+ * Carries `HomelessItemDragData` so Board.handleDragEnd can distinguish it
+ * from a regular cell-to-cell item drag.
+ */
+export declare function HomelessItemCard({ item }: HomelessItemCardProps): React.ReactElement;
+export {};
+//# sourceMappingURL=HomelessItemCard.d.ts.map

package/dist/board/HomelessItemCard.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"HomelessItemCard.d.ts","sourceRoot":"","sources":["../../src/board/HomelessItemCard.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,6BAA6B,CAAC;AAGxD,UAAU,qBAAqB;IAC7B,IAAI,EAAE,IAAI,CAAC;CACZ;AAED;;;;;;GAMG;AACH,wBAAgB,gBAAgB,CAAC,EAAE,IAAI,EAAE,EAAE,qBAAqB,GAAG,KAAK,CAAC,YAAY,CAqCpF"}

package/dist/board/HomelessItemCard.js

@@ -0,0 +1,36 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import React from 'react';
+import { useDraggable } from '@dnd-kit/core';
+import { CSS } from '@dnd-kit/utilities';
+/**
+ * A draggable card for homeless items. Uses `useDraggable` (not `useSortable`)
+ * because the homeless panel is a drag source only — no in-panel reordering.
+ *
+ * Carries `HomelessItemDragData` so Board.handleDragEnd can distinguish it
+ * from a regular cell-to-cell item drag.
+ */
+export function HomelessItemCard({ item }) {
+    const dragData = {
+        type: 'homeless-item',
+        itemSlug: item.slug,
+    };
+    const { attributes, listeners, setNodeRef, transform, isDragging } = useDraggable({
+        id: item.slug,
+        data: dragData,
+    });
+    const style = {
+        transform: CSS.Translate.toString(transform),
+        fontFamily: 'var(--font-sans)',
+        fontSize: '13px',
+        color: 'var(--ink)',
+        border: '1px solid var(--border)',
+        padding: '2px 10px',
+        background: 'var(--bg)',
+        cursor: isDragging ? 'grabbing' : 'grab',
+        opacity: isDragging ? 0.4 : 1,
+        userSelect: 'none',
+        touchAction: 'none',
+    };
+    return (_jsx("li", { ref: setNodeRef, style: style, "data-testid": `homeless-item-${item.slug}`, "data-item-slug": item.slug, ...attributes, ...listeners, children: item.title }));
+}
+//# sourceMappingURL=HomelessItemCard.js.map

package/dist/board/HomelessItemCard.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"HomelessItemCard.js","sourceRoot":"","sources":["../../src/board/HomelessItemCard.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,YAAY,EAAE,MAAM,eAAe,CAAC;AAC7C,OAAO,EAAE,GAAG,EAAE,MAAM,oBAAoB,CAAC;AAQzC;;;;;;GAMG;AACH,MAAM,UAAU,gBAAgB,CAAC,EAAE,IAAI,EAAyB;IAC9D,MAAM,QAAQ,GAAyB;QACrC,IAAI,EAAE,eAAe;QACrB,QAAQ,EAAE,IAAI,CAAC,IAAI;KACpB,CAAC;IAEF,MAAM,EAAE,UAAU,EAAE,SAAS,EAAE,UAAU,EAAE,SAAS,EAAE,UAAU,EAAE,GAAG,YAAY,CAAC;QAChF,EAAE,EAAE,IAAI,CAAC,IAAI;QACb,IAAI,EAAE,QAAQ;KACf,CAAC,CAAC;IAEH,MAAM,KAAK,GAAwB;QACjC,SAAS,EAAE,GAAG,CAAC,SAAS,CAAC,QAAQ,CAAC,SAAS,CAAC;QAC5C,UAAU,EAAE,kBAAkB;QAC9B,QAAQ,EAAE,MAAM;QAChB,KAAK,EAAE,YAAY;QACnB,MAAM,EAAE,yBAAyB;QACjC,OAAO,EAAE,UAAU;QACnB,UAAU,EAAE,WAAW;QACvB,MAAM,EAAE,UAAU,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,MAAM;QACxC,OAAO,EAAE,UAAU,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;QAC7B,UAAU,EAAE,MAAM;QAClB,WAAW,EAAE,MAAM;KACpB,CAAC;IAEF,OAAO,CACL,aACE,GAAG,EAAE,UAAU,EACf,KAAK,EAAE,KAAK,iBACC,iBAAiB,IAAI,CAAC,IAAI,EAAE,oBACzB,IAAI,CAAC,IAAI,KACrB,UAAU,KACV,SAAS,YAEZ,IAAI,CAAC,KAAK,GACR,CACN,CAAC;AACJ,CAAC"}

package/dist/board/HomelessPanel.d.ts

@@ -0,0 +1,17 @@
+import React from 'react';
+import type { Homeless, Item } from '@awesome-markdown/contracts';
+interface HomelessPanelProps {
+    homeless: Homeless;
+    /**
+     * When provided, overrides `homeless.items` for rendering (e.g. to hide
+     * items that have been optimistically moved into a cell).
+     */
+    items?: Item[];
+}
+/**
+ * Collapsible panel listing items that belong to this board but no longer
+ * match any column filter. Populated from GET /boards/:slug/homeless.
+ */
+export declare function HomelessPanel({ homeless, items: itemsProp }: HomelessPanelProps): React.ReactElement;
+export {};
+//# sourceMappingURL=HomelessPanel.d.ts.map