Merge pull request #24 from ZDOSS/codex/calendar-dated-work-items

Add calendar dated work creation

Author: zeidalidiez

AI.md

@@ -238,6 +238,7 @@ The core domain in `packages/core/src/domain/` covers the entities the plan call
 - `DocEditor` now keeps that selection-sync effect above its null guard so hook ordering stays valid even if future refactors ever allow the component to see a transient `bundle === null`
 - roadmap lanes now show milestone target dates, completed/total/percent progress, dependency indicators from `relationshipsForItem()`, explicit date inputs, milestone reassignment controls, and inline invalid-range feedback while preserving date-only semantics through `item.update`; clearing Start or Due clears only that side of the range
 - calendar now keeps the month grid and adds a derived agenda for upcoming item start/due dates plus active reminders; reminder agenda rows use the reminder's IANA timezone to decide the visible date, boundary filtering keeps reminders visible when their local display date and UTC date straddle the agenda start, agenda links use existing work-item routes, and the feature does not introduce a calendar-specific storage model
+- calendar scheduled-work creation intentionally creates ordinary work items through the shared `CreateItemDialog` and `item.create` command, not a separate calendar-event entity; day-cell add buttons prefill the explicit cell `dueDate`, the toolbar opens the same dialog without carrying the hidden month `anchor` date, and the dialog exposes editable Start/Due date fields plus the existing type/status/priority/assignee controls
 - bug triage now exposes a visible `New bug` action in the intake column, maps software-project `inbox` bugs into Intake, opens the shared create dialog with the correct intake status preselected, and limits Intake's planned-status fallback so custom workflows can still populate Ready; `buildBugTriageColumns()` is shared with overview so accepted Ready bugs do not reappear as intake pressure
 - bug triage cards are now `<article>` surfaces with an internal item link and real form controls, not whole-card links, so triage buttons/selects are valid and testable; accept/decline/assign dispatch `item.update`, decline resolves to an existing canceled status or completed fallback before dispatching, snooze dispatches `reminder.create`, and duplicate linking opens a picker modal before dispatching `relationship.create` with `relatesTo`
 - bug triage toolbar now includes severity and priority filters, cards can edit severity/priority plus plugin-owned source/context data stored under `moduleData.bug`, and the optional Workflow setting blocks Accept/Decline out of intake until a bug has either severity or priority
@@ -302,7 +303,7 @@ The core domain in `packages/core/src/domain/` covers the entities the plan call
   - table bulk status/priority/assignee editing across selected rows, including selections hidden by a local filter
   - overview route summaries, default root-to-overview routing for open projects, project create/open/demo/import landing on overview, future-only reminders, and triage-lane bug intake matching the bug board
   - roadmap milestone progress, dependency indicators, date inputs, independent date clearing, and milestone reassignment controls
-  - calendar agenda rendering from item dates and timezone-local reminder dates
+  - calendar agenda rendering from item dates and timezone-local reminder dates, plus dated work-item creation from calendar day cells
   - trash restore and confirmed permanent deletion for work items, documents, and attachments
   - document soft-delete cleanup for document-scoped reminders and attachments, including reminder restoration from the document trash payload
   - document permanent-delete cleanup for document-scoped reminders and attachments
@@ -477,6 +478,7 @@ The core domain in `packages/core/src/domain/` covers the entities the plan call
   - adding table visible-row selection and bulk status/priority/assignee updates through existing `item.update` commands
   - expanding roadmap lanes with target dates, progress, relationship-based blocked indicators, date controls, invalid-range feedback, and milestone reassignment
   - adding a calendar agenda derived from item start/due dates and reminders
+  - adding calendar day-cell creation for dated work items through the shared create dialog
   - turning bug triage into an actionable workflow with filters plus accept, decline, snooze, owner assignment, and duplicate-link actions
   - adding backlog shared filters and table column visibility plus command-backed inline status, priority, assignee, milestone, and due-date edits
   - adding focused core and UI regression coverage for saved-view filters, viewbar rendering, default board routing, backlog saved views, board saved views, and table inline/editable saved views

Readme.md

@@ -14,7 +14,7 @@ The MVP implementation is in place. The current build supports:
 - **Table** with accessible sortable header buttons, corrected priority/updated sorting, saved working views, shared filters, column visibility and saved column order, row selection that survives filter changes, bulk status/priority/assignee edits, inline status/priority/assignee/milestone/due-date edits, custom-field columns, and shared metadata badges
 - **Docs** with Markdown editing, sanitized rendering, internal embeds, command-backed sections, reusable document templates, in-surface doc search, linked-work and backlink context panels, router-safe in-app navigation for preview links, stale document-route recovery, correct pane updates when switching documents, draft-preserving editor resets, shared confirmation for document deletion, and safe navigation to the next active document after deleting the open one
 - **Roadmap / timeline** with date drag/resize, milestone lanes, milestone progress and target dates, dependency indicators, explicit date controls that clear each side of a range independently, milestone reassignment, invalid-range feedback, and shared zoom/anchor controls
