@sourcegraph/cody-web 0.6.1 → 0.7.1

package/dist/lib/components/CodyWebChat.d.ts

@@ -0,0 +1,21 @@
+import { type FunctionComponent } from 'react';
+import type { InitialContext } from '../types';
+import '../global-styles/styles.css';
+export interface CodyWebChatProps {
+    serverEndpoint: string;
+    accessToken: string | null;
+    createAgentWorker: () => Worker;
+    telemetryClientName?: string;
+    initialContext?: InitialContext;
+    customHeaders?: Record<string, string>;
+    className?: string;
+}
+/**
+ * The root component node for Cody Web Chat, implements Cody Agent client
+ * and connects VSCode Cody Chat UI with web-worker agent. The main component
+ * to use in Cody Web Consumers.
+ *
+ * You can see the demo usage of this component in demo/App.tsx
+ */
+export declare const CodyWebChat: FunctionComponent<CodyWebChatProps>;
+//# sourceMappingURL=CodyWebChat.d.ts.map

package/dist/lib/components/CodyWebChat.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CodyWebChat.d.ts","sourceRoot":"","sources":["../../../lib/components/CodyWebChat.tsx"],"names":[],"mappings":"AACA,OAAO,EAAW,KAAK,iBAAiB,EAAmD,MAAM,OAAO,CAAA;AAgCxG,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,UAAU,CAAA;AAK9C,OAAO,6BAA6B,CAAA;AAWpC,MAAM,WAAW,gBAAgB;IAC7B,cAAc,EAAE,MAAM,CAAA;IACtB,WAAW,EAAE,MAAM,GAAG,IAAI,CAAA;IAC1B,iBAAiB,EAAE,MAAM,MAAM,CAAA;IAC/B,mBAAmB,CAAC,EAAE,MAAM,CAAA;IAC5B,cAAc,CAAC,EAAE,cAAc,CAAA;IAC/B,aAAa,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAA;IACtC,SAAS,CAAC,EAAE,MAAM,CAAA;CACrB;AACD;;;;;;GAMG;AACH,eAAO,MAAM,WAAW,EAAE,iBAAiB,CAAC,gBAAgB,CAqC3D,CAAA"}

package/dist/lib/components/skeleton/ChatSkeleton.d.ts

@@ -0,0 +1,11 @@
+import type { FC } from 'react';
+interface ChatSkeletonProps {
+    className?: string;
+}
+/**
+ * Skeleton UI for Cody Web Chat UI (loading mock UI state), currently is used only
+ * for Cody Web UI since it takes noticeable time to load and initialize.
+ */
+export declare const ChatSkeleton: FC<ChatSkeletonProps>;
+export {};
+//# sourceMappingURL=ChatSkeleton.d.ts.map

package/dist/lib/components/skeleton/ChatSkeleton.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChatSkeleton.d.ts","sourceRoot":"","sources":["../../../../lib/components/skeleton/ChatSkeleton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAA;AAK/B,UAAU,iBAAiB;IACvB,SAAS,CAAC,EAAE,MAAM,CAAA;CACrB;AAED;;;GAGG;AACH,eAAO,MAAM,YAAY,EAAE,EAAE,CAAC,iBAAiB,CA4C9C,CAAA"}

package/dist/lib/components/use-cody-agent.d.ts

@@ -0,0 +1,27 @@
+import { type VSCodeWrapper } from 'cody-ai/webviews/utils/VSCodeApi';
+import type { MessageConnection } from 'vscode-jsonrpc/browser';
+import type { InitialContext } from '../types';
+export interface AgentClient {
+    rpc: MessageConnection;
+    dispose(): void;
+}
+interface UseCodyWebAgentInput {
+    serverEndpoint: string;
+    accessToken: string | null;
+    createAgentWorker: () => Worker;
+    telemetryClientName?: string;
+    initialContext?: InitialContext;
+    customHeaders?: Record<string, string>;
+}
+interface UseCodyWebAgentResult {
+    client: AgentClient | Error | null;
+    vscodeAPI: VSCodeWrapper | null;
+}
+/**
+ * Creates Cody Web Agent instance and automatically creates a new chat.
+ * Uses cody web-worker agent under the hood with json rpc as a connection between
+ * main and web-worker threads, see agent.client.ts for more details
+ */
+export declare function useCodyWebAgent(input: UseCodyWebAgentInput): UseCodyWebAgentResult;
+export {};
+//# sourceMappingURL=use-cody-agent.d.ts.map

