@ycodium-ai/agent-codex 0.2.2488 → 0.2.2510

package/README.md

@@ -19,6 +19,12 @@ Facts:
 - `sessionModelSwitch` is `in-session`.
 - Native ChatGPT device-code login is supported: `deviceCodeSignInArgs` runs
   `codex login --device-auth`.
+- Account section UI: the add-provider dialog and the provider detail page draw
+  this plugin's own account section (`src/ui/`, bundled to `assets/ui.js`) through the host's
+  provider settings slot, declared in `package.json#ycodium.ui.providerSettings`. It
+  covers choosing an account already on the machine, ChatGPT sign-in, API URL and
+  key, and the separate shadow directory a second account gets. The UI uses the
+  host's React and `@ycodium-ai/plugin-api/provider-settings`.
 
 Develop with `vp run --filter @ycodium-ai/agent-codex typecheck`, `build`, and `test`.
 

package/assets/ui.js

@@ -0,0 +1,79 @@
+var Q=window.__ycodiumPluginHost.modules?.["@ycodium-ai/plugin-api/provider-settings"];if(!Q)throw new Error("This plugin needs a newer Ycodium app. Update the app.");var{PROVIDER_SETTINGS_VIEW_CAPABILITY:Z,accountDirectoryCandidates:ee,accountDirectorySlug:Ye,accountProbeHasSignedInAccount:te,allocateAccountDirectory:ne,providerInstanceAccountPaths:oe}=Q;var ke=window.__ycodiumPluginHost.react;var{Activity:Xe,Children:je,Component:ze,Fragment:$e,Profiler:qe,PureComponent:Ge,StrictMode:We,Suspense:Je,__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE:Qe,__COMPILER_RUNTIME:Ze,act:et,cache:tt,cacheSignal:nt,captureOwnerStack:ot,cloneElement:rt,createContext:re,createElement:ae,createRef:at,forwardRef:it,isValidElement:ct,lazy:st,memo:dt,startTransition:ut,unstable_useCacheRefresh:lt,use:pt,useActionState:gt,useCallback:mt,useContext:ie,useDebugValue:ft,useDeferredValue:yt,useEffect:A,useEffectEvent:ht,useId:Pt,useImperativeHandle:wt,useInsertionEffect:xt,useLayoutEffect:vt,useMemo:St,useOptimistic:At,useReducer:Ct,useRef:m,useState:K,useSyncExternalStore:bt,useTransition:It,version:Nt}=ke;var ce=re(null),se=ce.Provider;function h(){let e=ie(ce);if(e===null)throw new Error("Codex UI has not been registered.");return e}var x="YCODIUM_CODEX_API_KEY";var B={configKeys:["shadowHomePath","homePath"],defaultDirectory:"~/.codex"},M="account",k="codex",He="Codex";function u(e,t){if(e===null||typeof e!="object")return"";let r=e[t];return typeof r=="string"?r:""}function f(e){let t=u(e.config,"authMode");return t==="chatgpt"||t==="apiKey"?t:"default"}function H(e){return e.displayName?.trim()||He}function de(e){if(f(e)!=="apiKey")return!0;try{let t=new URL(u(e.config,"apiBaseUrl"));if(t.protocol!=="https:"&&t.protocol!=="http:")return!1}catch{return!1}return e.environment.some(t=>t.name===x&&(t.valueRedacted===!0||t.value.trim().length>0))}function v(e){if(f(e)!=="chatgpt")return null;let t=e.config;if(t.shadowHomePath!=="")return null;let r=u(t,"homePath");return r.length>0?r:null}function ue(e){return f(e)==="chatgpt"&&v(e)===null}function le(e){return{config:{homePath:e,shadowHomePath:"",authMode:"chatgpt"}}}function pe(e,t,r){let a=r==="add"?v(e):null;return t==="apiKey"&&a!==null?{config:{authMode:t,homePath:void 0,shadowHomePath:void 0}}:{config:{authMode:t}}}function ge(){return{config:{authMode:"chatgpt",shadowHomePath:void 0}}}function Oe(e){return u(e.config,"shadowHomePath").trim().length===0}async function me(e){let t=e.siblings.filter(o=>o.instance.driver===k).filter(o=>f(o.instance)!=="apiKey").map(o=>({id:o.instanceId,path:u(o.instance.config,"shadowHomePath")||u(o.instance.config,"homePath")})),r=[...new Set(["",...t.map(o=>o.path)])],a=await e.probe(r),c=new Map(t.flatMap(({id:o,path:l})=>{let S=a[r.indexOf(l)];return S?[[S.accountPath,o]]:[]}));return{probes:[...new Map(a.map(o=>[o.accountPath,o])).values()],configuredPaths:c,defaultAccount:a[0]??null}}function fe(e){return e.filter(t=>t.authType!=="apiKey"&&(t.state==="signed-in"||t.state==="expired"))}function ye(e){return{none:e.every(r=>r.state==="signed-out"||r.authType==="apiKey")?e.length===0?"detectFailed":"noAccounts":null,unreadable:e.some(r=>r.state==="unreadable")}}async function he(e){let t=oe(e.instances,k,B),r=ee({displayName:e.displayName,taken:t,rule:B}),c=(await e.probe([...t,...r])).slice(t.length).findIndex(o=>!o.directoryExists);return c<0?void 0:r[c]}function O(e){return ne({driver:k,displayName:e.displayName,instances:e.instances,rule:B,probe:e.probe})}function Pe(e){let t=f(e);return(t==="chatgpt"||t==="apiKey")&&v(e)===null&&Oe(e)}async function we(e,t){let r=u(e.config,"shadowHomePath").trim();if(r.length===0)return!0;let[a]=await t([r]);return a!==void 0&&a.authType!=="apiKey"&&te(a)}function xe(e,t){if(e!==null)return t.find(r=>r.authEmail===e)}function y(e){return(t=>ae(h().ui[e],{...t,className:`ycodium-codex-ui ${typeof t.className=="string"?t.className:""}`}))}var C=y("Button"),U=y("DraftInput"),ve=y("Select"),b=y("SelectItem"),Se=y("SelectPopup"),Ae=y("SelectTrigger"),Ce=y("SelectValue");function be(){let e=h().i18n.usePluginTranslation();return{t:(t,r)=>e(t,r)}}var{jsx:i,jsxs:s,Fragment:Ie}=window.__ycodiumPluginHost.jsxRuntime;function Ne(e){let{t}=be(),r=h(),{placement:a,instance:c}=e,o=m(e);o.current=e;let[l,S]=K(null),[P,L]=K(!1),I=m(!1),N=m(!1),V=m(null),w=m(0),p=f(c),Te=v(c),Y=H(c),E=()=>[...o.current.siblings.map(n=>n.instance),...o.current.placement==="edit"?[o.current.instance]:[]],F=()=>r.notify(t("account.directoryUnavailable"),"error"),Re=n=>{V.current=n.length>0?n:null,o.current.onChange({config:{shadowHomePath:n.length>0?n:void 0}})},X=n=>{let d=++w.current;he({displayName:n,instances:E(),probe:o.current.probeAccount}).then(g=>{d===w.current&&(g!==void 0?Re(g):F())})},j=async()=>{if(!I.current){I.current=!0,L(!0);try{let n=await me({siblings:o.current.siblings,probe:o.current.probeAccount});S({probes:n.probes,configuredPaths:n.configuredPaths})}finally{L(!1),I.current=!1}}};A(()=>{a==="add"&&e.active&&j()},[a,e.active]);let z=m(c.displayName?.trim()??"");A(()=>{let n=c.displayName?.trim()??"",d=z.current;z.current=n,!(a!=="add"||!N.current)&&(n.length===0||n===d||u(o.current.instance.config,"shadowHomePath")===(V.current??"")&&X(n))},[c.displayName,a]);let $=a==="edit"?xe(e.authEmail,e.siblings):void 0,T=de(c),R=a==="add"&&ue(c),q=a==="edit"&&p==="apiKey",G=$===void 0?void 0:t("account.duplicate",{name:$.displayName}),W=R?t("account.addAndSignIn"):void 0,{onReport:J}=e;A(()=>{J({complete:T,submitLabel:W,signInAfterAdd:R,hidesSignIn:q,notice:G,prepare:async n=>{if(!Pe(n))return null;let d=await O({displayName:H(n),instances:E(),probe:o.current.probeAccount});if(d===void 0)throw new Error(t("account.directoryUnavailable"));return{config:{shadowHomePath:d}}}})},[J,T,W,R,q,G]);let _e=n=>{if(n!==p){if(w.current+=1,!(a==="edit"&&n==="apiKey")){e.onChange(pe(c,n,a));return}(async()=>{let d=await we(c,o.current.probeAccount),g;d&&(g=await O({displayName:Y,instances:E(),probe:o.current.probeAccount}),g===void 0&&F()),o.current.onChange({config:{authMode:"apiKey",...g===void 0?{}:{shadowHomePath:g}}})})()}},De=n=>{w.current+=1;let d=l?.configuredPaths.get(n.accountPath);if(d!==void 0){e.openInstance(d);return}N.current=!1,e.onChange(le(n.accountPath))},Ke=()=>{w.current+=1,N.current=!0,e.onChange(ge()),X(Y)},_=l===null?null:ye(l.probes),Be=a==="add"&&p!=="apiKey"?s("div",{className:"grid gap-2","aria-busy":P,children:[P?i("p",{className:"text-xs text-muted-foreground",children:t("account.detecting")}):null,!P&&_?.none!=null?i("p",{className:"text-xs text-muted-foreground",children:t(`account.${_.none}`)}):null,l!==null?fe(l.probes).map(n=>s(C,{variant:"outline","aria-pressed":Te===n.accountPath,onClick:()=>De(n),children:[n.email===void 0?t("account.existing"):t("account.useAccount",{email:n.email}),l.configuredPaths.has(n.accountPath)?` \xB7 ${t("account.alreadyAdded")}`:""]},n.accountPath)):null,!P&&_?.unreadable===!0?i("p",{className:"text-xs text-muted-foreground",children:t("account.detectFailed")}):null,i(C,{variant:"outline",onClick:Ke,children:t("account.addAnother")}),i(C,{size:"xs",variant:"ghost",disabled:P,onClick:()=>{j()},children:t("account.retry")})]}):null,D=c.environment.find(n=>n.name===x),Me=s("div",{className:"grid gap-3",children:[s("label",{className:"grid gap-1",children:[i("span",{className:"text-xs font-medium",children:t("account.method")}),s(ve,{value:p,onValueChange:n=>_e(Ue(n)),children:[i(Ae,{"aria-label":t("account.method"),children:i(Ce,{children:t(p==="apiKey"?"account.apiKey":p==="chatgpt"?"account.chatgpt":"account.existing")})}),s(Se,{children:[i(b,{value:"default",children:t("account.existing")}),i(b,{value:"chatgpt",children:t("account.chatgpt")}),i(b,{value:"apiKey",children:t("account.apiKey")})]})]})]}),p==="apiKey"?s(Ie,{children:[s("label",{className:"grid gap-1",children:[i("span",{className:"text-xs font-medium",children:t("account.url")}),i(U,{value:u(c.config,"apiBaseUrl"),onCommit:n=>e.onChange({config:{apiBaseUrl:n.trim()}}),spellCheck:!1,"aria-label":t("account.url")})]}),s("label",{className:"grid gap-1",children:[i("span",{className:"text-xs font-medium",children:t("account.key")}),i(U,{value:D?.valueRedacted===!0?"":D?.value??"",type:"password",autoComplete:"off",spellCheck:!1,"aria-label":t("account.key"),placeholder:D?.valueRedacted===!0?t("account.keyStoredPlaceholder"):void 0,onCommit:n=>e.onChange({environment:[{name:x,value:n,sensitive:!0}]})})]}),T?null:i("p",{className:"text-xs text-muted-foreground",children:t("account.apiRequired")})]}):i("p",{className:"text-xs text-muted-foreground",children:t("account.loginHint")})]});return s("div",{className:"ycodium-codex-ui grid gap-6",children:[Be,Me]})}function Ue(e){return e==="chatgpt"||e==="apiKey"?e:"default"}var Ee=`/*! tailwindcss v4.3.0 | MIT License | https://tailwindcss.com */
+@layer properties;
+@scope (.ycodium-codex-ui) {
+  .container:where(:scope, *) {
+    width: 100%;
+    @media (width >= 40rem) {
+      max-width: 40rem;
+    }
+    @media (width >= 48rem) {
+      max-width: 48rem;
+    }
+    @media (width >= 64rem) {
+      max-width: 64rem;
+    }
+    @media (width >= 80rem) {
+      max-width: 80rem;
+    }
+    @media (width >= 96rem) {
+      max-width: 96rem;
+    }
+  }
+  .grid:where(:scope, *) {
+    display: grid;
+  }
+  .gap-1:where(:scope, *) {
+    gap: calc(var(--spacing, 0.25rem) * 1);
+  }
+  .gap-2:where(:scope, *) {
+    gap: calc(var(--spacing, 0.25rem) * 2);
+  }
+  .gap-3:where(:scope, *) {
+    gap: calc(var(--spacing, 0.25rem) * 3);
+  }
+  .gap-6:where(:scope, *) {
+    gap: calc(var(--spacing, 0.25rem) * 6);
+  }
+  .text-xs:where(:scope, *) {
+    font-size: var(--text-xs, 0.75rem);
+    line-height: var(--tw-leading, var(--text-xs--line-height, calc(1 / 0.75)));
+  }
+  .font-medium:where(:scope, *) {
+    --tw-font-weight: var(--font-weight-medium, 500);
+    font-weight: var(--font-weight-medium, 500);
+  }
+  .text-muted-foreground:where(:scope, *) {
+    color: var(--contrast-muted-foreground);
+  }
+  .shadow:where(:scope, *) {
+    --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
+    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
+  }
+  .outline:where(:scope, *) {
+    outline-style: var(--tw-outline-style);
+    outline-width: 1px;
+  }
+}
+@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-font-weight: initial;
+      --tw-shadow: 0 0 #0000;
+      --tw-shadow-color: initial;
+      --tw-shadow-alpha: 100%;
+      --tw-inset-shadow: 0 0 #0000;
+      --tw-inset-shadow-color: initial;
+      --tw-inset-shadow-alpha: 100%;
+      --tw-ring-color: initial;
+      --tw-ring-shadow: 0 0 #0000;
+      --tw-inset-ring-color: initial;
+      --tw-inset-ring-shadow: 0 0 #0000;
+      --tw-ring-inset: initial;
+      --tw-ring-offset-width: 0px;
+      --tw-ring-offset-color: #fff;
+      --tw-ring-offset-shadow: 0 0 #0000;
+      --tw-outline-style: solid;
+    }
+  }
+}
+`;function Ve(e){let t=r=>s(se,{value:e,children:[i("style",{children:Ee}),i(Ne,{...r})]});return{pages:{},panels:{},views:{[M]:t},viewCapabilities:{[M]:[Z]}}}export{Ve as default};

