npm - @openhands/agent-canvas - Versions diffs - 1.0.0-beta.5 → 1.0.0-beta.7 - Mend

@openhands/agent-canvas 1.0.0-beta.5 → 1.0.0-beta.7

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (879) hide show

package/dist/routes/llm-settings.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"llm-settings.js","names":[],"sources":["../../src/routes/llm-settings.tsx"],"sourcesContent":["import React from \"react\";\nimport { useTranslation } from \"react-i18next\";\nimport { ModelSelector } from \"#/components/shared/modals/settings/model-selector\";\nimport { useAgentSettingsSchema } from \"#/hooks/query/use-agent-settings-schema\";\nimport { useSettings } from \"#/hooks/query/use-settings\";\nimport { SettingsInput } from \"#/components/features/settings/settings-input\";\nimport { HelpLink } from \"#/ui/help-link\";\nimport { KeyStatusIcon } from \"#/components/features/settings/key-status-icon\";\nimport {\n SdkSectionHeaderProps,\n SdkSectionPage,\n SdkSectionSaveControl,\n} from \"#/components/features/settings/sdk-settings/sdk-section-page\";\nimport { LlmSettingsLocalView } from \"#/components/features/settings/llm-profiles\";\nimport { I18nKey } from \"#/i18n/declaration\";\nimport { Settings, SettingsSchema, SettingsScope } from \"#/types/settings\";\nimport { extractModelAndProvider } from \"#/utils/extract-model-and-provider\";\nimport { useActiveBackend } from \"#/contexts/active-backend-context\";\nimport {\n inferInitialView,\n type SettingsFormValues,\n type SettingsView,\n} from \"#/utils/sdk-settings-schema\";\nimport { DEFAULT_SETTINGS } from \"#/services/settings\";\n\nconst LLM_EXCLUDED_KEYS = new Set([\"llm.model\", \"llm.api_key\", \"llm.base_url\"]);\n\nconst buildModelId = (provider: string \| null, model: string \| null) => {\n if (!provider \|\| !model) return null;\n return `${provider}/${model}`;\n};\n\nconst getSchemaFieldDefaultValue = (\n schema: SettingsSchema \| null \| undefined,\n fieldKey: string,\n) =>\n schema?.sections\n .flatMap((section) => section.fields)\n .find((field) => field.key === fieldKey)?.default ?? null;\n\nconst KNOWN_PROVIDER_DEFAULT_BASE_URLS: Partial<Record<string, Set<string>>> = {\n openai: new Set([\"https://api.openai.com\", \"https://api.openai.com/v1\"]),\n openhands: new Set([\n \"https://llm-proxy.app.all-hands.dev\",\n \"https://llm-proxy.app.all-hands.dev/v1\",\n ]),\n litellm_proxy: new Set([\n \"https://llm-proxy.app.all-hands.dev\",\n \"https://llm-proxy.app.all-hands.dev/v1\",\n ]),\n};\n\nconst normalizeBaseUrl = (baseUrl: string) => {\n try {\n const parsedUrl = new URL(baseUrl);\n const normalizedPath = parsedUrl.pathname.replace(/\\/+$/, \"\") \|\| \"\";\n return `${parsedUrl.origin}${normalizedPath}`;\n } catch {\n return baseUrl.trim().replace(/\\/+$/, \"\");\n }\n};\n\nconst isProviderDefaultBaseUrl = (model: string, baseUrl: string) => {\n const normalizedBaseUrl = normalizeBaseUrl(baseUrl);\n const { provider } = extractModelAndProvider(model);\n\n if (provider) {\n const knownDefaults = KNOWN_PROVIDER_DEFAULT_BASE_URLS[provider];\n if (knownDefaults) {\n return knownDefaults.has(normalizedBaseUrl);\n }\n }\n\n return Object.values(KNOWN_PROVIDER_DEFAULT_BASE_URLS).some((knownDefaults) =>\n knownDefaults?.has(normalizedBaseUrl),\n );\n};\n\ninterface OpenHandsApiKeyHelpProps {\n testId: string;\n}\n\nfunction OpenHandsApiKeyHelp({ testId }: OpenHandsApiKeyHelpProps) {\n const { t } = useTranslation(\"openhands\");\n\n return (\n <HelpLink\n testId={testId}\n text={t(I18nKey.SETTINGS$OPENHANDS_API_KEY_HELP_TEXT)}\n linkText={t(I18nKey.SETTINGS$NAV_API_KEYS)}\n href=\"https://app.all-hands.dev/settings/api-keys\"\n suffix={` ${t(I18nKey.SETTINGS$OPENHANDS_API_KEY_HELP_SUFFIX)}`}\n />\n );\n}\n\nexport function LlmSettingsScreen({\n scope = \"personal\",\n onSaveSuccess,\n initialValueOverrides,\n embedded,\n hideSaveButton,\n onSaveControlChange,\n}: {\n scope?: SettingsScope;\n /** Optional hook fired after a successful save (e.g. advance an onboarding step). /\n onSaveSuccess?: () => void;\n /* Forwarded to {@link SdkSectionPage}. /\n initialValueOverrides?: SettingsFormValues;\n /* Forwarded to {@link SdkSectionPage}. /\n embedded?: boolean;\n /* Forwarded to {@link SdkSectionPage}. /\n hideSaveButton?: boolean;\n /* Forwarded to {@link SdkSectionPage}. /\n onSaveControlChange?: (control: SdkSectionSaveControl) => void;\n}) {\n const { t } = useTranslation(\"openhands\");\n\n const { data: settings } = useSettings(scope);\n const { data: schema } = useAgentSettingsSchema(\n settings?.agent_settings_schema,\n );\n\n const defaultModel = String(\n (DEFAULT_SETTINGS.agent_settings?.llm as Record<string, unknown>)?.model ??\n \"\",\n );\n\n const getInitialView = React.useCallback(\n (\n currentSettings: Settings,\n filteredSchema: SettingsSchema,\n ): SettingsView => {\n const schemaView = inferInitialView(currentSettings, filteredSchema);\n if (schemaView !== \"basic\") {\n return schemaView;\n }\n\n const currentModel = currentSettings.llm_model ?? \"\";\n const trimmedBaseUrl = currentSettings.llm_base_url?.trim() ?? \"\";\n const hasCustomBaseUrl =\n trimmedBaseUrl.length > 0 &&\n !isProviderDefaultBaseUrl(currentModel, trimmedBaseUrl);\n\n return hasCustomBaseUrl ? \"all\" : \"basic\";\n },\n [],\n );\n\n const buildHeader = React.useCallback(\n ({ values, isDisabled, view, onChange }: SdkSectionHeaderProps) => {\n const modelValue =\n typeof values[\"llm.model\"] === \"string\" ? values[\"llm.model\"] : \"\";\n const baseUrlValue =\n typeof values[\"llm.base_url\"] === \"string\"\n ? values[\"llm.base_url\"]\n : \"\";\n const showOpenHandsApiKeyHelp = modelValue.startsWith(\"openhands/\");\n\n const apiKeyValue =\n typeof values[\"llm.api_key\"] === \"string\" ? values[\"llm.api_key\"] : \"\";\n // For embedded profile forms (create/edit) the global\n // `llm_api_key_set` flag is misleading: a brand-new profile would show a\n // \"key set\" indicator just because some other profile has a key. Reflect\n // the form's own key state instead so create mode starts visibly unset.\n const apiKeyIsSet = embedded\n ? apiKeyValue.length > 0\n : Boolean(settings?.llm_api_key_set);\n\n const renderApiKeyInput = (testId: string, helpTestId: string) => (\n <>\n <SettingsInput\n testId={testId}\n label={t(I18nKey.SETTINGS_FORM$API_KEY)}\n type=\"password\"\n className=\"w-full\"\n value={apiKeyValue}\n placeholder={apiKeyIsSet ? \"<hidden>\" : \"\"}\n onChange={(value) => onChange(\"llm.api_key\", value)}\n isDisabled={isDisabled}\n startContent={\n apiKeyIsSet ? <KeyStatusIcon isSet={apiKeyIsSet} /> : undefined\n }\n />\n\n <HelpLink\n testId={helpTestId}\n text={t(I18nKey.SETTINGS$DONT_KNOW_API_KEY)}\n linkText={t(I18nKey.SETTINGS$CLICK_FOR_INSTRUCTIONS)}\n href=\"https://docs.openhands.dev/usage/local-setup#getting-an-api-key\"\n />\n </>\n );\n\n return (\n <div className=\"flex flex-col gap-6\">\n {view === \"basic\" ? (\n <div\n className=\"flex flex-col gap-6\"\n data-testid=\"llm-settings-form-basic\"\n >\n <ModelSelector\n currentModel={modelValue \|\| undefined}\n currentBaseUrl={baseUrlValue \|\| undefined}\n onChange={(provider, model) => {\n const nextModel = buildModelId(provider, model);\n if (nextModel) {\n onChange(\"llm.model\", nextModel);\n }\n }}\n wrapperClassName=\"!flex-col !gap-6\"\n isDisabled={isDisabled}\n />\n\n {showOpenHandsApiKeyHelp ? (\n <OpenHandsApiKeyHelp testId=\"openhands-api-key-help\" />\n ) : null}\n\n {renderApiKeyInput(\n \"llm-api-key-input\",\n \"llm-api-key-help-anchor\",\n )}\n </div>\n ) : (\n <div\n className=\"flex flex-col gap-6\"\n data-testid=\"llm-settings-form-advanced\"\n >\n <SettingsInput\n testId=\"llm-custom-model-input\"\n label={t(I18nKey.SETTINGS$CUSTOM_MODEL)}\n type=\"text\"\n className=\"w-full\"\n value={modelValue}\n placeholder={defaultModel}\n onChange={(value) => onChange(\"llm.model\", value)}\n isDisabled={isDisabled}\n />\n\n {showOpenHandsApiKeyHelp ? (\n <OpenHandsApiKeyHelp testId=\"openhands-api-key-help-2\" />\n ) : null}\n\n <SettingsInput\n testId=\"base-url-input\"\n label={t(I18nKey.SETTINGS$BASE_URL)}\n type=\"text\"\n className=\"w-full\"\n value={baseUrlValue}\n placeholder=\"https://api.openai.com\"\n onChange={(value) => onChange(\"llm.base_url\", value)}\n isDisabled={isDisabled}\n />\n\n {renderApiKeyInput(\n \"llm-api-key-input\",\n \"llm-api-key-help-anchor-advanced\",\n )}\n </div>\n )}\n </div>\n );\n },\n [defaultModel, embedded, settings?.llm_api_key_set, t],\n );\n\n const buildPayload = React.useCallback(\n (\n basePayload: Record<string, unknown>,\n context: {\n values: Record<string, string \| boolean>;\n view: SettingsView;\n },\n ) => {\n // basePayload is a nested dict (e.g. {llm: {model: \"gpt-4\"}})\n const agentSettings = structuredClone(basePayload);\n\n const llm = (agentSettings.llm ?? {}) as Record<string, unknown>;\n\n if (context.view === \"basic\") {\n llm.base_url = getSchemaFieldDefaultValue(schema, \"llm.base_url\");\n agentSettings.llm = llm;\n }\n\n return { agent_settings_diff: agentSettings };\n },\n [schema],\n );\n\n return (\n <SdkSectionPage\n scope={scope}\n sectionKeys={[\"llm\"]}\n excludeKeys={LLM_EXCLUDED_KEYS}\n header={buildHeader}\n buildPayload={buildPayload}\n getInitialView={getInitialView}\n forceShowAdvancedView\n allowAllView\n onSaveSuccess={onSaveSuccess}\n initialValueOverrides={initialValueOverrides}\n embedded={embedded}\n hideSaveButton={hideSaveButton}\n onSaveControlChange={onSaveControlChange}\n testId=\"llm-settings-screen\"\n />\n );\n}\n\n/\n Default export for the route renders different views based on backend type:\n * - Local backends: LlmSettingsLocalView with profile management\n * - Cloud backends: Standard LlmSettingsScreen (profiles are not supported)\n \n The LlmSettingsScreen component is also exported for embedded use cases\n * (e.g., onboarding, profile editing forms).\n \n Note: This is a route file, only the router should import the default export.\n * Other consumers should use the named export `LlmSettingsScreen` for embedded\n * use cases.\n */\nexport default function LlmSettingsRoute() {\n const { backend } = useActiveBackend();\n const isCloud = backend.kind === \"cloud\";\n\n // Cloud backends use the standard LLM settings form (no profiles support)\n if (isCloud) {\n return <LlmSettingsScreen />;\n }\n\n // Local backends use the profile management view\n return <LlmSettingsLocalView />;\n}\n"],"mappings":"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"}
1	+ {"version":3,"file":"llm-settings.js","names":[],"sources":["../../src/routes/llm-settings.tsx"],"sourcesContent":["import React from \"react\";\nimport { useTranslation } from \"react-i18next\";\nimport { ModelSelector } from \"#/components/shared/modals/settings/model-selector\";\nimport { useAgentSettingsSchema } from \"#/hooks/query/use-agent-settings-schema\";\nimport { useSettings } from \"#/hooks/query/use-settings\";\nimport { SettingsInput } from \"#/components/features/settings/settings-input\";\nimport { HelpLink } from \"#/ui/help-link\";\nimport { KeyStatusIcon } from \"#/components/features/settings/key-status-icon\";\nimport {\n SdkSectionHeaderProps,\n SdkSectionPage,\n SdkSectionSaveControl,\n} from \"#/components/features/settings/sdk-settings/sdk-section-page\";\nimport { LlmSettingsLocalView } from \"#/components/features/settings/llm-profiles\";\nimport { I18nKey } from \"#/i18n/declaration\";\nimport { Settings, SettingsSchema, SettingsScope } from \"#/types/settings\";\nimport { extractModelAndProvider } from \"#/utils/extract-model-and-provider\";\nimport { useActiveBackend } from \"#/contexts/active-backend-context\";\nimport {\n inferInitialView,\n type SettingsFormValues,\n type SettingsView,\n} from \"#/utils/sdk-settings-schema\";\nimport { DEFAULT_SETTINGS } from \"#/services/settings\";\nimport {\n OPENHANDS_LLM_PROXY_BASE_URL,\n isOpenHandsProviderModel,\n} from \"#/utils/openhands-llm\";\n\nconst LLM_EXCLUDED_KEYS = new Set([\"llm.model\", \"llm.api_key\", \"llm.base_url\"]);\n\nconst buildModelId = (provider: string \| null, model: string \| null) => {\n if (!provider \|\| !model) return null;\n return `${provider}/${model}`;\n};\n\nconst getSchemaFieldDefaultValue = (\n schema: SettingsSchema \| null \| undefined,\n fieldKey: string,\n) =>\n schema?.sections\n .flatMap((section) => section.fields)\n .find((field) => field.key === fieldKey)?.default ?? null;\n\nconst KNOWN_PROVIDER_DEFAULT_BASE_URLS: Partial<Record<string, Set<string>>> = {\n openai: new Set([\"https://api.openai.com\", \"https://api.openai.com/v1\"]),\n openhands: new Set([\n OPENHANDS_LLM_PROXY_BASE_URL,\n \"https://llm-proxy.app.all-hands.dev/v1\",\n ]),\n litellm_proxy: new Set([\n OPENHANDS_LLM_PROXY_BASE_URL,\n \"https://llm-proxy.app.all-hands.dev/v1\",\n ]),\n};\n\nconst normalizeBaseUrl = (baseUrl: string) => {\n try {\n const parsedUrl = new URL(baseUrl);\n const normalizedPath = parsedUrl.pathname.replace(/\\/+$/, \"\") \|\| \"\";\n return `${parsedUrl.origin}${normalizedPath}`;\n } catch {\n return baseUrl.trim().replace(/\\/+$/, \"\");\n }\n};\n\nconst isProviderDefaultBaseUrl = (model: string, baseUrl: string) => {\n const normalizedBaseUrl = normalizeBaseUrl(baseUrl);\n const { provider } = extractModelAndProvider(model);\n\n if (provider) {\n const knownDefaults = KNOWN_PROVIDER_DEFAULT_BASE_URLS[provider];\n if (knownDefaults) {\n return knownDefaults.has(normalizedBaseUrl);\n }\n }\n\n return Object.values(KNOWN_PROVIDER_DEFAULT_BASE_URLS).some((knownDefaults) =>\n knownDefaults?.has(normalizedBaseUrl),\n );\n};\n\ninterface OpenHandsApiKeyHelpProps {\n testId: string;\n}\n\nfunction OpenHandsApiKeyHelp({ testId }: OpenHandsApiKeyHelpProps) {\n const { t } = useTranslation(\"openhands\");\n\n return (\n <HelpLink\n testId={testId}\n text={t(I18nKey.SETTINGS$OPENHANDS_API_KEY_HELP_TEXT)}\n linkText={t(I18nKey.SETTINGS$NAV_API_KEYS)}\n href=\"https://app.all-hands.dev/settings/api-keys\"\n suffix={` ${t(I18nKey.SETTINGS$OPENHANDS_API_KEY_HELP_SUFFIX)}`}\n />\n );\n}\n\nexport function LlmSettingsScreen({\n scope = \"personal\",\n onSaveSuccess,\n initialValueOverrides,\n embedded,\n hideSaveButton,\n onSaveControlChange,\n}: {\n scope?: SettingsScope;\n /** Optional hook fired after a successful save (e.g. advance an onboarding step). /\n onSaveSuccess?: () => void;\n /* Forwarded to {@link SdkSectionPage}. /\n initialValueOverrides?: SettingsFormValues;\n /* Forwarded to {@link SdkSectionPage}. /\n embedded?: boolean;\n /* Forwarded to {@link SdkSectionPage}. /\n hideSaveButton?: boolean;\n /* Forwarded to {@link SdkSectionPage}. /\n onSaveControlChange?: (control: SdkSectionSaveControl) => void;\n}) {\n const { t } = useTranslation(\"openhands\");\n\n const { data: settings } = useSettings(scope);\n const { data: schema } = useAgentSettingsSchema(\n settings?.agent_settings_schema,\n );\n\n const defaultModel = String(\n (DEFAULT_SETTINGS.agent_settings?.llm as Record<string, unknown>)?.model ??\n \"\",\n );\n\n const getInitialView = React.useCallback(\n (\n currentSettings: Settings,\n filteredSchema: SettingsSchema,\n ): SettingsView => {\n const schemaView = inferInitialView(currentSettings, filteredSchema);\n if (schemaView !== \"basic\") {\n return schemaView;\n }\n\n const currentModel = currentSettings.llm_model ?? \"\";\n const trimmedBaseUrl = currentSettings.llm_base_url?.trim() ?? \"\";\n const hasCustomBaseUrl =\n trimmedBaseUrl.length > 0 &&\n !isProviderDefaultBaseUrl(currentModel, trimmedBaseUrl);\n\n return hasCustomBaseUrl ? \"all\" : \"basic\";\n },\n [],\n );\n\n const buildHeader = React.useCallback(\n ({ values, isDisabled, view, onChange }: SdkSectionHeaderProps) => {\n const modelValue =\n typeof values[\"llm.model\"] === \"string\" ? values[\"llm.model\"] : \"\";\n const baseUrlValue =\n typeof values[\"llm.base_url\"] === \"string\"\n ? values[\"llm.base_url\"]\n : \"\";\n const showOpenHandsApiKeyHelp = modelValue.startsWith(\"openhands/\");\n\n const apiKeyValue =\n typeof values[\"llm.api_key\"] === \"string\" ? values[\"llm.api_key\"] : \"\";\n // For embedded profile forms (create/edit) the global\n // `llm_api_key_set` flag is misleading: a brand-new profile would show a\n // \"key set\" indicator just because some other profile has a key. Reflect\n // the form's own key state instead so create mode starts visibly unset.\n const apiKeyIsSet = embedded\n ? apiKeyValue.length > 0\n : Boolean(settings?.llm_api_key_set);\n\n const renderApiKeyInput = (testId: string, helpTestId: string) => (\n <>\n <SettingsInput\n testId={testId}\n label={t(I18nKey.SETTINGS_FORM$API_KEY)}\n type=\"password\"\n className=\"w-full\"\n value={apiKeyValue}\n placeholder={apiKeyIsSet ? \"<hidden>\" : \"\"}\n onChange={(value) => onChange(\"llm.api_key\", value)}\n isDisabled={isDisabled}\n startContent={\n apiKeyIsSet ? <KeyStatusIcon isSet={apiKeyIsSet} /> : undefined\n }\n />\n\n <HelpLink\n testId={helpTestId}\n text={t(I18nKey.SETTINGS$DONT_KNOW_API_KEY)}\n linkText={t(I18nKey.SETTINGS$CLICK_FOR_INSTRUCTIONS)}\n href=\"https://docs.openhands.dev/usage/local-setup#getting-an-api-key\"\n />\n </>\n );\n\n return (\n <div className=\"flex flex-col gap-6\">\n {view === \"basic\" ? (\n <div\n className=\"flex flex-col gap-6\"\n data-testid=\"llm-settings-form-basic\"\n >\n <ModelSelector\n currentModel={modelValue \|\| undefined}\n currentBaseUrl={baseUrlValue \|\| undefined}\n onChange={(provider, model) => {\n const nextModel = buildModelId(provider, model);\n if (nextModel) {\n onChange(\"llm.model\", nextModel);\n }\n }}\n wrapperClassName=\"!flex-col !gap-6\"\n isDisabled={isDisabled}\n />\n\n {showOpenHandsApiKeyHelp ? (\n <OpenHandsApiKeyHelp testId=\"openhands-api-key-help\" />\n ) : null}\n\n {renderApiKeyInput(\n \"llm-api-key-input\",\n \"llm-api-key-help-anchor\",\n )}\n </div>\n ) : (\n <div\n className=\"flex flex-col gap-6\"\n data-testid=\"llm-settings-form-advanced\"\n >\n <SettingsInput\n testId=\"llm-custom-model-input\"\n label={t(I18nKey.SETTINGS$CUSTOM_MODEL)}\n type=\"text\"\n className=\"w-full\"\n value={modelValue}\n placeholder={defaultModel}\n onChange={(value) => onChange(\"llm.model\", value)}\n isDisabled={isDisabled}\n />\n\n {showOpenHandsApiKeyHelp ? (\n <OpenHandsApiKeyHelp testId=\"openhands-api-key-help-2\" />\n ) : null}\n\n <SettingsInput\n testId=\"base-url-input\"\n label={t(I18nKey.SETTINGS$BASE_URL)}\n type=\"text\"\n className=\"w-full\"\n value={baseUrlValue}\n placeholder=\"https://api.openai.com\"\n onChange={(value) => onChange(\"llm.base_url\", value)}\n isDisabled={isDisabled}\n />\n\n {renderApiKeyInput(\n \"llm-api-key-input\",\n \"llm-api-key-help-anchor-advanced\",\n )}\n </div>\n )}\n </div>\n );\n },\n [defaultModel, embedded, settings?.llm_api_key_set, t],\n );\n\n const buildPayload = React.useCallback(\n (\n basePayload: Record<string, unknown>,\n context: {\n values: Record<string, string \| boolean>;\n view: SettingsView;\n },\n ) => {\n // basePayload is a nested dict (e.g. {llm: {model: \"gpt-4\"}})\n const agentSettings = structuredClone(basePayload);\n\n const llm = (agentSettings.llm ?? {}) as Record<string, unknown>;\n\n if (context.view === \"basic\") {\n const model = llm.model ?? context.values[\"llm.model\"];\n llm.base_url = isOpenHandsProviderModel(model)\n ? OPENHANDS_LLM_PROXY_BASE_URL\n : getSchemaFieldDefaultValue(schema, \"llm.base_url\");\n agentSettings.llm = llm;\n }\n\n return { agent_settings_diff: agentSettings };\n },\n [schema],\n );\n\n return (\n <SdkSectionPage\n scope={scope}\n sectionKeys={[\"llm\"]}\n excludeKeys={LLM_EXCLUDED_KEYS}\n header={buildHeader}\n buildPayload={buildPayload}\n getInitialView={getInitialView}\n forceShowAdvancedView\n allowAllView\n onSaveSuccess={onSaveSuccess}\n initialValueOverrides={initialValueOverrides}\n embedded={embedded}\n hideSaveButton={hideSaveButton}\n onSaveControlChange={onSaveControlChange}\n testId=\"llm-settings-screen\"\n />\n );\n}\n\n/\n Default export for the route renders different views based on backend type:\n * - Local backends: LlmSettingsLocalView with profile management\n * - Cloud backends: Standard LlmSettingsScreen (profiles are not supported)\n \n The LlmSettingsScreen component is also exported for embedded use cases\n * (e.g., onboarding, profile editing forms).\n \n Note: This is a route file, only the router should import the default export.\n * Other consumers should use the named export `LlmSettingsScreen` for embedded\n * use cases.\n */\nexport default function LlmSettingsRoute() {\n const { backend } = useActiveBackend();\n const isCloud = backend.kind === \"cloud\";\n\n // Cloud backends use the standard LLM settings form (no profiles support)\n if (isCloud) {\n return <LlmSettingsScreen />;\n }\n\n // Local backends use the profile management view\n return <LlmSettingsLocalView />;\n}\n"],"mappings":"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"}

