> ## Documentation Index
> Fetch the complete documentation index at: https://learn.actionist.ai/llms.txt
> Use this file to discover all available pages before exploring further.

# Projects

> Describe a goal, approve the plan, and let agents run the work. Actionist drafts a plan of tasks, executes what it can in parallel, and pulls you in only when a task needs a decision, an approval, a payment, or a login.

<div className="mxp-hero xc-border">
  <div className="exp-eyebrow mxp-rise">PLAN AND EXECUTE</div>

  <h2 className="mxp-hero-title mxp-rise" style={{animationDelay:'0.06s'}}>
    Describe it. Actionist plans it, then <span style={{background:'linear-gradient(90deg,#24A4FF,#9000FF,#E3008E)',WebkitBackgroundClip:'text',backgroundClip:'text',color:'transparent'}}>runs it.</span>
  </h2>

  <p className="mxp-hero-dek mxp-rise" style={{animationDelay:'0.13s'}}>
    Projects is the planning and execution core of Actionist. Describe a goal, review the plan it drafts, and launch. Worker agents pick up the tasks and run them in parallel, reaching you only when something needs a decision, an approval, a payment, or a login.
  </p>
</div>

<div className="w-full py-10">
  <div className="actionist-tight flex flex-col gap-2 mb-6">
    <span className="actionist-section-eyebrow">The idea</span>
    <h2 className="text-2xl md:text-3xl font-semibold tracking-tight text-gray-900 dark:text-gray-50">One place where work is planned, delegated, and done.</h2>

    <p className="text-base text-gray-600 dark:text-gray-400 max-w-3xl">
      Most people do not freeze because agents cannot act. They freeze at the blank box, unsure what to ask for. Projects removes that: the Planner drafts the plan, you approve it, and the work runs itself as far as it safely can.
    </p>
  </div>

  <div className="pjx-stats">
    <div className="pjx-stat">
      <div className="pjx-stat-num">9</div>
      <div className="pjx-stat-label">starter templates to plan from</div>
    </div>

    <div className="pjx-stat">
      <div className="pjx-stat-num">4</div>
      <div className="pjx-stat-label">ways to view your work</div>
    </div>

    <div className="pjx-stat">
      <div className="pjx-stat-num">3</div>
      <div className="pjx-stat-label">queues for what needs you</div>
    </div>

    <div className="pjx-stat">
      <div className="pjx-stat-num">Parallel</div>
      <div className="pjx-stat-label">tasks run at the same time</div>
    </div>
  </div>

  <Columns cols={2}>
    <Card title="Start from a plan, not a blank box" icon="list-checks">
      Pick a template or describe your goal in a sentence. The Planner asks a few questions and drafts projects, tasks, and the order between them. You edit anything before it runs.
    </Card>

    <Card title="Agents do the work, you do only what only you can" icon="user-check">
      Once you launch, worker agents claim ready tasks and run several at once. They pause and ask only when a step genuinely needs a human.
    </Card>
  </Columns>
</div>

