insika 0.2.0 → 0.7.0

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

@@ -1,3 +1,13 @@
+<%# MCP — miller columns: instances master | editor detail.
+    ?i= selects the instance whose editor fills the detail pane; nil shows the
+    empty state with the new/import forms. Master rows and the editor form
+    frame-navigate (mcp-detail); create/import/delete submit to the top window
+    so the master list re-renders with the change. Credentials never come back
+    in plaintext — each value shows as the sentinel; keeping it preserves the
+    secret, changing it replaces, clearing the line removes it. %>
+<%# Roda renders with plain locals — no local_assigns hash (Rails-ism). %>
+<% frame_only = defined?(frame_only) && frame_only %>
+<% unless frame_only %>
 <header class="page-head">
   <div>
     <nav class="crumbs"><a href="/studio/agents">agents</a> / <span>mcp</span></nav>
@@ -5,87 +15,171 @@
   </div>
 </header>
 
-<p class="muted matrix-hint">MCP server instances (durable config). Credentials in <code>env</code> never come back in plaintext — each value shows as <code><%= secret_sentinel %></code>; keeping it preserves the secret, changing it replaces, clearing the line removes it.</p>
-
-<% if @instances.empty? %>
-  <div class="empty">No MCP instances. Add one below (e.g. <code>tavily</code>) to expose an MCP server to your agents' tools.</div>
+<div class="drill" data-controller="list-filter">
+  <aside class="drill-pane drill-master">
+    <div class="drill-pane-head">
+      <div class="title"><strong>MCP <span class="count"><%= @instances.size %></span></strong></div>
+      <a class="btn primary btn-sm" href="/studio/mcp?i=" data-turbo-frame="mcp-detail" data-turbo-action="advance">+ new</a>
+    </div>
+    <div class="drill-search">
+      <input type="search" class="filter-input" placeholder="Filter by name, transport or status…" aria-label="Filter MCP instances"
+             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="MCP instances" data-controller="active-link">
+      <% if @instances.empty? %>
+        <div class="empty">No MCP instances. Create one on the right (e.g. <code>tavily</code>) to expose an MCP server to your agents' tools.</div>
+      <% else %>
+        <% @instances.each do |m| %>
+          <% status_label, status_cls = m["enabled"] ? mcp_status(m) : ["off", "warn"] %>
+          <a class="drill-item<%== ' active' if @selected_mcp && @selected_mcp["name"] == m["name"] %>"
+             href="/studio/mcp?i=<%= Rack::Utils.escape(m["name"]) %>"
+             data-turbo-frame="mcp-detail" data-turbo-action="advance"
+             data-list-filter-target="item" data-filter-text="<%= mcp_filter_text(m) %>"
+             data-active-link-target="item" data-action="click->active-link#select">
+            <div class="drill-item-name">
+              <span class="txt" title="<%= m["name"] %>"><%= m["name"] %></span>
+              <span class="pill <%= status_cls %>"><%= status_label %></span>
+            </div>
+            <div class="drill-item-sub"><%= m["transport"] %><%== " · #{m['url']}" if m["url"].to_s != "" %><%== " · #{Array(m['tools_cache']).size} tool(s)" if Array(m["tools_cache"]).any? %></div>
+          </a>
+        <% end %>
+        <div class="empty" data-list-filter-target="empty" hidden>No MCP instances match your filter.</div>
+      <% end %>
+    </nav>
+  </aside>
 <% end %>
+  <turbo-frame id="mcp-detail" class="drill-pane drill-detail">
+    <% if frame_only %>
+      <% if flash["error"] %><div class="flash err" role="alert"><%= flash["error"] %></div><% end %>
+      <% if flash["notice"] %><div class="flash ok" role="status"><%= flash["notice"] %></div><% end %>
+    <% end %>
+    <% if @selected_mcp %>
+      <% m = @selected_mcp %>
+      <div class="drill-pane-head">
+        <div class="title">
+          <strong class="mono"><%= m["name"] %></strong>
+          <span class="count"><%= m["transport"] %><%== " · #{m['description']}" if m["description"].to_s != "" %></span>
+        </div>
+        <div class="head-actions">
+          <form method="post" action="/studio/mcp/test">
+            <%== csrf_tag %>
+            <input type="hidden" name="name" value="<%= m["name"] %>">
+            <button type="submit" class="btn btn-sm" data-turbo-submits-with="Testing…">Test connection</button>
+          </form>
+          <form method="post" action="/studio/mcp/delete" data-turbo-frame="_top" data-turbo-confirm="Remove MCP instance &quot;<%= m["name"] %>&quot;? Agents stop seeing its tools next turn.">
+            <%== csrf_tag %>
+            <input type="hidden" name="name" value="<%= m["name"] %>">
+            <button type="submit" class="btn btn-sm danger" data-turbo-submits-with="Removing…">Remove</button>
+          </form>
+        </div>
+      </div>
+      <div class="drill-pane-body">
+        <% tools = Array(m["tools_cache"]) %>
+        <% if tools.any? %>
+          <details class="mcp-tools-details" open>
+            <summary><%= tools.size %> tool(s) · live cache</summary>
+            <ul class="mcp-tools muted">
+              <% tools.each do |t| %>
+                <li><code><%= t["name"] %></code><% if presence(t["description"]) %> — <%= t["description"] %><% end %></li>
+              <% end %>
+            </ul>
+          </details>
+        <% end %>
 
