+
+
+
+
@@ -12,17 +56,24 @@
diff --git a/ui/assets/logo.svg b/ui/assets/logo.svg
new file mode 100644
index 00000000..5daef17d
--- /dev/null
+++ b/ui/assets/logo.svg
@@ -0,0 +1,148 @@
+
+
+
diff --git a/ui/styles/_base.scss b/ui/assets/styles/_base.scss
similarity index 100%
rename from ui/styles/_base.scss
rename to ui/assets/styles/_base.scss
diff --git a/ui/assets/styles/app.scss b/ui/assets/styles/app.scss
new file mode 100644
index 00000000..56c7af10
--- /dev/null
+++ b/ui/assets/styles/app.scss
@@ -0,0 +1,2 @@
+@import "./base";
+@import "./poppins/poppins";
diff --git a/ui/assets/styles/poppins/_poppins.scss b/ui/assets/styles/poppins/_poppins.scss
new file mode 100644
index 00000000..814bea14
--- /dev/null
+++ b/ui/assets/styles/poppins/_poppins.scss
@@ -0,0 +1,168 @@
+/*
+@font-face {
+ font-family: 'Poppins';
+ font-style: normal;
+ font-weight: 100;
+ src: local(''),
+ url('~/assets/styles/poppins/poppins-v20-latin-100.woff2') format('woff2'),
+ url('~/assets/styles/poppins/poppins-v20-latin-100.woff') format('woff');
+}
+
+@font-face {
+ font-family: 'Poppins';
+ font-style: italic;
+ font-weight: 100;
+ src: local(''),
+ url('~/assets/styles/poppins/poppins-v20-latin-100italic.woff2') format('woff2'),
+ url('~/assets/styles/poppins/poppins-v20-latin-100italic.woff') format('woff');
+}
+
+@font-face {
+ font-family: 'Poppins';
+ font-style: normal;
+ font-weight: 200;
+ src: local(''),
+ url('~/assets/styles/poppins/poppins-v20-latin-200.woff2') format('woff2'),
+ url('~/assets/styles/poppins/poppins-v20-latin-200.woff') format('woff');
+}
+
+@font-face {
+ font-family: 'Poppins';
+ font-style: italic;
+ font-weight: 200;
+ src: local(''),
+ url('~/assets/styles/poppins/poppins-v20-latin-200italic.woff2') format('woff2'),
+ url('~/assets/styles/poppins/poppins-v20-latin-200italic.woff') format('woff');
+}
+
+@font-face {
+ font-family: 'Poppins';
+ font-style: normal;
+ font-weight: 300;
+ src: local(''),
+ url('~/assets/styles/poppins/poppins-v20-latin-300.woff2') format('woff2'),
+ url('~/assets/styles/poppins/poppins-v20-latin-300.woff') format('woff');
+}
+
+@font-face {
+ font-family: 'Poppins';
+ font-style: italic;
+ font-weight: 300;
+ src: local(''),
+ url('~/assets/styles/poppins/poppins-v20-latin-300italic.woff2') format('woff2'),
+ url('~/assets/styles/poppins/poppins-v20-latin-300italic.woff') format('woff');
+}
+*/
+
+@font-face {
+ font-family: 'Poppins';
+ font-style: normal;
+ font-weight: 400;
+ src: local(''),
+ url('~/assets/styles/poppins/poppins-v20-latin-regular.woff2') format('woff2'),
+ url('~/assets/styles/poppins/poppins-v20-latin-regular.woff') format('woff');
+}
+
+@font-face {
+ font-family: 'Poppins';
+ font-style: italic;
+ font-weight: 400;
+ src: local(''),
+ url('~/assets/styles/poppins/poppins-v20-latin-italic.woff2') format('woff2'),
+ url('~/assets/styles/poppins/poppins-v20-latin-italic.woff') format('woff');
+}
+
+/*
+@font-face {
+ font-family: 'Poppins';
+ font-style: normal;
+ font-weight: 500;
+ src: local(''),
+ url('~/assets/styles/poppins/poppins-v20-latin-500.woff2') format('woff2'),
+ url('~/assets/styles/poppins/poppins-v20-latin-500.woff') format('woff');
+}
+
+@font-face {
+ font-family: 'Poppins';
+ font-style: italic;
+ font-weight: 500;
+ src: local(''),
+ url('~/assets/styles/poppins/poppins-v20-latin-500italic.woff2') format('woff2'),
+ url('~/assets/styles/poppins/poppins-v20-latin-500italic.woff') format('woff');
+}
+
+*/
+
+@font-face {
+ font-family: 'Poppins';
+ font-style: normal;
+ font-weight: 600;
+ src: local(''),
+ url('~/assets/styles/poppins/poppins-v20-latin-600.woff2') format('woff2'),
+ url('~/assets/styles/poppins/poppins-v20-latin-600.woff') format('woff');
+}
+
+/*
+@font-face {
+ font-family: 'Poppins';
+ font-style: italic;
+ font-weight: 600;
+ src: local(''),
+ url('~/assets/styles/poppins/poppins-v20-latin-600italic.woff2') format('woff2'),
+ url('~/assets/styles/poppins/poppins-v20-latin-600italic.woff') format('woff');
+}
+
+@font-face {
+ font-family: 'Poppins';
+ font-style: normal;
+ font-weight: 700;
+ src: local(''),
+ url('~/assets/styles/poppins/poppins-v20-latin-700.woff2') format('woff2'),
+ url('~/assets/styles/poppins/poppins-v20-latin-700.woff') format('woff');
+}
+
+@font-face {
+ font-family: 'Poppins';
+ font-style: italic;
+ font-weight: 700;
+ src: local(''),
+ url('~/assets/styles/poppins/poppins-v20-latin-700italic.woff2') format('woff2'),
+ url('~/assets/styles/poppins/poppins-v20-latin-700italic.woff') format('woff');
+}
+
+@font-face {
+ font-family: 'Poppins';
+ font-style: normal;
+ font-weight: 800;
+ src: local(''),
+ url('~/assets/styles/poppins/poppins-v20-latin-800.woff2') format('woff2'),
+ url('~/assets/styles/poppins/poppins-v20-latin-800.woff') format('woff');
+}
+
+@font-face {
+ font-family: 'Poppins';
+ font-style: italic;
+ font-weight: 800;
+ src: local(''),
+ url('~/assets/styles/poppins/poppins-v20-latin-800italic.woff2') format('woff2'),
+ url('~/assets/styles/poppins/poppins-v20-latin-800italic.woff') format('woff');
+}
+
+@font-face {
+ font-family: 'Poppins';
+ font-style: normal;
+ font-weight: 900;
+ src: local(''),
+ url('~/assets/styles/poppins/poppins-v20-latin-900.woff2') format('woff2'),
+ url('~/assets/styles/poppins/poppins-v20-latin-900.woff') format('woff');
+}
+
+@font-face {
+ font-family: 'Poppins';
+ font-style: italic;
+ font-weight: 900;
+ src: local(''),
+ url('~/assets/styles/poppins/poppins-v20-latin-900italic.woff2') format('woff2'),
+ url('~/assets/styles/poppins/poppins-v20-latin-900italic.woff') format('woff');
+}
+*/
diff --git a/ui/assets/styles/poppins/poppins-v20-latin-600.woff b/ui/assets/styles/poppins/poppins-v20-latin-600.woff
new file mode 100644
index 00000000..2370956d
Binary files /dev/null and b/ui/assets/styles/poppins/poppins-v20-latin-600.woff differ
diff --git a/ui/assets/styles/poppins/poppins-v20-latin-600.woff2 b/ui/assets/styles/poppins/poppins-v20-latin-600.woff2
new file mode 100644
index 00000000..921e962b
Binary files /dev/null and b/ui/assets/styles/poppins/poppins-v20-latin-600.woff2 differ
diff --git a/ui/assets/styles/poppins/poppins-v20-latin-italic.woff b/ui/assets/styles/poppins/poppins-v20-latin-italic.woff
new file mode 100644
index 00000000..772d71ca
Binary files /dev/null and b/ui/assets/styles/poppins/poppins-v20-latin-italic.woff differ
diff --git a/ui/assets/styles/poppins/poppins-v20-latin-italic.woff2 b/ui/assets/styles/poppins/poppins-v20-latin-italic.woff2
new file mode 100644
index 00000000..11123368
Binary files /dev/null and b/ui/assets/styles/poppins/poppins-v20-latin-italic.woff2 differ
diff --git a/ui/assets/styles/poppins/poppins-v20-latin-regular.woff b/ui/assets/styles/poppins/poppins-v20-latin-regular.woff
new file mode 100644
index 00000000..2a04ae32
Binary files /dev/null and b/ui/assets/styles/poppins/poppins-v20-latin-regular.woff differ
diff --git a/ui/assets/styles/poppins/poppins-v20-latin-regular.woff2 b/ui/assets/styles/poppins/poppins-v20-latin-regular.woff2
new file mode 100644
index 00000000..b69e0091
Binary files /dev/null and b/ui/assets/styles/poppins/poppins-v20-latin-regular.woff2 differ
diff --git a/ui/components/call.vue b/ui/components/call.vue
index 32a45953..e6013881 100644
--- a/ui/components/call.vue
+++ b/ui/components/call.vue
@@ -103,13 +103,12 @@ const outputTruncated = computed(() => {
{{call}}
-
+
- {{displayName}}
- ({{inputShort}}) {{outputShort}}
+ {{displayName}}({{inputShort}}) {{outputShort}}
-
+
@@ -118,16 +117,16 @@ const outputTruncated = computed(() => {
{{ prefs.mapCall(call.id) }}
-->
- {{ucFirst(call.state)}}
+ {{ucFirst(call.state)}}
- Input: {{call.input || ''}}
+ Input:
- Output: {{call.output || ''}}
+ Output:
@@ -144,7 +143,7 @@ const outputTruncated = computed(() => {
/>
-
+
{
+
+
diff --git a/ui/components/content.vue b/ui/components/content.vue
new file mode 100644
index 00000000..b662abf4
--- /dev/null
+++ b/ui/components/content.vue
@@ -0,0 +1,17 @@
+
+
+
+{{content || ''}}
+
diff --git a/ui/components/left-nav.vue b/ui/components/left-nav.vue
index ce4fb657..5e1d57e1 100644
--- a/ui/components/left-nav.vue
+++ b/ui/components/left-nav.vue
@@ -2,7 +2,6 @@
// const router = useRouter()
const gptList = await useGpts().listAll()
const runList = await useRuns().findAll()
-const sock = useSocket()
const gptLinks = computed(() => {
return (gptList || []).map(x => { return {
@@ -32,12 +31,12 @@ async function remove(e: MouseEvent, id: any) {