<div className="w-full py-10 xc-rise">
  <div className="actionist-tight flex flex-col gap-2 mb-6">
    <span className="actionist-section-eyebrow">The loop</span>
    <h2 className="text-2xl md:text-3xl font-semibold tracking-tight text-gray-900 dark:text-gray-50">From a sentence to finished work.</h2>

    <p className="text-base text-gray-600 dark:text-gray-400 max-w-3xl">
      Every project follows the same path, from the first sentence to the last approval.
    </p>
  </div>

  <div className="mxp-pipe">
    <div className="mxp-pipe-node"><strong>Describe</strong><span>Type a goal or pick a template.</span></div>

    <div className="mxp-pipe-link" />

    <div className="mxp-pipe-node"><strong>Plan drafted</strong><span>The Planner writes projects, tasks, and order.</span></div>

    <div className="mxp-pipe-link d2" />

    <div className="mxp-pipe-node"><strong>Approve</strong><span>Review, edit, and materialize the plan.</span></div>

    <div className="mxp-pipe-link d3" />

    <div className="mxp-pipe-node"><strong>Launch</strong><span>The whole plan, or one phase.</span></div>

    <div className="mxp-pipe-link d4" />

    <div className="mxp-pipe-node"><strong>Agents run</strong><span>Tasks execute in parallel and report back.</span></div>
  </div>

  <Steps>
    <Step title="Describe your goal or pick a template" icon="sparkles">
      Start a new project, name it, then choose how to begin: load one of nine templates, describe your goal to the Planner, or build the outline from scratch.
    </Step>

    <Step title="The Planner drafts the outline" icon="wand-sparkles">
      A dedicated Planner agent asks a few clarifying questions, then drafts projects, tasks, and the dependencies between them. It plans only. It never runs the tasks itself.
    </Step>

    <Step title="Edit and refine" icon="pen-line">
      Adjust anything: objectives, owners, the order, which tasks need review. An optional Plan Critic reviews the draft for gaps before you commit.
    </Step>

    <Step title="Approve and Review" icon="check">
      Approving turns the draft into real tasks on the board. Nothing runs yet.
    </Step>

    <Step title="Preflight" icon="shield-check">
      Actionist checks that every task is execution ready and that the apps it needs are connected, flagging anything to fix before work starts.
    </Step>

    <Step title="Launch" icon="rocket">
      Launch the whole plan, or one phase at a time, when you are ready for agents to begin.
    </Step>

    <Step title="Agents run in parallel" icon="workflow">
      Worker agents pick up every unblocked task and run several at once. Dependent tasks wait automatically until their prerequisites finish.
    </Step>

    <Step title="You get pulled in, then it resumes" icon="bell">
      When a task needs you, the agent parks safely and posts a card to a queue. Answer it, and the agent resumes from the exact step it paused on.
    </Step>
  </Steps>
</div>

