@sourcegraph/cody-web 0.38.0 → 0.40.0

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

@@ -9,6 +9,14 @@ export interface CodyPromptTemplateProps {
     initialEditorState?: SerializedPromptEditorState | undefined;
     disabled?: boolean;
     placeholder?: string;
+    /**
+     * A custom portal container to have control over target for all floating UI within
+     * Cody Web UI, this is used to retarget a standard portal (end of the body) to
+     * element within Web SvelteKit app themed portal.
+     *
+     * For more details see this comment https://github.com/sourcegraph/sourcegraph/pull/9186#issuecomment-3774633656
+     */
+    portalContainer?: HTMLElement | null;
     /**
      * Whenever an external (imperative) Cody Chat API instance is ready,
      * for example it gives you ability to run prompt, Note that this handler

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

@@ -1 +1 @@
-{"version":3,"file":"CodyPromptTemplate.d.ts","sourceRoot":"","sources":["../../../lib/components/CodyPromptTemplate.tsx"],"names":[],"mappings":"AACA,OAAO,EAEH,KAAK,iBAAiB,EAMzB,MAAM,OAAO,CAAA;AAEd,OAAO,EASH,KAAK,2BAA2B,EAGnC,MAAM,0BAA0B,CAAA;AAIjC,OAAO,EAIH,KAAK,kBAAkB,EAC1B,MAAM,4BAA4B,CAAA;AAMnC,OAAO,EAAE,KAAK,oBAAoB,EAAmB,MAAM,kBAAkB,CAAA;AAG7E,OAAO,6BAA6B,CAAA;AAYpC,MAAM,WAAW,uBAAuB;IACpC,WAAW,EAAE,oBAAoB,CAAA;IACjC,SAAS,CAAC,EAAE,MAAM,CAAA;IAElB,kBAAkB,CAAC,EAAE,2BAA2B,GAAG,SAAS,CAAA;IAC5D,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,WAAW,CAAC,EAAE,MAAM,CAAA;IAEpB;;;;;OAKG;IACH,gBAAgB,CAAC,EAAE,CAAC,GAAG,EAAE,kBAAkB,KAAK,IAAI,CAAA;CACvD;AACD;;;GAGG;AACH,eAAO,MAAM,kBAAkB,EAAE,iBAAiB,CAAC,uBAAuB,CAyCzE,CAAA"}
+{"version":3,"file":"CodyPromptTemplate.d.ts","sourceRoot":"","sources":["../../../lib/components/CodyPromptTemplate.tsx"],"names":[],"mappings":"AACA,OAAO,EAEH,KAAK,iBAAiB,EAMzB,MAAM,OAAO,CAAA;AAEd,OAAO,EASH,KAAK,2BAA2B,EAGnC,MAAM,0BAA0B,CAAA;AAIjC,OAAO,EAIH,KAAK,kBAAkB,EAC1B,MAAM,4BAA4B,CAAA;AAMnC,OAAO,EAAE,KAAK,oBAAoB,EAAmB,MAAM,kBAAkB,CAAA;AAG7E,OAAO,6BAA6B,CAAA;AAYpC,MAAM,WAAW,uBAAuB;IACpC,WAAW,EAAE,oBAAoB,CAAA;IACjC,SAAS,CAAC,EAAE,MAAM,CAAA;IAElB,kBAAkB,CAAC,EAAE,2BAA2B,GAAG,SAAS,CAAA;IAC5D,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,WAAW,CAAC,EAAE,MAAM,CAAA;IAEpB;;;;;;OAMG;IACH,eAAe,CAAC,EAAE,WAAW,GAAG,IAAI,CAAA;IAEpC;;;;;OAKG;IACH,gBAAgB,CAAC,EAAE,CAAC,GAAG,EAAE,kBAAkB,KAAK,IAAI,CAAA;CACvD;AACD;;;GAGG;AACH,eAAO,MAAM,kBAAkB,EAAE,iBAAiB,CAAC,uBAAuB,CA2CzE,CAAA"}

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

@@ -49,6 +49,14 @@ export interface CodyWebChatProps {
     controller?: CodyWebChatController;
     /** How to render the chat, either as standalone page or sidebar. Defaults to 'sidebar'. */
     viewType?: ViewType;
+    /**
+     * A custom portal container to have control over target for all floating UI within
+     * Cody Web UI, this is used to retarget a standard portal (end of the body) to
+     * element within Web SvelteKit app themed portal.
+     *
+     * For more details see this comment https://github.com/sourcegraph/sourcegraph/pull/9186#issuecomment-3774633656
+     */
+    portalContainer?: HTMLElement | null;
     /**
      * Whenever an external (imperative) Cody Chat API instance is ready,
      * for example it gives you ability to run prompt, Note that this handler

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,EAEH,KAAK,iBAAiB,EAOzB,MAAM,OAAO,CAAA;AAGd,OAAO,EACH,KAAK,WAAW,EAYnB,MAAM,0BAA0B,CAAA;AAQjC,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,uBAAuB,CAAA;AAKjD,OAAO,KAAK,EAAE,eAAe,EAAE,cAAc,EAAE,MAAM,UAAU,CAAA;AAE/D,OAAO,EAAE,KAAK,oBAAoB,EAAmB,MAAM,kBAAkB,CAAA;AAG7E,OAAO,6BAA6B,CAAA;AAOpC;;GAEG;AACH,MAAM,MAAM,QAAQ,GAAG,MAAM,GAAG,SAAS,CAAA;AASzC,MAAM,MAAM,iBAAiB,GACvB;IAAE,IAAI,EAAE,aAAa,CAAC;IAAC,IAAI,EAAE,IAAI,CAAA;CAAE,GACnC;IAAE,IAAI,EAAE,UAAU,CAAA;CAAE,GACpB;IAAE,IAAI,EAAE,eAAe,CAAA;CAAE,GACzB;IAAE,IAAI,EAAE,kBAAkB,CAAA;CAAE,CAAA;AAElC,MAAM,MAAM,kBAAkB,GACxB;IAAE,IAAI,EAAE,aAAa,CAAC;IAAC,IAAI,EAAE,WAAW,EAAE,CAAA;CAAE,GAC5C;IAAE,IAAI,EAAE,aAAa,CAAC;IAAC,IAAI,EAAE,IAAI,CAAA;CAAE,CAAA;AAEzC,MAAM,MAAM,cAAc,GAAG,CAAC,OAAO,EAAE,iBAAiB,KAAK,IAAI,CAAA;AACjE,KAAK,YAAY,GAAG,MAAM,IAAI,CAAA;AAE9B;;;GAGG;AACH,MAAM,WAAW,qBAAqB;IAClC;;OAEG;IACH,WAAW,CAAC,OAAO,EAAE,kBAAkB,GAAG,IAAI,CAAA;IAC9C;;OAEG;IACH,SAAS,CAAC,OAAO,EAAE,cAAc,GAAG,YAAY,CAAA;CACnD;AAED,MAAM,WAAW,gBAAgB;IAC7B,WAAW,EAAE,oBAAoB,CAAA;IACjC,cAAc,CAAC,EAAE,cAAc,CAAA;IAC/B,SAAS,CAAC,EAAE,MAAM,CAAA;IAElB,oFAAoF;IACpF,UAAU,CAAC,EAAE,qBAAqB,CAAA;IAElC,2FAA2F;IAC3F,QAAQ,CAAC,EAAE,QAAQ,CAAA;IAEnB;;;;;OAKG;IACH,kBAAkB,CAAC,EAAE,CAAC,GAAG,EAAE,eAAe,KAAK,IAAI,CAAA;CACtD;AACD;;;;;;GAMG;AACH,eAAO,MAAM,WAAW,EAAE,iBAAiB,CAAC,gBAAgB,CAyC3D,CAAA"}
+{"version":3,"file":"CodyWebChat.d.ts","sourceRoot":"","sources":["../../../lib/components/CodyWebChat.tsx"],"names":[],"mappings":"AACA,OAAO,EAEH,KAAK,iBAAiB,EAOzB,MAAM,OAAO,CAAA;AAGd,OAAO,EACH,KAAK,WAAW,EAYnB,MAAM,0BAA0B,CAAA;AAQjC,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,uBAAuB,CAAA;AAKjD,OAAO,KAAK,EAAE,eAAe,EAAE,cAAc,EAAE,MAAM,UAAU,CAAA;AAE/D,OAAO,EAAE,KAAK,oBAAoB,EAAmB,MAAM,kBAAkB,CAAA;AAG7E,OAAO,6BAA6B,CAAA;AAOpC;;GAEG;AACH,MAAM,MAAM,QAAQ,GAAG,MAAM,GAAG,SAAS,CAAA;AASzC,MAAM,MAAM,iBAAiB,GACvB;IAAE,IAAI,EAAE,aAAa,CAAC;IAAC,IAAI,EAAE,IAAI,CAAA;CAAE,GACnC;IAAE,IAAI,EAAE,UAAU,CAAA;CAAE,GACpB;IAAE,IAAI,EAAE,eAAe,CAAA;CAAE,GACzB;IAAE,IAAI,EAAE,kBAAkB,CAAA;CAAE,CAAA;AAElC,MAAM,MAAM,kBAAkB,GACxB;IAAE,IAAI,EAAE,aAAa,CAAC;IAAC,IAAI,EAAE,WAAW,EAAE,CAAA;CAAE,GAC5C;IAAE,IAAI,EAAE,aAAa,CAAC;IAAC,IAAI,EAAE,IAAI,CAAA;CAAE,CAAA;AAEzC,MAAM,MAAM,cAAc,GAAG,CAAC,OAAO,EAAE,iBAAiB,KAAK,IAAI,CAAA;AACjE,KAAK,YAAY,GAAG,MAAM,IAAI,CAAA;AAE9B;;;GAGG;AACH,MAAM,WAAW,qBAAqB;IAClC;;OAEG;IACH,WAAW,CAAC,OAAO,EAAE,kBAAkB,GAAG,IAAI,CAAA;IAC9C;;OAEG;IACH,SAAS,CAAC,OAAO,EAAE,cAAc,GAAG,YAAY,CAAA;CACnD;AAED,MAAM,WAAW,gBAAgB;IAC7B,WAAW,EAAE,oBAAoB,CAAA;IACjC,cAAc,CAAC,EAAE,cAAc,CAAA;IAC/B,SAAS,CAAC,EAAE,MAAM,CAAA;IAElB,oFAAoF;IACpF,UAAU,CAAC,EAAE,qBAAqB,CAAA;IAElC,2FAA2F;IAC3F,QAAQ,CAAC,EAAE,QAAQ,CAAA;IAEnB;;;;;;OAMG;IACH,eAAe,CAAC,EAAE,WAAW,GAAG,IAAI,CAAA;IAEpC;;;;;OAKG;IACH,kBAAkB,CAAC,EAAE,CAAC,GAAG,EAAE,eAAe,KAAK,IAAI,CAAA;CACtD;AACD;;;;;;GAMG;AACH,eAAO,MAAM,WAAW,EAAE,iBAAiB,CAAC,gBAAgB,CA2C3D,CAAA"}

package/dist/{lite-BPYOwOSx.mjs → lite-DCeO0vlV.mjs}

@@ -1,7 +1,7 @@
 var __defProp = Object.defineProperty;
 var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
 var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
-import { b as base64Js } from "./agent.worker-Bm74MuX8.mjs";
+import { b as base64Js } from "./agent.worker-Di-hO351.mjs";
 var __defProp2 = Object.defineProperty;
 var __defNormalProp2 = (obj, key, value) => key in obj ? __defProp2(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
 var __publicField2 = (obj, key, value) => {

package/dist/style.css

@@ -1312,6 +1312,15 @@ button > ._model-title-with-icon_k71kd_5 ._badge_k71kd_39 {
     ._list-chips_mvyfp_1 ._list--item_mvyfp_41:not([aria-selected="true"]) {
                 background-color: var(--vscode-dropdown-background);
             }
+._container_bgbsm_1 {
+    position: relative;
+    left: 50%;
+    transform: translateX(-50%);
+    width: fit-content;
+    height: 0;
+    z-index: 50;
+    top: -16px;
+}
 ._path_1dh30_1 {
     white-space: nowrap;
     text-overflow: ellipsis;
@@ -1516,14 +1525,14 @@ h4 {
     Root element which only exists to use container query
     for changing header tabs layout.
 */
-._tabs-root_hvph1_10 {
+._tabs-root_xz9m6_10 {
     container-type: inline-size;
     container-name: tabs-container;
     isolation: isolate;
     z-index: 2;
 }
 
-._tabs-container_hvph1_17 {
+._tabs-container_xz9m6_17 {
     display: flex;
     width: 100%;
     padding: 0;
@@ -1533,7 +1542,7 @@ h4 {
     background-color: var(--vscode-sideBar-background);
 }
 
-._tabs_hvph1_10 {
+._tabs_xz9m6_10 {
     display: flex;
     flex-shrink: 0;
     gap: 2px;
@@ -1542,27 +1551,27 @@ h4 {
     border-bottom: 1px solid var(--vscode-dropdown-border);
 }
 
-._tabs_hvph1_10 > * {
+._tabs_xz9m6_10 > * {
         flex-shrink: 0;
     }
 
-._sub-tabs_hvph1_40 {
+._sub-tabs_xz9m6_40 {
     display: flex;
     flex-shrink: 0;
     gap: 8px;
-    padding: 0 12px 0 16px;
+    padding: 0 12px 0 12px;
 }
 
-._sub-tabs_hvph1_40 > * {
+._sub-tabs_xz9m6_40 > * {
         flex-shrink: 0;
     }
 
-._sub-tabs_hvph1_40 > button,
-._sub-tabs_hvph1_40 > a {
+._sub-tabs_xz9m6_40 > button,
+._sub-tabs_xz9m6_40 > a {
     padding: 8px;
 }
 
-._tab-action-label_hvph1_56 {
+._tab-action-label_xz9m6_56 {
     display: inline;
 }
 
@@ -1574,25 +1583,25 @@ h4 {
     this override)
 */
 @container tabs-container (width < 575px) {
-        ._tabs-root_hvph1_10:not(._tabs-root--cody-web_hvph1_68) ._tab-action-label_hvph1_56 {
+        ._tabs-root_xz9m6_10:not(._tabs-root--cody-web_xz9m6_68) ._tab-action-label_xz9m6_56 {
             display: none;
         }
 }
 
 /* Special override for Cody Web tabs */
 @container tabs-container (width < 375px) {
-    ._tabs-root--cody-web_hvph1_68 ._tab-action-label_hvph1_56 {
+    ._tabs-root--cody-web_xz9m6_68 ._tab-action-label_xz9m6_56 {
         display: none;
     }
 }
 
-._dialog-overlay_hvph1_1 {
+._dialog-overlay_xz9m6_1 {
         inset: 0;
         position: fixed;
         background-color: var(--vscode-overlay-background);
     }
 
-._dialog-content_hvph1_1 {
+._dialog-content_xz9m6_1 {
         width: 90vw;
         max-width: 450px;
         max-height: 85vh;
@@ -1608,23 +1617,23 @@ h4 {
             hsl(206deg 22% 7% / 20%) 0 10px 20px -15px;
     }
 
-._dialog-content_hvph1_1:focus {
+._dialog-content_xz9m6_1:focus {
             outline: none;
         }
 
-._dialog-title_hvph1_1 {
+._dialog-title_xz9m6_1 {
         margin: 0;
         font-weight: 500;
         font-size: 17px;
     }
 
-._dialog-description_hvph1_1 {
+._dialog-description_xz9m6_1 {
         margin: 10px 0 20px;
         font-size: 15px;
         line-height: 1.5;
     }
 
-._dialog-footer_hvph1_1 {
+._dialog-footer_xz9m6_1 {
         margin-top: 1.5rem;
         width: 100%;
         display: flex;
@@ -2272,9 +2281,6 @@ imported in Sourcegraph shell.
 .tw-inset-0 {
 	inset: 0px;
 }
-.tw--top-8 {
-	top: -16px;
-}
 .tw-bottom-0 {
 	bottom: 0px;
 }
@@ -2497,9 +2503,6 @@ imported in Sourcegraph shell.
 .\!tw-h-\[30px\] {
 	height: 30px !important;
 }
-.tw-h-0 {
-	height: 0px;
-}
 .tw-h-1 {
 	height: 2px;
 }
@@ -2614,9 +2617,6 @@ imported in Sourcegraph shell.
 .\!tw-w-fit {
 	width: fit-content !important;
 }
-.tw-w-1\/2 {
-	width: 50%;
-}
 .tw-w-1\/4 {
 	width: 25%;
 }
@@ -5097,20 +5097,17 @@ imported in Sourcegraph shell.
         background-position-x: -200%;
     }
 }
-:root {
+._root_65pir_1 {
     --human-message-editor-gap: 0;
     --human-message-editor-cell-spacing-bottom: 6px;
-}
 
-._root_n2nil_6 {
     display: flex;
     width: 100%;
     height: 100%;
-    font-size: 13px;
     overflow: hidden;
 }
 
-._container_n2nil_14 {
+._container_65pir_11 {
     height: 100%;
     flex-grow: 1;
 
@@ -5125,38 +5122,25 @@ imported in Sourcegraph shell.
     cursor: text;
 }
 
-._container_n2nil_14 ._editor_n2nil_28 {
+._container_65pir_11 ._editor_65pir_25 {
         scrollbar-gutter: stable;
         padding: var(--prompt-editor-padding-y) var(--prompt-editor-padding-x);
     }
 
-._toolbar_n2nil_34 {
-    padding: calc(0.75*var(--prompt-editor-padding-y)) var(--prompt-editor-padding-x);
-    overflow: hidden;
-}
-
-._container_n2nil_14:not(._focused_n2nil_39, [data-keep-toolbar-open]) ._editor-content-editable_n2nil_41 {
+._container_65pir_11:not(._focused_65pir_31, [data-keep-toolbar-open]) ._editor-content-editable_65pir_32 {
         min-height: 1lh;
     }
 
-._container_n2nil_14:not(._focused_n2nil_39, [data-keep-toolbar-open]) ._toolbar_n2nil_34 {
-        height: 0;
-        opacity: 0;
-        margin-top: 0;
-        pointer-events: none;
-        padding: 0;
-    }
-
-._container_n2nil_14:hover, ._container_n2nil_14:has(:focus-within, menu>button:focus) {
+._container_65pir_11:hover, ._container_65pir_11: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_n2nil_14:has([data-lexical-editor='true']:focus-within, menu>button:focus) {
+._container_65pir_11:has([data-lexical-editor='true']:focus-within, menu>button:focus) {
     outline-color: var(--vscode-focusBorder);
 }
 
-._editor-content-editable_n2nil_41 {
+._editor-content-editable_65pir_32 {
     min-height: 3lh;
 }