@baack-software/baack-ts-tasks 0.0.0-stage → 0.0.1

package/dist/react/TaskFilters.d.ts

@@ -0,0 +1,15 @@
+import { type TaskFilter } from '../tasks.ts';
+import type { TaskDirectory } from './parts.tsx';
+export interface TaskFiltersProps {
+    value: TaskFilter;
+    onChange: (filter: TaskFilter) => void;
+    directory: TaskDirectory;
+    /** The signed-in person, for "Assigned to me". */
+    me?: string | undefined;
+}
+/**
+ * A toolbar of filters: text search, status, priority, assignee, project and open only. Controlled: pass the filter
+ * and apply it with `filterTasks` or `selectTasks`.
+ */
+export declare function TaskFilters({ value, onChange, directory, me }: TaskFiltersProps): import("react").JSX.Element;
+//# sourceMappingURL=TaskFilters.d.ts.map

package/dist/react/TaskFilters.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TaskFilters.d.ts","sourceRoot":"","sources":["../../src/react/TaskFilters.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAkC,KAAK,UAAU,EAAE,MAAM,aAAa,CAAC;AAG9E,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AAKjD,MAAM,WAAW,gBAAgB;IAC/B,KAAK,EAAE,UAAU,CAAC;IAClB,QAAQ,EAAE,CAAC,MAAM,EAAE,UAAU,KAAK,IAAI,CAAC;IACvC,SAAS,EAAE,aAAa,CAAC;IACzB,kDAAkD;IAClD,EAAE,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;CACzB;AAcD;;;GAGG;AACH,wBAAgB,WAAW,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,SAAS,EAAE,EAAE,EAAE,EAAE,gBAAgB,+BAqF/E"}

package/dist/react/TaskFilters.js

@@ -0,0 +1,48 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useId } from 'react';
+import { Search, X } from 'lucide-react';
+import { urnOf } from "../refs.js";
+import { TASK_PRIORITIES, TASK_STATUSES } from "../tasks.js";
+import { priorityCopy, statusCopy, useCopy } from "./copy.js";
+import { ANY, ChoiceSelect, Field, NONE } from "./fields.js";
+import { Button } from "./ui/button.js";
+import { Input } from "./ui/input.js";
+import { Toggle } from "./ui/toggle.js";
+function first(list) {
+    const value = list?.[0];
+    if (value === undefined)
+        return ANY;
+    if (value === null)
+        return NONE;
+    return urnOf(value);
+}
+function without(filter, key) {
+    const { [key]: _removed, ...rest } = filter;
+    return rest;
+}
+/**
+ * A toolbar of filters: text search, status, priority, assignee, project and open only. Controlled: pass the filter
+ * and apply it with `filterTasks` or `selectTasks`.
+ */
+export function TaskFilters({ value, onChange, directory, me }) {
+    const copy = useCopy();
+    const ids = useId();
+    const any = { value: ANY, label: copy('filter_any') };
+    const set = (key, next) => onChange(next === undefined ? without(value, key) : { ...value, [key]: next });
+    const pick = (selected) => (selected === ANY ? undefined : selected === NONE ? [null] : [selected]);
+    const active = Object.keys(value).length > 0;
+    return (_jsxs("div", { role: "search", "aria-label": copy('filter_label'), className: "flex flex-wrap items-end gap-3", children: [_jsxs("div", { className: "relative min-w-48 flex-1", children: [_jsx(Search, { "aria-hidden": "true", className: "text-muted-foreground absolute top-1/2 left-2.5 size-4 -translate-y-1/2" }), _jsx(Input, { type: "search", "aria-label": copy('filter_search'), placeholder: copy('filter_search'), value: value.text ?? '', onChange: (event) => set('text', event.target.value || undefined), className: "pl-8" })] }), _jsx(Field, { id: `${ids}-status`, label: copy('field_status'), className: "w-36", children: _jsx(ChoiceSelect, { id: `${ids}-status`, value: first(value.status), choices: [any, ...TASK_STATUSES.map((status) => ({ value: status, label: copy(statusCopy(status)) }))], onChange: (selected) => set('status', selected === ANY ? undefined : [selected]) }) }), _jsx(Field, { id: `${ids}-priority`, label: copy('field_priority'), className: "w-32", children: _jsx(ChoiceSelect, { id: `${ids}-priority`, value: first(value.priority), choices: [
+                        any,
+                        ...[...TASK_PRIORITIES].reverse().map((priority) => ({ value: priority, label: copy(priorityCopy(priority)) })),
+                    ], onChange: (selected) => set('priority', selected === ANY ? undefined : [selected]) }) }), _jsx(Field, { id: `${ids}-assignee`, label: copy('field_assignee'), className: "w-44", children: _jsx(ChoiceSelect, { id: `${ids}-assignee`, value: first(value.assignee), choices: [
+                        any,
+                        ...(me ? [{ value: me, label: copy('filter_mine') }] : []),
+                        { value: NONE, label: copy('option_unassigned') },
+                        ...directory.people.filter((p) => p.urn !== me).map((p) => ({ value: p.urn, label: p.name })),
+                    ], onChange: (selected) => set('assignee', pick(selected)) }) }), directory.projects.length > 0 && (_jsx(Field, { id: `${ids}-project`, label: copy('field_project'), className: "w-44", children: _jsx(ChoiceSelect, { id: `${ids}-project`, value: first(value.project), choices: [
+                        any,
+                        { value: NONE, label: copy('option_no_project') },
+                        ...directory.projects.map((p) => ({ value: p.urn, label: p.name })),
+                    ], onChange: (selected) => set('project', pick(selected)) }) })), _jsx(Toggle, { variant: "outline", size: "sm", pressed: value.open === true, onPressedChange: (pressed) => set('open', pressed ? true : undefined), children: copy('filter_open') }), active && (_jsxs(Button, { variant: "ghost", size: "sm", onClick: () => onChange({}), children: [_jsx(X, { "aria-hidden": "true" }), copy('filter_clear')] }))] }));
+}
+//# sourceMappingURL=TaskFilters.js.map

