@ycodium-ai/plugin-tool-display 0.1.0

package/README.md

@@ -0,0 +1,39 @@
+# @ycodium-ai/plugin-tool-display
+
+Renders command, file-read, file-change, search, and web tool calls in a
+Ycodium thread from facts the host already has. It does not fetch tool
+output, open a socket, or keep a cache.
+
+Typed overviews stay inside this package. The host keeps generic
+overview / input / output tabs and the recorded text, so disabling or
+uninstalling the plugin still leaves the original input and output
+readable. Unknown formats stay as recorded text; the plugin never infers
+success or invents fields.
+
+Web UI lives in this package. Pure interpretation lives in `src/models.ts`
+(no DOM) and ships as `@ycodium-ai/plugin-tool-display/models` with
+`dist/models.js` and `dist/models.d.ts`. Mobile keeps its native fallback
+and must not load the Web views.
+
+## Install
+
+```
+ycodium plugin add @ycodium-ai/plugin-tool-display
+```
+
+The plugin ships enabled with Ycodium as the `core.tool-display` bundle
+entry. Disabling it unregisters the typed overviews. Uninstalling writes
+`{ id: "core.tool-display", removed: true }` so a restart does not bring
+it back. Reinstalling the unversioned bundled package restores the same
+entry without an npm fetch.
+
+## Developing
+
+Built from the Ycodium repository. The server entry bundles the plugin's
+code; `@ycodium-ai/plugin-api` stays external and resolves to the host's
+shared module. Types are erased at build time. The plugin declares API
+version 2.
+
+## License
+
+UNLICENSED.

package/assets/ui.js

