infolines

src/main.tsx

@@ -471,6 +471,7 @@ class CmdInput extends React.Component<{}, {}> {
         let infoShow = GlobalModel.infoShow.get();
         let istr : string = null;
         let istrIdx : number = 0;
+        let line : string = null;
         return (
             <div className={cn("box cmd-input has-background-black", {"has-info": infoShow})}>
                 <div className="cmd-input-info" style={{display: (infoShow ? "block" : "none")}}>
@@ -484,6 +485,13 @@ class CmdInput extends React.Component<{}, {}> {
                             {infoMsg.infomsg}
                         </div>
                     </If>
+                    <If condition={infoMsg && infoMsg.infolines != null}>
+                        <div className="info-lines">
+                            <For each="line" of={infoMsg.infolines}>
+                                <div>{line}</div>
+                            </For>
+                        </div>
+                    </If>
                     <If condition={infoMsg && infoMsg.infocomps != null && infoMsg.infocomps.length > 0}>
                         <div className="info-comps">
                             <For each="istr" index="istrIdx" of={infoMsg.infocomps}>

src/sh2.less

@@ -551,6 +551,11 @@ body .xterm .xterm-viewport {
             padding-bottom: 2px;
         }
 
+        .info-lines {
+            color: #d3d7cf;
+            font-size: 12px;
+        }
+
         .info-comps {
             display: flex;
             flex-direction: row;

src/types.ts

@@ -221,6 +221,7 @@ type InfoType = {
     infotitle? : string,
     infomsg? : string,
     infoerror? : string,
+    infolines? : string[],
     infocomps? : string[],
     infocompsmore? : boolean,
     timeoutms? : number,