package/dist/react/TaskFilters.js.map

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

package/dist/react/TaskView.d.ts

@@ -0,0 +1,30 @@
+import { type TaskStore } from '../store.ts';
+import { type TaskFilter, type TaskGrouping } from '../tasks.ts';
+import type { TaskDirectory } from './parts.tsx';
+export type TaskLayout = 'board' | 'table';
+export interface TaskViewProps {
+    store: TaskStore;
+    /** The signed-in person's identity URN, for "Assigned to me". */
+    me?: string | undefined;
+    /** Starting layout. Default board. */
+    layout?: TaskLayout;
+    /**
+     * Starting board columns. Default status. `workflow` has a column per workflow; `workflowStage` shows the first
+     * workflow's stages. Each column is sorted open first, then by priority, due date and title.
+     */
+    groupBy?: TaskGrouping;
+    /** Starting filter. */
+    filter?: TaskFilter;
+    /** Opens this task on load, e.g. from the URL. */
+    selected?: string | undefined;
+    /** Told when the open task changes, e.g. to put it in the URL. */
+    onSelect?: ((urn: string | undefined) => void) | undefined;
+    /** Companies and content to offer as related items, which the store doesn't load. */
+    related?: Pick<TaskDirectory, 'companies' | 'entities'> | undefined;
+}
+/**
+ * The full task view: a filterable board or table of a company's tasks, with the open task's editor and activity log
+ * beside it, and a form for new tasks. Loads the store when it hasn't been loaded.
+ */
+export declare function TaskView({ store, me, layout: initialLayout, groupBy: initialGroupBy, filter: initialFilter, selected: initialSelected, onSelect, related, }: TaskViewProps): import("react").JSX.Element;
+//# sourceMappingURL=TaskView.d.ts.map

package/dist/react/TaskView.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TaskView.d.ts","sourceRoot":"","sources":["../../src/react/TaskView.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAe,KAAK,SAAS,EAAE,MAAM,aAAa,CAAC;AAC1D,OAAO,EAAgC,KAAK,UAAU,EAAE,KAAK,YAAY,EAAE,MAAM,aAAa,CAAC;AAS/F,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AAOjD,MAAM,MAAM,UAAU,GAAG,OAAO,GAAG,OAAO,CAAC;AAE3C,MAAM,WAAW,aAAa;IAC5B,KAAK,EAAE,SAAS,CAAC;IACjB,iEAAiE;IACjE,EAAE,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IACxB,sCAAsC;IACtC,MAAM,CAAC,EAAE,UAAU,CAAC;IACpB;;;OAGG;IACH,OAAO,CAAC,EAAE,YAAY,CAAC;IACvB,uBAAuB;IACvB,MAAM,CAAC,EAAE,UAAU,CAAC;IACpB,kDAAkD;IAClD,QAAQ,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC9B,kEAAkE;IAClE,QAAQ,CAAC,EAAE,CAAC,CAAC,GAAG,EAAE,MAAM,GAAG,SAAS,KAAK,IAAI,CAAC,GAAG,SAAS,CAAC;IAC3D,qFAAqF;IACrF,OAAO,CAAC,EAAE,IAAI,CAAC,aAAa,EAAE,WAAW,GAAG,UAAU,CAAC,GAAG,SAAS,CAAC;CACrE;AAWD;;;GAGG;AACH,wBAAgB,QAAQ,CAAC,EACvB,KAAK,EACL,EAAE,EACF,MAAM,EAAE,aAAuB,EAC/B,OAAO,EAAE,cAAyB,EAClC,MAAM,EAAE,aAAkB,EAC1B,QAAQ,EAAE,eAAe,EACzB,QAAQ,EACR,OAAO,GACR,EAAE,aAAa,+BAgOf"}

package/dist/react/TaskView.js

