insika 0.8.0 → 1.0.1

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

@@ -0,0 +1,16 @@
+<%# Avatar + name + mono sub-line: the unit every list of agents, customers
+    and sessions is built from. Locals:
+      name: — the human-readable label (truncates if long)
+      sub:  — the mono second line, usually short_id(...) or a model name
+      id:   — the stable identifier the avatar hue is derived from, so the
+              same subject keeps its colour across pages and renders.
+    The initial comes from the name when there is one, else from the id — an
+    unnamed row still gets a mark rather than an empty circle. %>
+<% mark = (name.to_s.strip.empty? ? id.to_s : name.to_s)[0, 1] %>
+<span class="identity">
+  <span class="av av-<%= avatar_hue(id) %>" aria-hidden="true"><%= mark %></span>
+  <span class="who">
+    <span class="name"><%= name %></span>
+    <% if sub %><span class="id"><%= sub %></span><% end %>
+  </span>
+</span>

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

@@ -0,0 +1,17 @@
+<%# One metric in a `.kpi-strip`. Locals:
+      label: — what is being counted (rendered uppercase by the CSS)
+      value: — the number itself
+      sub:   — optional qualifier under the value ("last 7 days")
+      delta: — optional change vs the previous period, e.g. "+12%"; a leading
+               "-" colors it red, anything else green. Pass nil for "no
+               comparison available" — an absent delta is not a zero delta. %>
+<% sub = defined?(sub) ? sub : nil %>
+<% delta = defined?(delta) ? delta : nil %>
+<div class="kpi">
+  <span class="label"><%= label %></span>
+  <span class="value tnum"><%= value %></span>
+  <% if delta %>
+    <span class="delta <%= delta.to_s.start_with?("-") ? "down" : "up" %>"><%= delta %></span>
+  <% end %>
+  <% if sub %><span class="sub"><%= sub %></span><% end %>
+</div>

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

@@ -12,7 +12,7 @@
 <% if role == "tool" %>
   <% artifact_url = artifact_link_in(m["content"]) %>
   <% if artifact_url %>
-    <p class="artifact-chip"><%== chip_icon(:artifact) %><a class="btn sm" href="<%= artifact_url %>" target="_blank" rel="noopener">open artifact</a></p>
+    <p class="artifact-chip"><%== chip_icon(:artifact) %><a class="btn btn-sm" href="<%= artifact_url %>" target="_blank" rel="noopener">open artifact</a></p>
   <% end %>
   <details class="toolcard result">
     <summary><%== chip_icon(:result) %><strong>tool result</strong><% unless at.empty? %><time class="stamp" datetime="<%= m["at"] %>"><%= at %></time><% end %></summary>
@@ -45,10 +45,45 @@
     </div>
     <% if show_bubble %>
       <div class="bubble">
-        <div class="content<%== ' md' if role == 'assistant' %>"<%== ' data-controller="markdown"' if role == 'assistant' %>><%= message_content(m["content"]) %></div>
+        <div class="content<%== ' md' if role == 'assistant' %>"<%== ' data-controller="markdown"' if role == 'assistant' %>><% if role == "user" %><%== mark_tags(message_content(m["content"])) %><% else %><%= message_content(m["content"]) %><% end %></div>
       </div>
     <% end %>
   </div>