-- **Calendar** with accessible month navigation controls, month grid, date-based item visibility, and an agenda for upcoming start/due dates and timezone-aware reminders that stay visible around UTC/local day boundaries
+- **Calendar** with accessible month navigation controls, month grid, date-based item visibility, explicit day-level scheduled-work creation through the shared work-item dialog, and an agenda for upcoming start/due dates and timezone-aware reminders that stay visible around UTC/local day boundaries
 - **Bug triage** with severity, priority, source/context metadata, reproduction steps, expected/actual behavior, environment, affected version, shared work-card metadata, practical triage filters, accept/decline/snooze/assign actions, a searchable duplicate-link picker, configurable severity-or-priority intake gates, workflow-safe decline handling, and a visible new-bug entry point that defaults to the Intake lane without starving Ready in custom planned workflows
 - **My work** filtered to the locally selected member with a real member select control, shared work rows, and assigned-to-me creation
 - **Search** across items, docs, comments, and labels with shared search controls and grouped results

docs/plans/July 2026 plan.md

@@ -418,7 +418,7 @@ This combines the original saved-views slice and backlog/table parity slice into
 
 **Intent:** Make planning across dates and milestones useful without becoming heavyweight scheduling software.
 
-**Delivery note:** This scope was bundled into the July Planning Workflow milestone PR alongside table bulk actions, bug triage actions, calendar agenda, and the project overview route.
+**Delivery note:** This scope was bundled into the July Planning Workflow milestone PR alongside table bulk actions, bug triage actions, calendar agenda, and the project overview route. A follow-up added calendar day-cell creation for dated work items through the shared create dialog instead of adding a separate calendar-event entity.
 
 **Files:**
 
@@ -434,6 +434,7 @@ This combines the original saved-views slice and backlog/table parity slice into
 - [x] Show explicit invalid-range feedback.
 - [x] Support moving items between milestone lanes.
 - [x] Add an agenda-style calendar list for upcoming start/due dates and reminders.
+- [x] Add day-level scheduled-work creation from the calendar using normal work items with editable type/status/priority/assignee/start/due fields.
 - [x] Keep date-only semantics unchanged.
 
 ### PR 6: Bug Intake And Triage Workflow

packages/ui/src/theme/global.css

@@ -127,6 +127,17 @@
   font-weight: 500;
   color: var(--color-text-primary);
 }