<div className="w-full py-10 xc-rise">
  <div className="actionist-tight flex flex-col gap-2 mb-6">
    <span className="actionist-section-eyebrow">Try it · views</span>
    <h2 className="text-2xl md:text-3xl font-semibold tracking-tight text-gray-900 dark:text-gray-50">Four ways to see your work.</h2>

    <p className="text-base text-gray-600 dark:text-gray-400 max-w-3xl">
      The same tasks, shown the way you need them. Switch between the four views below.
    </p>
  </div>

  <div className="pjx-switch exp-tool-shell xc-try">
    <div className="mxp-srch-chips">
      <label htmlFor="pv-list"><input className="mxp-r" type="radio" name="pjx-view" id="pv-list" defaultChecked />List</label>
      <label htmlFor="pv-kanban"><input className="mxp-r" type="radio" name="pjx-view" id="pv-kanban" />Kanban</label>
      <label htmlFor="pv-dag"><input className="mxp-r" type="radio" name="pjx-view" id="pv-dag" />Dependencies</label>
      <label htmlFor="pv-issued"><input className="mxp-r" type="radio" name="pjx-view" id="pv-issued" />Issued to me</label>
    </div>

    {/* LIST */}

    <div className="pjx-panel pjx-p-list">
      <div className="mxp-window" style={{marginTop:'20px'}}>
        <div className="mxp-window-bar">
          <span className="mxp-window-dot" />

          <span className="mxp-window-dot" />

          <span className="mxp-window-dot" />

          <span className="mxp-window-title">Projects · List</span>
        </div>

        <div className="pjx-mb">
          <div className="pjx-lb">
            <div className="pjx-auto">
              <div className="pjx-auto-bar">
                <span className="pjx-seg a" style={{flex:'23'}} />

                <span className="pjx-seg y" style={{flex:'2'}} />

                <span className="pjx-seg p" style={{flex:'5'}} />
              </div>

              <div className="pjx-auto-leg">
                <span className="pjx-lg">
                  <span><i style={{background:'#14b8a6'}} />Actionist <b>23</b></span>
                  <span><i style={{background:'#486EFF'}} />You <b>2</b></span>
                  <span><i style={{background:'#FD840C'}} />Approval <b>5</b></span>
                </span>

                <span className="pjx-pct">Actionist handles \~77%</span>
              </div>
            </div>

            <div className="pjx-lh"><span>TASK</span><span>STATUS</span><span>ASSIGNEE</span></div>

            <div className="pjx-lrow grp">
              <span className="pjx-ltask"><span className="pjx-cv open">›</span><span className="pjx-lname">Set up the business</span><span className="pjx-lmeta">5 tasks · 16 subtasks</span></span>
              <span className="pjx-st prog">In progress</span>
              <span className="pjx-stack"><span className="pjx-av2 ea">EA</span><span className="pjx-av2 oa">OA</span><span className="pjx-av2 you">Y</span></span>
            </div>

            <div className="pjx-lrow acc acc-g">
              <span className="pjx-ltask"><span className="pjx-cv open">›</span><span className="pjx-lname">Decide your offer and pricing</span></span>
              <span className="pjx-st done">Done</span>
              <span className="pjx-asg ea"><span className="pjx-av2 ea">EA</span>Executive Agent</span>
            </div>

            <div className="pjx-subs">
              <div className="pjx-lsub"><span className="pjx-ltask"><span className="pjx-lname">Pick the business types you will target</span></span><span className="pjx-st done">Done</span></div>
              <div className="pjx-lsub"><span className="pjx-ltask"><span className="pjx-lname">Set your site price and upkeep retainer</span></span><span className="pjx-st done">Done</span></div>
              <div className="pjx-lsub"><span className="pjx-ltask"><span className="pjx-lname">Write a one line offer you can repeat</span></span><span className="pjx-st done">Done</span></div>
            </div>

            <div className="pjx-lrow acc acc-g">
              <span className="pjx-ltask"><span className="pjx-cv open">›</span><span className="pjx-lname">Register the business</span><span className="pjx-doc"><svg width="9" height="9" viewBox="0 0 24 24" fill="none" stroke="#04310f" strokeWidth="2.5" strokeLinecap="round" strokeLinejoin="round"><path d="M14 3v4a1 1 0 0 0 1 1h4" /><path d="M17 21H7a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h7l5 5v11a2 2 0 0 1-2 2z" /></svg></span></span>
              <span className="pjx-st done">Done</span>
              <span className="pjx-asg oa"><span className="pjx-av2 oa">OA</span>Operations Agent</span>
            </div>

            <div className="pjx-subs">
              <div className="pjx-lsub"><span className="pjx-ltask"><span className="pjx-lname">Check the business name is free</span></span><span className="pjx-st done">Done</span></div>
              <div className="pjx-lsub"><span className="pjx-ltask"><span className="pjx-lname">File the registration</span></span><span className="pjx-st done">Done</span></div>
              <div className="pjx-lsub"><span className="pjx-ltask"><span className="pjx-lname">Save the certificate to your tracker</span></span><span className="pjx-st done">Done</span></div>
            </div>

            <div className="pjx-lrow acc acc-b">
              <span className="pjx-ltask"><span className="pjx-cv">›</span><span className="pjx-lname">Open a business bank account</span></span>
              <span className="pjx-st todo">To do</span>
              <span className="pjx-asg you"><span className="pjx-av2 you">Y</span>You</span>
            </div>

            <div className="pjx-lrow acc acc-g">
              <span className="pjx-ltask"><span className="pjx-cv">›</span><span className="pjx-lname">Set up a simple brand</span></span>
              <span className="pjx-st prog">In progress</span>
              <span className="pjx-asg ea"><span className="pjx-av2 ea">EA</span>Executive Agent</span>
            </div>

            <div className="pjx-lrow acc acc-g">
              <span className="pjx-ltask"><span className="pjx-cv">›</span><span className="pjx-lname">Build your project tracker</span><span className="pjx-doc"><svg width="9" height="9" viewBox="0 0 24 24" fill="none" stroke="#04310f" strokeWidth="2.5" strokeLinecap="round" strokeLinejoin="round"><path d="M14 3v4a1 1 0 0 0 1 1h4" /><path d="M17 21H7a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h7l5 5v11a2 2 0 0 1-2 2z" /></svg></span></span>
              <span className="pjx-st done">Done</span>
              <span className="pjx-asg oa"><span className="pjx-av2 oa">OA</span>Operations Agent</span>
            </div>

            <div className="pjx-lrow grp">
              <span className="pjx-ltask"><span className="pjx-cv">›</span><span className="pjx-lname">Build your web presence</span><span className="pjx-lmeta">5 tasks · 16 subtasks</span></span>
              <span className="pjx-st wait">Waiting</span>
              <span className="pjx-stack"><span className="pjx-av2 da">DA</span><span className="pjx-av2 oa">OA</span><span className="pjx-av2 you">Y</span></span>
            </div>

            <div className="pjx-lrow grp">
              <span className="pjx-ltask"><span className="pjx-cv">›</span><span className="pjx-lname">Find local businesses</span><span className="pjx-lmeta">5 tasks · 16 subtasks</span></span>
              <span className="pjx-st prog">In progress</span>
              <span className="pjx-stack"><span className="pjx-av2 sa">SA</span><span className="pjx-av2 ca">CA</span></span>
            </div>

            <div className="pjx-lrow grp">
              <span className="pjx-ltask"><span className="pjx-cv">›</span><span className="pjx-lname">Win the work</span><span className="pjx-lmeta">5 tasks · 15 subtasks</span></span>
              <span className="pjx-st sched">Scheduled</span>
              <span className="pjx-stack"><span className="pjx-av2 sa">SA</span><span className="pjx-av2 ra">RA</span><span className="pjx-av2 you">Y</span></span>
            </div>
          </div>
        </div>
      </div>
    </div>

    {/* KANBAN */}

    <div className="pjx-panel pjx-p-kanban">
      <div className="mxp-window" style={{marginTop:'20px'}}>
        <div className="mxp-window-bar">
          <span className="mxp-window-dot" />

          <span className="mxp-window-dot" />

          <span className="mxp-window-dot" />

          <span className="mxp-window-title">Projects · Kanban</span>
        </div>

        <div className="pjx-mb">
          <div className="pjx-kan">
            <div className="pjx-col">
              <div className="pjx-col-head">Backlog <span className="pjx-col-n">2</span></div>
              <div className="pjx-tk">Set up analytics</div>
              <div className="pjx-tk">Draft the FAQ</div>
            </div>

            <div className="pjx-col">
              <div className="pjx-col-head">Ready <span className="pjx-col-n">1</span></div>
              <div className="pjx-tk">Schedule the emails</div>
            </div>

            <div className="pjx-col">
              <div className="pjx-col-head">In progress <span className="pjx-col-n">1</span></div>
              <div className="pjx-tk">Draft the announcement<div className="pjx-who"><span className="pjx-ava">A</span>Aria</div></div>
            </div>

            <div className="pjx-col">
              <div className="pjx-col-head">Needs you <span className="pjx-col-n">1</span></div>
              <div className="pjx-tk">Approve the final copy<div className="pjx-who"><span className="pjx-ava human">Y</span>You</div></div>
            </div>

            <div className="pjx-col">
              <div className="pjx-col-head">In review <span className="pjx-col-n">1</span></div>
              <div className="pjx-tk">Newsletter draft<div className="pjx-who"><span className="pjx-ava">R</span>Ravi</div></div>
            </div>

            <div className="pjx-col">
              <div className="pjx-col-head">Done <span className="pjx-col-n">2</span></div>
              <div className="pjx-tk">Competitor scan</div>
            </div>
          </div>
        </div>
      </div>
    </div>

    {/* DEPENDENCIES */}

    <div className="pjx-panel pjx-p-dag">
      <div className="mxp-window" style={{marginTop:'20px'}}>
        <div className="mxp-window-bar">
          <span className="mxp-window-dot" />

          <span className="mxp-window-dot" />

          <span className="mxp-window-dot" />

          <span className="mxp-window-title">Projects · Dependencies</span>
        </div>

        <div className="pjx-mb">
          <div className="pjx-dag">
            <div className="pjx-chain">
              <span className="pjx-node done">Register the domain</span>
              <span className="pjx-ar">→</span>
              <span className="pjx-node">Build the landing page</span>
              <span className="pjx-ar">→</span>
              <span className="pjx-node">Launch the campaign</span>
            </div>

            <div className="pjx-chain">
              <span className="pjx-node">Draft the copy</span>
              <span className="pjx-ar">→</span>
              <span className="pjx-node">Approve the copy</span>
              <span className="pjx-ar">→</span>
              <span className="pjx-node">Publish to the blog</span>
            </div>
          </div>

          <div className="pjx-note">A read-only map of what waits on what. Change the order in the plan editor.</div>
        </div>
      </div>
    </div>

    {/* ISSUED TO ME */}

    <div className="pjx-panel pjx-p-issued">
      <div className="mxp-window" style={{marginTop:'20px'}}>
        <div className="mxp-window-bar">
          <span className="mxp-window-dot" />

          <span className="mxp-window-dot" />

          <span className="mxp-window-dot" />

          <span className="mxp-window-title">Projects · Issued to me</span>
        </div>

        <div className="pjx-mb">
          <div className="pjx-q">
            <div className="pjx-qcard">
              <span className="pjx-qcard-l">
                <span className="pjx-qtag u">To unblock</span>
                <span className="pjx-qcard-t">Pay for the domain renewal</span>
                <span className="pjx-qcard-p">Q3 product launch</span>
              </span>

              <span className="pjx-qbtn">Resolve</span>
            </div>

            <div className="pjx-qcard">
              <span className="pjx-qcard-l">
                <span className="pjx-qtag r">To review</span>
                <span className="pjx-qcard-t">Approve the launch announcement</span>
                <span className="pjx-qcard-p">Q3 product launch</span>
              </span>

              <span className="pjx-qbtn">Review</span>
            </div>

            <div className="pjx-qcard">
              <span className="pjx-qcard-l">
                <span className="pjx-qtag d">To do</span>
                <span className="pjx-qcard-t">Choose a print vendor from three quotes</span>
                <span className="pjx-qcard-p">Store refresh</span>
              </span>

              <span className="pjx-qbtn">Mark done</span>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>

  <div className="pjx-note">List is the default. Kanban sorts tasks by lifecycle, Dependencies maps the order, and Issued to me gathers everything that needs you across every project.</div>

  <Info>
    The screens on this page are illustrative. Names, projects, and tasks are examples.
  </Info>
