insika 0.8.0 → 1.0.1

data/lib/insika/studio/views/settings.erb

@@ -4,10 +4,15 @@
      ["general", "General", "streaming, timeouts"],
      ["models",  "Model defaults", "platform model layer (Chat › Agent › platform)"],
      ["edge",    "Edge limits", "rate-limit per chat, token ceiling per agent"],
+     ["burst",   "Burst policy", "what happens to a message that lands on a busy session"],
+     ["agents",  "Agent defaults", "what an agent with no value of its own runs with"],
      ["evals",   "Evals", "who grades a rubric, and how a panel agrees"],
      ["llm",     "LLM providers", "keys, base URL, models per provider"],
      ["demo",    "Demo data", "see every loop working at once"]
    ] %>
+<header class="page-head">
+  <h1>Settings<span class="sub">Platform defaults · agents can override supported settings</span></h1>
+</header>
 <div class="drill">
   <aside class="drill-pane drill-master">
     <div class="drill-pane-head"><div class="title"><strong>Settings</strong></div></div>
@@ -25,11 +30,11 @@
     <% if @section == "general" %>
       <div class="drill-pane-head">
         <div class="title"><strong>General</strong></div>
-        <button type="submit" form="set-general" class="btn primary" data-turbo-submits-with="Saving…">Save</button>
+        <button type="submit" form="set-general" class="btn primary" data-turbo-submits-with="Saving…">Save general settings</button>
       </div>
       <div class="drill-pane-body">
-        <p class="muted">Streaming and timeouts — saved via <code>update_settings</code> (durable, applies next turn).</p>
-        <form id="set-general" method="post" action="/studio/settings">
+        <p class="muted">Save these platform defaults to apply them on future turns.</p>
+        <form id="set-general" method="post" action="/studio/settings" data-controller="dirty-guard">
           <%== csrf_tag %>
           <label class="check">
             <input type="checkbox" name="streaming" value="1"<%== " checked" if @settings["streaming"] %>>
@@ -43,7 +48,8 @@
             <label>Memory TTL (days)<input type="text" name="memory_ttl_days" value="<%= @settings["memory_ttl_days"] %>" inputmode="numeric" placeholder="blank = off"></label>
           </div>
           <p class="muted">Memory TTL: how many days a customer memory cell lives before the daily sweep prunes it (per-fact <code>expires_at</code> overrides always win). Editing here sets the platform default for <strong>every</strong> cell; a per-tenant map authored in the settings record is replaced by this save.</p>
-          <hr>
+          <details class="newfile">
+            <summary>Conversation compaction</summary>
           <label class="check">
             <input type="checkbox" name="compaction_enabled" value="1"<%== " checked" if @settings.dig("compaction", "enabled") %>>
             in-session compaction — summarize old turns past the threshold
@@ -52,50 +58,58 @@
             <label>keep_last <span class="muted">(messages kept verbatim)</span><input type="text" name="compaction_keep_last" value="<%= @settings.dig("compaction", "keep_last") %>" inputmode="numeric"></label>
             <label>compact_after <span class="muted">(uncompacted messages that trigger it)</span><input type="text" name="compaction_compact_after" value="<%= @settings.dig("compaction", "compact_after") %>" inputmode="numeric"></label>
           </div>
-          <label>compaction model <span class="muted">(blank = the platform utility_model)</span><input type="text" name="compaction_model" value="<%= @settings.dig("compaction", "model") %>" placeholder="deepseek-v4-flash"></label>
+          <label>compaction model <span class="muted">(blank = the platform utility_model)</span><%== model_select("compaction_model_ref", @settings.dig("compaction", "model"), "platform utility_model") %></label>
           <p class="muted">When a session's uncompacted transcript grows past <code>compact_after</code> messages, everything but the last <code>keep_last</code> is summarized by the cheap model into one <code>&lt;conversation_summary&gt;</code> fragment; the tail stays verbatim and the boundary is stable (the prompt cache holds after it). Runs post-turn, off the critical path.</p>
+          </details>
         </form>
       </div>
 
     <% elsif @section == "models" %>
       <div class="drill-pane-head">
         <div class="title"><strong>Model defaults</strong></div>
