@pcircle/footprint 1.2.2 → 1.3.0

package/dist/ui/detail.html

@@ -261,7 +261,7 @@ container holding the app. Specify either width or maxWidth, and either height o
     <div class="error">
       ❌ Error: ${e}
     </div>
-  `)}function eo(){const e=document.getElementById("loading"),t=document.getElementById("detail-container");e&&(e.style.display="none"),t&&(t.style.display="block")}function Jo(e){try{return new Date(e).toLocaleDateString("en-US",{year:"numeric",month:"long",day:"numeric",hour:"2-digit",minute:"2-digit",second:"2-digit",timeZoneName:"short"})}catch{return e}}function dI(e){return e?e.split(",").map(n=>n.trim()).filter(n=>n.length>0).map(n=>`<span class="tag">${n}</span>`).join(""):"None"}function mI(e){be=e;const t={"footprint-id":e.id,"footprint-timestamp":Jo(e.timestamp),"conversation-id":e.conversationId,"llm-provider":e.llmProvider,"message-count":e.messageCount.toString()};Object.entries(t).forEach(([r,o])=>{const s=document.getElementById(r);s&&(s.textContent=o)});const n=document.getElementById("footprint-tags");n&&(n.innerHTML=dI(e.tags));const a=document.getElementById("git-info-container");a&&(e.gitInfo?a.innerHTML=`
+  `)}function eo(){const e=document.getElementById("loading"),t=document.getElementById("detail-container");e&&(e.style.display="none"),t&&(t.style.display="block")}function Jo(e){try{return new Date(e).toLocaleDateString("en-US",{year:"numeric",month:"long",day:"numeric",hour:"2-digit",minute:"2-digit",second:"2-digit",timeZoneName:"short"})}catch{return e}}function dI(e){return e?e.split(",").map(n=>n.trim()).filter(n=>n.length>0).map(n=>`<span class="tag">${n}</span>`).join(""):"None"}function mI(e){be=e;const t={"evidence-id":e.id,"evidence-timestamp":Jo(e.timestamp),"conversation-id":e.conversationId,"llm-provider":e.llmProvider,"message-count":e.messageCount.toString()};Object.entries(t).forEach(([r,o])=>{const s=document.getElementById(r);s&&(s.textContent=o)});const n=document.getElementById("evidence-tags");n&&(n.innerHTML=dI(e.tags));const a=document.getElementById("git-info-container");a&&(e.gitInfo?a.innerHTML=`
         <div class="git-info">
           <div style="margin-bottom: 0.5rem;">
             <span class="label">Git Commit:</span>
@@ -272,7 +272,7 @@ container holding the app. Specify either width or maxWidth, and either height o
             <span class="value">${Jo(e.gitInfo.timestamp)}</span>
           </div>
         </div>