</div>

<hr className="xc-divider" />

<div className="w-full py-10 xc-rise">
  <div className="actionist-tight flex flex-col gap-2 mb-6">
    <span className="actionist-section-eyebrow">What needs you</span>
    <h2 className="text-2xl md:text-3xl font-semibold tracking-tight text-gray-900 dark:text-gray-50">You only do what only you can do.</h2>

    <p className="text-base text-gray-600 dark:text-gray-400 max-w-3xl">
      When a task needs a human, the agent parks safely and posts a card. Everything you need to action, across every project, gathers in Issued to me, sorted so the most blocking work comes first.
    </p>
  </div>

  <Columns cols={3}>
    <Card title="To unblock" icon="key">
      An agent is stuck and needs something only you can give: a payment, a login, a decision, or a file. Provide it and the task continues.
    </Card>

    <Card title="To review" icon="eye">
      An agent finished a piece of work and wants your sign-off before it goes further. Approve it, or request changes and it runs again.
    </Card>

    <Card title="To do" icon="square-check">
      A task only a human can do. Pick it up, complete it, and mark it done.
    </Card>
  </Columns>

  <div className="mt-6">
    <AccordionGroup>
      <Accordion title="Response types" icon="list" defaultOpen={true}>
        Each card asks for exactly what it needs, using one of five fixed responses: <strong>approve or reject</strong> (with feedback), <strong>choose one</strong>, <strong>select several</strong>, <strong>free text</strong>, or <strong>confirm a payment</strong>. You can act on any of them from your phone.
      </Accordion>

      <Accordion title="Shared across your team" icon="users">
        The queues are shared across everyone with access to Projects. Anyone on the team can pick up a card and action it, so nothing waits on one person being online.
      </Accordion>
    </AccordionGroup>
  </div>

  <div className="w-full py-8 xc-rise">
    <div className="xc-phone">
      <div className="xc-phone-head">
        <div className="xc-phone-ava" style={{background:'linear-gradient(135deg,#7C5BFF,#E3008E)'}}>A</div>

        <div>
          <strong>Aria</strong>
          <div className="handle">@aria\_actionist\_bot</div>
        </div>

        <div className="xc-phone-online">ONLINE</div>
      </div>

      <div className="xc-phone-body">
        <div className="xc-phone-badge">TO UNBLOCK · PAYMENT</div>

        <div className="xc-phone-card">
          <div className="xc-phone-card-body">
            <strong>Payment needed</strong>
            <span>Renew launchsite.com · 12 USD / year</span>

            <span style={{marginTop:'5px',display:'block',opacity:'1',fontSize:'13px'}}>
              The landing page task is blocked until the domain renews. Authorize the renewal to continue.
            </span>
          </div>

          <div className="xc-phone-actions">
            <span style={{color:'#2da876'}}>Approve</span>
            <span style={{color:'#FB6962'}}>Deny</span>
          </div>
        </div>

        <div className="xc-bub me">
          Approve it.
          <span className="t">09:41</span>
        </div>

        <div className="xc-phone-badge">TOOL · PAY</div>

        <div className="xc-bub them">
          Done. The domain is renewed and the landing page task resumed from where it paused.
          <span className="t">09:41</span>
        </div>
      </div>
    </div>
  </div>

  <Check>
    Payments and other sensitive actions never approve on a timer. They wait for a human, however long that takes.
  </Check>