-        <button type="submit" form="set-models" class="btn primary" data-turbo-submits-with="Saving…">Save</button>
+        <button type="submit" form="set-models" class="btn primary" data-turbo-submits-with="Saving…">Save model defaults</button>
       </div>
       <div class="drill-pane-body">
         <p class="muted">The platform model layer, resolved at turn start as <strong>Chat pin › Agent model › platform default</strong>. An agent with no model of its own inherits <code>default_model</code>.</p>
-        <form id="set-models" method="post" action="/studio/settings/models">
+        <form id="set-models" method="post" action="/studio/settings/models" data-controller="dirty-guard">
           <%== csrf_tag %>
-          <div class="grid-2">
-            <label>default_model <span class="muted">(agents without their own model)</span><input type="text" name="default_model" value="<%= @settings["default_model"] %>" placeholder="deepseek-v4-flash"></label>
-            <label>default_provider <span class="muted">(optional)</span><input type="text" name="default_provider" value="<%= @settings["default_provider"] %>" placeholder="deepseek"></label>
-          </div>
-          <label>fallback_models <span class="muted">(ordered chain; <code>provider/model</code> or <code>model</code>, comma or newline)</span><input type="text" name="fallback_models" value="<%= Array(@settings["fallback_models"]).join(", ") %>" placeholder="deepseek/deepseek-v4-flash, openai/gpt-4o-mini"></label>
-          <label>utility_model <span class="muted">(cheap internal tasks — titles, distillation)</span><input type="text" name="utility_model" value="<%= @settings["utility_model"] %>" placeholder="deepseek-v4-flash"></label>
+          <p class="muted">The lists below are the models of the configured LLM providers — add a provider or a model there to see it here.</p>
+          <label>default_model <span class="muted">(agents without their own model)</span>
+            <%== model_select("default_model_ref", model_ref_of(@settings["default_model"], @settings["default_provider"]), "none") %>
+          </label>
+          <fieldset class="subgroup">
+            <legend>fallback_models <span class="muted">— tried in this order; blank slots are skipped</span></legend>
+            <%== model_slots("fallback_refs", @settings["fallback_models"], min: 5) %>
+          </fieldset>
+          <label>utility_model <span class="muted">(cheap internal tasks — titles, distillation)</span>
+            <%== model_select("utility_model_ref", @settings["utility_model"], "none") %>
+          </label>
           <label>reasoning <span class="muted">(global default — off/on/effort; blank = provider default)</span>
             <%== thinking_select("thinking", @settings["thinking"], "provider default") %>
           </label>
         </form>
 
-        <hr>
-        <p class="muted">Per-model reasoning defaults — the layer between global and agent (resolved <strong>Chat › Agent › Model › Global</strong>). One per line.</p>
-        <form id="set-model-params" method="post" action="/studio/settings/model-params">
+        <details class="newfile">
+          <summary>Reasoning overrides by model</summary>
+        <p class="muted">Saved separately from platform model defaults. Per-model reasoning defaults — the layer between global and agent (resolved <strong>Chat › Agent › Model › Global</strong>). One per line.</p>
+        <form id="set-model-params" method="post" action="/studio/settings/model-params" data-controller="dirty-guard">
           <%== csrf_tag %>
           <label>model_params <span class="muted">(one per line: <code>provider/model | off|on|low|medium|high</code>)</span>
             <textarea name="model_params" rows="4" placeholder="deepseek/deepseek-v4-flash | off"><%= model_params_text(@settings["model_params"]) %></textarea>
           </label>
           <div class="actions"><button type="submit" class="btn primary" data-turbo-submits-with="Saving…">Save per-model</button></div>
         </form>
+        </details>
       </div>
 
     <% elsif @section == "edge" %>
       <div class="drill-pane-head">
         <div class="title"><strong>Edge limits</strong></div>
-        <button type="submit" form="set-edge" class="btn primary" data-turbo-submits-with="Saving…">Save</button>
+        <button type="submit" form="set-edge" class="btn primary" data-turbo-submits-with="Saving…">Save edge limits</button>
       </div>
       <div class="drill-pane-body">
         <p class="muted">The named place where volume/cost abuse is cut, <strong>before any LLM spend</strong>. Blank/0 = off (opt-in). A breached turn completes gracefully with the safe reply below. Per-agent overrides live in each agent's config.</p>