package/dist/lib/components/use-cody-agent.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-cody-agent.d.ts","sourceRoot":"","sources":["../../../lib/components/use-cody-agent.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,aAAa,EAAoB,MAAM,kCAAkC,CAAA;AAUvF,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,wBAAwB,CAAA;AAG/D,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,UAAU,CAAA;AAa9C,MAAM,WAAW,WAAW;IACxB,GAAG,EAAE,iBAAiB,CAAA;IACtB,OAAO,IAAI,IAAI,CAAA;CAClB;AAED,UAAU,oBAAoB;IAC1B,cAAc,EAAE,MAAM,CAAA;IACtB,WAAW,EAAE,MAAM,GAAG,IAAI,CAAA;IAC1B,iBAAiB,EAAE,MAAM,MAAM,CAAA;IAC/B,mBAAmB,CAAC,EAAE,MAAM,CAAA;IAC5B,cAAc,CAAC,EAAE,cAAc,CAAA;IAC/B,aAAa,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAA;CACzC;AAED,UAAU,qBAAqB;IAC3B,MAAM,EAAE,WAAW,GAAG,KAAK,GAAG,IAAI,CAAA;IAClC,SAAS,EAAE,aAAa,GAAG,IAAI,CAAA;CAClC;AAED;;;;GAIG;AACH,wBAAgB,eAAe,CAAC,KAAK,EAAE,oBAAoB,GAAG,qBAAqB,CA0DlF"}

package/dist/lib/index.d.ts

@@ -1,4 +1,4 @@
-export { CodyWebPanelProvider } from './components/CodyWebPanelProvider';
-export { CodyWebPanel, type CodyWebPanelProps } from './components/CodyWebPanel';
+export { CodyWebChat, type CodyWebChatProps } from './components/CodyWebChat';
+export { ChatSkeleton } from './components/skeleton/ChatSkeleton';
 export type { Repository, InitialContext } from './types';
 //# sourceMappingURL=index.d.ts.map

package/dist/lib/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../lib/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,mCAAmC,CAAA;AACxE,OAAO,EAAE,YAAY,EAAE,KAAK,iBAAiB,EAAE,MAAM,2BAA2B,CAAA;AAEhF,YAAY,EAAE,UAAU,EAAE,cAAc,EAAE,MAAM,SAAS,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../lib/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,KAAK,gBAAgB,EAAE,MAAM,0BAA0B,CAAA;AAC7E,OAAO,EAAE,YAAY,EAAE,MAAM,oCAAoC,CAAA;AAEjE,YAAY,EAAE,UAAU,EAAE,cAAc,EAAE,MAAM,SAAS,CAAA"}

package/dist/{shell-C6EMKtG-.mjs → shell-BGZM4C-m.mjs}