</div>

<div className="w-full py-10 xc-rise">
  <div className="actionist-tight flex flex-col gap-2 mb-6">
    <span className="actionist-section-eyebrow">Planning</span>
    <h2 className="text-2xl md:text-3xl font-semibold tracking-tight text-gray-900 dark:text-gray-50">Draft a plan you can trust.</h2>

    <p className="text-base text-gray-600 dark:text-gray-400 max-w-3xl">
      Planning runs in four steps: Start, Edit, Preflight, Launch. You choose how to begin.
    </p>
  </div>

  <Columns cols={3}>
    <Card title="Start from a template" icon="layout-template">
      Nine ready plans, from a sales pipeline to a product launch, load straight into the editor.
    </Card>

    <Card title="Describe your goal" icon="message-square">
      Chat with the Planner. Describe what you want and it drafts the outline live as you talk.
    </Card>

    <Card title="Start from scratch" icon="pencil">
      Build the outline yourself, task by task, with full control over the order.
    </Card>
  </Columns>

  <div className="mt-6 actionist-tight">
    <p className="text-base text-gray-600 dark:text-gray-400 max-w-3xl">
      For each task you set an objective, the desired outcome, success criteria, the apps it can use, what it depends on, whether it needs review, and who owns it: an agent or you. Approve and Review turns the draft into real tasks. Launch is a separate step, and you can launch the whole plan or one phase at a time.
    </p>
  </div>

  <div className="w-full py-6 xc-rise">
    <div className="mxp-window">
      <div className="mxp-window-bar">
        <span className="mxp-window-dot" />

        <span className="mxp-window-dot" />

        <span className="mxp-window-dot" />

        <span className="mxp-window-title">Preflight · Q3 product launch</span>
      </div>

      <div className="pjx-mb">
        <div className="pjx-row"><span className="pjx-row-title">Draft the launch announcement</span><span className="pjx-row-right"><span className="pjx-pill pjx-done">Ready</span></span></div>
        <div className="pjx-row"><span className="pjx-row-title">Competitor pricing scan</span><span className="pjx-row-right"><span className="pjx-pill pjx-done">Ready</span></span></div>
        <div className="pjx-row"><span className="pjx-row-title">Publish to the blog</span><span className="pjx-row-right"><span className="pjx-pill pjx-block">Connect app</span></span></div>
        <a className="pjx-qbtn" style={{display:'inline-block',marginTop:'12px'}} href="https://app.actionist.ai" target="_blank" rel="noreferrer">Launch this phase</a>
      </div>
    </div>
  </div>
