Function renderTaskRow

packages/app-core/src/components/CalendarPanel.tsx:774–855

(
    task: VaultTask,
    dayIso: string,
    opts?: { isActive?: boolean; rowRef?: React.RefObject<HTMLDivElement> | null }
  )

  // One task row in the week agenda: draggable to a calendar day (move / set
  // due), click to open, right-click for actions, inline-editable.
  const renderTaskRow = (
    task: VaultTask,
    dayIso: string,
    opts?: { isActive?: boolean; rowRef?: React.RefObject<HTMLDivElement> | null }
  ): JSX.Element =>
    editingTaskId === task.id ? (
      <div key={task.id} className="flex items-center gap-2 px-1.5 py-1">
        <span className="h-3.5 w-3.5 shrink-0 rounded-sm border border-paper-400/70" />
        <input
          autoFocus
          value={editValue}
          onChange={(e) => setEditValue(e.target.value)}
          onKeyDown={(e) => {
            if (e.key === 'Enter') {
              e.preventDefault()
              e.currentTarget.blur()
            } else if (e.key === 'Escape') {
              e.stopPropagation()
              cancelEditRef.current = true
              e.currentTarget.blur()
            }
          }}
          onBlur={() => {
            if (cancelEditRef.current) {
              cancelEditRef.current = false
            } else {
              const text = editValue.trim()
              if (text && text !== taskTail(task)) {
                void applyTaskMutation(task, { kind: 'set-text', text })
              }
            }
            setEditingTaskId(null)
          }}
          className="min-w-0 flex-1 rounded border border-accent/60 bg-paper-100 px-1 py-0.5 text-xs outline-none"
          spellCheck={false}
          autoComplete="off"
        />
      </div>
    ) : (
      // Draggable <div> (not <button>) — Chromium/Electron won't fire dragstart
      // on a native button.
      <div
        key={task.id}
        ref={opts?.rowRef ?? undefined}
        role="button"
        tabIndex={0}
        draggable
        onDragStart={(e) => {
          e.dataTransfer.effectAllowed = 'move'
          e.dataTransfer.setData('text/plain', task.id)
          dragTaskRef.current = task
        }}
        onDragEnd={() => {
          dragTaskRef.current = null
          setDragOverIso(null)
        }}
        onClick={() => void openTaskAt(task)}
        onContextMenu={(e) => openTaskMenu(e, task)}