diff --git a/webviews/src/App.css b/webviews/src/App.css index d138de9..ed852b2 100644 --- a/webviews/src/App.css +++ b/webviews/src/App.css @@ -210,4 +210,16 @@ button:disabled { flex-wrap: wrap; gap: 8px 16px; } +} + +.info-message { + width: 500px; + font-size: 0.8rem; + background-color: var(--vscode-editor-background); + color: var(--vscode-editor-foreground); + padding: 10px; + text-align: left; + border-radius: 5px; + margin: 0 auto; + opacity: 0.4; } \ No newline at end of file diff --git a/webviews/src/App.tsx b/webviews/src/App.tsx index ca239ff..b03ff66 100644 --- a/webviews/src/App.tsx +++ b/webviews/src/App.tsx @@ -7,7 +7,6 @@ import { getStandardName } from "../../src/commons/naming"; import { ModelStatus, ServerStatus } from "../../src/commons/statuses"; import { StatusCheck, StatusValue } from "./StatusCheck"; - function App() { const modelOptions: ModelOption[] = [ { label: 'granite-code:3b', value: 'granite-code:3b', info: '2.0 GB' }, @@ -16,7 +15,7 @@ function App() { { label: 'granite-code:34b', value: 'granite-code:34b', info: '19 GB' }, { label: 'Keep existing configuration', value: null, info: null } ]; - + const tabOptions: ModelOption[] = [ { label: 'granite-code:3b', value: 'granite-code:3b', info: '2.0 GB' }, { label: 'granite-code:8b', value: 'granite-code:8b', info: '4.6 GB' }, @@ -83,6 +82,7 @@ function App() { } }); } + const REFETCH_MODELS_INTERVAL_MS = 1500; let ollamaStatusChecker: NodeJS.Timeout | undefined; @@ -194,10 +194,16 @@ function App() { return (

Setup IBM Granite Code as your code assistant with Continue

+
-

Run IBM Granite Code models effortlessly with Ollama and Continue.dev. - Granite will help you write, generate, explain or document code, while your data stays secure and private on your own machine.

+

+ Run IBM Granite Code models effortlessly with + Ollama and + Continue.dev. + Granite will help you write, generate, explain or document code, while your data stays secure and private on your own machine. +

+
@@ -262,11 +268,20 @@ function App() { />
- -
-
-
+ + + + +
+

+ To reopen this wizard, open the command palette and run: +

Granite: Setup Granite Code as code assistant

. +

+
+ ); } -export default App; +export default App; \ No newline at end of file