</div>

<div className="w-full py-10 xc-rise">
  <div className="actionist-tight flex flex-col gap-2 mb-6">
    <span className="actionist-section-eyebrow">Execution</span>
    <h2 className="text-2xl md:text-3xl font-semibold tracking-tight text-gray-900 dark:text-gray-50">Every task shows its work.</h2>

    <p className="text-base text-gray-600 dark:text-gray-400 max-w-3xl">
      Open any task to see exactly what happened. Each one has three tabs.
    </p>
  </div>

  <Columns cols={3}>
    <Card title="Overview" icon="clipboard-list">
      The objective, the acceptance checklist, the apps it uses, what it depends on, and any files it produced.
    </Card>

    <Card title="Activity" icon="activity">
      A timeline of every step the agent took, plus your comments and decisions.
    </Card>

    <Card title="Runs" icon="terminal">
      The full transcript of each attempt, with the files it produced and its logs.
    </Card>
  </Columns>

  <div className="mt-6 actionist-tight">
    <p className="text-base text-gray-600 dark:text-gray-400 max-w-3xl">
      Tasks are owned by an agent or by you. Agent tasks route to a worker you choose, or to the built-in General Worker. A task moves through clear statuses as it runs:
    </p>

    <div className="flex flex-wrap gap-2 mt-4">
      <span className="pjx-pill pjx-ready">Ready</span>
      <span className="pjx-pill pjx-run">Running</span>
      <span className="pjx-pill pjx-need">Awaiting human</span>
      <span className="pjx-pill pjx-review">Review</span>
      <span className="pjx-pill pjx-block">Blocked</span>
      <span className="pjx-pill pjx-done">Done</span>
    </div>
  </div>
