@duckmind/dm-windows-x64 0.60.4 → 0.60.8

package/extensions/dm-cliproxy/src/ui-hub/view-models.js

@@ -1 +1,379 @@
-import{matchesKey as D}from"@duckmind/dm-tui";function $0($){let q=new Map,J=new Map;for(let z of $.builtinProviders){let j=[];for(let Y of z.models)q.set(Y.id,{id:Y.id,name:Y.name,suggestedApi:z.api,subtitle:Y.name&&Y.name!==Y.id?Y.name:void 0,ownedBy:z.name,reasoning:Y.reasoning,contextWindow:Y.contextWindow,maxTokens:Y.maxTokens,cost:Y.cost}),j.push(Y.id);J.set(z.name,j)}let Q=[];for(let z of $.customPool){if(!q.has(z.id))q.set(z.id,{id:z.id,name:z.name,suggestedApi:z.api,subtitle:z.name&&z.name!==z.id?z.name:void 0,origin:z.suggestedProvider,ownedBy:z.ownedBy,reasoning:z.reasoning,contextWindow:z.contextWindow,maxTokens:z.maxTokens,cost:z.cost});Q.push(z.id)}return{byId:q,builtinModelIds:J,customPoolIds:Q}}function i0($){let q=new Map;for(let[J,Q]of Object.entries($.customProviders))for(let z of Q.models)q.set(z.id,J);return q}function b($,q){if(q.kind==="builtin")return[...$.builtinProviders[q.name]?.models??[]];return $.customProviders[q.name]?.models.map((J)=>J.id)??[]}function K0($,q,J){if(q.kind==="builtin"){let j=J.builtinModelIds.get(q.name)??[],Y=new Set(b($,q));return j.filter((V)=>!Y.has(V))}let Q=i0($),z=new Set(b($,q));return J.customPoolIds.filter((j)=>{if(z.has(j))return!1;let Y=Q.get(j);return Y===void 0||Y===q.name})}function r0($){return{id:$.id,name:$.name,contextWindow:$.contextWindow,maxTokens:$.maxTokens,reasoning:$.reasoning,cost:$.cost}}function B0($,q,J){if(q.kind==="builtin"){let z=$.builtinProviders[q.name]??{enabled:!0,models:[]},j=new Set(z.models);j.add(J.id),$.builtinProviders[q.name]={enabled:!0,apiOverride:z.apiOverride??null,models:Array.from(j).sort()};return}for(let[z,j]of Object.entries($.customProviders)){if(z===q.name)continue;let Y=j.models.findIndex((V)=>V.id===J.id);if(Y>=0)j.models.splice(Y,1)}let Q=$.customProviders[q.name]??{api:q.api,models:[]};if(!Q.models.some((z)=>z.id===J.id))Q.models.push(r0(J));$.customProviders[q.name]=Q}function H0($,q,J){if(q.kind==="builtin"){let z=$.builtinProviders[q.name];if(!z)return;z.models=z.models.filter((j)=>j!==J),z.enabled=z.models.length>0;return}let Q=$.customProviders[q.name];if(!Q)return;Q.models=Q.models.filter((z)=>z.id!==J)}function z0($,q){if($===q)return!0;let J=["openai-completions","openai-responses"];if(J.includes($)&&J.includes(q))return!0;return!1}function P0($,q){let J=new Map;for(let Q of $){let z=q.byId.get(Q),j=z?.ownedBy||z?.origin||"misc",Y=J.get(j)??[];Y.push(Q),J.set(j,Y)}return Array.from(J.entries()).sort((Q,z)=>Q[0].localeCompare(z[0])).map(([Q,z])=>({label:Q,ids:z}))}function k0($,q,J){let Q=J.trim().toLowerCase();if(!Q)return $;return $.filter((z)=>{if(z.toLowerCase().includes(Q))return!0;let j=q.byId.get(z)?.name;return j?j.toLowerCase().includes(Q):!1})}import{getModels as t0,getProviders as o0}from"@duckmind/dm-ai/compat";function q0($,q){let J=[],Q=new Set(q.builtinModelIds.keys()),z=new Set(o0()),j=new Set([...Q,...z]);for(let Y of Array.from(j).sort()){let V=q.builtinModelIds.get(Y);if(!V||V.length===0)continue;let X;try{let R=t0(Y).find((E)=>V.includes(E.id));if(R)X=R.api}catch{}if(!X){let G=V[0];X=q.byId.get(G)?.suggestedApi??"openai-responses"}if(J.push({kind:"builtin",name:Y,api:X,subtitle:`built-in · ${X}`}),!$.builtinProviders[Y])$.builtinProviders[Y]={enabled:!1,models:[]}}for(let Y of Object.keys($.customProviders).sort()){let V=$.customProviders[Y];J.push({kind:"custom",name:Y,api:V.api,subtitle:`custom · ${V.api}`})}return J}import{getKeybindings as j$,matchesKey as w}from"@duckmind/dm-tui";import{visibleWidth as Q0}from"@duckmind/dm-tui";import{visibleWidth as F0}from"@duckmind/dm-tui";function A($,q){let J=F0($);if(J===q)return $;if(J<q)return $+" ".repeat(q-J);return J0($,q)}function J0($,q){if(q<=0)return"\x1B[0m";let J="",Q=0,z=0;while(z<$.length){let j=$[z];if(j==="\x1B"&&$[z+1]==="["){let V=$.indexOf("m",z+2);if(V>=0){J+=$.slice(z,V+1),z=V+1;continue}}let Y=F0(j);if(Q+Y>q)break;J+=j,Q+=Y,z++}return`${J}\x1B[0m`}var e0="│",$$="╭",z$="╮",q$="╰",J$="╯",u="─";function p($,q){let J=Math.max(4,q.width);return[Q$($,q.title,q.titleColor??"accent",J),...q.lines.map((Q)=>Y$($,Q,J)),Z$($,q.footer,J)]}function Q$($,q,J,Q){let z=q??"",j=Q0(z),Y=Math.max(0,Q-3-j),V=z?$.bold($.fg(J,z)):"",X=`${$$}${u}${V}${u.repeat(Y)}${z$}`;return $.fg("borderAccent",X)}function Y$($,q,J){let Q=Math.max(0,J-2),z=$.fg("borderAccent",e0);return`${z}${A(q,Q)}${z}`}function Z$($,q,J){let Q=`${q$}${u}`,z=`${J$}`,j=3;if(!q||!q.hint&&!q.badge){let I=Math.max(0,J-3);return $.fg("borderAccent",`${Q}${u.repeat(I)}${z}`)}let Y=q.hint??"",V=q.badge??"",X=Q0(Y),G=Q0(V),R=Math.max(0,J-3-X-G),E=$.fg("dim",Y),k=V?$.fg("muted",V):"",F=u.repeat(R);return`${$.fg("borderAccent",Q)}${E}${$.fg("borderAccent",F)}${k}${$.fg("borderAccent",z)}`}function I0($){return Math.max(0,$-2)}async function W0($,q){return $.ui.custom((J,Q,z,j)=>V$(Q,`Remove custom group “${q}”?`,"All model assignments in this group will be discarded.",j),{overlay:!0,overlayOptions:{width:80,maxHeight:"40%"}})}function V$($,q,J,Q){return{render(z){return p($,{width:z,title:" confirm ",titleColor:"error",lines:["",` ${$.bold(q)}`,` ${$.fg("dim",J)}`,""],footer:{hint:" y / enter = remove  ·  n / esc = cancel "}})},invalidate(){},handleInput(z){if(j$().matches(z,"tui.select.cancel")||w(z,"escape")||w(z,"n")||w(z,"q")){Q(!1);return}if(w(z,"y")||w(z,"enter")||w(z,"return")){Q(!0);return}}}}import{getKeybindings as X$,Input as _$,matchesKey as G$}from"@duckmind/dm-tui";function S0($,q){let J=($??"").trim();return J?`${J}-${q}`:q}async function x0($,q){let J=S0(q,"group");return $.ui.custom((Q,z,j,Y)=>U$(Q,z,J,Y),{overlay:!0,overlayOptions:{width:80,maxHeight:"40%"}})}function U$($,q,J,Q){let z=new _$;if(J)z.setValue(J);z.focused=!0;let j=null;return z.onSubmit=(Y)=>{let V=Y.trim();if(!/^[a-z0-9][a-z0-9._-]*$/i.test(V)){j="letters / digits / dot / dash / underscore only",$.requestRender();return}Q(V)},z.onEscape=()=>Q(null),{render(Y){let V=I0(Y),X=J?`name shown in /model picker, e.g. ${J}`:"letters / digits / dot / dash / underscore",G=z.render(V-4),R=["",` ${q.fg("dim",X)}`,"",...G.map((E)=>` ${q.fg("accent",`❯ ${E}`)}`),"",j?` ${q.fg("error",`! ${j}`)}`:""];return p(q,{width:Y,title:" new custom group ",lines:R,footer:{hint:" enter = create  ·  esc = cancel "}})},invalidate(){z.invalidate()},handleInput(Y){if(X$().matches(Y,"tui.select.cancel")||G$(Y,"escape")){Q(null);return}j=null,z.handleInput(Y),$.requestRender()}}}import{visibleWidth as D$}from"@duckmind/dm-tui";function Y0($,q,J){if(!q)return"  ";if(J)return $.fg("accent","▶ ");return $.fg("muted","▸ ")}function L0($,q){let J=D$($);if(J===q)return $;if(J>q)return J0($,q);return A($,q)}function y0($,q,J){let{theme:Q,width:z,isCursor:j,isFocused:Y}=J,V=Y0(Q,j,Y),X=$.kind==="builtin"?q.builtinProviders[$.name]?.models.length??0:q.customProviders[$.name]?.models.length??0,G=$.kind==="builtin"?Q.fg("accent","B"):Q.fg("warning","C"),R=`${Q.fg("dim","[")}${G}${Q.fg("dim","]")}`,E=X>0?Q.fg("success","●"):Q.fg("dim","○"),k=X>0?Q.fg("success",String(X).padStart(2)):Q.fg("dim"," 0"),F=j&&Y?Q.bold(Q.fg("accent",$.name)):j?Q.bold($.name):$.name,I=Q.fg("dim",$.api),T=`${V}${R} ${F}  ${E}${k}  ${I}`;return L0(T,z)}function b0($,q,J,Q){let z=Y0($,q,J),j=q&&J?$.bold($.fg("accent","＋  new custom group…")):$.fg("accent","＋  new custom group…");return A(`${z}${j}`,Q)}function Z0($,q,J,Q,z){let{theme:j,width:Y,isCursor:V,isFocused:X}=z,G=Y0(j,V,X),R=J==="assigned"?j.fg("success","☑"):j.fg("dim","☐"),E=Q?` ${j.fg("warning","⚠")}`:"",k=V&&X?j.fg("accent",$):$,F=q?.reasoning?` ${j.fg("accent","✨")}`:"",I=q?j.fg("muted",` · ${q.suggestedApi}`):j.fg("error"," · not on proxy"),T=`${G}${R}  ${k}${E}${F}${I}`;return L0(T,Y)}function C0($,q,J){let Q=`${$.fg("borderAccent","──")} ${$.fg("warning",q)} ${$.fg("borderAccent","──")}`;return A(`  ${Q}`,J)}function j0($,q,J){return A(`  ${$.fg("dim",q)}`,J)}function n0($,q,J,Q){let z=Q?$.bold($.fg("accent","❚ ")):$.fg("dim","  ");return A(`${z}${q}`,J)}import{visibleWidth as l}from"@duckmind/dm-tui";function a($,q,J){let Q=$.slice(q,q+J);while(Q.length<J)Q.push("");return Q}function s($,q,J,Q,z,j){if(z<=Q)return 0;let Y=Math.max(0,z-Q);if(q<j)return 0;let V=Math.max(0,Math.min(J,Y)),X=V+j;if($<X)V=Math.max(0,$-j);let G=V+Q-1;if(q>G)V=Math.min(Y,q-(Q-1));return V}function a$($){let{tui:q,theme:J,ctx:Q,cfg:z}=$,j=$.onChange??(()=>{}),Y=$0($.getDiscovery()),V=q0(z,Y),X="providers",G=0,R=0,E=0,k=0,F=0,I=0,T="",C=!1,v=()=>{if(V.length===0)return null;let Z=Math.max(0,Math.min(G,V.length-1));return V[Z]??null},V0=(Z)=>{let _=k0(K0(z,Z,Y),Y,T);return P0(_,Y)},d=(Z)=>V0(Z).flatMap((_)=>_.ids),f=()=>{V=q0(z,Y);let Z=Math.max(0,V.length);if(G>Z)G=Z;let _=v();if(_){let M=b(z,_).length,U=d(_).length;if(R>=M)R=Math.max(0,M-1);if(E>=U)E=Math.max(0,U-1)}},w0=()=>{Y=$0($.getDiscovery()),f()},X0=(Z)=>{let _=["providers","assigned","pool"],M=_.indexOf(X);X=Z?_[(M-1+_.length)%_.length]:_[(M+1)%_.length]},m=(Z)=>{if(X==="providers"){let U=V.length+1;G=Math.max(0,Math.min(G+Z,U-1));return}let _=v();if(!_)return;if(X==="assigned"){let U=b(z,_).length;if(U===0)return;R=Math.max(0,Math.min(R+Z,U-1));return}let M=d(_).length;if(M===0)return;E=Math.max(0,Math.min(E+Z,M-1))},v0=async()=>{if(X==="providers"){if(G===V.length){let U=await x0(Q,z.proxy.providerPrefix);if(U&&!z.customProviders[U]){if(z.customProviders[U]={api:"openai-completions",models:[]},j(),f(),G=V.findIndex((O)=>O.kind==="custom"&&O.name===U),G<0)G=V.length-1;X="pool"}q.requestRender();return}X="pool";return}let Z=v();if(!Z)return;if(X==="assigned"){let U=b(z,Z)[R];if(!U)return;H0(z,Z,U),j(),f();return}let _=d(Z)[E];if(!_)return;let M=Y.byId.get(_);if(!M)return;B0(z,Z,M),j(),f()},f0=async()=>{if(X!=="providers")return;let Z=v();if(!Z||Z.kind!=="custom")return;if(!await W0(Q,Z.name)){q.requestRender();return}if(delete z.customProviders[Z.name],j(),f(),G>=V.length)G=Math.max(0,V.length-1);q.requestRender()},g0=(Z,_)=>u0(Z,_);function u0(Z,_){let M=Math.max(70,Z),U=Math.min(56,Math.max(34,Math.floor(M*0.4))),O=M-U-1,W=Math.max(8,_),S=Math.max(5,Math.floor((W-1)/2)),G0=W-S,P=v(),g=0,i=0,r=0,U0=0,t=0,D0=0,L=[];L.push(_0(" providers ",U,X==="providers"));for(let N=0;N<V.length;N++){let B=V[N],K=X==="providers"&&N===G;if(K)g=L.length,i=g;L.push(y0(B,z,{theme:J,width:U,isCursor:K,isFocused:X==="providers"}))}{let N=X==="providers"&&G===V.length;if(N)g=L.length,i=g;L.push(b0(J,N,X==="providers",U))}let y=[],p0=P?`assigned to ${J.bold(P.name)}  ${J.fg("dim",`· ${P.api}`)}`:J.fg("dim","no provider selected");if(y.push(_0(" assigned ",O,X==="assigned")),y.push(n0(J,p0,O,X==="assigned")),P){let N=b(z,P);if(N.length===0)y.push(j0(J,"(nothing assigned yet)",O));for(let B=0;B<N.length;B++){let K=N[B],H=Y.byId.get(K),c=X==="assigned"&&B===R;if(c)r=y.length,U0=r;let n=H?!z0(P.api,H.suggestedApi):!1;y.push(Z0(K,H,"assigned",n,{theme:J,width:O,isCursor:c,isFocused:X==="assigned"}))}}let x=[];if(x.push(m0(O,X==="pool")),P){let N=V0(P);if(N.reduce((K,H)=>K+H.ids.length,0)===0)x.push(j0(J,T?`(no matches for "${T}")`:"(no models available)",O));else{let K=0;for(let H of N){let c=x.length;x.push(C0(J,H.label,O));for(let n=0;n<H.ids.length;n++){let A0=H.ids[n],e=Y.byId.get(A0),T0=X==="pool"&&K===E;if(T0)t=x.length,D0=n===0?c:t;let d0=e?!z0(P.api,e.suggestedApi):!1;x.push(Z0(A0,e,"pool",d0,{theme:J,width:O,isCursor:T0,isFocused:X==="pool"})),K++}}}}let l0=Math.max(1,G0-1),N0=s(i,g,k,W,L.length,1),O0=s(X==="assigned"?U0:0,X==="assigned"?r:0,F,S,y.length,2),E0=s(X==="pool"?D0:0,X==="pool"?t:0,I,l0,x.length,1);k=N0,F=O0,I=E0;let R0=a(L,N0,W),a0=a(y,O0,S),s0=a(x,E0,G0),M0=J.fg("borderAccent","│"),o=[];for(let N=0;N<W;N++){let B=A(R0[N]??"",U),K=N<S?a0[N]:s0[N-S],H=A(K,O);o.push(`${B}${M0}${H}`)}let h=S;if(h>0&&h<W){let N=A(R0[h]??"",U),B=J.fg("borderAccent","─".repeat(O));o[h]=`${N}${M0}${B}`}return o}function _0(Z,_,M){let U=M?J.bold(J.fg("accent",Z)):J.fg("muted",Z),O=J.fg("borderAccent","─".repeat(Math.max(0,_-l(Z)-1)));return A(`${U}${O}`,_)}function m0(Z,_){let U=_?J.bold(J.fg("accent"," available pool ")):J.fg("muted"," available pool "),O="";if(C)O=`${J.fg("dim"," /")}${J.fg("accent",T)}${J.fg("accent","█")} `;else if(T)O=`${J.fg("dim"," /")}${J.fg("warning",T)} `;let W=l(" available pool ")+l(O),S=J.fg("borderAccent","─".repeat(Math.max(0,Z-W-1)));return A(`${U}${O}${S}`,Z)}function h0(Z){if(C){if(D(Z,"escape"))return T="",C=!1,E=0,!0;if(D(Z,"enter")||D(Z,"return"))return C=!1,!0;if(D(Z,"backspace")||D(Z,"delete"))return T=T.slice(0,-1),E=0,!0;if(Z.length===1&&Z>=" "&&Z!=="")return T+=Z,E=0,!0;return!0}if(D(Z,"tab"))return X0(!1),!0;if(D(Z,"shift+tab"))return X0(!0),!0;if(D(Z,"/"))return X="pool",C=!0,!0;if(D(Z,"enter")||D(Z,"return")||D(Z,"space"))return v0().then(()=>!0);if(X==="providers"&&(D(Z,"d")||D(Z,"delete")||D(Z,"backspace")))return f0().then(()=>!0);if(D(Z,"up")||D(Z,"k"))return m(-1),!0;if(D(Z,"down")||D(Z,"j"))return m(1),!0;if(D(Z,"pageUp")||D(Z,"b"))return m(-8),!0;if(D(Z,"pageDown")||D(Z,"f"))return m(8),!0;if(D(Z,"left")||D(Z,"h"))return X="providers",!0;if(D(Z,"right")||D(Z,"l")){if(X==="providers")X="assigned";else if(X==="assigned")X="pool";return!0}return!1}function c0(){if(C)return" type to filter · ↵ apply · esc clear ";return" tab ↔ panel · ↑↓ nav · ↵ move · / filter · d remove group "}return{id:"models",label:"Models",render:g0,handleInput:h0,footerHint:c0,rebuild:w0}}export{a$ as buildModelsView};
+import { matchesKey } from "@duckmind/dm-tui";
+import { buildCatalog } from "../ui-picker/catalog.js";
+import {
+  apiCompatible,
+  assignedIdsFor,
+  attachModel,
+  detachModel,
+  filterModelIds,
+  groupPoolByOwnedBy,
+  poolFor
+} from "../ui-picker/mutate.js";
+import { collectProviders } from "../ui-picker/providers.js";
+import { confirmRemoveProvider } from "../ui-picker/prompt-confirm.js";
+import { promptNewProviderName } from "../ui-picker/prompt-name.js";
+import { pad } from "../ui-picker/render-text.js";
+import {
+  renderEmpty,
+  renderModelRow,
+  renderNewProviderRow,
+  renderPanelHeader,
+  renderProviderRow,
+  renderSubheader
+} from "../ui-picker/rows.js";
+import { clampScroll, takeSlice, visibleWidth } from "./shell.js";
+export function buildModelsView(deps) {
+  const { tui, theme, ctx, cfg } = deps;
+  const onChange = deps.onChange ?? (() => {});
+  let catalog = buildCatalog(deps.getDiscovery());
+  let providers = collectProviders(cfg, catalog);
+  let focus = "providers";
+  let providerCursor = 0;
+  let assignedCursor = 0;
+  let poolCursor = 0;
+  let providerScroll = 0;
+  let assignedScroll = 0;
+  let poolScroll = 0;
+  let filter = "";
+  let filterEditing = false;
+  const selectedProvider = () => {
+    if (providers.length === 0)
+      return null;
+    const idx = Math.max(0, Math.min(providerCursor, providers.length - 1));
+    return providers[idx] ?? null;
+  };
+  const poolGroups = (prov) => {
+    const ids = filterModelIds(poolFor(cfg, prov, catalog), catalog, filter);
+    return groupPoolByOwnedBy(ids, catalog);
+  };
+  const poolOrder = (prov) => poolGroups(prov).flatMap((g) => g.ids);
+  const refresh = () => {
+    providers = collectProviders(cfg, catalog);
+    const maxProv = Math.max(0, providers.length);
+    if (providerCursor > maxProv)
+      providerCursor = maxProv;
+    const prov = selectedProvider();
+    if (prov) {
+      const aLen = assignedIdsFor(cfg, prov).length;
+      const pLen = poolOrder(prov).length;
+      if (assignedCursor >= aLen)
+        assignedCursor = Math.max(0, aLen - 1);
+      if (poolCursor >= pLen)
+        poolCursor = Math.max(0, pLen - 1);
+    }
+  };
+  const rebuild = () => {
+    catalog = buildCatalog(deps.getDiscovery());
+    refresh();
+  };
+  const onTab = (back) => {
+    const order = ["providers", "assigned", "pool"];
+    const i = order.indexOf(focus);
+    focus = back ? order[(i - 1 + order.length) % order.length] : order[(i + 1) % order.length];
+  };
+  const moveCursor = (delta) => {
+    if (focus === "providers") {
+      const total = providers.length + 1;
+      providerCursor = Math.max(0, Math.min(providerCursor + delta, total - 1));
+      return;
+    }
+    const prov = selectedProvider();
+    if (!prov)
+      return;
+    if (focus === "assigned") {
+      const total = assignedIdsFor(cfg, prov).length;
+      if (total === 0)
+        return;
+      assignedCursor = Math.max(0, Math.min(assignedCursor + delta, total - 1));
+      return;
+    }
+    const total = poolOrder(prov).length;
+    if (total === 0)
+      return;
+    poolCursor = Math.max(0, Math.min(poolCursor + delta, total - 1));
+  };
+  const onActivate = async () => {
+    if (focus === "providers") {
+      if (providerCursor === providers.length) {
+        const name = await promptNewProviderName(ctx, cfg.proxy.providerPrefix);
+        if (name && !cfg.customProviders[name]) {
+          cfg.customProviders[name] = { api: "openai-completions", models: [] };
+          onChange();
+          refresh();
+          providerCursor = providers.findIndex((p) => p.kind === "custom" && p.name === name);
+          if (providerCursor < 0)
+            providerCursor = providers.length - 1;
+          focus = "pool";
+        }
+        tui.requestRender();
+        return;
+      }
+      focus = "pool";
+      return;
+    }
+    const prov = selectedProvider();
+    if (!prov)
+      return;
+    if (focus === "assigned") {
+      const id = assignedIdsFor(cfg, prov)[assignedCursor];
+      if (!id)
+        return;
+      detachModel(cfg, prov, id);
+      onChange();
+      refresh();
+      return;
+    }
+    const id = poolOrder(prov)[poolCursor];
+    if (!id)
+      return;
+    const m = catalog.byId.get(id);
+    if (!m)
+      return;
+    attachModel(cfg, prov, m);
+    onChange();
+    refresh();
+  };
+  const onDelete = async () => {
+    if (focus !== "providers")
+      return;
+    const prov = selectedProvider();
+    if (!prov || prov.kind !== "custom")
+      return;
+    const ok = await confirmRemoveProvider(ctx, prov.name);
+    if (!ok) {
+      tui.requestRender();
+      return;
+    }
+    delete cfg.customProviders[prov.name];
+    onChange();
+    refresh();
+    if (providerCursor >= providers.length)
+      providerCursor = Math.max(0, providers.length - 1);
+    tui.requestRender();
+  };
+  const render = (width, height) => renderBody(width, height);
+  function renderBody(width, height) {
+    const inner = Math.max(70, width);
+    const leftW = Math.min(56, Math.max(34, Math.floor(inner * 0.4)));
+    const rightW = inner - leftW - 1;
+    const bodyH = Math.max(8, height);
+    const upperH = Math.max(5, Math.floor((bodyH - 1) / 2));
+    const lowerH = bodyH - upperH;
+    const prov = selectedProvider();
+    let leftCursorLine = 0;
+    let leftCursorTop = 0;
+    let assignedCursorLine = 0;
+    let assignedCursorTop = 0;
+    let poolCursorLine = 0;
+    let poolCursorTop = 0;
+    const leftLines = [];
+    leftLines.push(panelHeaderBar(" providers ", leftW, focus === "providers"));
+    for (let i = 0;i < providers.length; i++) {
+      const p = providers[i];
+      const isCursor = focus === "providers" && i === providerCursor;
+      if (isCursor) {
+        leftCursorLine = leftLines.length;
+        leftCursorTop = leftCursorLine;
+      }
+      leftLines.push(renderProviderRow(p, cfg, {
+        theme,
+        width: leftW,
+        isCursor,
+        isFocused: focus === "providers"
+      }));
+    }
+    {
+      const isCursor = focus === "providers" && providerCursor === providers.length;
+      if (isCursor) {
+        leftCursorLine = leftLines.length;
+        leftCursorTop = leftCursorLine;
+      }
+      leftLines.push(renderNewProviderRow(theme, isCursor, focus === "providers", leftW));
+    }
+    const assignedLines = [];
+    const assignedHeader = prov ? `assigned to ${theme.bold(prov.name)}  ${theme.fg("dim", `· ${prov.api}`)}` : theme.fg("dim", "no provider selected");
+    assignedLines.push(panelHeaderBar(" assigned ", rightW, focus === "assigned"));
+    assignedLines.push(renderPanelHeader(theme, assignedHeader, rightW, focus === "assigned"));
+    if (prov) {
+      const ids = assignedIdsFor(cfg, prov);
+      if (ids.length === 0)
+        assignedLines.push(renderEmpty(theme, "(nothing assigned yet)", rightW));
+      for (let i = 0;i < ids.length; i++) {
+        const id = ids[i];
+        const m = catalog.byId.get(id);
+        const isCursor = focus === "assigned" && i === assignedCursor;
+        if (isCursor) {
+          assignedCursorLine = assignedLines.length;
+          assignedCursorTop = assignedCursorLine;
+        }
+        const compatWarn = m ? !apiCompatible(prov.api, m.suggestedApi) : false;
+        assignedLines.push(renderModelRow(id, m, "assigned", compatWarn, {
+          theme,
+          width: rightW,
+          isCursor,
+          isFocused: focus === "assigned"
+        }));
+      }
+    }
+    const poolLines = [];
+    poolLines.push(poolHeaderBar(rightW, focus === "pool"));
+    if (prov) {
+      const groups = poolGroups(prov);
+      const flatCount = groups.reduce((n, g) => n + g.ids.length, 0);
+      if (flatCount === 0) {
+        poolLines.push(renderEmpty(theme, filter ? `(no matches for "${filter}")` : "(no models available)", rightW));
+      } else {
+        let cursorIdx = 0;
+        for (const grp of groups) {
+          const groupHeaderLine = poolLines.length;
+          poolLines.push(renderSubheader(theme, grp.label, rightW));
+          for (let gi = 0;gi < grp.ids.length; gi++) {
+            const id = grp.ids[gi];
+            const m = catalog.byId.get(id);
+            const isCursor = focus === "pool" && cursorIdx === poolCursor;
+            if (isCursor) {
+              poolCursorLine = poolLines.length;
+              poolCursorTop = gi === 0 ? groupHeaderLine : poolCursorLine;
+            }
+            const compatWarn = m ? !apiCompatible(prov.api, m.suggestedApi) : false;
+            poolLines.push(renderModelRow(id, m, "pool", compatWarn, {
+              theme,
+              width: rightW,
+              isCursor,
+              isFocused: focus === "pool"
+            }));
+            cursorIdx++;
+          }
+        }
+      }
+    }
+    const poolUsableH = Math.max(1, lowerH - 1);
+    const leftScroll = clampScroll(leftCursorTop, leftCursorLine, providerScroll, bodyH, leftLines.length, 1);
+    const aScroll = clampScroll(focus === "assigned" ? assignedCursorTop : 0, focus === "assigned" ? assignedCursorLine : 0, assignedScroll, upperH, assignedLines.length, 2);
+    const pScroll = clampScroll(focus === "pool" ? poolCursorTop : 0, focus === "pool" ? poolCursorLine : 0, poolScroll, poolUsableH, poolLines.length, 1);
+    providerScroll = leftScroll;
+    assignedScroll = aScroll;
+    poolScroll = pScroll;
+    const leftSlice = takeSlice(leftLines, leftScroll, bodyH);
+    const aSlice = takeSlice(assignedLines, aScroll, upperH);
+    const pSlice = takeSlice(poolLines, pScroll, lowerH);
+    const vsplit = theme.fg("borderAccent", "│");
+    const out = [];
+    for (let i = 0;i < bodyH; i++) {
+      const l = pad(leftSlice[i] ?? "", leftW);
+      const rRaw = i < upperH ? aSlice[i] : pSlice[i - upperH];
+      const r = pad(rRaw, rightW);
+      out.push(`${l}${vsplit}${r}`);
+    }
+    const divIdx = upperH;
+    if (divIdx > 0 && divIdx < bodyH) {
+      const left = pad(leftSlice[divIdx] ?? "", leftW);
+      const horiz = theme.fg("borderAccent", "─".repeat(rightW));
+      out[divIdx] = `${left}${vsplit}${horiz}`;
+    }
+    return out;
+  }
+  function panelHeaderBar(label, width, isFocused) {
+    const bar = isFocused ? theme.bold(theme.fg("accent", label)) : theme.fg("muted", label);
+    const fill = theme.fg("borderAccent", "─".repeat(Math.max(0, width - visibleWidth(label) - 1)));
+    return pad(`${bar}${fill}`, width);
+  }
+  function poolHeaderBar(width, isFocused) {
+    const label = " available pool ";
+    const bar = isFocused ? theme.bold(theme.fg("accent", label)) : theme.fg("muted", label);
+    let filterChip = "";
+    if (filterEditing) {
+      filterChip = `${theme.fg("dim", " /")}${theme.fg("accent", filter)}${theme.fg("accent", "█")} `;
+    } else if (filter) {
+      filterChip = `${theme.fg("dim", " /")}${theme.fg("warning", filter)} `;
+    }
+    const used = visibleWidth(label) + visibleWidth(filterChip);
+    const fill = theme.fg("borderAccent", "─".repeat(Math.max(0, width - used - 1)));
+    return pad(`${bar}${filterChip}${fill}`, width);
+  }
+  function handleInput(data) {
+    if (filterEditing) {
+      if (matchesKey(data, "escape")) {
+        filter = "";
+        filterEditing = false;
+        poolCursor = 0;
+        return true;
+      }
+      if (matchesKey(data, "enter") || matchesKey(data, "return")) {
+        filterEditing = false;
+        return true;
+      }
+      if (matchesKey(data, "backspace") || matchesKey(data, "delete")) {
+        filter = filter.slice(0, -1);
+        poolCursor = 0;
+        return true;
+      }
+      if (data.length === 1 && data >= " " && data !== "") {
+        filter += data;
+        poolCursor = 0;
+        return true;
+      }
+      return true;
+    }
+    if (matchesKey(data, "tab")) {
+      onTab(false);
+      return true;
+    }
+    if (matchesKey(data, "shift+tab")) {
+      onTab(true);
+      return true;
+    }
+    if (matchesKey(data, "/")) {
+      focus = "pool";
+      filterEditing = true;
+      return true;
+    }
+    if (matchesKey(data, "enter") || matchesKey(data, "return") || matchesKey(data, "space")) {
+      return onActivate().then(() => true);
+    }
+    if (focus === "providers" && (matchesKey(data, "d") || matchesKey(data, "delete") || matchesKey(data, "backspace"))) {
+      return onDelete().then(() => true);
+    }
+    if (matchesKey(data, "up") || matchesKey(data, "k")) {
+      moveCursor(-1);
+      return true;
+    }
+    if (matchesKey(data, "down") || matchesKey(data, "j")) {
+      moveCursor(1);
+      return true;
+    }
+    if (matchesKey(data, "pageUp") || matchesKey(data, "b")) {
+      moveCursor(-8);
+      return true;
+    }
+    if (matchesKey(data, "pageDown") || matchesKey(data, "f")) {
+      moveCursor(8);
+      return true;
+    }
+    if (matchesKey(data, "left") || matchesKey(data, "h")) {
+      focus = "providers";
+      return true;
+    }
+    if (matchesKey(data, "right") || matchesKey(data, "l")) {
+      if (focus === "providers")
+        focus = "assigned";
+      else if (focus === "assigned")
+        focus = "pool";
+      return true;
+    }
+    return false;
+  }
+  function footerHint() {
+    if (filterEditing)
+      return " type to filter · ↵ apply · esc clear ";
+    return " tab ↔ panel · ↑↓ nav · ↵ move · / filter · d remove group ";
+  }
+  return {
+    id: "models",
+    label: "Models",
+    render,
+    handleInput,
+    footerHint,
+    rebuild
+  };
+}

