@markus-global/cli 0.9.7-rc.0 → 0.9.7-rc.5

package/dist/markus.mjs

@@ -72159,7 +72159,7 @@ var init_ollama = __esm({
       async chat(request) {
         const messages2 = this.convertMessages(request.messages);
         const body = {
-          model: this.model,
+          model: request.model ?? this.model,
           messages: messages2,
           stream: false,
           options: {
@@ -72194,7 +72194,7 @@ var init_ollama = __esm({
       async chatStream(request, onEvent, signal) {
         const messages2 = this.convertMessages(request.messages);
         const body = {
-          model: this.model,
+          model: request.model ?? this.model,
           messages: messages2,
           stream: true,
           options: {
@@ -75095,12 +75095,13 @@ function costTierFromPrice(inputPer1M) {
     return "$$$";
   return "$$$$";
 }
-var log57, CAPABILITY_KEY_MAP, MINIMAX_NAMES, DASHSCOPE_NAMES, FIREWORKS_NAMES, REGIONAL_PROVIDER_ALIASES, ALL_COMPLEXITY, LLMRouter, PROVIDER_DISPLAY_NAMES, BUILTIN_MODEL_CATALOG;
+var log57, OLLAMA_DEFAULT_CONTEXT_WINDOW, OLLAMA_DEFAULT_MAX_OUTPUT, DEFAULT_CONTEXT_WINDOW_FALLBACK, DEFAULT_MAX_OUTPUT_FALLBACK, CAPABILITY_KEY_MAP, MINIMAX_NAMES, DASHSCOPE_NAMES, FIREWORKS_NAMES, REGIONAL_PROVIDER_ALIASES, ALL_COMPLEXITY, LLMRouter, PROVIDER_DISPLAY_NAMES, BUILTIN_MODEL_CATALOG;
 var init_router2 = __esm({
   "../core/dist/llm/router.js"() {
     "use strict";
     init_dist();
     init_tracing();
+    init_provider();
     init_anthropic();
     init_openai();
     init_minimax();
@@ -75115,6 +75116,10 @@ var init_router2 = __esm({
     init_auth_profiles();
     init_oauth_manager();
     log57 = createLogger("llm-router");
+    OLLAMA_DEFAULT_CONTEXT_WINDOW = 8192;
+    OLLAMA_DEFAULT_MAX_OUTPUT = 4096;
+    DEFAULT_CONTEXT_WINDOW_FALLBACK = 128e3;
+    DEFAULT_MAX_OUTPUT_FALLBACK = DEFAULT_REQUEST_MAX_TOKENS;
     CAPABILITY_KEY_MAP = {
       image_generation: "imageGeneration",
       image_recognition: "vision",
@@ -75419,6 +75424,12 @@ var init_router2 = __esm({
             return hubModels.map((m) => this.enrichModelFromCatalog(m));
           }
         }
+        if (providerName === "ollama") {
+          const localModels = this.customModelCatalog.get("ollama");
+          if (localModels && localModels.length > 0) {
+            return localModels.map((m) => this.enrichModelFromCatalog(m));
+          }
+        }
         let builtinModels = BUILTIN_MODEL_CATALOG.filter((m) => m.provider === providerName);
         if (builtinModels.length === 0 && REGIONAL_PROVIDER_ALIASES[providerName]) {
           const parent = REGIONAL_PROVIDER_ALIASES[providerName];
@@ -75477,6 +75488,154 @@ var init_router2 = __esm({
         }
         return defs.length;
       }
+      /**
+       * Probe a local Ollama server (/api/tags) and record the actually-pulled
+       * models into the provider's custom catalog. This makes local models appear
+       * in both the Settings panel and the chat model picker (which both read
+       * getEnhancedSettings / getProviderModels). On success the local list
+       * REPLACES the static catalog for Ollama (only real models are usable).
+       * On failure we keep any previously-cached local models (last-good), so a
+       * transient Ollama stop does not wipe the picker.
+       */
+      async refreshOllamaLocalModels(baseUrl) {
+        const provider = this.providers.get("ollama");
+        const effectiveBase = baseUrl ?? provider?.baseUrl ?? process.env["OLLAMA_BASE_URL"] ?? "http://localhost:11434";
+        const base = String(effectiveBase).replace(/\/+$/, "");
+        try {
+          const ctrl = new AbortController();
+          const tmr = setTimeout(() => ctrl.abort(), 5e3);
+          const res = await fetch(`${base}/api/tags`, {
+            signal: ctrl.signal
+          });
+          clearTimeout(tmr);
+          if (!res.ok) {
+            log57.warn("Ollama /api/tags HTTP error", { baseUrl: base, status: res.status });
+            return this.customModelCatalog.get("ollama")?.length ?? 0;
+          }
+          const data = await res.json();
+          const models = await Promise.all((data.models ?? []).map(async (m) => {
+            const d = m.details;
+            const tag = d?.parameter_size || d?.quantization_level;
+            const info2 = await this.probeOllamaModel(base, m.name);
+            const caps = info2.capabilities;
+            const hasVision = caps.includes("vision");
+            const hasReasoning = caps.includes("thinking");
+            return {
+              id: m.name,
+              name: m.name,
+              provider: "ollama",
+              contextWindow: info2.contextWindow,
+              maxOutputTokens: OLLAMA_DEFAULT_MAX_OUTPUT,
+              cost: { input: 0, output: 0 },
+              reasoning: hasReasoning || void 0,
+              inputTypes: hasVision ? ["text", "image"] : ["text"],
+              capabilities: caps.length > 0 ? caps : void 0,
+              description: tag ? tag : void 0
+            };
+          }));
+          this.customModelCatalog.set("ollama", models);
+          log57.info(`Synced ${models.length} local Ollama models`, { baseUrl: base });
+          return models.length;
+        } catch (err) {
+          log57.warn("Ollama local model sync failed", { error: String(err), baseUrl: base });
+          return this.customModelCatalog.get("ollama")?.length ?? 0;
+        }
+      }
+      /**
+       * Probe a local Ollama model's real context length and capabilities via `/api/show`.
+       * Reads `model_info["*.context_length"]` (key name varies by model family,
+       * e.g. `llama.context_length`, `qwen3_5.context_length`) for the context window,
+       * plus the top-level `capabilities` array (e.g. `['completion','vision','tools','thinking']`)
+       * for multimodal / function-calling / reasoning support. Falls back to a sane
+       * default so a probe failure never blocks agent budget planning.
+       */
+      async probeOllamaModel(base, modelId) {
+        try {
+          const ctrl = new AbortController();
+          const tmr = setTimeout(() => ctrl.abort(), 4e3);
+          const res = await fetch(`${base}/api/show`, {
+            method: "POST",
+            headers: { "Content-Type": "application/json" },
+            body: JSON.stringify({ model: modelId }),
+            signal: ctrl.signal
+          });
+          clearTimeout(tmr);
+          if (!res.ok)
+            return { contextWindow: OLLAMA_DEFAULT_CONTEXT_WINDOW, capabilities: [] };
+          const data = await res.json();
+          const vals = Object.entries(data.model_info ?? {}).filter(([k]) => k.toLowerCase().includes("context_length")).map(([, v]) => Number(v)).filter((n2) => Number.isFinite(n2) && n2 > 0);
+          const ctx = vals.length ? Math.max(...vals) : 0;
+          const capabilities = Array.isArray(data.capabilities) ? data.capabilities : [];
+          if (ctx > 0)
+            log57.info(`Ollama local model ${modelId}: context_window=${ctx}, capabilities=${capabilities.join(",")}`);
+          return {
+            contextWindow: ctx > 0 ? ctx : OLLAMA_DEFAULT_CONTEXT_WINDOW,
+            capabilities
+          };
+        } catch {
+          return { contextWindow: OLLAMA_DEFAULT_CONTEXT_WINDOW, capabilities: [] };
+        }
+      }
+      /**
+       * Pull a live /v1/models list for an OpenAI-compatible provider into its
+       * custom catalog. Used for newly-added providers that have no builtin entry
+       * (and therefore would otherwise show zero models in pickers). If the
+       * provider already has a usable catalog (builtin/custom) we skip the call.
+       */
+      async refreshProviderLiveModels(providerName, baseUrl, apiKey) {
+        if (this.getProviderModels(providerName).length > 0)
+          return 0;
+        const provider = this.providers.get(providerName);
+        const effectiveBase = baseUrl ?? provider?.baseUrl;
+        if (!effectiveBase)
+          return 0;
+        const effectiveKey = apiKey ?? provider?.apiKey;
+        try {
+          const headers = {};
+          if (effectiveKey)
+            headers["Authorization"] = `Bearer ${effectiveKey}`;
+          const ctrl = new AbortController();
+          const tmr = setTimeout(() => ctrl.abort(), 8e3);
+          const res = await fetch(`${String(effectiveBase).replace(/\/+$/, "")}/v1/models`, {
+            headers,
+            signal: ctrl.signal
+          });
+          clearTimeout(tmr);
+          if (!res.ok)
+            return 0;
+          const data = await res.json();
+          const ids = (data.data ?? []).map((m) => m.id).filter((x) => !!x);
+          if (ids.length === 0)
+            return 0;
+          const defs = (data.data ?? []).map((m) => {
+            const id = m.id ?? "";
+            const raw = m;
+            const capsArr = Array.isArray(raw.capabilities) ? raw.capabilities : [];
+            const capsObj = raw.capabilities ?? {};
+            const arch4 = raw.architecture ?? {};
+            const modalities = arch4.input_modalities ?? raw.input_modalities ?? [];
+            const flagTrue = (key2) => capsObj[key2] === true || capsArr.includes(key2) || raw[key2] === true;
+            const hasVision = modalities.includes("image") || flagTrue("vision");
+            const hasReasoning = flagTrue("reasoning") || flagTrue("thinking");
+            return {
+              id,
+              name: id,
+              provider: providerName,
+              contextWindow: 0,
+              maxOutputTokens: 0,
+              cost: { input: 0, output: 0 },
+              reasoning: hasReasoning || void 0,
+              inputTypes: hasVision ? ["text", "image"] : ["text"]
+            };
+          }).filter((m) => m.id.length > 0);
+          this.customModelCatalog.set(providerName, defs);
+          log57.info(`Synced ${defs.length} live models for provider ${providerName}`, { baseUrl: effectiveBase });
+          return defs.length;
+        } catch (err) {
+          log57.warn(`Live model sync failed for provider ${providerName}`, { error: String(err), baseUrl: effectiveBase });
+          return 0;
+        }
+      }
       /**
        * Drop sticky Markus defaults that are no longer in the Hub catalog
        * (e.g. CN geo-filter removes anthropic/claude-opus-5 while chip still shows it).
@@ -76161,7 +76320,7 @@ var init_router2 = __esm({
        * Used by the test endpoint to verify a single provider's connectivity.
        * Also returns the baseUrl used for diagnostics.
        */
-      async chatDirect(request, providerName) {
+      async chatDirect(request, providerName, altModel) {
         const provider = this.providers.get(providerName);
         if (!provider) {
           throw new Error(`Provider "${providerName}" not registered`);
@@ -76170,9 +76329,24 @@ var init_router2 = __esm({
           throw new Error(`Provider "${providerName}" is disabled`);
         }
         request = this.resolveMaxTokens(request, providerName);
-        const response = await provider.chat(request);
-        const baseUrl = provider.baseUrl ?? provider.config?.baseUrl;
-        return Object.assign(response, { _providerBaseUrl: baseUrl });
+        const originalModel = provider.model;
+        const useRequestModelOnly = providerName === "markus" || provider instanceof MarkusProvider;
+        const activeModel = altModel ?? originalModel;
+        let switched = false;
+        if (!useRequestModelOnly && altModel && altModel !== originalModel) {
+          provider.configure({ provider: providerName, model: altModel });
+          switched = true;
+        }
+        const directRequest = useRequestModelOnly && altModel ? { ...request, model: altModel } : request;
+        try {
+          const response = await provider.chat(directRequest);
+          const baseUrl = provider.baseUrl ?? provider.config?.baseUrl;
+          return Object.assign(response, { _providerBaseUrl: baseUrl, _model: activeModel });
+        } finally {
+          if (switched) {
+            provider.configure({ provider: providerName, model: originalModel });
+          }
+        }
       }
       /**
        * Try a streaming chat on a specific provider, optionally with an alternate model.
@@ -76522,7 +76696,8 @@ var init_router2 = __esm({
         });
         const ctx = catalogEntry?.contextWindow;
         if (!ctx || ctx <= 0) {
-          throw new Error(name === "markus" ? `Cannot resolve context_window for markus model "${provider.model || "(unset)"}": it is not in the loaded Hub catalog (catalog may be empty). Please check the Hub connection and refresh the model list, or reconfigure the model. No default is substituted.` : `Cannot resolve context_window for provider "${name}" (model "${provider.model || "(unset)"}"): the model is unknown to the built-in catalog. Please configure the model or fix the model id. No default is substituted.`);
+          log57.warn(`No context_window for provider "${name}" model "${provider.model || "(unset)"}" \u2014 using fallback ${DEFAULT_CONTEXT_WINDOW_FALLBACK}. Configure the model for accurate budgeting.`);
+          return DEFAULT_CONTEXT_WINDOW_FALLBACK;
         }
         return ctx;
       }
@@ -76544,7 +76719,8 @@ var init_router2 = __esm({
         });
         const out = catalogEntry?.maxOutputTokens;
         if (!out || out <= 0) {
-          throw new Error(`Cannot resolve max_output_tokens for provider "${name}" (model "${provider.model || "(unset)"}"). The model catalog must supply a real value \u2014 refresh the Hub catalog / reconfigure the model. No default is substituted.`);
+          log57.warn(`No max_output_tokens for provider "${name}" model "${provider.model || "(unset)"}" \u2014 using fallback ${DEFAULT_MAX_OUTPUT_FALLBACK}.`);
+          return DEFAULT_MAX_OUTPUT_FALLBACK;
         }
         return out;
       }
@@ -215631,6 +215807,53 @@ EXPLANATION_END`;
             }
             return;
           }
+          if (providerName === "ollama") {
+            const ollamaUrl = process.env["OLLAMA_BASE_URL"] || "http://localhost:11434";
+            const providerInstance = this.llmRouter?.getProvider("ollama");
+            const configuredBaseUrl = providerInstance?.baseUrl;
+            const baseUrl = configuredBaseUrl ?? ollamaUrl;
+            try {
+              const ctrl = new AbortController();
+              const tmr = setTimeout(() => ctrl.abort(), 5e3);
+              const ollamaRes = await fetch(`${String(baseUrl).replace(/\/+$/, "")}/api/tags`, { signal: ctrl.signal });
+              clearTimeout(tmr);
+              if (!ollamaRes.ok) {
+                this.json(res, 200, { provider: "ollama", models: [], source: "error", error: `Ollama returned HTTP ${ollamaRes.status}` });
+                return;
+              }
+              const data = await ollamaRes.json();
+              const models = await Promise.all((data.models ?? []).map(async (m) => {
+                const caps = await this.probeOllamaCapabilities(String(baseUrl).replace(/\/+$/, ""), m.name);
+                return {
+                  id: m.name,
+                  provider: "ollama",
+                  mode: "chat",
+                  maxInputTokens: 0,
+                  maxOutputTokens: 0,
+                  inputCostPer1MTokens: 0,
+                  outputCostPer1MTokens: 0,
+                  capabilities: {
+                    vision: caps.includes("vision"),
+                    functionCalling: caps.includes("tools"),
+                    reasoning: caps.includes("thinking"),
+                    promptCaching: false,
+                    webSearch: false,
+                    audioInput: false,
+                    audioOutput: false
+                  },
+                  size: m.size,
+                  modifiedAt: m.modified_at,
+                  parameterSize: m.details?.parameter_size,
+                  family: m.details?.family,
+                  quantization: m.details?.quantization_level
+                };
+              }));
+              this.json(res, 200, { provider: "ollama", models, source: "live", count: models.length });
+            } catch (err) {
+              this.json(res, 200, { provider: "ollama", models: [], source: "error", error: err instanceof Error ? err.message : String(err) });
+            }
+            return;
+          }
           try {
             const providerInstance = this.llmRouter?.getProvider(providerName);
             const apiKey = providerInstance?.apiKey ?? "";
@@ -215677,6 +215900,10 @@ EXPLANATION_END`;
             }
           } catch {
           }
+          try {
+            await this.llmRouter.refreshOllamaLocalModels?.();
+          } catch {
+          }
           this.json(res, 200, this.llmRouter.getEnhancedSettings());
           return;
         }
@@ -216883,6 +217110,11 @@ data: ${JSON.stringify({ error: msg })}
               apiKey,
               baseUrl
             });
+            if (name === "ollama") {
+              await this.llmRouter.refreshOllamaLocalModels?.(baseUrl);
+            } else {
+              await this.llmRouter.refreshProviderLiveModels?.(name, baseUrl, apiKey);
+            }
             if (enabled === false) {
               this.llmRouter.setProviderEnabled(name, false);
             }
@@ -216965,6 +217197,11 @@ data: ${JSON.stringify({ error: msg })}
             if (typeof enabled === "boolean") {
               this.llmRouter.setProviderEnabled(providerName, enabled);
             }
+            if (providerName === "ollama") {
+              await this.llmRouter.refreshOllamaLocalModels?.(baseUrl ?? void 0);
+            } else {
+              await this.llmRouter.refreshProviderLiveModels?.(providerName, baseUrl ?? void 0, apiKey);
+            }
             if (contextWindow || maxOutputTokens || cost) {
               this.llmRouter.updateProviderModelConfig(providerName, {
                 ...contextWindow ? { contextWindow } : {},
@@ -217245,26 +217482,30 @@ data: ${JSON.stringify({ error: msg })}
             this.json(res, 404, { ok: false, error: `Provider "${providerName}" not found or not configured` });
             return;
           }
+          const body = await this.readBody(req);
+          const requestedModel = typeof body?.model === "string" && body.model.trim() ? body.model.trim() : void 0;
           const requestBody = {
             messages: [{ role: "user", content: "Reply with exactly one word: hello" }],
             // No maxTokens cap: a reasoning model spends the whole budget on hidden
             // reasoning under a tight cap, returning empty content and producing a
             // false "empty response / misconfigured" result. Let the router fill in
             // the model's real limit; the model stops after the one-word reply.
-            temperature: 0
+            temperature: 0,
+            ...requestedModel ? { model: requestedModel } : {}
           };
           const baseUrl = provider.baseUrl ?? provider.config?.baseUrl ?? "";
           try {
             const startMs = Date.now();
-            const response = await this.llmRouter.chatDirect(requestBody, providerName);
+            const response = await this.llmRouter.chatDirect(requestBody, providerName, requestedModel);
             const durationMs = Date.now() - startMs;
             const reply = (response.content ?? "").trim();
             const requestUrl = response._providerBaseUrl ?? baseUrl;
+            const resultModel = response._model ?? requestedModel ?? provider.model;
             if (!reply) {
               this.json(res, 200, {
                 ok: false,
                 error: "Model returned empty response \u2014 API key or model may be misconfigured",
-                model: provider.model,
+                model: resultModel,
                 durationMs,
                 requestUrl,
                 requestBody
@@ -217273,7 +217514,7 @@ data: ${JSON.stringify({ error: msg })}
               this.json(res, 200, {
                 ok: true,
                 durationMs,
-                model: provider.model,
+                model: resultModel,
                 reply: reply.slice(0, 100),
                 usage: response.usage,
                 requestUrl,
@@ -217300,7 +217541,7 @@ data: ${JSON.stringify({ error: msg })}
               ok: false,
               error: errorMsg.slice(0, 500),
               errorCode,
-              model: provider.model,
+              model: requestedModel ?? provider.model,
               requestUrl: baseUrl,
               requestBody
             });
@@ -220742,6 +220983,30 @@ You can now:
           failures
         };
       }
+      /**
+       * Probe a local Ollama model's capabilities (`vision` / `tools` / `thinking`)
+       * via `/api/show`. Returns an empty array on any failure so callers can keep
+       * a conservative default without breaking model listing.
+       */
+      async probeOllamaCapabilities(baseUrl, modelId) {
+        try {
+          const ctrl = new AbortController();
+          const tmr = setTimeout(() => ctrl.abort(), 4e3);
+          const res = await fetch(`${String(baseUrl).replace(/\/+$/, "")}/api/show`, {
+            method: "POST",
+            headers: { "Content-Type": "application/json" },
+            body: JSON.stringify({ model: modelId }),
+            signal: ctrl.signal
+          });
+          clearTimeout(tmr);
+          if (!res.ok)
+            return [];
+          const data = await res.json();
+          return Array.isArray(data.capabilities) ? data.capabilities : [];
+        } catch {
+          return [];
+        }
+      }
       async validateProviderKey(provider, apiKey, baseUrl) {
         const PROVIDER_BASE_URLS = {
           anthropic: "https://api.anthropic.com",
@@ -220833,7 +221098,9 @@ You can now:
                   maxOutputTokens: gm.outputTokenLimit || 8192,
                   inputCostPer1MTokens: 0,
                   outputCostPer1MTokens: 0,
-                  capabilities: { vision: false, functionCalling: false, reasoning: false, promptCaching: false, webSearch: false, audioInput: false, audioOutput: false }
+                  // Gemini `generateContent` models are multimodal (image-in capable)
+                  // unless they are embedding-only, which are filtered out above.
+                  capabilities: { vision: true, functionCalling: true, reasoning: false, promptCaching: false, webSearch: false, audioInput: false, audioOutput: false }
                 });
               }
             }
@@ -220972,7 +221239,15 @@ You can now:
               inputCostPer1M = parseFloat(pricing.prompt || "0") * 1e6;
               outputCostPer1M = parseFloat(pricing.completion || "0") * 1e6;
             }
-            return { contextLength, maxOutput, inputCostPer1M, outputCostPer1M };
+            const arch4 = remoteModel.architecture ?? {};
+            const capsArr = Array.isArray(remoteModel.capabilities) ? remoteModel.capabilities : [];
+            const capsObj = remoteModel.capabilities ?? {};
+            const modalities = arch4.input_modalities ?? remoteModel.input_modalities ?? [];
+            const flagTrue = (key2) => capsObj[key2] === true || capsArr.includes(key2) || remoteModel[key2] === true;
+            const vision = modalities.includes("image") || flagTrue("vision");
+            const reasoning = flagTrue("reasoning") || flagTrue("thinking");
+            const functionCalling = flagTrue("function_calling") || flagTrue("functionCalling") || flagTrue("tools");
+            return { contextLength, maxOutput, inputCostPer1M, outputCostPer1M, vision, reasoning, functionCalling };
           };
           let providerFallbackContext = 128e3;
           if (catalogModels.length > 0) {
@@ -221010,7 +221285,7 @@ You can now:
                 maxOutputTokens: apiMeta.maxOutput || 8192,
                 inputCostPer1MTokens: apiMeta.inputCostPer1M,
                 outputCostPer1MTokens: apiMeta.outputCostPer1M,
-                capabilities: { vision: false, functionCalling: false, reasoning: false, promptCaching: false, webSearch: false, audioInput: false, audioOutput: false }
+                capabilities: { vision: apiMeta.vision, functionCalling: apiMeta.functionCalling, reasoning: apiMeta.reasoning, promptCaching: false, webSearch: false, audioInput: false, audioOutput: false }
               });
             }
           }

package/dist/web-ui/assets/{CommentInput-Dvlq2svZ.js → CommentInput-H50XI7sG.js}

@@ -1 +1 @@
-import{j as t,u as T,r as a,k as ee}from"./index-CcppNtga.js";const te=1920,ne=10*1024*1024,W=5,re=.8;function se(l,u,i){return new Promise((g,f)=>{const y=new Image;y.onload=()=>{let{width:s,height:r}=y;if(s<=u&&r<=u){g(l);return}s>r?(r=Math.round(r*(u/s)),s=u):(s=Math.round(s*(u/r)),r=u);const x=document.createElement("canvas");x.width=s,x.height=r;const b=x.getContext("2d");if(!b){f(new Error("Failed to get canvas context"));return}b.drawImage(y,0,0,s,r),g(x.toDataURL("image/jpeg",i))},y.onerror=()=>f(new Error("Failed to load image")),y.src=l})}function ae({candidates:l,filter:u,anchorRef:i,onSelect:g,selectedIndex:f,onIndexChange:y}){const{t:s}=T("common"),[r,x]=a.useState(null),b=a.useRef(null),w=l.filter(d=>d.name.toLowerCase().includes(u));return a.useEffect(()=>{const d=i.current;if(!d)return;const h=d.getBoundingClientRect();x({top:h.top+window.scrollY-4,left:h.left+window.scrollX+8})},[i,u]),a.useEffect(()=>{if(!b.current||!r)return;if(b.current.getBoundingClientRect().top<8){const h=i.current;if(!h)return;const c=h.getBoundingClientRect();x({top:c.bottom+window.scrollY+4,left:r.left})}},[r,i]),a.useEffect(()=>{f>=w.length&&y(Math.max(0,w.length-1))},[w.length,f,y]),a.useEffect(()=>{if(!b.current)return;b.current.querySelector('[data-selected="true"]')?.scrollIntoView({block:"nearest"})},[f]),!r||w.length===0?null:ee.createPortal(t.jsxs("div",{ref:b,style:{position:"absolute",top:r.top,left:r.left,transform:"translateY(-100%)"},className:"w-60 bg-surface-overlay border border-border-default rounded-lg shadow-xl z-[9999] max-h-48 overflow-y-auto",children:[t.jsx("div",{className:"px-2.5 py-1.5 text-[10px] text-fg-tertiary font-medium uppercase tracking-wider border-b border-border-default",children:s("commentInput.mentionHeading")}),w.map((d,h)=>t.jsxs("button",{"data-selected":h===f,onMouseDown:c=>{c.preventDefault(),g(d)},onMouseEnter:()=>y(h),className:`w-full text-left px-3 py-2 text-xs flex items-center gap-2 transition-colors ${h===f?"bg-brand-500/15 text-brand-500":"hover:bg-surface-elevated"}`,children:[t.jsx("span",{className:`w-6 h-6 rounded-full flex items-center justify-center text-[10px] font-bold shrink-0 ${d.type==="human"?"bg-green-500/20 text-green-500":"bg-brand-500/20 text-brand-500"}`,children:d.name.slice(0,2).toUpperCase()}),t.jsxs("div",{className:"flex-1 min-w-0",children:[t.jsx("span",{className:"text-fg-primary font-medium",children:d.name}),t.jsx("span",{className:"text-fg-tertiary text-[10px] ml-1.5",children:d.subtitle??d.type})]}),d.type==="agent"&&t.jsx("span",{className:`w-1.5 h-1.5 rounded-full shrink-0 ${d.online?"bg-green-400":"bg-gray-500"}`})]},d.id))]}),document.body)}function oe(l){return/^\w+$/.test(l)?`@${l}`:`@[${l}]`}const K=/@\[([^\]]+)\]|@([\w\p{L}\p{N}]+)/gu;function ie(l){const u=[];let i;for(K.lastIndex=0;(i=K.exec(l))!==null;)u.push(i[1]??i[2]);return u}function ce(l,u,i){const g=[];let f=0;const y=u.map(r=>r.name).sort((r,x)=>x.length-r.length);let s=0;for(;s<l.length;){const r=l.indexOf("@",s);if(r<0){g.push(t.jsx("span",{children:l.slice(s)},f++));break}if(r>s&&g.push(t.jsx("span",{children:l.slice(s,r)},f++)),l[r+1]==="["){const c=l.indexOf("]",r+2);if(c>r+2){const m=l.slice(r+2,c),j=u.find(k=>k.name.toLowerCase()===m.toLowerCase());g.push(t.jsxs("span",{className:`text-brand-500 font-medium ${i&&j?"cursor-pointer hover:underline":""}`,onClick:i&&j?k=>i(j,k):void 0,title:j?`${j.name} (${j.role})`:void 0,children:["@",m]},f++)),s=c+1;continue}}const x=l.slice(r+1),b=x.toLowerCase(),w=y.find(c=>b.startsWith(c.toLowerCase()));if(w){const c=u.find(m=>m.name.toLowerCase()===w.toLowerCase());g.push(t.jsxs("span",{className:`text-brand-500 font-medium ${i&&c?"cursor-pointer hover:underline":""}`,onClick:i&&c?m=>i(c,m):void 0,title:c?`${c.name} (${c.role})`:void 0,children:["@",w]},f++)),s=r+1+w.length;continue}const d=/^([\w\p{L}\p{N}]+)/u,h=x.match(d);if(h){const c=h[1],m=u.find(j=>j.name.toLowerCase()===c.toLowerCase());g.push(t.jsxs("span",{className:`text-brand-500 font-medium ${i&&m?"cursor-pointer hover:underline":""}`,onClick:i&&m?j=>i(m,j):void 0,title:m?`${m.name} (${m.role})`:void 0,children:["@",c]},f++)),s=r+1+c.length;continue}g.push(t.jsx("span",{children:"@"},f++)),s=r+1}return g.length>0?g:[t.jsx("span",{children:l},0)]}function de({agents:l,humans:u,onSubmit:i,placeholder:g,replyTo:f,onCancelReply:y}){const{t:s}=T("common"),[r,x]=a.useState(""),[b,w]=a.useState(!1),[d,h]=a.useState(null),[c,m]=a.useState(!1),[j,k]=a.useState(""),[C,S]=a.useState([]),[B,I]=a.useState(0),[N,M]=a.useState([]),[z,A]=a.useState(!1),F=a.useRef(null),U=a.useRef(null),L=a.useRef(null),$=a.useMemo(()=>{const e=(u??[]).map(n=>({id:n.id,name:n.name,type:"human",subtitle:n.role}));for(const n of l)e.push({id:n.id,name:n.name,type:"agent",subtitle:n.role,online:n.status==="idle"||n.status==="working"});return e},[l,u]),D=$.filter(e=>e.name.toLowerCase().includes(j)),E=a.useCallback(e=>{const n=Array.from(e).filter(o=>o.type.startsWith("image/"));if(n.length!==0)for(const o of n){if(o.size>ne)continue;const p=new FileReader;p.onload=()=>{const R=p.result;se(R,te,re).then(v=>{M(_=>_.length>=W?_:[..._,{id:`img_${Date.now()}_${Math.random().toString(36).slice(2,6)}`,dataUrl:v,name:o.name}])})},p.readAsDataURL(o)}},[]),X=a.useCallback(e=>{M(n=>n.filter(o=>o.id!==e))},[]),Y=a.useCallback(e=>{const n=e.clipboardData?.files;if(n&&n.length>0){const o=Array.from(n).filter(p=>p.type.startsWith("image/"));o.length>0&&(e.preventDefault(),E(o))}},[E]),q=a.useCallback(e=>{e.preventDefault(),A(!1);const n=e.dataTransfer?.files;n&&n.length>0&&E(Array.from(n).filter(o=>o.type.startsWith("image/")))},[E]),G=a.useCallback(e=>{e.preventDefault(),A(!0)},[]),H=a.useCallback(()=>{A(!1)},[]),O=async()=>{if(!(!r.trim()&&N.length===0)){w(!0),h(null),L.current={content:r,mentions:[...C],images:[...N]};try{await i(r,C,[...N],f?.id),x(""),S([]),M([]),L.current=null,y?.()}catch(e){h(String(e instanceof Error?e.message:e)||s("commentInput.sendFailed"))}w(!1)}},Q=async()=>{if(!L.current)return;const{content:e,mentions:n,images:o}=L.current;w(!0),h(null);try{await i(e,n,o),x(""),S([]),M([]),L.current=null}catch(p){h(String(p instanceof Error?p.message:p)||s("commentInput.sendFailed"))}w(!1)},P=a.useCallback(e=>{x(n=>{const o=n.lastIndexOf("@"),p=oe(e.name);return o>=0?n.slice(0,o)+p+" ":n+p+" "}),C.includes(e.id)||S(n=>[...n,e.id]),m(!1),k(""),I(0),F.current?.focus()},[C]),V=e=>{x(e),h(null);const n=e.lastIndexOf("@");if(n>=0&&(n===0||e[n-1]===" ")){const p=e.slice(n+1).toLowerCase();if($.some(v=>v.name.toLowerCase().includes(p))){k(p),m(!0),I(0);return}}m(!1)},Z=e=>{if(c&&D.length>0){const n=e.key==="ArrowUp"||e.ctrlKey&&e.key==="p",o=e.key==="ArrowDown"||e.ctrlKey&&e.key==="n",p=e.key==="Enter"||e.key==="Tab",R=e.key==="Escape";if(n){e.preventDefault(),I(v=>(v-1+D.length)%D.length);return}if(o){e.preventDefault(),I(v=>(v+1)%D.length);return}if(p){e.preventDefault();const v=D[B];v&&P(v);return}if(R){e.preventDefault(),m(!1);return}}e.key==="Enter"&&!e.shiftKey&&(e.preventDefault(),O())},J=a.useCallback(()=>{setTimeout(()=>m(!1),200)},[]);return t.jsxs("div",{className:"relative",onDragOver:G,onDragLeave:H,onDrop:q,children:[z&&t.jsx("div",{className:"absolute inset-0 z-50 flex items-center justify-center bg-brand-500/10 rounded-lg border-2 border-dashed border-brand-500",children:t.jsx("span",{className:"text-sm text-brand-500 font-medium",children:s("commentInput.dragDropHint")})}),c&&t.jsx(ae,{candidates:$,filter:j,anchorRef:F,onSelect:P,selectedIndex:B,onIndexChange:I}),t.jsxs("div",{className:"border border-border-default rounded-lg bg-surface-elevated",children:[f&&t.jsxs("div",{className:"flex items-center gap-2 px-2.5 pt-2 pb-1 border-b border-border-default/50",children:[t.jsxs("div",{className:"flex-1 min-w-0 pl-2 border-l-2 border-brand-500/50",children:[t.jsx("span",{className:"text-[10px] font-medium text-brand-500",children:f.authorName}),t.jsx("p",{className:"text-[10px] text-fg-tertiary truncate",children:f.content})]}),t.jsx("button",{onClick:y,className:"text-fg-tertiary hover:text-fg-secondary shrink-0 p-0.5",children:t.jsxs("svg",{width:"12",height:"12",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",children:[t.jsx("line",{x1:"18",y1:"6",x2:"6",y2:"18"}),t.jsx("line",{x1:"6",y1:"6",x2:"18",y2:"18"})]})})]}),C.length>0&&t.jsx("div",{className:"flex gap-1 px-2.5 pt-2 flex-wrap",children:C.map(e=>{const n=$.find(o=>o.id===e);return t.jsxs("span",{className:`inline-flex items-center gap-1 px-1.5 py-0.5 text-[10px] rounded-full ${n?.type==="human"?"bg-green-500/15 text-green-500":"bg-brand-500/15 text-brand-500"}`,children:["@",n?.name??e,t.jsx("button",{onClick:()=>S(o=>o.filter(p=>p!==e)),className:"hover:text-red-400",children:"×"})]},e)})}),t.jsx("textarea",{ref:F,value:r,onChange:e=>V(e.target.value),onKeyDown:Z,onBlur:J,onPaste:Y,placeholder:g??s("commentInput.placeholder"),rows:2,className:"w-full px-2.5 py-2 text-xs bg-transparent text-fg-primary placeholder-fg-tertiary outline-none resize-none"}),N.length>0&&t.jsx("div",{className:"flex items-center gap-1.5 px-2.5 pb-1.5 overflow-x-auto",children:N.map(e=>t.jsxs("div",{className:"relative group/img shrink-0",children:[t.jsx("img",{src:e.dataUrl,alt:e.name,className:"w-12 h-12 rounded-lg object-cover border border-border-default"}),t.jsx("button",{onClick:()=>X(e.id),className:"absolute -top-1.5 -right-1.5 w-4 h-4 bg-surface-secondary border border-gray-600 rounded-full flex items-center justify-center text-fg-secondary hover:text-red-500 hover:border-red-500 text-[10px] opacity-0 group-hover/img:opacity-100 transition-opacity",title:s("commentInput.removeImage"),children:"×"})]},e.id))}),d&&t.jsxs("div",{className:"flex items-center gap-2 px-2.5 pb-1.5",children:[t.jsx("span",{className:"text-[11px] text-red-400 flex-1 truncate",children:d}),t.jsxs("button",{onClick:Q,disabled:b,className:"text-[11px] text-amber-500 hover:text-amber-400 font-medium transition-colors flex items-center gap-1",children:[t.jsxs("svg",{className:"w-3 h-3",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",children:[t.jsx("polyline",{points:"23 4 23 10 17 10"}),t.jsx("path",{d:"M20.49 15a9 9 0 11-2.12-9.36L23 10"})]}),s("commentInput.retry")]})]}),t.jsxs("div",{className:"flex items-center justify-between px-2.5 pb-2",children:[t.jsx("button",{type:"button",onClick:()=>U.current?.click(),disabled:b||N.length>=W,className:"p-1 text-fg-tertiary hover:text-brand-500 disabled:opacity-30 disabled:cursor-not-allowed transition-colors",title:s("commentInput.attachImage"),children:t.jsxs("svg",{className:"w-4 h-4",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",children:[t.jsx("rect",{x:"3",y:"3",width:"18",height:"18",rx:"2",ry:"2"}),t.jsx("circle",{cx:"8.5",cy:"8.5",r:"1.5"}),t.jsx("polyline",{points:"21 15 16 10 5 21"})]})}),t.jsx("input",{ref:U,type:"file",accept:"image/*",multiple:!0,className:"hidden",onChange:e=>{e.target.files&&E(e.target.files),e.target.value=""}}),t.jsx("button",{onClick:O,disabled:!r.trim()&&N.length===0||b,className:"px-3 py-1 text-[11px] font-medium bg-brand-500 text-white rounded-md hover:bg-brand-600 disabled:opacity-40 disabled:cursor-not-allowed transition-colors",children:s(b?"commentInput.sending":"commentInput.submit")})]})]}),t.jsx("p",{className:"mt-1 text-center text-[10px] text-fg-tertiary/80 select-none",children:s("aiDisclaimer")})]})}export{de as C,ie as p,ce as r};
+import{j as t,u as T,r as a,k as ee}from"./index-B-xjev59.js";const te=1920,ne=10*1024*1024,W=5,re=.8;function se(l,u,i){return new Promise((g,f)=>{const y=new Image;y.onload=()=>{let{width:s,height:r}=y;if(s<=u&&r<=u){g(l);return}s>r?(r=Math.round(r*(u/s)),s=u):(s=Math.round(s*(u/r)),r=u);const x=document.createElement("canvas");x.width=s,x.height=r;const b=x.getContext("2d");if(!b){f(new Error("Failed to get canvas context"));return}b.drawImage(y,0,0,s,r),g(x.toDataURL("image/jpeg",i))},y.onerror=()=>f(new Error("Failed to load image")),y.src=l})}function ae({candidates:l,filter:u,anchorRef:i,onSelect:g,selectedIndex:f,onIndexChange:y}){const{t:s}=T("common"),[r,x]=a.useState(null),b=a.useRef(null),w=l.filter(d=>d.name.toLowerCase().includes(u));return a.useEffect(()=>{const d=i.current;if(!d)return;const h=d.getBoundingClientRect();x({top:h.top+window.scrollY-4,left:h.left+window.scrollX+8})},[i,u]),a.useEffect(()=>{if(!b.current||!r)return;if(b.current.getBoundingClientRect().top<8){const h=i.current;if(!h)return;const c=h.getBoundingClientRect();x({top:c.bottom+window.scrollY+4,left:r.left})}},[r,i]),a.useEffect(()=>{f>=w.length&&y(Math.max(0,w.length-1))},[w.length,f,y]),a.useEffect(()=>{if(!b.current)return;b.current.querySelector('[data-selected="true"]')?.scrollIntoView({block:"nearest"})},[f]),!r||w.length===0?null:ee.createPortal(t.jsxs("div",{ref:b,style:{position:"absolute",top:r.top,left:r.left,transform:"translateY(-100%)"},className:"w-60 bg-surface-overlay border border-border-default rounded-lg shadow-xl z-[9999] max-h-48 overflow-y-auto",children:[t.jsx("div",{className:"px-2.5 py-1.5 text-[10px] text-fg-tertiary font-medium uppercase tracking-wider border-b border-border-default",children:s("commentInput.mentionHeading")}),w.map((d,h)=>t.jsxs("button",{"data-selected":h===f,onMouseDown:c=>{c.preventDefault(),g(d)},onMouseEnter:()=>y(h),className:`w-full text-left px-3 py-2 text-xs flex items-center gap-2 transition-colors ${h===f?"bg-brand-500/15 text-brand-500":"hover:bg-surface-elevated"}`,children:[t.jsx("span",{className:`w-6 h-6 rounded-full flex items-center justify-center text-[10px] font-bold shrink-0 ${d.type==="human"?"bg-green-500/20 text-green-500":"bg-brand-500/20 text-brand-500"}`,children:d.name.slice(0,2).toUpperCase()}),t.jsxs("div",{className:"flex-1 min-w-0",children:[t.jsx("span",{className:"text-fg-primary font-medium",children:d.name}),t.jsx("span",{className:"text-fg-tertiary text-[10px] ml-1.5",children:d.subtitle??d.type})]}),d.type==="agent"&&t.jsx("span",{className:`w-1.5 h-1.5 rounded-full shrink-0 ${d.online?"bg-green-400":"bg-gray-500"}`})]},d.id))]}),document.body)}function oe(l){return/^\w+$/.test(l)?`@${l}`:`@[${l}]`}const K=/@\[([^\]]+)\]|@([\w\p{L}\p{N}]+)/gu;function ie(l){const u=[];let i;for(K.lastIndex=0;(i=K.exec(l))!==null;)u.push(i[1]??i[2]);return u}function ce(l,u,i){const g=[];let f=0;const y=u.map(r=>r.name).sort((r,x)=>x.length-r.length);let s=0;for(;s<l.length;){const r=l.indexOf("@",s);if(r<0){g.push(t.jsx("span",{children:l.slice(s)},f++));break}if(r>s&&g.push(t.jsx("span",{children:l.slice(s,r)},f++)),l[r+1]==="["){const c=l.indexOf("]",r+2);if(c>r+2){const m=l.slice(r+2,c),j=u.find(k=>k.name.toLowerCase()===m.toLowerCase());g.push(t.jsxs("span",{className:`text-brand-500 font-medium ${i&&j?"cursor-pointer hover:underline":""}`,onClick:i&&j?k=>i(j,k):void 0,title:j?`${j.name} (${j.role})`:void 0,children:["@",m]},f++)),s=c+1;continue}}const x=l.slice(r+1),b=x.toLowerCase(),w=y.find(c=>b.startsWith(c.toLowerCase()));if(w){const c=u.find(m=>m.name.toLowerCase()===w.toLowerCase());g.push(t.jsxs("span",{className:`text-brand-500 font-medium ${i&&c?"cursor-pointer hover:underline":""}`,onClick:i&&c?m=>i(c,m):void 0,title:c?`${c.name} (${c.role})`:void 0,children:["@",w]},f++)),s=r+1+w.length;continue}const d=/^([\w\p{L}\p{N}]+)/u,h=x.match(d);if(h){const c=h[1],m=u.find(j=>j.name.toLowerCase()===c.toLowerCase());g.push(t.jsxs("span",{className:`text-brand-500 font-medium ${i&&m?"cursor-pointer hover:underline":""}`,onClick:i&&m?j=>i(m,j):void 0,title:m?`${m.name} (${m.role})`:void 0,children:["@",c]},f++)),s=r+1+c.length;continue}g.push(t.jsx("span",{children:"@"},f++)),s=r+1}return g.length>0?g:[t.jsx("span",{children:l},0)]}function de({agents:l,humans:u,onSubmit:i,placeholder:g,replyTo:f,onCancelReply:y}){const{t:s}=T("common"),[r,x]=a.useState(""),[b,w]=a.useState(!1),[d,h]=a.useState(null),[c,m]=a.useState(!1),[j,k]=a.useState(""),[C,S]=a.useState([]),[B,I]=a.useState(0),[N,M]=a.useState([]),[z,A]=a.useState(!1),F=a.useRef(null),U=a.useRef(null),L=a.useRef(null),$=a.useMemo(()=>{const e=(u??[]).map(n=>({id:n.id,name:n.name,type:"human",subtitle:n.role}));for(const n of l)e.push({id:n.id,name:n.name,type:"agent",subtitle:n.role,online:n.status==="idle"||n.status==="working"});return e},[l,u]),D=$.filter(e=>e.name.toLowerCase().includes(j)),E=a.useCallback(e=>{const n=Array.from(e).filter(o=>o.type.startsWith("image/"));if(n.length!==0)for(const o of n){if(o.size>ne)continue;const p=new FileReader;p.onload=()=>{const R=p.result;se(R,te,re).then(v=>{M(_=>_.length>=W?_:[..._,{id:`img_${Date.now()}_${Math.random().toString(36).slice(2,6)}`,dataUrl:v,name:o.name}])})},p.readAsDataURL(o)}},[]),X=a.useCallback(e=>{M(n=>n.filter(o=>o.id!==e))},[]),Y=a.useCallback(e=>{const n=e.clipboardData?.files;if(n&&n.length>0){const o=Array.from(n).filter(p=>p.type.startsWith("image/"));o.length>0&&(e.preventDefault(),E(o))}},[E]),q=a.useCallback(e=>{e.preventDefault(),A(!1);const n=e.dataTransfer?.files;n&&n.length>0&&E(Array.from(n).filter(o=>o.type.startsWith("image/")))},[E]),G=a.useCallback(e=>{e.preventDefault(),A(!0)},[]),H=a.useCallback(()=>{A(!1)},[]),O=async()=>{if(!(!r.trim()&&N.length===0)){w(!0),h(null),L.current={content:r,mentions:[...C],images:[...N]};try{await i(r,C,[...N],f?.id),x(""),S([]),M([]),L.current=null,y?.()}catch(e){h(String(e instanceof Error?e.message:e)||s("commentInput.sendFailed"))}w(!1)}},Q=async()=>{if(!L.current)return;const{content:e,mentions:n,images:o}=L.current;w(!0),h(null);try{await i(e,n,o),x(""),S([]),M([]),L.current=null}catch(p){h(String(p instanceof Error?p.message:p)||s("commentInput.sendFailed"))}w(!1)},P=a.useCallback(e=>{x(n=>{const o=n.lastIndexOf("@"),p=oe(e.name);return o>=0?n.slice(0,o)+p+" ":n+p+" "}),C.includes(e.id)||S(n=>[...n,e.id]),m(!1),k(""),I(0),F.current?.focus()},[C]),V=e=>{x(e),h(null);const n=e.lastIndexOf("@");if(n>=0&&(n===0||e[n-1]===" ")){const p=e.slice(n+1).toLowerCase();if($.some(v=>v.name.toLowerCase().includes(p))){k(p),m(!0),I(0);return}}m(!1)},Z=e=>{if(c&&D.length>0){const n=e.key==="ArrowUp"||e.ctrlKey&&e.key==="p",o=e.key==="ArrowDown"||e.ctrlKey&&e.key==="n",p=e.key==="Enter"||e.key==="Tab",R=e.key==="Escape";if(n){e.preventDefault(),I(v=>(v-1+D.length)%D.length);return}if(o){e.preventDefault(),I(v=>(v+1)%D.length);return}if(p){e.preventDefault();const v=D[B];v&&P(v);return}if(R){e.preventDefault(),m(!1);return}}e.key==="Enter"&&!e.shiftKey&&(e.preventDefault(),O())},J=a.useCallback(()=>{setTimeout(()=>m(!1),200)},[]);return t.jsxs("div",{className:"relative",onDragOver:G,onDragLeave:H,onDrop:q,children:[z&&t.jsx("div",{className:"absolute inset-0 z-50 flex items-center justify-center bg-brand-500/10 rounded-lg border-2 border-dashed border-brand-500",children:t.jsx("span",{className:"text-sm text-brand-500 font-medium",children:s("commentInput.dragDropHint")})}),c&&t.jsx(ae,{candidates:$,filter:j,anchorRef:F,onSelect:P,selectedIndex:B,onIndexChange:I}),t.jsxs("div",{className:"border border-border-default rounded-lg bg-surface-elevated",children:[f&&t.jsxs("div",{className:"flex items-center gap-2 px-2.5 pt-2 pb-1 border-b border-border-default/50",children:[t.jsxs("div",{className:"flex-1 min-w-0 pl-2 border-l-2 border-brand-500/50",children:[t.jsx("span",{className:"text-[10px] font-medium text-brand-500",children:f.authorName}),t.jsx("p",{className:"text-[10px] text-fg-tertiary truncate",children:f.content})]}),t.jsx("button",{onClick:y,className:"text-fg-tertiary hover:text-fg-secondary shrink-0 p-0.5",children:t.jsxs("svg",{width:"12",height:"12",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",children:[t.jsx("line",{x1:"18",y1:"6",x2:"6",y2:"18"}),t.jsx("line",{x1:"6",y1:"6",x2:"18",y2:"18"})]})})]}),C.length>0&&t.jsx("div",{className:"flex gap-1 px-2.5 pt-2 flex-wrap",children:C.map(e=>{const n=$.find(o=>o.id===e);return t.jsxs("span",{className:`inline-flex items-center gap-1 px-1.5 py-0.5 text-[10px] rounded-full ${n?.type==="human"?"bg-green-500/15 text-green-500":"bg-brand-500/15 text-brand-500"}`,children:["@",n?.name??e,t.jsx("button",{onClick:()=>S(o=>o.filter(p=>p!==e)),className:"hover:text-red-400",children:"×"})]},e)})}),t.jsx("textarea",{ref:F,value:r,onChange:e=>V(e.target.value),onKeyDown:Z,onBlur:J,onPaste:Y,placeholder:g??s("commentInput.placeholder"),rows:2,className:"w-full px-2.5 py-2 text-xs bg-transparent text-fg-primary placeholder-fg-tertiary outline-none resize-none"}),N.length>0&&t.jsx("div",{className:"flex items-center gap-1.5 px-2.5 pb-1.5 overflow-x-auto",children:N.map(e=>t.jsxs("div",{className:"relative group/img shrink-0",children:[t.jsx("img",{src:e.dataUrl,alt:e.name,className:"w-12 h-12 rounded-lg object-cover border border-border-default"}),t.jsx("button",{onClick:()=>X(e.id),className:"absolute -top-1.5 -right-1.5 w-4 h-4 bg-surface-secondary border border-gray-600 rounded-full flex items-center justify-center text-fg-secondary hover:text-red-500 hover:border-red-500 text-[10px] opacity-0 group-hover/img:opacity-100 transition-opacity",title:s("commentInput.removeImage"),children:"×"})]},e.id))}),d&&t.jsxs("div",{className:"flex items-center gap-2 px-2.5 pb-1.5",children:[t.jsx("span",{className:"text-[11px] text-red-400 flex-1 truncate",children:d}),t.jsxs("button",{onClick:Q,disabled:b,className:"text-[11px] text-amber-500 hover:text-amber-400 font-medium transition-colors flex items-center gap-1",children:[t.jsxs("svg",{className:"w-3 h-3",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",children:[t.jsx("polyline",{points:"23 4 23 10 17 10"}),t.jsx("path",{d:"M20.49 15a9 9 0 11-2.12-9.36L23 10"})]}),s("commentInput.retry")]})]}),t.jsxs("div",{className:"flex items-center justify-between px-2.5 pb-2",children:[t.jsx("button",{type:"button",onClick:()=>U.current?.click(),disabled:b||N.length>=W,className:"p-1 text-fg-tertiary hover:text-brand-500 disabled:opacity-30 disabled:cursor-not-allowed transition-colors",title:s("commentInput.attachImage"),children:t.jsxs("svg",{className:"w-4 h-4",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",children:[t.jsx("rect",{x:"3",y:"3",width:"18",height:"18",rx:"2",ry:"2"}),t.jsx("circle",{cx:"8.5",cy:"8.5",r:"1.5"}),t.jsx("polyline",{points:"21 15 16 10 5 21"})]})}),t.jsx("input",{ref:U,type:"file",accept:"image/*",multiple:!0,className:"hidden",onChange:e=>{e.target.files&&E(e.target.files),e.target.value=""}}),t.jsx("button",{onClick:O,disabled:!r.trim()&&N.length===0||b,className:"px-3 py-1 text-[11px] font-medium bg-brand-500 text-white rounded-md hover:bg-brand-600 disabled:opacity-40 disabled:cursor-not-allowed transition-colors",children:s(b?"commentInput.sending":"commentInput.submit")})]})]}),t.jsx("p",{className:"mt-1 text-center text-[10px] text-fg-tertiary/80 select-none",children:s("aiDisclaimer")})]})}export{de as C,ie as p,ce as r};

package/dist/web-ui/assets/{ContentRenderer-BfnvpFM7.js → ContentRenderer-CbJWw6ni.js}

@@ -1,5 +1,5 @@
-const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["assets/index-CcppNtga.js","assets/index-BbQpGkiM.css"])))=>i.map(i=>d[i]);
-import{j as a,r as i,_ as f}from"./index-CcppNtga.js";const x=i.lazy(()=>f(()=>import("./index-CcppNtga.js").then(e=>e.aE),__vite__mapDeps([0,1])).then(e=>({default:e.MarkdownMessage}))),b=new Set(["ts","tsx","js","jsx","mjs","cjs","py","go","rs","java","kt","kts","c","cc","cpp","cxx","h","hpp","hxx","cs","rb","php","swift","scala","sh","bash","zsh","fish","ps1","sql","yaml","yml","toml","xml","css","scss","less","vue","svelte","graphql","gql","proto","dockerfile","makefile","cmake","rsx","r","lua","pl","pm","ex","exs","erl","hs","clj","zig","nim","dart","gradle","tf","hcl"]);function v(e){const t=e.split(/[/\\]/).pop()?.toLowerCase()||"";if(t==="dockerfile"||t==="makefile")return"code";const r=t.includes(".")?t.split(".").pop():"";switch(r){case"md":case"markdown":return"markdown";case"html":case"htm":return"html";case"json":case"jsonc":return"json";case"csv":case"tsv":return"csv";default:return r&&b.has(r)?"code":r?"text":void 0}}function w(e){const t=e.trimStart();if(/^<!doctype\s+html/i.test(t)||/^<html[\s>]/i.test(t))return"html";if(t.startsWith("{")||t.startsWith("["))try{return JSON.parse(e),"json"}catch{}}function S(e){if(e.format)return e.format;if(e.reference){const t=v(e.reference);if(t)return t}if(e.content){const t=w(e.content);if(t)return t}return e.reference?"text":"markdown"}function y({content:e,className:t,onSelection:r}){const c=i.useRef(null),[l,p]=i.useState(null);i.useEffect(()=>{const o=d=>{d.data?.type==="__htmlpreview_height"&&typeof d.data.height=="number"&&p(d.data.height),d.data?.type==="__htmlpreview_selection"&&r&&r(d.data)};return window.addEventListener("message",o),()=>window.removeEventListener("message",o)},[r]);const h=`<script>
+const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["assets/index-B-xjev59.js","assets/index-BbQpGkiM.css"])))=>i.map(i=>d[i]);
+import{j as a,r as i,_ as f}from"./index-B-xjev59.js";const x=i.lazy(()=>f(()=>import("./index-B-xjev59.js").then(e=>e.aE),__vite__mapDeps([0,1])).then(e=>({default:e.MarkdownMessage}))),b=new Set(["ts","tsx","js","jsx","mjs","cjs","py","go","rs","java","kt","kts","c","cc","cpp","cxx","h","hpp","hxx","cs","rb","php","swift","scala","sh","bash","zsh","fish","ps1","sql","yaml","yml","toml","xml","css","scss","less","vue","svelte","graphql","gql","proto","dockerfile","makefile","cmake","rsx","r","lua","pl","pm","ex","exs","erl","hs","clj","zig","nim","dart","gradle","tf","hcl"]);function v(e){const t=e.split(/[/\\]/).pop()?.toLowerCase()||"";if(t==="dockerfile"||t==="makefile")return"code";const r=t.includes(".")?t.split(".").pop():"";switch(r){case"md":case"markdown":return"markdown";case"html":case"htm":return"html";case"json":case"jsonc":return"json";case"csv":case"tsv":return"csv";default:return r&&b.has(r)?"code":r?"text":void 0}}function w(e){const t=e.trimStart();if(/^<!doctype\s+html/i.test(t)||/^<html[\s>]/i.test(t))return"html";if(t.startsWith("{")||t.startsWith("["))try{return JSON.parse(e),"json"}catch{}}function S(e){if(e.format)return e.format;if(e.reference){const t=v(e.reference);if(t)return t}if(e.content){const t=w(e.content);if(t)return t}return e.reference?"text":"markdown"}function y({content:e,className:t,onSelection:r}){const c=i.useRef(null),[l,p]=i.useState(null);i.useEffect(()=>{const o=d=>{d.data?.type==="__htmlpreview_height"&&typeof d.data.height=="number"&&p(d.data.height),d.data?.type==="__htmlpreview_selection"&&r&&r(d.data)};return window.addEventListener("message",o),()=>window.removeEventListener("message",o)},[r]);const h=`<script>
 (function(){
   function getXPath(el){
     if(!el||el.nodeType!==1)return'';