@@ -0,0 +1,108 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { useEffect, useId, useMemo, useState } from 'react';
+import { Columns3, Plus, Rows3 } from 'lucide-react';
+import { cn } from 'cn';
+import { selectTasks } from "../store.js";
+import { byPriorityThenDue, byUrgency } from "../tasks.js";
+import { useCopy } from "./copy.js";
+import { ChoiceSelect } from "./fields.js";
+import { useMediaQuery, useTaskDirectory, useTaskStore } from "./hooks.js";
+import { TaskActivity } from "./TaskActivity.js";
+import { TaskBoard, TaskTable } from "./TaskBoard.js";
+import { TaskCreateForm } from "./TaskCreateForm.js";
+import { TaskEditor } from "./TaskEditor.js";
+import { TaskFilters } from "./TaskFilters.js";
+import { Alert, AlertDescription } from "./ui/alert.js";
+import { Button } from "./ui/button.js";
+import { Sheet, SheetContent, SheetTitle } from "./ui/sheet.js";
+import { Skeleton } from "./ui/skeleton.js";
+import { ToggleGroup, ToggleGroupItem } from "./ui/toggle-group.js";
+const GROUPINGS = [
+    'status',
+    'priority',
+    'assignee',
+    'project',
+];
+/** Prefixes a workflow URN in the grouping choice. */
+const STAGE = 'stage:';
+/**
+ * The full task view: a filterable board or table of a company's tasks, with the open task's editor and activity log
+ * beside it, and a form for new tasks. Loads the store when it hasn't been loaded.
+ */
+export function TaskView({ store, me, layout: initialLayout = 'board', groupBy: initialGroupBy = 'status', filter: initialFilter = {}, selected: initialSelected, onSelect, related, }) {
+    const copy = useCopy();
+    const ids = useId();
+    const state = useTaskStore(store);
+    const loaded = useTaskDirectory(state);
+    const directory = useMemo(() => ({ ...loaded, companies: related?.companies, entities: related?.entities }), [loaded, related?.companies, related?.entities]);
+    const [layout, setLayout] = useState(initialLayout);
+    const [groupBy, setGroupBy] = useState(initialGroupBy);
+    const [workflowUrn, setWorkflowUrn] = useState();
+    const workflow = directory.workflows?.find((w) => w.urn === workflowUrn) ?? directory.workflows?.[0];
+    const [filter, setFilter] = useState(initialFilter);
+    const [selected, setSelected] = useState(initialSelected);
+    const [creating, setCreating] = useState(false);
+    const [announcement, setAnnouncement] = useState('');
+    useEffect(() => {
+        if (store.getState().status === 'idle')
+            store.load().catch(() => undefined);
+    }, [store]);
+    const task = selected ? state.byUrn.get(selected) : undefined;
+    const logs = selected ? state.logs.get(selected) : undefined;
+    useEffect(() => {
+        if (selected && store.getState().logs.get(selected) === undefined && store.get(selected)) {
+            store.loadLogs(selected).catch(() => undefined);
+        }
+    }, [store, selected, task !== undefined]);
+    const itemId = (urn) => `${ids}-task-${urn}`;
+    const select = (urn) => {
+        setSelected(urn);
+        setCreating(false);
+        onSelect?.(urn);
+    };
+    const close = () => {
+        const from = selected;
+        select(undefined);
+        if (from)
+            requestAnimationFrame(() => document.getElementById(itemId(from))?.focus());
+    };
+    const wide = useMediaQuery('(min-width: 64rem)');
+    const visible = useMemo(() => selectTasks(state, filter, byUrgency), [state, filter]);
+    const list = {
+        tasks: visible,
+        directory,
+        selected,
+        itemId,
+        onOpen: (t) => select(t.urn),
+    };
+    const panel = (_jsx(_Fragment, { children: creating ? (_jsx(TaskCreateForm, { directory: directory, onCancel: () => setCreating(false), onCreate: async (input) => {
+                const created = await store.create(input);
+                setAnnouncement(created.title);
+                select(created.urn);
+            } })) : (task && (_jsx(TaskEditor, { task: task, directory: directory, saving: state.saving.has(task.urn), onChange: (changes) => store.update(task.urn, changes), onDelete: async () => {
+                await store.delete(task.urn);
+                select(undefined);
+            }, onClose: close, changedElsewhere: state.changedElsewhere.get(task.urn), onDismissChangedElsewhere: () => store.dismissChangedElsewhere(task.urn), activity: _jsx(TaskActivity, { logs: logs?.logs ?? [], directory: directory, loading: logs?.status === 'loading', onLoadMore: logs?.after ? () => store.loadMoreLogs(task.urn).catch(() => undefined) : undefined, onComment: (text, replyTo) => store.comment(task.urn, text, replyTo ? { replyTo: replyTo.urn } : {}) }) }))) }));
+    return (_jsxs("div", { className: "grid gap-4", children: [_jsxs("div", { className: "flex flex-wrap items-center gap-3", children: [_jsxs("h2", { className: "mr-auto text-xl font-bold", children: [copy('tasks_heading'), state.status === 'ready' && (_jsx("span", { className: "text-muted-foreground ml-2 text-sm font-normal tabular-nums", children: visible.length === 1 ? copy('tasks_count_one') : copy('tasks_count', { count: visible.length }) }))] }), _jsxs(ToggleGroup, { type: "single", variant: "outline", size: "sm", spacing: 0, value: layout, onValueChange: (value) => value && setLayout(value), "aria-label": copy('tasks_view'), children: [_jsxs(ToggleGroupItem, { value: "board", children: [_jsx(Columns3, { "aria-hidden": "true" }), copy('tasks_view_board')] }), _jsxs(ToggleGroupItem, { value: "table", children: [_jsx(Rows3, { "aria-hidden": "true" }), copy('tasks_view_table')] })] }), layout === 'board' && (_jsx("div", { className: "w-36", children: _jsx(ChoiceSelect, { value: groupBy === 'workflowStage' && workflow ? `${STAGE}${workflow.urn}` : groupBy, label: copy('tasks_group_by'), choices: [
+                                ...GROUPINGS.map((grouping) => ({ value: grouping, label: copy(`tasks_group_${grouping}`) })),
+                                // Workflows as columns, then one choice per workflow for its stages as columns.
+                                ...(directory.workflows?.length ? [{ value: 'workflow', label: copy('tasks_group_workflow') }] : []),
+                                ...(directory.workflows ?? []).map((w) => ({
+                                    value: `${STAGE}${w.urn}`,
+                                    label: copy('tasks_group_stages', { workflow: w.name }),
+                                })),
+                            ], onChange: (value) => {
+                                if (value.startsWith(STAGE)) {
+                                    setGroupBy('workflowStage');
+                                    setWorkflowUrn(value.slice(STAGE.length));
+                                }
+                                else
+                                    setGroupBy(value);
+                            } }) })), _jsxs(Button, { size: "sm", onClick: () => {
+                            setSelected(undefined);
+                            setCreating(true);
+                        }, children: [_jsx(Plus, { "aria-hidden": "true" }), copy('tasks_new')] })] }), _jsx(TaskFilters, { value: filter, onChange: setFilter, directory: directory, me: me }), _jsxs("div", { className: cn('grid grid-cols-1 items-start gap-4', (creating || task) && wide && 'grid-cols-[minmax(0,1fr)_minmax(22rem,28rem)]'), children: [_jsxs("div", { className: "min-w-0", children: [state.status === 'error' && (_jsx(Alert, { variant: "destructive", children: _jsxs(AlertDescription, { className: "flex flex-wrap items-center gap-2", children: [copy('tasks_load_failed'), _jsx(Button, { variant: "outline", size: "sm", onClick: () => store.load().catch(() => undefined), children: copy('tasks_retry') })] }) })), (state.status === 'loading' || state.status === 'idle') && state.tasks.length === 0 ? (_jsxs("div", { "aria-busy": "true", className: "grid gap-2", children: [_jsx("span", { className: "sr-only", children: copy('tasks_loading') }), [0, 1, 2].map((row) => (_jsx(Skeleton, { className: "h-16 w-full" }, row)))] })) : state.status === 'ready' && visible.length === 0 ? (_jsx("p", { className: "text-muted-foreground rounded-xl border border-dashed p-8 text-center text-sm", children: state.tasks.length === 0 ? copy('tasks_none') : copy('tasks_empty') })) : layout === 'board' ? (_jsx(TaskBoard, { ...list, groupBy: groupBy, workflow: workflow, sort: byPriorityThenDue })) : (_jsx(TaskTable, { ...list }))] }), (creating || task) && wide && (_jsx("aside", { className: "bg-card sticky top-4 max-h-[calc(100vh-2rem)] overflow-y-auto rounded-xl border p-4", children: panel }))] }), !wide && (_jsx(Sheet, { open: creating || task !== undefined, onOpenChange: (open) => !open && (creating ? setCreating(false) : close()), children: _jsxs(SheetContent, { side: "right", showCloseButton: false, "aria-describedby": undefined, className: "w-full overflow-y-auto p-4 sm:max-w-md", 
+                    // The editor and form focus their own heading or first field, and closing focuses the task's card.
+                    onOpenAutoFocus: (event) => event.preventDefault(), onCloseAutoFocus: (event) => event.preventDefault(), children: [_jsx(SheetTitle, { className: "sr-only", children: creating ? copy('tasks_new') : copy('editor_label') }), panel] }) })), _jsx("p", { "aria-live": "polite", className: "sr-only", children: announcement })] }));
+}
+//# sourceMappingURL=TaskView.js.map