package/dist/index.js

@@ -429,7 +429,11 @@ import { ExecutorSpawnRefusedError } from "@ycodium-ai/plugin-api/executor";
 
 // src/config.ts
 import { modelSelectionStringOption } from "@ycodium-ai/plugin-api/executor";
+
+// src/apiKeyEnv.ts
 var CODEX_INSTANCE_API_KEY_ENV = "YCODIUM_CODEX_API_KEY";
+
+// src/config.ts
 var CODEX_INSTANCE_MODEL_PROVIDER = "ycodium_api";
 function isRecord2(value) {
   return typeof value === "object" && value !== null && !Array.isArray(value);
@@ -913,6 +917,28 @@ function jsonRpcErrorMessage(error) {
 }
 
 // src/rpc.ts
+function createLineAssembler() {
+  const fragments = [];
+  return {
+    push: (text) => {
+      const lines = [];
+      let start = 0;
+      for (let newline = text.indexOf("\n"); newline !== -1; newline = text.indexOf("\n", start)) {
+        fragments.push(text.slice(start, newline));
+        lines.push(fragments.join(""));
+        fragments.length = 0;
+        start = newline + 1;
+      }
+      if (start < text.length) fragments.push(text.slice(start));
+      return lines;
+    },
+    end: () => {
+      const line = fragments.join("");
+      fragments.length = 0;
+      return line;
+    }
+  };
+}
 var STDERR_TAIL_LIMIT = 4e3;
 var DEFAULT_REQUEST_TIMEOUT_MS = 3e4;
 var ANSI_ESCAPE_CHAR = String.fromCharCode(27);
@@ -980,17 +1006,12 @@ async function createCodexRpcClient(handle, handlers) {
     }
   };
   const pumpStdout = (async () => {
-    let buffer = "";
+    const lines = createLineAssembler();
     for await (const chunk of handle.stdout) {
-      buffer += decoder.decode(chunk, { stream: true });
-      let index = buffer.indexOf("\n");
-      while (index >= 0) {
-        dispatch(buffer.slice(0, index));
-        buffer = buffer.slice(index + 1);
-        index = buffer.indexOf("\n");
-      }
+      for (const line of lines.push(decoder.decode(chunk, { stream: true }))) dispatch(line);
     }
-    if (buffer.length > 0) dispatch(buffer);
+    const last = lines.end();
+    if (last.length > 0) dispatch(last);
   })().catch(() => void 0);
   const pumpStderr = (async () => {
     const errorDecoder = new TextDecoder();
@@ -1455,7 +1476,7 @@ function turnCompletedControlFlow(params) {
   const error = isRecord3(turn["error"]) ? trimText(turn["error"]["message"]) : void 0;
   return error ? { state, errorMessage: error } : { state };
 }
-function toApplyPatchFileChanges(params) {
+function fileChangeEntries(params) {
   if (!isRecord3(params)) return [];
   const item = isRecord3(params["item"]) ? params["item"] : params;
   const changes = item["changes"] ?? item["fileChanges"] ?? params["fileChanges"];
@@ -1469,10 +1490,32 @@ function toApplyPatchFileChanges(params) {
     if (!isRecord3(entry)) continue;
     const path = asString(entry["path"]) ?? asString(entry["file"]);
     if (!path) continue;
-    const kind = (asString(entry["type"]) ?? asString(entry["kind"]) ?? "update").toLowerCase();
-    const movePath = asString(entry["move_path"]) ?? asString(entry["movePath"]);
-    const diff = asString(entry["unified_diff"]) ?? asString(entry["unifiedDiff"]);
-    const content = asString(entry["content"]);
+    out.push({
+      path,
+      kind: (asString(entry["type"]) ?? asString(entry["kind"]) ?? "update").toLowerCase(),
+      movePath: asString(entry["move_path"]) ?? asString(entry["movePath"]),
+      diff: asString(entry["unified_diff"]) ?? asString(entry["unifiedDiff"]),
+      content: asString(entry["content"])
+    });
+  }
+  return out;
+}
+var MAX_DESCRIBED_FILE_CHANGES = 20;
+function describeFileChanges(params) {
+  const entries = fileChangeEntries(params).toSorted(
+    (left, right) => left.path.localeCompare(right.path)
+  );
+  if (entries.length === 0) return void 0;
+  const lines = entries.slice(0, MAX_DESCRIBED_FILE_CHANGES).map(
+    (entry) => entry.movePath ? `${entry.kind} ${entry.path} -> ${entry.movePath}` : `${entry.kind} ${entry.path}`
+  );
+  const remaining = entries.length - lines.length;
+  return remaining > 0 ? `${lines.join("\n")}
++${remaining} more` : lines.join("\n");
+}
+function toApplyPatchFileChanges(params) {
+  const out = [];
+  for (const { path, kind, movePath, diff, content } of fileChangeEntries(params)) {
     if (kind === "add") {
       out.push({
         path,
@@ -1728,8 +1771,10 @@ function describeFileChangeApproval(params) {
   const reason = trimText(record["reason"]);
   const grantRoot = asString(record["grantRoot"]);
   const callId = asString(record["callId"]);
+  const detail = reason ?? describeFileChanges(record) ?? trimText(grantRoot);
   return {
     ...reason ? { reason } : {},
+    ...detail ? { detail } : {},
     ...grantRoot ? { grantRoot } : {},
     ...callId ? { callId } : {},
     fileChanges: toApplyPatchFileChanges(record)
@@ -2390,7 +2435,7 @@ function mapServerRequestToEvents(input) {
     payload["args"] = input.params;
   } else if (input.method === "item/fileChange/requestApproval" || input.method.includes("applyPatch")) {
     const described = describeFileChangeApproval(input.params);
-    if (described.reason) payload["detail"] = described.reason;
+    if (described.detail) payload["detail"] = described.detail;
     if (described.fileChanges.length > 0) payload["fileChanges"] = described.fileChanges;
     payload["args"] = {
       ...described.callId ? { callId: described.callId } : {},
@@ -4409,6 +4454,8 @@ var createCodexInstance = (config, host, attachments) => {
         ...CODEX_NATIVE_MODE_REPORT
       };
     },
+    // 有意不处理 input.readOnlyDirectories：codex 的沙箱只限制写入，读不受限，
+    // 附件目录本来就能读，无需放行。
     startSession: async (input, signal) => {
       if (disposed) throw new Error("instance disposed");
       if (signal?.aborted) throw new Error("aborted");

package/locales/en.json

@@ -19,5 +19,26 @@
       "title": "Launch arguments",
       "description": "Additional CLI arguments passed to codex app-server on session start."
     }
+  },
+  "account": {
+    "method": "Account connection",
+    "existing": "Use existing Codex configuration",
+    "chatgpt": "ChatGPT sign-in",
+    "apiKey": "API URL and key",
+    "url": "API base URL",
+    "key": "API key",
+    "keyStoredPlaceholder": "Stored secret — enter a new value to replace it",
+    "apiRequired": "Enter an HTTP or HTTPS API URL and an API key.",
+    "loginHint": "Use an account already on this machine, or sign in to another account.",
+    "detecting": "Checking accounts on this machine...",
+    "detectFailed": "Could not check accounts. Try again.",
+    "noAccounts": "No ChatGPT account was found on this machine.",
+    "addAnother": "Sign in to another ChatGPT account",
+    "useAccount": "Use {{email}}",
+    "alreadyAdded": "Already added",
+    "retry": "Check again",
+    "duplicate": "This ChatGPT account is already available as {{name}}.",
+    "directoryUnavailable": "Could not prepare a separate account on this machine. Check the connection and try again.",
+    "addAndSignIn": "Add and sign in"
   }
 }

package/locales/zh-CN.json

@@ -19,5 +19,26 @@
       "title": "启动参数",
       "description": "会话启动时传给 codex app-server 的额外命令行参数。"
     }
+  },
+  "account": {
+    "method": "账户连接方式",
+    "existing": "使用现有 Codex 配置",
+    "chatgpt": "ChatGPT 登录",
+    "apiKey": "API URL 和密钥",
+    "url": "API 基础 URL",
+    "key": "API 密钥",
+    "keyStoredPlaceholder": "已存储的密钥 — 输入新值以替换",
+    "apiRequired": "请输入 HTTP 或 HTTPS API URL 和 API 密钥。",
+    "loginHint": "使用这台机器上已有的账户，或登录其他账户。",
+    "detecting": "正在检查这台机器上的账户...",
+    "detectFailed": "无法检查账户。请重试。",
+    "noAccounts": "在这台机器上未找到 ChatGPT 账户。",
+    "addAnother": "登录其他 ChatGPT 账户",
+    "useAccount": "使用 {{email}}",
+    "alreadyAdded": "已添加",
+    "retry": "再次检查",
+    "duplicate": "此 ChatGPT 账户已作为 {{name}} 可用。",
+    "directoryUnavailable": "无法在这台机器上为单独的账户做好准备。请检查连接后重试。",
+    "addAndSignIn": "添加并登录"
   }
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ycodium-ai/agent-codex",
-  "version": "0.2.2488",
+  "version": "0.2.2510",
   "description": "Codex executor: Codex CLI over the app-server JSON-RPC protocol.",
   "keywords": [
     "ycodium",
@@ -18,11 +18,19 @@
     "access": "public"
   },
   "devDependencies": {
+    "@tailwindcss/node": "^4.3.0",
+    "@tailwindcss/oxide": "^4.3.0",
     "@types/node": "24.12.4",
+    "@types/react": "~19.2.14",
+    "@types/react-dom": "^19.2.3",
     "esbuild": "0.28.1",
+    "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.2488",
-    "ycodium-executor-testing": "0.0.0"
+    "ycodium-executor-testing": "0.0.0",
+    "@ycodium-ai/plugin-api": "0.2.2510"
   },
   "ycodium": {
     "plugin": "./dist/index.js",
@@ -33,11 +41,31 @@
       {
         "kind": "executor"
       }
-    ]
+    ],
+    "ui": {
+      "assets": "./assets",
+      "entry": "ui.js",
+      "providerSettings": [
+        {
+          "id": "account",
+          "driverKind": "codex",
+          "ownedFields": {
+            "add": [
+              "homePath",
+              "shadowHomePath"
+            ]
+          },
+          "ownedEnvironment": [
+            "YCODIUM_CODEX_API_KEY"
+          ],
+          "genericFields": "collapsed"
+        }
+      ]
+    }
   },
   "scripts": {
     "build": "node build.mjs",
-    "typecheck": "tsgo --noEmit",
+    "typecheck": "tsgo --noEmit && tsgo --noEmit -p tsconfig.ui.json",
     "test": "vp test run"
   }
 }