@sascha384/tic 5.15.1 → 5.17.0

package/dist/components/TextInput.js.map

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

package/dist/components/WorkItemForm.js

@@ -1,7 +1,7 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useState, useMemo, useEffect } from 'react';
 import { Box, Text, useInput } from 'ink';
-import TextInput from 'ink-text-input';
+import TextInput from './TextInput.js';
 import SelectInput from 'ink-select-input';
 import { AutocompleteInput } from './AutocompleteInput.js';
 import { MultiSelectInput } from './MultiSelectInput.js';
@@ -54,11 +54,21 @@ export function WorkItemForm() {
         popWorkItem: s.popWorkItem,
     })));
     const queue = useBackendDataStore((s) => s.queue);
-    const queueWrite = async (action, itemId, extra) => {
+    /** Look up the rowId for a display ID. Returns -1 if not found. */
+    const rowIdOf = (displayId) => {
+        const item = allItems.find((i) => i.id === displayId);
+        return item?.rowId ?? -1;
+    };
+    /** Look up the display ID for a rowId. Returns null if not found. */
+    const displayIdOf = (rowId) => {
+        const item = allItems.find((i) => i.rowId === rowId);
+        return item?.id ?? null;
+    };
+    const queueWrite = async (action, itemRowId, extra) => {
         if (queue) {
             await queue.append({
                 action,
-                itemId,
+                itemRowId,
                 timestamp: new Date().toISOString(),
                 ...(extra?.commentData ? { commentData: extra.commentData } : {}),
                 ...(extra?.templateSlug ? { templateSlug: extra.templateSlug } : {}),
@@ -97,16 +107,24 @@ export function WorkItemForm() {
         }
         let cancelled = false;
         setItemLoading(true);
+        const displayId = displayIdOf(selectedWorkItemId);
+        if (!displayId) {
+            setItemLoading(false);
+            return;
+        }
         void (async () => {
             try {
-                const item = await backend.getWorkItem(selectedWorkItemId);
+                const item = await backend.getWorkItem(displayId);
                 const [ch, dep] = capabilities.relationships
                     ? await Promise.all([
-                        backend.getChildren(selectedWorkItemId),
-                        backend.getDependents(selectedWorkItemId),
+                        backend.getChildren(displayId),
+                        backend.getDependents(displayId),
                     ])
                     : [[], []];
-                const pi = item.parent ? await backend.getWorkItem(item.parent) : null;
+                const parentDisplayId = item.parent !== null ? displayIdOf(item.parent) : null;
+                const pi = parentDisplayId
+                    ? await backend.getWorkItem(parentDisplayId)
+                    : null;
                 if (cancelled)
                     return;
                 setExistingItem(item);
@@ -180,10 +198,10 @@ export function WorkItemForm() {
                 all.push('rel-parent');
             }
             for (const child of children) {
-                all.push(`rel-child-${child.id}`);
+                all.push(`rel-child-${child.rowId}`);
             }
             for (const dep of dependents) {
-                all.push(`rel-dependent-${dep.id}`);
+                all.push(`rel-dependent-${dep.rowId}`);
             }
         }
         return all;
@@ -205,7 +223,9 @@ export function WorkItemForm() {
         return required;
     }, [selectedWorkItemId, capabilities.customTypes]);
     const requiredFieldsList = useMemo(() => capabilities.requiredFields ?? [...requiredFields], [capabilities.requiredFields, requiredFields]);
-    const { errors: validationErrors, validate, clearError, } = useFormValidation(allItems, selectedWorkItemId, requiredFieldsList);
+    // Convert selectedWorkItemId (rowId) to display ID for validation
+    const selectedDisplayId = selectedWorkItemId !== null ? displayIdOf(selectedWorkItemId) : null;
+    const { errors: validationErrors, validate, clearError, } = useFormValidation(allItems, selectedDisplayId, requiredFieldsList);
     const [comments, setComments] = useState([]);
     // Derive field values from current draft
     const title = currentDraft?.fields.title ?? '';
@@ -248,6 +268,15 @@ export function WorkItemForm() {
     useEffect(() => {
         if (formStackStore.getState().stack.length > 0)
             return; // Already has a draft
+        // Check for create-child prefill
+        const { createChildParentId, setCreateChildParentId } = navigationStore.getState();
+        let parentId = '';
+        if (selectedWorkItemId === null && createChildParentId) {
+            const parent = allItems.find((i) => i.rowId === createChildParentId);
+            const displayId = parent?.id ?? String(createChildParentId);
+            parentId = parent ? `#${displayId} - ${parent.title}` : `#${displayId}`;
+            setCreateChildParentId(null);
+        }
         const initialFields = {
             title: '',
             type: activeType ?? types[0] ?? '',
@@ -257,46 +286,21 @@ export function WorkItemForm() {
             assignee: '',
             labels: '',
             description: '',
-            parentId: '',
+            parentId,
             dependsOn: '',
             newComment: '',
         };
         const draft = {
             itemId: selectedWorkItemId,
-            itemTitle: selectedWorkItemId ? `#${selectedWorkItemId}` : '(new)',
+            itemTitle: selectedWorkItemId
+                ? `#${selectedDisplayId ?? selectedWorkItemId}`
+                : '(new)',
             fields: initialFields,
             initialSnapshot: { ...initialFields },
             focusedField: 0,
         };
         pushDraft(draft);
     }, []); // Only on mount
-    // Prefill parent for create-child (create mode only)
-    useEffect(() => {
-        if (selectedWorkItemId !== null)
-            return;
-        const { createChildParentId, setCreateChildParentId } = navigationStore.getState();
-        if (!createChildParentId)
-            return;
-        const parentItem = allItems.find((i) => i.id === createChildParentId);
-        const parentDisplay = parentItem
-            ? `#${createChildParentId} - ${parentItem.title}`
-            : `#${createChildParentId}`;
-        updateFields({ parentId: parentDisplay });
-        // Update initialSnapshot so parent doesn't count as dirty
-        formStackStore.setState((state) => {
-            if (state.stack.length === 0)
-                return state;
-            const updated = [...state.stack];
-            const current = updated[updated.length - 1];
-            updated[updated.length - 1] = {
-                ...current,
-                initialSnapshot: { ...current.fields, parentId: parentDisplay },
-            };
-            return { stack: updated };
-        });
-        // Clear after use
-        setCreateChildParentId(null);
-    }, [selectedWorkItemId, allItems]);
     // Sync form fields when the existing item finishes loading
     useEffect(() => {
         if (!existingItem)
@@ -308,16 +312,20 @@ export function WorkItemForm() {
         // Build field values
         const parentIdValue = existingItem.parent !== null && existingItem.parent !== undefined
             ? (() => {
-                const pi = allItems.find((i) => i.id === existingItem.parent);
+                const pi = allItems.find((i) => i.rowId === existingItem.parent);
+                const parentDisplayId = pi?.id ?? String(existingItem.parent);
                 return pi
-                    ? `#${existingItem.parent} - ${pi.title}`
+                    ? `#${parentDisplayId} - ${pi.title}`
                     : String(existingItem.parent);
             })()
             : '';
         const dependsOnValue = existingItem.dependsOn
-            ?.map((depId) => {
-            const depItem = allItems.find((i) => i.id === depId);
-            return depItem ? `#${depId} - ${depItem.title}` : depId;
+            ?.map((depRowId) => {
+            const depItem = allItems.find((i) => i.rowId === depRowId);
+            const depDisplayId = depItem?.id ?? String(depRowId);
+            return depItem
+                ? `#${depDisplayId} - ${depItem.title}`
+                : String(depRowId);
         })
             .join(', ') ?? '';
         const newFields = {
@@ -420,7 +428,7 @@ export function WorkItemForm() {
     }, [formMode, editingTemplateSlug, backend]);
     const parentSuggestions = useMemo(() => {
         return allItems
-            .filter((item) => item.id !== selectedWorkItemId)
+            .filter((item) => item.rowId !== selectedWorkItemId && item.id !== null)
             .map((item) => `#${item.id} - ${item.title}`);
     }, [allItems, selectedWorkItemId]);
     const [editing, setEditing] = useState(false);
@@ -448,23 +456,26 @@ export function WorkItemForm() {
             .split(',')
             .map((l) => l.trim())
             .filter((l) => l.length > 0);
+        // Parse display IDs from form fields and resolve to rowIds
         const parsedParent = (() => {
             const trimmed = parentId.trim();
             if (!trimmed)
                 return null;
             const match = trimmed.match(/^#(\S+)\s*-\s/);
-            return match ? match[1] : trimmed;
+            const displayId = match ? match[1] : trimmed;
+            return rowIdOf(displayId);
         })();
         const parsedDependsOn = dependsOn
             .split(',')
             .map((s) => {
             const trimmed = s.trim();
             if (!trimmed)
-                return '';
+                return -1;
             const match = trimmed.match(/^#(\S+)\s*-\s/);
-            return match ? match[1] : trimmed;
+            const displayId = match ? match[1] : trimmed;
+            return rowIdOf(displayId);
         })
-            .filter((s) => s.length > 0);
+            .filter((rowId) => rowId !== -1);
         if (formMode === 'template') {
             const template = {
                 slug: editingTemplateSlug ?? slugifyTemplateName(title),
@@ -484,19 +495,23 @@ export function WorkItemForm() {
                 template.iteration = iteration;
             if (description)
                 template.description = description;
-            if (parsedParent)
-                template.parent = parsedParent;
-            if (parsedDependsOn.length > 0)
-                template.dependsOn = parsedDependsOn;
+            if (parsedParent !== null) {
+                template.parent = displayIdOf(parsedParent);
+            }
+            if (parsedDependsOn.length > 0) {
+                template.dependsOn = parsedDependsOn
+                    .map((rid) => displayIdOf(rid))
+                    .filter((id) => id !== null);
+            }
             if (editingTemplateSlug) {
                 await backend.updateTemplate(editingTemplateSlug, template);
-                await queueWrite('template-update', template.slug, {
+                await queueWrite('template-update', 0, {
                     templateSlug: template.slug,
                 });
             }
             else {
                 await backend.createTemplate(template);
-                await queueWrite('template-create', template.slug, {
+                await queueWrite('template-create', 0, {
                     templateSlug: template.slug,
                 });
             }
@@ -505,9 +520,9 @@ export function WorkItemForm() {
             setEditingTemplateSlug(null);
             return;
         }
-        if (selectedWorkItemId !== null) {
-            const snapshot = await backend.getWorkItem(selectedWorkItemId);
-            await backend.cachedUpdateWorkItem(selectedWorkItemId, {
+        if (selectedWorkItemId !== null && selectedDisplayId) {
+            const snapshot = await backend.getWorkItem(selectedDisplayId);
+            await backend.cachedUpdateWorkItem(selectedDisplayId, {
                 title,
                 type,
                 status,
@@ -522,13 +537,13 @@ export function WorkItemForm() {
             await queueWrite('update', selectedWorkItemId);
             undoStore.getState().pushUndo({
                 type: 'update',
-                label: `edited #${selectedWorkItemId}`,
+                label: `edited #${selectedDisplayId}`,
                 itemSnapshots: [snapshot],
-                syncItemIds: [selectedWorkItemId],
+                syncItemRowIds: [selectedWorkItemId],
                 syncAction: 'update',
             });
             if (capabilities.comments && newComment.trim().length > 0) {
-                const added = await backend.addComment(selectedWorkItemId, {
+                const added = await backend.addComment(selectedDisplayId, {
                     author: 'me',
                     body: newComment.trim(),
                 });
@@ -538,10 +553,10 @@ export function WorkItemForm() {
                 setComments((prev) => [...prev, added]);
                 setNewComment('');
             }
-            await backendDataStore.getState().reloadItem(selectedWorkItemId);
+            await backendDataStore.getState().reloadItem(selectedDisplayId);
             uiStore
                 .getState()
-                .setToast(`Item #${selectedWorkItemId} updated — press u to undo`);
+                .setToast(`Item #${selectedDisplayId} updated — press u to undo`);
         }
         else {
             const created = await backend.cachedCreateWorkItem({
@@ -556,28 +571,30 @@ export function WorkItemForm() {
                 parent: parsedParent,
                 dependsOn: parsedDependsOn,
             });
-            await queueWrite('create', created.id);
+            await queueWrite('create', created.rowId);
             undoStore.getState().pushUndo({
                 type: 'create',
-                label: `created #${created.id}`,
+                label: `created #${created.id ?? created.rowId}`,
                 itemSnapshots: [],
-                syncItemIds: [created.id],
+                syncItemRowIds: [created.rowId],
                 syncAction: 'create',
-                createdIds: [created.id],
+                createdRowIds: [created.rowId],
             });
-            if (capabilities.comments && newComment.trim().length > 0) {
+            if (capabilities.comments && newComment.trim().length > 0 && created.id) {
                 await backend.addComment(created.id, {
                     author: 'me',
                     body: newComment.trim(),
                 });
-                await queueWrite('comment', created.id, {
+                await queueWrite('comment', created.rowId, {
                     commentData: { author: 'me', body: newComment.trim() },
                 });
             }
-            await backendDataStore.getState().reloadItem(created.id);
+            if (created.id) {
+                await backendDataStore.getState().reloadItem(created.id);
+            }
             uiStore
                 .getState()
-                .setToast(`Item #${created.id} created — press u to undo`);
+                .setToast(`Item #${created.id ?? created.rowId} created — press u to undo`);
             setActiveTemplate(null);
         }
         // Update the initialSnapshot after saving so isDirty becomes false
@@ -609,7 +626,7 @@ export function WorkItemForm() {
                     await save();
                     if (pendingRelNav) {
                         // Push a new draft for the target item
-                        const targetItem = allItems.find((i) => i.id === pendingRelNav);
+                        const targetItem = allItems.find((i) => i.rowId === pendingRelNav);
                         const defaultFields = {
                             title: '',
                             type: activeType ?? types[0] ?? '',
@@ -625,7 +642,7 @@ export function WorkItemForm() {
                         };
                         const newDraft = {
                             itemId: pendingRelNav,
-                            itemTitle: targetItem?.title ?? `#${pendingRelNav}`,
+                            itemTitle: targetItem?.title ?? `#${targetItem?.id ?? pendingRelNav}`,
                             fields: defaultFields,
                             initialSnapshot: { ...defaultFields },
                             focusedField: 0,
@@ -659,7 +676,7 @@ export function WorkItemForm() {
                 if (pendingRelNav) {
                     // Push a new draft for the target item (discarding current)
                     formStackStore.getState().pop();
-                    const targetItem = allItems.find((i) => i.id === pendingRelNav);
+                    const targetItem = allItems.find((i) => i.rowId === pendingRelNav);
                     const defaultFields = {
                         title: '',
                         type: activeType ?? types[0] ?? '',
@@ -675,7 +692,7 @@ export function WorkItemForm() {
                     };
                     const newDraft = {
                         itemId: pendingRelNav,
-                        itemTitle: targetItem?.title ?? `#${pendingRelNav}`,
+                        itemTitle: targetItem?.title ?? `#${targetItem?.id ?? pendingRelNav}`,
                         fields: defaultFields,
                         initialSnapshot: { ...defaultFields },
                         focusedField: 0,
@@ -807,24 +824,24 @@ export function WorkItemForm() {
             }
             if (matchesCommand('form-edit', _input, key)) {
                 if (isRelationshipField) {
-                    let targetId = null;
+                    let targetRowId = null;
                     if (currentField === 'rel-parent' && existingItem?.parent) {
-                        targetId = existingItem.parent;
+                        targetRowId = existingItem.parent;
                     }
                     else if (currentField.startsWith('rel-child-')) {
-                        targetId = currentField.slice('rel-child-'.length);
+                        targetRowId = Number(currentField.slice('rel-child-'.length));
                     }
                     else if (currentField.startsWith('rel-dependent-')) {
-                        targetId = currentField.slice('rel-dependent-'.length);
+                        targetRowId = Number(currentField.slice('rel-dependent-'.length));
                     }
-                    if (targetId) {
+                    if (targetRowId) {
                         if (isDirty) {
-                            setPendingRelNav(targetId);
+                            setPendingRelNav(targetRowId);
                             setShowDirtyPrompt(true);
                         }
                         else {
                             // Create new draft for target item before navigating
-                            const targetItem = allItems.find((i) => i.id === targetId);
+                            const targetItem = allItems.find((i) => i.rowId === targetRowId);
                             const defaultFields = {
                                 title: '',
                                 type: activeType ?? types[0] ?? '',
@@ -839,14 +856,14 @@ export function WorkItemForm() {
                                 newComment: '',
                             };
                             const newDraft = {
-                                itemId: targetId,
-                                itemTitle: targetItem?.title ?? `#${targetId}`,
+                                itemId: targetRowId,
+                                itemTitle: targetItem?.title ?? `#${targetItem?.id ?? targetRowId}`,
                                 fields: defaultFields,
                                 initialSnapshot: { ...defaultFields },
                                 focusedField: 0,
                             };
                             pushDraft(newDraft);
-                            pushWorkItem(targetId);
+                            pushWorkItem(targetRowId);
                         }
                     }
                 }
@@ -1106,24 +1123,24 @@ export function WorkItemForm() {
     function renderRelationshipField(field, index) {
         const focused = index === focusedField;
         const cursor = focused ? '>' : ' ';
-        const id = field.startsWith('rel-child-')
-            ? field.slice('rel-child-'.length)
+        const rowId = field.startsWith('rel-child-')
+            ? Number(field.slice('rel-child-'.length))
             : field.startsWith('rel-dependent-')
-                ? field.slice('rel-dependent-'.length)
+                ? Number(field.slice('rel-dependent-'.length))
                 : null;
-        let item = null;
+        let relItem = null;
         if (field === 'rel-parent' && parentItem) {
-            item = { id: parentItem.id, title: parentItem.title };
+            relItem = parentItem;
         }
-        else if (id) {
-            const child = children.find((c) => c.id === id);
-            const dep = dependents.find((d) => d.id === id);
-            const relItem = child ?? dep;
-            item = relItem ? { id: relItem.id, title: relItem.title } : null;
+        else if (rowId !== null) {
+            relItem =
+                children.find((c) => c.rowId === rowId) ??
+                    dependents.find((d) => d.rowId === rowId) ??
+                    null;
         }
-        if (!item)
+        if (!relItem)
             return null;
-        return (_jsxs(Box, { children: [_jsxs(Text, { color: focused ? accent : undefined, children: [cursor, " "] }), _jsxs(Text, { bold: focused, color: focused ? accent : undefined, children: ["#", item.id, " (", item.title, ")"] })] }, field));
+        return (_jsxs(Box, { children: [_jsxs(Text, { color: focused ? accent : undefined, children: [cursor, " "] }), _jsxs(Text, { bold: focused, color: focused ? accent : undefined, children: ["#", relItem.id ?? relItem.rowId, " (", relItem.title, ")"] })] }, field));
     }
     const formStackLength = useFormStackStore((s) => s.stack.length);
     const chromeLines = useMemo(() => {
@@ -1168,7 +1185,7 @@ export function WorkItemForm() {
     const typeLabel = formMode === 'template' ? '' : type.charAt(0).toUpperCase() + type.slice(1);
     const isFieldVisible = (index) => index >= viewport.start && index < viewport.end;
     return (_jsxs(Box, { flexDirection: "column", children: [_jsx(Box, { marginBottom: 1, children: _jsxs(Text, { bold: true, color: accent, children: [mode, typeLabel ? ` ${typeLabel}` : '', formMode !== 'template' && selectedWorkItemId !== null
-                            ? ` #${selectedWorkItemId}`
+                            ? ` #${selectedDisplayId ?? selectedWorkItemId}`
                             : ''] }) }), _jsx(Breadcrumbs, {}), fields.map((field, index) => {
                 if (field === 'rel-parent' ||
                     field.startsWith('rel-child-') ||