@botconnector/bccli 0.5.4 → 0.5.5

package/branding.mjs

@@ -7,6 +7,7 @@ import { fileURLToPath } from 'node:url'
 import { homedir } from 'node:os'
 import { BCCLI_PROVIDER_COMMAND } from './provider-command.mjs'
 import { BCCLI_PROVIDER_DIALOG } from './provider-dialog.mjs'
+import { BCCLI_MODEL_DIALOG } from './model-dialog.mjs'
 
 const VERSION = '0.26.3'
 const SOURCE_HASHES = Object.freeze({
@@ -32,7 +33,7 @@ const SOURCE_HASHES = Object.freeze({
   'chunks/chunk-B3ZFUGTC.js': 'f3f57aafbaeab56ca58f5d3173751d30e5fef815aeaf8dc9b46e6ea9e85eb528',
   'chunks/chunk-GGVWG4SI.js': '945c7f4e9b3697003c165b7bc5d007c9b87140d1fad7be084d7b253d8d2b476c',
 })
-const BRAND_REVISION = 'bccli-20261031-opentui-provider-fallback-v17'
+const BRAND_REVISION = 'bccli-20261031-model-picker-search-v18'
 // Deliberately not Qwen's blue→purple→rose gradient. BotConnector-facing
 // coding CLI uses a distinct teal→green→amber palette in dark/light themes.
 export const BCCLI_COLORS = Object.freeze(['#00AFA0', '#22C55E', '#EAB308'])
@@ -67,9 +68,9 @@ function replaceOnce(text, oldValue, newValue, label) {
 // Embedded slash commands are part of the upstream renderer bundle. BCCLI's
 // Gateway owns authentication and release management, so those commands must
 // not open arbitrary upstream provider settings or invoke the upstream npm /
-// standalone auto-updater. /model intentionally stays upstream-owned: the
-// interactive picker is fed by the gateway catalog that BCCLI writes into the
-// session's modelProviders (see dialog-models.mjs).
+// standalone auto-updater. /model keeps the upstream command, but its primary
+// picker is BCCLI's searchable dialog (see model-dialog.mjs); the auxiliary
+// pickers stay upstream-owned.
 export function guardUpstreamProviderCommands(text) {
   const replacements = [
     {
@@ -198,6 +199,23 @@ function renameProductLanguage(text) {
   return out
 }
 
+// The upstream Select Model list cannot be filtered and the gateway catalog is
+// long, so the primary picker becomes BCCLI's searchable one. The auxiliary
+// pickers (fast / vision / voice / compaction / image / advisor) keep the
+// upstream implementation, which owns their eligibility and persistence rules;
+// the BCCLI component delegates to it for those modes.
+export function patchModelDialog(text) {
+  const renamed = replaceExactly(text,
+    'function ModelDialog(',
+    'function UpstreamModelDialog(',
+    1,
+    'model picker upstream rename')
+  return replaceOnce(renamed,
+    'function UpstreamModelDialog(',
+    BCCLI_MODEL_DIALOG + '\nfunction UpstreamModelDialog(',
+    'model picker BCCLI search dialog')
+}
+
 export function patchUiChunk(file, text) {
   if (file === 'chunks/chunk-Y6HHV4LC.js') {
     // Keep both context formats available and prioritize the vendor-neutral
@@ -298,6 +316,7 @@ export function patchUiChunk(file, text) {
       throw Error('BCCLI arrow-key provider dialog locator changed upstream.')
     }
     if (start >= 0) result = result.slice(0,start) + BCCLI_PROVIDER_DIALOG + result.slice(end)
+    result = patchModelDialog(result)
     return renameProductLanguage(result)
   }
   if (file === 'chunks/start-opentui-ui-Q34XCEMN.js') {

package/dialog-models.mjs

@@ -1,9 +1,9 @@
 // The upstream /model picker lists models from settings.modelProviders. BCCLI's
 // engine can only reach the parent-owned loopback proxy, so publish the live
 // gateway catalog into the per-provider QWEN_HOME as one OpenAI-compatible
-// provider. The picker itself stays upstream-owned (arrow keys, search,
-// --global/--project and one-off prompts); BCCLI only supplies the eligible
-// model set and reads back the persisted selection.
+// provider. BCCLI only supplies the eligible model set and reads back the
+// persisted selection: the primary picker is BCCLI's own searchable dialog
+// (see model-dialog.mjs), while the auxiliary pickers stay upstream-owned.
 import { lstatSync, mkdirSync, readFileSync, renameSync, rmSync, writeFileSync } from 'node:fs'
 import { randomBytes } from 'node:crypto'
 import { join } from 'node:path'

package/model-dialog.mjs

@@ -0,0 +1,130 @@
+// BCCLI-owned model picker, injected into the locked upstream `ModelDialog`
+// slot. The upstream dialog renders one flat numbered list with no way to type
+// a name, while the gateway catalog is long; this replacement adds the same
+// search row BCCLI's provider picker already ships.
+//
+// Only the primary model goes through this picker. The auxiliary dialogs
+// (fast / vision / voice / compaction / image / advisor) keep the upstream
+// implementation, because they own per-mode eligibility and persistence rules
+// that this picker must not re-implement.
+//
+// Runtime identifiers are the aliases the surrounding engine chunk already
+// uses for this region: import_react31 for hooks, import_jsx_runtime36 for jsx.
+export const BCCLI_MODEL_DIALOG = String.raw`function BccliModelPicker(props){
+  const config=useConfig();
+  const [models,setModels]=(0,import_react31.useState)([]);
+  const [search,setSearch]=(0,import_react31.useState)("");
+  const [editing,setEditing]=(0,import_react31.useState)(false);
+  const [cursor,setCursor]=(0,import_react31.useState)(0);
+  const [message,setMessage]=(0,import_react31.useState)("");
+  const [busy,setBusy]=(0,import_react31.useState)(false);
+  const [active,setActive]=(0,import_react31.useState)(config.getModel?.()||"");
+  const base=process.env.OPENAI_BASE_URL||"";
+  const token=process.env.OPENAI_API_KEY||"";
+  const request=async(path,options={})=>{
+    if(!/^http:\/\/127\.0\.0\.1:[0-9]{1,5}\/v1$/.test(base)||!token) throw Error("Local provider session unavailable");
+    const result=await fetch(base+path,{method:options.method||"GET",
+      headers:{Authorization:"Bearer "+token,Accept:"application/json",...(options.body?{"Content-Type":"application/json"}:{})},
+      ...(options.body?{body:JSON.stringify(options.body)}:{}),
+      redirect:"error",signal:AbortSignal.timeout(12000)});
+    const json=await result.json().catch(()=>null);
+    if(!result.ok)throw Error(json?.error||"Provider request failed");
+    return json;
+  };
+  (0,import_react31.useEffect)(()=>{
+    let mounted=true;
+    request("/models").then(value=>{
+      if(!mounted)return;
+      const ids=[...new Set((Array.isArray(value?.data)?value.data:[]).map(x=>x?.id).filter(x=>typeof x==="string"))].sort();
+      setModels(ids);
+      setActive(config.getModel?.()||"");
+    }).catch(()=>{if(mounted)setMessage("Could not read the model catalog from the local BCCLI gateway.")});
+    return()=>{mounted=false};
+  },[]);
+  const needle=search.trim().toLowerCase();
+  const filtered=needle?models.filter(x=>x.toLowerCase().includes(needle)):models;
+  const count=filtered.length;
+  const at=count?Math.min(cursor,count-1):0;
+  const searchRow="🔎 Search model: "+(search||"(all)")+(editing?" █":"   [Enter to search]");
+  // Switching keeps the loopback proxy: setModel refreshes the live content
+  // generator, then the gateway records the choice for the next launch. If the
+  // record fails, the previous model is restored so the dialog never lies.
+  const choose=async(id)=>{
+    if(busy)return;
+    setBusy(true);setMessage("");
+    const previous=config.getModel?.();
+    try{
+      await config.setModel(id,{reason:"bccli-gateway-model-picker"});
+      if(config.getModel?.()!==id)throw Error("Model switch did not take effect");
+      try{
+        const providers=await request("/bccli/providers");
+        await request("/bccli/provider/switch",{method:"POST",
+          body:{action:"user-selected-provider",provider:providers.active,model:id}});
+      }catch{
+        if(previous&&previous!==id)await config.setModel(previous,{reason:"bccli-gateway-model-picker-rollback"}).catch(()=>{});
+        throw Error("Model selection was not saved");
+      }
+      setActive(id);
+      props.onClose?.();
+    }catch(error){
+      setMessage(String(error?.message||"Model selection failed"));
+    }finally{setBusy(false)}
+  };
+  useKeypress(key=>{
+    if(busy)return;
+    if(key.name==="escape"){
+      if(editing){setEditing(false);return}
+      if(search){setSearch("");setCursor(0);return}
+      props.onClose?.();return;
+    }
+    if(key.ctrl&&key.name==="f"||key.sequence==="/"&&!key.ctrl&&!key.meta){
+      setEditing(true);return;
+    }
+    if(key.name==="up"||key.ctrl&&key.name==="p"){setEditing(false);setCursor(Math.max(0,at-1));return}
+    if(key.name==="down"||key.ctrl&&key.name==="n"){setEditing(false);setCursor(Math.min(Math.max(0,count-1),at+1));return}
+    if(key.name==="backspace"||key.name==="delete"){
+      if(editing){setSearch(s=>s.slice(0,-1));setCursor(0)}
+      return;
+    }
+    if(key.ctrl&&key.name==="u"){setSearch("");setCursor(0);setEditing(true);return}
+    if(key.name==="return"){
+      const picked=filtered[at];
+      if(picked)void choose(picked);
+      return;
+    }
+    if(!key.ctrl&&!key.meta){
+      const incoming=String(key.sequence||"");
+      if(incoming&&incoming.length<=128&&/^[a-zA-Z0-9._:/+ -]+$/.test(incoming)){
+        setSearch(s=>(s+incoming).slice(0,64));setEditing(true);setCursor(0);
+      }
+    }
+  },{isActive:true});
+  const start=Math.max(0,Math.min(at-4,Math.max(0,count-10)));
+  const visible=filtered.slice(start,start+10);
+  const title="BCCLI | Select model"+(props.persistScope==="workspace"?" (this project)":props.persistScope==="user"?" (global)":"");
+  return (0,import_jsx_runtime36.jsxs)(Box_default,{borderStyle:"round",borderColor:theme?.border?.default,
+    flexDirection:"column",padding:1,width:"100%",children:[
+    (0,import_jsx_runtime36.jsx)(Text,{bold:true,children:title}),
+    (0,import_jsx_runtime36.jsx)(Text,{color:theme.text.secondary,children:models.length?
+      "Search models ("+count+"/"+models.length+") · type to filter · Esc clears the search, then closes":
+      "Loading the provider model catalog..."}),
+    (0,import_jsx_runtime36.jsx)(Text,{color:editing?theme.text.link:theme.text.secondary,children:searchRow}),
+    ...(visible.length?visible.map((label,index)=>{
+      const absolute=start+index,focused=absolute===at;
+      return (0,import_jsx_runtime36.jsx)(Box_default,{
+        children:(0,import_jsx_runtime36.jsx)(Text,{bold:focused,color:focused?theme.text.link:theme.text.primary,
+          children:(focused?"❯ ":"  ")+label+(label===active?"  [ACTIVE]":"")})},String(absolute))
+    }):[(0,import_jsx_runtime36.jsx)(Text,{color:theme.text.secondary,
+      children:models.length?"No models match the search. Backspace to adjust.":(busy?"Switching model...":"Loading...")},"empty")]),
+    (0,import_jsx_runtime36.jsx)(Text,{color:theme.text.secondary,
+      children:(count?(Math.min(start+1,count)+"-"+(start+visible.length)+" of "+count+"  |  "):"")+
+      "↑↓ navigate · Enter select · / search · Ctrl+U clear · Backspace edit · Esc close"}),
+    message?(0,import_jsx_runtime36.jsx)(Text,{color:theme.status.error,children:message}):null,
+    (0,import_jsx_runtime36.jsx)(Text,{color:theme.text.secondary,children:"Active model: "+(active||"(unknown)")})
+  ]})
+}
+function ModelDialog(props){
+  const auxiliary=props.isFastModelMode||props.isAdvisorModelMode||props.isVoiceModelMode||props.isVisionModelMode||props.isCompactionModelMode||props.isImageModelMode;
+  if(auxiliary)return (0,import_jsx_runtime36.jsx)(UpstreamModelDialog,props);
+  return (0,import_jsx_runtime36.jsx)(BccliModelPicker,props);
+}`;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@botconnector/bccli",
-  "version": "0.5.4",
+  "version": "0.5.5",
   "description": "BCCLI | Full coding engine and legacy SDK with verified Apache-2.0 bundled runtime",
   "type": "module",
   "bin": {
@@ -24,7 +24,7 @@
     "test": "node --test test/*.test.mjs",
     "test:security": "node --test test/security-e2e.test.mjs test/proxy-mcp-e2e.test.mjs test/trusted-mcp.test.mjs test/proxy.test.mjs",
     "test:integration": "node --test test-integration/*.test.mjs",
-    "build": "node --check cli.mjs && node --check core.mjs && node --check proxy.mjs && node --check gateway.mjs && node --check branding.mjs && node --check credentials.mjs && node --check dialog-models.mjs && node --check providers.mjs && node --check provider-cli.mjs && node --check startup-menu.mjs",
+    "build": "node --check cli.mjs && node --check core.mjs && node --check proxy.mjs && node --check gateway.mjs && node --check branding.mjs && node --check model-dialog.mjs && node --check credentials.mjs && node --check dialog-models.mjs && node --check providers.mjs && node --check provider-cli.mjs && node --check startup-menu.mjs",
     "rebuild": "npm run build && npm test && npm pack --ignore-scripts"
   },
   "license": "Apache-2.0",
@@ -44,6 +44,7 @@
     "branding.mjs",
     "credentials.mjs",
     "dialog-models.mjs",
+    "model-dialog.mjs",
     "providers.mjs",
     "provider-cli.mjs",
     "startup-menu.mjs",
@@ -81,8 +82,8 @@
   },
   "bccliRuntimeSource": {
     "repository": "https://github.com/farijarifriyanto-debug/bccli-runtime",
-    "commit": "999fe7d6179954f45e9492c55a8384cd93a51737",
-    "release": "bccli-v0.5.4",
-    "originalSha256": "52702af547846044b9aa36d0f7be33816d3fd26cdcb05f8bb3bdd30b3d290da3"
+    "commit": "5caed31a1a12a6d6257b815b3f5073f077b12716",
+    "release": "bccli-v0.5.5",
+    "originalSha256": "1fab7322f7e201aac20371c372828cfcea73acefdb2ad187d3b3143b885384a9"
   }
 }