-        <form id="set-edge" method="post" action="/studio/settings/edge">
+        <form id="set-edge" method="post" action="/studio/settings/edge" data-controller="dirty-guard">
           <%== csrf_tag %>
           <div class="grid-2">
             <label>chat_rate_limit <span class="muted">(turn attempts per chat per window)</span><input type="text" name="chat_rate_limit" value="<%= @settings.dig("edge", "chat_rate_limit") %>" inputmode="numeric" placeholder="off"></label>
@@ -107,14 +121,64 @@
         </form>
       </div>
 
+    <% elsif @section == "burst" %>
+      <div class="drill-pane-head">
+        <div class="title"><strong>Burst policy</strong></div>
+        <button type="submit" form="set-queue" class="btn primary" data-turbo-submits-with="Saving…">Save burst policy</button>
+      </div>
+      <div class="drill-pane-body">
+        <p class="muted">What happens to a message that lands on a session that is <strong>already busy</strong>: <code>followup</code> waits in line (today's behavior), <code>collect</code> merges fragments that arrived before the turn started, <code>steer</code> also appends into the run in flight at a tool boundary, <code>interrupt</code> abandons it. This is the <strong>platform</strong> answer — every agent still overrides it in its own config, and a session var pins one conversation. Blank = no platform default (falls through to followup / no window / steer_max 5).</p>
+        <form id="set-queue" method="post" action="/studio/settings/queue" data-controller="dirty-guard">
+          <%== csrf_tag %>
+          <label>queue_mode
+            <select name="queue_mode">
+              <option value=""<%== " selected" if @settings.dig("queue", "queue_mode").nil? %>>— none (followup)</option>
+              <% Insika::QueuePolicy::MODES.each do |mode| %>
+                <option value="<%= mode %>"<%== " selected" if @settings.dig("queue", "queue_mode").to_s == mode.to_s %>><%= mode %></option>
+              <% end %>
+            </select>
+          </label>
+          <div class="grid-2">
+            <label>debounce_ms <span class="muted">(quiet window at the door before the turn starts; blank/0 = none)</span><input type="text" name="debounce_ms" value="<%= @settings.dig("queue", "debounce_ms") %>" inputmode="numeric" placeholder="0"></label>
+            <label>debounce_max_ms <span class="muted">(ceiling on the TOTAL wait; blank = 10000)</span><input type="text" name="debounce_max_ms" value="<%= @settings.dig("queue", "debounce_max_ms") %>" inputmode="numeric" placeholder="10000"></label>
+            <label>steer_max_messages <span class="muted">(messages ONE running turn may absorb; blank = 5, 0 = never steer)</span><input type="text" name="steer_max_messages" value="<%= @settings.dig("queue", "steer_max_messages") %>" inputmode="numeric" placeholder="5"></label>
+          </div>
+          <label>steer_join <span class="muted">(template framing an absorbed message — at the door and mid-run; must carry <%= Insika::QueuePolicy::JOIN_PLACEHOLDER %>; blank = the raw text)</span><input type="text" name="steer_join" value="<%= @settings.dig("queue", "steer_join") %>" placeholder="the customer just added: <%= Insika::QueuePolicy::JOIN_PLACEHOLDER %>"></label>
+        </form>
+      </div>
+
+<% elsif @section == "agents" %>
+  <div class="drill-pane-head">
+    <div class="title"><strong>Agent defaults</strong></div>
+    <button type="submit" form="set-agent-defaults" class="btn primary" data-turbo-submits-with="Saving…">Save agent defaults</button>
+  </div>
+  <div class="drill-pane-body">
+    <p class="muted">An agent with no value of its own for one of these sections runs with this one. An agent that sets the section keeps its own, whole. In an agent's config, the <em>use the platform default</em> box says which one applies.</p>
+    <form id="set-agent-defaults" method="post" action="/studio/settings/agent-defaults" data-controller="dirty-guard">
+      <%== csrf_tag %>
+      <%== render("_cfg_reliability") %>
+      <%== render("_cfg_budget") %>
+      <%== render("_agent_config_retrieval") %>
+      <%== render("_cfg_guardrails") %>
+      <%== render("_cfg_grounding") %>
+      <%== render("_cfg_followup") %>
+      <%== render("_cfg_distill") %>
+      <%== render("_cfg_harvest") %>
+      <fieldset class="subgroup">
+        <legend>alerts</legend>
+        <%== render("_cfg_alerts") %>
+      </fieldset>
+    </form>
+  </div>
+
 <% elsif @section == "evals" %>
   <div class="drill-pane-head">
     <div class="title"><strong>Evals</strong></div>
-    <button type="submit" form="set-evals" class="btn primary" data-turbo-submits-with="Saving…">Save</button>
+    <button type="submit" form="set-evals" class="btn primary" data-turbo-submits-with="Saving…">Save eval settings</button>
   </div>
   <div class="drill-pane-body">
     <p class="muted">Who grades a <a href="/studio/evals">case</a>'s rubric. <strong>One model per line</strong> as <code>provider/model</code> — several lines make a PANEL, and two different models disagreeing is the signal worth having (sampling one model N times mostly measures its own variance). Empty = deterministic assertions only, and rubric'd cases read as <code>judge_pending</code>.</p>
-    <form id="set-evals" method="post" action="/studio/settings/evals">
+    <form id="set-evals" method="post" action="/studio/settings/evals" data-controller="dirty-guard">
       <%== csrf_tag %>
       <label>judges<textarea name="judges" rows="4" spellcheck="false" placeholder="deepseek/deepseek-v4-flash&#10;openai/gpt-5-mini"><%= Array(@settings.dig("evals", "judges")).map { |j| [j["provider"], j["model"]].compact.reject(&:empty?).join("/") }.join("\n") %></textarea></label>
       <div class="grid-2">
@@ -185,7 +249,7 @@
                 <button type="submit" class="ghost danger" data-turbo-submits-with="Removing…">Remove</button>
               </form>
             </div>
-            <form method="post" action="/studio/settings/providers">
+            <form method="post" action="/studio/settings/providers" data-controller="dirty-guard">
               <%== csrf_tag %>
               <input type="hidden" name="api" value="<%= p["api"] %>">
               <div class="grid-2">
@@ -201,7 +265,7 @@
 
         <details class="card newfile"<%== " open" if @providers.empty? %>>
           <summary>+ new provider</summary>
-          <form method="post" action="/studio/settings/providers">
+          <form method="post" action="/studio/settings/providers" data-controller="dirty-guard">
             <%== csrf_tag %>
             <div class="grid-2">
               <label>api <span class="muted">(slug, e.g. deepseek)</span><input type="text" name="api" placeholder="openai" required></label>

data/lib/insika/studio/views/skills.erb

@@ -4,6 +4,9 @@
    agent's own version of the skill, not the shared one. %>
 <% scope = @scope_agent %>
 <% form_action = scope ? "/studio/agents/#{Rack::Utils.escape(scope)}/skills/#{Rack::Utils.escape(@selected.to_s)}" : "/studio/skills" %>
+<header class="page-head">
+  <h1>Skills<span class="sub">Reusable instructions and agent availability</span></h1>
+</header>
 <div class="drill" data-controller="list-filter">
   <aside class="drill-pane drill-master">
     <div class="drill-pane-head">
@@ -13,15 +16,26 @@
     <div class="drill-search">
       <input type="search" class="filter-input" placeholder="Search skills…" aria-label="Filter skills"
              data-list-filter-target="query" data-action="input->list-filter#filter keydown->list-filter#clear">
+      <label class="switch" title="show only skills no agent can load">
+        <input type="checkbox" id="only-unused">
+        <span class="switch-track" aria-hidden="true"></span>
+        <span class="switch-label">only unused</span>
+      </label>
     </div>
     <nav class="drill-pane-body drill-list" aria-label="skills">
-      <% @skills.each do |s| %>
-        <a class="drill-item<%== ' active' if @selected == s.name %>"
-           href="/studio/skills/<%= Rack::Utils.escape(s.name) %>"
-           data-list-filter-target="item" data-filter-text="<%= s.name %> <%= s.description %>">
-          <div class="drill-item-name"><span class="txt" title="<%= s.name %>"><%= s.name %></span><% if @stored.include?(s.name) %><span class="pill info">authored</span><% end %></div>
-          <div class="drill-item-sub"><%= s.description %></div>
-        </a>
+      <% @skill_groups.each do |label, skills| %>
+        <details class="drill-group" data-list-filter-target="group" open>
+          <summary class="drill-group-label"><%= label %> <span class="count"><%= skills.size %></span></summary>
+          <% skills.each do |s| %>
+            <% users = @skill_reach[s.name].size %>
+            <a class="drill-item<%== ' active' if @selected == s.name %>"
+               href="/studio/skills/<%= Rack::Utils.escape(s.name) %>"<%== " data-unused" if users.zero? %>
+               data-list-filter-target="item" data-filter-text="<%= s.name %> <%= s.description %>">
+              <div class="drill-item-name"><span class="txt" title="<%= s.name %>"><%= s.name %></span><% if @stored.include?(s.name) %><span class="pill info">authored</span><% end %></div>
+              <div class="drill-item-sub"><span<%== ' class="warn-text"' if users.zero? %>><%= users %> <%= users == 1 ? "agent" : "agents" %></span> · <%= s.description %></div>
+            </a>
+          <% end %>
+        </details>
       <% end %>
       <div class="empty" data-list-filter-target="empty" hidden>No skills match your filter.</div>
     </nav>
@@ -67,12 +81,36 @@
               <input type="text" name="name" placeholder="my-skill" required>
             </label>
           <% end %>
-          <label>SKILL.md <span class="muted">YAML frontmatter (<code>name</code>, <code>description</code>) + body</span></label>
+          <p class="muted"><%= scope ? "Saving updates this agent’s version only." : "Saving updates the shared skill. Agent availability is saved separately below." %></p>
+          <label for="skill-content">SKILL.md <span class="muted">YAML frontmatter (<code>name</code>, <code>description</code>) + body</span></label>
           <div data-controller="code-editor" data-code-editor-language-value="markdown" data-code-editor-preview-value="true">
-            <textarea name="content" data-code-editor-target="source" rows="18"><%= @skill_content %></textarea>
+            <textarea id="skill-content" name="content" data-code-editor-target="source" rows="18"><%= @skill_content %></textarea>
           </div>
         </form>
 
+        <%# A version was in use from its save until the next one: match a turn's
+            time against these to see the text that turn ran. %>
+        <% if Array(@skill_versions).size > 1 %>
+          <details class="drill-section versions">
+            <summary>Versions <span class="count"><%= @skill_versions.size %></span></summary>
+            <% restore_action = scope ? "/studio/agents/#{Rack::Utils.escape(scope)}/skills/#{Rack::Utils.escape(@selected.to_s)}/restore" : "/studio/skills/#{Rack::Utils.escape(@selected.to_s)}/restore" %>
+            <% @skill_versions.each_with_index do |v, k| %>
+              <details class="versions">
+                <summary class="mono"><%= v["from"] || "?" %> → <%= v["to"] || "now" %></summary>
+                <pre><%= v["content"] %></pre>
+                <% unless k.zero? %>
+                  <%# k - 1: the list leads with the current text, the store's history does not %>
+                  <form method="post" action="<%= restore_action %>">
+                    <%== csrf_tag %>
+                    <input type="hidden" name="version" value="<%= k - 1 %>">
+                    <button type="submit" class="ghost" data-turbo-confirm="Restore this version? The current text stays in the history.">Restore</button>
+                  </form>
+                <% end %>
+              </details>
+            <% end %>
+          </details>
+        <% end %>
+
         <% if !new && !scope %>
           <div class="drill-section">
             <div class="drill-section-head">
@@ -81,7 +119,7 @@
                 is in the prompt every turn. Both are the AGENT's decision, so one shared skill can be
                 always-on for one and discretionary for another. An "all" allowlist is left untouched.</span>
             </div>
-            <form method="post" action="/studio/skills/<%= Rack::Utils.escape(@selected) %>/agents">
+            <form method="post" action="/studio/skills/<%= Rack::Utils.escape(@selected) %>/agents" data-controller="dirty-guard">
               <%== csrf_tag %>
               <% if @agents.empty? %>
                 <p class="muted">No agents configured.</p>
@@ -117,21 +155,17 @@
               edit the allowlist, which throws the sharing away. %>
           <% others = @agents.reject { |a| Array((@specialized || {})[@selected]).include?(a.id) } %>
           <% if others.any? %>
-            <div class="drill-section">
-              <div class="drill-section-head">
-                <h3>Specialize</h3>
-                <span class="muted">give ONE agent its own version of this skill, seeded from the body above — same name, no fork</span>
-              </div>
+            <details class="drill-section newfile">
+              <summary>Specialize for one agent</summary>
+              <p class="muted">Create an agent-specific version from the saved shared skill. Save edits above before specializing.</p>
               <form method="post" action="/studio/skills/<%= Rack::Utils.escape(@selected) %>/specialize">
                 <%== csrf_tag %>
                 <label>agent
-                  <select name="agent_id" required>
-                    <% others.each do |a| %><option value="<%= a.id %>"><%= a.id %></option><% end %>
-                  </select>
+                  <%== render("_agent_picker", locals: { name: "agent_id", options: others.map(&:id), value: nil }) %>
                 </label>
                 <div class="actions"><button type="submit" data-turbo-submits-with="Creating…">Specialize for this agent</button></div>
               </form>
-            </div>
+            </details>
           <% end %>
         <% end %>
       </div>

data/lib/insika/studio/views/system_files.erb

@@ -1,11 +1,11 @@
 <header class="page-head">
   <div>
-    <nav class="crumbs"><a href="/studio/agents">agents</a> / <span>system files</span></nav>
+    <nav class="crumbs"><a href="/studio/agents">agents</a></nav>
     <h1>System files<span class="sub"><%= @system_files.size %> file(s) · apply to every agent</span></h1>
   </div>
 </header>
 
-<p class="muted matrix-hint">GLOBAL prompts/rules: the runtime injects these files <strong>before</strong> each agent's own identity, every turn. Store-backed and versioned (like per-agent prompts). Empty = no global injection (the prompt stays exactly as before).</p>
+<p class="muted matrix-hint">Rules shared by <strong>every agent</strong>, loaded before each agent’s own prompts. Save each file separately; previous versions can be restored below.</p>
 
 <% if @system_files.empty? %>
   <div class="empty">No system files. Create one below (e.g. <code>HOUSE_RULES.md</code>) for a rule that applies to every agent.</div>
@@ -24,8 +24,8 @@
     <form method="post" action="/studio/system-files" data-controller="dirty-guard">
       <%== csrf_tag %>
       <input type="hidden" name="file" value="<%= sf[:name] %>">
-      <div data-controller="code-editor" data-code-editor-language-value="markdown">
-        <textarea name="content" data-code-editor-target="source" rows="10"><%= sf[:content] %></textarea>
+      <div data-controller="code-editor" data-code-editor-language-value="markdown" data-code-editor-preview-value="true">
+        <textarea aria-label="Content of <%= sf[:name] %>" name="content" data-code-editor-target="source" rows="10"><%= sf[:content] %></textarea>
       </div>
       <div class="actions"><button type="submit" class="primary" data-turbo-submits-with="Saving…">Save file</button></div>
     </form>
@@ -50,15 +50,15 @@
   </div>
 <% end %>
 
-<details class="card newfile">
+<details class="card newfile"<%== " open" if @system_files.empty? %>>
   <summary>+ new system file</summary>
   <form method="post" action="/studio/system-files" data-controller="dirty-guard">
     <%== csrf_tag %>
     <label>file name
       <input type="text" name="file" placeholder="HOUSE_RULES.md" required>
     </label>
-    <div data-controller="code-editor" data-code-editor-language-value="markdown">
-      <textarea name="content" data-code-editor-target="source" rows="8" placeholder="# House rules&#10;Every agent must..."></textarea>
+    <div data-controller="code-editor" data-code-editor-language-value="markdown" data-code-editor-preview-value="true">
+      <textarea aria-label="New system file content" name="content" data-code-editor-target="source" rows="8" placeholder="# House rules&#10;Every agent must..."></textarea>
     </div>
     <div class="actions"><button type="submit" class="primary" data-turbo-submits-with="Creating…">Create file</button></div>
   </form>

data/lib/insika/studio/views/task.erb

@@ -1,6 +1,6 @@
-<header class="page-head">
+<header class="page-head operation-head">
   <div>
-    <nav class="crumbs"><a href="/studio/tasks">tasks</a> / <span>task</span></nav>
+    <nav class="crumbs"><a href="/studio/tasks">tasks</a></nav>
     <h1>Task
       <span class="copy-id" data-controller="clipboard" data-clipboard-text-value="<%= @task.id %>">
         <span class="mono"><%= @task.id[0, 16] %></span>
@@ -11,7 +11,7 @@
   </div>
 </header>
 
-<div class="card">
+<div class="card operation-summary">
   <div class="actions">
     <span class="pill <%= status_class(@task.status) %>"><%= @task.status %></span>
     <% if @task.session_id %>
@@ -40,6 +40,7 @@
       <div class="card">
         <div class="skill-name mono"><%= pa.tool %></div>
         <div class="skill-desc muted">turn <%= pa.turn %> · requested <%= pa.requested_at %></div>
+        <p class="muted">Review the requested arguments before allowing this tool to run.</p>
         <pre><%= message_content(pa.args) %></pre>
         <div class="actions">
           <form method="post" action="/studio/approvals/<%= Rack::Utils.escape(pa.id) %>">
@@ -61,12 +62,7 @@
   </section>
 <% end %>
 
-<section class="section">
-  <div class="section-head"><h2>Command</h2></div>
-  <div class="card"><pre><%= message_content(@task.command) %></pre></div>
-</section>
-
-<section class="section">
+<section class="section operation-history">
   <div class="section-head"><h2>Executions <span class="muted">· <%= Array(@task.executions).size %></span></h2></div>
   <% if Array(@task.executions).empty? %>
     <div class="empty">No executions yet.</div>
@@ -88,9 +84,14 @@
   <% end %>
 </section>
 
+<details class="card operation-diagnostics">
+  <summary>Command</summary>
+  <div class="card"><pre><%= message_content(@task.command) %></pre></div>
+</details>
+
 <% if @task.timing && !@task.timing.empty? %>
-  <section class="section">
-    <div class="section-head"><h2>Timing <span class="muted">· the turn's latency windows</span></h2></div>
+  <details class="card operation-diagnostics">
+    <summary>Timing</summary>
     <div class="card">
       <ul class="kv">
         <% @task.timing.each do |key, value| %>
@@ -98,11 +99,11 @@
         <% end %>
       </ul>
     </div>
-  </section>
+  </details>
 <% end %>
 
-<section class="section">
-  <div class="section-head"><h2>Latest checkpoint</h2></div>
+<details class="card operation-diagnostics">
+  <summary>Latest checkpoint</summary>
   <% if @checkpoint.nil? %>
     <div class="empty">No checkpoint recorded.</div>
   <% else %>
@@ -115,4 +116,33 @@
       </ul>
     </div>
   <% end %>
-</section>
+</details>
+
+<details class="card operation-diagnostics">
+  <% failures = @llm_trace["entries"].count { |entry| entry["status"] == "failed" || entry["exception_class"] } %>
+  <summary>Model requests<% if failures.positive? %> <span class="status err"><%= failures %> failed events</span><% end %></summary>
+  <p class="muted">Native retries are attempt usage, separate from task executions. Reported cost is diagnostic; aggregate spend uses turn accounting. Tokens: input / output / cache read / cache write / thinking.</p>
+  <% if @llm_trace["truncated"] %><p class="muted">Latest 200 events shown; earlier diagnostics were discarded.</p><% end %>
+  <% if @llm_trace["entries"].empty? %>
+    <div class="empty">No model request diagnostics recorded.</div>
+  <% else %>
+    <div class="card">
+      <table class="grid">
+        <thead><tr><th>Event / request</th><th>Operation</th><th>Provider / model</th><th>Request duration</th><th>Outcome</th><th>Tokens</th><th>Reported cost</th></tr></thead>
+        <tbody>
+          <% @llm_trace["entries"].each do |entry| %>
+            <tr data-llm-event="<%= entry["type"] %>">
+              <td><%= entry["type"] == "llm_request" ? "Request" : "Attempt usage" %><br><span class="mono"><%= entry["request_id"] %></span></td>
+              <td><%= entry["operation"] || "—" %></td>
+              <td><%= entry["provider"] || "—" %> / <%= entry["model"] || "—" %></td>
+              <td><%= entry["duration_ms"] ? format("%.2f ms", entry["duration_ms"]) : "—" %></td>
+              <td><%= entry["status"] || "—" %><% if entry["exception_class"] %> (<%= entry["exception_class"] %>)<% end %></td>
+              <td><%= %w[input_tokens output_tokens cache_read_tokens cache_write_tokens thinking_tokens].map { |key| entry[key] || "—" }.join(" / ") %></td>
+              <td><%= entry["cost"].nil? ? "—" : "$#{entry['cost']}" %></td>
+            </tr>
+          <% end %>
+        </tbody>
+      </table>
+    </div>
+  <% end %>
+</details>

data/lib/insika/studio/views/tasks.erb

@@ -1,36 +1,53 @@
-<header class="page-head">
+<header class="page-head operation-head">
   <div>
-    <nav class="crumbs"><span>tasks</span></nav>
-    <h1>Tasks<span class="sub"><%= @tasks.size %> task(s)</span></h1>
+    <%== crumbs_for("Tasks") %>
+    <h1>Tasks<span class="sub">most recent first · page <%= @page %></span></h1>
   </div>
   <div class="head-actions">
     <%== agent_filter_form("/studio/tasks", @agent) %>
-    <a class="btn" href="/studio/approvals">Approvals →</a>
+    <a class="btn" href="/studio/approvals">Open approvals</a>
   </div>
 </header>
 
-<% if @tasks.empty? %>
+<p class="muted">Open a task to review its execution history, resolve approvals or control a running turn.</p>
+
+<% if @tasks.empty? && @page == 1 %>
   <div class="empty">No tasks yet. A task is born when an agent runs a turn.</div>
+<% elsif @tasks.empty? %>
+  <div class="empty">No tasks on this page. <a href="<%= tasks_page_path(1) %>">Back to the most recent</a>.</div>
 <% else %>
   <div data-controller="list-filter">
     <div class="filter-bar">
-      <input type="search" class="filter-input" placeholder="Filter tasks by id, status or session…" aria-label="Filter tasks"
+      <input type="search" class="filter-input" placeholder="Filter this page by id, status or session…" aria-label="Filter tasks"
              data-list-filter-target="query" data-action="input->list-filter#filter keydown->list-filter#clear">
       <span class="filter-count mono muted" data-list-filter-target="count"></span>
     </div>
-    <div class="card">
-      <ul class="history">
-        <% @tasks.each do |t| %>
-          <li data-list-filter-target="item" data-filter-text="<%= t.id %> <%= t.status %> <%= t.session_id %>">
-            <a href="<%= task_path(t.id) %>"><span class="mono"><%= t.id[0, 12] %></span></a>
-            <span class="pill <%= status_class(t.status) %>"><%= t.status %></span>
-            <span class="preview muted">
-              <% if t.session_id %>session <span class="mono"><%= t.session_id[0, 12] %></span> · <% end %><%= Array(t.executions).size %> execution(s) · updated <%= t.updated_at %>
-            </span>
-          </li>
-        <% end %>
-      </ul>
+    <div class="card operation-table">
+      <table class="grid">
+        <thead>
+          <tr>
+            <th>Task</th><th>Status</th><th>session</th><th class="num">executions</th><th class="time">updated</th>
+          </tr>
+        </thead>
+        <tbody>
+          <% @tasks.each do |t| %>
+            <tr data-list-filter-target="item" data-filter-text="<%= t.id %> <%= t.status %> <%= t.session_id %>">
+              <td><a href="<%= task_path(t.id) %>"><span class="mono"><%= t.id[0, 12] %></span></a></td>
+              <td><span class="status <%= status_class(t.status) %>"><%= t.status %></span></td>
+              <td><% if t.session_id %><a class="mono" href="/studio/sessions/<%= Rack::Utils.escape(t.session_id) %>"><%= t.session_id[0, 12] %></a><% else %><span class="muted">—</span><% end %></td>
+              <td class="num"><%= Array(t.executions).size %></td>
+              <td class="time"><span title="<%= t.updated_at %>"><%= time_ago(t.updated_at) %></span></td>
+            </tr>
+          <% end %>
+        </tbody>
+      </table>
     </div>
     <div class="empty" data-list-filter-target="empty" hidden>No tasks match your filter.</div>
+    <% if @page > 1 || @more %>
+      <nav class="pager" aria-label="Task pages">
+        <% if @page > 1 %><a class="btn" href="<%= tasks_page_path(@page - 1) %>" rel="prev">← Newer</a><% end %>
+        <% if @more %><a class="btn" href="<%= tasks_page_path(@page + 1) %>" rel="next">Older →</a><% end %>
+      </nav>
+    <% end %>
   </div>
 <% end %>