package/dist/react/TaskView.js.map

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

package/dist/react/TasksAbout.d.ts

@@ -0,0 +1,24 @@
+import type { Task } from '@baack-software/baack-ts-client';
+import { type TaskStore } from '../store.ts';
+/** What a page is about, and so which tasks it shows. */
+export type TaskSubjectKind = 'identity' | 'company' | 'entity' | 'task' | 'project';
+export interface TaskSubject {
+    kind: TaskSubjectKind;
+    urn: string;
+}
+export interface TasksAboutProps {
+    store: TaskStore;
+    /** The person, company, content, task or project the page is about. */
+    about: TaskSubject;
+    /** Opens a task, e.g. in the full task view. Without it, titles aren't links. */
+    onOpen?: ((task: Task) => void) | undefined;
+    /** The heading's level, to fit the page's outline. Default 2. */
+    headingLevel?: 2 | 3 | 4;
+}
+/**
+ * The tasks about one thing, for a console page about it: open tasks, most urgent first, then completed ones on
+ * request, and a quick-add whose task is related to it. The API can't search by association yet, so this filters the
+ * store's tasks; share one store across a page's panels. Loads the store when it hasn't been loaded.
+ */
+export declare function TasksAbout({ store, about, onOpen, headingLevel }: TasksAboutProps): import("react").JSX.Element;
+//# sourceMappingURL=TasksAbout.d.ts.map

