One quick question
A couple of things need one quick question before they become real tasks.
A few items you offloaded need one quick question before they become real tasks. One at a time — under a minute.
{idx + 1} of {toAsk.length} to clarify
{toAsk.map((_, i) => (
))}
Answer by
{mode === 'chat' && (!currentTask.clarifyKind || currentTask.clarifyKind === 'vague')
?
setIdx((i) => i + 1)} />
: setIdx((i) => i + 1)} />}
);
}
/* ---------- Card mode ----------
One card, four shapes of question:
- vague : the classic "what do you need to do about X?" → AI reshapes it
- child : "which child is this for?" → tap a child chip (tags siblings too)
- date : "when is this due?" → a date picker, no title rewrite
- who : "which company is this with?" → short text, appended to the title */
function ClarifyCard({ task, onDone }) {
const state = useDumpStore();
const live = state.tasks.find((t) => t.id === task.id) || task;
const kindRaw = live.clarifyKind && live.clarifyKind !== 'vague' ? live.clarifyKind : 'vague';
// No children configured → a "which child?" chip card is a dead end; fall back
// to the free-text "who" question instead.
const children = state.settings.children || [];
const kind = kindRaw === 'child' && children.length === 0 ? 'who' : kindRaw;
const noun = extractNoun(task);
const [answer, setAnswer] = useState('');
const [dateVal, setDateVal] = useState(live.dueDate || '');
const [busy, setBusy] = useState(false);
const [leaving, setLeaving] = useState(false);
const [followUp, setFollowUp] = useState(null);
const [courseMode, setCourseMode] = useState(false);
const [dailyDays, setDailyDays] = useState(10);
const firstAnswer = useRef('');
const inputRef = useRef(null);
const dateRef = useRef(null);
const skippedSibling = useRef(false);
const advanced = useRef(false);
// Guarded: a card may try to advance twice (its own commit ALSO fires the
// sibling-skip effect below) — without this, answering one card skips the next.
const advance = () => {
if (advanced.current) return;
advanced.current = true;
setLeaving(true); setTimeout(onDone, 300);
};
// A sibling from the same letter answered this for us → slide past silently.
useEffect(() => {
if (!skippedSibling.current && !needsClarify(live)) { skippedSibling.current = true; advance(); }
}, [live.clarifyKind, live.bucket, live.childId]);
const focusInput = () => setTimeout(() => inputRef.current && inputRef.current.focus(), 80);
useEffect(() => { if (kind === 'vague' || kind === 'who') { const t = focusInput(); return () => clearTimeout(t); } }, []);
// -- vague: AI reshape (with one optional follow-up) --
const confirmVague = async () => {
if (busy || leaving) return;
const ans = answer.trim();
setBusy(true);
try {
const askingFollowUp = followUp === null;
const combined = askingFollowUp ? ans : (firstAnswer.current + '. ' + ans);
const res = await DumpAPI.clarifyItem(noun, combined, askingFollowUp);
if (askingFollowUp && res && res.followUp) {
firstAnswer.current = ans;
setFollowUp(res.followUp);
setAnswer('');
setBusy(false);
focusInput();
return;
}
DumpAPI.commitClarifiedItem(task.id, res);
advance();
} catch (e) {
DumpAPI.toast(e.friendly ? e.message : 'Couldn’t reach AI — skip this one or head to your board.', {
action: { label: 'Go to board', fn: () => DumpStore.set({ route: 'tasks' }) }
});
setBusy(false);
}
};
// -- child: tag this task + any siblings from the same source --
const pickChild = (childId) => { if (busy || leaving) return; DumpAPI.assignChild(task.id, childId); advance(); };
// -- date: set a due date in place, no rewrite --
const confirmDate = () => {
if (busy || leaving) return;
// Read the input directly as a fallback — some browsers don't fire React's
// onChange for
Raw “{rawLabel}”
{kind === 'vague' && followUp ? (
You said: “{firstAnswer.current}”
) : null}
{kind === 'child' ? (
{children.length ? (
{children.map((c) => (
))}
) : (
No children added yet — add them in Settings to tag tasks by child.
)}
) : kind === 'daily' ? (
{courseMode ? (
Track for
setDailyDays(e.target.value)}
onKeyDown={(e) => { if (e.key === 'Enter') confirmDaily(parseInt(dailyDays, 10) || 10); }} />
days, then stop
) : null}
Daily things live on Today with a tick each day — you’ll see your streak and any missed days. A memory aid, not an alarm.
) : kind === 'date' ? (
setDateVal(e.target.value)} onInput={(e) => setDateVal(e.target.value)} />
) : (
)}
);
}
/* ---------- Chat mode ---------- */
function ClarifyChat({ task, onDone }) {
const noun = extractNoun(task);
const [phase, setPhase] = useState('asking'); // asking | thinking | result
const [draft, setDraft] = useState('');
const [a1, setA1] = useState(null); // first answer (shown as user bubble)
const [followUpQ, setFollowUpQ] = useState(null);
const [a2, setA2] = useState(null); // follow-up answer
const [tasks, setTasks] = useState(null); // array of result task objects
const [editing, setEditing] = useState(false);
const [editTitle, setEditTitle] = useState('');
const [leaving, setLeaving] = useState(false);
const inputRef = useRef(null);
const focusInput = () => setTimeout(() => inputRef.current && inputRef.current.focus(), 80);
useEffect(() => { const t = focusInput(); return () => clearTimeout(t); }, []);
const advance = () => { setLeaving(true); setTimeout(onDone, 300); };
const commit = (list) => { DumpAPI.commitClarifiedItem(task.id, { tasks: list }); advance(); };
const send = async () => {
if (phase !== 'asking') return;
const ans = draft.trim();
const askingFollowUp = followUpQ === null;
setPhase('thinking');
if (askingFollowUp) setA1(ans); else setA2(ans);
setDraft('');
try {
const combined = askingFollowUp ? ans : (a1 + '. ' + ans);
const res = await DumpAPI.clarifyItem(noun, combined, askingFollowUp);
if (askingFollowUp && res && res.followUp) {
setFollowUpQ(res.followUp);
setPhase('asking');
focusInput();
return;
}
const list = res.tasks || [];
setTasks(list);
setEditTitle(list[0] ? list[0].title : '');
setPhase('result'); // wait for the user to confirm — no auto-advance
} catch (e) {
DumpAPI.toast(e.friendly ? e.message : 'Something went wrong — try again.');
setPhase('asking');
}
};
const startEdit = () => { setEditing(true); };
const saveEdit = () => {
const list = tasks.slice();
list[0] = Object.assign({}, list[0], { title: editTitle.trim() || list[0].title });
commit(list);
};
const looksGood = () => commit(tasks);
const single = tasks && tasks.length === 1;
return (
{a1 !== null ? (
) : null}
{followUpQ ? (
) : null}
{a2 !== null ? (
) : null}
{phase === 'thinking' ? (
) : null}
{phase === 'result' && tasks ? (
{tasks.map((t, i) => {
const meta = bucketMeta(t.bucket);
return (
{meta.icon(12)} {meta.label}
{single && editing ? (
setEditTitle(e.target.value)}
onKeyDown={(e) => { if (e.key === 'Enter') saveEdit(); }}
>
) : (
{t.title}
)}
{t.bucket === 'project' && t.firstNextAction
?
First step: {t.firstNextAction}
: null}
);
})}
{single && editing ? (
) : (
{single ? : null}
)}
) : null}
{phase === 'asking' ? (
) : null}
);
}
window.ClarifySection = ClarifySection;