-<% @instances.each do |m| %>
-  <div class="card promptfile">
-    <div class="promptfile-head">
-      <strong class="mono"><%= m["name"] %>
-        <% if m["enabled"] %><span class="pill ok">on</span><% else %><span class="pill warn">off</span><% end %>
-      </strong>
-      <form method="post" action="/studio/mcp/delete" data-turbo-confirm="Remove MCP instance &quot;<%= m["name"] %>&quot;? Agents stop seeing its tools next turn.">
-        <%== csrf_tag %>
-        <input type="hidden" name="name" value="<%= m["name"] %>">
-        <button type="submit" class="ghost danger" data-turbo-submits-with="Removing…">Remove</button>
-      </form>
-    </div>
-    <form method="post" action="/studio/mcp">
-      <%== csrf_tag %>
-      <input type="hidden" name="name" value="<%= m["name"] %>">
-      <div class="grid-2">
-        <label>transport
-          <select name="transport">
-            <% %w[stdio http sse].each do |t| %>
-              <option value="<%= t %>"<%== " selected" if m["transport"] == t %>><%= t %></option>
-            <% end %>
-          </select>
-        </label>
-        <label class="check">
-          <input type="checkbox" name="enabled" value="1"<%== " checked" if m["enabled"] %>>
-          enabled
-        </label>
+        <form class="mcp-edit" method="post" action="/studio/mcp" data-controller="transport-fields">
+          <%== csrf_tag %>
+          <input type="hidden" name="name" value="<%= m["name"] %>">
+          <div class="grid-2">
+            <label>transport
+              <select name="transport" data-transport-fields-target="select" data-action="change->transport-fields#sync">
+                <% %w[stdio http sse].each do |t| %>
+                  <option value="<%= t %>"<%== " selected" if m["transport"] == t %>><%= t %></option>
+                <% end %>
+              </select>
+            </label>
+            <label class="check">
+              <input type="checkbox" name="enabled" value="1"<%== " checked" if m["enabled"] %>>
+              enabled
+            </label>
+          </div>
+          <label data-transport-fields-target="stdio">command <span class="muted">(stdio)</span>
+            <input type="text" name="command" value="<%= m["command"] %>" placeholder="npx -y @modelcontextprotocol/server-...">
+          </label>
+          <label data-transport-fields-target="stdio">args <span class="muted">(stdio, one argv token per line)</span>
+            <textarea name="args" rows="3" placeholder="-y&#10;@modelcontextprotocol/server-filesystem&#10;/tmp"><%= list_lines(m["args"]) %></textarea>
+          </label>
+          <label data-transport-fields-target="http">url <span class="muted">(http/sse)</span>
+            <input type="text" name="url" value="<%= m["url"] %>" placeholder="https://mcp.example.com">
+          </label>
+          <label>description
+            <input type="text" name="description" value="<%= m["description"] %>">
+          </label>
+          <label data-transport-fields-target="stdio">env <span class="muted">(stdio process env, one <code>KEY=value</code> per line)</span>
+            <textarea name="env" rows="4"><%= env_lines(m["env"]) %></textarea>
+          </label>
+          <label data-transport-fields-target="http">headers <span class="muted">(http/sse request headers, one <code>Name=value</code> per line)</span>
+            <textarea name="headers" rows="4"><%= env_lines(m["headers"]) %></textarea>
+          </label>
+          <div class="actions">
+            <button type="submit" class="primary" data-turbo-submits-with="Saving…">Save instance</button>
+          </div>
+        </form>
       </div>