+  <%# Guardrail flags the input check raised on this message (persisted with it,
+      so they survive a reload) — same chip the live :guardrail_flagged event draws. %>
+  <% review = defined?(review) ? review : nil %>
+  <% Array(m["guardrail_flags"]).each_with_index do |f, fi| %>
+    <details class="toolcard guardrail" open>
+      <summary><%== chip_icon(:guardrail) %><strong>guardrail <%= f["action"] == "refuse" ? "blocked" : "flagged" %> · <%= f["category"] || "?" %></strong></summary>
+      <dl class="guardrail-why">
+        <% [["category", f["category"]], ["engine", f["source"]], ["action", f["action"]], ["matched", f["detail"]]].each do |label, value| %>
+          <% next if value.to_s.empty? %>
+          <dt><%= label %></dt><dd><%= value %></dd>
+        <% end %>
+      </dl>
+      <%# Session viewer only: report the flag as a false positive, or resolve it
+          (clears the conversation's flagged mark; the flag stays as history). %>
+      <% if review %>
+        <% state = f.dig("review", "status") %>
+        <form class="guardrail-review" method="post" action="<%= review[:path] %>">
+          <%== csrf_tag %>
+          <input type="hidden" name="message" value="<%= review[:message] %>">
+          <input type="hidden" name="flag" value="<%= fi %>">
+          <% if state == "reported" %>
+            <span class="status warn">reported as false positive</span>
+            <button type="submit" class="btn btn-sm" name="status" value="resolved">Mark resolved</button>
+            <button type="submit" class="btn btn-sm ghost">Undo</button>
+          <% elsif state == "resolved" %>
+            <span class="status ok">resolved</span>
+            <button type="submit" class="btn btn-sm ghost">Undo</button>
+          <% else %>
+            <button type="submit" class="btn btn-sm" name="status" value="reported">Mark false positive</button>
+            <button type="submit" class="btn btn-sm ghost" name="status" value="resolved">Resolve</button>
+          <% end %>
+        </form>
+      <% end %>
+    </details>
+  <% end %>
   <%# Tool calls render BETWEEN bubbles (chips), not inside them — the same
       reading order the live SSE stream shows: prose → call → result. %>
   <% calls.each do |tc| %>
@@ -56,6 +91,9 @@
     <details class="toolcard call">
       <summary><%== chip_icon(:call) %><strong><%= tc["name"] %></strong><span class="chip-sub"><%= preview[0, 60] %><%== "…" if preview.size > 60 %></span></summary>
       <pre><%= message_content(tc["arguments"]) %></pre>
+      <% if (loaded = loaded_skill_name({ "tool" => tc["name"], "args" => tc["arguments"] })) %>
+        <p class="skill-link"><a class="mono" href="/studio/skills/<%= Rack::Utils.escape(loaded) %>" data-turbo-frame="_top">open skill <%= loaded %></a></p>
+      <% end %>
     </details>
   <% end %>
 <% end %>

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

@@ -0,0 +1,82 @@
+<% series = Array(@report && @report["series"]) %>
+<% values = series.flat_map { |bucket| fields.map { |field, _label| bucket[field] } }.compact %>
+<% has_values = !values.empty? && (unit != "requests" || values.sum.positive?) %>
+<% ceiling = [values.max || 0, unit == "USD" ? 0.000001 : 1].max.to_f %>
+<% count = [series.size, 1].max; slot = 600.0 / count %>
+<% chart_id = "chart-#{title.downcase.gsub(/[^a-z0-9]+/, '-')}" %>
+<% step = @report ? @report["step_seconds"].to_i : 0 %>
+<% stamp_format = step < 86_400 ? "%b %-d · %H:%M UTC" : "%b %-d, %Y" %>
+<%# the tooltip rows, formatted here so the chart and the table read the same %>
+<% tips = series.map do |bucket|
+     rows = fields.map { |field, label| { "label" => label, "key" => field.delete_suffix("_ms"), "value" => bucket[field].nil? ? "No value" : model_chart_value(bucket[field], unit) } }
+     note = (fields.any? { |f, _| f == "cost" } && bucket["unknown_cost_requests"].to_i.positive?) ? "#{bucket['unknown_cost_requests']} requests with unknown cost" : nil
+     { "at" => Time.iso8601(bucket["at"]).utc.strftime(stamp_format), "requests" => (unit == "requests" ? nil : bucket["requests"].to_i), "rows" => rows, "note" => note }
+   end %>
+<div class="model-plot-shell" data-controller="model-chart" data-model-chart-tips-value="<%= JSON.generate(tips) %>" data-model-chart-count-value="<%= series.size %>">
+  <div class="model-axis-y" aria-hidden="true">
+    <% [ceiling, ceiling / 2, 0].each do |tick| %><span><%= has_values ? model_chart_tick(tick, unit) : "—" %></span><% end %>
+  </div>
+  <div class="model-plot-body" data-model-chart-target="body" data-action="pointermove->model-chart#track pointerleave->model-chart#hide focusin->model-chart#focus focusout->model-chart#hide">
+    <svg class="model-plot" viewBox="0 0 600 180" preserveAspectRatio="none" role="img" aria-label="<%= title %>">
+      <title><%= title %></title>
+      <desc><%= unit %> by time interval. Missing measurements remain gaps. Exact values are available in the chart data table below.</desc>
+      <defs>
+        <% fields.each do |field, _label| %>
+          <linearGradient id="<%= chart_id %>-<%= field %>" class="model-gradient <%= unit == 'requests' ? 'requests' : field.delete_suffix('_ms') %>" x1="0" y1="0" x2="0" y2="1">
+            <stop offset="0" stop-color="currentColor" stop-opacity="<%= unit == 'requests' ? '.95' : '.28' %>"/>
+            <stop offset="1" stop-color="currentColor" stop-opacity="<%= unit == 'requests' ? '.45' : '0' %>"/>
+          </linearGradient>
+        <% end %>
+      </defs>
+      <% [0, 90, 180].each do |y| %><line class="model-gridline" x1="0" x2="600" y1="<%= y %>" y2="<%= y %>"/><% end %>
+      <line class="model-cursor" x1="0" x2="0" y1="0" y2="180" data-model-chart-target="cursor" vector-effect="non-scaling-stroke"/>
+      <% if has_values %>
+        <% fields.each_with_index do |(field, label), field_index| %>
+          <% color = field.delete_suffix("_ms") %>
+          <% points = series.each_with_index.map { |bucket, i| bucket[field].nil? ? nil : [(i + 0.5) * slot, 180 - bucket[field] / ceiling * 180] } %>
+          <% if unit != "requests" %>
+            <% model_chart_paths(points).each do |path| %>
+              <% if field_index == fields.size - 1 %><%# one area per chart, under the lowest line, so stacked latency stays readable %>
+                <% xs = path.scan(/[ML]([\d.]+) /).flatten %>
+                <path class="model-area" d="<%= path %> L<%= xs.last %> 180 L<%= xs.first %> 180 Z" fill="url(#<%= chart_id %>-<%= field %>)"/>
+              <% end %>
+              <path class="model-line <%= color %>" d="<%= path %>" vector-effect="non-scaling-stroke"/>
+            <% end %>
+          <% end %>
+          <% points.each_with_index do |point, i| %>
+            <% next unless point %>
+            <% x, y = point; bucket = series[i] %>
+            <% description = "#{tips[i]['at']} · #{label}: #{model_chart_value(bucket[field], unit)}" %>
+            <% description += " · #{tips[i]['note']}" if tips[i]["note"] && field == "cost" %>
+            <% if unit == "requests" %>
+              <rect class="model-bar requests" x="<%= x - slot * 0.31 %>" y="<%= y %>" width="<%= slot * 0.62 %>" height="<%= 180 - y %>" rx="3" fill="url(#<%= chart_id %>-<%= field %>)" tabindex="0" data-index="<%= i %>" aria-label="<%= description %>"><title><%= description %></title></rect>
+            <% else %>
+              <circle class="model-point <%= color %>" cx="<%= x %>" cy="<%= y %>" r="3.5" tabindex="0" data-index="<%= i %>" aria-label="<%= description %>"><title><%= description %></title></circle>
+            <% end %>
+          <% end %>
+        <% end %>
+      <% end %>
+    </svg>
+    <div class="model-tip" role="status" aria-live="polite" hidden data-model-chart-target="tip"></div>
+    <% unless has_values %><div class="model-chart-empty"><strong><%= empty %></strong><span><%= series.sum { |b| b["requests"].to_i }.zero? ? "New requests will appear here." : "This provider has not reported these values." %></span></div><% end %>
+  </div>
+  <div class="model-axis-x" aria-hidden="true">
+    <% unless series.empty? %>
+      <% [0, series.size / 2, series.size - 1].uniq.each do |i| %>
+        <span><%= Time.iso8601(series[i]["at"]).utc.strftime(step < 86_400 ? (step <= 3600 ? "%H:%M" : "%b %-d · %H:%M") : "%b %-d") %></span>
+      <% end %>
+    <% end %>
+  </div>
+</div>
+<details class="model-chart-data">
+  <summary>View chart data<span><%= model_interval_label(step) %> · UTC</span></summary>
+  <div class="model-table-scroll"><table class="grid">
+    <caption class="sr-only"><%= title %> — exact values</caption>
+    <thead><tr><th scope="col">Interval starts (UTC)</th><% fields.each do |_field, label| %><th scope="col" class="num"><%= label %> (<%= unit %>)</th><% end %><% if unit == "USD" %><th scope="col">Unknown cost</th><% end %></tr></thead>
+    <tbody><% series.each do |bucket| %><tr>
+      <th scope="row"><%= Time.iso8601(bucket["at"]).utc.strftime("%Y-%m-%d %H:%M UTC") %></th>
+      <% fields.each do |field, _label| %><td class="num"><%= bucket[field].nil? ? "No reported value" : model_chart_value(bucket[field], unit) %></td><% end %>
+      <% if unit == "USD" %><td><%= bucket["unknown_cost_requests"].to_i %> of <%= bucket["requests"] %> requests</td><% end %>
+    </tr><% end %></tbody>
+  </table></div>
+</details>

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

@@ -0,0 +1,38 @@
+<%# Master column of the Refinement miller shell — rendered by the index
+    (refinement.erb) and the detail (refinement_detail.erb). One agent's run
+    history, most recent first (@runs — see refinement_rows). Rows target the
+    refinement-detail turbo-frame with data-turbo-action="advance": the detail
+    loads beside the list while the URL moves, so refresh/deep-link render the
+    same screen. Local: active_id lights the current row. %>
+<aside class="drill-pane drill-master">
+  <div class="drill-pane-head">
+    <div class="title"><strong>Runs <span class="count"><%= @runs.size %></span></strong></div>
+  </div>
+  <div class="drill-search">
+    <input type="search" class="filter-input" placeholder="Filter runs by status or id…" aria-label="Filter runs"
+           data-list-filter-target="query" data-action="input->list-filter#filter keydown->list-filter#clear">
+  </div>
+  <nav class="drill-pane-body drill-list" aria-label="refinement runs" data-controller="active-link">
+    <% active_id = defined?(active_id) ? active_id : nil %>
+    <% if @runs.empty? %>
+      <div class="empty">No runs yet for <span class="mono"><%= @agent %></span>.</div>
+    <% else %>
+      <% @runs.each do |run| %>
+        <a class="drill-item<%== ' active' if run.id == active_id %>"
+           href="/studio/refinement/<%= Rack::Utils.escape(run.id) %>"
+           data-turbo-frame="refinement-detail" data-turbo-action="advance"
+           data-list-filter-target="item" data-filter-text="<%= run.status %> <%= run.id %>"
+           data-active-link-target="item" data-action="click->active-link#select">
+          <div class="drill-item-name">
+            <span class="status <%= status_class(run.status) %>"><%= run.status %></span>
+            <span class="mono txt" title="<%= run.id %>"><%= short_id(run.id) %></span>
+          </div>
+          <div class="drill-item-sub">
+            <%= run.findings.size %> finding(s) · <%= refinement_window(run.window) %> · <%= refinement_elapsed(run) %>
+          </div>
+        </a>
+      <% end %>
+      <div class="empty" data-list-filter-target="empty" hidden>No runs match your filter.</div>
+    <% end %>
+  </nav>
+</aside>

data/lib/insika/studio/views/{tool_edit.erb → _tool_edit.erb}

@@ -1,16 +1,20 @@
+<%# The data-tool editor, rendered inside the Tools detail pane (tools.erb). %>
 <% new = @tool_name.empty? %>
-<header class="page-head">
-  <div>
-    <nav class="crumbs"><a href="/studio/tools">tools</a> / <span><%= new ? "new (data tool)" : @tool_name %></span></nav>
-    <h1><%= new ? "New data tool" : @tool_name %><span class="sub">an HTTP call described by data — no code</span></h1>
+<div class="drill-pane-head">
+  <div class="title">
+    <strong class="mono"><%= new ? "New data tool" : @tool_name %></strong>
+    <span class="count">an HTTP call described by data — no code</span>
   </div>
-</header>
+</div>
+<div class="drill-pane-body">
 
 <p class="muted matrix-hint">The tool makes an HTTP request when the model calls it. Use <code>{{param}}</code> in any field (url, query, headers, body) to insert arguments — https only, private destinations are blocked. Credential headers listed in <strong>secret_headers</strong> never return in plaintext: they appear as <code><%= secret_sentinel %></code> (keeping it preserves the secret).</p>
 
 <form class="card" method="post" action="<%= new ? "/studio/tools/def" : "/studio/tools/def/#{Rack::Utils.escape(@tool_name)}" %>" data-controller="dirty-guard">
   <%== csrf_tag %>
 
+  <fieldset class="subgroup">
+    <legend>Tool identity &amp; request</legend>
   <div class="grid-2">
     <label>name <span class="muted">(identifier for the model, <code>[a-z0-9_]</code>)</span>
       <% if new %>
@@ -33,13 +37,21 @@
   </label>
 
   <label>url <span class="muted">(https; use <code>{{param}}</code>)</span>
-    <input type="text" name="url" value="<%= @form[:url] %>" placeholder="https://viacep.com.br/ws/{{cep}}/json" required>
+    <input type="text" name="url" value="<%= @form[:url] %>" placeholder="https://viacep.com.br/ws/{{cep}}/json"<%== " required" unless @form[:presentation] %>>
   </label>
 
+  </fieldset>
+
+  <fieldset class="subgroup">
+    <legend>Arguments from the model</legend>
   <label>parameters <span class="muted">(one per line: <code>name | type | required|optional | description</code> — type is <code>string</code>/<code>number</code>/<code>integer</code>/<code>boolean</code> or <code>array:string</code>. For a list of objects or a nested object, paste a full <strong>JSON Schema</strong> instead: any text starting with <code>{</code> is read as one.)</span>
     <textarea name="parameters" rows="6" placeholder="cep | string | required | The ZIP code to look up"><%= @form[:parameters] %></textarea>
   </label>
 
+  </fieldset>
+
+  <details class="newfile"<%== " open" if %i[query headers body secret_headers].any? { |key| !@form[key].to_s.empty? } %>>
+    <summary>Query, headers &amp; request body</summary>
   <div class="grid-2">
     <label>query <span class="muted">(one <code>key=value</code> per line)</span>
       <textarea name="query" rows="3" placeholder="term={{q}}"><%= @form[:query] %></textarea>
@@ -59,10 +71,14 @@
     </div>
   </label>
 
+  </details>
+
+  <fieldset class="subgroup">
+    <legend>Response &amp; safeguards</legend>
   <div class="grid-2">
     <label>response
       <select name="extract">
-        <% [["body_raw", "raw body"], ["json_path", "JSON field"], ["status", "status only"]].each do |v, lbl| %>
+        <% [["body_raw", "raw body"], ["json_path", "JSON field"], ["status", "status only"], ["evidence_envelope", "evidence envelope"]].each do |v, lbl| %>
           <option value="<%= v %>"<%== " selected" if @form[:extract] == v %>><%= lbl %></option>
         <% end %>
       </select>
@@ -72,13 +88,19 @@
     </label>
   </div>
 
+  <label>requires_evidence <span class="muted">(parameter names, comma-separated; each ID must first be returned by a tool in this conversation)</span>
+    <input type="text" name="requires_evidence" value="<%= @form[:requires_evidence] %>" placeholder="product_id">
+  </label>
+
   <label>timeout <span class="muted">(seconds, optional)</span>
     <input type="number" name="timeout" value="<%= @form[:timeout] %>" min="1" placeholder="30">
   </label>
 
+  </fieldset>
+
   <div class="actions">
+    <span class="muted">Saving updates this tool for every agent that uses it.</span>
     <button type="submit" class="primary" data-turbo-submits-with="<%= new ? "Creating…" : "Saving…" %>"><%= new ? "Create tool" : "Save tool" %></button>
-    <a class="btn ghost" href="/studio/tools">← back</a>
   </div>
 </form>
 
@@ -92,8 +114,8 @@
   </form>
 
   <% if @versions.any? %>
-    <div class="card">
-      <h2 class="eyebrow">versions</h2>
+    <details class="card newfile">
+      <summary>Previous versions <span class="count"><%= @versions.size %></span></summary>
       <% @versions.each_with_index do |v, i| %>
         <form class="promptfile-head" method="post" action="/studio/tools/def/<%= Rack::Utils.escape(@tool_name) %>/restore">
           <%== csrf_tag %>
@@ -102,6 +124,11 @@
           <button type="submit" class="ghost">Restore</button>
         </form>
       <% end %>
-    </div>
+    </details>
   <% end %>
 <% end %>
+
+<% unless new %>
+  <%== render("_tool_users", locals: { name: @tool_name }) %>
+<% end %>
+</div>

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

@@ -0,0 +1,17 @@
+<%# Which agents can call tool `name` (@tool_reach: own list, kits, groups or "all"). %>
+<% users = @tool_reach[name] %>
+<div class="drill-section">
+  <div class="drill-section-head">
+    <h3>Used by <span class="count"><%= users.size %></span></h3>
+    <span class="muted">Change an agent's access in its Tools tab.</span>
+  </div>
+  <% if users.empty? %>
+    <p class="muted">No agent can call this tool yet.</p>
+  <% else %>
+    <p>
+      <% users.each do |id| %>
+        <a class="pill plain" href="/studio/agents/<%= Rack::Utils.escape(id) %>?tab=tools" data-turbo-frame="_top"><%= id %></a>
+      <% end %>
+    </p>
+  <% end %>
+</div>

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

@@ -0,0 +1,53 @@
+<%# "Why did it say that?" under a reply: what the turn read (context tokens
+    by category), the skills it injected and why, what it called, the checks on
+    the customer's message. Locals: w = a why_panels entry, sid, index (the
+    reply's message index). Bars are SVG geometry — CSP-safe, no style="". %>
+<% ctx = w[:context] %>
+<details class="toolcard why-card">
+  <summary><strong>why this reply</strong></summary>
+  <div class="why">
+    <h3>What it read</h3>
+    <% if ctx %>
+      <% scale = [ctx["cap"].to_i, ctx["used"].to_i, 1].max %>
+      <p class="muted"><%= ctx["used"] %> / <%= ctx["cap"] %> tokens<% if (hit = ctx.dig("cache", "hit_pct")) %> · <%= hit %>% cached<% end %></p>
+      <dl class="why-bars">
+        <% (ctx["categories"] || {}).sort_by { |_k, v| -(v["tokens"] || 0) }.each do |name, cat| %>
+          <dt><%= name %></dt>
+          <dd><svg viewBox="0 0 100 4" preserveAspectRatio="none" aria-hidden="true"><rect class="track" width="100" height="4"/><rect width="<%= (cat["tokens"].to_f / scale * 100).round(2).clamp(0, 100) %>" height="4"/></svg><span><%= cat["tokens"] %></span></dd>
+        <% end %>
+      </dl>
+      <% skills = Array((ctx["categories"] || {}).dig("skilltrigger", "labels")).uniq %>
+      <% unless skills.empty? %>
+        <h3>Skills injected</h3>
+        <ul><% skills.each do |l| %><li class="mono"><% name = l.is_a?(Hash) ? l["name"].to_s : l.to_s %><a href="/studio/skills/<%= Rack::Utils.escape(name) %>" data-turbo-frame="_top"><%= skill_label(l) %></a></li><% end %></ul>
+      <% end %>
+    <% else %>
+      <p class="muted">No context trace for this turn.</p>
+    <% end %>
+
+    <h3>What it called</h3>
+    <% if w[:tools].any? %>
+      <ul>
+        <% w[:tools].each do |t| %>
+          <li><span class="status <%= t["ok"] && !t["gate"] ? "ok" : "err" %>"><%= t["gate"] ? "blocked: #{t["gate"]}" : (t["ok"] ? "ok" : "error") %></span> <span class="mono"><%= t["tool"] %></span> <span class="muted"><%= t["ms"] %>ms</span></li>
+        <% end %>
+      </ul>
+    <% elsif w[:calls].any? %>
+      <p class="mono"><%= w[:calls].join(", ") %> <span class="muted">· no trace recorded</span></p>
+    <% else %>
+      <p class="muted">No tool calls.</p>
+    <% end %>
+
+    <h3>Checks</h3>
+    <% if w[:flags].any? %>
+      <ul><% w[:flags].each do |f| %><li><span class="status err"><%= f["action"] == "refuse" ? "blocked" : "flagged" %></span> <%= f["category"] || "?" %></li><% end %></ul>
+    <% else %>
+      <p class="muted">No guardrail flags on the customer's message.</p>
+    <% end %>
+
+    <div class="actions">
+      <a class="btn btn-sm" href="/studio/playground?session_id=<%= Rack::Utils.escape(sid) %>" data-turbo-frame="_top">Replay in Playground</a>
+      <a class="btn btn-sm" href="/studio/evals?<%= Rack::Utils.build_query("session" => sid, "reply" => index) %>" data-turbo-frame="_top">Save as eval case</a>
+    </div>
+  </div>
+</details>

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

@@ -9,12 +9,12 @@
 <% unless frame_only %>
   <header class="page-head">
     <div>
-      <nav class="crumbs"><a href="/studio/agents">agents</a> / <span><%= @agent.id %></span></nav>
+      <nav class="crumbs"><a href="/studio/agents">agents</a></nav>
       <h1><span class="avatar sm <%= avatar_class(@agent.id) %>"><%= @agent.id[0, 2].upcase %></span><%= @agent.id %>
         <span class="sub"><%= @agent.model %><%== " · #{h(@agent.provider)}" if @agent.provider %></span>
       </h1>
     </div>
-    <a class="btn primary" href="/studio/playground?agent=<%= Rack::Utils.escape(@agent.id) %>">Open playground →</a>
+    <a class="btn primary" href="/studio/playground?agent=<%= Rack::Utils.escape(@agent.id) %>">Open playground</a>
   </header>
 
   <div class="drill" data-controller="list-filter">
@@ -32,6 +32,9 @@
         <div class="title">
           <strong class="mono"><%= @agent.id %></strong>
           <span class="count"><%= @agent.model %><%== " · #{h(@agent.provider)}" if @agent.provider %></span>
+          <% Array(@agent.kits).each do |k| %>
+            <a class="pill info" href="/studio/kits/<%= Rack::Utils.escape(k) %>" data-turbo-frame="_top" title="kit">kit: <%= k %></a>
+          <% end %>
         </div>
         <a class="btn btn-sm" href="/studio/playground?agent=<%= Rack::Utils.escape(@agent.id) %>" data-turbo-frame="_top">Test in playground</a>
       </div>
@@ -43,24 +46,28 @@
                 inside turbo-frame#agent-detail), dropping the #fragment and
                 re-fetching the frame instead of letting the browser set
                 location.hash — which is the only thing tabs_controller reads. %>
-            <a href="#config" data-tabs-target="tab" data-turbo="false">config</a>
-            <a href="#prompts" data-tabs-target="tab" data-turbo="false">prompts</a>
-            <a href="#skills" data-tabs-target="tab" data-turbo="false">skills</a>
-            <a href="#memory" data-tabs-target="tab" data-turbo="false">memory</a>
-            <a href="#outcomes" data-tabs-target="tab" data-turbo="false">outcomes</a>
-            <a href="#loops" data-tabs-target="tab" data-turbo="false">loops</a>
-            <a href="#cache" data-tabs-target="tab" data-turbo="false">cache</a>
-            <a href="#history" data-tabs-target="tab" data-turbo="false">history</a>
+            <a href="#config" data-tabs-target="tab" data-turbo="false">Configuration</a>
+            <a href="#prompts" data-tabs-target="tab" data-turbo="false">Prompts</a>
+            <a href="#skills" data-tabs-target="tab" data-turbo="false">Skills</a>
+            <a href="#tools" data-tabs-target="tab" data-turbo="false">Tools</a>
+            <a href="#memory" data-tabs-target="tab" data-turbo="false">Memory</a>
+            <a href="#outcomes" data-tabs-target="tab" data-turbo="false">Outcomes</a>
+            <a href="#loops" data-tabs-target="tab" data-turbo="false">Automatic loops</a>
+            <a href="#cache" data-tabs-target="tab" data-turbo="false">Cache</a>
+            <a href="#history" data-tabs-target="tab" data-turbo="false">History</a>
+            <a href="#performance" data-tabs-target="tab" data-turbo="false">Performance</a>
           </nav>
 
           <%== render("_agent_tab_config") %>
           <%== render("_agent_tab_prompts") %>
           <%== render("_agent_tab_skills") %>
+          <%== render("_agent_tab_tools") %>
           <%== render("_agent_tab_memory") %>
           <%== render("_agent_tab_loops") %>
           <%== render("_agent_tab_outcomes") %>
           <%== render("_agent_tab_cache") %>
           <%== render("_agent_tab_history") %>
+          <%== render("_agent_tab_performance") %>
         </div>
       </div>
     </turbo-frame>

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

@@ -4,25 +4,40 @@
     create form; both submit to the top window so the fresh master list
     renders with the new agent in it. %>
 <header class="page-head">
-  <h1>Agents<span class="sub"><%= @agents.size %> configured · one agent each</span></h1>
-  <a class="btn primary" href="/studio/playground">Open playground →</a>
+  <h1>Agents<span class="sub"><%= @agents.size %> configured · models, prompts and capabilities</span></h1>
+  <a class="btn primary" href="/studio/playground">Open playground</a>
 </header>
 
 <div class="drill" data-controller="list-filter">
-  <%== render("_agents_master", locals: { active_id: nil, show_outcomes: true }) %>
+  <%== render("_agents_master", locals: { active_id: nil }) %>
 
   <turbo-frame id="agent-detail" class="drill-pane drill-detail">
     <div class="drill-pane-head">
       <div class="title">
-        <strong>Pick an agent</strong>
-        <span class="count">select on the left, or start a new one below</span>
+        <strong>Configure an agent</strong>
+        <span class="count">Select an agent or create one below</span>
       </div>
     </div>
     <div class="drill-pane-body">
-      <% if @templates&.any? %>
+      <% open_agents = @agents.select { |a| agent_open?(a) } %>
+      <% if open_agents.any? %>
         <div class="section">
           <div class="section-head">
-            <h2>From template</h2>
+            <h2><%= open_agents.size %> <%= open_agents.size == 1 ? "agent can" : "agents can" %> call every tool or skill</h2>
+            <p class="muted">Kits add nothing to these agents, and any tool or skill added later reaches them without anyone deciding. Open each one and turn off <strong>all tools</strong> or <strong>all skills</strong>.</p>
+          </div>
+          <p>
+            <% open_agents.each do |a| %>
+              <a class="pill warn" href="/studio/agents/<%= Rack::Utils.escape(a.id) %>?tab=<%= a.skills.nil? && !(a.tools_allow.nil? && a.tools_allow_groups.nil?) ? "skills" : "tools" %>" data-turbo-frame="_top"><%= a.id %></a>
+            <% end %>
+          </p>
+        </div>
+      <% end %>
+      <% if @templates&.any? %>
+        <details class="section newfile"<%== " open" if @agents.empty? %>>
+          <summary>Start from a template <span class="count"><%= @templates.size %></span></summary>
+          <div class="section-head">
+            <h2 class="sr-only">From template</h2>
             <p class="muted">Example agents shipped in the gem — pick one to see a working pattern, then edit it like any agent.</p>
           </div>
           <div class="template-grid">
@@ -47,29 +62,26 @@
               </article>
             <% end %>
           </div>
-        </div>
+        </details>
       <% end %>
 
       <div class="section">
         <div class="section-head">
           <h2>New agent</h2>
-          <p class="muted">id + model — give it an identity on its detail page.</p>
+          <p class="muted">Choose an ID and model. It starts with no tools or skills: add a kit or pick them after creating it.</p>
         </div>
-        <form method="post" action="/studio/agents" data-turbo-frame="_top">
+        <form method="post" action="/studio/agents" data-turbo-frame="_top" data-controller="dirty-guard">
           <%== csrf_tag %>
           <div class="grid-2">
             <label>id <span class="muted">(unique slug, e.g. demo)</span>
               <input type="text" name="id" placeholder="demo" required>
             </label>
-            <label>model
-              <input type="text" name="model" placeholder="deepseek-v4-flash" required>
+            <label>model <span class="muted">(blank = platform default)</span>
+              <%== model_select("model_ref", nil, "platform default") %>
             </label>
           </div>
-          <label>provider <span class="muted">(optional)</span>
-            <input type="text" name="provider" placeholder="deepseek">
-          </label>
           <label class="check">
-            <input type="checkbox" name="memory" value="1" checked>
+            <input type="checkbox" name="memory" value="1">
             cross-session memory (the agent remembers across conversations)
           </label>
           <div class="actions"><button type="submit" class="primary" data-turbo-submits-with="Creating…">Create agent</button></div>

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

@@ -1,11 +1,11 @@
 <header class="page-head">
   <div>
-    <nav class="crumbs"><span>approvals</span></nav>
+    <%== crumbs_for("Approvals") %>
     <h1>Approvals<span class="sub"><%= @approvals.size %> pending</span></h1>
   </div>
   <div class="head-actions">
     <%== agent_filter_form("/studio/approvals", @agent) %>
-    <a class="btn" href="/studio/tasks">Tasks →</a>
+    <a class="btn" href="/studio/tasks">Open tasks</a>
   </div>
 </header>
 
@@ -14,31 +14,36 @@
 <% else %>
   <% @approvals.each do |a| %>
     <% pa = a[:pending]; task = a[:task] %>
-    <div class="card">
-      <div class="skill-name mono">
+    <article class="card approval-review">
+      <div class="review-heading"><div><h2 class="mono">
         <%= pa.tool %>
-        <% if task %><span class="pill <%= status_class(task.status) %>"><%= task.status %></span><% end %>
+      </h2></div>
+        <% if task %><span class="status <%= status_class(task.status) %>"><%= task.status %></span><% end %>
       </div>
       <div class="skill-desc muted">
         <a class="mono" href="<%= task_path(pa.task_id) %>">task <%= pa.task_id[0, 12] %></a>
         · turn <%= pa.turn %> · requested <%= pa.requested_at %>
       </div>
-      <pre><%= message_content(pa.args) %></pre>
+      <div class="review-columns">
+        <section><h3>Requested action</h3><pre class="review-source"><%= message_content(pa.args) %></pre></section>
+        <section class="review-decision"><h3>Allow this action?</h3><p class="muted">Approval resumes the task and allows this tool call. Rejection resumes the turn with the tool denied.</p>
       <div class="actions">
         <form method="post" action="/studio/approvals/<%= Rack::Utils.escape(pa.id) %>">
           <%== csrf_tag %>
           <input type="hidden" name="decision" value="approved">
-          <input type="hidden" name="back" value="/studio/approvals">
-          <button type="submit" class="primary">Approve</button>
+          <input type="hidden" name="back" value="<%= @agent ? "/studio/approvals?agent=#{Rack::Utils.escape(@agent)}" : "/studio/approvals" %>">
+          <button type="submit" class="primary" data-turbo-submits-with="Approving…">Approve</button>
         </form>
         <form method="post" action="/studio/approvals/<%= Rack::Utils.escape(pa.id) %>"
               data-turbo-confirm="Reject this action? The turn resumes as if the tool was denied.">
           <%== csrf_tag %>
           <input type="hidden" name="decision" value="rejected">
-          <input type="hidden" name="back" value="/studio/approvals">
-          <button type="submit" class="danger">Reject</button>
+          <input type="hidden" name="back" value="<%= @agent ? "/studio/approvals?agent=#{Rack::Utils.escape(@agent)}" : "/studio/approvals" %>">
+          <button type="submit" class="danger" data-turbo-submits-with="Rejecting…">Reject</button>
         </form>
       </div>
-    </div>
+        </section>
+      </div>
+    </article>
   <% end %>
 <% end %>