package/extensions/dm-cliproxy/src/ui-hub/view-usage.js

@@ -1 +1,106 @@
-import{matchesKey as q}from"@duckmind/dm-tui";import{execSync as p}from"node:child_process";import{homedir as D}from"node:os";import{dirname as V0,join as G}from"node:path";var L=!1;var R={info(...J){if(!L)console.log("[dm-cliproxy]",...J)},warn(...J){if(!L)console.warn("[dm-cliproxy]",...J)},error(...J){if(!L)console.error("[dm-cliproxy]",...J)},debug(...J){if(!L&&(process.env.DM_CLIPROXY_DEBUG||process.env.PI_CLIPROXYAPI_DEBUG))console.log("[dm-cliproxy]","[debug]",...J)}};var k=G(D(),".dm","agent","dm-cliproxy"),Z0=G(k,"config.json"),X0=[G(D(),".pi","agent","pi-cliproxyapi","config.json"),G(D(),".config","pi-cliproxyapi","config.json")];function T(J){if(!J)return"";let $=J.trim();if($.startsWith("!"))try{return p($.slice(1),{encoding:"utf8",stdio:["ignore","pipe","pipe"]}).trim()}catch(Q){let Z=Q?.status,Y=typeof Z==="number"?` (exit ${Z})`:"";return R.warn(`failed to resolve "!" config value${Y}`),""}if($.startsWith("$"))return process.env[$.slice(1)]??"";return $}import{dirname as A0,join as y}from"node:path";var R0=y(k,"discovery-cache.json");var I="dm-cliproxy/0.3.5";var f=15000,W=null;function _(){W=null}async function F(J,$,Q={}){if(!Q.force&&W&&Date.now()-W.fetchedAt<J.usageCacheTtlMs)return W.doc;if(!$)throw Error("usage key not configured; set proxy.usageKey in config and rerun");let Z=new URL("/api/usage",new URL(J.proxy.endpoint).origin).toString(),Y=new AbortController,j=setTimeout(()=>Y.abort(Error("timeout")),f),z;try{z=await fetch(Z,{headers:{"X-Plugin-Key":$,Accept:"application/json","User-Agent":I},signal:Y.signal})}finally{clearTimeout(j)}if(!z.ok)throw Error(`/api/usage returned ${z.status}`);let X=await z.json();if(!X||X.schemaVersion!==1||!Array.isArray(X.accounts))throw Error("/api/usage returned unexpected payload shape");return W={fetchedAt:Date.now(),doc:X},R.debug("usage fetched, accounts:",X.accounts.length),X}import{visibleWidth as N}from"@duckmind/dm-tui";function K(J,$){let Q=N(J);if(Q===$)return J;if(Q<$)return J+" ".repeat($-Q);return h(J,$)}function h(J,$){if($<=0)return"\x1B[0m";let Q="",Z=0,Y=0;while(Y<J.length){let j=J[Y];if(j==="\x1B"&&J[Y+1]==="["){let X=J.indexOf("m",Y+2);if(X>=0){Q+=J.slice(Y,X+1),Y=X+1;continue}}let z=N(j);if(Z+z>$)break;Q+=j,Z+=z,Y++}return`${Q}\x1B[0m`}var V={reset:"\x1B[0m",bold:"\x1B[1m",dim:"\x1B[2m",accent:"\x1B[38;5;111m",muted:"\x1B[38;5;245m",dim2:"\x1B[38;5;240m",green:"\x1B[38;5;114m",yellow:"\x1B[38;5;179m",red:"\x1B[38;5;167m",greenBg:"\x1B[48;5;22m",yellowBg:"\x1B[48;5;94m",redBg:"\x1B[48;5;52m"};function w(J,$={}){let Q=[],Z=new Map,Y=0;for(let j of J.accounts){if(!$.showDisabled&&j.disabled){Y++;continue}let z=Z.get(j.provider)??[];z.push(j),Z.set(j.provider,z)}if(Q.push(`${V.dim}generated ${J.generatedAt}${V.reset}`),J.unsupportedProviders.length>0)Q.push(`${V.dim}providers without quota lookup:${V.reset} ${J.unsupportedProviders.join(", ")}`);if(Y>0)Q.push(`${V.dim}hidden disabled accounts:${V.reset} ${Y} ${V.dim2}(press d to show)${V.reset}`);for(let[j,z]of Array.from(Z.entries()).sort()){Q.push(""),Q.push(`${V.bold}${V.accent}▌ ${j}${V.reset}`);for(let X of z){if(Q.push(c(X)),!X.supported){Q.push(`    ${V.dim2}(provider not quota-aware)${V.reset}`);continue}if(X.error){if($.verbose)for(let A of r(X.error,88))Q.push(`    ${V.red}${A}${V.reset}`);continue}let H=X.groups??[];if(H.length===0){Q.push(`    ${V.dim2}(no active quota windows)${V.reset}`);continue}for(let A of H)Q.push(d(A))}}return Q.push(""),Q.push(`${V.dim}legend:${V.reset}  ${S} ok   ${v} error/unavailable   ${n} disabled   ${V.green}✓N${V.reset}/${V.red}✗N${V.reset} request counters   ${V.dim}v = verbose, d = show disabled${V.reset}`),Q}function r(J,$){if(J.length<=$)return[J];let Q=[],Z=J;while(Z.length>$){let Y=Z.lastIndexOf(" ",$);if(Y<$*0.6)Y=$;Q.push(Z.slice(0,Y)),Z=Z.slice(Y).replace(/^\s+/,"")}if(Z)Q.push(Z);return Q}function c(J){let $=l(J),Q=`${V.green}✓${J.success}${V.reset} ${V.red}✗${J.failed}${V.reset}`,Z=u(J.label,36);return`  ${$} ${V.bold}${Z}${V.reset}  ${Q}`}var S=`${V.green}●${V.reset}`,v=`${V.yellow}⚠${V.reset}`,n=`${V.dim2}⊘${V.reset}`;function l(J){if(J.disabled)return n;if(J.unavailable||J.error||J.status&&J.status!=="active")return v;return S}function d(J){let $=b(J.remainingFraction),Q=Math.round($*100),Z=o($),Y=J.resetTime?`  ${V.dim}reset ${i(J.resetTime)}${V.reset}`:"",j=u(J.label,28).padEnd(28," ");return`    ${Z} ${m(Q,$)}  ${j}${Y}`}function o(J){let $=b(J),Q=Math.round($*18),Z=x($),Y=V.dim2,j="█".repeat(Q),z="░".repeat(18-Q);return`${Y}[${Z}${j}${Y}${z}]${V.reset}`}function m(J,$){return`${x($)}${String(J).padStart(3)}%${V.reset}`}function x(J){if(J>=0.4)return V.green;if(J>=0.15)return V.yellow;return V.red}function i(J){let $=Date.parse(J);if(!Number.isFinite($))return J;let Q=$-Date.now();if(Q<=0)return"now";let Z=Math.round(Q/60000);if(Z<60)return`${Z}m`;let Y=Math.round(Z/60);if(Y<48)return`${Y}h`;return`${Math.round(Y/24)}d`}function b(J){return Math.max(0,Math.min(1,J))}function u(J,$){if(J.length<=$)return J;return`${J.slice(0,$-1)}…`}import{visibleWidth as u0}from"@duckmind/dm-tui";function C(J,$,Q){let Z=J.slice($,$+Q);while(Z.length<Q)Z.push("");return Z}function P(J,$,Q){let Z=Math.max(0,Q-$);return Math.max(0,Math.min(J,Z))}function c0(J){let{tui:$,theme:Q,cfg:Z}=J,Y="idle",j=null,z="",X=0,H=!1,A=!1,B=(M)=>{Y="loading",$.requestRender();let E=T(Z.proxy.usageKey);F(Z,E,{force:M}).then((U)=>{j=U,Y="ready",X=0,$.requestRender()}).catch((U)=>{z=U.message,Y="error",$.requestRender()})},O=()=>{if(Y==="idle"||Y==="loading")return[Q.fg("dim","  loading usage…")];if(Y==="error")return[Q.fg("error",`  usage failed: ${z}`)];if(!j)return[Q.fg("dim","  (no data)")];return w(j,{showDisabled:H,verbose:A})};return{id:"usage",label:"Usage",render:(M,E)=>{let U=O();return X=P(X,E,U.length),C(U,X,E).map((g)=>K(` ${g}`,M))},handleInput:(M)=>{if(q(M,"d"))return H=!H,X=0,!0;if(q(M,"v"))return A=!A,X=0,!0;let E=O().length;if(q(M,"up")||q(M,"k"))return X=Math.max(0,X-1),!0;if(q(M,"down")||q(M,"j"))return X=Math.min(Math.max(0,E-1),X+1),!0;if(q(M,"pageUp")||q(M,"b"))return X=Math.max(0,X-10),!0;if(q(M,"pageDown")||q(M,"f"))return X=Math.min(Math.max(0,E-1),X+10),!0;if(q(M,"home")||q(M,"g"))return X=0,!0;if(q(M,"end")||q(M,"shift+g"))return X=Math.max(0,E-1),!0;return!1},footerHint:()=>{let M=H?Q.fg("success","[d disabled]"):"d disabled",E=A?Q.fg("success","[v verbose]"):"v verbose";return` ↑↓ scroll · ${M} · ${E} `},onActivate:()=>{if(Y==="idle")B(!1)},reload:()=>{if(_(),Y!=="idle")B(!0)}}}export{c0 as buildUsageView};
+import { matchesKey } from "@duckmind/dm-tui";
+import { resolveConfigValue } from "../config.js";
+import {
+  clearUsageCache,
+  fetchUsage
+} from "../fetch-usage.js";
+import { pad } from "../ui-picker/render-text.js";
+import { renderUsage } from "../ui-usage.js";
+import { clampOffset, takeSlice } from "./shell.js";
+export function buildUsageView(deps) {
+  const { tui, theme, cfg } = deps;
+  let status = "idle";
+  let doc = null;
+  let errMsg = "";
+  let offset = 0;
+  let showDisabled = false;
+  let verbose = false;
+  const load = (force) => {
+    status = "loading";
+    tui.requestRender();
+    const usageKey = resolveConfigValue(cfg.proxy.usageKey);
+    fetchUsage(cfg, usageKey, { force }).then((d) => {
+      doc = d;
+      status = "ready";
+      offset = 0;
+      tui.requestRender();
+    }).catch((e) => {
+      errMsg = e.message;
+      status = "error";
+      tui.requestRender();
+    });
+  };
+  const lines = () => {
+    if (status === "idle" || status === "loading")
+      return [theme.fg("dim", "  loading usage…")];
+    if (status === "error")
+      return [theme.fg("error", `  usage failed: ${errMsg}`)];
+    if (!doc)
+      return [theme.fg("dim", "  (no data)")];
+    return renderUsage(doc, { showDisabled, verbose });
+  };
+  const render = (width, height) => {
+    const body = lines();
+    offset = clampOffset(offset, height, body.length);
+    return takeSlice(body, offset, height).map((ln) => pad(` ${ln}`, width));
+  };
+  const handleInput = (data) => {
+    if (matchesKey(data, "d")) {
+      showDisabled = !showDisabled;
+      offset = 0;
+      return true;
+    }
+    if (matchesKey(data, "v")) {
+      verbose = !verbose;
+      offset = 0;
+      return true;
+    }
+    const total = lines().length;
+    if (matchesKey(data, "up") || matchesKey(data, "k")) {
+      offset = Math.max(0, offset - 1);
+      return true;
+    }
+    if (matchesKey(data, "down") || matchesKey(data, "j")) {
+      offset = Math.min(Math.max(0, total - 1), offset + 1);
+      return true;
+    }
+    if (matchesKey(data, "pageUp") || matchesKey(data, "b")) {
+      offset = Math.max(0, offset - 10);
+      return true;
+    }
+    if (matchesKey(data, "pageDown") || matchesKey(data, "f")) {
+      offset = Math.min(Math.max(0, total - 1), offset + 10);
+      return true;
+    }
+    if (matchesKey(data, "home") || matchesKey(data, "g")) {
+      offset = 0;
+      return true;
+    }
+    if (matchesKey(data, "end") || matchesKey(data, "shift+g")) {
+      offset = Math.max(0, total - 1);
+      return true;
+    }
+    return false;
+  };
+  const footerHint = () => {
+    const d = showDisabled ? theme.fg("success", "[d disabled]") : "d disabled";
+    const v = verbose ? theme.fg("success", "[v verbose]") : "v verbose";
+    return ` ↑↓ scroll · ${d} · ${v} `;
+  };
+  return {
+    id: "usage",
+    label: "Usage",
+    render,
+    handleInput,
+    footerHint,
+    onActivate: () => {
+      if (status === "idle")
+        load(false);
+    },
+    reload: () => {
+      clearUsageCache();
+      if (status !== "idle")
+        load(true);
+    }
+  };
+}