package/dist/react/TasksAbout.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TasksAbout.d.ts","sourceRoot":"","sources":["../../src/react/TasksAbout.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,iCAAiC,CAAC;AAE5D,OAAO,EAAe,KAAK,SAAS,EAAE,MAAM,aAAa,CAAC;AAW1D,yDAAyD;AACzD,MAAM,MAAM,eAAe,GAAG,UAAU,GAAG,SAAS,GAAG,QAAQ,GAAG,MAAM,GAAG,SAAS,CAAC;AAErF,MAAM,WAAW,WAAW;IAC1B,IAAI,EAAE,eAAe,CAAC;IACtB,GAAG,EAAE,MAAM,CAAC;CACb;AAED,MAAM,WAAW,eAAe;IAC9B,KAAK,EAAE,SAAS,CAAC;IACjB,uEAAuE;IACvE,KAAK,EAAE,WAAW,CAAC;IACnB,iFAAiF;IACjF,MAAM,CAAC,EAAE,CAAC,CAAC,IAAI,EAAE,IAAI,KAAK,IAAI,CAAC,GAAG,SAAS,CAAC;IAC5C,iEAAiE;IACjE,YAAY,CAAC,EAAE,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;CAC1B;AAmBD;;;;GAIG;AACH,wBAAgB,UAAU,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,EAAE,YAAgB,EAAE,EAAE,eAAe,+BAyHrF"}

package/dist/react/TasksAbout.js