+.form-grid {
+  display: grid;
+  gap: var(--space-2);
+}
+.form-grid-2 {
+  grid-template-columns: repeat(2, minmax(0, 1fr));
+}
+.form-error {
+  color: var(--color-danger);
+  font-size: var(--font-size-xs);
+}
 
 /* ---- App shell ---- */
 .app-shell {
@@ -900,11 +911,29 @@
 .calendar-day[data-today="true"] {
   background: var(--color-accent-soft);
 }
+.calendar-day-head {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: var(--space-1);
+  min-height: 22px;
+}
 .calendar-day-num {
   font-weight: 600;
   color: var(--color-text-secondary);
   font-size: var(--font-size-2xs);
 }
+.calendar-day-add {
+  width: 22px;
+  height: 22px;
+  min-height: 22px;
+  padding: 0;
+  opacity: 0.72;
+}
+.calendar-day-add:hover,
+.calendar-day-add:focus-visible {
+  opacity: 1;
+}
 .calendar-day[data-other-month="true"] {
   background: var(--color-bg-muted);
   color: var(--color-text-muted);
@@ -2327,6 +2356,9 @@
   .settings-inline-form .select {
     min-width: 0;
   }
+  .form-grid-2 {
+    grid-template-columns: 1fr;
+  }
   .settings-capability-row {
     grid-template-columns: 1fr;
   }

packages/ui/src/views/calendar/CalendarView.test.tsx

@@ -1,8 +1,11 @@
 import { cleanup, render, screen, within } from "@testing-library/react";
+import userEvent from "@testing-library/user-event";
 import { afterEach, beforeEach, describe, expect, it, vi } from "vitest";
 import { MemoryRouter } from "react-router-dom";
 import { buildProjectFromTemplate } from "@gph/core";
+import { closeCreateItem } from "../../commands/palette-bus";
 import { useProjectStore } from "../../store/project-store";
+import { CreateItemDialog } from "../../work-item";
 import { CalendarView } from "./CalendarView";
 
 function datePlus(days: number): string {
@@ -20,10 +23,12 @@ function timestampPlus(days: number): string {
 describe("CalendarView", () => {
   beforeEach(() => {
     cleanup();
+    closeCreateItem();
     useProjectStore.setState({ bundle: null });
   });
 
   afterEach(() => {
+    closeCreateItem();
     vi.useRealTimers();
   });
 
@@ -125,4 +130,49 @@ describe("CalendarView", () => {
     expect(row).toBeTruthy();
     expect(within(row as HTMLElement).getByText("2026-07-04")).toBeInTheDocument();
   });
+
+  it("opens a dated work item dialog from a calendar day", async () => {
+    const today = datePlus(0);
+    const bundle = buildProjectFromTemplate("software-project", "Calendar");
+    useProjectStore.setState({ bundle });
+
+    render(
+      <MemoryRouter>
+        <CalendarView />
+        <CreateItemDialog />
+      </MemoryRouter>
+    );
+
+    await userEvent.click(screen.getByRole("button", { name: `Add work on ${today}` }));
+
+    expect(screen.getByRole("dialog", { name: "Create work item" })).toBeInTheDocument();
+    expect(screen.getByLabelText("Due date")).toHaveValue(today);
+
+    await userEvent.selectOptions(screen.getByLabelText("Type"), "bug");
+    await userEvent.type(screen.getByLabelText("Title"), "Investigate launch blocker");
+    await userEvent.click(screen.getByRole("button", { name: "Create" }));
+
+    const created = useProjectStore.getState().bundle?.core.items.find((item) => item.title === "Investigate launch blocker");
+    expect(created).toMatchObject({
+      typeId: "bug",
+      dueDate: today
+    });
+  });
+
+  it("opens the toolbar create dialog without carrying a hidden calendar date", async () => {
+    const bundle = buildProjectFromTemplate("software-project", "Calendar");
+    useProjectStore.setState({ bundle });
+
+    render(
+      <MemoryRouter>
+        <CalendarView />
+        <CreateItemDialog />
+      </MemoryRouter>
+    );
+
+    await userEvent.click(screen.getByRole("button", { name: "New scheduled item" }));
+
+    expect(screen.getByRole("dialog", { name: "Create work item" })).toBeInTheDocument();
+    expect(screen.getByLabelText("Due date")).toHaveValue("");
+  });
 });

packages/ui/src/views/calendar/CalendarView.tsx

@@ -1,8 +1,9 @@
 import { useMemo, useState } from "react";
-import { ChevronLeft, ChevronRight } from "lucide-react";
+import { ChevronLeft, ChevronRight, Plus } from "lucide-react";
 import { Link } from "react-router-dom";
 import { dateOnlyFromTimestamp, todayDateOnly, type Reminder, type WorkItem } from "@gph/core";
 import { Button, IconButton, MetadataBadge, ViewToolbar } from "../../components";
+import { openCreateItem } from "../../commands/palette-bus";
 import { useProjectStore } from "../../store/project-store";
 
 /**
@@ -86,6 +87,14 @@ export function CalendarView() {
         <Button size="sm" onClick={() => setAnchor(todayDateOnly())}>
           Today
         </Button>
+        <Button
+          size="sm"
+          variant="primary"
+          icon={<Plus />}
+          onClick={() => openCreateItem()}
+        >
+          New scheduled item
+        </Button>
       </ViewToolbar>
       <div className="calendar-layout">
         <div className="calendar-grid" role="grid" aria-label="Calendar">
@@ -101,7 +110,16 @@ export function CalendarView() {
               data-other-month={day.other}
               data-today={day.today}
             >
-              <div className="calendar-day-num">{Number(day.date.slice(-2))}</div>
+              <div className="calendar-day-head">
+                <div className="calendar-day-num">{Number(day.date.slice(-2))}</div>
+                <IconButton
+                  aria-label={`Add work on ${day.date}`}
+                  className="calendar-day-add"
+                  onClick={() => openCreateItem({ dueDate: day.date })}
+                >
+                  <Plus aria-hidden="true" />
+                </IconButton>
+              </div>
               {(itemsByDate.get(day.date) ?? []).map((item) => (
                 <Link key={item.id} to={`/item/${item.id}`} className="calendar-pill">
                   {item.title}

packages/ui/src/work-item/CreateItemDialog.test.tsx

@@ -49,4 +49,28 @@ describe("CreateItemDialog", () => {
     expect(screen.getByLabelText("Title")).toHaveValue("Keep my draft");
     expect(screen.getByLabelText("Description")).toHaveValue("Do not clear this");
   });
+
+  it("creates a work item with prefilled planning dates", async () => {
+    render(
+      <MemoryRouter>
+        <CreateItemDialog />
+      </MemoryRouter>
+    );
+
+    act(() => openCreateItem({ typeId: "bug", startDate: "2026-07-09", dueDate: "2026-07-12" }));
+
+    expect(screen.getByLabelText("Type")).toHaveValue("bug");
+    expect(screen.getByLabelText("Start date")).toHaveValue("2026-07-09");
+    expect(screen.getByLabelText("Due date")).toHaveValue("2026-07-12");
+
+    await userEvent.type(screen.getByLabelText("Title"), "Fix scheduled regression");
+    await userEvent.click(screen.getByRole("button", { name: "Create" }));
+
+    const created = useProjectStore.getState().bundle?.core.items.find((item) => item.title === "Fix scheduled regression");
+    expect(created).toMatchObject({
+      typeId: "bug",
+      startDate: "2026-07-09",
+      dueDate: "2026-07-12"
+    });
+  });
 });

packages/ui/src/work-item/CreateItemDialog.tsx

@@ -17,6 +17,8 @@ export function CreateItemDialog() {
   const [description, setDescription] = useState("");
   const [priorityId, setPriorityId] = useState<string>("");
   const [assigneeId, setAssigneeId] = useState<string>("");
+  const [startDate, setStartDate] = useState<string>("");
+  const [dueDate, setDueDate] = useState<string>("");
   const navigate = useNavigate();
   const itemTypes = bundle?.core.itemTypes;
   const projectDefaultInitialStatusId = bundle?.project.defaultInitialStatusId ?? "";
@@ -53,10 +55,14 @@ export function CreateItemDialog() {
         : defaultPriorityIdForType(nextTypeId)
     );
     setAssigneeId(prefill?.assigneeId ?? "");
+    setStartDate(prefill?.startDate ?? "");
+    setDueDate(prefill?.dueDate ?? "");
   }, [
     open,
     prefill?.assigneeId,
+    prefill?.dueDate,
     prefill?.priorityId,
+    prefill?.startDate,
     prefill?.statusId,
     prefill?.typeId,
     projectDefaultTypeId,
@@ -71,6 +77,7 @@ export function CreateItemDialog() {
   const statuses = bundle.core.statuses;
   const priorities = bundle.core.priorities;
   const members = bundle.core.members.filter((member) => !member.archived);
+  const invalidDateRange = Boolean(startDate && dueDate && startDate > dueDate);
 
   const changeType = (nextTypeId: string) => {
     setTypeId(nextTypeId);
@@ -79,7 +86,7 @@ export function CreateItemDialog() {
   };
 
   const submit = () => {
-    if (!title.trim()) return;
+    if (!title.trim() || invalidDateRange) return;
     const r = applyCommand({
       type: "item.create",
       projectId: bundle.project.id,
@@ -88,7 +95,9 @@ export function CreateItemDialog() {
       description: description.trim(),
       statusId: statusId || undefined,
       priorityId: priorityId || null,
-      assigneeId: assigneeId || null
+      assigneeId: assigneeId || null,
+      startDate: startDate || null,
+      dueDate: dueDate || null
     });
     closeCreateItem();
     const newId = r.bundle.core.items[r.bundle.core.items.length - 1].id;
@@ -145,6 +154,19 @@ export function CreateItemDialog() {
                 ))}
               </select>
             </label>
+            <div className="form-grid form-grid-2">
+              <label className="label">
+                Start date
+                <input className="input" type="date" value={startDate} onChange={(e) => setStartDate(e.target.value)} />
+              </label>
+              <label className="label">
+                Due date
+                <input className="input" type="date" value={dueDate} onChange={(e) => setDueDate(e.target.value)} />
+              </label>
+            </div>
+            {invalidDateRange ? (
+              <div className="form-error">Start date must not be later than due date.</div>
+            ) : null}
             <label className="label label-row">
               Assignee
               <select className="select" value={assigneeId} onChange={(e) => setAssigneeId(e.target.value)}>
@@ -168,7 +190,7 @@ export function CreateItemDialog() {
         </div>
         <div className="modal-footer">
           <button className="btn" onClick={() => closeCreateItem()}>Cancel</button>
-          <button className="btn btn-primary" onClick={submit} disabled={!title.trim()}>Create</button>
+          <button className="btn btn-primary" onClick={submit} disabled={!title.trim() || invalidDateRange}>Create</button>
         </div>
       </div>
     </div>