@unikode/cli 1.0.13 → 1.0.15

package/dist/index.js

@@ -969,6 +969,22 @@ var SUPPORTED_CHAT_MODELS = [
       inputUsdPerMillionTokens: 30,
       outputUsdPerMillionTokens: 30
     }
+  },
+  {
+    id: "qwen3:4b",
+    provider: "local-ollama",
+    pricing: {
+      inputUsdPerMillionTokens: 30,
+      outputUsdPerMillionTokens: 30
+    }
+  },
+  {
+    id: "gpt-oss:120b-cloud",
+    provider: "local-ollama",
+    pricing: {
+      inputUsdPerMillionTokens: 30,
+      outputUsdPerMillionTokens: 30
+    }
   }
 ];
 function findSupportedChatModel(modelId) {
@@ -2916,7 +2932,7 @@ function Docs() {
 }
 
 // src/screens/new-session.tsx
-import { useEffect as useEffect4, useMemo as useMemo3, useRef as useRef8 } from "react";
+import { useEffect as useEffect4, useMemo as useMemo4, useRef as useRef8 } from "react";
 import { z as z2 } from "zod";
 import { useNavigate as useNavigate5, useLocation } from "react-router";
 
@@ -3040,8 +3056,9 @@ function UserMessage({ message, mode }) {
   }, undefined, false, undefined, this);
 }
 // src/components/messages/bot-message.tsx
+import { useMemo as useMemo3 } from "react";
 import prettyMs from "pretty-ms";
-import { TextAttributes as TextAttributes10 } from "@opentui/core";
+import { SyntaxStyle, TextAttributes as TextAttributes10, getTreeSitterClient, BoxRenderable } from "@opentui/core";
 
 // src/components/messages/question-message.tsx
 import { useCallback as useCallback13, useRef as useRef7, useState as useState10 } from "react";
