FireCoderAI
diff --git a/‎webviews/public/favicon.ico
-3.78 KB b/‎webviews/public/favicon.ico
-3.78 KB
diff --git a/‎webviews/public/index.html
+2-7 b/‎webviews/public/index.html
+2-7
diff --git a/‎webviews/public/logo192.png
-5.22 KB b/‎webviews/public/logo192.png
-5.22 KB
diff --git a/‎webviews/public/logo512.png
-9.44 KB b/‎webviews/public/logo512.png
-9.44 KB
diff --git a/‎webviews/public/manifest.json
+3-20 b/‎webviews/public/manifest.json
+3-20
diff --git a/‎webviews/src/App.css
-2 b/‎webviews/src/App.css
-2
diff --git a/‎webviews/src/App.tsx
+5-8 b/‎webviews/src/App.tsx
+5-8
diff --git a/‎webviews/src/components/ChatMessage/index.tsx
+2-2 b/‎webviews/src/components/ChatMessage/index.tsx
+2-2
diff --git a/‎webviews/src/components/ChatMessage/Component.css renamed to ‎webviews/src/components/ChatMessage/styles.module.css b/‎webviews/src/components/ChatMessage/Component.css renamed to ‎webviews/src/components/ChatMessage/styles.module.css
@@ -2,16 +2,11 @@
 <html lang="en">
   <head>
     <meta charset="utf-8" />
-    <link rel="icon" href="%PUBLIC_URL%/favicon.ico" />
     <meta name="viewport" content="width=device-width, initial-scale=1" />
     <meta name="theme-color" content="#000000" />
-    <meta
-      name="description"
-      content="Web site created using create-react-app"
-    />
-    <link rel="apple-touch-icon" href="%PUBLIC_URL%/logo192.png" />
+    <meta name="description" content="Webviews for FireCoder" />
     <link rel="manifest" href="%PUBLIC_URL%/manifest.json" />
-    <title>Hello World</title>
+    <title>FireCoder</title>
   </head>
   <body>
     <noscript>You need to enable JavaScript to run this app.</noscript>
 
@@ -1,25 +1,8 @@
 {
-  "short_name": "React App",
-  "name": "Create React App Sample",
-  "icons": [
-    {
-      "src": "favicon.ico",
-      "sizes": "64x64 32x32 24x24 16x16",
-      "type": "image/x-icon"
-    },
-    {
-      "src": "logo192.png",
-      "type": "image/png",
-      "sizes": "192x192"
-    },
-    {
-      "src": "logo512.png",
-      "type": "image/png",
-      "sizes": "512x512"
-    }
-  ],
+  "short_name": "FireCoder",
+  "name": "Webviews for FireCoder",
   "start_url": ".",
   "display": "standalone",
   "theme_color": "#000000",
   "background_color": "#ffffff"
-}
+}
@@ -15,11 +15,9 @@ body {
   overflow: auto;
   display: flex;
   flex-direction: column;
-  /* max-height: 92vh; */
 }
 
 .chat-input-block {
-  /* min-height: 8vh; */
   display: flex;
   flex-direction: row;
   width: calc(100% - 40px);
 
@@ -1,19 +1,12 @@
 import { vscode } from "./utilities/vscode";
-import {
-  VSCodeButton,
-  VSCodeProgressRing,
-  VSCodeTextArea,
-  VSCodeTextField,
-} from "@vscode/webview-ui-toolkit/react";
+import { VSCodeButton } from "@vscode/webview-ui-toolkit/react";
 import "./App.css";
-// import "./codicon.css";
 import { ChatMessage } from "./components/ChatMessage";
 import { useState } from "react";
 import { ChatHelloMessage } from "./components/ChatHelloMessage";
 import { useMessageListener } from "./hooks/messageListener";
 import { randomMessageId } from "./utilities/messageId";
 import TextArea from "./components/TextArea";
-// import ProgressDivider from "./components/VsCodeDividerProgress";
 
 export const App = () => {
   const [input, setInput] = useState("");
@@ -65,6 +58,10 @@ export const App = () => {
     if (isLoading) {
       return;
     }
+    if (input === "") {
+      return;
+    }
+
     setChatHistory((value) => {
       const messageId = randomMessageId();
 
 
@@ -2,13 +2,13 @@ import { VSCodeDivider } from "@vscode/webview-ui-toolkit/react";
 import Markdown from "react-markdown";
 import { Prism as SyntaxHighlighter } from "react-syntax-highlighter";
 import { vscDarkPlus as vscodeHighlightStyle } from "react-syntax-highlighter/dist/esm/styles/prism";
-import "./Component.css";
+import styles from "./styles.module.css";
 
 export const ChatMessage = (props: { role: string; content: string }) => {
   const title = props.role === "ai" ? "FireCoder" : "You";
   return (
     <>
-      <div className="chat-message">
+      <div className={styles["chat-message"]}>
         <h4>{title}</h4>
         <Markdown
           components={{