package/dist/routes/secrets-settings.cjs CHANGED Viewed

@@ -1,2 +1,2 @@
-const e=require(`../_virtual/_rolldown/runtime.cjs`),t=require(`../node_modules/react-i18next/dist/es/useTranslation.cjs`),n=require(`../i18n/declaration.cjs`),r=require(`../utils/utils.cjs`),i=require(`../node_modules/lucide-react/dist/esm/icons/arrow-left.cjs`),a=require(`../node_modules/@tanstack/react-query/build/modern/QueryClientProvider.cjs`),o=require(`../ui/typography.cjs`),s=require(`../components/shared/loading-spinner.cjs`),c=require(`../components/features/settings/brand-button.cjs`),l=require(`../utils/settings-list-classes.cjs`),u=require(`../components/shared/modals/confirmation-modal.cjs`),d=require(`../hooks/query/use-get-secrets.cjs`),f=require(`../hooks/mutation/use-delete-secret.cjs`),p=require(`../components/features/settings/secrets-settings/secret-form.cjs`),m=require(`../components/features/settings/secrets-settings/secret-list-item.cjs`);let h=require(`react`);h=e.__toESM(h,1);let g=require(`react/jsx-runtime`);function _(){let e=a.useQueryClient(),{t:_}=t.useTranslation(`openhands`),v=(0,h.useRef)(null),{data:y,isLoading:b,hasNextPage:x,isFetchingNextPage:S,onLoadMore:C}=d.useSearchSecrets(),{mutate:w}=f.useDeleteSecret(),[T,E]=h.default.useState(`list`),[D,O]=h.default.useState(null),[k,A]=h.default.useState(!1),j=(0,h.useCallback)(e=>{let t=e.currentTarget;t.scrollHeight-t.scrollTop<=t.clientHeight+100&&x&&!S&&C()},[x,S,C]),M=()=>{e.invalidateQueries({queryKey:[`secrets-search`]}),e.invalidateQueries({queryKey:[`secrets`]})},N=e=>{w(e,{onSettled:()=>{A(!1)},onSuccess:M,onError:M})},P=()=>{D&&N(D)},F=()=>{A(!1)},I=()=>{E(`list`),O(null)},L=T===`add-secret-form`||T===`edit-secret-form`,R=_(T===`add-secret-form`?n.I18nKey.SECRETS$ADD_A_SECRET:n.I18nKey.SECRETS$EDIT_A_SECRET);return(0,g.jsxs)(`div`,{"data-testid":`secrets-settings-screen`,className:`flex flex-col gap-6`,children:[T===`list`?(0,g.jsxs)(`div`,{className:`flex items-start justify-between gap-4`,children:[(0,g.jsxs)(`div`,{className:`min-w-0 space-y-1`,children:[(0,g.jsx)(o.Typography.H2,{children:_(n.I18nKey.SETTINGS$NAV_SECRETS)}),(0,g.jsx)(`p`,{"data-testid":`settings-page-subtitle`,className:`text-sm leading-5 text-tertiary-light`,children:_(n.I18nKey.SETTINGS$PAGE_SECRETS_SUBLINE)})]}),(0,g.jsx)(c.BrandButton,{testId:`add-secret-button`,type:`button`,variant:`primary`,className:`shrink-0 whitespace-nowrap`,onClick:()=>E(`add-secret-form`),isDisabled:b,children:_(`SECRETS$ADD_NEW_SECRET`)})]}):null,L?(0,g.jsxs)(`div`,{className:`flex flex-col gap-2`,children:[(0,g.jsxs)(`button`,{type:`button`,onClick:I,className:`flex items-center gap-2 self-start rounded-lg p-2 text-[var(--oh-muted)] transition-colors hover:bg-tertiary hover:text-white`,"data-testid":`back-to-secrets`,children:[(0,g.jsx)(i.ArrowLeft,{size:20,"aria-hidden":!0}),(0,g.jsx)(`span`,{className:`text-sm leading-5`,children:_(n.I18nKey.BUTTON$BACK)})]}),(0,g.jsx)(o.Typography.H2,{testId:`secret-editor-title`,children:R})]}):null,b&&T===`list`&&(0,g.jsxs)(`ul`,{children:[(0,g.jsx)(m.SecretListItemSkeleton,{}),(0,g.jsx)(m.SecretListItemSkeleton,{}),(0,g.jsx)(m.SecretListItemSkeleton,{})]}),T===`list`&&!b&&(0,g.jsxs)(`div`,{ref:v,className:l.settingsListScrollContainerClassName,onScroll:j,children:[(0,g.jsxs)(`table`,{className:`w-full min-w-full table-fixed`,children:[(0,g.jsx)(`thead`,{className:l.settingsListTableHeadClassName,children:(0,g.jsxs)(`tr`,{children:[(0,g.jsx)(`th`,{className:r.cn(l.settingsListTableHeaderCellClassName,`w-1/4`),children:_(n.I18nKey.SETTINGS$NAME)}),(0,g.jsx)(`th`,{className:r.cn(l.settingsListTableHeaderCellClassName,`w-1/2`),children:_(n.I18nKey.SECRETS$DESCRIPTION)}),(0,g.jsx)(`th`,{className:r.cn(l.settingsListTableHeaderCellClassName,`w-1/4 text-right`),children:_(n.I18nKey.SETTINGS$ACTIONS)})]})}),(0,g.jsx)(`tbody`,{children:y?.map(e=>(0,g.jsx)(m.SecretListItem,{title:e.name,description:e.description,onEdit:()=>{E(`edit-secret-form`),O(e.name)},onDelete:()=>{A(!0),O(e.name)}},e.name))})]}),S&&(0,g.jsx)(`div`,{className:`flex justify-center p-4`,children:(0,g.jsx)(s.LoadingSpinner,{size:`small`})})]}),(T===`add-secret-form`||T===`edit-secret-form`)&&(0,g.jsx)(p.SecretForm,{mode:T===`add-secret-form`?`add`:`edit`,selectedSecret:D,onCancel:I}),k&&(0,g.jsx)(u.ConfirmationModal,{text:_(`SECRETS$CONFIRM_DELETE_KEY`),onConfirm:P,onCancel:F})]})}exports.default=_;
+const e=require(`../_virtual/_rolldown/runtime.cjs`),t=require(`../node_modules/react-i18next/dist/es/useTranslation.cjs`),n=require(`../i18n/declaration.cjs`),r=require(`../utils/utils.cjs`),i=require(`../node_modules/@tanstack/react-query/build/modern/QueryClientProvider.cjs`),a=require(`../ui/typography.cjs`),o=require(`../components/shared/loading-spinner.cjs`),s=require(`../components/features/settings/brand-button.cjs`),c=require(`../utils/settings-list-classes.cjs`),l=require(`../components/shared/buttons/back-nav-button.cjs`),u=require(`../components/shared/modals/confirmation-modal.cjs`),d=require(`../hooks/query/use-get-secrets.cjs`),f=require(`../hooks/mutation/use-delete-secret.cjs`),p=require(`../components/features/settings/secrets-settings/secret-form.cjs`),m=require(`../components/features/settings/secrets-settings/secret-list-item.cjs`);let h=require(`react`);h=e.__toESM(h,1);let g=require(`react/jsx-runtime`);function _(){let e=i.useQueryClient(),{t:_}=t.useTranslation(`openhands`),v=(0,h.useRef)(null),{data:y,isLoading:b,hasNextPage:x,isFetchingNextPage:S,onLoadMore:C}=d.useSearchSecrets(),{mutate:w}=f.useDeleteSecret(),[T,E]=h.default.useState(`list`),[D,O]=h.default.useState(null),[k,A]=h.default.useState(!1),j=(0,h.useCallback)(e=>{let t=e.currentTarget;t.scrollHeight-t.scrollTop<=t.clientHeight+100&&x&&!S&&C()},[x,S,C]),M=()=>{e.invalidateQueries({queryKey:[`secrets-search`]}),e.invalidateQueries({queryKey:[`secrets`]})},N=e=>{w(e,{onSettled:()=>{A(!1)},onSuccess:M,onError:M})},P=()=>{D&&N(D)},F=()=>{A(!1)},I=()=>{E(`list`),O(null)},L=T===`add-secret-form`||T===`edit-secret-form`,R=_(T===`add-secret-form`?n.I18nKey.SECRETS$ADD_A_SECRET:n.I18nKey.SECRETS$EDIT_A_SECRET);return(0,g.jsxs)(`div`,{"data-testid":`secrets-settings-screen`,className:`flex flex-col gap-6`,children:[T===`list`?(0,g.jsxs)(`div`,{className:`flex items-start justify-between gap-4`,children:[(0,g.jsxs)(`div`,{className:`min-w-0 space-y-1`,children:[(0,g.jsx)(a.Typography.H2,{children:_(n.I18nKey.SETTINGS$NAV_SECRETS)}),(0,g.jsx)(`p`,{"data-testid":`settings-page-subtitle`,className:`text-sm leading-5 text-tertiary-light`,children:_(n.I18nKey.SETTINGS$PAGE_SECRETS_SUBLINE)})]}),(0,g.jsx)(s.BrandButton,{testId:`add-secret-button`,type:`button`,variant:`primary`,className:`shrink-0 whitespace-nowrap`,onClick:()=>E(`add-secret-form`),isDisabled:b,children:_(`SECRETS$ADD_NEW_SECRET`)})]}):null,L?(0,g.jsxs)(`div`,{className:`flex flex-col gap-2`,children:[(0,g.jsx)(l.BackNavButton,{testId:`back-to-secrets`,onClick:I,children:_(n.I18nKey.BUTTON$BACK)}),(0,g.jsx)(a.Typography.H2,{testId:`secret-editor-title`,children:R})]}):null,b&&T===`list`&&(0,g.jsxs)(`ul`,{children:[(0,g.jsx)(m.SecretListItemSkeleton,{}),(0,g.jsx)(m.SecretListItemSkeleton,{}),(0,g.jsx)(m.SecretListItemSkeleton,{})]}),T===`list`&&!b&&(0,g.jsxs)(`div`,{ref:v,className:c.settingsListScrollContainerClassName,onScroll:j,children:[(0,g.jsxs)(`table`,{className:`w-full min-w-full table-fixed`,children:[(0,g.jsx)(`thead`,{className:c.settingsListTableHeadClassName,children:(0,g.jsxs)(`tr`,{children:[(0,g.jsx)(`th`,{className:r.cn(c.settingsListTableHeaderCellClassName,`w-1/4`),children:_(n.I18nKey.SETTINGS$NAME)}),(0,g.jsx)(`th`,{className:r.cn(c.settingsListTableHeaderCellClassName,`w-1/2`),children:_(n.I18nKey.SECRETS$DESCRIPTION)}),(0,g.jsx)(`th`,{className:r.cn(c.settingsListTableHeaderCellClassName,`w-1/4 text-right`),children:_(n.I18nKey.SETTINGS$ACTIONS)})]})}),(0,g.jsx)(`tbody`,{children:y?.map(e=>(0,g.jsx)(m.SecretListItem,{title:e.name,description:e.description,onEdit:()=>{E(`edit-secret-form`),O(e.name)},onDelete:()=>{A(!0),O(e.name)}},e.name))})]}),S&&(0,g.jsx)(`div`,{className:`flex justify-center p-4`,children:(0,g.jsx)(o.LoadingSpinner,{size:`small`})})]}),(T===`add-secret-form`||T===`edit-secret-form`)&&(0,g.jsx)(p.SecretForm,{mode:T===`add-secret-form`?`add`:`edit`,selectedSecret:D,onCancel:I}),k&&(0,g.jsx)(u.ConfirmationModal,{text:_(`SECRETS$CONFIRM_DELETE_KEY`),onConfirm:P,onCancel:F})]})}exports.default=_;
 //# sourceMappingURL=secrets-settings.cjs.map

