@sourcegraph/cody-web 0.23.0 → 0.23.1

package/dist/{git-log-CQBLbIm5.mjs → git-log-BSwwZCWt.mjs}

@@ -1,6 +1,6 @@
 import { spawn } from "./child_process-C6OZyNb4.mjs";
-import { p as path, U as Uri } from "./agent.worker-BUEGtXBz.mjs";
-import { w as wrapInActiveSpan, C as ContextItemSource } from "./browser-mfOl2gpJ.mjs";
+import { p as path, U as Uri } from "./agent.worker-C1v6q8V7.mjs";
+import { w as wrapInActiveSpan, C as ContextItemSource } from "./browser-C8ruBrnx.mjs";
 async function getContextFileFromGitLog(file, options) {
   return wrapInActiveSpan("commands.context.git-log", async (span) => {
     const cwd = path.dirname(file.fsPath);

package/dist/{index-Bs5wfOm2.mjs → index-CAyz-Vhx.mjs}

@@ -1,8 +1,8 @@
 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 { U as Uri, P as Position, R as Range, w as window, D as DiagnosticSeverity, a as workspace, u as updateRangeMultipleChanges, c as commands, e as executeEdit, T as TERMINAL_EDIT_STATES, b as ThemeColor, l as languages, C as CodeLens, s as setTutorialUri, d as logSidebarClick, f as Disposable } from "./agent.worker-BUEGtXBz.mjs";
-import { t as telemetryRecorder, p as ps, d as dedent } from "./browser-mfOl2gpJ.mjs";
+import { U as Uri, P as Position, R as Range, w as window, D as DiagnosticSeverity, a as workspace, u as updateRangeMultipleChanges, c as commands, e as executeEdit, T as TERMINAL_EDIT_STATES, b as ThemeColor, l as languages, C as CodeLens, s as setTutorialUri, d as logSidebarClick, f as Disposable } from "./agent.worker-C1v6q8V7.mjs";
+import { t as telemetryRecorder, p as ps, d as dedent } from "./browser-C8ruBrnx.mjs";
 const EMOJI_SVG_TEMPLATE = `<svg width="32" height="32" xmlns="http://www.w3.org/2000/svg">
     <text x="50%" y="50%" dominant-baseline="middle" text-anchor="middle" font-family="Arial" font-size="24px">{emoji}</text>
 </svg>`;

package/dist/index.js

@@ -2,8 +2,8 @@ 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 { jsx, jsxs, Fragment as Fragment$1 } from "react/jsx-runtime";
-import { g as getDefaultExportFromCjs, L as Ls, k as ke$1, a as ks, F as Fi$1, _ as _s, b as ds, e as bs, i as ii$1, q as qe$1, y as ys, x as xi$1, K as K$2, J as J$2, R as R$3, f as ws, B as B$2, h as g$5, j as h$4, l as _i, S as Ss, m as Br, n as ln, o as bi$1, v as vn, r as xn, N as Nn, s as mn, u as li$1, z as n$1, A as ns, M as M$4, D as Ds, E as le$2, G as c$3, H as oe$2, I as z$1, O as yi$1, W as W$2, U as Ue$1, P as I$2, Q as Se$2, T as O$2, V as F$1, X as Ni$1, Y as ee$1, Z as we$2, $ as b$2, a0 as T$3, a1 as s$2, a2 as o$4, a3 as w$3, a4 as i$2, a5 as k$3, a6 as D$5, a7 as p$8, a8 as m$8, a9 as S$4, aa as v$4, ab as P$2, ac as E$6, ad as Wi$1, ae as L$3, af as d$2, ag as a$3, ah as l$2, ai as f$2, aj as u$6, ak as r$5, al as t$2, am as FILE_CONTEXT_MENTION_PROVIDER, an as SYMBOL_CONTEXT_MENTION_PROVIDER, ao as REMOTE_REPOSITORY_PROVIDER_URI, ap as REMOTE_FILE_PROVIDER_URI, aq as REMOTE_DIRECTORY_PROVIDER_URI, ar as WEB_PROVIDER_URI, as as displayPath, at as displayLineRange, au as displayPathDirname, av as displayPathBasename, aw as IGNORED_FILE_WARNING_LABEL, ax as LARGE_FILE_WARNING_LABEL, ay as Ei$1, az as xe$2, aA as V$2, aB as Es, aC as U$2, aD as e, aE as Ns, C as ContextItemSource, aF as URI, aG as gs, aH as serializeContextItem, aI as CONTEXT_ITEM_MENTION_NODE_TYPE, aJ as contextItemMentionNodeDisplayText, aK as an, aL as qr, aM as _$2, aN as TEMPLATE_INPUT_NODE_TYPE, aO as N$2, aP as parseMentionQuery, aQ as NO_SYMBOL_MATCHES_HELP_LABEL, aR as FILE_RANGE_TOOLTIP_LABEL, aS as Observable, aT as createExtensionAPI, aU as createMessageAPIForWebview, aV as debounce, aW as memoizeLastValue, aX as toSerializedPromptEditorValue$1, aY as ri$1, aZ as isEqual, a_ as scanForMentionTriggerInUserTextInput, a$ as fs, b0 as Ts, b1 as ps, b2 as getMentionOperations, b3 as forceHydration, b4 as hydrateAfterPostMessage, b5 as isDotCom, b6 as isSourcegraphToken, b7 as trace, b8 as context$1, b9 as SpanStatusCode, ba as FeatureFlag, bb as webviewOpenURIForContextItem, bc as isCodyProUser, c as commonjsGlobal, bd as CodyIDE, be as CodyTaskState, bf as cryptoJsExports, bg as isError, bh as RateLimitError, bi as CODY_FEEDBACK_URL, bj as isDefined, bk as upperFirst, bl as lodashExports, bm as createContextItem, bn as isCodeSearchContextItem, bo as reformatBotMessageForChat, bp as isAbortErrorOrSocketHangUp, bq as ModelTag, br as serializedPromptEditorStateFromChatMessage, bs as contextItemsFromPromptEditorValue, bt as filterContextItemsFromPromptEditorValue, bu as pluralize$1, bv as CustomCommandType, bw as View, bx as isCodyProModel, by as isWaitlistModel, bz as getRelativeChatPeriod, bA as isMacOS, bB as firstResultFromOperation, bC as CODY_PRO_SUBSCRIPTION_URL, bD as ACCOUNT_USAGE_URL, bE as ENTERPRISE_PRICING_URL, bF as textContentFromSerializedLexicalNode, bG as firstValueFrom, bH as skipPendingOperation, bI as FAST_CHAT_INPUT_TOKEN_BUDGET, bJ as CODY_DOCS_CAPABILITIES_URL, bK as inputTextWithMappedContextChipsFromPromptEditorState, bL as serializedPromptEditorStateFromText, bM as deserializeContextItem, bN as SG_WORKSPACES_URL, bO as DOTCOM_WORKSPACE_LEARN_MORE_URL, bP as truncateTextStart, bQ as CHAT_INPUT_TOKEN_BUDGET, bR as S2_URL, bS as browser, bT as CodyAutoSuggestionMode, bU as isErrorLike, bV as PromptString, bW as setDisplayPathEnvInfo } from "./browser-mfOl2gpJ.mjs";
-import { bY, bX } from "./browser-mfOl2gpJ.mjs";
+import { g as getDefaultExportFromCjs, L as Ls, k as ke$1, a as ks, F as Fi$1, _ as _s, b as ds, e as bs, i as ii$1, q as qe$1, y as ys, x as xi$1, K as K$2, J as J$2, R as R$3, f as ws, B as B$2, h as g$5, j as h$4, l as _i, S as Ss, m as Br, n as ln, o as bi$1, v as vn, r as xn, N as Nn, s as mn, u as li$1, z as n$1, A as ns, M as M$4, D as Ds, E as le$2, G as c$3, H as oe$2, I as z$1, O as yi$1, W as W$2, U as Ue$1, P as I$2, Q as Se$2, T as O$2, V as F$1, X as Ni$1, Y as ee$1, Z as we$2, $ as b$2, a0 as T$3, a1 as s$2, a2 as o$4, a3 as w$3, a4 as i$2, a5 as k$3, a6 as D$5, a7 as p$8, a8 as m$8, a9 as S$4, aa as v$4, ab as P$2, ac as E$6, ad as Wi$1, ae as L$3, af as d$2, ag as a$3, ah as l$2, ai as f$2, aj as u$6, ak as r$5, al as t$2, am as FILE_CONTEXT_MENTION_PROVIDER, an as SYMBOL_CONTEXT_MENTION_PROVIDER, ao as REMOTE_REPOSITORY_PROVIDER_URI, ap as REMOTE_FILE_PROVIDER_URI, aq as REMOTE_DIRECTORY_PROVIDER_URI, ar as WEB_PROVIDER_URI, as as displayPath, at as displayLineRange, au as displayPathDirname, av as displayPathBasename, aw as IGNORED_FILE_WARNING_LABEL, ax as LARGE_FILE_WARNING_LABEL, ay as Ei$1, az as xe$2, aA as V$2, aB as Es, aC as U$2, aD as e, aE as Ns, C as ContextItemSource, aF as URI, aG as gs, aH as serializeContextItem, aI as CONTEXT_ITEM_MENTION_NODE_TYPE, aJ as contextItemMentionNodeDisplayText, aK as an, aL as qr, aM as _$2, aN as TEMPLATE_INPUT_NODE_TYPE, aO as N$2, aP as parseMentionQuery, aQ as NO_SYMBOL_MATCHES_HELP_LABEL, aR as FILE_RANGE_TOOLTIP_LABEL, aS as Observable, aT as createExtensionAPI, aU as createMessageAPIForWebview, aV as debounce, aW as memoizeLastValue, aX as toSerializedPromptEditorValue$1, aY as ri$1, aZ as isEqual, a_ as scanForMentionTriggerInUserTextInput, a$ as fs, b0 as Ts, b1 as ps, b2 as getMentionOperations, b3 as forceHydration, b4 as hydrateAfterPostMessage, b5 as isDotCom, b6 as isSourcegraphToken, b7 as trace, b8 as context$1, b9 as SpanStatusCode, ba as FeatureFlag, bb as webviewOpenURIForContextItem, bc as isCodyProUser, c as commonjsGlobal, bd as CodyIDE, be as CodyTaskState, bf as cryptoJsExports, bg as isError, bh as RateLimitError, bi as CODY_FEEDBACK_URL, bj as isDefined, bk as upperFirst, bl as lodashExports, bm as createContextItem, bn as isCodeSearchContextItem, bo as reformatBotMessageForChat, bp as isAbortErrorOrSocketHangUp, bq as ModelTag, br as serializedPromptEditorStateFromChatMessage, bs as contextItemsFromPromptEditorValue, bt as filterContextItemsFromPromptEditorValue, bu as pluralize$1, bv as CustomCommandType, bw as View, bx as isCodyProModel, by as isWaitlistModel, bz as getRelativeChatPeriod, bA as isMacOS, bB as firstResultFromOperation, bC as CODY_PRO_SUBSCRIPTION_URL, bD as ACCOUNT_USAGE_URL, bE as ENTERPRISE_PRICING_URL, bF as textContentFromSerializedLexicalNode, bG as firstValueFrom, bH as skipPendingOperation, bI as FAST_CHAT_INPUT_TOKEN_BUDGET, bJ as CODY_DOCS_CAPABILITIES_URL, bK as inputTextWithMappedContextChipsFromPromptEditorState, bL as serializedPromptEditorStateFromText, bM as deserializeContextItem, bN as SG_WORKSPACES_URL, bO as DOTCOM_WORKSPACE_LEARN_MORE_URL, bP as truncateTextStart, bQ as CHAT_INPUT_TOKEN_BUDGET, bR as S2_URL, bS as browser, bT as CodyAutoSuggestionMode, bU as isErrorLike, bV as PromptString, bW as setDisplayPathEnvInfo } from "./browser-C8ruBrnx.mjs";
+import { bY, bX } from "./browser-C8ruBrnx.mjs";
 import * as React$2 from "react";
 import React__default, { createContext, useContext, useMemo as useMemo$1, useLayoutEffect as useLayoutEffect$1, useEffect as useEffect$2, forwardRef, useState as useState$1, useCallback, useRef as useRef$1, Suspense, createElement, memo as memo$1, useImperativeHandle, Children, isValidElement, cloneElement, Fragment as Fragment$2, useReducer } from "react";
 var classnames = { exports: {} };
@@ -8635,12 +8635,12 @@ const SvgNotion = (props) => /* @__PURE__ */ React$2.createElement("svg", { widt
 const SvgSentry = (props) => /* @__PURE__ */ React$2.createElement("svg", { width: 16, height: 16, viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props }, /* @__PURE__ */ React$2.createElement("path", { d: "M1.99994 11.999C1.99563 12.253 2.06662 12.5026 2.20394 12.7164C2.31807 12.8958 2.47348 13.0454 2.65718 13.1525C2.84088 13.2597 3.04755 13.3214 3.25994 13.3324C3.69061 13.3544 2.90194 13.3324 3.33327 13.3324H5.33327C5.33335 12.6045 5.09473 11.8968 4.65401 11.3176C4.21328 10.7384 3.59476 10.3197 2.89327 10.1257C3.26616 9.47726 3.7195 8.69259 4.25327 7.7717C5.36037 8.22032 6.30836 8.98918 6.97585 9.97983C7.64333 10.9705 7.99991 12.1378 7.99994 13.3324H12.6666C12.8841 13.3308 13.098 13.2761 13.2895 13.173C13.4811 13.0698 13.6444 12.9213 13.7654 12.7405C13.8864 12.5597 13.9613 12.3521 13.9836 12.1357C14.0059 11.9193 13.9749 11.7007 13.8933 11.499L9.15994 3.33237C9.04464 3.12397 8.87561 2.95025 8.67044 2.82929C8.46527 2.70833 8.23145 2.64453 7.99327 2.64453C7.7551 2.64453 7.52128 2.70833 7.31611 2.82929C7.11094 2.95025 6.94191 3.12397 6.82661 3.33237L5.59994 5.4497C8.58794 6.81637 10.6666 9.83037 10.6666 13.3324", stroke: "currentColor", strokeWidth: 1.25, strokeLinecap: "round", strokeLinejoin: "round" }));
 const SvgSlack = (props) => /* @__PURE__ */ React$2.createElement("svg", { width: 16, height: 16, viewBox: "0 0 16 16", fill: "currentColor", xmlns: "http://www.w3.org/2000/svg", ...props }, /* @__PURE__ */ React$2.createElement("path", { d: "M3.99992 10C3.99992 10.3536 3.85944 10.6928 3.60939 10.9428C3.35935 11.1929 3.02021 11.3333 2.66659 11.3333C2.31296 11.3333 1.97382 11.1929 1.72378 10.9428C1.47373 10.6928 1.33325 10.3536 1.33325 10C1.33325 9.64638 1.47373 9.30724 1.72378 9.05719C1.97382 8.80714 2.31296 8.66667 2.66659 8.66667H3.99992V10ZM4.66659 10C4.66659 9.64638 4.80706 9.30724 5.05711 9.05719C5.30716 8.80714 5.6463 8.66667 5.99992 8.66667C6.35354 8.66667 6.69268 8.80714 6.94273 9.05719C7.19278 9.30724 7.33325 9.64638 7.33325 10V13.3333C7.33325 13.687 7.19278 14.0261 6.94273 14.2761C6.69268 14.5262 6.35354 14.6667 5.99992 14.6667C5.6463 14.6667 5.30716 14.5262 5.05711 14.2761C4.80706 14.0261 4.66659 13.687 4.66659 13.3333V10ZM5.99992 4.66667C5.6463 4.66667 5.30716 4.52619 5.05711 4.27614C4.80706 4.02609 4.66659 3.68696 4.66659 3.33333C4.66659 2.97971 4.80706 2.64057 5.05711 2.39052C5.30716 2.14048 5.6463 2 5.99992 2C6.35354 2 6.69268 2.14048 6.94273 2.39052C7.19278 2.64057 7.33325 2.97971 7.33325 3.33333V4.66667H5.99992ZM5.99992 5.33333C6.35354 5.33333 6.69268 5.47381 6.94273 5.72386C7.19278 5.97391 7.33325 6.31305 7.33325 6.66667C7.33325 7.02029 7.19278 7.35943 6.94273 7.60948C6.69268 7.85952 6.35354 8 5.99992 8H2.66659C2.31296 8 1.97382 7.85952 1.72378 7.60948C1.47373 7.35943 1.33325 7.02029 1.33325 6.66667C1.33325 6.31305 1.47373 5.97391 1.72378 5.72386C1.97382 5.47381 2.31296 5.33333 2.66659 5.33333H5.99992ZM11.3333 6.66667C11.3333 6.31305 11.4737 5.97391 11.7238 5.72386C11.9738 5.47381 12.313 5.33333 12.6666 5.33333C13.0202 5.33333 13.3593 5.47381 13.6094 5.72386C13.8594 5.97391 13.9999 6.31305 13.9999 6.66667C13.9999 7.02029 13.8594 7.35943 13.6094 7.60948C13.3593 7.85952 13.0202 8 12.6666 8H11.3333V6.66667ZM10.6666 6.66667C10.6666 7.02029 10.5261 7.35943 10.2761 7.60948C10.026 7.85952 9.68687 8 9.33325 8C8.97963 8 8.64049 7.85952 8.39044 7.60948C8.14039 7.35943 7.99992 7.02029 7.99992 6.66667V3.33333C7.99992 2.97971 8.14039 2.64057 8.39044 2.39052C8.64049 2.14048 8.97963 2 9.33325 2C9.68687 2 10.026 2.14048 10.2761 2.39052C10.5261 2.64057 10.6666 2.97971 10.6666 3.33333V6.66667ZM9.33325 12C9.68687 12 10.026 12.1405 10.2761 12.3905C10.5261 12.6406 10.6666 12.9797 10.6666 13.3333C10.6666 13.687 10.5261 14.0261 10.2761 14.2761C10.026 14.5262 9.68687 14.6667 9.33325 14.6667C8.97963 14.6667 8.64049 14.5262 8.39044 14.2761C8.14039 14.0261 7.99992 13.687 7.99992 13.3333V12H9.33325ZM9.33325 11.3333C8.97963 11.3333 8.64049 11.1929 8.39044 10.9428C8.14039 10.6928 7.99992 10.3536 7.99992 10C7.99992 9.64638 8.14039 9.30724 8.39044 9.05719C8.64049 8.80714 8.97963 8.66667 9.33325 8.66667H12.6666C13.0202 8.66667 13.3593 8.80714 13.6094 9.05719C13.8594 9.30724 13.9999 9.64638 13.9999 10C13.9999 10.3536 13.8594 10.6928 13.6094 10.9428C13.3593 11.1929 13.0202 11.3333 12.6666 11.3333H9.33325Z" }));
 const SvgSourcegraph = (props) => /* @__PURE__ */ React$2.createElement("svg", { width: 16, height: 16, viewBox: "0 0 16 16", fill: "currentColor", xmlns: "http://www.w3.org/2000/svg", ...props }, /* @__PURE__ */ React$2.createElement("path", { d: "M10.7733 3.92081C10.9385 3.77931 11.1317 3.69348 11.3295 3.65636C11.7344 3.58213 12.1696 3.71899 12.4559 4.05536C12.8841 4.55642 12.8236 5.30802 12.3232 5.73485L10.5545 7.23805L9.25589 6.77874L8.77182 6.60708L7.95728 6.31943L8.61589 5.76037L9.00687 5.42865L10.7756 3.92545L10.7733 3.92081Z" }), /* @__PURE__ */ React$2.createElement("path", { d: "M4.85498 12.0829C4.68975 12.2244 4.49658 12.3102 4.29877 12.3473C3.89382 12.4215 3.45862 12.2847 3.17237 11.9483C2.74415 11.4473 2.80466 10.6957 3.30502 10.2688L5.07375 8.76562L6.37236 9.22493L6.85643 9.3966L7.67097 9.68424L7.01236 10.2433L6.62138 10.575L4.85266 12.0782L4.85498 12.0829Z" }), /* @__PURE__ */ React$2.createElement("path", { d: "M5.74876 3.4069C5.63007 2.7597 6.05829 2.14032 6.70527 2.0197C7.35458 1.90139 7.97596 2.32822 8.09697 2.97311L8.51821 5.2511L7.46861 6.1442L6.17 5.68489L5.74876 3.4069Z" }), /* @__PURE__ */ React$2.createElement("path", { d: "M9.87955 12.5928C9.99824 13.24 9.57003 13.8594 8.92305 13.98C8.27374 14.0983 7.65236 13.6715 7.53134 13.0266L7.11011 10.7486L8.1597 9.85547L9.45832 10.3148L9.87955 12.5928Z" }), /* @__PURE__ */ React$2.createElement("path", { d: "M13.5636 10.0308C13.4147 10.446 13.0609 10.729 12.6537 10.8033C12.4535 10.8404 12.2441 10.8265 12.0393 10.7545L9.84932 9.97975L9.36525 9.80809L8.5507 9.52044L8.06663 9.34878L6.76802 8.88947L6.28395 8.71781L5.4694 8.43016L4.98533 8.2585L2.79538 7.48371C2.17399 7.26333 1.84818 6.58364 2.06927 5.96427C2.21821 5.54904 2.57196 5.26603 2.97923 5.1918C3.17937 5.15468 3.38883 5.1686 3.59363 5.24051L5.78358 6.01531L6.26766 6.18697L7.0822 6.47462L7.56627 6.64628L8.86488 7.10559L9.34896 7.27725L10.1635 7.5649L10.6476 7.73656L12.8375 8.51135C13.4589 8.73173 13.7847 9.41142 13.5636 10.0308Z" }));
-const title$1 = "_title_1ibg5_5";
+const title$2 = "_title_1ibg5_5";
 const description = "_description_1ibg5_5";
 const warning = "_warning_1ibg5_5";
 const row$1 = "_row_1ibg5_11";
 const styles$F = {
-  title: title$1,
+  title: title$2,
   description,
   warning,
   row: row$1
@@ -71225,7 +71225,7 @@ const clickable = "_clickable_61rcx_82";
 const dividerBetween = "_divider-between_61rcx_89";
 const dividerVertical = "_divider-vertical_61rcx_99";
 const divider = "_divider_61rcx_89";
-const title = "_title_61rcx_111";
+const title$1 = "_title_61rcx_111";
 const titleInner = "_title-inner_61rcx_119";
 const toggleMatchesButton = "_toggle-matches-button_61rcx_123";
 const toggleMatchesButtonExpanded = "_toggle-matches-button--expanded_61rcx_1";
@@ -71242,7 +71242,7 @@ const styles$l = {
   dividerBetween,
   dividerVertical,
   divider,
-  title,
+  title: title$1,
   titleInner,
   toggleMatchesButton,
   toggleMatchesButtonExpanded,
@@ -78210,13 +78210,23 @@ const chatDisabled = "_chat-disabled_rc7no_1";
 const styles$5 = {
   chatDisabled
 };
-const welcomeFooter = "_welcome-footer_g0fdz_1";
-const tips = "_tips_g0fdz_9";
-const links = "_links_g0fdz_18";
-const item = "_item_g0fdz_25";
-const link = "_link_g0fdz_18";
+const welcomeFooter = "_welcome-footer_1o9k6_1";
+const cheatsheet = "_cheatsheet_1o9k6_9";
+const title = "_title_1o9k6_17";
+const examples = "_examples_1o9k6_25";
+const example = "_example_1o9k6_25";
+const exampleInput = "_example-input_1o9k6_40";
+const tips = "_tips_1o9k6_51";
+const links = "_links_1o9k6_59";
+const item = "_item_1o9k6_68";
+const link = "_link_1o9k6_59";
 const styles$4 = {
   welcomeFooter,
+  cheatsheet,
+  title,
+  examples,
+  example,
+  exampleInput,
   tips,
   links,
   item,
@@ -78239,6 +78249,215 @@ const chatTips = [
     vsCodeOnly: true
   }
 ];
+function QuickStart() {
+  const [showTipsOverlay, setShowTipsOverlay] = useState$1(false);
+  const [isCollapsed, setIsCollapsed] = useState$1(() => {
+    const saved = localStorage.getItem("quickStartCollapsed");
+    return saved ? JSON.parse(saved) : false;
+  });
+  const examples2 = [
+    {
+      input: "= useCallback(",
+      description: "Deterministically find symbols"
+    },
+    {
+      input: '"// TODO"',
+      description: "Find string literals"
+    },
+    {
+      input: "How does this file handle error cases?",
+      description: "Ask questions in natural language"
+    }
+  ];
+  const allExamples = [
+    ...examples2,
+    {
+      title: "Combine search and chat for power usage",
+      examples: [
+        {
+          input: "HttpError",
+          description: "Start with a search query"
+        },
+        {
+          input: "Analyze these error handling implementations and explain our retry and timeout strategy",
+          description: "Follow-up with a question about the results returned",
+          maxWidth: "320px"
+        }
+      ]
+    }
+  ];
+  const handleKeyDown = (event) => {
+    if (event.key === "Enter" || event.key === " ") {
+      setShowTipsOverlay(true);
+    }
+  };
+  const handleOverlayKeyDown = (event) => {
+    if (event.key === "Enter" || event.key === " ") {
+      setShowTipsOverlay(false);
+    }
+  };
+  const handleOverlayClick = (event) => {
+    if (event.target === event.currentTarget) {
+      setShowTipsOverlay(false);
+    }
+  };
+  const toggleCollapse = () => {
+    setIsCollapsed((prevState) => {
+      const newState = !prevState;
+      localStorage.setItem("quickStartCollapsed", JSON.stringify(newState));
+      return newState;
+    });
+  };
+  const handleCollapseKeyDown = (event) => {
+    if (event.key === "Enter" || event.key === " ") {
+      toggleCollapse();
+    }
+  };
+  return /* @__PURE__ */ jsxs(Fragment$1, { children: [
+    /* @__PURE__ */ jsxs(
+      "div",
+      {
+        className: `tw-mx-auto tw-my-2 tw-flex tw-max-w-3xl tw-max-w-[768px] tw-flex-col tw-py-2 tw-text-sm tw-text-muted-foreground tw-rounded-lg tw-transition-colors tw-duration-200 ${isCollapsed ? "hover:tw-bg-muted" : "hover:none"}`,
+        onClick: toggleCollapse,
+        onKeyDown: handleCollapseKeyDown,
+        role: "button",
+        tabIndex: 0,
+        children: [
+          /* @__PURE__ */ jsxs("div", { className: "tw-flex tw-items-center tw-justify-between tw-gap-4 tw-text-md tw-font-medium tw-text-foreground tw-p-4 md:tw-text-base", children: [
+            /* @__PURE__ */ jsxs("div", { className: "tw-flex tw-items-center tw-gap-4 tw-text-md", children: [
+              /* @__PURE__ */ jsx(Zap, { className: "tw-h-8 tw-w-8", strokeWidth: 1.25 }),
+              "Quick Start"
+            ] }),
+            /* @__PURE__ */ jsx("div", { className: "tw-p-1 hover:tw-bg-muted tw-rounded-full", children: isCollapsed ? /* @__PURE__ */ jsx(ChevronRight, { className: "tw-h-8 tw-w-8 tw-text-muted-foreground" }) : /* @__PURE__ */ jsx(ChevronDown, { className: "tw-h-8 tw-w-8 tw-text-muted-foreground" }) })
+          ] }),
+          /* @__PURE__ */ jsxs(
+            "div",
+            {
+              className: `tw-overflow-hidden tw-transition-[max-height] tw-duration-300 tw-ease-in-out ${isCollapsed ? "tw-max-h-0" : "tw-max-h-[1000px]"}`,
+              children: [
+                /* @__PURE__ */ jsx("div", { className: styles$4.examples, children: examples2.map((example2) => /* @__PURE__ */ jsxs("div", { className: styles$4.example, children: [
+                  /* @__PURE__ */ jsx(
+                    "div",
+                    {
+                      className: `${styles$4.exampleInput} tw-px-4 tw-py-2 md:tw-px-4 md:tw-py-2 md:tw-text-md`,
+                      children: example2.input
+                    }
+                  ),
+                  /* @__PURE__ */ jsx("div", { className: "tw-py-2 tw-text-sm tw-text-muted-foreground md:tw-text-md", children: example2.description })
+                ] }, `example-${example2.input}`)) }),
+                /* @__PURE__ */ jsx("div", { className: "tw-m-4", children: /* @__PURE__ */ jsx(
+                  "button",
+                  {
+                    type: "button",
+                    className: "tw-rounded-md tw-border tw-border-muted tw-px-4 tw-py-2 tw-text-md hover:tw-bg-muted",
+                    onClick: (e2) => {
+                      e2.stopPropagation();
+                      setShowTipsOverlay(true);
+                    },
+                    onKeyDown: handleKeyDown,
+                    children: "More tips"
+                  }
+                ) })
+              ]
+            }
+          )
+        ]
+      }
+    ),
+    showTipsOverlay && /* @__PURE__ */ jsx(
+      "div",
+      {
+        className: "tw-fixed tw-inset-0 tw-flex tw-items-center tw-justify-center tw-bg-black/50 tw-p-4 tw-animate-[fadeIn_0.2s_ease-in-out]",
+        onClick: handleOverlayClick,
+        onKeyDown: handleOverlayKeyDown,
+        role: "presentation",
+        children: /* @__PURE__ */ jsxs(
+          "div",
+          {
+            className: "tw-w-full tw-max-h-[90vh] tw-max-w-2xl tw-overflow-y-auto tw-rounded-xl tw-bg-background tw-p-12 tw-animate-[slideUp_0.2s_ease-in-out] tw-shadow-lg",
+            role: "dialog",
+            "aria-modal": "true",
+            style: {
+              animation: "fadeIn 0.25s ease-in-out, slideUp 0.25s ease-in-out"
+            },
+            children: [
+              /* @__PURE__ */ jsxs("div", { className: "tw-flex tw-items-center tw-justify-between", children: [
+                /* @__PURE__ */ jsxs("div", { className: "tw-flex tw-items-center tw-gap-4 tw-font-medium tw-text-foreground text-md md:tw-text-base", children: [
+                  /* @__PURE__ */ jsx(Zap, { className: "tw-h-8 tw-w-8", strokeWidth: 1.25 }),
+                  "Quick Start"
+                ] }),
+                /* @__PURE__ */ jsx(
+                  "button",
+                  {
+                    type: "button",
+                    className: "tw-rounded-full tw-p-1 hover:tw-bg-muted",
+                    onClick: () => setShowTipsOverlay(false),
+                    onKeyDown: handleOverlayKeyDown,
+                    "aria-label": "Close quick start guide",
+                    children: /* @__PURE__ */ jsx(X$2, { className: "tw-h-8 tw-w-8" })
+                  }
+                )
+              ] }),
+              /* @__PURE__ */ jsxs("div", { className: styles$4.cheatsheet, children: [
+                /* @__PURE__ */ jsx("div", { className: styles$4.examples, children: allExamples.map((example2) => {
+                  var _a;
+                  return /* @__PURE__ */ jsxs(
+                    "div",
+                    {
+                      className: styles$4.example,
+                      children: [
+                        "title" in example2 && /* @__PURE__ */ jsx("h4", { className: "tw-mb-2 tw-pt-8 tw-text-md tw-font-medium tw-text-foreground", children: example2.title }),
+                        "examples" in example2 ? /* @__PURE__ */ jsx("div", { className: "tw-flex tw-flex-row tw-flex-wrap tw-gap-4", children: (_a = example2.examples) == null ? void 0 : _a.map((ex) => /* @__PURE__ */ jsxs(
+                          "div",
+                          {
+                            className: styles$4.example,
+                            style: ex.maxWidth ? { maxWidth: ex.maxWidth } : void 0,
+                            children: [
+                              /* @__PURE__ */ jsx(
+                                "div",
+                                {
+                                  className: `${styles$4.exampleInput} tw-px-4 tw-py-2 md:tw-px-4 md:tw-py-2 md:tw-text-md`,
+                                  children: ex.input
+                                }
+                              ),
+                              /* @__PURE__ */ jsx("div", { className: "tw-py-2 tw-text-sm tw-text-muted-foreground md:tw-text-md", children: ex.description })
+                            ]
+                          },
+                          `nested-example-${ex.input}`
+                        )) }) : /* @__PURE__ */ jsxs(Fragment$1, { children: [
+                          /* @__PURE__ */ jsx(
+                            "div",
+                            {
+                              className: `${styles$4.exampleInput} tw-px-4 tw-py-2 md:tw-px-4 md:tw-py-2 md:tw-text-md`,
+                              children: example2.input
+                            }
+                          ),
+                          /* @__PURE__ */ jsx("div", { className: "tw-py-2 tw-text-sm tw-text-muted-foreground md:tw-text-md", children: example2.description })
+                        ] })
+                      ]
+                    },
+                    `overlay-example-${"input" in example2 ? example2.input : example2.title}`
+                  );
+                }) }),
+                /* @__PURE__ */ jsx("div", { className: "tw-mt-8 tw-border-t tw-border-muted tw-pt-12", children: /* @__PURE__ */ jsx("div", { className: "tw-grid tw-gap-4", children: chatTips.map((tip) => /* @__PURE__ */ jsxs(
+                  "div",
+                  {
+                    className: "tw-flex tw-items-center tw-gap-3",
+                    children: [
+                      /* @__PURE__ */ jsx(tip.icon, { className: "tw-h-6 tw-w-6 tw-shrink-0" }),
+                      /* @__PURE__ */ jsx("span", { className: "tw-text-md tw-text-muted-foreground", children: tip.message })
+                    ]
+                  },
+                  tip.message
+                )) }) })
+              ] })
+            ]
+          }
+        )
+      }
+    )
+  ] });
+}
 const chatLinks = [
   {
     icon: BookOpenText,
@@ -78252,30 +78471,22 @@ const chatLinks = [
   }
 ];
 function WelcomeFooter({ IDE }) {
-  function tips2() {
-    return chatTips.map((tip, key) => {
-      const Icon2 = tip.icon;
-      if (tip.vsCodeOnly && IDE !== CodyIDE.VSCode) {
-        return null;
-      }
-      return /* @__PURE__ */ jsxs("div", { className: styles$4.item, children: [
-        /* @__PURE__ */ jsx(Icon2, { className: "tw-w-8 tw-h-8 tw-shrink-0", strokeWidth: 1.25 }),
-        /* @__PURE__ */ jsx("div", { className: "tw-text-muted-foreground", children: tip.message })
-      ] }, `tip-${key + 1}`);
-    });
-  }
-  function links2() {
-    return chatLinks.map((link2, key) => {
-      const Icon2 = link2.icon;
-      return /* @__PURE__ */ jsxs("div", { className: styles$4.item, children: [
-        /* @__PURE__ */ jsx(Icon2, { className: "tw-w-8 tw-h-8", strokeWidth: 1.25 }),
-        /* @__PURE__ */ jsx("a", { href: link2.url, className: styles$4.link, rel: "noreferrer", target: "_blank", children: link2.text })
-      ] }, `link-${key + 1}`);
-    });
-  }
   return /* @__PURE__ */ jsxs("div", { className: styles$4.welcomeFooter, children: [
-    /* @__PURE__ */ jsx("div", { className: styles$4.tips, children: tips2() }),
-    /* @__PURE__ */ jsx("div", { className: styles$4.links, children: links2() })
+    /* @__PURE__ */ jsx(QuickStart, {}),
+    /* @__PURE__ */ jsx("div", { className: styles$4.links, children: chatLinks.map((link2) => /* @__PURE__ */ jsxs(
+      "a",
+      {
+        href: link2.url,
+        target: "_blank",
+        rel: "noopener noreferrer",
+        className: "tw-flex tw-flex-row tw-gap-3 tw-items-center tw-text-muted-foreground",
+        children: [
+          /* @__PURE__ */ jsx(link2.icon, { size: 16 }),
+          link2.text
+        ]
+      },
+      link2.url
+    )) })
   ] });
 }
 const actions = "_actions_129f5_2";
@@ -79675,7 +79886,7 @@ const CodyPromptTemplatePanel = (props) => {
       telemetryRecorder,
       config: null,
       clientConfig,
-      staticDefaultContext: void 0
+      staticDefaultContext: { initialContext: [], corpusContext: [] }
     }),
     [vscodeAPI, telemetryRecorder, clientConfig]
   );

package/dist/style.css

@@ -1851,31 +1851,74 @@ button > ._model-title-with-icon_k71kd_5 ._badge_k71kd_39 {
     border-bottom: solid 1px var(--vscode-inputValidation-errorBorder);
     color: var(--vscode-foreground);
 }
-._welcome-footer_g0fdz_1 {
-    padding: 1rem 1rem;
+._welcome-footer_1o9k6_1 {
+    padding: 1rem;
     display: flex;
     flex-flow: column nowrap;
     max-width: 100%;
     color: var(--vscode-input-placeholderForeground)
 }
 
-._tips_g0fdz_9 {
+._cheatsheet_1o9k6_9 {
     display: flex;
     flex-flow: column nowrap;
     width: 100%;
     gap: 0.5rem;
     padding: 1rem 0;
-    border-bottom: 0.25px solid var(--vscode-dropdown-border);
 }
 
-._links_g0fdz_18 {
+._title_1o9k6_17 {
+    display: flex;
+    flex-flow: row nowrap;
+    align-items: center;
+    font-weight: 500;
+    gap: 0.5rem;
+}
+
+._examples_1o9k6_25 {
+    display: flex;
+    flex-flow: row wrap;
+    gap: 0.25rem 1rem;
+    padding: 0 0.5rem;
+}
+
+._example_1o9k6_25 {
+    display: flex;
+    flex-flow: column nowrap;
+    align-items: flex-start;
+    gap: 0.25rem;
+    padding: 0.25rem 0;
+}
+
+._example-input_1o9k6_40 {
     display: flex;
     flex-flow: row wrap;
-    padding: 0.75rem 0;
+    border-radius: 4px;
+    color: var(--vscode-input-foreground);
+    border: 1px solid var(--vscode-button-secondaryBackground);
+    background-color: var(--vscode-editor-background);
+    font-family: var(--vscode-editor-font-family);
+    font-size: var(--vscode-editor-font-size);
+}
+
+._tips_1o9k6_51 {
+    display: flex;
+    flex-flow: column nowrap;
+    width: 100%;
     gap: 0.5rem;
+    padding: 1rem 0;
 }
 
-._item_g0fdz_25 {
+._links_1o9k6_59 {
+    display: flex;
+    flex-flow: row wrap;
+    justify-content: center;
+    padding: 1rem 0;
+    gap: 1.25rem;
+    border-top: 0.5px solid var(--vscode-button-secondaryBackground);
+}
+
+._item_1o9k6_68 {
     display: flex;
     flex-flow: row nowrap;
     flex-shrink: 0;
@@ -1884,7 +1927,7 @@ button > ._model-title-with-icon_k71kd_5 ._badge_k71kd_39 {
     align-items: center;
 }
 
-._link_g0fdz_18 {
+._link_1o9k6_59 {
     color: inherit;
     text-decoration: none;
 }
@@ -2504,6 +2547,9 @@ imported in Sourcegraph shell.
  since they will conflict with any possible reset/global
  styles in consumer. See @mixin reset-styles for more details
 */
+.tw-fixed {
+	position: fixed;
+}
 .tw-absolute {
 	position: absolute;
 }
@@ -2513,6 +2559,9 @@ imported in Sourcegraph shell.
 .tw-sticky {
 	position: sticky;
 }
+.tw-inset-0 {
+	inset: 0px;
+}
 .tw-bottom-0 {
 	bottom: 0px;
 }
@@ -2574,6 +2623,10 @@ imported in Sourcegraph shell.
 	margin-left: 4px;
 	margin-right: 4px;
 }
+.tw-mx-auto {
+	margin-left: auto;
+	margin-right: auto;
+}
 .tw-my-2 {
 	margin-top: 4px;
 	margin-bottom: 4px;
@@ -2765,9 +2818,15 @@ imported in Sourcegraph shell.
 .\!tw-max-h-\[unset\] {
 	max-height: unset !important;
 }
+.tw-max-h-0 {
+	max-height: 0px;
+}
 .tw-max-h-9 {
 	max-height: 2.25rem;
 }
+.tw-max-h-\[1000px\] {
+	max-height: 1000px;
+}
 .tw-max-h-\[200px\] {
 	max-height: 200px;
 }
@@ -2783,6 +2842,9 @@ imported in Sourcegraph shell.
 .tw-max-h-\[80vh\] {
 	max-height: 80vh;
 }
+.tw-max-h-\[90vh\] {
+	max-height: 90vh;
+}
 .tw-max-h-fit {
 	max-height: fit-content;
 }
@@ -2801,6 +2863,9 @@ imported in Sourcegraph shell.
 .tw-w-5 {
 	width: 10px;
 }
+.tw-w-6 {
+	width: 12px;
+}
 .tw-w-72 {
 	width: 18rem;
 }
@@ -2870,12 +2935,21 @@ imported in Sourcegraph shell.
 .\!tw-max-w-\[unset\] {
 	max-width: unset !important;
 }
+.tw-max-w-2xl {
+	max-width: 42rem;
+}
+.tw-max-w-3xl {
+	max-width: 48rem;
+}
 .tw-max-w-72 {
 	max-width: 18rem;
 }
 .tw-max-w-\[550px\] {
 	max-width: 550px;
 }
+.tw-max-w-\[768px\] {
+	max-width: 768px;
+}
 .tw-max-w-\[90\%\] {
 	max-width: 90%;
 }
@@ -2936,6 +3010,12 @@ imported in Sourcegraph shell.
 .tw-transform {
 	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-animate-\[fadeIn_0\.2s_ease-in-out\] {
+	animation: fadeIn 0.2s ease-in-out;
+}
+.tw-animate-\[slideUp_0\.2s_ease-in-out\] {
+	animation: slideUp 0.2s ease-in-out;
+}
 @keyframes tw-spin {
 	to {
 		transform: rotate(360deg);
@@ -3122,6 +3202,9 @@ imported in Sourcegraph shell.
 .tw-rounded-sm {
 	border-radius: 2px;
 }
+.tw-rounded-xl {
+	border-radius: 0.75rem;
+}
 .tw-rounded-t-md {
 	border-top-left-radius: 4px;
 	border-top-right-radius: 4px;
@@ -3175,6 +3258,9 @@ imported in Sourcegraph shell.
 .tw-border-keybinding-border {
 	border-color: var(--vscode-keybindingLabel-border);
 }
+.tw-border-muted {
+	border-color: var(--vscode-input-background);
+}
 .tw-border-muted-foreground {
 	border-color: var(--vscode-input-placeholderForeground);
 }
@@ -3218,6 +3304,9 @@ imported in Sourcegraph shell.
 .tw-bg-badge-background {
 	background-color: var(--vscode-badge-background);
 }
+.tw-bg-black\/50 {
+	background-color: rgb(0 0 0 / 0.5);
+}
 .tw-bg-blue-900 {
 	--tw-bg-opacity: 1;
 	background-color: rgb(30 58 138 / var(--tw-bg-opacity));
@@ -3355,6 +3444,9 @@ imported in Sourcegraph shell.
 .tw-p-10 {
 	padding: 20px;
 }
+.tw-p-12 {
+	padding: 24px;
+}
 .tw-p-2 {
 	padding: 4px;
 }
@@ -3471,6 +3563,9 @@ imported in Sourcegraph shell.
 .tw-pr-4 {
 	padding-right: 8px;
 }
+.tw-pt-12 {
+	padding-top: 24px;
+}
 .tw-pt-2 {
 	padding-top: 4px;
 }
@@ -3737,17 +3832,33 @@ imported in Sourcegraph shell.
 	transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
 	transition-duration: 150ms;
 }
+.tw-transition-\[max-height\] {
+	transition-property: max-height;
+	transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+	transition-duration: 150ms;
+}
 .tw-transition-all {
 	transition-property: all;
 	transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
 	transition-duration: 150ms;
 }
+.tw-transition-colors {
+	transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
+	transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+	transition-duration: 150ms;
+}
+.tw-duration-200 {
+	transition-duration: 200ms;
+}
 .tw-duration-300 {
 	transition-duration: 300ms;
 }
 .tw-duration-75 {
 	transition-duration: 75ms;
 }
+.tw-ease-in-out {
+	transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+}
 :root {
     --vscode-font-size: 13px;
     --vscode-font-family: -apple-system, BlinkMacSystemFont, 'Ubuntu', 'Droid Sans', 'Segoe WPC', 'Segoe UI', sans-serif;
@@ -4335,6 +4446,21 @@ body[data-vscode-theme-kind="vscode-high-contrast"] .high-contrast-dark\:tw-bord
 	border-inline-end-color: transparent;
 }
 @media (min-width: 768px) {
+	.md\:tw-px-4 {
+		padding-left: 8px;
+		padding-right: 8px;
+	}
+	.md\:tw-py-2 {
+		padding-top: 4px;
+		padding-bottom: 4px;
+	}
+	.md\:tw-text-base {
+		font-size: 1rem;
+		line-height: 1.5rem;
+	}
+	.md\:tw-text-md {
+		font-size: var(--vscode-font-size);
+	}
 	.md\:tw-text-sm {
 		font-size: calc(calc(12/13)*var(--vscode-font-size));
 	}