@sourcegraph/cody-web 0.10.0 → 0.11.0

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

@@ -1,4 +1,5 @@
 import { type FunctionComponent } from 'react';
+import { type CodyExternalApi } from 'cody-ai/webviews/CodyPanel';
 import type { InitialContext } from '../types';
 import '../global-styles/styles.css';
 export interface CodyWebChatProps {
@@ -9,6 +10,13 @@ export interface CodyWebChatProps {
     initialContext?: InitialContext;
     customHeaders?: Record<string, string>;
     className?: string;
+    /**
+     * Whenever an external (imperative) Cody Chat API instance is ready,
+     * for example it gives you ability to run prompt, Note that this handler
+     * should be memoized and not change between components re-render, otherwise
+     * it will be stuck in infinite update loop
+     */
+    onExternalApiReady?: (api: CodyExternalApi) => void;
 }
 /**
  * The root component node for Cody Web Chat, implements Cody Agent client

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

@@ -1 +1 @@
-{"version":3,"file":"CodyWebChat.d.ts","sourceRoot":"","sources":["../../../lib/components/CodyWebChat.tsx"],"names":[],"mappings":"AACA,OAAO,EAAW,KAAK,iBAAiB,EAAsC,MAAM,OAAO,CAAA;AA0B3F,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"}
+{"version":3,"file":"CodyWebChat.d.ts","sourceRoot":"","sources":["../../../lib/components/CodyWebChat.tsx"],"names":[],"mappings":"AACA,OAAO,EAAW,KAAK,iBAAiB,EAAsC,MAAM,OAAO,CAAA;AAmB3F,OAAO,EAAE,KAAK,eAAe,EAAa,MAAM,4BAA4B,CAAA;AAO5E,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,UAAU,CAAA;AAK9C,OAAO,6BAA6B,CAAA;AAYpC,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;IAElB;;;;;OAKG;IACH,kBAAkB,CAAC,EAAE,CAAC,GAAG,EAAE,eAAe,KAAK,IAAI,CAAA;CACtD;AACD;;;;;;GAMG;AACH,eAAO,MAAM,WAAW,EAAE,iBAAiB,CAAC,gBAAgB,CAuC3D,CAAA"}

package/dist/lib/index.d.ts

@@ -1,4 +1,4 @@
 export { CodyWebChat, type CodyWebChatProps } from './components/CodyWebChat';
 export { ChatSkeleton } from './components/skeleton/ChatSkeleton';
-export type { Repository, InitialContext } from './types';
+export type { Repository, InitialContext, CodyExternalApi } 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,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"}
+{"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,eAAe,EAAE,MAAM,SAAS,CAAA"}

package/dist/lib/types.d.ts

@@ -1,3 +1,4 @@
+export type { CodyExternalApi } from '../../vscode/webviews/CodyPanel';
 export interface Repository {
     id: string;
     name: string;

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

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../lib/types.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,UAAU;IACvB,EAAE,EAAE,MAAM,CAAA;IACV,IAAI,EAAE,MAAM,CAAA;CACf;AAED,MAAM,MAAM,cAAc,GAAG;IACzB,UAAU,EAAE,UAAU,CAAA;IACtB,WAAW,EAAE,OAAO,CAAA;IACpB,OAAO,EAAE,MAAM,GAAG,IAAI,CAAA;IACtB,SAAS,EAAE;QAAE,SAAS,EAAE,MAAM,CAAC;QAAC,OAAO,EAAE,MAAM,CAAA;KAAE,GAAG,IAAI,CAAA;CAC3D,CAAA"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../lib/types.ts"],"names":[],"mappings":"AAAA,YAAY,EAAE,eAAe,EAAE,MAAM,iCAAiC,CAAA;AAEtE,MAAM,WAAW,UAAU;IACvB,EAAE,EAAE,MAAM,CAAA;IACV,IAAI,EAAE,MAAM,CAAA;CACf;AAED,MAAM,MAAM,cAAc,GAAG;IACzB,UAAU,EAAE,UAAU,CAAA;IACtB,WAAW,EAAE,OAAO,CAAA;IACpB,OAAO,EAAE,MAAM,GAAG,IAAI,CAAA;IACtB,SAAS,EAAE;QAAE,SAAS,EAAE,MAAM,CAAC;QAAC,OAAO,EAAE,MAAM,CAAA;KAAE,GAAG,IAAI,CAAA;CAC3D,CAAA"}

package/dist/style.css

@@ -528,6 +528,25 @@ body[data-vscode-theme-kind='vscode-high-contrast-light'] ._context-item-link_15
 ._code-block_15z33_40 {
     margin-bottom: 0.25rem;
 }
+._accordion-trigger_12003_1 {
+    display: flex;
+    gap: 0.25rem;
+    align-items: center;
+    justify-content: space-between;
+    transition-property: all;
+    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+    transition-duration: 150ms;
+}
+
+._accordion-trigger_12003_1[data-state="open"] ._accordion-trigger-chevron_12003_11 {
+    transform: rotate(90deg);
+}
+
+._accordion-trigger-chevron_12003_11 {
+    flex-shrink: 0;        /* tw-shrink-0 */
+    transition-property: transform;  /* tw-transition-transform */
+    transition-duration: 150ms;      /* tw-duration-150 */
+}
 ._dots-holder_10c80_1 {
     display: flex;
     gap: 0.2rem;
@@ -959,16 +978,29 @@ body[data-vscode-theme-kind='vscode-light'] ._content_1kf9a_116 pre > code {
     align-items: center;
     gap: calc(var(--spacing) / 4);
 }
-._context-item_911i8_1 {
+._context-item_19lcq_1 {
     display: inline-flex;
     padding: 2px 4px 2px 2px;
 }
 
-._context-item-metadata_911i8_6 {
+._context-item-metadata_19lcq_6 {
     color: var(--vscode-disabledForeground);
     padding-left: 0.1rem;
     text-wrap: nowrap;
 }
+
+._context-item-edit-button_19lcq_12 {
+    display: flex;
+    align-items: center;
+
+    flex-wrap: nowrap;
+
+}
+
+._context-item-edit-button-icon_19lcq_20 {
+    height: 20%;
+    margin-right: 0.5rem;
+}
 ._user-avatar_1ll2x_1 {
     isolation: isolate;
     display: inline-flex;
@@ -993,11 +1025,11 @@ body[data-vscode-theme-kind='vscode-light'] ._content_1kf9a_116 pre > code {
     --human-message-editor-cell-spacing-bottom: 6px;
 }
 
-._container_16hae_6 {
+._container_1eiqs_6 {
     display: flex;
     flex-direction: column;
     gap: var(--human-message-editor-gap);
-    border-radius: 2px;
+    border-radius: 4px;
     background-color: color-mix(in srgb, var(--vscode-input-background) 50%, transparent);
     color: var(--vscode-input-foreground);
     outline: solid 1px var(--vscode-input-border);
@@ -1005,21 +1037,21 @@ body[data-vscode-theme-kind='vscode-light'] ._content_1kf9a_116 pre > code {
     cursor: text;
 }
 
-._container_16hae_6 ._editor_16hae_17 {
+._container_1eiqs_6 ._editor_1eiqs_17 {
         scrollbar-gutter: stable;
         padding: var(--prompt-editor-padding-y) var(--prompt-editor-padding-x);
     }
 
-._toolbar_16hae_23 {
+._toolbar_1eiqs_23 {
     padding: calc(0.75*var(--prompt-editor-padding-y)) var(--prompt-editor-padding-x);
     overflow: hidden;
 }
 
-._container_16hae_6:not(._focused_16hae_28, [data-keep-toolbar-open]) {
-    --human-message-editor-gap: 0px;
-}
+._container_1eiqs_6:not(._focused_1eiqs_28, [data-keep-toolbar-open]) ._editor-content-editable_1eiqs_30 {
+        min-height: 1lh;
+    }
 
-._container_16hae_6:not(._focused_16hae_28, [data-keep-toolbar-open]) ._toolbar_16hae_23 {
+._container_1eiqs_6:not(._focused_1eiqs_28, [data-keep-toolbar-open]) ._toolbar_1eiqs_23 {
         height: 0;
         opacity: 0;
         margin-top: 0;
@@ -1027,18 +1059,18 @@ body[data-vscode-theme-kind='vscode-light'] ._content_1kf9a_116 pre > code {
         padding: 0;
     }
 
-._container_16hae_6:hover, ._container_16hae_6:has(:focus-within, menu>button:focus) {
+._container_1eiqs_6:hover, ._container_1eiqs_6:has(:focus-within, menu>button:focus) {
     background-color: var(--vscode-input-background);
 }
 
 /* Show focus ring when the input is focused or a toolbar button within the input container is
    focused, but NOT if something in a toolbar button's popover is focused. */
-._container_16hae_6:has([data-lexical-editor='true']:focus-within, menu>button:focus) {
+._container_1eiqs_6:has([data-lexical-editor='true']:focus-within, menu>button:focus) {
     outline-color: var(--vscode-focusBorder);
 }
 
-._editor-content-editable_16hae_50 {
-    min-height: 1lh;
+._editor-content-editable_1eiqs_30 {
+    min-height: 3lh;
 }
 :root {
     --toolbar-button-font-size: 12px;
@@ -1168,34 +1200,34 @@ button > ._model-title-with-icon_1bw6t_1 ._badge_1bw6t_35 {
     display: none;
 }
 
-._item_1xr6n_2 {
+._item_105bl_2 {
     display: flex;
     gap: 0.5rem;
 }
 
-    ._item--indicator_1xr6n_13 {
+    ._item--indicator_105bl_13 {
         display: none !important;
         margin-left: auto;
         align-self: flex-start;
     }
 
-    ._item_1xr6n_2[data-selected="true"] ._item--indicator_1xr6n_13 {
+    ._item_105bl_2[data-selected="true"] ._item--indicator_105bl_13 {
             display: block !important;
             color: inherit;
         }
 
-    ._item_1xr6n_2[data-selected="true"] ._prompt--avatar_1xr6n_18, ._item_1xr6n_2[data-selected="true"] ._prompt--description_1xr6n_18, ._item_1xr6n_2[data-selected="true"] ._prompt--icon_1xr6n_18 {
+    ._item_105bl_2[data-selected="true"] ._prompt--avatar_105bl_18, ._item_105bl_2[data-selected="true"] ._prompt--description_105bl_18, ._item_105bl_2[data-selected="true"] ._prompt--icon_105bl_18 {
             color: inherit;
         }
 
-._prompt_1xr6n_18 {
+._prompt_105bl_18 {
     display: flex;
     gap: 0.5rem;
     align-items: center;
     min-width: 0;
 }
 
-._prompt--avatar_1xr6n_18 {
+._prompt--avatar_105bl_18 {
         flex-shrink: 0;
         width: 22px;
         height: 22px;
@@ -1204,30 +1236,31 @@ button > ._model-title-with-icon_1bw6t_1 ._badge_1bw6t_35 {
         justify-content: center;
     }
 
-._prompt--icon_1xr6n_18 {
+._prompt--icon_105bl_18 {
         color: var(--vscode-input-placeholderForeground);
     }
 
-._prompt--content_1xr6n_1 {
+._prompt--content_105bl_1 {
         min-width: 0;
         display: flex;
         flex-direction: column;
     }
 
-._prompt--title_1xr6n_1 {
+._prompt--title_105bl_1 {
         min-width: 0;
         display: flex;
         gap: 0.25rem;
+        align-items: center;
     }
 
-._prompt--name_1xr6n_1 {
+._prompt--name_105bl_1 {
         white-space: nowrap;
         overflow: hidden;
         text-overflow: ellipsis;
         font-weight: 500;
     }
 
-._prompt--description_1xr6n_18 {
+._prompt--description_105bl_18 {
         color: var(--vscode-input-placeholderForeground);
         white-space: nowrap;
         overflow: hidden;
@@ -1279,7 +1312,7 @@ button > ._model-title-with-icon_1bw6t_1 ._badge_1bw6t_35 {
                 background-color: var(--vscode-dropdown-background);
             }
 
-._root_18l4i_2 {
+._root_oxlxy_2 {
     display: flex;
     flex-direction: column;
     padding: 0.75rem;
@@ -1288,47 +1321,47 @@ button > ._model-title-with-icon_1bw6t_1 ._badge_1bw6t_35 {
     background-color: var(--vscode-dropdown-background);
 }
 
-._icons-header_18l4i_11 {
+._icons-header_oxlxy_11 {
     display: flex;
     gap: 0.5rem;
-    margin-bottom: 0.5rem;
+    margin-bottom: 0.625rem;
 }
 
-._heading_18l4i_17 {
-    font-size: 1rem;
+._heading_oxlxy_17 {
+    font-size: 0.875rem;
     font-weight: 500;
-    margin-bottom: 0.25rem;
+    margin-bottom: 0.175rem;
     color: var(--vscode-dropdown-foreground);
 }
 
-._description-text_18l4i_24 {
+._description-text_oxlxy_24 {
     line-height: 1rem;
-    margin-bottom: 0.75rem;
+    margin-bottom: 0.875rem;
     color: var(--vscode-dropdown-foreground);
 }
 
-._actions_18l4i_30 {
+._actions_oxlxy_30 {
     display: flex;
     flex-wrap: wrap;
     align-items: center;
     gap: 0.5rem;
 }
 
-._action_18l4i_30 {
+._action_oxlxy_30 {
     flex-shrink: 0;
 }
 
-._footer_18l4i_41 {
+._footer_oxlxy_41 {
     margin-top: 0.75rem;
     line-height: 1rem;
     font-size: 12px;
 }
 
-._inner-container_18l4i_47 {
+._inner-container_oxlxy_47 {
     margin-top: 0.5rem;
 }
 
-._loader_18l4i_51 {
+._loader_oxlxy_51 {
     width: 100%;
     height: 0.5rem;
     position: relative;
@@ -1343,14 +1376,14 @@ button > ._model-title-with-icon_1bw6t_1 ._badge_1bw6t_35 {
     transform: translateZ(0);
 }
 
-._loader-indicator_18l4i_1 {
+._loader-indicator_oxlxy_1 {
         width: 100%;
         height: 100%;
         background-color: var(--vscode-button-background);
         transition: transform 660ms cubic-bezier(0.65, 0, 0.35, 1);
     }
 
-._error_18l4i_73 {
+._error_oxlxy_73 {
     color: #de3400;
     background-color: #f7bcbc;
     line-height: 150%;
@@ -1360,7 +1393,7 @@ button > ._model-title-with-icon_1bw6t_1 ._badge_1bw6t_35 {
     font-weight: bold;
 }
 
-._close_18l4i_83 {
+._close_oxlxy_83 {
     padding: 0.25rem;
     align-self: flex-start;
     margin: -0.25rem -0.25rem 0 auto;
@@ -1508,48 +1541,46 @@ button > ._model-title-with-icon_1bw6t_1 ._badge_1bw6t_35 {
     border-bottom: solid 1px var(--vscode-inputValidation-errorBorder);
     color: var(--vscode-foreground);
 }
-._welcome-footer_q2fi5_1 {
+._welcome-footer_g0fdz_1 {
     padding: 1rem 1rem;
     display: flex;
     flex-flow: column nowrap;
-    justify-content: space-between;
-    align-items: center;
     max-width: 100%;
     color: var(--vscode-input-placeholderForeground)
 }
 
-._tips_q2fi5_11 {
+._tips_g0fdz_9 {
     display: flex;
     flex-flow: column nowrap;
-    flex-shrink: 0;
+    width: 100%;
     gap: 0.5rem;
-    padding: 1.0rem;
+    padding: 1rem 0;
     border-bottom: 0.25px solid var(--vscode-dropdown-border);
 }
 
-._links_q2fi5_20 {
+._links_g0fdz_18 {
     display: flex;
-    flex-shrink: none;
-    flex-direction: row;
-    padding: 1.0rem 1.5rem;
+    flex-flow: row wrap;
+    padding: 0.75rem 0;
     gap: 0.5rem;
-    flex-shrink: 0;
-    justify-content: space-around;
-    align-items: center;
 }
 
-._item_q2fi5_31 {
+._item_g0fdz_25 {
     display: flex;
     flex-flow: row nowrap;
     flex-shrink: 0;
+    padding: 0 0.5rem;
     gap: 0.5rem;
     align-items: center;
 }
 
-._link_q2fi5_20 {
+._link_g0fdz_18 {
     color: inherit;
     text-decoration: none;
+}
 
+._actions_129f5_2 {
+    --vscode-keybindingLabel-foreground: currentColor;
 }
 
 /*
@@ -2214,6 +2245,12 @@ imported in Sourcegraph shell.
 	margin-top: 8px;
 	margin-bottom: 8px;
 }
+.-tw-mr-2 {
+	margin-right: -4px;
+}
+.-tw-mr-6 {
+	margin-right: -12px;
+}
 .tw-mb-0 {
 	margin-bottom: 0px;
 }
@@ -2338,6 +2375,9 @@ imported in Sourcegraph shell.
 .tw-max-h-\[70vh\] {
 	max-height: 70vh;
 }
+.tw-max-h-\[80vh\] {
+	max-height: 80vh;
+}
 .tw-max-h-fit {
 	max-height: fit-content;
 }
@@ -2774,10 +2814,6 @@ imported in Sourcegraph shell.
 	padding-left: 8px;
 	padding-right: 8px;
 }
-.tw-px-6 {
-	padding-left: 12px;
-	padding-right: 12px;
-}
 .tw-px-8 {
 	padding-left: 16px;
 	padding-right: 16px;
@@ -2990,14 +3026,6 @@ imported in Sourcegraph shell.
 	transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
 	transition-duration: 150ms;
 }
-.tw-transition-transform {
-	transition-property: transform;
-	transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
-	transition-duration: 150ms;
-}
-.tw-duration-150 {
-	transition-duration: 150ms;
-}
 .tw-duration-75 {
 	transition-duration: 75ms;
 }
@@ -3527,10 +3555,6 @@ body[data-vscode-theme-kind="vscode-high-contrast"] .high-contrast-dark\:tw-bord
 .\[\&\:not\(\:last-child\)\]\:tw-border-border:not(:last-child) {
 	border-color: var(--vscode-dropdown-border);
 }
-.\[\&\[data-state\=open\]\>svg\.lucide\]\:tw-rotate-90[data-state=open]>svg.lucide {
-	--tw-rotate: 90deg;
-	transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
-}
 .\[\&_\>_\*\]\:tw-flex-shrink-0 > * {
 	flex-shrink: 0;
 }