-      <label>command <span class="muted">(stdio)</span>
-        <input type="text" name="command" value="<%= m["command"] %>" placeholder="npx -y @modelcontextprotocol/server-...">
-      </label>
-      <label>url <span class="muted">(http/sse)</span>
-        <input type="text" name="url" value="<%= m["url"] %>" placeholder="https://mcp.example.com">
-      </label>
-      <label>description
-        <input type="text" name="description" value="<%= m["description"] %>">
-      </label>
-      <label>env <span class="muted">(one <code>KEY=value</code> per line)</span>
-        <textarea name="env" rows="4"><%= env_lines(m["env"]) %></textarea>
-      </label>
-      <div class="actions"><button type="submit" class="primary" data-turbo-submits-with="Saving…">Save instance</button></div>
-    </form>
-  </div>
-<% end %>
+    <% else %>
+      <div class="drill-pane-head">
+        <div class="title">
+          <strong>Pick an instance</strong>
+          <span class="count">select on the left, or add one below</span>
+        </div>
+      </div>
+      <div class="drill-pane-body">
+        <form method="post" action="/studio/mcp" data-controller="transport-fields" data-turbo-frame="_top">
+          <%== csrf_tag %>
+          <div class="grid-2">
+            <label>name <span class="muted">(slug)</span>
+              <input type="text" name="name" placeholder="tavily" required>
+            </label>
+            <label>transport
+              <select name="transport" data-transport-fields-target="select" data-action="change->transport-fields#sync">
+                <% %w[stdio http sse].each do |t| %><option value="<%= t %>"><%= t %></option><% end %>
+              </select>
+            </label>
+          </div>
+          <label class="check">
+            <input type="checkbox" name="enabled" value="1" checked>
+            enabled
+          </label>
+          <label data-transport-fields-target="stdio">command <span class="muted">(stdio)</span>
+            <input type="text" name="command" placeholder="npx -y @modelcontextprotocol/server-...">
+          </label>
+          <label data-transport-fields-target="stdio">args <span class="muted">(stdio, one argv token per line)</span>
+            <textarea name="args" rows="3" placeholder="-y&#10;@modelcontextprotocol/server-filesystem&#10;/tmp"></textarea>
+          </label>
+          <label data-transport-fields-target="http">url <span class="muted">(http/sse)</span>
+            <input type="text" name="url" placeholder="https://mcp.example.com">
+          </label>
+          <label>description
+            <input type="text" name="description">
+          </label>
+          <label data-transport-fields-target="stdio">env <span class="muted">(stdio process env, one <code>KEY=value</code> per line)</span>
+            <textarea name="env" rows="4" placeholder="TAVILY_API_KEY=tvly-…"></textarea>
+          </label>
+          <label data-transport-fields-target="http">headers <span class="muted">(http/sse request headers, one <code>Name=value</code> per line)</span>
+            <textarea name="headers" rows="4" placeholder="Authorization=Bearer tvly-…"></textarea>
+          </label>
+          <div class="actions"><button type="submit" class="primary" data-turbo-submits-with="Creating…">Create instance</button></div>
+        </form>
 
-<details class="card newfile">
-  <summary>+ new MCP instance</summary>
-  <form method="post" action="/studio/mcp">
-    <%== csrf_tag %>
-    <div class="grid-2">
-      <label>name <span class="muted">(slug)</span>
-        <input type="text" name="name" placeholder="tavily" required>
-      </label>
-      <label>transport
-        <select name="transport">
-          <% %w[stdio http sse].each do |t| %><option value="<%= t %>"><%= t %></option><% end %>
-        </select>
-      </label>
-    </div>
-    <label class="check">
-      <input type="checkbox" name="enabled" value="1" checked>
-      enabled
-    </label>
-    <label>command <span class="muted">(stdio)</span>
-      <input type="text" name="command" placeholder="npx -y @modelcontextprotocol/server-...">
-    </label>
-    <label>url <span class="muted">(http/sse)</span>
-      <input type="text" name="url" placeholder="https://mcp.example.com">
-    </label>
-    <label>description
-      <input type="text" name="description">
-    </label>
-    <label>env <span class="muted">(one <code>KEY=value</code> per line)</span>
-      <textarea name="env" rows="4" placeholder="TAVILY_API_KEY=tvly-…"></textarea>
-    </label>
-    <div class="actions"><button type="submit" class="primary" data-turbo-submits-with="Creating…">Create instance</button></div>
-  </form>
-</details>
+        <form method="post" action="/studio/mcp/import" data-turbo-frame="_top">
+          <%== csrf_tag %>
+          <label>mcpServers JSON <span class="muted">(paste a <code>{"mcpServers": {...}}</code> document — the same format Claude Desktop/Cursor use)</span>
+            <textarea name="json" rows="8" placeholder='{"mcpServers": {"tavily": {"url": "https://mcp.tavily.com/mcp", "headers": {"Authorization": "Bearer …"}}}}'></textarea>
+          </label>
+          <div class="actions"><button type="submit" class="primary" data-turbo-submits-with="Importing…">Import</button></div>
+        </form>
+      </div>
+    <% end %>
+  </turbo-frame>
+<% unless frame_only %>
+</div>
+<% end %>

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