@@ -0,0 +1,82 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { useEffect, useId, useMemo, useRef, useState } from 'react';
+import { CircleCheck, Plus } from 'lucide-react';
+import { selectTasks } from "../store.js";
+import { byUrgency, isOpen } from "../tasks.js";
+import { useCopy } from "./copy.js";
+import { useTaskDirectory, useTaskStore } from "./hooks.js";
+import { DueDate, nameOf, PersonAvatar, StatusBadge } from "./parts.js";
+import { Alert, AlertDescription } from "./ui/alert.js";
+import { Button } from "./ui/button.js";
+import { Input } from "./ui/input.js";
+import { Skeleton } from "./ui/skeleton.js";
+/** The new task's fields that tie it to the subject. */
+function subjectFields(about) {
+    const ref = { urn: about.urn };
+    switch (about.kind) {
+        case 'project':
+            return { project: ref };
+        case 'identity':
+            return { associatedIdentities: [ref] };
+        case 'company':
+            return { associatedCompanies: [ref] };
+        case 'entity':
+            return { associatedEntities: [ref] };
+        case 'task':
+            return { associatedTasks: [ref] };
+    }
+}
+/**
+ * The tasks about one thing, for a console page about it: open tasks, most urgent first, then completed ones on
+ * request, and a quick-add whose task is related to it. The API can't search by association yet, so this filters the
+ * store's tasks; share one store across a page's panels. Loads the store when it hasn't been loaded.
+ */
+export function TasksAbout({ store, about, onOpen, headingLevel = 2 }) {
+    const copy = useCopy();
+    const ids = useId();
+    const state = useTaskStore(store);
+    const directory = useTaskDirectory(state);
+    const input = useRef(null);
+    const [title, setTitle] = useState('');
+    const [adding, setAdding] = useState(false);
+    const [failed, setFailed] = useState(false);
+    const [showDone, setShowDone] = useState(false);
+    useEffect(() => {
+        if (store.getState().status === 'idle')
+            store.load().catch(() => undefined);
+    }, [store]);
+    const filter = about.kind === 'project' ? { project: [about.urn] } : { relatedTo: about.urn };
+    const tasks = useMemo(() => selectTasks(state, filter, byUrgency), [state, about.kind, about.urn]);
+    const open = tasks.filter(isOpen);
+    const done = tasks.filter((task) => !isOpen(task));
+    const Heading = `h${headingLevel}`;
+    const add = async () => {
+        if (!title.trim())
+            return;
+        setAdding(true);
+        setFailed(false);
+        try {
+            await store.create({ title: title.trim(), ...subjectFields(about) });
+            setTitle('');
+        }
+        catch {
+            setFailed(true);
+        }
+        finally {
+            setAdding(false);
+            input.current?.focus();
+        }
+    };
+    return (_jsxs("section", { "aria-labelledby": `${ids}-heading`, className: "bg-card grid gap-3 rounded-xl border p-4", children: [_jsxs(Heading, { id: `${ids}-heading`, className: "flex items-baseline gap-2 text-base font-semibold", children: [copy('about_heading'), ' ', state.status === 'ready' && (_jsx("span", { className: "text-muted-foreground text-sm font-normal tabular-nums", children: copy('about_open_count', { count: open.length }) }))] }), _jsxs("form", { className: "flex gap-2", onSubmit: (event) => {
+                    event.preventDefault();
+                    void add();
+                }, children: [_jsx(Input, { ref: input, value: title, onChange: (event) => setTitle(event.target.value), placeholder: copy('about_add_placeholder'), "aria-label": copy('about_add_label'), disabled: adding, className: "h-8" }), _jsxs(Button, { type: "submit", size: "sm", disabled: adding || !title.trim(), children: [_jsx(Plus, { "aria-hidden": "true" }), copy('about_add')] })] }), failed && (_jsx(Alert, { variant: "destructive", children: _jsx(AlertDescription, { children: copy('about_add_failed') }) })), state.status === 'error' && (_jsx(Alert, { variant: "destructive", children: _jsxs(AlertDescription, { className: "flex flex-wrap items-center gap-2", children: [copy('tasks_load_failed'), _jsx(Button, { variant: "outline", size: "sm", onClick: () => store.load().catch(() => undefined), children: copy('tasks_retry') })] }) })), (state.status === 'loading' || state.status === 'idle') && state.tasks.length === 0 ? (_jsxs("div", { "aria-busy": "true", className: "grid gap-2", children: [_jsx("span", { className: "sr-only", children: copy('tasks_loading') }), [0, 1].map((row) => (_jsx(Skeleton, { className: "h-10 w-full" }, row)))] })) : (state.status !== 'error' && (_jsxs(_Fragment, { children: [open.length === 0 ? (_jsx("p", { className: "text-muted-foreground text-sm", children: copy('about_none') })) : (_jsx(TaskRows, { tasks: open, store: store, onOpen: onOpen, directory: directory })), done.length > 0 && (_jsxs(_Fragment, { children: [_jsx(Button, { variant: "ghost", size: "sm", className: "justify-self-start", "aria-expanded": showDone, "aria-controls": `${ids}-done`, onClick: () => setShowDone(!showDone), children: showDone ? copy('about_hide_done') : copy('about_show_done', { count: done.length }) }), _jsx("div", { id: `${ids}-done`, hidden: !showDone, children: showDone && _jsx(TaskRows, { tasks: done, store: store, onOpen: onOpen, directory: directory }) })] }))] })))] }));
+}
+function TaskRows({ tasks, store, onOpen, directory, }) {
+    const copy = useCopy();
+    return (_jsx("ul", { className: "divide-border grid divide-y", children: tasks.map((task) => {
+            const assignee = task.assignee ? { urn: task.assignee.urn, name: nameOf(directory, task.assignee) } : null;
+            return (_jsxs("li", { className: "flex min-w-0 items-center gap-2 py-2 text-sm", children: [isOpen(task) ? (_jsx(Button, { variant: "ghost", size: "icon-xs", "aria-label": copy('about_complete', { name: task.title }), onClick: () => store.setStatus(task.urn, 'COMPLETED').catch(() => undefined), children: _jsx(CircleCheck, { "aria-hidden": "true" }) })) : (_jsx(StatusBadge, { status: task.status })), onOpen ? (_jsx("button", { type: "button", onClick: () => onOpen(task), className: "hover:text-primary min-w-0 flex-1 truncate text-left font-medium hover:underline", children: task.title })) : (_jsx("span", { className: "min-w-0 flex-1 truncate font-medium", children: task.title })), _jsx(DueDate, { task: task }), _jsx(PersonAvatar, { person: assignee })] }, task.urn));
+        }) }));
+}
+//# sourceMappingURL=TasksAbout.js.map

package/dist/react/TasksAbout.js.map

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

package/dist/react/copy.d.ts