package/extensions/dm-cliproxy/src/ui-picker/catalog.js

@@ -1 +1,41 @@
-function B(q){let k=new Map,x=new Map;for(let g of q.builtinProviders){let A=[];for(let j of g.models)k.set(j.id,{id:j.id,name:j.name,suggestedApi:g.api,subtitle:j.name&&j.name!==j.id?j.name:void 0,ownedBy:g.name,reasoning:j.reasoning,contextWindow:j.contextWindow,maxTokens:j.maxTokens,cost:j.cost}),A.push(j.id);x.set(g.name,A)}let z=[];for(let g of q.customPool){if(!k.has(g.id))k.set(g.id,{id:g.id,name:g.name,suggestedApi:g.api,subtitle:g.name&&g.name!==g.id?g.name:void 0,origin:g.suggestedProvider,ownedBy:g.ownedBy,reasoning:g.reasoning,contextWindow:g.contextWindow,maxTokens:g.maxTokens,cost:g.cost});z.push(g.id)}return{byId:k,builtinModelIds:x,customPoolIds:z}}export{B as buildCatalog};
+export function buildCatalog(discovery) {
+  const byId = new Map;
+  const builtinModelIds = new Map;
+  for (const p of discovery.builtinProviders) {
+    const ids = [];
+    for (const m of p.models) {
+      byId.set(m.id, {
+        id: m.id,
+        name: m.name,
+        suggestedApi: p.api,
+        subtitle: m.name && m.name !== m.id ? m.name : undefined,
+        ownedBy: p.name,
+        reasoning: m.reasoning,
+        contextWindow: m.contextWindow,
+        maxTokens: m.maxTokens,
+        cost: m.cost
+      });
+      ids.push(m.id);
+    }
+    builtinModelIds.set(p.name, ids);
+  }
+  const customPoolIds = [];
+  for (const m of discovery.customPool) {
+    if (!byId.has(m.id)) {
+      byId.set(m.id, {
+        id: m.id,
+        name: m.name,
+        suggestedApi: m.api,
+        subtitle: m.name && m.name !== m.id ? m.name : undefined,
+        origin: m.suggestedProvider,
+        ownedBy: m.ownedBy,
+        reasoning: m.reasoning,
+        contextWindow: m.contextWindow,
+        maxTokens: m.maxTokens,
+        cost: m.cost
+      });
+    }
+    customPoolIds.push(m.id);
+  }
+  return { byId, builtinModelIds, customPoolIds };
+}