</div>

<hr className="xc-divider" />

<div className="w-full py-10 xc-rise">
  <div className="actionist-tight flex flex-col gap-2 mb-6">
    <span className="actionist-section-eyebrow">Safety</span>
    <h2 className="text-2xl md:text-3xl font-semibold tracking-tight text-gray-900 dark:text-gray-50">Risky actions always ask.</h2>

    <p className="text-base text-gray-600 dark:text-gray-400 max-w-3xl">
      Autonomy never means unsupervised spending. Four kinds of action always stop for your confirmation, in every mode: spending money, sending to people outside your team, using a saved login, and deleting or destroying something.
    </p>
  </div>

  <Columns cols={2}>
    <Card title="A floor you cannot switch off" icon="shield">
      Even an agent set to run on its own must ask before money, external messages, credentials, or destructive actions. Under an unattended worker, that request becomes a card in your queue instead of an action taken.
    </Card>

    <Card title="No double charges on retry" icon="repeat">
      If a task retries after a hiccup, actions it already completed are not repeated. An email is not sent twice and a payment is not made twice.
    </Card>
  </Columns>

  <div className="mt-6">
    <Warning>
      Payments and compliance steps never approve automatically when a timer runs out. They wait for a human decision.
    </Warning>
  </div>
</div>

<div className="w-full py-10 xc-rise">
  <div className="actionist-cta-panel xc-border">
    <div className="relative z-10 flex flex-col gap-5 max-w-3xl">
      <h2 className="text-2xl md:text-3xl font-semibold tracking-tight text-white leading-tight">
        Stop staring at the blank box.
      </h2>

      <p className="text-base md:text-lg text-white/85">
        Describe what you want. Approve the plan. Let the work run.
      </p>

      <div className="flex flex-wrap items-center gap-3 pt-2">
        <a className="actionist-cta-btn-primary" href="https://app.actionist.ai" target="_blank" rel="noreferrer">
          Open Actionist

          <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2.2" strokeLinecap="round" strokeLinejoin="round">
            <path d="M5 12h14" />

            <path d="m12 5 7 7-7 7" />
          </svg>
        </a>

        <a className="actionist-cta-btn-secondary" href="mailto:support@actionist.ai">
          Email the team
        </a>
      </div>
    </div>
  </div>
</div>

<div className="w-full pt-4 pb-8 xc-rise">
  <p className="actionist-trust-line">
    Plan it. Approve it. Let it run.<br />
    Agents do the work. You do only what only you can.
  </p>
</div>

<div className="w-full pb-20 xc-rise">
  <div className="actionist-tight flex flex-col gap-2 mb-6">
    <span className="actionist-section-eyebrow">Keep going</span>
    <h2 className="text-2xl md:text-3xl font-semibold tracking-tight text-gray-900 dark:text-gray-50">Next steps.</h2>
  </div>

  <Columns cols={4}>
    <Card title="Agents" icon="users" href="/Folders/agents">
      Set up the workers that carry out your tasks.
    </Card>

    <Card title="Channels" icon="messages-square" href="/Folders/channels">
      Approve and answer from Telegram or Slack.
    </Card>

    <Card title="Cloud" icon="cloud" href="/Folders/cloud">
      Keep projects running around the clock, even with your laptop closed.
    </Card>

    <Card title="Oversight" icon="shield-check" href="/Folders/oversight">
      See and control every approval across your agents.
    </Card>
  </Columns>
</div>