@@ -1,5 +1,5 @@
-import { u as util, e as exec, o as os, a as env, w as window, p as path, b as workspace, U as Uri, l as logError } from "./agent.worker-DVKzbHSN.mjs";
-import { w as wrapInActiveSpan, T as TokenCounterUtils, C as ContextItemSource } from "./time-date-5mt-Pcg3.mjs";
+import { u as util, e as exec, o as os, a as env, w as window, p as path, b as workspace, U as Uri, l as logError } from "./agent.worker-B1CAn5Kx.mjs";
+import { w as wrapInActiveSpan, T as TokenCounterUtils, C as ContextItemSource } from "./browser-DJC99jis.mjs";
 var define_process_default = { env: {} };
 const _exec = util.promisify(exec);
 async function getContextFileFromShell(command) {

package/dist/style.css

@@ -205,35 +205,35 @@ html[data-ide=JetBrains] ._template-input-node_14yoh_1 {
     color: var(--vscode-input-foreground);
     opacity: 0.5;
 }
-._outer-container_5yjsn_1 {
+._outer-container_xb9w0_1 {
     background-color: var(--vscode-sideBar-background);
     display: flex;
     flex-direction: column;
     box-sizing: border-box;
     height: 100%;
     overflow: hidden;
+    isolation: isolate;
 }
 
-._error-container_5yjsn_10 {
+._error-container_xb9w0_11 {
     display: flex;
     flex-direction: column-reverse;
     gap: 0.5rem;
 }
 
-._error_5yjsn_10 {
+._error_xb9w0_11 {
     flex-direction: row;
     display: flex;
     padding: 1rem;
     color: var(--vscode-input-foreground);
     background-color: var(--vscode-inputValidation-errorBackground);
-    align-items: center;
     min-height: 2rem;
     position: relative;
     overflow: auto;
     align-items: baseline;
 }
 
-._close-btn_5yjsn_29 {
+._close-btn_xb9w0_29 {
     position: absolute;
     top: 0.65rem;
     right: 0.25rem;
@@ -930,18 +930,67 @@ button > ._model-title-with-icon_rn0uf_1 ._badge_rn0uf_35 {
     border-bottom: solid 1px var(--vscode-inputValidation-errorBorder);
     color: var(--vscode-foreground);
 }
-._tabs-container_1jhmn_1 {
+._tabs-container_zt8hy_1 {
     background-color: var(--vscode-sideBar-background);
     display: inline-flex;
     justify-content: space-between;
 }
 
-._active-tab_1jhmn_7 {
+._active-tab_zt8hy_7 {
     border-color: var(--vscode-button-background);
     color: var(--vscode-button-background);
     border-width: 1.25px;
 }
 
+:root {
+    --vscode-overlay-background: rgba(0, 0, 0, 0.5);
+    --vscode-modal-background: var(--vscode-sideBar-background);
+}
+
+._dialog-overlay_zt8hy_1 {
+        inset: 0;
+        position: fixed;
+        background-color: var(--vscode-overlay-background);
+    }
+
+._dialog-content_zt8hy_1 {
+        background-color: var(--vscode-modal-background);
+        border-radius: 6px;
+        box-shadow: hsl(206 22% 7% / 35%) 0 10px 38px -10px, hsl(206 22% 7% / 20%) 0 10px 20px -15px;
+        position: fixed;
+        top: 50%;
+        left: 50%;
+        transform: translate(-50%, -50%);
+        width: 90vw;
+        max-width: 450px;
+        max-height: 85vh;
+        padding: 25px;
+    }
+
+._dialog-content_zt8hy_1:focus {
+            outline: none;
+        }
+
+._dialog-title_zt8hy_1 {
+        margin: 0;
+        font-weight: 500;
+        font-size: 17px;
+    }
+
+._dialog-description_zt8hy_1 {
+        margin: 10px 0 20px;
+        font-size: 15px;
+        line-height: 1.5;
+    }
+
+._dialog-footer_zt8hy_1 {
+        margin-top: 1.5rem;
+        width: 100%;
+        display: flex;
+        justify-content: flex-end;
+        gap: 0.5rem;
+    }
+
 /*
 Since this package is used only for Cody Web in Sourcegraph it's ok to
 not include this in the cody web package since highlights styles is already
@@ -3590,10 +3639,133 @@ body[data-vscode-theme-kind="vscode-high-contrast"] .high-contrast-dark\:tw-bord
 .\[\&_kbd\]\:tw-mt-\[-4px\] kbd {
     margin-top: -4px;
 }
-._loading_1uiqw_1 {
-    margin: auto;
+
+._root_maej5_2 {
     display: flex;
-    align-items: center;
-    justify-content: center;
+    width: 100%;
     height: 100%;
+    font-size: 13px;
+    overflow: hidden;
+}
+
+._container_maej5_10 {
+    height: 100%;
+    flex-grow: 1;
+}
+:root {
+    --cody-web-skeleton-main-color: #3e475e;
+    --cody-web-skeleton-blink-color: #4d5875;
+}
+
+._root_1yqw7_6 {
+    width: 100%;
+    height: 100%;
+    display: flex;
+    flex-direction: column;
+    gap: 1rem;
+    padding: 0.5rem 0.75rem;
+}
+
+._header_1yqw7_15 {
+    display: flex;
+    gap: 0.5rem;
+    padding: 0.25rem;
+    align-items: center;
+}
+
+._chat_1yqw7_22 {
+    display: flex;
+    flex-direction: column;
+    gap: 0.25rem;
+}
+
+._chat-input_1yqw7_1 {
+        width: 100%;
+        border-radius: 3px;
+        border: 2px solid var(--vscode-widget-border);
+        padding: 0.5rem;
+        display: flex;
+        flex-direction: column;
+        gap: 0.5rem;
+    }
+
+._chat-mentions-row_1yqw7_1 {
+        display: flex;
+        gap: 0.25rem;
+        align-items: center;
+    }
+
+._chat-submit-button_1yqw7_1 {
+        margin-left: auto;
+    }
+
+._message_1yqw7_48 {
+    display: flex;
+    flex-direction: column;
+    gap: 0.25rem;
+}
+
+._message-content_1yqw7_1 {
+        margin-top: 0.5rem;
+        display: flex;
+        gap: 0.5rem;
+        flex-wrap: wrap;
+    }
+
+._line_1yqw7_61 {
+    width: 100%;
+    max-width: 7rem;
+    height: 0.75rem;
+    flex-grow: 0;
+    flex-shrink: 0;
+    border-radius: 3px;
+    background-size: 200% 100%;
+    animation: _shine-lines_1yqw7_1 1s infinite linear;
+
+    background-image: linear-gradient(
+        100deg,
+        var(--cody-web-skeleton-main-color) 0,
+        var(--cody-web-skeleton-blink-color) 40px,
+        var(--cody-web-skeleton-main-color) 80px
+    );
+
+}
+
+._line-circle_1yqw7_1 {
+        width: 1.5rem;
+        height: 1.5rem;
+        border-radius: 50%;
+        flex-grow: 0;
+        flex-shrink: 0;
+    }
+
+._line-circle-small_1yqw7_1 {
+            width: 1rem;
+            height: 1rem;
+        }
+
+._line-small_1yqw7_1 {
+        max-width: 5rem;
+        height: 0.5rem;
+    }
+
+._line-short-text_1yqw7_1 {
+
+        max-width: 3rem;
+    }
+
+._line-text_1yqw7_1 {
+
+        max-width: 8rem;
+    }
+
+._line-long-text_1yqw7_1 {
+
+        max-width: 20rem;
+    }
+
+@keyframes _shine-lines_1yqw7_1 {
+    100% {
+        background-position-x: -200%;
+    }
 }