@@ -0,0 +1,154 @@
+import { type ReactNode } from 'react';
+import type { Entity, TaskPriority, TaskStatus } from '@baack-software/baack-ts-client';
+import type { Activity } from '../types.ts';
+/**
+ * The task components' own words (labels, headings, buttons, empty states) as Baack content: each is a text item
+ * named here, at sort order 0, on one content entity. Until that entity is loaded, or while an item is missing, the
+ * en-GB placeholder below is shown, so the components work without any content and editors can fill it in, or
+ * translate it, later.
+ *
+ * Text that varies with data uses `{name}` slots, e.g. `{count} tasks`.
+ */
+declare const BASE_COPY: {
+    readonly tasks_heading: "Tasks";
+    readonly tasks_new: "New task";
+    readonly tasks_view: "View";
+    readonly tasks_view_board: "Board";
+    readonly tasks_view_table: "Table";
+    readonly tasks_group_by: "Columns";
+    readonly tasks_group_status: "Status";
+    readonly tasks_group_priority: "Priority";
+    readonly tasks_group_assignee: "Assignee";
+    readonly tasks_group_project: "Project";
+    readonly tasks_group_workflow: "Workflow";
+    readonly tasks_group_stages: "{workflow} stages";
+    readonly tasks_count: "{count} tasks";
+    readonly tasks_count_one: "1 task";
+    readonly tasks_empty: "No tasks match these filters.";
+    readonly tasks_none: "There are no tasks yet. Create the first one.";
+    readonly tasks_loading: "Loading tasks…";
+    readonly tasks_load_failed: "The tasks could not be loaded.";
+    readonly tasks_retry: "Try again";
+    readonly about_heading: "Tasks";
+    readonly about_open_count: "{count} open";
+    readonly about_add_label: "New task";
+    readonly about_add_placeholder: "Add a task…";
+    readonly about_add: "Add";
+    readonly about_add_failed: "The task could not be added.";
+    readonly about_none: "No open tasks.";
+    readonly about_show_done: "Show completed ({count})";
+    readonly about_hide_done: "Hide completed";
+    readonly about_complete: "Mark {name} as completed";
+    readonly filter_label: "Filter tasks";
+    readonly filter_search: "Search tasks";
+    readonly filter_any: "Any";
+    readonly filter_mine: "Assigned to me";
+    readonly filter_open: "Open only";
+    readonly filter_clear: "Clear filters";
+    readonly field_title: "Title";
+    readonly field_description: "Description";
+    readonly field_status: "Status";
+    readonly field_priority: "Priority";
+    readonly field_assignee: "Assignee";
+    readonly field_project: "Project";
+    readonly field_due: "Due";
+    readonly field_updated: "Updated";
+    readonly field_stage: "Stage";
+    readonly field_blocking: "Blocking";
+    readonly option_unassigned: "Unassigned";
+    readonly option_no_project: "No project";
+    readonly option_no_stage: "No stage";
+    readonly option_no_workflow: "No workflow";
+    readonly due_none: "No due date";
+    readonly due_overdue: "overdue";
+    readonly due_clear: "Clear due date";
+    readonly blockers_heading: "Blocked by";
+    readonly blockers_none: "Nothing is blocking this task.";
+    readonly blockers_add: "Add a blocker";
+    readonly blockers_remove: "Remove {name} as a blocker";
+    readonly blockers_cycle: "That task already waits on this one.";
+    readonly blocked: "Blocked";
+    readonly blocked_by: "Blocked by {name}";
+    readonly related_heading: "Related";
+    readonly related_none: "Nothing related yet.";
+    readonly related_add: "Add related";
+    readonly related_remove: "Remove {name}";
+    readonly related_people: "People";
+    readonly related_companies: "Companies";
+    readonly related_entities: "Content";
+    readonly related_tasks: "Tasks";
+    readonly activity_heading: "Activity";
+    readonly activity_filter: "Show activity";
+    readonly activity_filter_all: "All";
+    readonly activity_filter_changes: "Changes";
+    readonly activity_filter_comments: "Comments";
+    readonly activity_more: "Show older activity";
+    readonly activity_empty: "No activity yet.";
+    readonly activity_by: "by {name}";
+    readonly activity_loading: "Loading activity…";
+    readonly comment_label: "Comment";
+    readonly comment_placeholder: "Add a comment…";
+    readonly comment_submit: "Comment";
+    readonly comment_reply: "Reply";
+    readonly comment_reply_label: "Reply to {name}";
+    readonly comment_cancel: "Cancel";
+    readonly editor_label: "Task details";
+    readonly editor_close: "Close";
+    readonly editor_save: "Save";
+    readonly editor_saving: "Saving…";
+    readonly editor_save_failed: "The change could not be saved.";
+    readonly conflict_heading: "Someone else changed this task";
+    readonly conflict_intro: "They saved changes to the same fields while you were editing, so yours weren’t saved. Choose what to keep.";
+    readonly conflict_theirs: "Use theirs";
+    readonly conflict_mine: "Keep mine";
+    readonly conflict_save: "Save choices";
+    readonly conflict_discard: "Use theirs for all";
+    readonly value_empty: "Empty";
+    readonly changed_elsewhere: "Someone else changed {fields} while you were editing. Their changes are kept.";
+    readonly changed_elsewhere_dismiss: "Dismiss";
+    readonly task_delete: "Delete task";
+    readonly task_delete_confirm: "Delete this task? This can’t be undone.";
+    readonly task_delete_cancel: "Keep it";
+    readonly create_heading: "New task";
+    readonly create_submit: "Create task";
+    readonly create_cancel: "Cancel";
+    readonly create_failed: "The task could not be created.";
+};
+type Lower<T extends string> = Lowercase<T>;
+export type TaskCopyName = keyof typeof BASE_COPY | `status_${Lower<TaskStatus>}` | `priority_${Lower<TaskPriority>}` | `activity_${Lower<Activity>}`;
+/** Every copy item's name and its en-GB placeholder. */
+export declare const TASK_COPY: Readonly<Record<TaskCopyName, string>>;
+export declare const statusCopy: (status: TaskStatus) => TaskCopyName;
+export declare const priorityCopy: (priority: TaskPriority) => TaskCopyName;
+/** The copy name for an activity, or undefined for one this library doesn't know yet. */
+export declare const activityCopy: (activity: string) => TaskCopyName | undefined;
+export interface TaskCopyProviderProps {
+    /**
+     * The content entity holding the copy, for example read from the entity view. While it is absent, every text
+     * shows its placeholder.
+     */
+    entity?: Entity | undefined;
+    /** Replaces placeholders, for an app that wants different defaults before content exists. */
+    placeholders?: Partial<Record<TaskCopyName, string>> | undefined;
+    children: ReactNode;
+}
+/**
+ * Supplies the task components' copy. With an entity, the Baack editor can change the copy in place: the content is
+ * followed live (`useLiveEntity`) and marked with `data-content-live`.
+ */
+export declare function TaskCopyProvider({ entity, placeholders, children }: TaskCopyProviderProps): import("react").JSX.Element;
+/**
+ * Copy as plain strings, for attributes (`aria-label`, `placeholder`) and text with `{slots}`. Prefer `<CopyText>`
+ * for visible text without slots, which the Baack editor can edit in place.
+ */
+export declare function useCopy(): (name: TaskCopyName, values?: Readonly<Record<string, string | number>>) => string;
+export interface CopyTextProps {
+    name: TaskCopyName;
+    className?: string;
+    /** Element to render; default `span`. */
+    as?: string;
+}
+/** A piece of copy as a Baack text component, so the editor can find and change it. */
+export declare function CopyText({ name, className, as }: CopyTextProps): import("react").JSX.Element;
+export {};
+//# sourceMappingURL=copy.d.ts.map