-      `:a.innerHTML="");const i=document.getElementById("footprint-content");i&&(i.textContent=e.content),eo()}Pe.ontoolresult=e=>{console.log("Received tool result:",e);try{if(!e.content?.find(a=>a.type==="text")?.text)throw new Error("No text content in tool result");let n;if(e.structuredContent&&typeof e.structuredContent=="object")n=e.structuredContent;else throw new Error("get-footprint tool should provide structured content");console.log("Parsed footprint data:",n),mI(n)}catch(t){console.error("Failed to parse tool result:",t),we(`Failed to load footprint details: ${t instanceof Error?t.message:"Unknown error"}`),eo()}};window.goBack=()=>{Pe.callServerTool({name:"list-footprints",arguments:{}}).catch(e=>{console.error("Failed to go back to dashboard:",e),we("Failed to navigate back to dashboard")})};window.exportFootprint=async()=>{if(!be){we("No footprint loaded");return}try{const e=await Pe.callServerTool({name:"export-footprints",arguments:{ids:[be.id],includeGitInfo:!0}});await Pe.updateModelContext({content:[{type:"text",text:`User exported footprint ${be.id} from detail view`}]}),console.log("Export result:",e)}catch(e){console.error("Export failed:",e),we(`Export failed: ${e instanceof Error?e.message:"Unknown error"}`)}};window.verifyFootprint=async()=>{if(!be){we("No footprint loaded");return}try{const e=await Pe.callServerTool({name:"verify-footprint",arguments:{id:be.id}});await Pe.updateModelContext({content:[{type:"text",text:`User verified footprint ${be.id} from detail view`}]}),console.log("Verification result:",e)}catch(e){console.error("Verification failed:",e),we(`Verification failed: ${e instanceof Error?e.message:"Unknown error"}`)}};window.copyToClipboard=async()=>{if(!be){we("No footprint content to copy");return}try{await navigator.clipboard.writeText(be.content);const e=document.querySelector('button[onclick="copyToClipboard()"]');if(e){const t=e.innerHTML;e.innerHTML="✓ Copied!",e.disabled=!0,setTimeout(()=>{e.innerHTML=t,e.disabled=!1},2e3)}await Pe.updateModelContext({content:[{type:"text",text:`User copied content of footprint ${be.id} to clipboard`}]})}catch(e){console.error("Copy failed:",e),we("Failed to copy content to clipboard")}};console.log("Connecting detail view to MCP host...");Pe.connect().then(()=>{console.log("Detail view connected to MCP host successfully")}).catch(e=>{console.error("Failed to connect to MCP host:",e),we("Failed to connect to MCP server"),eo()});</script>
+      `:a.innerHTML="");const i=document.getElementById("evidence-content");i&&(i.textContent=e.content),eo()}Pe.ontoolresult=e=>{console.log("Received tool result:",e);try{if(!e.content?.find(a=>a.type==="text")?.text)throw new Error("No text content in tool result");let n;if(e.structuredContent&&typeof e.structuredContent=="object")n=e.structuredContent;else throw new Error("get-evidence tool should provide structured content");console.log("Parsed evidence data:",n),mI(n)}catch(t){console.error("Failed to parse tool result:",t),we(`Failed to load evidence details: ${t instanceof Error?t.message:"Unknown error"}`),eo()}};window.goBack=()=>{Pe.callServerTool({name:"list-evidences",arguments:{}}).catch(e=>{console.error("Failed to go back to dashboard:",e),we("Failed to navigate back to dashboard")})};window.exportEvidence=async()=>{if(!be){we("No evidence loaded");return}try{const e=await Pe.callServerTool({name:"export-evidences",arguments:{evidenceIds:[be.id],includeGitInfo:!0}});await Pe.updateModelContext({content:[{type:"text",text:`User exported evidence ${be.id} from detail view`}]}),console.log("Export result:",e)}catch(e){console.error("Export failed:",e),we(`Export failed: ${e instanceof Error?e.message:"Unknown error"}`)}};window.verifyEvidence=async()=>{if(!be){we("No evidence loaded");return}try{const e=await Pe.callServerTool({name:"verify-evidence",arguments:{id:be.id}});await Pe.updateModelContext({content:[{type:"text",text:`User verified evidence ${be.id} from detail view`}]}),console.log("Verification result:",e)}catch(e){console.error("Verification failed:",e),we(`Verification failed: ${e instanceof Error?e.message:"Unknown error"}`)}};window.copyToClipboard=async()=>{if(!be){we("No evidence content to copy");return}try{await navigator.clipboard.writeText(be.content);const e=document.querySelector('button[onclick="copyToClipboard()"]');if(e){const t=e.innerHTML;e.innerHTML="✓ Copied!",e.disabled=!0,setTimeout(()=>{e.innerHTML=t,e.disabled=!1},2e3)}await Pe.updateModelContext({content:[{type:"text",text:`User copied content of evidence ${be.id} to clipboard`}]})}catch(e){console.error("Copy failed:",e),we("Failed to copy content to clipboard")}};console.log("Connecting detail view to MCP host...");Pe.connect().then(()=>{console.log("Detail view connected to MCP host successfully")}).catch(e=>{console.error("Failed to connect to MCP host:",e),we("Failed to connect to MCP server"),eo()});</script>
 </head>
 <body>
   <div class="container">
@@ -292,11 +292,11 @@ container holding the app. Specify either width or maxWidth, and either height o
       <div class="metadata-grid">
         <div class="metadata-card">
           <div class="metadata-label">Record ID</div>
-          <div class="metadata-value" id="footprint-id">-</div>
+          <div class="metadata-value" id="evidence-id">-</div>
         </div>
         <div class="metadata-card">
           <div class="metadata-label">Timestamp</div>
-          <div class="metadata-value" id="footprint-timestamp">-</div>
+          <div class="metadata-value" id="evidence-timestamp">-</div>
         </div>
         <div class="metadata-card">
           <div class="metadata-label">Conversation ID</div>
@@ -312,7 +312,7 @@ container holding the app. Specify either width or maxWidth, and either height o
         </div>
         <div class="metadata-card">
           <div class="metadata-label">Tags</div>
-          <div class="metadata-value" id="footprint-tags">-</div>
+          <div class="metadata-value" id="evidence-tags">-</div>
         </div>
       </div>
       
@@ -325,16 +325,16 @@ container holding the app. Specify either width or maxWidth, and either height o
           <h3 style="margin: 0;">Decrypted Content</h3>
         </div>
         <div class="content-body">
-          <div class="content-text" id="footprint-content"></div>
+          <div class="content-text" id="evidence-content"></div>
         </div>
       </div>
       
       <!-- Actions -->
       <div class="actions">
-        <button class="btn btn-primary" onclick="exportFootprint()">
-          <svg class="icon" viewBox="0 0 24 24"><path d="m7.5 4.27 9 5.15"/><path d="M21 8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16Z"/><path d="m3.3 7 8.7 5 8.7-5"/><path d="M12 22V12"/></svg> Export This Footprint
+        <button class="btn btn-primary" onclick="exportEvidence()">
+          <svg class="icon" viewBox="0 0 24 24"><path d="m7.5 4.27 9 5.15"/><path d="M21 8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16Z"/><path d="m3.3 7 8.7 5 8.7-5"/><path d="M12 22V12"/></svg> Export This Evidence
         </button>
-        <button class="btn btn-secondary" onclick="verifyFootprint()">
+        <button class="btn btn-secondary" onclick="verifyEvidence()">
           <svg class="icon" viewBox="0 0 24 24"><path d="M20 6 9 17l-5-5"/></svg> Verify Integrity
         </button>
         <button class="btn btn-secondary" onclick="copyToClipboard()">