@@ -0,0 +1,147 @@
+<header class="page-head">
+  <div>
+    <nav class="crumbs"><span>operate</span></nav>
+    <h1>Parity<span class="sub">the shadow experiment</span></h1>
+  </div>
+  <div class="head-actions">
+    <%== agent_filter_form("/studio/parity", @agent) %>
+  </div>
+</header>
+
+<% if @criterion.nil? %>
+  <div class="empty">
+    No shadow channel is registered. Set <span class="mono">INSIKA_RELAY_SHADOW=1</span> and
+    restart — this page appears only when a channel is actually running in shadow.
+  </div>
+<% elsif @pairs.empty? %>
+  <div class="empty">
+    No pairs yet. A mirrored exchange records a pair the moment our turn ends; the
+    incumbent's half lands when the mirror reports its reply
+    (<span class="mono">POST /channels/relay/shadow-reply</span>).
+  </div>
+<% else %>
+  <% r = @report %>
+  <div class="card">
+    <div class="skill-desc">
+      <span class="pill <%= { pass: 'ok', fail: 'err', insufficient: 'warn', invalid: 'err' }.fetch(r.verdict, 'info') %>"><%= r.verdict %></span>
+      <span class="muted"><%= r.reason %></span>
+    </div>
+    <% sha_check = r.checks.find { |c| c.id == :criterion_sha } %>
+    <div class="skill-desc">
+      <span class="mono"><%= r.criterion_sha %></span>
+      <% if sha_check&.met %>
+        <span class="pill ok">frozen · matches every pair in the window</span>
+      <% else %>
+        <span class="pill err">NOT VERIFIED — the window's pairs do not all carry this frozen hash</span>
+      <% end %>
+    </div>
+  </div>
+
+  <h2>Checks<span class="sub">the arithmetic, not the conclusion</span></h2>
+  <div class="card">
+    <table class="grid">
+      <thead><tr><th>check</th><th>required</th><th>actual</th><th></th></tr></thead>
+      <tbody>
+        <% r.checks.each do |c| %>
+          <tr>
+            <td class="mono"><%= c.id %></td>
+            <td><%= c.required %></td>
+            <td><% if c.actual.is_a?(Hash) %><%= c.actual.map { |k, v| "#{k}: #{v}" }.join(" · ") %><% else %><%= c.actual %><% end %></td>
+            <td><span class="pill <%= c.met ? 'ok' : 'err' %>"><%= c.met ? "met" : "no" %></span></td>
+          </tr>
+        <% end %>
+      </tbody>
+    </table>
+  </div>
+
+  <h2>Pairs / day<span class="sub">floor <%= @criterion.rule.pairs_per_day %> · a gap day invalidates the window</span></h2>
+  <div class="card">
+    <table class="grid">
+      <thead><tr><th>date</th><th>pairs</th><th>decided</th><th></th></tr></thead>
+      <tbody>
+        <% r.daily.each do |d| %>
+          <tr>
+            <td class="mono"><%= d[:date] %></td>
+            <td><%= d[:pairs] %></td>
+            <td><%= d[:decided] %></td>
+            <td><% if d[:floor].zero? %><span class="muted">partial day — reported, not required</span><% elsif d[:pairs] >= d[:floor] %><span class="pill ok">met</span><% else %><span class="pill err">below floor</span><% end %></td>
+          </tr>
+        <% end %>
+      </tbody>
+    </table>
+  </div>
+
+  <% if r.counts %>
+    <h2>Per store<span class="sub">a store blocks its own cut even when the aggregate passes</span></h2>
+    <div class="card">
+      <table class="grid">
+        <thead><tr><th>store</th><th>decided</th><th>win-or-tie</th><th>worse</th><th>meets floor</th></tr></thead>
+        <tbody>
+          <% r.per_agent.each do |agent, stats| %>
+            <tr>
+              <td class="mono"><%= agent %></td>
+              <td><%= stats[:decided] %></td>
+              <td><%= stats[:win_or_tie] %></td>
+              <td><%= stats[:worse] %></td>
+              <td><% if stats[:meets].nil? %><span class="muted">below per-store minimum</span><% elsif stats[:meets] %><span class="pill ok">yes</span><% else %><span class="pill err">no</span><% end %></td>
+            </tr>
+          <% end %>
+        </tbody>
+      </table>
+    </div>
+
+    <h2>Judge agreement<span class="sub">split / unknown / order-dependent</span></h2>
+    <div class="card">
+      <div class="skill-desc">
+        <span class="pill <%= r.counts[:split].positive? ? 'warn' : 'ok' %>"><%= r.counts[:split] %> split</span>
+        <span class="pill <%= r.counts[:unknown].positive? ? 'warn' : 'ok' %>"><%= r.counts[:unknown] %> unknown</span>
+        <span class="pill <%= @agreement[:order_dependent].positive? ? 'warn' : 'ok' %>"><%= @agreement[:order_dependent] %> flipped with order</span>
+        <span class="muted">of <%= r.counts[:judged] %> judged pairs</span>
+      </div>
+    </div>
+  <% end %>
+
+  <h2>Judge a batch</h2>
+  <div class="card">
+    <form method="post" action="/studio/parity" class="actions">
+      <%== csrf_tag %>
+      <label>
+        Agent (all stores when blank)
+        <input type="text" name="agent" placeholder="agent-id">
+      </label>
+      <label>
+        Limit
+        <input type="number" name="limit" value="50" min="1" max="200">
+      </label>
+      <button type="submit" class="primary">Judge <%= @pending %> complete pair(s)</button>
+    </form>
+    <div class="skill-desc muted">
+      Cost: <span class="mono"><%= @judge_cost %></span> provider calls
+      (<%= @pending %> pairs × <%= @criterion.rule.min_judge_models %> judges × 2 orders).
+      <% if Array((@judge_models || {})["judges"]).empty? %>
+        <span class="pill err">no judges configured in settings['evals'] — the press will refuse</span>
+      <% end %>
+    </div>
+  </div>
+
+  <h2>Recent pairs<span class="sub">inbound · incumbent · insika</span></h2>
+  <div class="card">
+    <ul class="history">
+      <% @pairs.each do |p| %>
+        <li>
+          <span class="pill <%= { open: 'warn', complete: 'info', silent: 'info', judged: 'ok', incomplete: 'err' }.fetch(p.status, 'info') %>"><%= p.status %></span>
+          <span class="mono"><%= p.id[0, 12] %></span>
+          <% if p.agent %><span class="mono"><%= p.agent %></span><% end %>
+          <% if p.outcome %><span class="pill"><%= p.outcome %></span><% end %>
+          <% if p.session_id %><a class="mono" href="/studio/sessions/<%= Rack::Utils.escape(p.session_id) %>">session →</a><% end %>
+          <div class="skill-desc muted"><strong>customer:</strong> <%= p.inbound.to_s %></div>
+          <div class="skill-desc"><strong>incumbent:</strong> <%= p.incumbent_reply.to_s %></div>
+          <div class="skill-desc"><strong>insika:</strong> <%= p.insika_reply.to_s %></div>
+          <% if p.verdict.is_a?(Hash) && presence(p.verdict["reason"]) %>
+            <div class="skill-desc muted">why: <%= p.verdict["reason"] %></div>
+          <% end %>
+        </li>
+      <% end %>
+    </ul>
+  </div>
+<% end %>

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

@@ -15,7 +15,13 @@
         </select>
       </label>
       <label class="chat-field">session
-        <input type="text" name="session_id" value="<%= @session_id %>" placeholder="empty = new conversation">
+        <input type="text" name="session_id" value="<%= @session_id %>" placeholder="empty = new conversation"
+               list="recent-sessions" autocomplete="off">
+        <datalist id="recent-sessions">
+          <% Array(@recent).each do |s| %>
+            <option value="<%= s.id %>" label="<%= [time_ago(s.updated_at), presence(session_preview(s).to_s[0, 60])].compact.join(" · ") %>">
+          <% end %>
+        </datalist>
       </label>
       <span class="pill info chat-status" data-live-transcript-target="status">disconnected</span>
       <details class="pin chat-pin">