package/dist/react/copy.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"copy.d.ts","sourceRoot":"","sources":["../../src/react/copy.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAmD,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AACxF,OAAO,KAAK,EAAE,MAAM,EAAE,YAAY,EAAE,UAAU,EAAY,MAAM,iCAAiC,CAAC;AAIlG,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AAE5C;;;;;;;GAOG;AACH,QAAA,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAiHL,CAAC;AAEX,KAAK,KAAK,CAAC,CAAC,SAAS,MAAM,IAAI,SAAS,CAAC,CAAC,CAAC,CAAC;AAE5C,MAAM,MAAM,YAAY,GACpB,MAAM,OAAO,SAAS,GACtB,UAAU,KAAK,CAAC,UAAU,CAAC,EAAE,GAC7B,YAAY,KAAK,CAAC,YAAY,CAAC,EAAE,GACjC,YAAY,KAAK,CAAC,QAAQ,CAAC,EAAE,CAAC;AAQlC,wDAAwD;AACxD,eAAO,MAAM,SAAS,EAKjB,QAAQ,CAAC,MAAM,CAAC,YAAY,EAAE,MAAM,CAAC,CAAC,CAAC;AAE5C,eAAO,MAAM,UAAU,GAAI,QAAQ,UAAU,KAAG,YAAqE,CAAC;AACtH,eAAO,MAAM,YAAY,GAAI,UAAU,YAAY,KAAG,YACO,CAAC;AAC9D,yFAAyF;AACzF,eAAO,MAAM,YAAY,GAAI,UAAU,MAAM,KAAG,YAAY,GAAG,SAG9D,CAAC;AASF,MAAM,WAAW,qBAAqB;IACpC;;;OAGG;IACH,MAAM,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC5B,6FAA6F;IAC7F,YAAY,CAAC,EAAE,OAAO,CAAC,MAAM,CAAC,YAAY,EAAE,MAAM,CAAC,CAAC,GAAG,SAAS,CAAC;IACjE,QAAQ,EAAE,SAAS,CAAC;CACrB;AAED;;;GAGG;AACH,wBAAgB,gBAAgB,CAAC,EAAE,MAAM,EAAE,YAAY,EAAE,QAAQ,EAAE,EAAE,qBAAqB,+BAQzF;AA+BD;;;GAGG;AACH,wBAAgB,OAAO,IAAI,CAAC,IAAI,EAAE,YAAY,EAAE,MAAM,CAAC,EAAE,QAAQ,CAAC,MAAM,CAAC,MAAM,EAAE,MAAM,GAAG,MAAM,CAAC,CAAC,KAAK,MAAM,CAM5G;AAED,MAAM,WAAW,aAAa;IAC5B,IAAI,EAAE,YAAY,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,yCAAyC;IACzC,EAAE,CAAC,EAAE,MAAM,CAAC;CACb;AAED,uFAAuF;AACvF,wBAAgB,QAAQ,CAAC,EAAE,IAAI,EAAE,SAAS,EAAE,EAAE,EAAE,EAAE,aAAa,+BAU9D"}