[*] update normally

heng30 · heng30 · commit edb22f6e52da · 2025-08-31T12:30:21.000+08:00
diff --git a/flymoon/src/logic/tr.rs b/flymoon/src/logic/tr.rs
@@ -250,6 +250,7 @@ pub fn tr(text: &str) -> String {
         ),
         ("Increase font size", "增大字体"),
         ("Decrease font size", "缩小字体"),
+        ("Focus question input box", "输入框获取输入焦点"),
     ]);
 
     if let Some(txt) = items.get(text) {
diff --git a/flymoon/ui/panel/desktop/chat/input.slint b/flymoon/ui/panel/desktop/chat/input.slint
@@ -15,6 +15,10 @@ export component Input inherits Rectangle {
     height: 130px;
     forward-focus: te;
 
+    function update-height(height: length) {
+        root.height = Math.clamp(height, 130px, Theme.default-height / 3 * 2);
+    }
+
     function ensure-show-cursor() {
         if (flick.viewport-height <= flick.height) {
             flick.viewport-y = 0;
@@ -69,6 +73,10 @@ export component Input inherits Rectangle {
                 flick := Flickable {
                     y: Theme.padding * 2;
 
+                    changed viewport-height => {
+                        root.update-height(self.viewport-height + h-btns.preferred-height);
+                    }
+
                     VerticalLayout {
                         padding: Theme.padding * 2;
 
@@ -170,7 +178,7 @@ export component Input inherits Rectangle {
                 }
             }
 
-            HorizontalLayout {
+            h-btns := HorizontalLayout {
                 height: Theme.icon-size * 2;
                 alignment: LayoutAlignment.space-between;
 
diff --git a/flymoon/ui/panel/desktop/chat/md.slint b/flymoon/ui/panel/desktop/chat/md.slint
@@ -2,6 +2,7 @@ import { Theme, Store, Logic, Icons, Util } from "../../def.slint";
 import { ChatEntry, MdElementType, MdImage, MdMath, MdElement, MdUrl, MdHeading, MdUrl, MdListItem, MdTable, MdCodeBlock } from "../../../store.slint";
 import { IconBtn, Label, Link, ToolTipSetting, ComponentPosition } from "../../../base/widgets.slint";
 import { SearchLink } from "../../../store.slint";
+import { ScrollView } from "std-widgets.slint";
 
 export component MdText inherits HorizontalLayout {
     in-out property text <=> txt.text;
@@ -88,35 +89,74 @@ export component MdCodeBlock inherits HorizontalLayout {
                     text: code-block.lang;
                 }
 
-                IconBtn {
-                    icon: Icons.copy;
-                    tip: Logic.tr("copy");
-                    is-show-tip: true;
-                    gain-focus-when-clicked: false;
+                HorizontalLayout {
+                    spacing: Theme.spacing * 4;
+
+                    IconBtn {
+                        icon: Icons.copy;
+                        tip: Logic.tr("copy");
+                        is-show-tip: true;
+                        gain-focus-when-clicked: false;
 
-                    clicked => {
-                        Logic.copy-to-clipboard(code-block.code);
+                        clicked => {
+                            Logic.copy-to-clipboard(code-block.code);
+                        }
                     }
                 }
             }
         }
 
+        // `ScrollView` could catch scroll event. However, short content should not catch scroll event
         Rectangle {
-            border-bottom-left-radius: Theme.border-radius;
-            border-bottom-right-radius: Theme.border-radius;
-            background: Theme.thirdly-background;
+            private property <float> rate: 0.5;
+            private property <bool> use-scrollview: txt-rect.preferred-height > (Theme.default-height * rate);
 
-            HorizontalLayout {
-                padding: Theme.padding * 4;
-                padding-top: Theme.padding * 2;
-
-                txt := TextInput {
-                    wrap: word-wrap;
-                    color: Theme.primary-text-color;
-                    font-size: Theme.title4-font-size;
-                    single-line: false;
-                    read-only: true;
-                    text: code-block.code;
+            height: use-scrollview ? Theme.default-height * rate : txt-rect.preferred-height;
+
+            Rectangle {
+                visible: !use-scrollview;
+                border-bottom-left-radius: Theme.border-radius;
+                border-bottom-right-radius: Theme.border-radius;
+                background: Theme.thirdly-background;
+
+                HorizontalLayout {
+                    padding: Theme.padding * 4;
+                    padding-top: Theme.padding * 2;
+
+                    TextInput {
+                        wrap: word-wrap;
+                        color: Theme.primary-text-color;
+                        font-size: Theme.title4-font-size;
+                        single-line: false;
+                        read-only: true;
+                        text: code-block.code;
+                    }
+                }
+            }
+
+            ScrollView {
+                visible: use-scrollview;
+                viewport-height: txt-rect.preferred-height;
+                height: Math.min(txt-rect.preferred-height, Theme.default-height * rate);
+
+                txt-rect := Rectangle {
+                    border-bottom-left-radius: Theme.border-radius;
+                    border-bottom-right-radius: Theme.border-radius;
+                    background: Theme.thirdly-background;
+
+                    HorizontalLayout {
+                        padding: Theme.padding * 4;
+                        padding-top: Theme.padding * 2;
+
+                        txt := TextInput {
+                            wrap: word-wrap;
+                            color: Theme.primary-text-color;
+                            font-size: Theme.title4-font-size;
+                            single-line: false;
+                            read-only: true;
+                            text: code-block.code;
+                        }
+                    }
                 }
             }
         }
diff --git a/flymoon/ui/panel/desktop/chat/panel.slint b/flymoon/ui/panel/desktop/chat/panel.slint
@@ -13,7 +13,11 @@ export component Chat inherits VerticalLayout {
     spacing: Theme.spacing * 2;
 
     Rectangle {
-        session := Session { }
+        session := Session {
+            focus-input => {
+                input.focus();
+            }
+        }
 
         if Store.input-prompt-list-entries.length > 0: InputPromptList {
             x: 0;
diff --git a/flymoon/ui/panel/desktop/chat/session.slint b/flymoon/ui/panel/desktop/chat/session.slint
@@ -254,6 +254,8 @@ component MCPDetail inherits Rectangle {
 }
 
 export component Session inherits Rectangle {
+    callback focus-input;
+
     public function scroll-to-top() {
         lv.viewport-y = 0;
         Store.is-auto-scroll = false;
@@ -305,65 +307,76 @@ export component Session inherits Rectangle {
 
     if Store.current-chat-session.histories.length == 0: BlankWelcome { }
 
-    lv := ListView {
-        width: root.width;
-        height: root.height;
-        vertical-scrollbar-policy: always-off;
-
-        scrolled => {
-            if (is-on-bottom()) {
-                Store.is-auto-scroll = true;
-            } else {
-                Store.is-auto-scroll = false;
+    FocusScope {
+        key-pressed(event) => {
+            if (event.modifiers.control) {
+                if (event.text == "i") {
+                    focus-input();
+                    return accept;
+                }
             }
+            return reject;
         }
 
-        for entry[index] in Store.current-chat-session.histories: VerticalLayout {
-            padding: Theme.padding * 2;
-            padding-top: 0;
-            padding-bottom: Theme.padding * 4;
-            spacing: Theme.spacing * 3;
-
-            private property <bool> is-last-index: index == Store.current-chat-session.histories.length - 1;
+        lv := ListView {
+            width: root.width;
+            height: root.height;
 
-            if index == 0 && !Store.current-model-name.is-empty: Label {
-                horizontal-alignment: TextHorizontalAlignment.center;
-                text: Store.current-model-name;
-                color: Theme.disabled-color;
+            scrolled => {
+                if (is-on-bottom()) {
+                    Store.is-auto-scroll = true;
+                } else {
+                    Store.is-auto-scroll = false;
+                }
             }
 
-            user := User {
-                index: index;
-                entry: entry;
-            }
+            for entry[index] in Store.current-chat-session.histories: VerticalLayout {
+                padding: Theme.padding * 2;
+                padding-top: 0;
+                padding-bottom: Theme.padding * 4;
+                spacing: Theme.spacing * 3;
 
-            if !entry.bot-reasoner.is-empty: ReasonerText {
-                entry: entry;
-                index: index;
-            }
+                private property <bool> is-last-index: index == Store.current-chat-session.histories.length - 1;
 
-            if !Store.is-toggle-bot-markdown && entry.md-elems.length > 0: MdDetail {
-                entries: entry.md-elems;
-                urls: entry.link-urls;
-                histories-entry-index: index;
-                search-links: entry.search-links;
-            }
+                if index == 0 && !Store.current-model-name.is-empty: Label {
+                    horizontal-alignment: TextHorizontalAlignment.center;
+                    text: Store.current-model-name;
+                    color: Theme.disabled-color;
+                }
 
-            if Store.is-toggle-bot-markdown && !entry.bot.is-empty: ChatDetail {
-                text: entry.bot;
-            }
+                user := User {
+                    index: index;
+                    entry: entry;
+                }
 
-            if entry.mcp.length > 0: MCPDetail {
-                entries: entry.mcp;
-            }
+                if !entry.bot-reasoner.is-empty: ReasonerText {
+                    entry: entry;
+                    index: index;
+                }
+
+                if !Store.is-toggle-bot-markdown && entry.md-elems.length > 0: MdDetail {
+                    entries: entry.md-elems;
+                    urls: entry.link-urls;
+                    histories-entry-index: index;
+                    search-links: entry.search-links;
+                }
+
+                if Store.is-toggle-bot-markdown && !entry.bot.is-empty: ChatDetail {
+                    text: entry.bot;
+                }
+
+                if entry.mcp.length > 0: MCPDetail {
+                    entries: entry.mcp;
+                }
 
-            if is-last-index && (Store.chat-phase == ChatPhase.MCP || Store.chat-phase == ChatPhase.Searching || Store.chat-phase == ChatPhase.Thinking): Rectangle {
-                height: 200px;
+                if is-last-index && (Store.chat-phase == ChatPhase.MCP || Store.chat-phase == ChatPhase.Searching || Store.chat-phase == ChatPhase.Thinking): Rectangle {
+                    height: 200px;
 
-                sk := Skeleton {
-                    width: parent.width;
-                    height: parent.height;
-                    type: SkeletonType.List;
+                    sk := Skeleton {
+                        width: parent.width;
+                        height: parent.height;
+                        type: SkeletonType.List;
+                    }
                 }
             }
         }
diff --git a/flymoon/ui/panel/setting/components/help-detail.slint b/flymoon/ui/panel/setting/components/help-detail.slint
@@ -290,6 +290,10 @@ component ShortcutsHelp inherits VerticalLayout {
             shortcut: "Ctrl + -",
             detail: Logic.tr("Decrease font size"),
         },
+        {
+            shortcut: "Ctrl + I",
+            detail: Logic.tr("Focus question input box"),
+        },
         {
             shortcut: "Enter",
             detail: Logic.tr("[History Tab]: Load selected historial chat"),
diff --git a/flymoon/ui/store.slint b/flymoon/ui/store.slint
@@ -332,7 +332,7 @@ export global Store {
                 mcp: [
                     {
                         tool-name: "Crate file",
-                        resp: "{In NixOS, you can install libalsa (ALSA library) in several ways, depending on how you want to use it. Here are the common methods}",
+                        resp: " {In NixOS, you can install libalsa (ALSA library) in several ways, depending on how you want to use it. Here are the common methods} {In NixOS, you can install libalsa (ALSA library) in several ways, depending on how you want to use it. Here are the common methods} {In NixOS, you can install libalsa (ALSA library) in several ways, depending on how you want to use it. Here are the common methods} {In NixOS, you can install libalsa (ALSA library) in several ways, depending on how you want to use it. Here are the common methods} {In NixOS, you can install libalsa (ALSA library) in several ways, depending on how you want to use it. Here are the common methods} {In NixOS, you can install libalsa (ALSA library) in several ways, depending on how you want to use it. Here are the common methods} {In NixOS, you can install libalsa (ALSA library) in several ways, depending on how you want to use it. Here are the common methods} ",
                     },
                     {
                         tool-name: "Remove file",

Original file line number	Diff line number	Diff line change
`@@ -332,7 +332,7 @@ export global Store {`
`332`	`332`	`mcp: [`
`333`	`333`	`{`
`334`	`334`	`tool-name: "Crate file",`
`335`		`- resp: "{In NixOS, you can install libalsa (ALSA library) in several ways, depending on how you want to use it. Here are the common methods}",`
	`335`	+ resp: " {In NixOS, you can install libalsa (ALSA library) in several ways, depending on how you want to use it. Here are the common methods} {In NixOS, you can install libalsa (ALSA library) in several ways, depending on how you want to use it. Here are the common methods} {In NixOS, you can install libalsa (ALSA library) in several ways, depending on how you want to use it. Here are the common methods} {In NixOS, you can install libalsa (ALSA library) in several ways, depending on how you want to use it. Here are the common methods} {In NixOS, you can install libalsa (ALSA library) in several ways, depending on how you want to use it. Here are the common methods} {In NixOS, you can install libalsa (ALSA library) in several ways, depending on how you want to use it. Here are the common methods} {In NixOS, you can install libalsa (ALSA library) in several ways, depending on how you want to use it. Here are the common methods} ",
`336`	`336`	`},`
`337`	`337`	`{`
`338`	`338`	`tool-name: "Remove file",`