Extension changes

- Screenshot URL Fix - Add `functions-done` to debug
docker · Aug 16, 2024 · 3ce7090 · 3ce7090
1 parent 5f3b429
commit 3ce7090
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 5 deletions.
diff --git a/src/extension/Dockerfile b/src/extension/Dockerfile
@@ -27,7 +27,7 @@ LABEL org.opencontainers.image.title="Labs: AI Tools for Devs" \
     org.opencontainers.image.description="Agentic workflows with Dockerized tools" \
     org.opencontainers.image.vendor="Docker Inc" \
     com.docker.desktop.extension.api.version="0.3.4" \
-    com.docker.extension.screenshots='[{"alt":"screenshot of the extension UI", "url":"https://raw.githubusercontent.com/docker/labs-ai-tools-for-devs/main/src/extension/screenshot1.png"}, {"alt":"screenshot of the extension output", "url":"https://raw.githubusercontent.com/docker/labs-ai-tools-for-devs/main/src/extension/screenshot2.png"}]' \
+    com.docker.extension.screenshots='[{"alt":"screenshot of the extension UI", "url":"https://raw.githubusercontent.com/docker/labs-ai-tools-for-devs/main/src/extension/Screenshot1.png"}, {"alt":"screenshot of the extension output", "url":"https://raw.githubusercontent.com/docker/labs-ai-tools-for-devs/main/src/extension/screenshot2.png"}]' \
     com.docker.desktop.extension.icon="https://raw.githubusercontent.com/docker/labs-ai-tools-for-devs/main/src/extension/docker.svg" \
     com.docker.extension.detailed-description="Run AI-powered workflows with Dockerized tools in Docker Desktop." \
     com.docker.extension.publisher-url="https://www.docker.com/" \

diff --git a/src/extension/ui/src/App.tsx b/src/extension/ui/src/App.tsx
@@ -331,13 +331,13 @@ export function App() {
                     if (line.params.debug) {
                       return showDebug ? <Typography key={i} variant='body1' sx={theme => ({ color: theme.palette.docker.grey[400] })}>{line.params.debug}</Typography> : null;
                     }
-                    if (line.params.role === 'assistant') {
-                      return <Typography key={i} variant='body1' sx={theme => ({ color: theme.palette.docker.blue[400] })}>{line.params.content}</Typography>
-                    }
                     return <pre key={i} style={{ whiteSpace: 'pre-wrap', display: 'inline' }} dangerouslySetInnerHTML={{ __html: convert.toHtml(line.params.content) }} />
                   }
                   if (line.method === 'functions') {
-                    return <Typography key={i} variant='body1' sx={{ whiteSpace: 'pre-wrap' }}>{JSON.stringify(line.params, null, 2)}</Typography>
+                    return <Typography key={i} variant='body1' sx={theme => ({ whiteSpace: 'pre-wrap', backgroundColor: theme.palette.docker.grey[300], p: 1 })}>{JSON.stringify(line.params, null, 2)}</Typography>
+                  }
+                  if (line.method === 'functions-done') {
+                    return showDebug ? <Typography key={i} variant='body1' sx={{ whiteSpace: 'pre-wrap' }}>{JSON.stringify(line.params, null, 2)}</Typography> : null;
                   }
                   return <Typography key={i} variant='body1'>{JSON.stringify(line)}</Typography>
                 })}