@sourcegraph/cody-web 0.7.0 → 0.7.3

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

@@ -1 +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"}
+{"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;AAWvF,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,CAiFlF"}

package/dist/{shell-DvMNfs3M.mjs → shell-Dil0VopV.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-Cjx_iNtn.mjs";
-import { w as wrapInActiveSpan, T as TokenCounterUtils, C as ContextItemSource } from "./browser-BpZhCiRU.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-7dUx4v7q.mjs";
+import { w as wrapInActiveSpan, T as TokenCounterUtils, C as ContextItemSource } from "./browser-0yJ2hV_u.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;
@@ -791,25 +791,25 @@ body[data-vscode-theme-kind='vscode-high-contrast-light'] ._context-item-link_13
     min-height: 1lh;
 }
 :root {
-    --toolbar-button-font-size: 11px;
+    --toolbar-button-font-size: 12px;
 }
 
-._button_n6cvl_5, ._button_n6cvl_5 + aside {
+._button_rqosg_5, ._button_rqosg_5 + aside {
         /* Also style our popovers. */
         font-size: var(--toolbar-button-font-size);
         line-height: var(--toolbar-button-font-size);
     }
 
-._button_n6cvl_5 {
+._button_rqosg_5 {
 
     user-select: none;
 }
 
-._button_n6cvl_5:enabled {
+._button_rqosg_5:enabled {
         cursor: pointer;
     }
 
-._button_n6cvl_5 {
+._button_rqosg_5 {
 
     border-radius: 3px;
     --padding-y: 2px;
@@ -824,45 +824,45 @@ body[data-vscode-theme-kind='vscode-high-contrast-light'] ._context-item-link_13
     flex-shrink: 0;
 }
 
-._button_n6cvl_5 > svg {
+._button_rqosg_5 > svg {
         flex-shrink: 0;
         width: var(--icon-size);
         height: var(--icon-size);
         stroke-width: 1.5px;
     }
 
-._button--icon-end-chevron_n6cvl_37 > svg:last-child {
+._button--icon-end-chevron_rqosg_37 > svg:last-child {
     margin-left: calc(-1*var(--gap));
 }
 
-._button--primary_n6cvl_41 {
+._button--primary_rqosg_41 {
     color: var(--vscode-button-foreground);
     background-color: var(--vscode-button-background);
 }
 
-._button--primary_n6cvl_41._button--no-icon-start_n6cvl_45 {
+._button--primary_rqosg_41._button--no-icon-start_rqosg_45 {
         padding-left: calc(2*var(--padding-x));
     }
 
-._button--primary_n6cvl_41._button--no-icon-end_n6cvl_49 {
+._button--primary_rqosg_41._button--no-icon-end_rqosg_49 {
         padding-right: calc(2*var(--padding-x));
     }
 
-._button--secondary_n6cvl_54 {
+._button--secondary_rqosg_54 {
     opacity: 0.6;
     color: var(--vscode-input-foreground);
     background-color: unset;
 }
 
-._button--secondary_n6cvl_54:enabled:is(:hover, :focus-within) {
+._button--secondary_rqosg_54:enabled:is(:hover, :focus-within) {
         opacity: 1;
     }
 
-._button_n6cvl_5:disabled {
+._button_rqosg_5:disabled {
     opacity: 0.5;
 }
 
-._button_n6cvl_5:disabled._button--secondary_n6cvl_54 {
+._button_rqosg_5:disabled._button--secondary_rqosg_54 {
         opacity: 0.7;
     }
 ._model-title-with-icon_rn0uf_1 {
@@ -930,18 +930,144 @@ 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 {
-    background-color: var(--vscode-sideBar-background);
-    display: inline-flex;
+:root {
+    --vscode-overlay-background: rgba(0, 0, 0, 0.5);
+    --vscode-modal-background: var(--vscode-sideBar-background);
+}
+
+/*
+    Root element which only exists to use container query
+    for changing header tabs layout.
+*/
+._tabs-root_u8lyl_10 {
+    container-type: inline-size;
+    container-name: tabs-container;
+}
+
+._tabs-container_u8lyl_15 {
+    display: flex;
     justify-content: space-between;
+    position: sticky;
+    padding: 0 8px;
+    border-bottom: 1px solid var(--vscode-dropdown-border);
+    background-color: var(--vscode-sideBar-background);
+}
+
+._tabs_u8lyl_10 {
+    display: flex;
+    flex-shrink: 0;
+    gap: 2px;
+}
+
+._tabs_u8lyl_10 > * {
+        flex-shrink: 0;
+    }
+
+._sub-tabs_u8lyl_34 {
+    display: flex;
+    flex-shrink: 0;
+    gap: 8px;
+}
+
+._sub-tabs_u8lyl_34 > * {
+        flex-shrink: 0;
+    }
+
+._tab-action-label_u8lyl_44 {
+    display: inline;
+}
+
+/*
+    By default if we have enough space we render tabs and its
+    sub action tabs in one row but if we don't have enough space
+    which currently is just static value we switch to two rows
+    layout (one for tab and one below for sub-actions)
+ */
+@container tabs-container (width < 750px) {
+    ._tabs-container_u8lyl_15 {
+        padding: 0;
+        flex-direction: column;
+    }
+
+    ._tabs_u8lyl_10 {
+        padding: 0 8px;
+        border-bottom: 1px solid var(--vscode-dropdown-border);
+    }
+
+    ._sub-tabs_u8lyl_34 {
+        padding: 0 8px;
+    }
 }
 
-._active-tab_1jhmn_7 {
-    border-color: var(--vscode-button-background);
-    color: var(--vscode-button-background);
-    border-width: 1.25px;
+/*
+    For small container turn off tabs labels completely and go back
+    to one row layout for tabs and its sub actions
+*/
+@container tabs-container (width < 475px) {
+    ._tab-action-label_u8lyl_44 {
+        display: none;
+    }
+
+    ._tabs-container_u8lyl_15 {
+        padding: 0 8px;
+        flex-direction: row;
+    }
+
+    ._tabs_u8lyl_10 {
+        padding: 0;
+        border-bottom: none;
+    }
+
+    ._sub-tabs_u8lyl_34 {
+        padding: 0;
+    }
 }
 
+._dialog-overlay_u8lyl_1 {
+        inset: 0;
+        position: fixed;
+        background-color: var(--vscode-overlay-background);
+    }
+
+._dialog-content_u8lyl_1 {
+        width: 90vw;
+        max-width: 450px;
+        max-height: 85vh;
+        position: fixed;
+        top: 50%;
+        left: 50%;
+        transform: translate(-50%, -50%);
+        padding: 25px;
+
+        border-radius: 6px;
+        background-color: var(--vscode-modal-background);
+        box-shadow: hsl(206 22% 7% / 35%) 0 10px 38px -10px, hsl(206 22% 7% / 20%) 0 10px 20px -15px;
+    }
+
+._dialog-content_u8lyl_1:focus {
+            outline: none;
+        }
+
+._dialog-title_u8lyl_1 {
+        margin: 0;
+        font-weight: 500;
+        font-size: 17px;
+    }
+
+._dialog-description_u8lyl_1 {
+        margin: 10px 0 20px;
+        font-size: 15px;
+        line-height: 1.5;
+    }
+
+._dialog-footer_u8lyl_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
@@ -2260,9 +2386,6 @@ imported in Sourcegraph shell.
 .tw-left-\[5\.5px\] {
     left: 5.5px;
 }
-.tw-top-0 {
-    top: 0px;
-}
 .tw-top-\[0px\] {
     top: 0px;
 }
@@ -2289,9 +2412,15 @@ imported in Sourcegraph shell.
 .tw-mb-4 {
     margin-bottom: 8px;
 }
+.tw-mb-5 {
+    margin-bottom: 10px;
+}
 .tw-mb-6 {
     margin-bottom: 12px;
 }
+.tw-mb-8 {
+    margin-bottom: 16px;
+}
 .tw-ml-1 {
     margin-left: 2px;
 }
@@ -2325,9 +2454,15 @@ imported in Sourcegraph shell.
 .tw-mt-4 {
     margin-top: 8px;
 }
+.tw-mt-6 {
+    margin-top: 12px;
+}
 .tw-mt-\[-1px\] {
     margin-top: -1px;
 }
+.tw-mt-auto {
+    margin-top: auto;
+}
 .tw-flex {
     display: flex;
 }
@@ -2337,9 +2472,6 @@ imported in Sourcegraph shell.
 .tw-grid {
     display: grid;
 }
-.tw-hidden {
-    display: none;
-}
 .\!tw-h-\[30px\] {
     height: 30px !important;
 }
@@ -2507,6 +2639,9 @@ imported in Sourcegraph shell.
 .tw-items-stretch {
     align-items: stretch;
 }
+.tw-justify-end {
+    justify-content: flex-end;
+}
 .tw-justify-center {
     justify-content: center;
 }
@@ -2613,8 +2748,8 @@ imported in Sourcegraph shell.
 .tw-rounded-\[0\.5px\] {
     border-radius: 0.5px;
 }
-.tw-rounded-\[2px\] {
-    border-radius: 2px;
+.tw-rounded-\[6px\] {
+    border-radius: 6px;
 }
 .tw-rounded-full {
     border-radius: 9999px;
@@ -2812,9 +2947,6 @@ imported in Sourcegraph shell.
 .tw-pl-5 {
     padding-left: 10px;
 }
-.tw-pl-\[15px\] {
-    padding-left: 15px;
-}
 .tw-pr-4 {
     padding-right: 8px;
 }
@@ -3494,9 +3626,6 @@ body[data-vscode-theme-kind="vscode-high-contrast"] .high-contrast-dark\:tw-bord
     border-inline-end-color: transparent;
 }
 @media (min-width: 768px) {
-    .md\:tw-inline {
-        display: inline;
-    }
     .md\:tw-hidden {
         display: none;
     }
@@ -3591,15 +3720,15 @@ body[data-vscode-theme-kind="vscode-high-contrast"] .high-contrast-dark\:tw-bord
     margin-top: -4px;
 }
 
-._root_1dr1n_2 {
+._root_maej5_2 {
     display: flex;
-    height: 100vh;
     width: 100%;
+    height: 100%;
     font-size: 13px;
     overflow: hidden;
 }
 
-._container_1dr1n_10 {
+._container_maej5_10 {
     height: 100%;
     flex-grow: 1;
 }