@sourcegraph/cody-web 0.6.1 → 0.7.0

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-DvMNfs3M.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-Cjx_iNtn.mjs";
+import { w as wrapInActiveSpan, T as TokenCounterUtils, C as ContextItemSource } from "./browser-BpZhCiRU.mjs";
 var define_process_default = { env: {} };
 const _exec = util.promisify(exec);
 async function getContextFileFromShell(command) {

package/dist/style.css

@@ -3590,10 +3590,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_1dr1n_2 {
     display: flex;
-    align-items: center;
-    justify-content: center;
+    height: 100vh;
+    width: 100%;
+    font-size: 13px;
+    overflow: hidden;
+}
+
+._container_1dr1n_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%;
+    }
 }