@@ -3169,6 +3186,58 @@ function BotMessage({
   onSubmitQuestionAnswer
 }) {
   const { colors } = useTheme();
+  const syntaxStyle = useMemo3(() => SyntaxStyle.fromStyles({
+    "markup.heading.1": { fg: colors.primary, bold: true },
+    "markup.heading.2": { fg: colors.primary, bold: true },
+    "markup.heading.3": { fg: colors.info, bold: true },
+    "markup.heading.4": { fg: colors.info },
+    "markup.heading.5": { fg: colors.info },
+    "markup.heading.6": { fg: colors.info },
+    "markup.bold": { bold: true },
+    "markup.italic": { italic: true },
+    "markup.raw": { fg: colors.success },
+    "markup.raw.block": { fg: colors.success },
+    "markup.list": { fg: colors.info },
+    "markup.link": { fg: colors.info, underline: true },
+    "markup.link.url": { fg: colors.dimSeparator, underline: true },
+    keyword: { fg: colors.planMode, bold: true },
+    string: { fg: colors.success },
+    comment: { fg: colors.dimSeparator, italic: true },
+    number: { fg: colors.primary },
+    constant: { fg: colors.primary },
+    type: { fg: colors.info },
+    function: { fg: colors.primary },
+    operator: { fg: colors.info },
+    punctuation: { fg: colors.dimSeparator },
+    boolean: { fg: colors.primary },
+    property: { fg: colors.info },
+    variable: { fg: "#E0E0E0" },
+    default: { fg: "#E0E0E0" }
+  }), [colors]);
+  const treeSitterClient = useMemo3(() => getTreeSitterClient(), []);
+  const renderNode = useMemo3(() => {
+    return (token, context) => {
+      if (token.type === "code") {
+        const codeRenderable = context.defaultRender();
+        if (!codeRenderable)
+          return null;
+        const box = new BoxRenderable(codeRenderable.ctx, {
+          border: true,
+          borderStyle: "rounded",
+          borderColor: colors.thinkingBorder,
+          backgroundColor: colors.surface,
+          paddingX: 1,
+          paddingY: 0,
+          width: "100%",
+          title: token.lang ? ` ${token.lang.toUpperCase()} ` : " CODE ",
+          titleColor: colors.primary
+        });
+        box.add(codeRenderable);
+        return box;
+      }
+      return;
+    };
+  }, [colors]);
   return /* @__PURE__ */ jsxDEV24("box", {
     width: "100%",
     alignItems: "center",
@@ -3232,11 +3301,18 @@ function BotMessage({
             }, part.toolCallId, false, undefined, this);
           }
           if (part.type === "text") {
+            if (j > 0)
+              return null;
+            const fullText = group.parts.filter((p) => p.type === "text").map((p) => p.text).join("");
             return /* @__PURE__ */ jsxDEV24("box", {
               paddingX: 3,
               width: "100%",
-              children: /* @__PURE__ */ jsxDEV24("text", {
-                children: part.text
+              children: /* @__PURE__ */ jsxDEV24("markdown", {
+                content: fullText,
+                syntaxStyle,
+                streaming,
+                treeSitterClient,
+                renderNode
               }, undefined, false, undefined, this)
             }, `text-${j}`, false, undefined, this);
           }
@@ -3331,7 +3407,7 @@ function NewSession() {
   const location = useLocation();
   const toast = useToast();
   const hasStartedRef = useRef8(false);
-  const state = useMemo3(() => {
+  const state = useMemo4(() => {
     const parsed = newSessionStateSchema.safeParse(location.state);
     return parsed.success ? parsed.data : null;
   }, [location.state]);
@@ -3388,12 +3464,12 @@ function NewSession() {
 }
 
 // src/screens/session.tsx
-import { useState as useState12, useEffect as useEffect5, useMemo as useMemo5, useRef as useRef9 } from "react";
+import { useState as useState12, useEffect as useEffect5, useMemo as useMemo6, useRef as useRef9 } from "react";
 import { useParams, useLocation as useLocation2, useNavigate as useNavigate6 } from "react-router";
 import { z as z3 } from "zod";
 
 // src/hooks/use-chat.ts
-import { useCallback as useCallback14, useMemo as useMemo4, useState as useState11 } from "react";
+import { useCallback as useCallback14, useMemo as useMemo5, useState as useState11 } from "react";
 import { useChat as useAiChat } from "@ai-sdk/react";
 import {
   DefaultChatTransport,
@@ -3873,7 +3949,7 @@ ${outline.join(`
 // src/hooks/use-chat.ts
 function useChat(sessionId, initialMessages) {
   const [questionPrompts, setQuestionPrompts] = useState11([]);
-  const transport = useMemo4(() => {
+  const transport = useMemo5(() => {
     return new DefaultChatTransport({
       api: apiClient.chat.$url().toString(),
       headers() {
@@ -3986,7 +4062,8 @@ var sessionLocationSchema = z3.object({
 function ChatMessage({
   msg,
   questionPrompts,
-  onSubmitQuestionAnswer
+  onSubmitQuestionAnswer,
+  isStreaming = false
 }) {
   if (msg.role === "user") {
     const text = msg.parts.filter((p) => p.type === "text").map((p) => p.text).join("");
@@ -4000,7 +4077,7 @@ function ChatMessage({
     model: msg.metadata?.model ?? "unknown",
     mode: msg.metadata?.mode ?? "BUILD",
     durationMs: msg.metadata?.durationMs,
-    streaming: false,
+    streaming: isStreaming,
     questionPrompts,
     onSubmitQuestionAnswer
   }, undefined, false, undefined, this);
@@ -4050,11 +4127,15 @@ function SessionChat({ session, initialPrompt }) {
     loading: status === "submitted" || status === "streaming",
     interruptible: status === "submitted" || status === "streaming",
     children: [
-      messages.map((msg) => /* @__PURE__ */ jsxDEV27(ChatMessage, {
-        msg,
-        questionPrompts,
-        onSubmitQuestionAnswer: submitQuestionAnswer
-      }, msg.id, false, undefined, this)),
+      messages.map((msg, i) => {
+        const isLastAssistant = msg.role === "assistant" && i === messages.length - 1;
+        return /* @__PURE__ */ jsxDEV27(ChatMessage, {
+          msg,
+          questionPrompts,
+          onSubmitQuestionAnswer: submitQuestionAnswer,
+          isStreaming: isLastAssistant && status === "streaming"
+        }, msg.id, false, undefined, this);
+      }),
       error && /* @__PURE__ */ jsxDEV27(ErrorMessage, {
         message: error.message
       }, undefined, false, undefined, this)
@@ -4066,7 +4147,7 @@ function Session() {
   const location = useLocation2();
   const navigate = useNavigate6();
   const toast = useToast();
-  const prefetched = useMemo5(() => {
+  const prefetched = useMemo6(() => {
     const parsed = sessionLocationSchema.safeParse(location.state);
     return parsed.success ? parsed.data : null;
   }, [location.state]);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@unikode/cli",
-  "version": "1.0.13",
+  "version": "1.0.15",
   "type": "module",
   "main": "./dist/index.js",
   "bin": {