{#
  Work — one screen, five tabs (043 §5, phase 3; Goals 2026-10-27).

  The five tabs show live work, the goal board, schedules, apps/artifacts, and
  classified activity.

  The tabs are panes in this one page, not five routes: work-now.js reveals the
  pane whose `data-pane` matches the active tab and hides the rest, so /work
  answers with the whole screen and the switch is client-side. Every word comes
  from webview/copy/en.py — no inline script on any 043 template
  (tests/unit/webview/test_no_new_inline_script.py): the words ride on the
  #work-now-copy / #worklog-copy data attributes and the modules read them off
  `dataset`.
#}
{% extends "shell.html" %}
{% block body %}
    <div class="page">
      <div class="page-head">
        <h1 class="page-title">{{ t('work.title') }}</h1>
        <p class="page-sub">{{ t('work.sub') }}</p>
      </div>
      <nav class="subnav" aria-label="{{ t('work.title') }}">
        <a href="#now" data-tab="now" aria-current="page">{{ t('work.tab.now') }}</a>
        <a href="#goals" data-tab="goals">{{ t('work.tab.goals') }}</a>
        <a href="#schedule" data-tab="schedule">{{ t('work.tab.schedule') }}</a>
        <a href="#apps" data-tab="apps">{{ t('work.tab.apps') }}</a>
        <a href="#log" data-tab="log">{{ t('work.tab.log') }}</a>
      </nav>

      {# Now & next — running goals + background helpers, and what is queued.
         Drawn by work-now.js from /api/webgate/goals + /api/webgate/running. #}
      <div data-pane="now">

        <div class="section">
          <div class="section-head">
            <h2 class="section-title">{{ t('work.now.section_now') }}</h2>
            <span class="section-aside" id="work-now-running-aside"></span>
          </div>
          <div class="ledger" id="work-now-running"></div>
        </div>
        <div class="section">
          <div class="section-head">
            <h2 class="section-title">{{ t('work.now.section_next') }}</h2>
            <span class="section-aside" id="work-now-next-aside"></span>
          </div>
          <div class="ledger" id="work-now-next"></div>
        </div>
      </div>

      {# Goals — the goal board (2026-10-27): one lane per live status in
         core.goal_vocab.LIVE_STATUS_ORDER, the open decisions first, the
         finished goals folded away. Drawn by work-goals.js from
         /api/webgate/goals/board; a card opens #goal-detail from
         /api/webgate/goals/{id}/detail. Every action is an existing verb. #}
      <div data-pane="goals" hidden>
        {% if not read_only %}
        <details class="section">
          <summary>{{ t('work.create.goal_label') }}</summary>
          {# A44: the goal writer accepts a body, a priority and a tool grant;
             this form used to submit a title and nothing else. Every field is
             optional but the title; an empty one is simply not sent. There is
             no step-budget field: the cap is the operator's
             AUTONOMOUS_MAX_STEPS (083). #}
          <form class="setting-control" data-create="goals" data-unreachable="{{ t('work.create.unreachable') }}">
            <label>{{ t('work.create.title_label') }}<textarea name="title" required></textarea></label>
            <label>{{ t('work.create.body_label') }}<textarea name="body"></textarea></label>
            <label>{{ t('work.create.priority_label') }}<input name="priority" type="number" step="1"></label>
            <p class="why">{{ t('work.create.priority_hint') }}</p>
            <label>{{ t('work.create.tools_label') }}<textarea name="tools"></textarea></label>
            <p class="why">{{ t('work.create.tools_hint') }}</p>
            <label>{{ t('work.create.depends_label') }}<textarea name="depends_on"></textarea></label>
            <p class="why">{{ t('work.create.depends_hint') }}</p>
            <button class="btn" type="submit">{{ t('work.create.submit') }}</button>
            <p class="why" role="status"></p>
          </form>
        </details>
        {% endif %}

        <div class="board-bar" id="work-goals-bar">
          <label>{{ t('work.board.filter_text') }}<input type="search" name="q" autocomplete="off"></label>
          <label>{{ t('work.board.filter_kind') }}
            <select name="kind">
              <option value="">{{ t('work.board.filter_all') }}</option>
              <option value="goal">{{ t('work.board.kind_goal') }}</option>
              <option value="ask">{{ t('work.board.kind_ask') }}</option>
            </select></label>
          <label>{{ t('work.board.filter_source') }}
            <select name="source">
              <option value="">{{ t('work.board.filter_all') }}</option>
              <option value="owner">{{ t('work.board.origin_owner') }}</option>
              <option value="granted">{{ t('work.board.origin_granted_any') }}</option>
              <option value="asked">{{ t('work.board.origin_asked') }}</option>
              <option value="self">{{ t('work.board.origin_self') }}</option>
              <option value="legacy">{{ t('work.board.origin_legacy') }}</option>
            </select></label>
          <label class="board-check"><input type="checkbox" name="finished"> {{ t('work.board.filter_finished') }}</label>
          <span class="board-fresh" id="work-goals-fresh" role="status"></span>
        </div>
        <div class="ledger" id="work-goals-notice"></div>
        <div class="board" id="work-goals-board"></div>
        <div class="section" id="work-goals-finished" hidden></div>
      </div>

      {# Scheduled jobs — listed with Pause / Resume / Run now / Stop. Drawn by
         work-now.js from /api/webgate/cron; each posts /api/webgate/cron/{id}/{verb}. #}
      <div data-pane="schedule" hidden>
        {% if not read_only %}
        <details class="section">
          <summary>{{ t('work.create.cron_label') }}</summary>
          {# A44: a scheduled run that delivers nowhere is a run nobody sees.
             `deliver` / `deliver_target` / `wake_agent` are typed fields the
             cron writer already accepts, and the console offered none of them.
             The delivery list is the allowlist the runner enforces; an empty
             choice means the result stays with the agent. #}
          <form class="setting-control" data-create="cron" data-unreachable="{{ t('work.create.unreachable') }}">
            <label>{{ t('work.create.title_label') }}<textarea name="task" required></textarea></label>
            <label>{{ t('work.create.schedule_label') }}<input name="schedule" required></label>
            <p class="why">{{ t('work.create.schedule_hint') }}</p>
            <label>{{ t('work.create.deliver_label') }}
              <select name="deliver">
                <option value="">{{ t('work.create.deliver_none') }}</option>
                <option value="telegram">{{ t('work.create.deliver_telegram') }}</option>
                <option value="email">{{ t('work.create.deliver_email') }}</option>
                <option value="twitter">{{ t('work.create.deliver_twitter') }}</option>
              </select></label>
            <label>{{ t('work.create.deliver_target_label') }}<input name="deliver_target"></label>
            <p class="why">{{ t('work.create.deliver_target_hint') }}</p>
            <label><input name="wake_agent" type="checkbox" value="true" checked> {{ t('work.create.wake_agent_label') }}</label>
            <button class="btn" type="submit">{{ t('work.create.submit') }}</button>
            <p class="why" role="status"></p>
          </form>
        </details>
        {% endif %}

        <div class="section">
          <div class="ledger" id="work-schedule-notice"></div>
          <table class="table" id="work-schedule-table" hidden>
            <thead><tr>
              <th>{{ t('work.schedule.header_what') }}</th>
              <th>{{ t('work.schedule.header_when') }}</th>
              <th>{{ t('work.schedule.header_last') }}</th>
              <th></th>
            </tr></thead>
            <tbody id="work-schedule-rows"></tbody>
          </table>
        </div>
      </div>

      {# Apps — everything Rob built you can open, in three tiers by reach.
         Drawn by work-apps.js from /api/webgate/apps + /api/webgate/artifacts. #}
      <div data-pane="apps" hidden>
        <div id="work-apps"></div>
        <p class="state-body" id="work-apps-state" hidden></p>
      </div>

      {# Log — the classified activity stream, drawn by worklog.js. #}
      <div data-pane="log" hidden>
        <div class="chips" id="worklog-chips" style="margin-bottom:var(--s4)"></div>
        <div class="section" id="worklog-stream"></div>
        <p class="state-body" id="worklog-state" hidden></p>
        <div class="section">
          <table class="table"><tbody>
            <tr>
              <td class="what">{{ t('work.log.diagnostics') }}
                <span class="why">{{ t('work.log.diagnostics_why') }}</span></td>
              <td class="num"><button type="button" class="switch" id="worklog-diagnostics"
                  role="switch" aria-checked="false"
                  aria-label="{{ t('work.log.diagnostics') }}"></button></td>
            </tr>
            {# A13: both switches are REQUEST state now. The stream used to ask
               for every diagnostic line and every raw payload regardless and
               hide the surplus in the browser, so "off" was a filter rather
               than a refusal. #}
            <tr>
              <td class="what">{{ t('work.log.raw_switch') }}
                <span class="why">{{ t('work.log.raw_switch_why') }}</span></td>
              <td class="num"><button type="button" class="switch" id="worklog-raw"
                  role="switch" aria-checked="false"
                  aria-label="{{ t('work.log.raw_switch') }}"></button></td>
            </tr>
          </tbody></table>
        </div>
      </div>

    </div>

    {# The goal detail (Work › Goals). A native <dialog>, as the Chats overlay
       is: the platform brings the focus trap, the backdrop and Escape. #}
    <dialog id="goal-detail" class="goal-detail" aria-labelledby="goal-detail-title"
            style="background:var(--surface-1);color:var(--ink);border:1px solid var(--rule);border-radius:var(--radius);max-width:min(720px,94vw);width:100%">
      <div class="page">
        <div class="detail-head">
          <h2 class="page-title" id="goal-detail-title"></h2>
          <button class="btn btn-quiet" type="button" id="goal-detail-close">{{ t('work.board.d_close') }}</button>
        </div>
        <div id="goal-detail-body"></div>
      </div>
    </dialog>

    {# The words work-goals.js renders. Shared verbs reuse the Now & next keys,
       so a button reads the same on both tabs. #}
    <div id="work-goals-copy" hidden
         data-read_only="{{ 1 if read_only else 0 }}"
         data-loading="{{ t('work.board.loading') }}"
         data-empty="{{ t('work.board.empty') }}"
         data-col_ask="{{ t('work.board.col_ask') }}"
         data-col_triage="{{ t('work.board.col_triage') }}"
         data-col_waiting="{{ t('work.board.col_waiting') }}"
         data-col_ready="{{ t('work.board.col_ready') }}"
         data-col_running="{{ t('work.board.col_running') }}"
         data-col_blocked="{{ t('work.board.col_blocked') }}"
         data-col_paused="{{ t('work.board.col_paused') }}"
         data-col_empty="{{ t('work.board.col_empty') }}"
         data-finished_title="{{ t('work.board.finished_title') }}"
         data-finished_summary="{{ t('work.board.finished_summary') }}"
         data-finished_none="{{ t('work.board.finished_none') }}"
         data-show_more="{{ t('work.board.show_more') }}"
         data-kind_goal="{{ t('work.board.kind_goal') }}"
         data-kind_ask="{{ t('work.board.kind_ask') }}"
         data-origin_owner="{{ t('work.board.origin_owner') }}"
         data-origin_granted="{{ t('work.board.origin_granted') }}"
         data-origin_granted_any="{{ t('work.board.origin_granted_any') }}"
         data-origin_asked="{{ t('work.board.origin_asked') }}"
         data-origin_self="{{ t('work.board.origin_self') }}"
         data-origin_legacy="{{ t('work.board.origin_legacy') }}"
         data-added="{{ t('work.board.added') }}"
         data-changed="{{ t('work.board.changed') }}"
         data-cost="{{ t('work.board.cost') }}"
         data-cost_no_limit="{{ t('work.board.cost_no_limit') }}"
         data-cost_none="{{ t('work.board.cost_none') }}"
         data-waits_on="{{ t('work.board.waits_on') }}"
         data-waited_on_by="{{ t('work.board.waited_on_by') }}"
         data-held_by="{{ t('work.board.held_by') }}"
         data-holds_one="{{ t('work.board.holds_one') }}"
         data-holds="{{ t('work.board.holds') }}"
         data-sub_goals="{{ t('work.board.sub_goals') }}"
         data-unknown_goal="{{ t('work.board.unknown_goal') }}"
         data-failures="{{ t('work.board.failures') }}"
         data-filtered_none="{{ t('work.board.filtered_none') }}"
         data-updated="{{ t('work.board.updated') }}"
         data-stale="{{ t('work.board.stale') }}"
         data-part_unreadable="{{ t('work.board.part_unreadable') }}"
         data-truncated="{{ t('work.board.truncated') }}"
         data-d_loading="{{ t('work.board.d_loading') }}"
         data-d_unreadable="{{ t('work.board.d_unreadable') }}"
         data-d_close="{{ t('work.board.d_close') }}"
         data-d_what="{{ t('work.board.d_what') }}"
         data-d_done_when="{{ t('work.board.d_done_when') }}"
         data-d_checks="{{ t('work.board.d_checks') }}"
         data-d_result="{{ t('work.board.d_result') }}"
         data-d_failure="{{ t('work.board.d_failure') }}"
         data-d_tries="{{ t('work.board.d_tries') }}"
         data-d_waits_on="{{ t('work.board.d_waits_on') }}"
         data-d_waited_on_by="{{ t('work.board.d_waited_on_by') }}"
         data-d_sub_goals="{{ t('work.board.d_sub_goals') }}"
         data-d_parent="{{ t('work.board.d_parent') }}"
         data-d_decision="{{ t('work.board.d_decision') }}"
         data-d_decide_inbox="{{ t('work.board.d_decide_inbox') }}"
         data-d_runs="{{ t('work.board.d_runs') }}"
         data-d_runs_none="{{ t('work.board.d_runs_none') }}"
         data-d_run_steps="{{ t('work.board.d_run_steps') }}"
         data-d_files="{{ t('work.board.d_files') }}"
         data-d_files_none="{{ t('work.board.d_files_none') }}"
         data-d_files_unreadable="{{ t('work.board.d_files_unreadable') }}"
         data-d_history="{{ t('work.board.d_history') }}"
         data-d_history_none="{{ t('work.board.d_history_none') }}"
         data-d_limits="{{ t('work.board.d_limits') }}"
         data-event_created="{{ t('work.board.event.created') }}"
         data-event_claimed="{{ t('work.board.event.claimed') }}"
         data-event_succeeded="{{ t('work.board.event.succeeded') }}"
         data-event_failed="{{ t('work.board.event.failed') }}"
         data-event_gave_up="{{ t('work.board.event.gave_up') }}"
         data-event_cancelled="{{ t('work.board.event.cancelled') }}"
         data-event_deferred="{{ t('work.board.event.deferred') }}"
         data-event_yielded="{{ t('work.board.event.yielded') }}"
         data-event_edited="{{ t('work.board.event.edited') }}"
         data-event_unblocked="{{ t('work.board.event.unblocked') }}"
         data-event_unblocked_by_ask="{{ t('work.board.event.unblocked_by_ask') }}"
         data-event_held_by_ask="{{ t('work.board.event.held_by_ask') }}"
         data-event_waiting_on_deps="{{ t('work.board.event.waiting_on_deps') }}"
         data-event_deps_satisfied="{{ t('work.board.event.deps_satisfied') }}"
         data-event_deps_added="{{ t('work.board.event.deps_added') }}"
         data-event_dep_failed="{{ t('work.board.event.dep_failed') }}"
         data-event_requeued_on_boot="{{ t('work.board.event.requeued_on_boot') }}"
         data-event_stale_completion="{{ t('work.board.event.stale_completion') }}"
         data-disabled="{{ t('work.now.disabled') }}"
         data-unreadable="{{ t('work.now.unreadable') }}"
         data-unreadable_why="{{ t('work.now.unreadable_why') }}"
         data-stop="{{ t('work.now.stop') }}"
         data-pause="{{ t('work.now.pause') }}"
         data-drop="{{ t('work.now.drop') }}"
         data-retry="{{ t('work.now.retry') }}"
         data-resume="{{ t('work.now.resume') }}"
         data-open_chat="{{ t('work.now.open_chat') }}"
         data-unreachable="{{ t('work.now.unreachable') }}"
         data-secs="{{ t('work.now.secs') }}"
         data-mins="{{ t('work.now.mins') }}"
         data-hours="{{ t('work.now.hours') }}"
         data-days="{{ t('work.now.days') }}"
         data-yes="{{ t('inbox.action.approve') }}"
         data-no="{{ t('inbox.action.reject') }}"
         data-answer_label="{{ t('inbox.answer_label') }}"
         data-answer_placeholder="{{ t('inbox.answer_placeholder') }}"></div>

    {# The words the Log stream is read into (unchanged). data-classes is
       core.activity_class.CLIENT_CLASSES, server-rendered so the chips can never
       drift from the classifier. #}
    <div id="worklog-copy" hidden
         data-classes="{{ worklog_classes }}"
         data-everything="{{ t('work.log.everything') }}"
         data-class_goal="{{ t('work.log.class_goal') }}"
         data-class_cron="{{ t('work.log.class_cron') }}"
         data-class_money="{{ t('work.log.class_money') }}"
         data-class_message="{{ t('work.log.class_message') }}"
         data-class_system="{{ t('work.log.class_system') }}"
         data-class_tool="{{ t('work.log.class_tool') }}"
         data-raw="{{ t('work.log.raw') }}"
         data-raw_hide="{{ t('work.log.raw_hide') }}"
         data-header_what="{{ t('work.log.header_what') }}"
         data-header_when="{{ t('work.log.header_when') }}"
         data-loading="{{ t('work.log.loading') }}"
         data-empty="{{ t('work.log.empty') }}"
         data-unreadable="{{ t('work.log.unreadable') }}"
         data-unreadable_why="{{ t('work.log.unreadable_why') }}"
         data-filtered_out="{{ t('work.log.filtered_out') }}"
         data-when_now="{{ t('work.log.when_now') }}"
         data-when_min="{{ t('work.log.when_min') }}"
         data-when_hour="{{ t('work.log.when_hour') }}"
         data-when_day="{{ t('work.log.when_day') }}"></div>

    {# The words work-now.js renders itself. read_only rides here so the module
       draws no Stop / Pause / Cancel it cannot act on (the shell states the
       posture once, so the buttons are simply absent). #}
    <div id="work-now-copy" hidden
         data-read_only="{{ 1 if read_only else 0 }}"
         data-loading="{{ t('work.now.loading') }}"
         data-empty_now="{{ t('work.now.empty_now') }}"
         data-sched_header_what="{{ t('work.schedule.header_what') }}"
         data-cron_title="{{ t('work.now.cron_title') }}"
         data-session_title="{{ t('work.now.session_title') }}"
         data-open_chat="{{ t('work.now.open_chat') }}"
         data-live_unreadable="{{ t('work.now.live_unreadable') }}"
         data-live_unreadable_why="{{ t('work.now.live_unreadable_why') }}"
         data-empty_next="{{ t('work.now.empty_next') }}"
         data-disabled="{{ t('work.now.disabled') }}"
         data-unreadable="{{ t('work.now.unreadable') }}"
         data-unreadable_why="{{ t('work.now.unreadable_why') }}"
         data-running_count="{{ t('work.now.running_count') }}"
         data-running_count_partial="{{ t('work.now.running_count_partial') }}"
         data-next_queued="{{ t('work.now.next_queued') }}"
         data-elapsed_started="{{ t('work.now.elapsed_started') }}"
         data-stop="{{ t('work.now.stop') }}"
         data-pause="{{ t('work.now.pause') }}"
         data-drop="{{ t('work.now.drop') }}"
         data-retry="{{ t('work.now.retry') }}"
         data-resume="{{ t('work.now.resume') }}"
         data-helper_lead="{{ t('work.now.helper_lead') }}"
         data-helper_body="{{ t('work.now.helper_body') }}"
         data-helper_goal="{{ t('work.now.helper_goal') }}"
         data-status_ready="{{ t('work.now.status_ready') }}"
         data-status_waiting="{{ t('work.now.status_waiting') }}"
         data-status_triage="{{ t('work.now.status_triage') }}"
         data-status_blocked="{{ t('work.now.status_blocked') }}"
         data-status_paused="{{ t('work.now.status_paused') }}"
         data-unreachable="{{ t('work.now.unreachable') }}"
         data-secs="{{ t('work.now.secs') }}"
         data-mins="{{ t('work.now.mins') }}"
         data-hours="{{ t('work.now.hours') }}"
         data-days="{{ t('work.now.days') }}"
         data-sched_loading="{{ t('work.schedule.loading') }}"
         data-sched_empty="{{ t('work.schedule.empty') }}"
         data-sched_disabled="{{ t('work.schedule.disabled') }}"
         data-sched_unreadable="{{ t('work.schedule.unreadable') }}"
         data-sched_unreadable_why="{{ t('work.schedule.unreadable_why') }}"
         data-sched_cancel="{{ t('work.schedule.cancel') }}"
         data-sched_pause="{{ t('work.schedule.pause') }}"
         data-sched_resume="{{ t('work.schedule.resume') }}"
         data-sched_run="{{ t('work.schedule.run') }}"
         data-sched_done_pause="{{ t('work.schedule.done_pause') }}"
         data-sched_done_resume="{{ t('work.schedule.done_resume') }}"
         data-sched_done_run="{{ t('work.schedule.done_run') }}"
         data-sched_refused="{{ t('work.schedule.refused') }}"
         data-sched_outcome="{{ t('work.schedule.outcome') }}"
         data-sched_last_never="{{ t('work.schedule.last_never') }}"
         data-sched_ran_ago="{{ t('work.schedule.ran_ago') }}"
         data-sched_next="{{ t('work.schedule.next') }}"
         data-sched_unreachable="{{ t('work.schedule.unreachable') }}"></div>

    {# The words work-apps.js renders (WS-P2). Its own copy node, since it is its
       own module; the tab switch is still work-now.js's (one Work subnav). #}
    <div id="work-apps-copy" hidden
         data-read_only="{{ 1 if read_only else 0 }}"
         {# ⚠️ `apps_routes._decide` refuses every multitenant caller (an app
            decision is instance-wide), so Stop is DRAWN on the same predicate
            it is refused on — see shell.html's `owner_console`. #}
         data-owner_console="{{ 1 if owner_console else 0 }}"
         data-kill="{{ t('work.apps.kill') }}"
         data-logs="{{ t('work.apps.logs') }}"
         data-logs_hide="{{ t('work.apps.logs_hide') }}"
         data-logs_empty="{{ t('work.apps.logs_empty') }}"
         data-logs_unreadable="{{ t('work.apps.logs_unreadable') }}"
         data-unreachable="{{ t('work.apps.unreachable') }}"
         data-loading="{{ t('work.apps.loading') }}"
         data-online_title="{{ t('work.apps.online_title') }}"
         data-online_aside="{{ t('work.apps.online_aside') }}"
         data-online_empty="{{ t('work.apps.online_empty') }}"
         data-online_unreadable="{{ t('work.apps.online_unreadable') }}"
         data-online_unreadable_why="{{ t('work.apps.online_unreadable_why') }}"
         data-online_open="{{ t('work.apps.online_open') }}"
         data-status_live="{{ t('work.apps.status_live') }}"
         data-status_deploying="{{ t('work.apps.status_deploying') }}"
         data-status_approved="{{ t('work.apps.status_approved') }}"
         data-status_pending="{{ t('work.apps.status_pending') }}"
         data-status_unhealthy="{{ t('work.apps.status_unhealthy') }}"
         data-status_failed="{{ t('work.apps.status_failed') }}"
         data-status_stopped="{{ t('work.apps.status_stopped') }}"
         data-status_paused="{{ t('work.apps.status_paused') }}"
         data-published_title="{{ t('work.apps.published_title') }}"
         data-published_aside="{{ t('work.apps.published_aside') }}"
         data-published_empty="{{ t('work.apps.published_empty') }}"
         data-published_unreadable="{{ t('work.apps.published_unreadable') }}"
         data-published_unreadable_why="{{ t('work.apps.published_unreadable_why') }}"
         data-col_what="{{ t('work.apps.col_what') }}"
         data-col_link="{{ t('work.apps.col_link') }}"
         data-open_link="{{ t('work.apps.open_link') }}"
         data-made_title="{{ t('work.apps.made_title') }}"
         data-made_aside="{{ t('work.apps.made_aside') }}"
         data-made_empty="{{ t('work.apps.made_empty') }}"
         data-made_unreadable="{{ t('work.apps.made_unreadable') }}"
         data-made_unreadable_why="{{ t('work.apps.made_unreadable_why') }}"
         data-col_file="{{ t('work.apps.col_file') }}"
         data-col_kind="{{ t('work.apps.col_kind') }}"
         data-made_note="{{ t('work.apps.made_note') }}"
         data-empty_title="{{ t('work.apps.empty_title') }}"
         data-empty_body="{{ t('work.apps.empty_body') }}"
         data-empty_action="{{ t('work.apps.empty_action') }}"></div>

    <script src="/static/app/worklog.js" type="module"></script>
    <script src="/static/app/work-now.js" type="module"></script>
    <script src="/static/app/work-goals.js" type="module"></script>
    <script src="/static/app/work-apps.js" type="module"></script>
    <script src="/static/app/work-create.js" type="module"></script>
{% endblock %}