package/dist/routes/secrets-settings.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"secrets-settings.cjs","names":[],"sources":["../../src/routes/secrets-settings.tsx"],"sourcesContent":["import { useQueryClient } from \"@tanstack/react-query\";\nimport React, { useCallback, useRef } from \"react\";\nimport { useTranslation } from \"react-i18next\";\nimport { ArrowLeft } from \"lucide-react\";\nimport { useSearchSecrets } from \"#/hooks/query/use-get-secrets\";\nimport { useDeleteSecret } from \"#/hooks/mutation/use-delete-secret\";\nimport { SecretForm } from \"#/components/features/settings/secrets-settings/secret-form\";\nimport {\n SecretListItem,\n SecretListItemSkeleton,\n} from \"#/components/features/settings/secrets-settings/secret-list-item\";\nimport { BrandButton } from \"#/components/features/settings/brand-button\";\nimport { ConfirmationModal } from \"#/components/shared/modals/confirmation-modal\";\nimport { Typography } from \"#/ui/typography\";\nimport { I18nKey } from \"#/i18n/declaration\";\nimport { cn } from \"#/utils/utils\";\nimport { LoadingSpinner } from \"#/components/shared/loading-spinner\";\nimport {\n settingsListScrollContainerClassName,\n settingsListTableHeadClassName,\n settingsListTableHeaderCellClassName,\n} from \"#/utils/settings-list-classes\";\n\nexport const handle = { hideTitle: true };\n\nexport function SecretsSettingsScreen() {\n const queryClient = useQueryClient();\n const { t } = useTranslation(\"openhands\");\n const tableContainerRef = useRef<HTMLDivElement>(null);\n\n const {\n data: secrets,\n isLoading: isLoadingSecrets,\n hasNextPage,\n isFetchingNextPage,\n onLoadMore,\n } = useSearchSecrets();\n\n const { mutate: deleteSecret } = useDeleteSecret();\n\n const [view, setView] = React.useState<\n \"list\" \| \"add-secret-form\" \| \"edit-secret-form\"\n >(\"list\");\n const [selectedSecret, setSelectedSecret] = React.useState<string \| null>(\n null,\n );\n const [confirmationModalIsVisible, setConfirmationModalIsVisible] =\n React.useState(false);\n\n const handleScroll = useCallback(\n (e: React.UIEvent<HTMLDivElement>) => {\n const target = e.currentTarget;\n const isNearBottom =\n target.scrollHeight - target.scrollTop <= target.clientHeight + 100;\n\n if (isNearBottom && hasNextPage && !isFetchingNextPage) {\n onLoadMore();\n }\n },\n [hasNextPage, isFetchingNextPage, onLoadMore],\n );\n\n const invalidateSecrets = () => {\n queryClient.invalidateQueries({\n queryKey: [\"secrets-search\"],\n });\n queryClient.invalidateQueries({\n queryKey: [\"secrets\"],\n });\n };\n\n const handleDeleteSecret = (secret: string) => {\n deleteSecret(secret, {\n onSettled: () => {\n setConfirmationModalIsVisible(false);\n },\n onSuccess: invalidateSecrets,\n onError: invalidateSecrets,\n });\n };\n\n const onConfirmDeleteSecret = () => {\n if (selectedSecret) handleDeleteSecret(selectedSecret);\n };\n\n const onCancelDeleteSecret = () => {\n setConfirmationModalIsVisible(false);\n };\n\n const handleBackToList = () => {\n setView(\"list\");\n setSelectedSecret(null);\n };\n\n const isFormView = view === \"add-secret-form\" \|\| view === \"edit-secret-form\";\n const formTitle =\n view === \"add-secret-form\"\n ? t(I18nKey.SECRETS$ADD_A_SECRET)\n : t(I18nKey.SECRETS$EDIT_A_SECRET);\n\n return (\n <div data-testid=\"secrets-settings-screen\" className=\"flex flex-col gap-6\">\n {view === \"list\" ? (\n <div className=\"flex items-start justify-between gap-4\">\n <div className=\"min-w-0 space-y-1\">\n <Typography.H2>{t(I18nKey.SETTINGS$NAV_SECRETS)}</Typography.H2>\n <p\n data-testid=\"settings-page-subtitle\"\n className=\"text-sm leading-5 text-tertiary-light\"\n >\n {t(I18nKey.SETTINGS$PAGE_SECRETS_SUBLINE)}\n </p>\n </div>\n <BrandButton\n testId=\"add-secret-button\"\n type=\"button\"\n variant=\"primary\"\n className=\"shrink-0 whitespace-nowrap\"\n onClick={() => setView(\"add-secret-form\")}\n isDisabled={isLoadingSecrets}\n >\n {t(\"SECRETS$ADD_NEW_SECRET\")}\n </BrandButton>\n </div>\n ) : null}\n\n {isFormView ? (\n <div className=\"flex flex-col gap-2\">\n <button\n type=\"button\"\n onClick={handleBackToList}\n className=\"flex items-center gap-2 self-start rounded-lg p-2 text-[var(--oh-muted)] transition-colors hover:bg-tertiary hover:text-white\"\n data-testid=\"back-to-secrets\"\n >\n <ArrowLeft size={20} aria-hidden />\n <span className=\"text-sm leading-5\">{t(I18nKey.BUTTON$BACK)}</span>\n </button>\n <Typography.H2 testId=\"secret-editor-title\">\n {formTitle}\n </Typography.H2>\n </div>\n ) : null}\n\n {isLoadingSecrets && view === \"list\" && (\n <ul>\n <SecretListItemSkeleton />\n <SecretListItemSkeleton />\n <SecretListItemSkeleton />\n </ul>\n )}\n\n {view === \"list\" && !isLoadingSecrets && (\n <div\n ref={tableContainerRef}\n className={settingsListScrollContainerClassName}\n onScroll={handleScroll}\n >\n <table className=\"w-full min-w-full table-fixed\">\n <thead className={settingsListTableHeadClassName}>\n <tr>\n <th\n className={cn(settingsListTableHeaderCellClassName, \"w-1/4\")}\n >\n {t(I18nKey.SETTINGS$NAME)}\n </th>\n <th\n className={cn(settingsListTableHeaderCellClassName, \"w-1/2\")}\n >\n {t(I18nKey.SECRETS$DESCRIPTION)}\n </th>\n <th\n className={cn(\n settingsListTableHeaderCellClassName,\n \"w-1/4 text-right\",\n )}\n >\n {t(I18nKey.SETTINGS$ACTIONS)}\n </th>\n </tr>\n </thead>\n <tbody>\n {secrets?.map((secret) => (\n <SecretListItem\n key={secret.name}\n title={secret.name}\n description={secret.description}\n onEdit={() => {\n setView(\"edit-secret-form\");\n setSelectedSecret(secret.name);\n }}\n onDelete={() => {\n setConfirmationModalIsVisible(true);\n setSelectedSecret(secret.name);\n }}\n />\n ))}\n </tbody>\n </table>\n\n {isFetchingNextPage && (\n <div className=\"flex justify-center p-4\">\n <LoadingSpinner size=\"small\" />\n </div>\n )}\n </div>\n )}\n\n {(view === \"add-secret-form\" \|\| view === \"edit-secret-form\") && (\n <SecretForm\n mode={view === \"add-secret-form\" ? \"add\" : \"edit\"}\n selectedSecret={selectedSecret}\n onCancel={handleBackToList}\n />\n )}\n\n {confirmationModalIsVisible && (\n <ConfirmationModal\n text={t(\"SECRETS$CONFIRM_DELETE_KEY\")}\n onConfirm={onConfirmDeleteSecret}\n onCancel={onCancelDeleteSecret}\n />\n )}\n </div>\n );\n}\n\nexport default SecretsSettingsScreen;\n"],"mappings":"u7BAyBA,SAAgB,GAAwB,CACtC,IAAM,EAAc,EAAA,gBAAgB,CAC9B,CAAE,KAAM,EAAA,eAAe,YAAY,CACnC,GAAA,EAAA,EAAA,QAA2C,KAAK,CAEhD,CACJ,KAAM,EACN,UAAW,EACX,cACA,qBACA,cACE,EAAA,kBAAkB,CAEhB,CAAE,OAAQ,GAAiB,EAAA,iBAAiB,CAE5C,CAAC,EAAM,GAAW,EAAA,QAAM,SAE5B,OAAO,CACH,CAAC,EAAgB,GAAqB,EAAA,QAAM,SAChD,KACD,CACK,CAAC,EAA4B,GACjC,EAAA,QAAM,SAAS,GAAM,CAEjB,GAAA,EAAA,EAAA,aACH,GAAqC,CACpC,IAAM,EAAS,EAAE,cAEf,EAAO,aAAe,EAAO,WAAa,EAAO,aAAe,KAE9C,GAAe,CAAC,GAClC,GAAY,EAGhB,CAAC,EAAa,EAAoB,EAAW,CAC9C,CAEK,MAA0B,CAC9B,EAAY,kBAAkB,CAC5B,SAAU,CAAC,iBAAiB,CAC7B,CAAC,CACF,EAAY,kBAAkB,CAC5B,SAAU,CAAC,UAAU,CACtB,CAAC,EAGE,EAAsB,GAAmB,CAC7C,EAAa,EAAQ,CACnB,cAAiB,CACf,EAA8B,GAAM,EAEtC,UAAW,EACX,QAAS,EACV,CAAC,EAGE,MAA8B,CAC9B,GAAgB,EAAmB,EAAe,EAGlD,MAA6B,CACjC,EAA8B,GAAM,EAGhC,MAAyB,CAC7B,EAAQ,OAAO,CACf,EAAkB,KAAK,EAGnB,EAAa,IAAS,mBAAqB,IAAS,mBACpD,EAEA,EADJ,IAAS,kBACH,EAAA,QAAQ,qBACR,EAAA,QAAQ,sBAAsB,CAEtC,OACE,EAAA,EAAA,MAAC,MAAD,CAAK,cAAY,0BAA0B,UAAU,+BAArD,CACG,IAAS,QACR,EAAA,EAAA,MAAC,MAAD,CAAK,UAAU,kDAAf,EACE,EAAA,EAAA,MAAC,MAAD,CAAK,UAAU,6BAAf,EACE,EAAA,EAAA,KAAC,EAAA,WAAW,GAAZ,CAAA,SAAgB,EAAE,EAAA,QAAQ,qBAAqB,CAAiB,CAAA,EAChE,EAAA,EAAA,KAAC,IAAD,CACE,cAAY,yBACZ,UAAU,iDAET,EAAE,EAAA,QAAQ,8BAA8B,CACvC,CAAA,CACA,IACN,EAAA,EAAA,KAAC,EAAA,YAAD,CACE,OAAO,oBACP,KAAK,SACL,QAAQ,UACR,UAAU,6BACV,YAAe,EAAQ,kBAAkB,CACzC,WAAY,WAEX,EAAE,yBAAyB,CAChB,CAAA,CACV,GACJ,KAEH,GACC,EAAA,EAAA,MAAC,MAAD,CAAK,UAAU,+BAAf,EACE,EAAA,EAAA,MAAC,SAAD,CACE,KAAK,SACL,QAAS,EACT,UAAU,gIACV,cAAY,2BAJd,EAME,EAAA,EAAA,KAAC,EAAA,UAAD,CAAW,KAAM,GAAI,cAAA,GAAc,CAAA,EACnC,EAAA,EAAA,KAAC,OAAD,CAAM,UAAU,6BAAqB,EAAE,EAAA,QAAQ,YAAY,CAAQ,CAAA,CAC5D,IACT,EAAA,EAAA,KAAC,EAAA,WAAW,GAAZ,CAAe,OAAO,+BACnB,EACa,CAAA,CACZ,GACJ,KAEH,GAAoB,IAAS,SAC5B,EAAA,EAAA,MAAC,KAAD,CAAA,SAAA,EACE,EAAA,EAAA,KAAC,EAAA,uBAAD,EAA0B,CAAA,EAC1B,EAAA,EAAA,KAAC,EAAA,uBAAD,EAA0B,CAAA,EAC1B,EAAA,EAAA,KAAC,EAAA,uBAAD,EAA0B,CAAA,CACvB,CAAA,CAAA,CAGN,IAAS,QAAU,CAAC,IACnB,EAAA,EAAA,MAAC,MAAD,CACE,IAAK,EACL,UAAW,EAAA,qCACX,SAAU,WAHZ,EAKE,EAAA,EAAA,MAAC,QAAD,CAAO,UAAU,yCAAjB,EACE,EAAA,EAAA,KAAC,QAAD,CAAO,UAAW,EAAA,yCAChB,EAAA,EAAA,MAAC,KAAD,CAAA,SAAA,EACE,EAAA,EAAA,KAAC,KAAD,CACE,UAAW,EAAA,GAAG,EAAA,qCAAsC,QAAQ,UAE3D,EAAE,EAAA,QAAQ,cAAc,CACtB,CAAA,EACL,EAAA,EAAA,KAAC,KAAD,CACE,UAAW,EAAA,GAAG,EAAA,qCAAsC,QAAQ,UAE3D,EAAE,EAAA,QAAQ,oBAAoB,CAC5B,CAAA,EACL,EAAA,EAAA,KAAC,KAAD,CACE,UAAW,EAAA,GACT,EAAA,qCACA,mBACD,UAEA,EAAE,EAAA,QAAQ,iBAAiB,CACzB,CAAA,CACF,CAAA,CAAA,CACC,CAAA,EACR,EAAA,EAAA,KAAC,QAAD,CAAA,SACG,GAAS,IAAK,IACb,EAAA,EAAA,KAAC,EAAA,eAAD,CAEE,MAAO,EAAO,KACd,YAAa,EAAO,YACpB,WAAc,CACZ,EAAQ,mBAAmB,CAC3B,EAAkB,EAAO,KAAK,EAEhC,aAAgB,CACd,EAA8B,GAAK,CACnC,EAAkB,EAAO,KAAK,EAEhC,CAXK,EAAO,KAWZ,CACF,CACI,CAAA,CACF,GAEP,IACC,EAAA,EAAA,KAAC,MAAD,CAAK,UAAU,oCACb,EAAA,EAAA,KAAC,EAAA,eAAD,CAAgB,KAAK,QAAU,CAAA,CAC3B,CAAA,CAEJ,IAGN,IAAS,mBAAqB,IAAS,sBACvC,EAAA,EAAA,KAAC,EAAA,WAAD,CACE,KAAM,IAAS,kBAAoB,MAAQ,OAC3B,iBAChB,SAAU,EACV,CAAA,CAGH,IACC,EAAA,EAAA,KAAC,EAAA,kBAAD,CACE,KAAM,EAAE,6BAA6B,CACrC,UAAW,EACX,SAAU,EACV,CAAA,CAEA"}
1	+ {"version":3,"file":"secrets-settings.cjs","names":[],"sources":["../../src/routes/secrets-settings.tsx"],"sourcesContent":["import { useQueryClient } from \"@tanstack/react-query\";\nimport React, { useCallback, useRef } from \"react\";\nimport { useTranslation } from \"react-i18next\";\nimport { BackNavButton } from \"#/components/shared/buttons/back-nav-button\";\nimport { useSearchSecrets } from \"#/hooks/query/use-get-secrets\";\nimport { useDeleteSecret } from \"#/hooks/mutation/use-delete-secret\";\nimport { SecretForm } from \"#/components/features/settings/secrets-settings/secret-form\";\nimport {\n SecretListItem,\n SecretListItemSkeleton,\n} from \"#/components/features/settings/secrets-settings/secret-list-item\";\nimport { BrandButton } from \"#/components/features/settings/brand-button\";\nimport { ConfirmationModal } from \"#/components/shared/modals/confirmation-modal\";\nimport { Typography } from \"#/ui/typography\";\nimport { I18nKey } from \"#/i18n/declaration\";\nimport { cn } from \"#/utils/utils\";\nimport { LoadingSpinner } from \"#/components/shared/loading-spinner\";\nimport {\n settingsListScrollContainerClassName,\n settingsListTableHeadClassName,\n settingsListTableHeaderCellClassName,\n} from \"#/utils/settings-list-classes\";\n\nexport const handle = { hideTitle: true };\n\nexport function SecretsSettingsScreen() {\n const queryClient = useQueryClient();\n const { t } = useTranslation(\"openhands\");\n const tableContainerRef = useRef<HTMLDivElement>(null);\n\n const {\n data: secrets,\n isLoading: isLoadingSecrets,\n hasNextPage,\n isFetchingNextPage,\n onLoadMore,\n } = useSearchSecrets();\n\n const { mutate: deleteSecret } = useDeleteSecret();\n\n const [view, setView] = React.useState<\n \"list\" \| \"add-secret-form\" \| \"edit-secret-form\"\n >(\"list\");\n const [selectedSecret, setSelectedSecret] = React.useState<string \| null>(\n null,\n );\n const [confirmationModalIsVisible, setConfirmationModalIsVisible] =\n React.useState(false);\n\n const handleScroll = useCallback(\n (e: React.UIEvent<HTMLDivElement>) => {\n const target = e.currentTarget;\n const isNearBottom =\n target.scrollHeight - target.scrollTop <= target.clientHeight + 100;\n\n if (isNearBottom && hasNextPage && !isFetchingNextPage) {\n onLoadMore();\n }\n },\n [hasNextPage, isFetchingNextPage, onLoadMore],\n );\n\n const invalidateSecrets = () => {\n queryClient.invalidateQueries({\n queryKey: [\"secrets-search\"],\n });\n queryClient.invalidateQueries({\n queryKey: [\"secrets\"],\n });\n };\n\n const handleDeleteSecret = (secret: string) => {\n deleteSecret(secret, {\n onSettled: () => {\n setConfirmationModalIsVisible(false);\n },\n onSuccess: invalidateSecrets,\n onError: invalidateSecrets,\n });\n };\n\n const onConfirmDeleteSecret = () => {\n if (selectedSecret) handleDeleteSecret(selectedSecret);\n };\n\n const onCancelDeleteSecret = () => {\n setConfirmationModalIsVisible(false);\n };\n\n const handleBackToList = () => {\n setView(\"list\");\n setSelectedSecret(null);\n };\n\n const isFormView = view === \"add-secret-form\" \|\| view === \"edit-secret-form\";\n const formTitle =\n view === \"add-secret-form\"\n ? t(I18nKey.SECRETS$ADD_A_SECRET)\n : t(I18nKey.SECRETS$EDIT_A_SECRET);\n\n return (\n <div data-testid=\"secrets-settings-screen\" className=\"flex flex-col gap-6\">\n {view === \"list\" ? (\n <div className=\"flex items-start justify-between gap-4\">\n <div className=\"min-w-0 space-y-1\">\n <Typography.H2>{t(I18nKey.SETTINGS$NAV_SECRETS)}</Typography.H2>\n <p\n data-testid=\"settings-page-subtitle\"\n className=\"text-sm leading-5 text-tertiary-light\"\n >\n {t(I18nKey.SETTINGS$PAGE_SECRETS_SUBLINE)}\n </p>\n </div>\n <BrandButton\n testId=\"add-secret-button\"\n type=\"button\"\n variant=\"primary\"\n className=\"shrink-0 whitespace-nowrap\"\n onClick={() => setView(\"add-secret-form\")}\n isDisabled={isLoadingSecrets}\n >\n {t(\"SECRETS$ADD_NEW_SECRET\")}\n </BrandButton>\n </div>\n ) : null}\n\n {isFormView ? (\n <div className=\"flex flex-col gap-2\">\n <BackNavButton testId=\"back-to-secrets\" onClick={handleBackToList}>\n {t(I18nKey.BUTTON$BACK)}\n </BackNavButton>\n <Typography.H2 testId=\"secret-editor-title\">\n {formTitle}\n </Typography.H2>\n </div>\n ) : null}\n\n {isLoadingSecrets && view === \"list\" && (\n <ul>\n <SecretListItemSkeleton />\n <SecretListItemSkeleton />\n <SecretListItemSkeleton />\n </ul>\n )}\n\n {view === \"list\" && !isLoadingSecrets && (\n <div\n ref={tableContainerRef}\n className={settingsListScrollContainerClassName}\n onScroll={handleScroll}\n >\n <table className=\"w-full min-w-full table-fixed\">\n <thead className={settingsListTableHeadClassName}>\n <tr>\n <th\n className={cn(settingsListTableHeaderCellClassName, \"w-1/4\")}\n >\n {t(I18nKey.SETTINGS$NAME)}\n </th>\n <th\n className={cn(settingsListTableHeaderCellClassName, \"w-1/2\")}\n >\n {t(I18nKey.SECRETS$DESCRIPTION)}\n </th>\n <th\n className={cn(\n settingsListTableHeaderCellClassName,\n \"w-1/4 text-right\",\n )}\n >\n {t(I18nKey.SETTINGS$ACTIONS)}\n </th>\n </tr>\n </thead>\n <tbody>\n {secrets?.map((secret) => (\n <SecretListItem\n key={secret.name}\n title={secret.name}\n description={secret.description}\n onEdit={() => {\n setView(\"edit-secret-form\");\n setSelectedSecret(secret.name);\n }}\n onDelete={() => {\n setConfirmationModalIsVisible(true);\n setSelectedSecret(secret.name);\n }}\n />\n ))}\n </tbody>\n </table>\n\n {isFetchingNextPage && (\n <div className=\"flex justify-center p-4\">\n <LoadingSpinner size=\"small\" />\n </div>\n )}\n </div>\n )}\n\n {(view === \"add-secret-form\" \|\| view === \"edit-secret-form\") && (\n <SecretForm\n mode={view === \"add-secret-form\" ? \"add\" : \"edit\"}\n selectedSecret={selectedSecret}\n onCancel={handleBackToList}\n />\n )}\n\n {confirmationModalIsVisible && (\n <ConfirmationModal\n text={t(\"SECRETS$CONFIRM_DELETE_KEY\")}\n onConfirm={onConfirmDeleteSecret}\n onCancel={onCancelDeleteSecret}\n />\n )}\n </div>\n );\n}\n\nexport default SecretsSettingsScreen;\n"],"mappings":"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"}