@@ -0,0 +1,259 @@
+var G=`/*! tailwindcss v4.3.0 | MIT License | https://tailwindcss.com */
+@layer properties;
+@scope (.ycodium-tool-display-ui) {
+  .m-1 {
+    margin: calc(var(--spacing, 0.25rem) * 1);
+  }
+  .mb-2 {
+    margin-bottom: calc(var(--spacing, 0.25rem) * 2);
+  }
+  .line-clamp-3 {
+    overflow: hidden;
+    display: -webkit-box;
+    -webkit-box-orient: vertical;
+    -webkit-line-clamp: 3;
+  }
+  .flex {
+    display: flex;
+  }
+  .grid {
+    display: grid;
+  }
+  .inline-flex {
+    display: inline-flex;
+  }
+  .size-4 {
+    width: calc(var(--spacing, 0.25rem) * 4);
+    height: calc(var(--spacing, 0.25rem) * 4);
+  }
+  .size-icon-1 {
+    width: var(--control-icon-1);
+    height: var(--control-icon-1);
+  }
+  .min-h-8 {
+    min-height: calc(var(--spacing, 0.25rem) * 8);
+  }
+  .max-w-lg {
+    max-width: var(--container-lg, 32rem);
+  }
+  .min-w-0 {
+    min-width: calc(var(--spacing, 0.25rem) * 0);
+  }
+  .flex-1 {
+    flex: 1;
+  }
+  .shrink-0 {
+    flex-shrink: 0;
+  }
+  .cursor-text {
+    cursor: text;
+  }
+  .grid-cols-\\[3\\.5em_minmax\\(0\\,1fr\\)\\] {
+    grid-template-columns: 3.5em minmax(0,1fr);
+  }
+  .items-center {
+    align-items: center;
+  }
+  .gap-1 {
+    gap: calc(var(--spacing, 0.25rem) * 1);
+  }
+  .gap-2 {
+    gap: calc(var(--spacing, 0.25rem) * 2);
+  }
+  .space-y-0\\.5 {
+    :where(& > :not(:last-child)) {
+      --tw-space-y-reverse: 0;
+      margin-block-start: calc(calc(var(--spacing, 0.25rem) * 0.5) * var(--tw-space-y-reverse));
+      margin-block-end: calc(calc(var(--spacing, 0.25rem) * 0.5) * calc(1 - var(--tw-space-y-reverse)));
+    }
+  }
+  .space-y-2 {
+    :where(& > :not(:last-child)) {
+      --tw-space-y-reverse: 0;
+      margin-block-start: calc(calc(var(--spacing, 0.25rem) * 2) * var(--tw-space-y-reverse));
+      margin-block-end: calc(calc(var(--spacing, 0.25rem) * 2) * calc(1 - var(--tw-space-y-reverse)));
+    }
+  }
+  .truncate {
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+  }
+  .rounded-md {
+    border-radius: calc(var(--radius) - 2px);
+  }
+  .bg-background\\/60 {
+    background-color: var(--background);
+    @supports (color: color-mix(in lab, red, red)) {
+      background-color: color-mix(in oklab, var(--background) 60%, transparent);
+    }
+  }
+  .bg-destructive\\/5 {
+    background-color: var(--destructive);
+    @supports (color: color-mix(in lab, red, red)) {
+      background-color: color-mix(in oklab, var(--destructive) 5%, transparent);
+    }
+  }
+  .bg-success\\/5 {
+    background-color: var(--success);
+    @supports (color: color-mix(in lab, red, red)) {
+      background-color: color-mix(in oklab, var(--success) 5%, transparent);
+    }
+  }
+  .p-3 {
+    padding: calc(var(--spacing, 0.25rem) * 3);
+  }
+  .px-2 {
+    padding-inline: calc(var(--spacing, 0.25rem) * 2);
+  }
+  .py-1 {
+    padding-block: calc(var(--spacing, 0.25rem) * 1);
+  }
+  .ps-\\[3\\.5em\\] {
+    padding-inline-start: 3.5em;
+  }
+  .pe-2 {
+    padding-inline-end: calc(var(--spacing, 0.25rem) * 2);
+  }
+  .pe-3 {
+    padding-inline-end: calc(var(--spacing, 0.25rem) * 3);
+  }
+  .pb-2 {
+    padding-bottom: calc(var(--spacing, 0.25rem) * 2);
+  }
+  .text-end {
+    text-align: end;
+  }
+  .text-sm {
+    font-size: var(--text-sm, 0.875rem);
+    line-height: var(--tw-leading, var(--text-sm--line-height, calc(1.25 / 0.875)));
+  }
+  .font-medium {
+    --tw-font-weight: var(--font-weight-medium, 500);
+    font-weight: var(--font-weight-medium, 500);
+  }
+  .\\[overflow-wrap\\:anywhere\\] {
+    overflow-wrap: anywhere;
+  }
+  .break-words {
+    overflow-wrap: break-word;
+  }
+  .break-all {
+    word-break: break-all;
+  }
+  .whitespace-pre-wrap {
+    white-space: pre-wrap;
+  }
+  .text-destructive {
+    color: var(--destructive);
+  }
+  .text-destructive-foreground {
+    color: var(--destructive-foreground);
+  }
+  .text-foreground {
+    color: var(--contrast-foreground);
+  }
+  .text-muted-foreground {
+    color: var(--contrast-muted-foreground);
+  }
+  .text-success-foreground {
+    color: var(--success-foreground);
+  }
+  .tabular-nums {
+    --tw-numeric-spacing: tabular-nums;
+    font-variant-numeric: var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,);
+  }
+  .select-none {
+    -webkit-user-select: none;
+    user-select: none;
+  }
+  .select-text {
+    -webkit-user-select: text;
+    user-select: text;
+  }
+  .last\\:mb-0 {
+    &:last-child {
+      margin-bottom: calc(var(--spacing, 0.25rem) * 0);
+    }
+  }
+  .\\[\\&_p\\]\\:my-0 {
+    & p {
+      margin-block: calc(var(--spacing, 0.25rem) * 0);
+    }
+  }
+  .tool-body {
+    font-family: var(--font-mono);
+    font-size: var(--chat-detail-font-size, 13px);
+    line-height: 1.55;
+  }
+  .tool-meta {
+    font-size: var(--chat-meta-font-size, 11px);
+    font-variant-numeric: tabular-nums;
+    line-height: 1.45;
+  }
+  .tool-process-text {
+    font-size: var(--chat-process-font-size, 12px);
+    line-height: 1.5;
+  }
+}
+@property --tw-space-y-reverse {
+  syntax: "*";
+  inherits: false;
+  initial-value: 0;
+}
+@property --tw-font-weight {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-ordinal {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-slashed-zero {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-numeric-figure {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-numeric-spacing {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-numeric-fraction {
+  syntax: "*";
+  inherits: false;
+}
+@layer properties {
+  @supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))) {
+    *, ::before, ::after, ::backdrop {
+      --tw-space-y-reverse: 0;
+      --tw-font-weight: initial;
+      --tw-ordinal: initial;
+      --tw-slashed-zero: initial;
+      --tw-numeric-figure: initial;
+      --tw-numeric-spacing: initial;
+      --tw-numeric-fraction: initial;
+    }
+  }
+}
+`;var Le=window.__ycodiumPluginHost.react;var{Activity:We,Children:Ve,Component:ze,Fragment:Ne,Profiler:Xe,PureComponent:Ke,StrictMode:Ze,Suspense:_e,__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE:Qe,__COMPILER_RUNTIME:Je,act:$e,cache:je,cacheSignal:Ye,captureOwnerStack:ea,cloneElement:aa,createContext:E,createElement:h,createRef:ta,forwardRef:b,isValidElement:oa,lazy:ua,memo:la,startTransition:da,unstable_useCacheRefresh:ra,use:sa,useActionState:fa,useCallback:ia,useContext:W,useDebugValue:na,useDeferredValue:ca,useEffect:pa,useEffectEvent:ma,useId:La,useImperativeHandle:Ia,useInsertionEffect:V,useLayoutEffect:xa,useMemo:Ca,useOptimistic:ga,useReducer:ha,useRef:Sa,useState:U,useSyncExternalStore:wa,useTransition:ka,version:ya}=Le;var z=E(null),N=z.Provider;function w(){let e=W(z);if(e===null)throw new Error("Tool display UI has not been registered.");return e}var Ie=".ycodium-tool-display-ui";function xe(){let e=globalThis,a=(e.__ycodiumToolDisplayScope??0)+1;return e.__ycodiumToolDisplayScope=a,`ycodium-tool-display-ui-${a}`}function X(e,a="tool-display"){let t=xe(),o=e.replaceAll(Ie,`.${t}`),u=0,l=null;return{scopeClass:t,retain(){return typeof document>"u"?()=>{}:(u===0&&(l=document.createElement("style"),l.setAttribute("data-ycodium-plugin-css",a),l.textContent=o,document.head.appendChild(l)),u+=1,()=>{u-=1,u===0&&l!==null&&(l.remove(),l=null)})}}}function C(e){return typeof e=="object"&&e!==null&&!Array.isArray(e)?e:null}function P(e){if(!e)return null;try{return JSON.parse(e)}catch{return null}}function Ce({entry:e,details:a}){let t=a.input?.text??e.toolIo?.input;if(!t)return null;let o=P(t);return C(o)}function Q(e){let a=C(e.entry.toolData),t=e.entry.toolLabel?.name??a?.tool??e.entry.toolTitle??e.entry.label;return typeof t=="string"?t.toLowerCase().replace(/[ _-]/g,""):""}function J(e){return e.entry.toolLifecycleStatus==="completed"&&!e.entry.displayFailed&&(e.details.exitCode===void 0||e.details.exitCode===0)}function ge(e){let a=e,t=a.match(/:(\d+)$/);if(!t?.[1])return{path:a,line:void 0,column:void 0};let o=t[1];a=a.slice(0,-t[0].length);let u=a.match(/:(\d+)$/);return u?.[1]?{path:a.slice(0,-u[0].length),line:u[1],column:o}:{path:a,line:o,column:void 0}}function K(e){return e.replaceAll("\\","/")}function Z(e){return/^\/[A-Za-z]:\//.test(e)?e.slice(1):e}function he(e){return e.replace(/[\\/]+$/,"")}function Se(e){let a=Math.max(e.lastIndexOf("/"),e.lastIndexOf("\\"));return a>=0?e.slice(a+1):e}function we(e){return e.replace(/^\.\/+/,"").replace(/^\/+/,"")}function ke(e){return e.startsWith("/")||/^[A-Za-z]:\//.test(e)}function R(e,a){let{path:t,line:o,column:u}=ge(e),l=Z(K(t)),f=l;if(a){let i=Z(K(he(a))),r=Se(i),n=l.toLowerCase(),I=i.toLowerCase(),p=`${I}/`,c=`${r.toLowerCase()}/`;if(n===I)f=r;else if(n.startsWith(p))f=`${r}/${l.slice(i.length+1)}`;else if(!ke(l)){let s=we(l);f=n.startsWith(c)?l:`${r}/${s}`}}return o?`${f}:${o}${u?`:${u}`:""}`:f}function ye(e,a){let t=e.entry.toolLabel?.path??a?.file_path;return typeof t=="string"&&t.trim()?R(t,e.workspaceRoot):null}function Pe(e){let{entry:a,details:t}=e;if(a.requestKind!=="command"&&a.itemType!=="command_execution")return null;let o=t.input?.text;return!o||t.raw?null:{kind:"terminal",command:o,output:t.output?.text??"",copyText:[o,t.output?.text].filter(u=>u!==void 0).join(`
+
+`)}}function Ae(e){let{entry:a,details:t}=e;if(a.requestKind!=="file-read"&&a.toolTitle!=="Read File"||a.displayFailed||t.raw||t.exitCode!==void 0&&t.exitCode!==0)return null;let o=ye(e,Ce(e)),u=t.output?.text;if(!o||!u)return null;let l=[];for(let f of(u.endsWith(`
+`)?u.slice(0,-1):u).split(`
+`)){let i=/^\s*(\d+)→(.*)$/u.exec(f);if(!i)return null;let r=Number(i[1]);if(!Number.isSafeInteger(r)||r<1)return null;let n=l.at(-1);if(n&&r<=n.number)return null;l.push({number:r,text:i[2]})}return{kind:"read",path:o,lines:l,copyText:l.map(f=>f.text).join(`
+`)}}function De(e){let{entry:a,details:t}=e;if(a.requestKind!=="file-change"&&a.itemType!=="file_change"||a.toolLifecycleStatus!=="completed"||a.displayFailed||t.exitCode!==void 0&&t.exitCode!==0)return null;let o=a.toolData;if(typeof o!="object"||o===null||Array.isArray(o))return null;let u=o.changes;if(!Array.isArray(u)||u.length===0)return null;let l=[];for(let[f,i]of u.entries()){if(typeof i!="object"||i===null||Array.isArray(i))return null;let{path:r,diff:n}=i;if(typeof r!="string"||!r.trim()||typeof n!="string"||!n)return null;let I=[],p=n.split(`
+`);for(let[c,s]of p.entries()){let m=s.startsWith("+++")||s.startsWith("---")?"context":s.startsWith("+")?"added":s.startsWith("-")?"removed":"context",H=I.at(-1);H?.kind===m?H.lines.push(s):I.push({line:c,kind:m,lines:[s]})}l.push({key:`${r}:${f}`,path:R(r,e.workspaceRoot),patch:n,parts:I})}return{kind:"change",files:l,copyText:l.map(f=>`${f.path}
+${f.patch}`).join(`
+
+`)}}function Be(e){if(!J(e))return null;let a=Q(e);if(a!=="grep"&&a!=="glob")return null;let t=e.details.output?.text;if(!t)return null;let o=C(P(e.details.input?.text??e.entry.toolIo?.input)),u=P(t),l=C(u),f=t.trimStart().startsWith("{")||t.trimStart().startsWith("[");if(l?.isError===!0||typeof l?.error=="string")return null;let i=typeof o?.pattern=="string"?o.pattern:e.entry.toolLabel?.detail??e.entry.label;if(a==="glob"){let p=l!==null||Array.isArray(u);if(!p&&f)return null;let c=l?l.filenames??l.paths:Array.isArray(u)?u:t.trim().split(`
+`);return!Array.isArray(c)||!c.every(s=>typeof s=="string"&&s.length>0)||!p&&!c.every(s=>/[/\\]|\.[a-z0-9]{1,12}$/i.test(s))?null:{kind:"search",resultKind:"paths",pattern:i,paths:c.map(s=>R(s,e.workspaceRoot)),copyText:t}}let r=typeof l?.content=="string"?l.content:t;if(l&&!Array.isArray(l.files)&&typeof l.content!="string"||!l&&f)return null;let n=new Map,I=(p,c,s)=>{let m=n.get(p)??[];m.push({line:c,text:s,key:`${c}:${m.length}`}),n.set(p,m)};if(Array.isArray(l?.files))for(let p of l.files){let c=C(p);if(typeof c?.path!="string"||!c.path||!Array.isArray(c.matches))return null;for(let s of c.matches){let m=C(s);if(typeof m?.lineNumber!="number"||!Number.isSafeInteger(m.lineNumber)||m.lineNumber<1||typeof m?.line!="string")return null;I(c.path,m.lineNumber,m.line)}}else for(let p of r.trimEnd().split(`
+`)){let c=/^(.+?):([1-9]\d*):(.*)$/u.exec(p);if(!c||!Number.isSafeInteger(Number(c[2])))return null;I(c[1],Number(c[2]),c[3])}return{kind:"search",resultKind:"matches",pattern:i,files:[...n].map(([p,c])=>({key:p,path:R(p,e.workspaceRoot),matches:c})),copyText:t}}function _(e){if(typeof e!="string")return null;try{let a=new URL(e);return(a.protocol==="http:"||a.protocol==="https:")&&!a.username&&!a.password?a.href:null}catch{return null}}function Te(e){if(!J(e))return null;let a=Q(e);if(e.entry.itemType!=="web_search"&&a!=="websearch"&&a!=="webfetch"||a==="grep"||a==="glob")return null;let t=e.details.output?.text,o=P(t);if(!t)return null;let u=C(o);if(u?.isError===!0||typeof u?.error=="string")return null;let l=u?.sources??u?.results??(Array.isArray(o)?o:void 0),f=C(P(e.details.input?.text??e.entry.toolIo?.input)),i=typeof f?.query=="string"?f.query:e.entry.toolLabel?.detail??e.entry.label;if(Array.isArray(l)){let p=[];for(let c of l){let s=C(c),m=_(s?.url);if(!m||s?.title!==void 0&&typeof s.title!="string"||s?.snippet!==void 0&&typeof s.snippet!="string")return null;p.push({key:`${m}:${p.length}`,url:m,title:typeof s?.title=="string"?s.title:m,...typeof s?.snippet=="string"?{snippet:s.snippet}:{}})}return u?.answer!==void 0&&typeof u.answer!="string"?null:{kind:"web",query:i,sources:p,copyText:t,...typeof u?.answer=="string"?{answer:u.answer}:{}}}let r=_(u?.url),n=u?.statusCode;if(!r||typeof n!="number"||!Number.isInteger(n)||n<100||n>599)return null;let I=typeof u?.title=="string"?u.title:r;return{kind:"web",query:I,sources:[{key:r,url:r,title:I}],copyText:t,statusCode:n,...typeof u?.text=="string"?{answer:u.text}:{}}}var Fe=[Pe,Ae,De,Be,Te];function $(e){for(let a of Fe){let t=a(e);if(t)return t}return null}function j(e){return[e.input,e.output,e.raw].filter(a=>a!==void 0).map(a=>a.text).join(`
+
+`)}function A(...e){return e.filter(a=>typeof a=="string"&&a.length>0).join(" ")}var v=(...e)=>e.filter((a,t,o)=>!!a&&a.trim()!==""&&o.indexOf(a)===t).join(" ").trim();var Y=e=>e.replace(/([a-z0-9])([A-Z])/g,"$1-$2").toLowerCase();var ee=e=>e.replace(/^([A-Z])|[\s-_]+(\w)/g,(a,t,o)=>o?o.toUpperCase():t.toLowerCase());var O=e=>{let a=ee(e);return a.charAt(0).toUpperCase()+a.slice(1)};var ae={xmlns:"http://www.w3.org/2000/svg",width:24,height:24,viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:2,strokeLinecap:"round",strokeLinejoin:"round"};var te=e=>{for(let a in e)if(a.startsWith("aria-")||a==="role"||a==="title")return!0;return!1};var oe=b(({color:e="currentColor",size:a=24,strokeWidth:t=2,absoluteStrokeWidth:o,className:u="",children:l,iconNode:f,...i},r)=>h("svg",{ref:r,...ae,width:a,height:a,stroke:e,strokeWidth:o?Number(t)*24/Number(a):t,className:v("lucide",u),...!l&&!te(i)&&{"aria-hidden":"true"},...i},[...f.map(([n,I])=>h(n,I)),...Array.isArray(l)?l:[l]]));var x=(e,a)=>{let t=b(({className:o,...u},l)=>h(oe,{ref:l,iconNode:a,className:v(`lucide-${Y(O(e))}`,`lucide-${e}`,o),...u}));return t.displayName=O(e),t};var Me=[["path",{d:"M20 6 9 17l-5-5",key:"1gmf2c"}]],D=x("check",Me);var be=[["rect",{width:"14",height:"14",x:"8",y:"8",rx:"2",ry:"2",key:"17jyea"}],["path",{d:"M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2",key:"zix9uf"}]],B=x("copy",be);var Re=[["circle",{cx:"12",cy:"12",r:"10",key:"1mglay"}],["path",{d:"M12 2a14.5 14.5 0 0 0 0 20 14.5 14.5 0 0 0 0-20",key:"13o1zl"}],["path",{d:"M2 12h20",key:"9i4pu4"}]],T=x("globe",Re);var ve=[["path",{d:"m21 21-4.34-4.34",key:"14j7rj"}],["circle",{cx:"11",cy:"11",r:"8",key:"4ej97u"}]],F=x("search",ve);var qe=[["path",{d:"m7 11 2-2-2-2",key:"1lz0vl"}],["path",{d:"M11 13h4",key:"1p7l4v"}],["rect",{width:"18",height:"18",x:"3",y:"3",rx:"2",ry:"2",key:"1m3agn"}]],g=x("square-terminal",qe);function k(e){return(a=>h(w().ui[e],{...a,className:`ycodium-tool-display-ui ${typeof a.className=="string"?a.className:""}`}))}var q=k("Button"),ue=k("Tooltip"),le=k("TooltipPopup"),de=k("TooltipTrigger"),re=k("Markdown"),se=k("DetailViewport");function S(){return{t:w().i18n.usePluginTranslation()}}var{jsx:d,jsxs:L,Fragment:It}=window.__ycodiumPluginHost.jsxRuntime;function fe({text:e}){let{t:a}=S(),t=w(),[o,u]=U(null),[l,f]=U(!1),i=o===e;return L("span",{className:"inline-flex items-center gap-1",children:[d(q,{type:"button",variant:"ghost-muted",size:"icon-xs","aria-label":a(i?"copied":"copy"),onKeyDown:r=>{(r.key==="Enter"||r.key===" ")&&r.stopPropagation()},onClick:()=>{Promise.resolve(t.writeClipboard(e)).then(()=>{u(e),f(!1)},()=>f(!0))},children:i?d(D,{"aria-hidden":!0,className:"size-icon-1"}):d(B,{"aria-hidden":!0,className:"size-icon-1"})}),l?d("span",{role:"status",className:"tool-meta text-destructive",children:a("copyFailed")}):null]})}var ie=new Map;function y(e){ie.set(e.kind,e)}function ne(e){return ie.get(e.kind)}function M({text:e}){return L(ue,{children:[d(de,{render:d("code",{className:"min-w-0 truncate text-foreground"}),children:e}),d(le,{className:"max-w-lg whitespace-pre-wrap break-words",children:e})]})}function Ue({model:e}){let{t:a}=S();if(e.resultKind==="paths")return e.paths.length===0?d("p",{className:"px-2 pb-2 text-muted-foreground",children:a("noSearchResults")}):d("pre",{className:"tool-body whitespace-pre-wrap break-words px-2 pb-2 text-foreground",children:e.paths.slice(0,16).join(`
+`)});let t=16;return d("div",{className:"tool-body px-2 pb-2",children:e.files.length===0?d("p",{className:"text-muted-foreground",children:a("noSearchResults")}):e.files.map(o=>{let u=o.matches.slice(0,t);return t-=u.length,u.length===0?null:L("div",{"data-search-file":o.path,className:"mb-2 last:mb-0",children:[d("p",{className:"break-all font-medium text-foreground",children:o.path}),u.map(l=>L("div",{"data-search-line":l.line,className:"grid grid-cols-[3.5em_minmax(0,1fr)]",children:[d("span",{"aria-hidden":!0,className:"pe-3 text-end text-muted-foreground tabular-nums select-none",children:l.line}),d("span",{className:"whitespace-pre-wrap break-words text-foreground [overflow-wrap:anywhere]",children:l.text||`
+`})]},l.key))]},o.key)})})}function Oe({model:e,context:a}){let{t}=S();return L("div",{className:"space-y-2 px-2 pb-2 text-foreground",children:[e.statusCode!==void 0?d("p",{className:A("tool-meta",e.statusCode>=400&&"text-destructive-foreground"),children:t("httpStatus",{status:e.statusCode})}):null,e.answer?d("p",{className:"tool-process-text line-clamp-3 whitespace-pre-wrap",children:e.answer}):null,e.sources.length===0?d("p",{className:"tool-process-text text-muted-foreground",children:t("noWebSources")}):e.sources.slice(0,8).map(o=>L("div",{"data-web-source":o.url,className:"space-y-0.5",children:[o.title!==e.query?d("p",{className:"tool-process-text font-medium",children:o.title}):null,d(re,{text:`<${o.url}>`,className:"tool-meta [&_p]:my-0",...a.threadRef===void 0?{}:{threadRef:a.threadRef},...a.workspaceRoot===void 0?{}:{cwd:a.workspaceRoot}}),o.snippet?d("p",{className:"tool-meta line-clamp-3 whitespace-pre-wrap text-muted-foreground",children:o.snippet}):null]},o.key))]})}y({kind:"terminal",heading:e=>L("span",{className:"flex min-w-0 items-center gap-2 text-foreground",children:[d(g,{"aria-hidden":!0,className:"size-4 shrink-0 text-muted-foreground"}),d(M,{text:e.command})]}),body:e=>d("pre",{className:"tool-body cursor-text whitespace-pre-wrap break-words px-2 pb-2 text-foreground select-text [overflow-wrap:anywhere]",children:e.output})});y({kind:"read",hiddenLines:e=>Math.max(0,e.lines.length-16),heading:e=>d(M,{text:e.path}),body:e=>d("div",{className:"tool-body cursor-text pb-2 text-foreground select-text",children:(e.lines.length>16?[...e.lines.slice(0,8),null,...e.lines.slice(-8)]:e.lines).map(a=>a===null?d("div",{"aria-hidden":!0,className:"ps-[3.5em] text-muted-foreground",children:"\u2026"},"gap"):L("div",{"data-source-line":a.number,className:"grid grid-cols-[3.5em_minmax(0,1fr)]",children:[d("span",{"aria-hidden":!0,className:"pe-3 text-end text-muted-foreground select-none tabular-nums",children:a.number}),d("span",{className:"whitespace-pre-wrap break-words pe-2 [overflow-wrap:anywhere]",children:a.text||`
+`})]},a.number))})});y({kind:"change",heading:e=>d(M,{text:e.files.map(a=>a.path).join(", ")}),body:e=>d("div",{className:"tool-body cursor-text pb-2 select-text",children:e.files.map(a=>L("div",{children:[e.files.length>1?d("p",{className:"px-2 py-1 text-foreground",children:a.path}):null,a.parts.length>64?d("pre",{className:"whitespace-pre-wrap break-words px-2 text-foreground [overflow-wrap:anywhere]",children:a.patch}):a.parts.map(t=>d("pre",{"data-change-line":t.kind,className:A("whitespace-pre-wrap break-words px-2 [overflow-wrap:anywhere]",t.kind==="removed"?"bg-destructive/5 text-destructive-foreground":t.kind==="added"?"bg-success/5 text-success-foreground":"text-muted-foreground"),children:t.lines.join(`
+`)},t.line))]},a.key))})});y({kind:"search",hasMoreResults:e=>e.resultKind==="paths"?e.paths.length>16:e.files.reduce((a,t)=>a+t.matches.length,0)>16,heading:e=>L("span",{className:"flex min-w-0 items-center gap-2",children:[d(F,{"aria-hidden":!0,className:"size-4 shrink-0"}),d(M,{text:e.pattern})]}),body:e=>d(Ue,{model:e})});y({kind:"web",hasMoreResults:e=>e.sources.length>8,heading:e=>L("span",{className:"flex min-w-0 items-center gap-2",children:[d(T,{"aria-hidden":!0,className:"size-4 shrink-0"}),d(M,{text:e.query})]}),body:(e,a)=>d(Oe,{model:e,context:a})});function He({text:e}){return d("pre",{className:"tool-body cursor-text whitespace-pre-wrap break-words px-2 pb-2 text-foreground select-text [overflow-wrap:anywhere]",children:e})}function ce({retain:e}){return V(()=>e(),[e]),null}function pe(e){let{t:a}=S(),t=$(e),o=t?ne(t):void 0,u=t&&o?.hiddenLines?o.hiddenLines(t):0,l=t&&o?.hasMoreResults?o.hasMoreResults(t):!1,f=[e.details.input,e.details.output,e.details.raw].filter(n=>n!==void 0),i=t?.copyText??j(e.details);if(!i&&!t)return null;let r=e.details.files.length>0&&t?.kind!=="change"&&t?.kind!=="search";return L("div",{className:A("ycodium-tool-display-ui",e.scopeClass,"min-w-0 rounded-md bg-background/60"),"data-tool-overview":!0,"data-tool-overview-kind":t?.kind??"generic",children:[L("div",{className:"tool-meta flex min-h-8 items-center gap-2 px-2 text-muted-foreground",children:[d("span",{className:"min-w-0 flex-1",children:t&&o?o.heading(t):null}),e.summary?d("span",{children:a("summary")}):null,f.some(n=>n.truncated)?d("span",{children:a("truncated")}):null,d(fe,{text:i})]}),d(se,{threadKey:e.threadKey??"unscoped",stateKey:`${e.stateKey??e.entry.id}:overview`,maxHeight:"8lh",className:"tool-body",followTail:e.followOutputTail===!0,...e.onDisclosureChange===void 0?{}:{onDisclosureChange:e.onDisclosureChange},children:t&&o?o.body(t,e):d(He,{text:i})}),u||l?d(q,{size:"xs",variant:"ghost-muted",className:"m-1",disabled:e.onShowOutput===void 0,onClick:e.onShowOutput,children:u?a("showMoreLines",{count:u}):a("showAllResults")}):null,r?d("div",{className:"min-w-0 px-2 pb-2",children:d("pre",{className:"tool-body whitespace-pre-wrap break-words text-foreground select-text",children:e.details.files.join(`
+`)})}):null]})}function Ge(e){if(["Button","Tooltip","TooltipTrigger","TooltipPopup","Markdown","DetailViewport"].some(u=>e.ui[u]===void 0)){let u=function(){let l=e.i18n.usePluginTranslation();return d("p",{role:"status",className:"p-3 text-sm text-muted-foreground",children:l("hostUpgradeRequired")})};var o=u;return{pages:{},panels:{},views:{toolCall:u}}}let t=X(G);return{pages:{},panels:{},views:{toolCall:function(l){return L(N,{value:e,children:[d(ce,{retain:t.retain}),d(pe,{...l,scopeClass:t.scopeClass})]})}}}}export{Ge as default};

package/dist/index.js

@@ -0,0 +1,12 @@
+// src/index.ts
+import { definePlugin } from "@ycodium-ai/plugin-api";
+import { TOOL_DISPLAY_PLUGIN_ID } from "@ycodium-ai/plugin-api/tool-display";
+var index_default = definePlugin({
+  id: TOOL_DISPLAY_PLUGIN_ID,
+  apiVersion: 2,
+  activate: () => {
+  }
+});
+export {
+  index_default as default
+};

package/dist/models.d.ts

@@ -0,0 +1,96 @@
+/**
+ * 第一方工具概览解释。无 DOM，Web 呈现与 Mobile 原生 fallback 可共用。
+ * 升级本插件即可改规则，不锁在宿主 API 里。
+ */
+import type { ToolDisplayContext } from "@ycodium-ai/plugin-api/tool-display";
+export interface ToolDisplayReadLine {
+    readonly number: number;
+    readonly text: string;
+}
+export interface ToolDisplayChangePart {
+    readonly line: number;
+    readonly kind: "added" | "removed" | "context";
+    readonly lines: string[];
+}
+export interface ToolDisplayChangeFile {
+    readonly key: string;
+    readonly path: string;
+    readonly patch: string;
+    readonly parts: ReadonlyArray<ToolDisplayChangePart>;
+}
+export interface ToolDisplaySearchFile {
+    readonly key: string;
+    readonly path: string;
+    readonly matches: ReadonlyArray<{
+        readonly line: number;
+        readonly text: string;
+        readonly key: string;
+    }>;
+}
+export interface ToolDisplayWebSource {
+    readonly key: string;
+    readonly url: string;
+    readonly title: string;
+    readonly snippet?: string;
+}
+export type ToolDisplayOverview = {
+    readonly kind: "terminal";
+    readonly command: string;
+    readonly output: string;
+    readonly copyText: string;
+} | {
+    readonly kind: "read";
+    readonly path: string;
+    readonly lines: ReadonlyArray<ToolDisplayReadLine>;
+    readonly copyText: string;
+} | {
+    readonly kind: "change";
+    readonly files: ReadonlyArray<ToolDisplayChangeFile>;
+    readonly copyText: string;
+} | ({
+    readonly kind: "search";
+    readonly pattern: string;
+    readonly copyText: string;
+} & ({
+    readonly resultKind: "paths";
+    readonly paths: ReadonlyArray<string>;
+} | {
+    readonly resultKind: "matches";
+    readonly files: ReadonlyArray<ToolDisplaySearchFile>;
+})) | {
+    readonly kind: "web";
+    readonly query: string;
+    readonly sources: ReadonlyArray<ToolDisplayWebSource>;
+    readonly copyText: string;
+    readonly answer?: string;
+    readonly statusCode?: number;
+};
+export type ToolDisplayOverviewKind = ToolDisplayOverview["kind"];
+/** 把绝对路径换成工作区根下的相对显示路径；不在根下则原样返回。无 DOM。 */
+export declare function formatToolDisplayPath(pathWithPosition: string, workspaceRoot: string | undefined): string;
+/** 只认明确的命令执行项；无命令原文或 MCP raw 时回退，不把任意输入猜成 shell。 */
+export declare function commandOverviewModel(context: ToolDisplayContext): Extract<ToolDisplayOverview, {
+    kind: "terminal";
+}> | null;
+/** 只识别 Read 原文里的明确行号；无编号、错误说明或混合格式保持原文。 */
+export declare function readOverviewModel(context: ToolDisplayContext): Extract<ToolDisplayOverview, {
+    kind: "read";
+}> | null;
+/** 只展示完成事件报告的 patch；请求参数、失败和未知状态不能证明修改落地。 */
+export declare function changeOverviewModel(context: ToolDisplayContext): Extract<ToolDisplayOverview, {
+    kind: "change";
+}> | null;
+/** 只解释明确的搜索结果格式，不从查询参数猜命中文件或行号。 */
+export declare function searchOverviewModel(context: ToolDisplayContext): Extract<ToolDisplayOverview, {
+    kind: "search";
+}> | null;
+/** 链接只来自返回结果；请求 URL 和搜索词不能冒充已取得的来源。 */
+export declare function webOverviewModel(context: ToolDisplayContext): Extract<ToolDisplayOverview, {
+    kind: "web";
+}> | null;
+/**
+ * 按类型尝试第一方解释；都不匹配时返回 null，调用方必须显示已取得的原文。
+ * 这张表只装配解释，不创建连接或缓存。
+ */
+export declare function resolveToolDisplayOverview(context: ToolDisplayContext): ToolDisplayOverview | null;
+export declare function recordedToolDisplayText(details: ToolDisplayContext["details"]): string;

package/dist/models.js

@@ -0,0 +1,310 @@
+// src/models.ts
+function record(value) {
+  return typeof value === "object" && value !== null && !Array.isArray(value) ? value : null;
+}
+function parseJson(text) {
+  if (!text) return null;
+  try {
+    return JSON.parse(text);
+  } catch {
+    return null;
+  }
+}
+function inputRecord({ entry, details }) {
+  const input = details.input?.text ?? entry.toolIo?.input;
+  if (!input) return null;
+  const value = parseJson(input);
+  return record(value);
+}
+function toolName(context) {
+  const raw = record(context.entry.toolData);
+  const value = context.entry.toolLabel?.name ?? raw?.tool ?? context.entry.toolTitle ?? context.entry.label;
+  return typeof value === "string" ? value.toLowerCase().replace(/[ _-]/g, "") : "";
+}
+function completed(context) {
+  return context.entry.toolLifecycleStatus === "completed" && !context.entry.displayFailed && (context.details.exitCode === void 0 || context.details.exitCode === 0);
+}
+function splitPathAndPosition(value) {
+  let path = value;
+  const columnMatch = path.match(/:(\d+)$/);
+  if (!columnMatch?.[1]) return { path, line: void 0, column: void 0 };
+  let column = columnMatch[1];
+  path = path.slice(0, -columnMatch[0].length);
+  const lineMatch = path.match(/:(\d+)$/);
+  if (lineMatch?.[1]) {
+    return { path: path.slice(0, -lineMatch[0].length), line: lineMatch[1], column };
+  }
+  return { path, line: column, column: void 0 };
+}
+function normalizePathSeparators(path) {
+  return path.replaceAll("\\", "/");
+}
+function canonicalizeWindowsDrivePath(path) {
+  return /^\/[A-Za-z]:\//.test(path) ? path.slice(1) : path;
+}
+function trimTrailingPathSeparators(path) {
+  return path.replace(/[\\/]+$/, "");
+}
+function basenameOfPath(path) {
+  const separatorIndex = Math.max(path.lastIndexOf("/"), path.lastIndexOf("\\"));
+  return separatorIndex >= 0 ? path.slice(separatorIndex + 1) : path;
+}
+function stripRelativePrefixes(path) {
+  return path.replace(/^\.\/+/, "").replace(/^\/+/, "");
+}
+function isAbsolutePath(path) {
+  return path.startsWith("/") || /^[A-Za-z]:\//.test(path);
+}
+function formatToolDisplayPath(pathWithPosition, workspaceRoot) {
+  const { path, line, column } = splitPathAndPosition(pathWithPosition);
+  const normalizedPath = canonicalizeWindowsDrivePath(normalizePathSeparators(path));
+  let displayPath = normalizedPath;
+  if (workspaceRoot) {
+    const normalizedWorkspaceRoot = canonicalizeWindowsDrivePath(
+      normalizePathSeparators(trimTrailingPathSeparators(workspaceRoot))
+    );
+    const workspaceLabel = basenameOfPath(normalizedWorkspaceRoot);
+    const pathForCompare = normalizedPath.toLowerCase();
+    const workspaceForCompare = normalizedWorkspaceRoot.toLowerCase();
+    const workspaceWithSeparator = `${workspaceForCompare}/`;
+    const workspaceLabelWithSeparator = `${workspaceLabel.toLowerCase()}/`;
+    if (pathForCompare === workspaceForCompare) {
+      displayPath = workspaceLabel;
+    } else if (pathForCompare.startsWith(workspaceWithSeparator)) {
+      displayPath = `${workspaceLabel}/${normalizedPath.slice(normalizedWorkspaceRoot.length + 1)}`;
+    } else if (!isAbsolutePath(normalizedPath)) {
+      const relativePath = stripRelativePrefixes(normalizedPath);
+      displayPath = pathForCompare.startsWith(workspaceLabelWithSeparator) ? normalizedPath : `${workspaceLabel}/${relativePath}`;
+    }
+  }
+  if (!line) return displayPath;
+  return `${displayPath}:${line}${column ? `:${column}` : ""}`;
+}
+function reportedPath(context, input) {
+  const value = context.entry.toolLabel?.path ?? input?.file_path;
+  return typeof value === "string" && value.trim() ? formatToolDisplayPath(value, context.workspaceRoot) : null;
+}
+function commandOverviewModel(context) {
+  const { entry, details } = context;
+  if (entry.requestKind !== "command" && entry.itemType !== "command_execution") return null;
+  const command = details.input?.text;
+  if (!command || details.raw) return null;
+  return {
+    kind: "terminal",
+    command,
+    output: details.output?.text ?? "",
+    copyText: [command, details.output?.text].filter((text) => text !== void 0).join("\n\n")
+  };
+}
+function readOverviewModel(context) {
+  const { entry, details } = context;
+  if (entry.requestKind !== "file-read" && entry.toolTitle !== "Read File") return null;
+  if (entry.displayFailed || details.raw || details.exitCode !== void 0 && details.exitCode !== 0) {
+    return null;
+  }
+  const path = reportedPath(context, inputRecord(context));
+  const text = details.output?.text;
+  if (!path || !text) return null;
+  const lines = [];
+  for (const raw of (text.endsWith("\n") ? text.slice(0, -1) : text).split("\n")) {
+    const match = /^\s*(\d+)→(.*)$/u.exec(raw);
+    if (!match) return null;
+    const number = Number(match[1]);
+    if (!Number.isSafeInteger(number) || number < 1) return null;
+    const previous = lines.at(-1);
+    if (previous && number <= previous.number) return null;
+    lines.push({ number, text: match[2] });
+  }
+  return { kind: "read", path, lines, copyText: lines.map((line) => line.text).join("\n") };
+}
+function changeOverviewModel(context) {
+  const { entry, details } = context;
+  if (entry.requestKind !== "file-change" && entry.itemType !== "file_change") return null;
+  if (entry.toolLifecycleStatus !== "completed" || entry.displayFailed || details.exitCode !== void 0 && details.exitCode !== 0)
+    return null;
+  const data = entry.toolData;
+  if (typeof data !== "object" || data === null || Array.isArray(data)) return null;
+  const changes = data.changes;
+  if (!Array.isArray(changes) || changes.length === 0) return null;
+  const files = [];
+  for (const [changeIndex, value] of changes.entries()) {
+    if (typeof value !== "object" || value === null || Array.isArray(value)) return null;
+    const { path, diff } = value;
+    if (typeof path !== "string" || !path.trim() || typeof diff !== "string" || !diff) return null;
+    const parts = [];
+    const lines = diff.split("\n");
+    for (const [index, line] of lines.entries()) {
+      const kind = line.startsWith("+++") || line.startsWith("---") ? "context" : line.startsWith("+") ? "added" : line.startsWith("-") ? "removed" : "context";
+      const previous = parts.at(-1);
+      if (previous?.kind === kind) previous.lines.push(line);
+      else parts.push({ line: index, kind, lines: [line] });
+    }
+    files.push({
+      key: `${path}:${changeIndex}`,
+      path: formatToolDisplayPath(path, context.workspaceRoot),
+      patch: diff,
+      parts
+    });
+  }
+  return {
+    kind: "change",
+    files,
+    copyText: files.map((file) => `${file.path}
+${file.patch}`).join("\n\n")
+  };
+}
+function searchOverviewModel(context) {
+  if (!completed(context)) return null;
+  const tool = toolName(context);
+  if (tool !== "grep" && tool !== "glob") return null;
+  const output = context.details.output?.text;
+  if (!output) return null;
+  const input = record(parseJson(context.details.input?.text ?? context.entry.toolIo?.input));
+  const decoded = parseJson(output);
+  const result = record(decoded);
+  const jsonShape = output.trimStart().startsWith("{") || output.trimStart().startsWith("[");
+  if (result?.isError === true || typeof result?.error === "string") return null;
+  const pattern = typeof input?.pattern === "string" ? input.pattern : context.entry.toolLabel?.detail ?? context.entry.label;
+  if (tool === "glob") {
+    const structured = result !== null || Array.isArray(decoded);
+    if (!structured && jsonShape) return null;
+    const paths = result ? result.filenames ?? result.paths : Array.isArray(decoded) ? decoded : output.trim().split("\n");
+    if (!Array.isArray(paths) || !paths.every((path) => typeof path === "string" && path.length > 0))
+      return null;
+    if (!structured && !paths.every((path) => /[/\\]|\.[a-z0-9]{1,12}$/i.test(path))) return null;
+    return {
+      kind: "search",
+      resultKind: "paths",
+      pattern,
+      paths: paths.map((path) => formatToolDisplayPath(path, context.workspaceRoot)),
+      copyText: output
+    };
+  }
+  const text = typeof result?.content === "string" ? result.content : output;
+  if (result && !Array.isArray(result.files) && typeof result.content !== "string") return null;
+  if (!result && jsonShape) return null;
+  const files = /* @__PURE__ */ new Map();
+  const append = (path, line, content) => {
+    const matches = files.get(path) ?? [];
+    matches.push({ line, text: content, key: `${line}:${matches.length}` });
+    files.set(path, matches);
+  };
+  if (Array.isArray(result?.files)) {
+    for (const value of result.files) {
+      const file = record(value);
+      if (typeof file?.path !== "string" || !file.path || !Array.isArray(file.matches)) return null;
+      for (const value2 of file.matches) {
+        const match = record(value2);
+        if (typeof match?.lineNumber !== "number" || !Number.isSafeInteger(match.lineNumber) || match.lineNumber < 1 || typeof match?.line !== "string")
+          return null;
+        append(file.path, match.lineNumber, match.line);
+      }
+    }
+  } else {
+    for (const line of text.trimEnd().split("\n")) {
+      const match = /^(.+?):([1-9]\d*):(.*)$/u.exec(line);
+      if (!match || !Number.isSafeInteger(Number(match[2]))) return null;
+      append(match[1], Number(match[2]), match[3]);
+    }
+  }
+  return {
+    kind: "search",
+    resultKind: "matches",
+    pattern,
+    files: [...files].map(
+      ([path, matches]) => ({
+        key: path,
+        path: formatToolDisplayPath(path, context.workspaceRoot),
+        matches
+      })
+    ),
+    copyText: output
+  };
+}
+function webUrl(value) {
+  if (typeof value !== "string") return null;
+  try {
+    const url = new URL(value);
+    return (url.protocol === "http:" || url.protocol === "https:") && !url.username && !url.password ? url.href : null;
+  } catch {
+    return null;
+  }
+}
+function webOverviewModel(context) {
+  if (!completed(context)) return null;
+  const tool = toolName(context);
+  if (context.entry.itemType !== "web_search" && tool !== "websearch" && tool !== "webfetch")
+    return null;
+  if (tool === "grep" || tool === "glob") return null;
+  const output = context.details.output?.text;
+  const parsed = parseJson(output);
+  if (!output) return null;
+  const result = record(parsed);
+  if (result?.isError === true || typeof result?.error === "string") return null;
+  const values = result?.sources ?? result?.results ?? (Array.isArray(parsed) ? parsed : void 0);
+  const input = record(parseJson(context.details.input?.text ?? context.entry.toolIo?.input));
+  const query = typeof input?.query === "string" ? input.query : context.entry.toolLabel?.detail ?? context.entry.label;
+  if (Array.isArray(values)) {
+    const sources = [];
+    for (const value of values) {
+      const source = record(value);
+      const url2 = webUrl(source?.url);
+      if (!url2 || source?.title !== void 0 && typeof source.title !== "string" || source?.snippet !== void 0 && typeof source.snippet !== "string")
+        return null;
+      sources.push({
+        key: `${url2}:${sources.length}`,
+        url: url2,
+        title: typeof source?.title === "string" ? source.title : url2,
+        ...typeof source?.snippet === "string" ? { snippet: source.snippet } : {}
+      });
+    }
+    if (result?.answer !== void 0 && typeof result.answer !== "string") return null;
+    return {
+      kind: "web",
+      query,
+      sources,
+      copyText: output,
+      ...typeof result?.answer === "string" ? { answer: result.answer } : {}
+    };
+  }
+  const url = webUrl(result?.url);
+  const statusCode = result?.statusCode;
+  if (!url || typeof statusCode !== "number" || !Number.isInteger(statusCode) || statusCode < 100 || statusCode > 599)
+    return null;
+  const title = typeof result?.title === "string" ? result.title : url;
+  return {
+    kind: "web",
+    query: title,
+    sources: [{ key: url, url, title }],
+    copyText: output,
+    statusCode,
+    ...typeof result?.text === "string" ? { answer: result.text } : {}
+  };
+}
+var OVERVIEW_MODELS = [
+  commandOverviewModel,
+  readOverviewModel,
+  changeOverviewModel,
+  searchOverviewModel,
+  webOverviewModel
+];
+function resolveToolDisplayOverview(context) {
+  for (const model of OVERVIEW_MODELS) {
+    const presentation = model(context);
+    if (presentation) return presentation;
+  }
+  return null;
+}
+function recordedToolDisplayText(details) {
+  return [details.input, details.output, details.raw].filter((segment) => segment !== void 0).map((segment) => segment.text).join("\n\n");
+}
+export {
+  changeOverviewModel,
+  commandOverviewModel,
+  formatToolDisplayPath,
+  readOverviewModel,
+  recordedToolDisplayText,
+  resolveToolDisplayOverview,
+  searchOverviewModel,
+  webOverviewModel
+};

package/locales/en.json

@@ -0,0 +1,14 @@
+{
+  "copy": "Copy available text",
+  "copied": "Copied",
+  "copyFailed": "Could not copy text",
+  "summary": "Summary",
+  "truncated": "Content was truncated",
+  "showMoreLines_one": "Show 1 more line",
+  "showMoreLines_other": "Show {{count}} more lines",
+  "showAllResults": "View all results",
+  "noSearchResults": "No results returned",
+  "noWebSources": "No sources returned",
+  "httpStatus": "HTTP {{status}}",
+  "hostUpgradeRequired": "This Ycodium app cannot render tool details from a plugin. Update the app."
+}

package/locales/zh-CN.json

@@ -0,0 +1,14 @@
+{
+  "copy": "复制可用文本",
+  "copied": "已复制",
+  "copyFailed": "无法复制文本",
+  "summary": "摘要",
+  "truncated": "已省略前面的内容",
+  "showMoreLines_one": "再显示 1 行",
+  "showMoreLines_other": "再显示 {{count}} 行",
+  "showAllResults": "查看所有结果",
+  "noSearchResults": "未返回结果",
+  "noWebSources": "未返回来源",
+  "httpStatus": "HTTP {{status}}",
+  "hostUpgradeRequired": "此 Ycodium 应用无法显示来自插件的工具详情。请更新应用。"
+}

package/package.json

@@ -0,0 +1,55 @@
+{
+  "name": "@ycodium-ai/plugin-tool-display",
+  "version": "0.1.0",
+  "description": "Renders command, read, change, search, and web tool calls from recorded facts.",
+  "keywords": [
+    "ycodium",
+    "ycodium-plugin"
+  ],
+  "license": "UNLICENSED",
+  "files": [
+    "dist",
+    "assets",
+    "locales"
+  ],
+  "type": "module",
+  "exports": {
+    ".": "./dist/index.js",
+    "./models": {
+      "types": "./dist/models.d.ts",
+      "import": "./dist/models.js"
+    }
+  },
+  "publishConfig": {
+    "access": "public"
+  },
+  "devDependencies": {
+    "@tailwindcss/node": "^4.3.0",
+    "@tailwindcss/oxide": "^4.3.0",
+    "@types/react": "~19.2.14",
+    "@types/react-dom": "^19.2.3",
+    "esbuild": "0.28.1",
+    "lucide-react": "^0.564.0",
+    "react": "19.2.6",
+    "react-dom": "19.2.6",
+    "tailwindcss": "^4.0.0",
+    "typescript": "~6.0.3",
+    "vite-plus": "0.2.2",
+    "@ycodium-ai/plugin-api": "0.2.0"
+  },
+  "ycodium": {
+    "plugin": "./dist/index.js",
+    "displayName": "Tool display",
+    "description": "Renders command, read, change, search, and web tool calls from recorded facts.",
+    "icon": "blocks",
+    "ui": {
+      "assets": "./assets",
+      "entry": "ui.js"
+    }
+  },
+  "scripts": {
+    "build": "node build.mjs",
+    "typecheck": "tsgo --noEmit && tsgo --noEmit -p tsconfig.ui.json",
+    "test": "vp test run"
+  }
+}