agentful 0.4.2 → 0.4.4

package/dist/index.cjs

@@ -3044,7 +3044,7 @@ var VERSION, brand, useColor, wrap, paint, tuiDesign, sym, ui;
 var init_branding = __esm({
   "src/branding.ts"() {
     "use strict";
-    VERSION = "0.4.2" ? "0.4.2" : null.version;
+    VERSION = "0.4.4" ? "0.4.4" : null.version;
     brand = {
       name: "agentful",
       // the command users type
@@ -3664,7 +3664,17 @@ const plugin = {
     }
 
     // \u2500\u2500 prompt \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500
-    /** Left half of the line under the input; replaces the engine's plain cwd. */
+    /**
+     * Left half of the line under the input; replaces the engine's plain cwd.
+     * Without a sessionID (the home screen) it falls back to the process
+     * directory.
+     *
+     * The home screen needs it for a second reason: that line is
+     * space-between, so with nothing on the left the engine's key hints
+     * ("tab agents \xB7 ctrl+p commands") sit at column 0 \u2014 the one column the
+     * clip below takes, which cost them their first character up to 0.4.2.
+     * A hint on the left pushes them back to the right edge.
+     */
     function Hint(props) {
       const directory = () => safe(
         () => api.state.session.get(props.sessionID).directory,
@@ -3689,16 +3699,34 @@ const plugin = {
      * left, which puts the rail outside the visible area. Everything else
      * keeps working because it is only a shift.
      *
-     * \u26A0\uFE0F One column is the limit. The status line under the input (our hint
-     * on the left) sits OUTSIDE that padded box and carries a margin of just
-     * 1, so a wider clip eats the start of the working directory \u2014
-     * "/Users/\u2026" came out as "sers/\u2026" at -3. The rendering check asserts the
-     * working directory for exactly this reason.
+     * \u26A0\uFE0F The clip must NOT cover the whole component. api.ui.Prompt returns
+     * TWO siblings: its own box, and the "/" + "@" completion list, which is
+     * positioned absolutely ABOVE the input (a negative "top" against its
+     * parent). A clip around both swallowed that list \u2014 the popup rendered
+     * outside the clipped area, so it was never drawn and both triggers
+     * looked dead while the keystrokes still went through (shipped in 0.4.2,
+     * fixed here). So we take the children apart: the first goes inside the
+     * clip, everything after it stays outside. The popup then anchors on the
+     * outer box, which sits one column right of the shifted input \u2014 exactly
+     * where its left edge belongs.
+     *
+     * \u26A0\uFE0F One column is the limit for the shift. The status line under the
+     * input (our hint on the left) sits OUTSIDE that padded box and carries a
+     * margin of just 1, so a wider clip eats the start of the working
+     * directory \u2014 "/Users/\u2026" came out as "sers/\u2026" at -3. The rendering check
+     * asserts the working directory, and the popup, for exactly this reason.
      */
     function Field(props) {
+      // Read once: in the engine's Solid runtime this getter runs the child
+      // component, and each node may only be inserted into one parent.
+      const parts = props.children
+      const list = Array.isArray(parts) ? parts : [parts]
       return (
-        <box width="100%" overflow="hidden">
-          <box marginLeft={-1} width="100%">{props.children}</box>
+        <box width="100%">
+          <box width="100%" overflow="hidden">
+            <box marginLeft={-1} width="100%">{list[0]}</box>
+          </box>
+          {list.slice(1)}
         </box>
       )
     }
@@ -3728,6 +3756,7 @@ const plugin = {
               <Prompt
                 ref={data.ref}
                 placeholders={PLACEHOLDERS}
+                hint={<Hint />}
                 right={<HostSlot name="home_prompt_right" />}
               />
             </Field>
@@ -7387,6 +7416,21 @@ function skillsInstructionFor(framework, rootDir) {
 }
 
 // src/lib/models.ts
+var OAUTH_BYOK_PROVIDER = "github-copilot";
+async function fetchCopilotAccountModels(auth) {
+  try {
+    const res = await request(
+      `${PB_URL}/api/llm/copilot/models`,
+      { token: auth.pb_token, timeoutMs: 15e3 }
+    );
+    return (res.models || []).map((m) => m?.id).filter((id) => !!id);
+  } catch {
+    return null;
+  }
+}
+function supportsHostedModelInLocalEngine(id) {
+  return !/^gemini-3(?:[.-]|$)/i.test(id.trim());
+}
 async function fetchModelCatalog(auth, fallback) {
   const regionDefaultsToBedrock = fallback.ai_region === "eu" || fallback.ai_region === "de";
   const isAgenticCapable = (id) => id !== "auto" && !id.includes("bedrock");
@@ -7400,8 +7444,8 @@ async function fetchModelCatalog(auth, fallback) {
   }
   if (!catalog?.models?.length) {
     return {
-      models: fallback.models.map((id) => ({ id, name: id })),
-      defaultModel: fallback.default_model,
+      models: fallback.models.filter(supportsHostedModelInLocalEngine).map((id) => ({ id, name: id })),
+      defaultModel: supportsHostedModelInLocalEngine(fallback.default_model) ? fallback.default_model : fallback.models.find(supportsHostedModelInLocalEngine) || "auto",
       byokProviders: [],
       canSelectModel: true,
       inactiveByok: []
@@ -7411,6 +7455,7 @@ async function fetchModelCatalog(auth, fallback) {
   let hasGenericByok = false;
   for (const m of catalog.models) {
     if (!m?.id) continue;
+    if (!supportsHostedModelInLocalEngine(m.id)) continue;
     if (m.id === "byok") {
       if (m.has_active_keys) hasGenericByok = true;
       continue;
@@ -7419,6 +7464,7 @@ async function fetchModelCatalog(auth, fallback) {
   }
   const byokProviders = [];
   const inactiveByok = [];
+  let byokNotice;
   if (catalog.byok_enabled && catalog.has_byok_keys) {
     try {
       const res = await request(`${PB_URL}/api/llm/byok`, {
@@ -7431,8 +7477,23 @@ async function fetchModelCatalog(auth, fallback) {
           inactiveByok.push({ provider: key.provider_type, models: key.models || [] });
           continue;
         }
-        byokProviders.push(key.provider_type);
-        for (const model of key.models || []) {
+        const selection = key.models || [];
+        let models = selection;
+        if (key.provider_type === OAUTH_BYOK_PROVIDER) {
+          const live = await fetchCopilotAccountModels(auth);
+          if (live === null) {
+            byokNotice = selection.length ? `${key.provider_type}: account model list unavailable \u2014 showing your stored selection.` : `${key.provider_type}: account model list unavailable \u2014 no own-key model in this session.`;
+          } else if (!selection.length) {
+            models = live;
+          } else {
+            models = selection.filter((m) => live.includes(m));
+            if (!models.length) {
+              byokNotice = `${key.provider_type}: none of your selected models is served by the account right now \u2014 re-select them in Settings \u2192 BYOK.`;
+            }
+          }
+        }
+        if (models.length) byokProviders.push(key.provider_type);
+        for (const model of models) {
           entries.push({
             id: `byok/${key.provider_type}/${model}`,
             name: `${model} \xB7 your key (${key.provider_type})`,
@@ -7457,7 +7518,8 @@ async function fetchModelCatalog(auth, fallback) {
     defaultModel,
     byokProviders,
     canSelectModel: catalog.can_select_model !== false,
-    inactiveByok
+    inactiveByok,
+    byokNotice
   };
 }
 
@@ -7776,6 +7838,20 @@ async function listEngineModels(binPath, xdg, provider) {
   });
   return parseEngineModelsOutput(stdout);
 }
+async function refreshEngineModelCache(binPath, xdg) {
+  await execFileAsync(binPath, ["models", "--refresh"], {
+    env: {
+      ...process.env,
+      XDG_CONFIG_HOME: xdg.configHome,
+      XDG_DATA_HOME: xdg.dataHome,
+      XDG_STATE_HOME: xdg.stateHome,
+      OPENCODE_DISABLE_AUTOUPDATE: "true"
+    },
+    encoding: "utf8",
+    maxBuffer: 8 * 1024 * 1024,
+    timeout: 6e4
+  });
+}
 async function assertEngineModelAvailable(binPath, xdg, model, listModels = listEngineModels) {
   const provider = modelProvider(model);
   const models = await listModels(binPath, xdg, provider);
@@ -8170,6 +8246,9 @@ async function tuiCommand(opts = {}) {
       "Resume model metadata is not readable locally; the engine keeps the session model unchanged."
     ));
   }
+  if (catalog.byokNotice) {
+    ui.warn(catalog.byokNotice);
+  }
   if (catalog.byokProviders.length) {
     ui.info(paint.dim(
       `Includes your own keys (${catalog.byokProviders.join(", ")}): billed by that provider` + (session.ai_region && session.ai_region !== "all" ? `, outside your "${session.ai_region}" region setting.` : ".")
@@ -8446,6 +8525,10 @@ async function licensesCommand() {
 
 // src/commands/models.ts
 init_branding();
+function describeInactiveModels(key) {
+  if (key.models.length) return key.models.join(", ");
+  return key.provider === OAUTH_BYOK_PROVIDER ? "all account models" : "(no model)";
+}
 async function modelsCommand(opts) {
   console.log(banner());
   const auth = await ensureAuth();
@@ -8463,18 +8546,30 @@ async function modelsCommand(opts) {
   const decision = decideLocalProviders(policy);
   const resolved = resolveLocalProviders(policy);
   const configured = Object.keys(readLocalProviders());
+  if (catalog.byokNotice) {
+    console.log("");
+    ui.warn(catalog.byokNotice);
+  }
   if (catalog.inactiveByok.length) {
     console.log("");
     console.log(paint.dim("  Configured but inactive (one own key can be active at a time \u2014"));
     console.log(paint.dim("  switch it in Settings \u2192 BYOK to use another):"));
     for (const k of catalog.inactiveByok) {
-      console.log(paint.dim(`    \u25CB ${k.models.join(", ") || "(no model)"} \xB7 ${k.provider}`));
+      console.log(paint.dim(`    \u25CB ${describeInactiveModels(k)} \xB7 ${k.provider}`));
     }
   }
   const xdg = engineXdg();
   const connectedProviders = readConnectedEngineProviders(xdg);
   if (connectedProviders.length) {
     const binPath = await ensureEngine();
+    if (opts.refresh) {
+      try {
+        await refreshEngineModelCache(binPath, xdg);
+        ui.step("Refreshed the engine model cache from models.dev.");
+      } catch {
+        ui.warn("Engine model cache could not be refreshed \u2014 listing the cached catalog.");
+      }
+    }
     console.log("");
     console.log(paint.bold("Direct TUI connections") + paint.dim("  (provider billing/terms; outside Agentful credits and region controls)"));
     for (const provider of connectedProviders) {
@@ -8489,6 +8584,10 @@ async function modelsCommand(opts) {
         console.log(`  ${paint.warn("!")} ${provider} ${paint.dim("\u2014 catalog could not be read")}`);
       }
     }
+  } else if (opts.refresh) {
+    console.log("");
+    ui.info("No provider is connected directly in the TUI, so nothing is cached \u2014");
+    ui.info("the Agentful catalog and your own keys are read live on every run.");
   }
   console.log("");
   console.log(paint.bold("Local providers") + paint.dim("  (your key, direct to the provider)"));
@@ -8606,7 +8705,7 @@ program2.command("tui").description("Start the Agentful coding TUI with your Age
 program2.command("publish <subdomain>").description("Publish the built project at https://<subdomain>.agentful.dev").action(run(publishCommand));
 program2.command("share").description("Make the live preview public (anyone with the link)").option("--private", "make the preview owner-only again").action(run((opts) => shareCommand(opts)));
 program2.command("pull").description("Download the cloud workspace into this directory").option("--force", "overwrite files in a non-empty directory").action(run((opts) => pullCommand(opts)));
-program2.command("models").description("List available models and manage local providers with your own key").option("--add-local", "create/show the local provider file to edit").action(run((opts) => modelsCommand(opts)));
+program2.command("models").description("List available models and manage local providers with your own key").option("--add-local", "create/show the local provider file to edit").option("--refresh", "refresh the engine model cache from models.dev").action(run((opts) => modelsCommand(opts)));
 program2.command("upgrade").description("Update the CLI to the latest version").action(run(upgradeCommand));
 program2.command("licenses").description("Show licenses of the software distributed with this CLI").action(run(licensesCommand));
 program2.parseAsync(process.argv);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "agentful",
-  "version": "0.4.2",
+  "version": "0.4.4",
   "description": "Agentful in your terminal — local development with push-to-cloud previews",
   "license": "Apache-2.0",
   "homepage": "https://agentful.dev",