package/dist/routes/secrets-settings.js CHANGED Viewed

@@ -1,12 +1,12 @@
 import { useTranslation as e } from "../node_modules/react-i18next/dist/es/useTranslation.js";
 import { I18nKey as t } from "../i18n/declaration.js";
 import { cn as n } from "../utils/utils.js";
-import { ArrowLeft as r } from "../node_modules/lucide-react/dist/esm/icons/arrow-left.js";
-import { useQueryClient as i } from "../node_modules/@tanstack/react-query/build/modern/QueryClientProvider.js";
-import { Typography as a } from "../ui/typography.js";
-import { LoadingSpinner as o } from "../components/shared/loading-spinner.js";
-import { BrandButton as s } from "../components/features/settings/brand-button.js";
-import { settingsListScrollContainerClassName as c, settingsListTableHeadClassName as l, settingsListTableHeaderCellClassName as u } from "../utils/settings-list-classes.js";
+import { useQueryClient as r } from "../node_modules/@tanstack/react-query/build/modern/QueryClientProvider.js";
+import { Typography as i } from "../ui/typography.js";
+import { LoadingSpinner as a } from "../components/shared/loading-spinner.js";
+import { BrandButton as o } from "../components/features/settings/brand-button.js";
+import { settingsListScrollContainerClassName as s, settingsListTableHeadClassName as c, settingsListTableHeaderCellClassName as l } from "../utils/settings-list-classes.js";
+import { BackNavButton as u } from "../components/shared/buttons/back-nav-button.js";
 import { ConfirmationModal as d } from "../components/shared/modals/confirmation-modal.js";
 import { useSearchSecrets as f } from "../hooks/query/use-get-secrets.js";
 import { useDeleteSecret as p } from "../hooks/mutation/use-delete-secret.js";
@@ -16,7 +16,7 @@ import _, { useCallback as v, useRef as y } from "react";
 import { jsx as b, jsxs as x } from "react/jsx-runtime";
 //#region src/routes/secrets-settings.tsx
 function S() {
-	let S = i(), { t: C } = e("openhands"), w = y(null), { data: T, isLoading: E, hasNextPage: D, isFetchingNextPage: O, onLoadMore: k } = f(), { mutate: A } = p(), [j, M] = _.useState("list"), [N, P] = _.useState(null), [F, I] = _.useState(!1), L = v((e) => {
+	let S = r(), { t: C } = e("openhands"), w = y(null), { data: T, isLoading: E, hasNextPage: D, isFetchingNextPage: O, onLoadMore: k } = f(), { mutate: A } = p(), [j, M] = _.useState("list"), [N, P] = _.useState(null), [F, I] = _.useState(!1), L = v((e) => {
 		let t = e.currentTarget;
 		t.scrollHeight - t.scrollTop <= t.clientHeight + 100 && D && !O && k();
 	}, [
@@ -48,12 +48,12 @@ function S() {
 				className: "flex items-start justify-between gap-4",
 				children: [/* @__PURE__ */ x("div", {
 					className: "min-w-0 space-y-1",
-					children: [/* @__PURE__ */ b(a.H2, { children: C(t.SETTINGS$NAV_SECRETS) }), /* @__PURE__ */ b("p", {
+					children: [/* @__PURE__ */ b(i.H2, { children: C(t.SETTINGS$NAV_SECRETS) }), /* @__PURE__ */ b("p", {
 						"data-testid": "settings-page-subtitle",
 						className: "text-sm leading-5 text-tertiary-light",
 						children: C(t.SETTINGS$PAGE_SECRETS_SUBLINE)
 					})]
-				}), /* @__PURE__ */ b(s, {
+				}), /* @__PURE__ */ b(o, {
 					testId: "add-secret-button",
 					type: "button",
 					variant: "primary",
@@ -65,19 +65,11 @@ function S() {
 			}) : null,
 			U ? /* @__PURE__ */ x("div", {
 				className: "flex flex-col gap-2",
-				children: [/* @__PURE__ */ x("button", {
-					type: "button",
+				children: [/* @__PURE__ */ b(u, {
+					testId: "back-to-secrets",
 					onClick: H,
-					className: "flex items-center gap-2 self-start rounded-lg p-2 text-[var(--oh-muted)] transition-colors hover:bg-tertiary hover:text-white",
-					"data-testid": "back-to-secrets",
-					children: [/* @__PURE__ */ b(r, {
-						size: 20,
-						"aria-hidden": !0
-					}), /* @__PURE__ */ b("span", {
-						className: "text-sm leading-5",
-						children: C(t.BUTTON$BACK)
-					})]
-				}), /* @__PURE__ */ b(a.H2, {
+					children: C(t.BUTTON$BACK)
+				}), /* @__PURE__ */ b(i.H2, {
 					testId: "secret-editor-title",
 					children: W
 				})]
@@ -89,23 +81,23 @@ function S() {
 			] }),
 			j === "list" && !E && /* @__PURE__ */ x("div", {
 				ref: w,
-				className: c,
+				className: s,
 				onScroll: L,
 				children: [/* @__PURE__ */ x("table", {
 					className: "w-full min-w-full table-fixed",
 					children: [/* @__PURE__ */ b("thead", {
-						className: l,
+						className: c,
 						children: /* @__PURE__ */ x("tr", { children: [
 							/* @__PURE__ */ b("th", {
-								className: n(u, "w-1/4"),
+								className: n(l, "w-1/4"),
 								children: C(t.SETTINGS$NAME)
 							}),
 							/* @__PURE__ */ b("th", {
-								className: n(u, "w-1/2"),
+								className: n(l, "w-1/2"),
 								children: C(t.SECRETS$DESCRIPTION)
 							}),
 							/* @__PURE__ */ b("th", {
-								className: n(u, "w-1/4 text-right"),
+								className: n(l, "w-1/4 text-right"),
 								children: C(t.SETTINGS$ACTIONS)
 							})
 						] })
@@ -121,7 +113,7 @@ function S() {
 					}, e.name)) })]
 				}), O && /* @__PURE__ */ b("div", {
 					className: "flex justify-center p-4",
-					children: /* @__PURE__ */ b(o, { size: "small" })
+					children: /* @__PURE__ */ b(a, { size: "small" })
 				})]
 			}),
 			(j === "add-secret-form" || j === "edit-secret-form") && /* @__PURE__ */ b(m, {

package/dist/routes/secrets-settings.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"secrets-settings.js","names":[],"sources":["../../src/routes/secrets-settings.tsx"],"sourcesContent":["import { useQueryClient } from \"@tanstack/react-query\";\nimport React, { useCallback, useRef } from \"react\";\nimport { useTranslation } from \"react-i18next\";\nimport { ArrowLeft } from \"lucide-react\";\nimport { useSearchSecrets } from \"#/hooks/query/use-get-secrets\";\nimport { useDeleteSecret } from \"#/hooks/mutation/use-delete-secret\";\nimport { SecretForm } from \"#/components/features/settings/secrets-settings/secret-form\";\nimport {\n SecretListItem,\n SecretListItemSkeleton,\n} from \"#/components/features/settings/secrets-settings/secret-list-item\";\nimport { BrandButton } from \"#/components/features/settings/brand-button\";\nimport { ConfirmationModal } from \"#/components/shared/modals/confirmation-modal\";\nimport { Typography } from \"#/ui/typography\";\nimport { I18nKey } from \"#/i18n/declaration\";\nimport { cn } from \"#/utils/utils\";\nimport { LoadingSpinner } from \"#/components/shared/loading-spinner\";\nimport {\n settingsListScrollContainerClassName,\n settingsListTableHeadClassName,\n settingsListTableHeaderCellClassName,\n} from \"#/utils/settings-list-classes\";\n\nexport const handle = { hideTitle: true };\n\nexport function SecretsSettingsScreen() {\n const queryClient = useQueryClient();\n const { t } = useTranslation(\"openhands\");\n const tableContainerRef = useRef<HTMLDivElement>(null);\n\n const {\n data: secrets,\n isLoading: isLoadingSecrets,\n hasNextPage,\n isFetchingNextPage,\n onLoadMore,\n } = useSearchSecrets();\n\n const { mutate: deleteSecret } = useDeleteSecret();\n\n const [view, setView] = React.useState<\n \"list\" \| \"add-secret-form\" \| \"edit-secret-form\"\n >(\"list\");\n const [selectedSecret, setSelectedSecret] = React.useState<string \| null>(\n null,\n );\n const [confirmationModalIsVisible, setConfirmationModalIsVisible] =\n React.useState(false);\n\n const handleScroll = useCallback(\n (e: React.UIEvent<HTMLDivElement>) => {\n const target = e.currentTarget;\n const isNearBottom =\n target.scrollHeight - target.scrollTop <= target.clientHeight + 100;\n\n if (isNearBottom && hasNextPage && !isFetchingNextPage) {\n onLoadMore();\n }\n },\n [hasNextPage, isFetchingNextPage, onLoadMore],\n );\n\n const invalidateSecrets = () => {\n queryClient.invalidateQueries({\n queryKey: [\"secrets-search\"],\n });\n queryClient.invalidateQueries({\n queryKey: [\"secrets\"],\n });\n };\n\n const handleDeleteSecret = (secret: string) => {\n deleteSecret(secret, {\n onSettled: () => {\n setConfirmationModalIsVisible(false);\n },\n onSuccess: invalidateSecrets,\n onError: invalidateSecrets,\n });\n };\n\n const onConfirmDeleteSecret = () => {\n if (selectedSecret) handleDeleteSecret(selectedSecret);\n };\n\n const onCancelDeleteSecret = () => {\n setConfirmationModalIsVisible(false);\n };\n\n const handleBackToList = () => {\n setView(\"list\");\n setSelectedSecret(null);\n };\n\n const isFormView = view === \"add-secret-form\" \|\| view === \"edit-secret-form\";\n const formTitle =\n view === \"add-secret-form\"\n ? t(I18nKey.SECRETS$ADD_A_SECRET)\n : t(I18nKey.SECRETS$EDIT_A_SECRET);\n\n return (\n <div data-testid=\"secrets-settings-screen\" className=\"flex flex-col gap-6\">\n {view === \"list\" ? (\n <div className=\"flex items-start justify-between gap-4\">\n <div className=\"min-w-0 space-y-1\">\n <Typography.H2>{t(I18nKey.SETTINGS$NAV_SECRETS)}</Typography.H2>\n <p\n data-testid=\"settings-page-subtitle\"\n className=\"text-sm leading-5 text-tertiary-light\"\n >\n {t(I18nKey.SETTINGS$PAGE_SECRETS_SUBLINE)}\n </p>\n </div>\n <BrandButton\n testId=\"add-secret-button\"\n type=\"button\"\n variant=\"primary\"\n className=\"shrink-0 whitespace-nowrap\"\n onClick={() => setView(\"add-secret-form\")}\n isDisabled={isLoadingSecrets}\n >\n {t(\"SECRETS$ADD_NEW_SECRET\")}\n </BrandButton>\n </div>\n ) : null}\n\n {isFormView ? (\n <div className=\"flex flex-col gap-2\">\n <button\n type=\"button\"\n onClick={handleBackToList}\n className=\"flex items-center gap-2 self-start rounded-lg p-2 text-[var(--oh-muted)] transition-colors hover:bg-tertiary hover:text-white\"\n data-testid=\"back-to-secrets\"\n >\n <ArrowLeft size={20} aria-hidden />\n <span className=\"text-sm leading-5\">{t(I18nKey.BUTTON$BACK)}</span>\n </button>\n <Typography.H2 testId=\"secret-editor-title\">\n {formTitle}\n </Typography.H2>\n </div>\n ) : null}\n\n {isLoadingSecrets && view === \"list\" && (\n <ul>\n <SecretListItemSkeleton />\n <SecretListItemSkeleton />\n <SecretListItemSkeleton />\n </ul>\n )}\n\n {view === \"list\" && !isLoadingSecrets && (\n <div\n ref={tableContainerRef}\n className={settingsListScrollContainerClassName}\n onScroll={handleScroll}\n >\n <table className=\"w-full min-w-full table-fixed\">\n <thead className={settingsListTableHeadClassName}>\n <tr>\n <th\n className={cn(settingsListTableHeaderCellClassName, \"w-1/4\")}\n >\n {t(I18nKey.SETTINGS$NAME)}\n </th>\n <th\n className={cn(settingsListTableHeaderCellClassName, \"w-1/2\")}\n >\n {t(I18nKey.SECRETS$DESCRIPTION)}\n </th>\n <th\n className={cn(\n settingsListTableHeaderCellClassName,\n \"w-1/4 text-right\",\n )}\n >\n {t(I18nKey.SETTINGS$ACTIONS)}\n </th>\n </tr>\n </thead>\n <tbody>\n {secrets?.map((secret) => (\n <SecretListItem\n key={secret.name}\n title={secret.name}\n description={secret.description}\n onEdit={() => {\n setView(\"edit-secret-form\");\n setSelectedSecret(secret.name);\n }}\n onDelete={() => {\n setConfirmationModalIsVisible(true);\n setSelectedSecret(secret.name);\n }}\n />\n ))}\n </tbody>\n </table>\n\n {isFetchingNextPage && (\n <div className=\"flex justify-center p-4\">\n <LoadingSpinner size=\"small\" />\n </div>\n )}\n </div>\n )}\n\n {(view === \"add-secret-form\" \|\| view === \"edit-secret-form\") && (\n <SecretForm\n mode={view === \"add-secret-form\" ? \"add\" : \"edit\"}\n selectedSecret={selectedSecret}\n onCancel={handleBackToList}\n />\n )}\n\n {confirmationModalIsVisible && (\n <ConfirmationModal\n text={t(\"SECRETS$CONFIRM_DELETE_KEY\")}\n onConfirm={onConfirmDeleteSecret}\n onCancel={onCancelDeleteSecret}\n />\n )}\n </div>\n );\n}\n\nexport default SecretsSettingsScreen;\n"],"mappings":"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"}
1	+ {"version":3,"file":"secrets-settings.js","names":[],"sources":["../../src/routes/secrets-settings.tsx"],"sourcesContent":["import { useQueryClient } from \"@tanstack/react-query\";\nimport React, { useCallback, useRef } from \"react\";\nimport { useTranslation } from \"react-i18next\";\nimport { BackNavButton } from \"#/components/shared/buttons/back-nav-button\";\nimport { useSearchSecrets } from \"#/hooks/query/use-get-secrets\";\nimport { useDeleteSecret } from \"#/hooks/mutation/use-delete-secret\";\nimport { SecretForm } from \"#/components/features/settings/secrets-settings/secret-form\";\nimport {\n SecretListItem,\n SecretListItemSkeleton,\n} from \"#/components/features/settings/secrets-settings/secret-list-item\";\nimport { BrandButton } from \"#/components/features/settings/brand-button\";\nimport { ConfirmationModal } from \"#/components/shared/modals/confirmation-modal\";\nimport { Typography } from \"#/ui/typography\";\nimport { I18nKey } from \"#/i18n/declaration\";\nimport { cn } from \"#/utils/utils\";\nimport { LoadingSpinner } from \"#/components/shared/loading-spinner\";\nimport {\n settingsListScrollContainerClassName,\n settingsListTableHeadClassName,\n settingsListTableHeaderCellClassName,\n} from \"#/utils/settings-list-classes\";\n\nexport const handle = { hideTitle: true };\n\nexport function SecretsSettingsScreen() {\n const queryClient = useQueryClient();\n const { t } = useTranslation(\"openhands\");\n const tableContainerRef = useRef<HTMLDivElement>(null);\n\n const {\n data: secrets,\n isLoading: isLoadingSecrets,\n hasNextPage,\n isFetchingNextPage,\n onLoadMore,\n } = useSearchSecrets();\n\n const { mutate: deleteSecret } = useDeleteSecret();\n\n const [view, setView] = React.useState<\n \"list\" \| \"add-secret-form\" \| \"edit-secret-form\"\n >(\"list\");\n const [selectedSecret, setSelectedSecret] = React.useState<string \| null>(\n null,\n );\n const [confirmationModalIsVisible, setConfirmationModalIsVisible] =\n React.useState(false);\n\n const handleScroll = useCallback(\n (e: React.UIEvent<HTMLDivElement>) => {\n const target = e.currentTarget;\n const isNearBottom =\n target.scrollHeight - target.scrollTop <= target.clientHeight + 100;\n\n if (isNearBottom && hasNextPage && !isFetchingNextPage) {\n onLoadMore();\n }\n },\n [hasNextPage, isFetchingNextPage, onLoadMore],\n );\n\n const invalidateSecrets = () => {\n queryClient.invalidateQueries({\n queryKey: [\"secrets-search\"],\n });\n queryClient.invalidateQueries({\n queryKey: [\"secrets\"],\n });\n };\n\n const handleDeleteSecret = (secret: string) => {\n deleteSecret(secret, {\n onSettled: () => {\n setConfirmationModalIsVisible(false);\n },\n onSuccess: invalidateSecrets,\n onError: invalidateSecrets,\n });\n };\n\n const onConfirmDeleteSecret = () => {\n if (selectedSecret) handleDeleteSecret(selectedSecret);\n };\n\n const onCancelDeleteSecret = () => {\n setConfirmationModalIsVisible(false);\n };\n\n const handleBackToList = () => {\n setView(\"list\");\n setSelectedSecret(null);\n };\n\n const isFormView = view === \"add-secret-form\" \|\| view === \"edit-secret-form\";\n const formTitle =\n view === \"add-secret-form\"\n ? t(I18nKey.SECRETS$ADD_A_SECRET)\n : t(I18nKey.SECRETS$EDIT_A_SECRET);\n\n return (\n <div data-testid=\"secrets-settings-screen\" className=\"flex flex-col gap-6\">\n {view === \"list\" ? (\n <div className=\"flex items-start justify-between gap-4\">\n <div className=\"min-w-0 space-y-1\">\n <Typography.H2>{t(I18nKey.SETTINGS$NAV_SECRETS)}</Typography.H2>\n <p\n data-testid=\"settings-page-subtitle\"\n className=\"text-sm leading-5 text-tertiary-light\"\n >\n {t(I18nKey.SETTINGS$PAGE_SECRETS_SUBLINE)}\n </p>\n </div>\n <BrandButton\n testId=\"add-secret-button\"\n type=\"button\"\n variant=\"primary\"\n className=\"shrink-0 whitespace-nowrap\"\n onClick={() => setView(\"add-secret-form\")}\n isDisabled={isLoadingSecrets}\n >\n {t(\"SECRETS$ADD_NEW_SECRET\")}\n </BrandButton>\n </div>\n ) : null}\n\n {isFormView ? (\n <div className=\"flex flex-col gap-2\">\n <BackNavButton testId=\"back-to-secrets\" onClick={handleBackToList}>\n {t(I18nKey.BUTTON$BACK)}\n </BackNavButton>\n <Typography.H2 testId=\"secret-editor-title\">\n {formTitle}\n </Typography.H2>\n </div>\n ) : null}\n\n {isLoadingSecrets && view === \"list\" && (\n <ul>\n <SecretListItemSkeleton />\n <SecretListItemSkeleton />\n <SecretListItemSkeleton />\n </ul>\n )}\n\n {view === \"list\" && !isLoadingSecrets && (\n <div\n ref={tableContainerRef}\n className={settingsListScrollContainerClassName}\n onScroll={handleScroll}\n >\n <table className=\"w-full min-w-full table-fixed\">\n <thead className={settingsListTableHeadClassName}>\n <tr>\n <th\n className={cn(settingsListTableHeaderCellClassName, \"w-1/4\")}\n >\n {t(I18nKey.SETTINGS$NAME)}\n </th>\n <th\n className={cn(settingsListTableHeaderCellClassName, \"w-1/2\")}\n >\n {t(I18nKey.SECRETS$DESCRIPTION)}\n </th>\n <th\n className={cn(\n settingsListTableHeaderCellClassName,\n \"w-1/4 text-right\",\n )}\n >\n {t(I18nKey.SETTINGS$ACTIONS)}\n </th>\n </tr>\n </thead>\n <tbody>\n {secrets?.map((secret) => (\n <SecretListItem\n key={secret.name}\n title={secret.name}\n description={secret.description}\n onEdit={() => {\n setView(\"edit-secret-form\");\n setSelectedSecret(secret.name);\n }}\n onDelete={() => {\n setConfirmationModalIsVisible(true);\n setSelectedSecret(secret.name);\n }}\n />\n ))}\n </tbody>\n </table>\n\n {isFetchingNextPage && (\n <div className=\"flex justify-center p-4\">\n <LoadingSpinner size=\"small\" />\n </div>\n )}\n </div>\n )}\n\n {(view === \"add-secret-form\" \|\| view === \"edit-secret-form\") && (\n <SecretForm\n mode={view === \"add-secret-form\" ? \"add\" : \"edit\"}\n selectedSecret={selectedSecret}\n onCancel={handleBackToList}\n />\n )}\n\n {confirmationModalIsVisible && (\n <ConfirmationModal\n text={t(\"SECRETS$CONFIRM_DELETE_KEY\")}\n onConfirm={onConfirmDeleteSecret}\n onCancel={onCancelDeleteSecret}\n />\n )}\n </div>\n );\n}\n\nexport default SecretsSettingsScreen;\n"],"mappings":"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"}

package/dist/stores/conversation-store.cjs CHANGED Viewed

@@ -1,2 +1,2 @@
-require(`../_virtual/_rolldown/runtime.cjs`);const e=require(`../node_modules/zustand/esm/react.cjs`),t=require(`../node_modules/zustand/esm/middleware.cjs`),n=require(`../utils/conversation-local-storage.cjs`);var r=()=>{if(typeof window>`u`)return null;let e=window.location.pathname.match(/\/conversations\/([^/]+)/);return e?e[1]:null},i=()=>{if(typeof window>`u`)return`code`;let e=r();return e?n.getConversationState(e).conversationMode:`code`},a=e.create()(t.devtools(e=>({isRightPanelShown:!1,selectedTab:`files`,images:[],files:[],imagesMarkedUploadAsFile:[],pastedImageNames:[],loadingFiles:[],loadingImages:[],messageToSend:null,shouldShownAgentLoading:!1,submittedMessage:null,shouldHideSuggestions:!1,hasRightPanelToggled:!1,planContent:null,conversationMode:i(),subConversationTaskId:null,setIsRightPanelShown:t=>e({isRightPanelShown:t},!1,`setIsRightPanelShown`),setSelectedTab:t=>e({selectedTab:t},!1,`setSelectedTab`),setShouldShownAgentLoading:t=>e({shouldShownAgentLoading:t},!1,`setShouldShownAgentLoading`),setShouldHideSuggestions:t=>e({shouldHideSuggestions:t},!1,`setShouldHideSuggestions`),addImages:t=>e(e=>({images:[...e.images,...t]}),!1,`addImages`),addFiles:t=>e(e=>({files:[...e.files,...t]}),!1,`addFiles`),toggleImageUploadAsFile:t=>e(e=>{let n=new Set(e.imagesMarkedUploadAsFile);return n.has(t)?n.delete(t):n.add(t),{imagesMarkedUploadAsFile:[...n]}},!1,`toggleImageUploadAsFile`),markImagesAsPasted:t=>e(e=>({pastedImageNames:[...new Set([...e.pastedImageNames,...t])]}),!1,`markImagesAsPasted`),removeImage:t=>e(e=>{let n=e.images[t],r=[...e.images];return r.splice(t,1),{images:r,imagesMarkedUploadAsFile:n?e.imagesMarkedUploadAsFile.filter(e=>e!==n.name):e.imagesMarkedUploadAsFile,pastedImageNames:n?e.pastedImageNames.filter(e=>e!==n.name):e.pastedImageNames}},!1,`removeImage`),removeFile:t=>e(e=>{let n=[...e.files];return n.splice(t,1),{files:n}},!1,`removeFile`),clearImages:()=>e({images:[]},!1,`clearImages`),clearFiles:()=>e({files:[]},!1,`clearFiles`),clearAllFiles:()=>e({images:[],files:[],imagesMarkedUploadAsFile:[],pastedImageNames:[],loadingFiles:[],loadingImages:[]},!1,`clearAllFiles`),addFileLoading:t=>e(e=>e.loadingFiles.includes(t)?e:{loadingFiles:[...e.loadingFiles,t]},!1,`addFileLoading`),removeFileLoading:t=>e(e=>({loadingFiles:e.loadingFiles.filter(e=>e!==t)}),!1,`removeFileLoading`),addImageLoading:t=>e(e=>e.loadingImages.includes(t)?e:{loadingImages:[...e.loadingImages,t]},!1,`addImageLoading`),removeImageLoading:t=>e(e=>({loadingImages:e.loadingImages.filter(e=>e!==t)}),!1,`removeImageLoading`),clearAllLoading:()=>e({loadingFiles:[],loadingImages:[]},!1,`clearAllLoading`),setMessageToSend:t=>e({messageToSend:{text:t,timestamp:Date.now()}},!1,`setMessageToSend`),setSubmittedMessage:t=>e({submittedMessage:t},!1,`setSubmittedMessage`),resetConversationState:()=>e({shouldHideSuggestions:!1,conversationMode:i(),subConversationTaskId:null,planContent:null},!1,`resetConversationState`),setHasRightPanelToggled:t=>e({hasRightPanelToggled:t},!1,`setHasRightPanelToggled`),setConversationMode:t=>{let i=r();i&&n.setConversationState(i,{conversationMode:t}),e({conversationMode:t},!1,`setConversationMode`)},setSubConversationTaskId:t=>e({subConversationTaskId:t},!1,`setSubConversationTaskId`),setPlanContent:t=>e({planContent:t},!1,`setPlanContent`)}),{name:`conversation-store`}));exports.useConversationStore=a;
+require(`../_virtual/_rolldown/runtime.cjs`);const e=require(`../node_modules/zustand/esm/react.cjs`),t=require(`../node_modules/zustand/esm/middleware.cjs`),n=require(`../utils/conversation-local-storage.cjs`);var r=()=>{if(typeof window>`u`)return null;let e=window.location.pathname.match(/\/conversations\/([^/]+)/);return e?e[1]:null},i=()=>{if(typeof window>`u`)return`code`;let e=r();return e?n.getConversationState(e).conversationMode:`code`},a=e.create()(t.devtools(e=>({isRightPanelShown:!1,selectedTab:`files`,images:[],files:[],imagesMarkedUploadAsFile:[],pastedImageNames:[],loadingFiles:[],loadingImages:[],messageToSend:null,messageRestoreIfEmpty:null,shouldShownAgentLoading:!1,submittedMessage:null,shouldHideSuggestions:!1,hasRightPanelToggled:!1,planContent:null,conversationMode:i(),subConversationTaskId:null,setIsRightPanelShown:t=>e({isRightPanelShown:t},!1,`setIsRightPanelShown`),setSelectedTab:t=>e({selectedTab:t},!1,`setSelectedTab`),setShouldShownAgentLoading:t=>e({shouldShownAgentLoading:t},!1,`setShouldShownAgentLoading`),setShouldHideSuggestions:t=>e({shouldHideSuggestions:t},!1,`setShouldHideSuggestions`),addImages:t=>e(e=>({images:[...e.images,...t]}),!1,`addImages`),addFiles:t=>e(e=>({files:[...e.files,...t]}),!1,`addFiles`),toggleImageUploadAsFile:t=>e(e=>{let n=new Set(e.imagesMarkedUploadAsFile);return n.has(t)?n.delete(t):n.add(t),{imagesMarkedUploadAsFile:[...n]}},!1,`toggleImageUploadAsFile`),markImagesAsPasted:t=>e(e=>({pastedImageNames:[...new Set([...e.pastedImageNames,...t])]}),!1,`markImagesAsPasted`),removeImage:t=>e(e=>{let n=e.images[t],r=[...e.images];return r.splice(t,1),{images:r,imagesMarkedUploadAsFile:n?e.imagesMarkedUploadAsFile.filter(e=>e!==n.name):e.imagesMarkedUploadAsFile,pastedImageNames:n?e.pastedImageNames.filter(e=>e!==n.name):e.pastedImageNames}},!1,`removeImage`),removeFile:t=>e(e=>{let n=[...e.files];return n.splice(t,1),{files:n}},!1,`removeFile`),clearImages:()=>e({images:[]},!1,`clearImages`),clearFiles:()=>e({files:[]},!1,`clearFiles`),clearAllFiles:()=>e({images:[],files:[],imagesMarkedUploadAsFile:[],pastedImageNames:[],loadingFiles:[],loadingImages:[]},!1,`clearAllFiles`),addFileLoading:t=>e(e=>e.loadingFiles.includes(t)?e:{loadingFiles:[...e.loadingFiles,t]},!1,`addFileLoading`),removeFileLoading:t=>e(e=>({loadingFiles:e.loadingFiles.filter(e=>e!==t)}),!1,`removeFileLoading`),addImageLoading:t=>e(e=>e.loadingImages.includes(t)?e:{loadingImages:[...e.loadingImages,t]},!1,`addImageLoading`),removeImageLoading:t=>e(e=>({loadingImages:e.loadingImages.filter(e=>e!==t)}),!1,`removeImageLoading`),clearAllLoading:()=>e({loadingFiles:[],loadingImages:[]},!1,`clearAllLoading`),setMessageToSend:t=>e({messageToSend:{text:t,timestamp:Date.now()}},!1,`setMessageToSend`),restoreMessageToInputIfEmpty:t=>e({messageRestoreIfEmpty:{text:t,timestamp:Date.now()}},!1,`restoreMessageToInputIfEmpty`),clearMessageRestoreIfEmpty:()=>e({messageRestoreIfEmpty:null},!1,`clearMessageRestoreIfEmpty`),setSubmittedMessage:t=>e({submittedMessage:t},!1,`setSubmittedMessage`),resetConversationState:()=>e({shouldHideSuggestions:!1,conversationMode:i(),subConversationTaskId:null,planContent:null},!1,`resetConversationState`),setHasRightPanelToggled:t=>e({hasRightPanelToggled:t},!1,`setHasRightPanelToggled`),setConversationMode:t=>{let i=r();i&&n.setConversationState(i,{conversationMode:t}),e({conversationMode:t},!1,`setConversationMode`)},setSubConversationTaskId:t=>e({subConversationTaskId:t},!1,`setSubConversationTaskId`),setPlanContent:t=>e({planContent:t},!1,`setPlanContent`)}),{name:`conversation-store`}));exports.useConversationStore=a;
 //# sourceMappingURL=conversation-store.cjs.map

package/dist/stores/conversation-store.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"conversation-store.cjs","names":[],"sources":["../../src/stores/conversation-store.ts"],"sourcesContent":["import { create } from \"zustand\";\nimport { devtools } from \"zustand/middleware\";\nimport {\n getConversationState,\n setConversationState,\n} from \"#/utils/conversation-local-storage\";\n\nexport type ConversationTab =\n \| \"files\"\n \| \"browser\"\n \| \"vscode\"\n \| \"terminal\"\n \| \"planner\"\n \| \"tasklist\";\n\nexport type ConversationMode = \"code\" \| \"plan\";\n\nexport interface IMessageToSend {\n text: string;\n timestamp: number;\n}\n\ninterface ConversationState {\n isRightPanelShown: boolean;\n selectedTab: ConversationTab \| null;\n images: File[];\n files: File[];\n /** Image file names (e.g. pasted screenshots) to send via file upload instead of vision embed. /\n imagesMarkedUploadAsFile: string[];\n /* Image file names attached in chat (controls per-image upload-as-file UI). /\n pastedImageNames: string[];\n loadingFiles: string[]; // File names currently being processed\n loadingImages: string[]; // Image names currently being processed\n messageToSend: IMessageToSend \| null;\n shouldShownAgentLoading: boolean;\n submittedMessage: string \| null;\n shouldHideSuggestions: boolean; // New state to hide suggestions when input expands\n hasRightPanelToggled: boolean;\n planContent: string \| null;\n conversationMode: ConversationMode;\n subConversationTaskId: string \| null; // Task ID for sub-conversation creation\n}\n\ninterface ConversationActions {\n setIsRightPanelShown: (isRightPanelShown: boolean) => void;\n setSelectedTab: (selectedTab: ConversationTab \| null) => void;\n setShouldShownAgentLoading: (shouldShownAgentLoading: boolean) => void;\n setShouldHideSuggestions: (shouldHideSuggestions: boolean) => void;\n addImages: (images: File[]) => void;\n addFiles: (files: File[]) => void;\n toggleImageUploadAsFile: (fileName: string) => void;\n markImagesAsPasted: (fileNames: string[]) => void;\n removeImage: (index: number) => void;\n removeFile: (index: number) => void;\n clearImages: () => void;\n clearFiles: () => void;\n clearAllFiles: () => void;\n addFileLoading: (fileName: string) => void;\n removeFileLoading: (fileName: string) => void;\n addImageLoading: (imageName: string) => void;\n removeImageLoading: (imageName: string) => void;\n clearAllLoading: () => void;\n setMessageToSend: (text: string) => void;\n setSubmittedMessage: (message: string \| null) => void;\n resetConversationState: () => void;\n setHasRightPanelToggled: (hasRightPanelToggled: boolean) => void;\n setConversationMode: (conversationMode: ConversationMode) => void;\n setSubConversationTaskId: (taskId: string \| null) => void;\n setPlanContent: (planContent: string \| null) => void;\n}\n\ntype ConversationStore = ConversationState & ConversationActions;\n\nconst getConversationIdFromLocation = (): string \| null => {\n if (typeof window === \"undefined\") {\n return null;\n }\n\n const match = window.location.pathname.match(/\\/conversations\\/([^/]+)/);\n return match ? match[1] : null;\n};\n\nconst getInitialConversationMode = (): ConversationMode => {\n if (typeof window === \"undefined\") {\n return \"code\";\n }\n\n const conversationId = getConversationIdFromLocation();\n if (!conversationId) {\n return \"code\";\n }\n\n const state = getConversationState(conversationId);\n return state.conversationMode;\n};\n\nexport const useConversationStore = create<ConversationStore>()(\n devtools(\n (set) => ({\n // Initial state.\n //\n // The right-side drawer (`isRightPanelShown` / `hasRightPanelToggled`)\n // is intentionally session-only* state: it always starts closed on\n // app load (or on opening a fresh/existing conversation after a\n // restart), but it survives in-app navigation because the Zustand\n // store stays alive across React Router transitions. Persisting the\n // open/closed state in localStorage made the panel feel sticky in\n // a way users didn't expect — they want a clean, focused chat view\n // when they come back to the app and only want the panel back when\n // they themselves opened it during the current session.\n isRightPanelShown: false,\n selectedTab: \"files\" as ConversationTab,\n images: [],\n files: [],\n imagesMarkedUploadAsFile: [],\n pastedImageNames: [],\n loadingFiles: [],\n loadingImages: [],\n messageToSend: null,\n shouldShownAgentLoading: false,\n submittedMessage: null,\n shouldHideSuggestions: false,\n hasRightPanelToggled: false,\n planContent: null,\n conversationMode: getInitialConversationMode(),\n subConversationTaskId: null,\n\n // Actions\n setIsRightPanelShown: (isRightPanelShown) =>\n set({ isRightPanelShown }, false, \"setIsRightPanelShown\"),\n\n setSelectedTab: (selectedTab) =>\n set({ selectedTab }, false, \"setSelectedTab\"),\n\n setShouldShownAgentLoading: (shouldShownAgentLoading) =>\n set({ shouldShownAgentLoading }, false, \"setShouldShownAgentLoading\"),\n\n setShouldHideSuggestions: (shouldHideSuggestions) =>\n set({ shouldHideSuggestions }, false, \"setShouldHideSuggestions\"),\n\n addImages: (images) =>\n set(\n (state) => ({ images: [...state.images, ...images] }),\n false,\n \"addImages\",\n ),\n\n addFiles: (files) =>\n set(\n (state) => ({ files: [...state.files, ...files] }),\n false,\n \"addFiles\",\n ),\n\n toggleImageUploadAsFile: (fileName) =>\n set(\n (state) => {\n const marked = new Set(state.imagesMarkedUploadAsFile);\n if (marked.has(fileName)) {\n marked.delete(fileName);\n } else {\n marked.add(fileName);\n }\n return { imagesMarkedUploadAsFile: [...marked] };\n },\n false,\n \"toggleImageUploadAsFile\",\n ),\n\n markImagesAsPasted: (fileNames) =>\n set(\n (state) => {\n const merged = new Set([...state.pastedImageNames, ...fileNames]);\n return { pastedImageNames: [...merged] };\n },\n false,\n \"markImagesAsPasted\",\n ),\n\n removeImage: (index) =>\n set(\n (state) => {\n const removed = state.images[index];\n const newImages = [...state.images];\n newImages.splice(index, 1);\n return {\n images: newImages,\n imagesMarkedUploadAsFile: removed\n ? state.imagesMarkedUploadAsFile.filter(\n (name) => name !== removed.name,\n )\n : state.imagesMarkedUploadAsFile,\n pastedImageNames: removed\n ? state.pastedImageNames.filter((name) => name !== removed.name)\n : state.pastedImageNames,\n };\n },\n false,\n \"removeImage\",\n ),\n\n removeFile: (index) =>\n set(\n (state) => {\n const newFiles = [...state.files];\n newFiles.splice(index, 1);\n return { files: newFiles };\n },\n false,\n \"removeFile\",\n ),\n\n clearImages: () => set({ images: [] }, false, \"clearImages\"),\n\n clearFiles: () => set({ files: [] }, false, \"clearFiles\"),\n\n clearAllFiles: () =>\n set(\n {\n images: [],\n files: [],\n imagesMarkedUploadAsFile: [],\n pastedImageNames: [],\n loadingFiles: [],\n loadingImages: [],\n },\n false,\n \"clearAllFiles\",\n ),\n\n addFileLoading: (fileName) =>\n set(\n (state) => {\n if (!state.loadingFiles.includes(fileName)) {\n return { loadingFiles: [...state.loadingFiles, fileName] };\n }\n return state;\n },\n false,\n \"addFileLoading\",\n ),\n\n removeFileLoading: (fileName) =>\n set(\n (state) => ({\n loadingFiles: state.loadingFiles.filter(\n (name) => name !== fileName,\n ),\n }),\n false,\n \"removeFileLoading\",\n ),\n\n addImageLoading: (imageName) =>\n set(\n (state) => {\n if (!state.loadingImages.includes(imageName)) {\n return { loadingImages: [...state.loadingImages, imageName] };\n }\n return state;\n },\n false,\n \"addImageLoading\",\n ),\n\n removeImageLoading: (imageName) =>\n set(\n (state) => ({\n loadingImages: state.loadingImages.filter(\n (name) => name !== imageName,\n ),\n }),\n false,\n \"removeImageLoading\",\n ),\n\n clearAllLoading: () =>\n set({ loadingFiles: [], loadingImages: [] }, false, \"clearAllLoading\"),\n\n setMessageToSend: (text) =>\n set(\n {\n messageToSend: {\n text,\n timestamp: Date.now(),\n },\n },\n false,\n \"setMessageToSend\",\n ),\n\n setSubmittedMessage: (submittedMessage) =>\n set({ submittedMessage }, false, \"setSubmittedMessage\"),\n\n resetConversationState: () =>\n set(\n {\n shouldHideSuggestions: false,\n conversationMode: getInitialConversationMode(),\n subConversationTaskId: null,\n planContent: null,\n },\n false,\n \"resetConversationState\",\n ),\n\n setHasRightPanelToggled: (hasRightPanelToggled) =>\n set({ hasRightPanelToggled }, false, \"setHasRightPanelToggled\"),\n\n setConversationMode: (conversationMode) => {\n const conversationId = getConversationIdFromLocation();\n if (conversationId) {\n setConversationState(conversationId, { conversationMode });\n }\n set({ conversationMode }, false, \"setConversationMode\");\n },\n\n setSubConversationTaskId: (subConversationTaskId) =>\n set({ subConversationTaskId }, false, \"setSubConversationTaskId\"),\n\n setPlanContent: (planContent) =>\n set({ planContent }, false, \"setPlanContent\"),\n }),\n {\n name: \"conversation-store\",\n },\n ),\n);\n"],"mappings":"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"}
1	+ {"version":3,"file":"conversation-store.cjs","names":[],"sources":["../../src/stores/conversation-store.ts"],"sourcesContent":["import { create } from \"zustand\";\nimport { devtools } from \"zustand/middleware\";\nimport {\n getConversationState,\n setConversationState,\n} from \"#/utils/conversation-local-storage\";\n\nexport type ConversationTab =\n \| \"files\"\n \| \"browser\"\n \| \"vscode\"\n \| \"terminal\"\n \| \"planner\"\n \| \"tasklist\";\n\nexport type ConversationMode = \"code\" \| \"plan\";\n\nexport interface IMessageToSend {\n text: string;\n timestamp: number;\n}\n\ninterface ConversationState {\n isRightPanelShown: boolean;\n selectedTab: ConversationTab \| null;\n images: File[];\n files: File[];\n /** Image file names (e.g. pasted screenshots) to send via file upload instead of vision embed. /\n imagesMarkedUploadAsFile: string[];\n /* Image file names attached in chat (controls per-image upload-as-file UI). /\n pastedImageNames: string[];\n loadingFiles: string[]; // File names currently being processed\n loadingImages: string[]; // Image names currently being processed\n messageToSend: IMessageToSend \| null;\n /* One-shot restore request consumed by the chat input when empty. /\n messageRestoreIfEmpty: IMessageToSend \| null;\n shouldShownAgentLoading: boolean;\n submittedMessage: string \| null;\n shouldHideSuggestions: boolean; // New state to hide suggestions when input expands\n hasRightPanelToggled: boolean;\n planContent: string \| null;\n conversationMode: ConversationMode;\n subConversationTaskId: string \| null; // Task ID for sub-conversation creation\n}\n\ninterface ConversationActions {\n setIsRightPanelShown: (isRightPanelShown: boolean) => void;\n setSelectedTab: (selectedTab: ConversationTab \| null) => void;\n setShouldShownAgentLoading: (shouldShownAgentLoading: boolean) => void;\n setShouldHideSuggestions: (shouldHideSuggestions: boolean) => void;\n addImages: (images: File[]) => void;\n addFiles: (files: File[]) => void;\n toggleImageUploadAsFile: (fileName: string) => void;\n markImagesAsPasted: (fileNames: string[]) => void;\n removeImage: (index: number) => void;\n removeFile: (index: number) => void;\n clearImages: () => void;\n clearFiles: () => void;\n clearAllFiles: () => void;\n addFileLoading: (fileName: string) => void;\n removeFileLoading: (fileName: string) => void;\n addImageLoading: (imageName: string) => void;\n removeImageLoading: (imageName: string) => void;\n clearAllLoading: () => void;\n setMessageToSend: (text: string) => void;\n restoreMessageToInputIfEmpty: (text: string) => void;\n clearMessageRestoreIfEmpty: () => void;\n setSubmittedMessage: (message: string \| null) => void;\n resetConversationState: () => void;\n setHasRightPanelToggled: (hasRightPanelToggled: boolean) => void;\n setConversationMode: (conversationMode: ConversationMode) => void;\n setSubConversationTaskId: (taskId: string \| null) => void;\n setPlanContent: (planContent: string \| null) => void;\n}\n\ntype ConversationStore = ConversationState & ConversationActions;\n\nconst getConversationIdFromLocation = (): string \| null => {\n if (typeof window === \"undefined\") {\n return null;\n }\n\n const match = window.location.pathname.match(/\\/conversations\\/([^/]+)/);\n return match ? match[1] : null;\n};\n\nconst getInitialConversationMode = (): ConversationMode => {\n if (typeof window === \"undefined\") {\n return \"code\";\n }\n\n const conversationId = getConversationIdFromLocation();\n if (!conversationId) {\n return \"code\";\n }\n\n const state = getConversationState(conversationId);\n return state.conversationMode;\n};\n\nexport const useConversationStore = create<ConversationStore>()(\n devtools(\n (set) => ({\n // Initial state.\n //\n // The right-side drawer (`isRightPanelShown` / `hasRightPanelToggled`)\n // is intentionally session-only* state: it always starts closed on\n // app load (or on opening a fresh/existing conversation after a\n // restart), but it survives in-app navigation because the Zustand\n // store stays alive across React Router transitions. Persisting the\n // open/closed state in localStorage made the panel feel sticky in\n // a way users didn't expect — they want a clean, focused chat view\n // when they come back to the app and only want the panel back when\n // they themselves opened it during the current session.\n isRightPanelShown: false,\n selectedTab: \"files\" as ConversationTab,\n images: [],\n files: [],\n imagesMarkedUploadAsFile: [],\n pastedImageNames: [],\n loadingFiles: [],\n loadingImages: [],\n messageToSend: null,\n messageRestoreIfEmpty: null,\n shouldShownAgentLoading: false,\n submittedMessage: null,\n shouldHideSuggestions: false,\n hasRightPanelToggled: false,\n planContent: null,\n conversationMode: getInitialConversationMode(),\n subConversationTaskId: null,\n\n // Actions\n setIsRightPanelShown: (isRightPanelShown) =>\n set({ isRightPanelShown }, false, \"setIsRightPanelShown\"),\n\n setSelectedTab: (selectedTab) =>\n set({ selectedTab }, false, \"setSelectedTab\"),\n\n setShouldShownAgentLoading: (shouldShownAgentLoading) =>\n set({ shouldShownAgentLoading }, false, \"setShouldShownAgentLoading\"),\n\n setShouldHideSuggestions: (shouldHideSuggestions) =>\n set({ shouldHideSuggestions }, false, \"setShouldHideSuggestions\"),\n\n addImages: (images) =>\n set(\n (state) => ({ images: [...state.images, ...images] }),\n false,\n \"addImages\",\n ),\n\n addFiles: (files) =>\n set(\n (state) => ({ files: [...state.files, ...files] }),\n false,\n \"addFiles\",\n ),\n\n toggleImageUploadAsFile: (fileName) =>\n set(\n (state) => {\n const marked = new Set(state.imagesMarkedUploadAsFile);\n if (marked.has(fileName)) {\n marked.delete(fileName);\n } else {\n marked.add(fileName);\n }\n return { imagesMarkedUploadAsFile: [...marked] };\n },\n false,\n \"toggleImageUploadAsFile\",\n ),\n\n markImagesAsPasted: (fileNames) =>\n set(\n (state) => {\n const merged = new Set([...state.pastedImageNames, ...fileNames]);\n return { pastedImageNames: [...merged] };\n },\n false,\n \"markImagesAsPasted\",\n ),\n\n removeImage: (index) =>\n set(\n (state) => {\n const removed = state.images[index];\n const newImages = [...state.images];\n newImages.splice(index, 1);\n return {\n images: newImages,\n imagesMarkedUploadAsFile: removed\n ? state.imagesMarkedUploadAsFile.filter(\n (name) => name !== removed.name,\n )\n : state.imagesMarkedUploadAsFile,\n pastedImageNames: removed\n ? state.pastedImageNames.filter((name) => name !== removed.name)\n : state.pastedImageNames,\n };\n },\n false,\n \"removeImage\",\n ),\n\n removeFile: (index) =>\n set(\n (state) => {\n const newFiles = [...state.files];\n newFiles.splice(index, 1);\n return { files: newFiles };\n },\n false,\n \"removeFile\",\n ),\n\n clearImages: () => set({ images: [] }, false, \"clearImages\"),\n\n clearFiles: () => set({ files: [] }, false, \"clearFiles\"),\n\n clearAllFiles: () =>\n set(\n {\n images: [],\n files: [],\n imagesMarkedUploadAsFile: [],\n pastedImageNames: [],\n loadingFiles: [],\n loadingImages: [],\n },\n false,\n \"clearAllFiles\",\n ),\n\n addFileLoading: (fileName) =>\n set(\n (state) => {\n if (!state.loadingFiles.includes(fileName)) {\n return { loadingFiles: [...state.loadingFiles, fileName] };\n }\n return state;\n },\n false,\n \"addFileLoading\",\n ),\n\n removeFileLoading: (fileName) =>\n set(\n (state) => ({\n loadingFiles: state.loadingFiles.filter(\n (name) => name !== fileName,\n ),\n }),\n false,\n \"removeFileLoading\",\n ),\n\n addImageLoading: (imageName) =>\n set(\n (state) => {\n if (!state.loadingImages.includes(imageName)) {\n return { loadingImages: [...state.loadingImages, imageName] };\n }\n return state;\n },\n false,\n \"addImageLoading\",\n ),\n\n removeImageLoading: (imageName) =>\n set(\n (state) => ({\n loadingImages: state.loadingImages.filter(\n (name) => name !== imageName,\n ),\n }),\n false,\n \"removeImageLoading\",\n ),\n\n clearAllLoading: () =>\n set({ loadingFiles: [], loadingImages: [] }, false, \"clearAllLoading\"),\n\n setMessageToSend: (text) =>\n set(\n {\n messageToSend: {\n text,\n timestamp: Date.now(),\n },\n },\n false,\n \"setMessageToSend\",\n ),\n\n restoreMessageToInputIfEmpty: (text) =>\n set(\n {\n messageRestoreIfEmpty: {\n text,\n timestamp: Date.now(),\n },\n },\n false,\n \"restoreMessageToInputIfEmpty\",\n ),\n\n clearMessageRestoreIfEmpty: () =>\n set(\n { messageRestoreIfEmpty: null },\n false,\n \"clearMessageRestoreIfEmpty\",\n ),\n\n setSubmittedMessage: (submittedMessage) =>\n set({ submittedMessage }, false, \"setSubmittedMessage\"),\n\n resetConversationState: () =>\n set(\n {\n shouldHideSuggestions: false,\n conversationMode: getInitialConversationMode(),\n subConversationTaskId: null,\n planContent: null,\n },\n false,\n \"resetConversationState\",\n ),\n\n setHasRightPanelToggled: (hasRightPanelToggled) =>\n set({ hasRightPanelToggled }, false, \"setHasRightPanelToggled\"),\n\n setConversationMode: (conversationMode) => {\n const conversationId = getConversationIdFromLocation();\n if (conversationId) {\n setConversationState(conversationId, { conversationMode });\n }\n set({ conversationMode }, false, \"setConversationMode\");\n },\n\n setSubConversationTaskId: (subConversationTaskId) =>\n set({ subConversationTaskId }, false, \"setSubConversationTaskId\"),\n\n setPlanContent: (planContent) =>\n set({ planContent }, false, \"setPlanContent\"),\n }),\n {\n name: \"conversation-store\",\n },\n ),\n);\n"],"mappings":"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"}

package/dist/stores/conversation-store.d.ts CHANGED Viewed

@@ -16,6 +16,8 @@ interface ConversationState {
     loadingFiles: string[];
     loadingImages: string[];
     messageToSend: IMessageToSend | null;
+    /** One-shot restore request consumed by the chat input when empty. */
+    messageRestoreIfEmpty: IMessageToSend | null;
     shouldShownAgentLoading: boolean;
     submittedMessage: string | null;
     shouldHideSuggestions: boolean;
@@ -44,6 +46,8 @@ interface ConversationActions {
     removeImageLoading: (imageName: string) => void;
     clearAllLoading: () => void;
     setMessageToSend: (text: string) => void;
+    restoreMessageToInputIfEmpty: (text: string) => void;
+    clearMessageRestoreIfEmpty: () => void;
     setSubmittedMessage: (message: string | null) => void;
     resetConversationState: () => void;
     setHasRightPanelToggled: (hasRightPanelToggled: boolean) => void;

package/dist/stores/conversation-store.js CHANGED Viewed

@@ -20,6 +20,7 @@ var i = () => {
 	loadingFiles: [],
 	loadingImages: [],
 	messageToSend: null,
+	messageRestoreIfEmpty: null,
 	shouldShownAgentLoading: !1,
 	submittedMessage: null,
 	shouldHideSuggestions: !1,
@@ -72,6 +73,11 @@ var i = () => {
 		text: t,
 		timestamp: Date.now()
 	} }, !1, "setMessageToSend"),
+	restoreMessageToInputIfEmpty: (t) => e({ messageRestoreIfEmpty: {
+		text: t,
+		timestamp: Date.now()
+	} }, !1, "restoreMessageToInputIfEmpty"),
+	clearMessageRestoreIfEmpty: () => e({ messageRestoreIfEmpty: null }, !1, "clearMessageRestoreIfEmpty"),
 	setSubmittedMessage: (t) => e({ submittedMessage: t }, !1, "setSubmittedMessage"),
 	resetConversationState: () => e({
 		shouldHideSuggestions: !1,

package/dist/stores/conversation-store.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"conversation-store.js","names":[],"sources":["../../src/stores/conversation-store.ts"],"sourcesContent":["import { create } from \"zustand\";\nimport { devtools } from \"zustand/middleware\";\nimport {\n getConversationState,\n setConversationState,\n} from \"#/utils/conversation-local-storage\";\n\nexport type ConversationTab =\n \| \"files\"\n \| \"browser\"\n \| \"vscode\"\n \| \"terminal\"\n \| \"planner\"\n \| \"tasklist\";\n\nexport type ConversationMode = \"code\" \| \"plan\";\n\nexport interface IMessageToSend {\n text: string;\n timestamp: number;\n}\n\ninterface ConversationState {\n isRightPanelShown: boolean;\n selectedTab: ConversationTab \| null;\n images: File[];\n files: File[];\n /** Image file names (e.g. pasted screenshots) to send via file upload instead of vision embed. /\n imagesMarkedUploadAsFile: string[];\n /* Image file names attached in chat (controls per-image upload-as-file UI). /\n pastedImageNames: string[];\n loadingFiles: string[]; // File names currently being processed\n loadingImages: string[]; // Image names currently being processed\n messageToSend: IMessageToSend \| null;\n shouldShownAgentLoading: boolean;\n submittedMessage: string \| null;\n shouldHideSuggestions: boolean; // New state to hide suggestions when input expands\n hasRightPanelToggled: boolean;\n planContent: string \| null;\n conversationMode: ConversationMode;\n subConversationTaskId: string \| null; // Task ID for sub-conversation creation\n}\n\ninterface ConversationActions {\n setIsRightPanelShown: (isRightPanelShown: boolean) => void;\n setSelectedTab: (selectedTab: ConversationTab \| null) => void;\n setShouldShownAgentLoading: (shouldShownAgentLoading: boolean) => void;\n setShouldHideSuggestions: (shouldHideSuggestions: boolean) => void;\n addImages: (images: File[]) => void;\n addFiles: (files: File[]) => void;\n toggleImageUploadAsFile: (fileName: string) => void;\n markImagesAsPasted: (fileNames: string[]) => void;\n removeImage: (index: number) => void;\n removeFile: (index: number) => void;\n clearImages: () => void;\n clearFiles: () => void;\n clearAllFiles: () => void;\n addFileLoading: (fileName: string) => void;\n removeFileLoading: (fileName: string) => void;\n addImageLoading: (imageName: string) => void;\n removeImageLoading: (imageName: string) => void;\n clearAllLoading: () => void;\n setMessageToSend: (text: string) => void;\n setSubmittedMessage: (message: string \| null) => void;\n resetConversationState: () => void;\n setHasRightPanelToggled: (hasRightPanelToggled: boolean) => void;\n setConversationMode: (conversationMode: ConversationMode) => void;\n setSubConversationTaskId: (taskId: string \| null) => void;\n setPlanContent: (planContent: string \| null) => void;\n}\n\ntype ConversationStore = ConversationState & ConversationActions;\n\nconst getConversationIdFromLocation = (): string \| null => {\n if (typeof window === \"undefined\") {\n return null;\n }\n\n const match = window.location.pathname.match(/\\/conversations\\/([^/]+)/);\n return match ? match[1] : null;\n};\n\nconst getInitialConversationMode = (): ConversationMode => {\n if (typeof window === \"undefined\") {\n return \"code\";\n }\n\n const conversationId = getConversationIdFromLocation();\n if (!conversationId) {\n return \"code\";\n }\n\n const state = getConversationState(conversationId);\n return state.conversationMode;\n};\n\nexport const useConversationStore = create<ConversationStore>()(\n devtools(\n (set) => ({\n // Initial state.\n //\n // The right-side drawer (`isRightPanelShown` / `hasRightPanelToggled`)\n // is intentionally session-only* state: it always starts closed on\n // app load (or on opening a fresh/existing conversation after a\n // restart), but it survives in-app navigation because the Zustand\n // store stays alive across React Router transitions. Persisting the\n // open/closed state in localStorage made the panel feel sticky in\n // a way users didn't expect — they want a clean, focused chat view\n // when they come back to the app and only want the panel back when\n // they themselves opened it during the current session.\n isRightPanelShown: false,\n selectedTab: \"files\" as ConversationTab,\n images: [],\n files: [],\n imagesMarkedUploadAsFile: [],\n pastedImageNames: [],\n loadingFiles: [],\n loadingImages: [],\n messageToSend: null,\n shouldShownAgentLoading: false,\n submittedMessage: null,\n shouldHideSuggestions: false,\n hasRightPanelToggled: false,\n planContent: null,\n conversationMode: getInitialConversationMode(),\n subConversationTaskId: null,\n\n // Actions\n setIsRightPanelShown: (isRightPanelShown) =>\n set({ isRightPanelShown }, false, \"setIsRightPanelShown\"),\n\n setSelectedTab: (selectedTab) =>\n set({ selectedTab }, false, \"setSelectedTab\"),\n\n setShouldShownAgentLoading: (shouldShownAgentLoading) =>\n set({ shouldShownAgentLoading }, false, \"setShouldShownAgentLoading\"),\n\n setShouldHideSuggestions: (shouldHideSuggestions) =>\n set({ shouldHideSuggestions }, false, \"setShouldHideSuggestions\"),\n\n addImages: (images) =>\n set(\n (state) => ({ images: [...state.images, ...images] }),\n false,\n \"addImages\",\n ),\n\n addFiles: (files) =>\n set(\n (state) => ({ files: [...state.files, ...files] }),\n false,\n \"addFiles\",\n ),\n\n toggleImageUploadAsFile: (fileName) =>\n set(\n (state) => {\n const marked = new Set(state.imagesMarkedUploadAsFile);\n if (marked.has(fileName)) {\n marked.delete(fileName);\n } else {\n marked.add(fileName);\n }\n return { imagesMarkedUploadAsFile: [...marked] };\n },\n false,\n \"toggleImageUploadAsFile\",\n ),\n\n markImagesAsPasted: (fileNames) =>\n set(\n (state) => {\n const merged = new Set([...state.pastedImageNames, ...fileNames]);\n return { pastedImageNames: [...merged] };\n },\n false,\n \"markImagesAsPasted\",\n ),\n\n removeImage: (index) =>\n set(\n (state) => {\n const removed = state.images[index];\n const newImages = [...state.images];\n newImages.splice(index, 1);\n return {\n images: newImages,\n imagesMarkedUploadAsFile: removed\n ? state.imagesMarkedUploadAsFile.filter(\n (name) => name !== removed.name,\n )\n : state.imagesMarkedUploadAsFile,\n pastedImageNames: removed\n ? state.pastedImageNames.filter((name) => name !== removed.name)\n : state.pastedImageNames,\n };\n },\n false,\n \"removeImage\",\n ),\n\n removeFile: (index) =>\n set(\n (state) => {\n const newFiles = [...state.files];\n newFiles.splice(index, 1);\n return { files: newFiles };\n },\n false,\n \"removeFile\",\n ),\n\n clearImages: () => set({ images: [] }, false, \"clearImages\"),\n\n clearFiles: () => set({ files: [] }, false, \"clearFiles\"),\n\n clearAllFiles: () =>\n set(\n {\n images: [],\n files: [],\n imagesMarkedUploadAsFile: [],\n pastedImageNames: [],\n loadingFiles: [],\n loadingImages: [],\n },\n false,\n \"clearAllFiles\",\n ),\n\n addFileLoading: (fileName) =>\n set(\n (state) => {\n if (!state.loadingFiles.includes(fileName)) {\n return { loadingFiles: [...state.loadingFiles, fileName] };\n }\n return state;\n },\n false,\n \"addFileLoading\",\n ),\n\n removeFileLoading: (fileName) =>\n set(\n (state) => ({\n loadingFiles: state.loadingFiles.filter(\n (name) => name !== fileName,\n ),\n }),\n false,\n \"removeFileLoading\",\n ),\n\n addImageLoading: (imageName) =>\n set(\n (state) => {\n if (!state.loadingImages.includes(imageName)) {\n return { loadingImages: [...state.loadingImages, imageName] };\n }\n return state;\n },\n false,\n \"addImageLoading\",\n ),\n\n removeImageLoading: (imageName) =>\n set(\n (state) => ({\n loadingImages: state.loadingImages.filter(\n (name) => name !== imageName,\n ),\n }),\n false,\n \"removeImageLoading\",\n ),\n\n clearAllLoading: () =>\n set({ loadingFiles: [], loadingImages: [] }, false, \"clearAllLoading\"),\n\n setMessageToSend: (text) =>\n set(\n {\n messageToSend: {\n text,\n timestamp: Date.now(),\n },\n },\n false,\n \"setMessageToSend\",\n ),\n\n setSubmittedMessage: (submittedMessage) =>\n set({ submittedMessage }, false, \"setSubmittedMessage\"),\n\n resetConversationState: () =>\n set(\n {\n shouldHideSuggestions: false,\n conversationMode: getInitialConversationMode(),\n subConversationTaskId: null,\n planContent: null,\n },\n false,\n \"resetConversationState\",\n ),\n\n setHasRightPanelToggled: (hasRightPanelToggled) =>\n set({ hasRightPanelToggled }, false, \"setHasRightPanelToggled\"),\n\n setConversationMode: (conversationMode) => {\n const conversationId = getConversationIdFromLocation();\n if (conversationId) {\n setConversationState(conversationId, { conversationMode });\n }\n set({ conversationMode }, false, \"setConversationMode\");\n },\n\n setSubConversationTaskId: (subConversationTaskId) =>\n set({ subConversationTaskId }, false, \"setSubConversationTaskId\"),\n\n setPlanContent: (planContent) =>\n set({ planContent }, false, \"setPlanContent\"),\n }),\n {\n name: \"conversation-store\",\n },\n ),\n);\n"],"mappings":";;;;AAyEA,IAAM,UAAqD;AACzD,KAAI,OAAO,SAAW,IACpB,QAAO;CAGT,IAAM,IAAQ,OAAO,SAAS,SAAS,MAAM,2BAA2B;AACxE,QAAO,IAAQ,EAAM,KAAK;GAGtB,UAAqD;AACzD,KAAI,OAAO,SAAW,IACpB,QAAO;CAGT,IAAM,IAAiB,GAA+B;AAMtD,QALK,IAIS,EAAqB,EAC5B,CAAM,mBAJJ;GAOE,IAAuB,GAA2B,CAC7D,GACG,OAAS;CAYR,mBAAmB;CACnB,aAAa;CACb,QAAQ,EAAE;CACV,OAAO,EAAE;CACT,0BAA0B,EAAE;CAC5B,kBAAkB,EAAE;CACpB,cAAc,EAAE;CAChB,eAAe,EAAE;CACjB,eAAe;CACf,yBAAyB;CACzB,kBAAkB;CAClB,uBAAuB;CACvB,sBAAsB;CACtB,aAAa;CACb,kBAAkB,GAA4B;CAC9C,uBAAuB;CAGvB,uBAAuB,MACrB,EAAI,EAAE,sBAAmB,EAAE,IAAO,uBAAuB;CAE3D,iBAAiB,MACf,EAAI,EAAE,gBAAa,EAAE,IAAO,iBAAiB;CAE/C,6BAA6B,MAC3B,EAAI,EAAE,4BAAyB,EAAE,IAAO,6BAA6B;CAEvE,2BAA2B,MACzB,EAAI,EAAE,0BAAuB,EAAE,IAAO,2BAA2B;CAEnE,YAAY,MACV,GACG,OAAW,EAAE,QAAQ,CAAC,GAAG,EAAM,QAAQ,GAAG,EAAO,EAAE,GACpD,IACA,YACD;CAEH,WAAW,MACT,GACG,OAAW,EAAE,OAAO,CAAC,GAAG,EAAM,OAAO,GAAG,EAAM,EAAE,GACjD,IACA,WACD;CAEH,0BAA0B,MACxB,GACG,MAAU;EACT,IAAM,IAAS,IAAI,IAAI,EAAM,yBAAyB;AAMtD,SALI,EAAO,IAAI,EAAS,GACtB,EAAO,OAAO,EAAS,GAEvB,EAAO,IAAI,EAAS,EAEf,EAAE,0BAA0B,CAAC,GAAG,EAAO,EAAE;IAElD,IACA,0BACD;CAEH,qBAAqB,MACnB,GACG,OAEQ,EAAE,kBAAkB,CAAC,GAAG,IADZ,IAAI,CAAC,GAAG,EAAM,kBAAkB,GAAG,EAAU,CACjC,CAAO,EAAE,GAE1C,IACA,qBACD;CAEH,cAAc,MACZ,GACG,MAAU;EACT,IAAM,IAAU,EAAM,OAAO,IACvB,IAAY,CAAC,GAAG,EAAM,OAAO;AAEnC,SADA,EAAU,OAAO,GAAO,EAAE,EACnB;GACL,QAAQ;GACR,0BAA0B,IACtB,EAAM,yBAAyB,QAC5B,MAAS,MAAS,EAAQ,KAC5B,GACD,EAAM;GACV,kBAAkB,IACd,EAAM,iBAAiB,QAAQ,MAAS,MAAS,EAAQ,KAAK,GAC9D,EAAM;GACX;IAEH,IACA,cACD;CAEH,aAAa,MACX,GACG,MAAU;EACT,IAAM,IAAW,CAAC,GAAG,EAAM,MAAM;AAEjC,SADA,EAAS,OAAO,GAAO,EAAE,EAClB,EAAE,OAAO,GAAU;IAE5B,IACA,aACD;CAEH,mBAAmB,EAAI,EAAE,QAAQ,EAAE,EAAE,EAAE,IAAO,cAAc;CAE5D,kBAAkB,EAAI,EAAE,OAAO,EAAE,EAAE,EAAE,IAAO,aAAa;CAEzD,qBACE,EACE;EACE,QAAQ,EAAE;EACV,OAAO,EAAE;EACT,0BAA0B,EAAE;EAC5B,kBAAkB,EAAE;EACpB,cAAc,EAAE;EAChB,eAAe,EAAE;EAClB,EACD,IACA,gBACD;CAEH,iBAAiB,MACf,GACG,MACM,EAAM,aAAa,SAAS,EAAS,GAGnC,IAFE,EAAE,cAAc,CAAC,GAAG,EAAM,cAAc,EAAS,EAAE,EAI9D,IACA,iBACD;CAEH,oBAAoB,MAClB,GACG,OAAW,EACV,cAAc,EAAM,aAAa,QAC9B,MAAS,MAAS,EACpB,EACF,GACD,IACA,oBACD;CAEH,kBAAkB,MAChB,GACG,MACM,EAAM,cAAc,SAAS,EAAU,GAGrC,IAFE,EAAE,eAAe,CAAC,GAAG,EAAM,eAAe,EAAU,EAAE,EAIjE,IACA,kBACD;CAEH,qBAAqB,MACnB,GACG,OAAW,EACV,eAAe,EAAM,cAAc,QAChC,MAAS,MAAS,EACpB,EACF,GACD,IACA,qBACD;CAEH,uBACE,EAAI;EAAE,cAAc,EAAE;EAAE,eAAe,EAAE;EAAE,EAAE,IAAO,kBAAkB;CAExE,mBAAmB,MACjB,EACE,EACE,eAAe;EACb;EACA,WAAW,KAAK,KAAK;EACtB,EACF,EACD,IACA,mBACD;CAEH,sBAAsB,MACpB,EAAI,EAAE,qBAAkB,EAAE,IAAO,sBAAsB;CAEzD,8BACE,EACE;EACE,uBAAuB;EACvB,kBAAkB,GAA4B;EAC9C,uBAAuB;EACvB,aAAa;EACd,EACD,IACA,yBACD;CAEH,0BAA0B,MACxB,EAAI,EAAE,yBAAsB,EAAE,IAAO,0BAA0B;CAEjE,sBAAsB,MAAqB;EACzC,IAAM,IAAiB,GAA+B;AAItD,EAHI,KACF,EAAqB,GAAgB,EAAE,qBAAkB,CAAC,EAE5D,EAAI,EAAE,qBAAkB,EAAE,IAAO,sBAAsB;;CAGzD,2BAA2B,MACzB,EAAI,EAAE,0BAAuB,EAAE,IAAO,2BAA2B;CAEnE,iBAAiB,MACf,EAAI,EAAE,gBAAa,EAAE,IAAO,iBAAiB;CAChD,GACD,EACE,MAAM,sBACP,CACF,CACF"}
1	+ {"version":3,"file":"conversation-store.js","names":[],"sources":["../../src/stores/conversation-store.ts"],"sourcesContent":["import { create } from \"zustand\";\nimport { devtools } from \"zustand/middleware\";\nimport {\n getConversationState,\n setConversationState,\n} from \"#/utils/conversation-local-storage\";\n\nexport type ConversationTab =\n \| \"files\"\n \| \"browser\"\n \| \"vscode\"\n \| \"terminal\"\n \| \"planner\"\n \| \"tasklist\";\n\nexport type ConversationMode = \"code\" \| \"plan\";\n\nexport interface IMessageToSend {\n text: string;\n timestamp: number;\n}\n\ninterface ConversationState {\n isRightPanelShown: boolean;\n selectedTab: ConversationTab \| null;\n images: File[];\n files: File[];\n /** Image file names (e.g. pasted screenshots) to send via file upload instead of vision embed. /\n imagesMarkedUploadAsFile: string[];\n /* Image file names attached in chat (controls per-image upload-as-file UI). /\n pastedImageNames: string[];\n loadingFiles: string[]; // File names currently being processed\n loadingImages: string[]; // Image names currently being processed\n messageToSend: IMessageToSend \| null;\n /* One-shot restore request consumed by the chat input when empty. /\n messageRestoreIfEmpty: IMessageToSend \| null;\n shouldShownAgentLoading: boolean;\n submittedMessage: string \| null;\n shouldHideSuggestions: boolean; // New state to hide suggestions when input expands\n hasRightPanelToggled: boolean;\n planContent: string \| null;\n conversationMode: ConversationMode;\n subConversationTaskId: string \| null; // Task ID for sub-conversation creation\n}\n\ninterface ConversationActions {\n setIsRightPanelShown: (isRightPanelShown: boolean) => void;\n setSelectedTab: (selectedTab: ConversationTab \| null) => void;\n setShouldShownAgentLoading: (shouldShownAgentLoading: boolean) => void;\n setShouldHideSuggestions: (shouldHideSuggestions: boolean) => void;\n addImages: (images: File[]) => void;\n addFiles: (files: File[]) => void;\n toggleImageUploadAsFile: (fileName: string) => void;\n markImagesAsPasted: (fileNames: string[]) => void;\n removeImage: (index: number) => void;\n removeFile: (index: number) => void;\n clearImages: () => void;\n clearFiles: () => void;\n clearAllFiles: () => void;\n addFileLoading: (fileName: string) => void;\n removeFileLoading: (fileName: string) => void;\n addImageLoading: (imageName: string) => void;\n removeImageLoading: (imageName: string) => void;\n clearAllLoading: () => void;\n setMessageToSend: (text: string) => void;\n restoreMessageToInputIfEmpty: (text: string) => void;\n clearMessageRestoreIfEmpty: () => void;\n setSubmittedMessage: (message: string \| null) => void;\n resetConversationState: () => void;\n setHasRightPanelToggled: (hasRightPanelToggled: boolean) => void;\n setConversationMode: (conversationMode: ConversationMode) => void;\n setSubConversationTaskId: (taskId: string \| null) => void;\n setPlanContent: (planContent: string \| null) => void;\n}\n\ntype ConversationStore = ConversationState & ConversationActions;\n\nconst getConversationIdFromLocation = (): string \| null => {\n if (typeof window === \"undefined\") {\n return null;\n }\n\n const match = window.location.pathname.match(/\\/conversations\\/([^/]+)/);\n return match ? match[1] : null;\n};\n\nconst getInitialConversationMode = (): ConversationMode => {\n if (typeof window === \"undefined\") {\n return \"code\";\n }\n\n const conversationId = getConversationIdFromLocation();\n if (!conversationId) {\n return \"code\";\n }\n\n const state = getConversationState(conversationId);\n return state.conversationMode;\n};\n\nexport const useConversationStore = create<ConversationStore>()(\n devtools(\n (set) => ({\n // Initial state.\n //\n // The right-side drawer (`isRightPanelShown` / `hasRightPanelToggled`)\n // is intentionally session-only* state: it always starts closed on\n // app load (or on opening a fresh/existing conversation after a\n // restart), but it survives in-app navigation because the Zustand\n // store stays alive across React Router transitions. Persisting the\n // open/closed state in localStorage made the panel feel sticky in\n // a way users didn't expect — they want a clean, focused chat view\n // when they come back to the app and only want the panel back when\n // they themselves opened it during the current session.\n isRightPanelShown: false,\n selectedTab: \"files\" as ConversationTab,\n images: [],\n files: [],\n imagesMarkedUploadAsFile: [],\n pastedImageNames: [],\n loadingFiles: [],\n loadingImages: [],\n messageToSend: null,\n messageRestoreIfEmpty: null,\n shouldShownAgentLoading: false,\n submittedMessage: null,\n shouldHideSuggestions: false,\n hasRightPanelToggled: false,\n planContent: null,\n conversationMode: getInitialConversationMode(),\n subConversationTaskId: null,\n\n // Actions\n setIsRightPanelShown: (isRightPanelShown) =>\n set({ isRightPanelShown }, false, \"setIsRightPanelShown\"),\n\n setSelectedTab: (selectedTab) =>\n set({ selectedTab }, false, \"setSelectedTab\"),\n\n setShouldShownAgentLoading: (shouldShownAgentLoading) =>\n set({ shouldShownAgentLoading }, false, \"setShouldShownAgentLoading\"),\n\n setShouldHideSuggestions: (shouldHideSuggestions) =>\n set({ shouldHideSuggestions }, false, \"setShouldHideSuggestions\"),\n\n addImages: (images) =>\n set(\n (state) => ({ images: [...state.images, ...images] }),\n false,\n \"addImages\",\n ),\n\n addFiles: (files) =>\n set(\n (state) => ({ files: [...state.files, ...files] }),\n false,\n \"addFiles\",\n ),\n\n toggleImageUploadAsFile: (fileName) =>\n set(\n (state) => {\n const marked = new Set(state.imagesMarkedUploadAsFile);\n if (marked.has(fileName)) {\n marked.delete(fileName);\n } else {\n marked.add(fileName);\n }\n return { imagesMarkedUploadAsFile: [...marked] };\n },\n false,\n \"toggleImageUploadAsFile\",\n ),\n\n markImagesAsPasted: (fileNames) =>\n set(\n (state) => {\n const merged = new Set([...state.pastedImageNames, ...fileNames]);\n return { pastedImageNames: [...merged] };\n },\n false,\n \"markImagesAsPasted\",\n ),\n\n removeImage: (index) =>\n set(\n (state) => {\n const removed = state.images[index];\n const newImages = [...state.images];\n newImages.splice(index, 1);\n return {\n images: newImages,\n imagesMarkedUploadAsFile: removed\n ? state.imagesMarkedUploadAsFile.filter(\n (name) => name !== removed.name,\n )\n : state.imagesMarkedUploadAsFile,\n pastedImageNames: removed\n ? state.pastedImageNames.filter((name) => name !== removed.name)\n : state.pastedImageNames,\n };\n },\n false,\n \"removeImage\",\n ),\n\n removeFile: (index) =>\n set(\n (state) => {\n const newFiles = [...state.files];\n newFiles.splice(index, 1);\n return { files: newFiles };\n },\n false,\n \"removeFile\",\n ),\n\n clearImages: () => set({ images: [] }, false, \"clearImages\"),\n\n clearFiles: () => set({ files: [] }, false, \"clearFiles\"),\n\n clearAllFiles: () =>\n set(\n {\n images: [],\n files: [],\n imagesMarkedUploadAsFile: [],\n pastedImageNames: [],\n loadingFiles: [],\n loadingImages: [],\n },\n false,\n \"clearAllFiles\",\n ),\n\n addFileLoading: (fileName) =>\n set(\n (state) => {\n if (!state.loadingFiles.includes(fileName)) {\n return { loadingFiles: [...state.loadingFiles, fileName] };\n }\n return state;\n },\n false,\n \"addFileLoading\",\n ),\n\n removeFileLoading: (fileName) =>\n set(\n (state) => ({\n loadingFiles: state.loadingFiles.filter(\n (name) => name !== fileName,\n ),\n }),\n false,\n \"removeFileLoading\",\n ),\n\n addImageLoading: (imageName) =>\n set(\n (state) => {\n if (!state.loadingImages.includes(imageName)) {\n return { loadingImages: [...state.loadingImages, imageName] };\n }\n return state;\n },\n false,\n \"addImageLoading\",\n ),\n\n removeImageLoading: (imageName) =>\n set(\n (state) => ({\n loadingImages: state.loadingImages.filter(\n (name) => name !== imageName,\n ),\n }),\n false,\n \"removeImageLoading\",\n ),\n\n clearAllLoading: () =>\n set({ loadingFiles: [], loadingImages: [] }, false, \"clearAllLoading\"),\n\n setMessageToSend: (text) =>\n set(\n {\n messageToSend: {\n text,\n timestamp: Date.now(),\n },\n },\n false,\n \"setMessageToSend\",\n ),\n\n restoreMessageToInputIfEmpty: (text) =>\n set(\n {\n messageRestoreIfEmpty: {\n text,\n timestamp: Date.now(),\n },\n },\n false,\n \"restoreMessageToInputIfEmpty\",\n ),\n\n clearMessageRestoreIfEmpty: () =>\n set(\n { messageRestoreIfEmpty: null },\n false,\n \"clearMessageRestoreIfEmpty\",\n ),\n\n setSubmittedMessage: (submittedMessage) =>\n set({ submittedMessage }, false, \"setSubmittedMessage\"),\n\n resetConversationState: () =>\n set(\n {\n shouldHideSuggestions: false,\n conversationMode: getInitialConversationMode(),\n subConversationTaskId: null,\n planContent: null,\n },\n false,\n \"resetConversationState\",\n ),\n\n setHasRightPanelToggled: (hasRightPanelToggled) =>\n set({ hasRightPanelToggled }, false, \"setHasRightPanelToggled\"),\n\n setConversationMode: (conversationMode) => {\n const conversationId = getConversationIdFromLocation();\n if (conversationId) {\n setConversationState(conversationId, { conversationMode });\n }\n set({ conversationMode }, false, \"setConversationMode\");\n },\n\n setSubConversationTaskId: (subConversationTaskId) =>\n set({ subConversationTaskId }, false, \"setSubConversationTaskId\"),\n\n setPlanContent: (planContent) =>\n set({ planContent }, false, \"setPlanContent\"),\n }),\n {\n name: \"conversation-store\",\n },\n ),\n);\n"],"mappings":"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"}

package/dist/types/agent-server/core/events/acp-tool-call-event.d.ts CHANGED Viewed

@@ -6,11 +6,13 @@ import { BaseEvent } from "../base/event";
  */
 export type ACPToolKind = "execute" | "edit" | "read" | "fetch" | "other";
 /**
- * Status of an ACP tool call. Future ACP streaming (software-agent-sdk#2866)
- * will emit multiple events for the same ``tool_call_id`` as the status
- * transitions from ``in_progress`` to a terminal value.
+ * Status of an ACP tool call. The SDK persists two events per
+ * ``tool_call_id``: an early ``started`` event (``pending`` / ``in_progress``)
+ * and one terminal event (``completed`` / ``failed``) — the
+ * action->observation pair. Non-terminal statuses render the card as
+ * "running"; see ``getACPToolCallResult``.
  */
-export type ACPToolCallStatus = "in_progress" | "completed" | "failed";
+export type ACPToolCallStatus = "pending" | "in_progress" | "completed" | "failed";
 /**
  * An ACP content block as surfaced on ``ACPToolCallEvent.content``. ACP
  * allows a mix of text, image, resource and resource_link blocks; only the

package/dist/types/agent-server/core/events/system-event.d.ts CHANGED Viewed

@@ -13,4 +13,9 @@ export interface SystemPromptEvent extends BaseEvent {
      * List of tools in OpenAI tool format
      */
     tools: ChatCompletionToolParam[];
+    /**
+     * Runtime-injected context appended to the system message (datetime, skills,
+     * runtime services, secrets). Optional for older persisted events.
+     */
+    dynamic_context?: TextContent;
 }

package/dist/types/automation.d.ts CHANGED Viewed

@@ -1,7 +1,22 @@
 export interface AutomationTrigger {
+    /**
+     * Trigger kind. Known values are the schedule aliases "cron" / "schedule"
+     * (time-based) and "event" (webhook/event-driven). Kept as `string` rather
+     * than a closed union on purpose: the backend emits more than one
+     * scheduled-trigger alias and may introduce new kinds, so UI code branches
+     * on `type === "event"` and treats every other value as a schedule.
+     */
     type: string;
+    /** Cron expression (schedule triggers only). */
     schedule?: string;
+    /** Human-readable schedule description (schedule triggers only). */
     schedule_human?: string;
+    /** Event source, e.g. "github" (event triggers only). */
+    source?: string;
+    /** Event key pattern(s) to match, e.g. "pull_request.opened" or ["push", "release.*"]. */
+    on?: string | string[];
+    /** JMESPath filter expression evaluated against the raw webhook payload. */
+    filter?: string;
 }
 export interface Automation {
     id: string;

package/dist/types/settings.d.ts CHANGED Viewed

@@ -90,7 +90,9 @@ export type SettingsScope = "personal";
  * - ``"acp"``: the conversation is driven by an external ACP subprocess
  *   (Claude Code / Codex / Gemini CLI / Custom). The LLM / condenser / MCP
  *   settings are inert; ``acp_command`` / ``acp_args`` / ``acp_model`` /
- *   ``acp_env`` / ``acp_server`` apply instead.
+ *   ``acp_server`` apply instead. Provider credentials are supplied through the
+ *   Secrets panel (``request.secrets`` / ``agent_context.secrets``), never
+ *   through a per-agent env channel.
  */
 export type AgentKind = "openhands" | "acp";
 export type Settings = {