@inkeep/agents-manage-ui 0.41.0 → 0.41.1

package/src/components/projects/form/project-models-section.tsx

@@ -6,6 +6,7 @@ import { type Control, useController, useFormState, useWatch } from 'react-hook-
 import { ModelSelector } from '@/components/agent/sidepane/nodes/model-selector';
 import { ExpandableJsonEditor } from '@/components/editors/expandable-json-editor';
 import { FormFieldWrapper } from '@/components/form/form-field-wrapper';
+import { ModelConfiguration } from '@/components/shared/model-configuration';
 import { Button } from '@/components/ui/button';
 import { Collapsible, CollapsibleContent, CollapsibleTrigger } from '@/components/ui/collapsible';
 import { InfoCard } from '@/components/ui/info-card';
@@ -33,38 +34,32 @@ function BaseModelSection({ control }: { control: Control<ProjectFormData> }) {
         isRequired
       >
         {(field) => (
-          <ModelSelector
+          <ModelConfiguration
+            value={field.value || ''}
+            providerOptions={
+              providerOptionsField.value ? JSON.stringify(providerOptionsField.value, null, 2) : ''
+            }
             label=""
             placeholder="Select base model"
-            value={field.value || ''}
-            onValueChange={field.onChange}
             canClear={false}
+            isRequired={true}
+            onModelChange={field.onChange}
+            onProviderOptionsChange={(value) => {
+              if (!value?.trim()) {
+                providerOptionsField.onChange(undefined);
+                return;
+              }
+              try {
+                const parsed = JSON.parse(value);
+                providerOptionsField.onChange(parsed);
+              } catch {
+                // Invalid JSON - don't update the field value
+              }
+            }}
+            editorNamePrefix="project-base"
           />
         )}
       </FormFieldWrapper>
-      <ExpandableJsonEditor
-        name="models.base.providerOptions"
-        label="Provider options"
-        value={
-          providerOptionsField.value ? JSON.stringify(providerOptionsField.value, null, 2) : ''
-        }
-        onChange={(value) => {
-          if (!value?.trim()) {
-            providerOptionsField.onChange(undefined);
-            return;
-          }
-          try {
-            const parsed = JSON.parse(value);
-            providerOptionsField.onChange(parsed);
-          } catch {
-            // Invalid JSON - don't update the field value
-          }
-        }}
-        placeholder={`{
-  "temperature": 0.7,
-  "maxOutputTokens": 2048
-}`}
-      />
     </div>
   );
 }

package/src/components/shared/azure-configuration-section.tsx

@@ -0,0 +1,101 @@
+import { Input } from '@/components/ui/input';
+import { Label } from '@/components/ui/label';
+
+interface AzureConfigurationSectionProps {
+  providerOptions: Record<string, unknown> | string | undefined;
+  onProviderOptionsChange?: (value: string | undefined) => void;
+  editorNamePrefix: string;
+}
+
+export function AzureConfigurationSection({
+  providerOptions,
+  onProviderOptionsChange,
+  editorNamePrefix,
+}: AzureConfigurationSectionProps) {
+  const providerOptionsObj =
+    typeof providerOptions === 'string'
+      ? JSON.parse(providerOptions || '{}')
+      : providerOptions || {};
+
+  const handleFieldChange = (field: string, value: string) => {
+    if (!onProviderOptionsChange) return;
+
+    const updatedOptions = {
+      ...providerOptionsObj,
+      [field]: value || undefined,
+    };
+
+    // Remove undefined values to keep JSON clean
+    Object.keys(updatedOptions).forEach((key) => {
+      if (updatedOptions[key] === undefined) {
+        delete updatedOptions[key];
+      }
+    });
+
+    const finalValue =
+      Object.keys(updatedOptions).length > 0 ? JSON.stringify(updatedOptions, null, 2) : undefined;
+    onProviderOptionsChange(finalValue);
+  };
+
+  return (
+    <div className="space-y-4 p-4 border rounded-lg bg-muted/30">
+      <h4 className="text-sm font-medium text-foreground">Azure OpenAI Configuration</h4>
+
+      <div className="space-y-4">
+        <div>
+          <p className="text-xs font-medium text-muted-foreground mb-3">
+            Choose one connection method <span className="text-red-500">*</span>
+          </p>
+          <div className="space-y-3">
+            <div className="space-y-2">
+              <Label
+                htmlFor={`${editorNamePrefix}-azure-resource-name`}
+                className="text-sm font-medium"
+              >
+                Resource Name
+              </Label>
+              <Input
+                id={`${editorNamePrefix}-azure-resource-name`}
+                type="text"
+                value={providerOptionsObj.resourceName || ''}
+                onChange={(e) => handleFieldChange('resourceName', e.target.value)}
+                placeholder="my-azure-openai"
+                className="text-sm"
+              />
+              <p className="text-xs text-muted-foreground">
+                Azure OpenAI resource name (for standard deployments)
+              </p>
+            </div>
+
+            <div className="text-center text-xs text-muted-foreground">— OR —</div>
+
+            <div className="space-y-2">
+              <Label htmlFor={`${editorNamePrefix}-azure-base-url`} className="text-sm font-medium">
+                Base URL
+              </Label>
+              <Input
+                id={`${editorNamePrefix}-azure-base-url`}
+                type="text"
+                value={providerOptionsObj.baseURL || ''}
+                onChange={(e) => handleFieldChange('baseURL', e.target.value)}
+                placeholder="https://my-resource.openai.azure.com"
+                className="text-sm"
+              />
+              <p className="text-xs text-muted-foreground">
+                Custom base URL (alternative to resource name)
+              </p>
+            </div>
+          </div>
+        </div>
+      </div>
+
+      <div className="text-xs text-muted-foreground">
+        <p>
+          <strong>Note:</strong> You must provide either <em>Resource Name</em> (for standard Azure
+          OpenAI deployments) or <em>Base URL</em> (for custom endpoints). API keys should be set
+          via the <code>AZURE_OPENAI_API_KEY</code> environment variable.
+        </p>
+      </div>
+    </div>
+  );
+}

package/src/components/shared/model-configuration.tsx

@@ -0,0 +1,163 @@
+'use client';
+
+import { useEffect, useState } from 'react';
+import { ModelSelector } from '@/components/agent/sidepane/nodes/model-selector';
+import { ExpandableJsonEditor } from '@/components/editors/expandable-json-editor';
+import { AzureConfigurationSection } from './azure-configuration-section';
+
+interface ModelConfigurationProps {
+  /** Current model value */
+  value?: string;
+  /** Provider options value (JSON string or object) */
+  providerOptions?: string | Record<string, unknown>;
+  /** Inherited/default model value to show when no value is set */
+  inheritedValue?: string;
+  /** Label for the model selector */
+  label?: React.ReactNode;
+  /** Description text shown below the selector */
+  description?: string;
+  /** Placeholder text for the model selector */
+  placeholder?: string;
+  /** Whether the clear button should be shown */
+  canClear?: boolean;
+  /** Whether this field is required */
+  isRequired?: boolean;
+  /** Called when the model value changes */
+  onModelChange?: (value: string) => void;
+  /** Called when provider options change */
+  onProviderOptionsChange?: (value: string | undefined) => void;
+  /** Unique name prefix for the JSON editor */
+  editorNamePrefix?: string;
+  /** Custom placeholder for the JSON editor based on model type */
+  getJsonPlaceholder?: (model?: string) => string;
+}
+
+export function ModelConfiguration({
+  value,
+  providerOptions,
+  inheritedValue,
+  label,
+  description,
+  placeholder = 'Select a model...',
+  canClear = true,
+  isRequired = false,
+  onModelChange,
+  onProviderOptionsChange,
+  editorNamePrefix = 'model',
+  getJsonPlaceholder,
+}: ModelConfigurationProps) {
+  // Internal state for provider options to handle immediate updates
+  const [internalProviderOptions, setInternalProviderOptions] = useState<
+    string | Record<string, unknown> | undefined
+  >(providerOptions);
+
+  // Sync internal state when prop changes
+  useEffect(() => {
+    setInternalProviderOptions(providerOptions);
+  }, [providerOptions]);
+
+  const handleModelChange = (modelValue: string) => {
+    const previousModel = value;
+    const newModel = modelValue || undefined;
+
+    // Clear provider options when switching between different provider types or models
+    const previousProvider = previousModel?.includes('/') ? previousModel.split('/')[0] : null;
+    const newProvider = newModel?.includes('/') ? newModel.split('/')[0] : null;
+
+    // Only clear if switching between different providers (but preserve existing options for same provider)
+    if (previousProvider && newProvider && previousProvider !== newProvider) {
+      setInternalProviderOptions(undefined);
+      onProviderOptionsChange?.(undefined);
+    } else if (previousProvider && !newProvider) {
+      setInternalProviderOptions(undefined);
+      onProviderOptionsChange?.(undefined);
+    }
+
+    onModelChange?.(newModel || '');
+  };
+
+  const handleProviderOptionsChange = (options: Record<string, any>) => {
+    if (!options || Object.keys(options).length === 0) {
+      setInternalProviderOptions(undefined);
+      onProviderOptionsChange?.(undefined);
+      return;
+    }
+    const jsonString = JSON.stringify(options, null, 2);
+    setInternalProviderOptions(jsonString);
+    onProviderOptionsChange?.(jsonString);
+  };
+
+  // Handle both string (from JSON editors) and object (from ModelSelector) inputs
+  const handleProviderOptionsStringChange = (value: string | undefined) => {
+    // Don't update with empty string if we have valid internal state
+    if (value === '' && internalProviderOptions && internalProviderOptions !== '') {
+      return;
+    }
+
+    setInternalProviderOptions(value);
+    onProviderOptionsChange?.(value);
+  };
+
+  const getDefaultJsonPlaceholder = (model?: string) => {
+    if (model?.startsWith('azure/')) {
+      return `{
+  "resourceName": "your-azure-resource",
+  "temperature": 0.7,
+  "maxOutputTokens": 2048
+}`;
+    }
+    return `{
+  "temperature": 0.7,
+  "maxOutputTokens": 2048
+}`;
+  };
+
+  const jsonPlaceholder = getJsonPlaceholder
+    ? getJsonPlaceholder(value)
+    : getDefaultJsonPlaceholder(value);
+
+  return (
+    <div className="space-y-4">
+      <div className="relative space-y-2">
+        <ModelSelector
+          value={value || ''}
+          onValueChange={handleModelChange}
+          onProviderOptionsChange={handleProviderOptionsChange}
+          inheritedValue={inheritedValue}
+          label={label}
+          placeholder={placeholder}
+          canClear={canClear}
+          isRequired={isRequired}
+        />
+        {description && <p className="text-xs text-muted-foreground">{description}</p>}
+      </div>
+
+      {/* Provider Options JSON Editor */}
+      {value && (
+        <ExpandableJsonEditor
+          name={`${editorNamePrefix}-provider-options`}
+          label="Provider options"
+          onChange={handleProviderOptionsStringChange}
+          value={
+            typeof internalProviderOptions === 'string'
+              ? internalProviderOptions
+              : internalProviderOptions
+                ? JSON.stringify(internalProviderOptions, null, 2)
+                : ''
+          }
+          placeholder={jsonPlaceholder}
+          readOnly={false}
+        />
+      )}
+
+      {/* Azure Configuration Fields */}
+      {value?.startsWith('azure/') && (
+        <AzureConfigurationSection
+          providerOptions={internalProviderOptions}
+          onProviderOptionsChange={handleProviderOptionsStringChange}
+          editorNamePrefix={editorNamePrefix}
+        />
+      )}
+    </div>
+  );
+}

package/src/features/agent/domain/serialize.ts

@@ -53,15 +53,23 @@ export function isContextConfigParseError(error: unknown): error is ContextConfi
 /**
  * Safely parse a JSON string, returning undefined if parsing fails or input is falsy
  */
-function safeJsonParse(jsonString: string | undefined | null): any {
-  if (!jsonString) return undefined;
-
-  try {
-    return JSON.parse(jsonString);
-  } catch (error) {
-    console.warn('Error parsing JSON:', error);
-    return undefined;
+function safeJsonParse(value: string | object | undefined | null): any {
+  if (!value) return undefined;
+
+  // If it's already an object, return it as-is
+  if (typeof value === 'object') return value;
+
+  // If it's a string, try to parse it
+  if (typeof value === 'string') {
+    try {
+      return JSON.parse(value);
+    } catch (error) {
+      console.warn('Error parsing JSON:', error);
+      return undefined;
+    }
   }
+
+  return undefined;
 }
 function processModels(modelsData: AgentMetadata['models']): AgentMetadata['models'] | undefined {
   if (modelsData && typeof modelsData === 'object') {

package/src/hooks/use-node-editor.ts

@@ -89,26 +89,10 @@ export function useNodeEditor({ selectedNodeId, errorHelpers }: UseNodeEditorOpt
     [updateField]
   );
 
-  // Advanced path-based updates for nested objects
-  const updatePath = useCallback(
-    (path: string, value: any) => {
-      const pathParts = path.split('.');
-
-      if (pathParts.length === 1) {
-        updateField(path, value);
-      } else {
-        // For nested updates, we need to get the current node data
-        // This requires access to the current node data, which we'll need to pass in
-        // For now, let's use the simple updateField approach and handle complex cases separately
-        updateField(path, value);
-      }
-    },
-    [updateField]
-  );
-
   // Enhanced updatePath that can handle nested objects
   const updateNestedPath = useCallback(
     (path: string, value: any, currentNodeData: any) => {
+      console.log('updateNestedPath called:', { path, value, currentNodeData });
       const pathParts = path.split('.');
 
       if (pathParts.length === 1) {
@@ -132,6 +116,7 @@ export function useNodeEditor({ selectedNodeId, errorHelpers }: UseNodeEditorOpt
 
         // Set the final value
         const finalKey = nestedPath[nestedPath.length - 1];
+        console.log('updateNestedPath setting:', { finalKey, value, current });
         if (value === undefined || value === null || value === '') {
           delete current[finalKey];
           if (Object.keys(updatedParent).length === 0) {
@@ -148,6 +133,15 @@ export function useNodeEditor({ selectedNodeId, errorHelpers }: UseNodeEditorOpt
     [updateField]
   );
 
+  // Advanced path-based updates for nested objects
+  const updatePath = useCallback(
+    (path: string, value: any) => {
+      const currentNode = getNode(selectedNodeId);
+      updateNestedPath(path, value, currentNode?.data);
+    },
+    [getNode, selectedNodeId, updateNestedPath]
+  );
+
   return {
     // Field management
     updateField,

package/src/lib/__tests__/monaco-utils.test.tsx

@@ -2,6 +2,12 @@ import type * as Monaco from 'monaco-editor';
 import { monacoStore } from '@/features/agent/state/use-monaco-store';
 import { addDecorations, getOrCreateModel } from '@/lib/monaco-editor/monaco-utils';
 
+// Use fake timers to prevent Monaco's WorkerManager intervals from causing
+// "window is not defined" errors after the test environment is torn down.
+// The WorkerManager uses window.setInterval for idle checks, which can fire
+// after JSDOM cleanup if we don't control the timers.
+vi.useFakeTimers();
+
 const obj = {
   null: null,
   number: 1,
@@ -45,14 +51,19 @@ describe('Monaco-Editor Functionality', async () => {
     });
   });
 
-  afterEach(async () => {
+  afterEach(() => {
     editor?.dispose();
     model?.dispose();
     container?.remove();
 
-    // Wait for any pending operations to complete, including web worker cleanup.
-    // Increased timeout to handle slower CI environments.
-    await new Promise((resolve) => setTimeout(resolve, 100));
+    // Clear all pending timers to prevent Monaco's WorkerManager intervals
+    // from firing after the test environment is torn down.
+    vi.clearAllTimers();
+  });
+
+  afterAll(() => {
+    // Restore real timers after all tests in this suite complete
+    vi.useRealTimers();
   });
 
   it('should test monaco.editor.tokenize with proper worker initialization', async () => {

package/src/lib/utils.ts

@@ -18,6 +18,30 @@ export function formatJson(jsonString: string) {
   }
 }
 
+/**
+ * Creates a standardized handler for provider options changes that parses JSON strings to objects
+ * @param updateFn Function to call with the parsed provider options
+ * @returns A handler function that can be used as onProviderOptionsChange
+ */
+export function createProviderOptionsHandler(updateFn: (options: any) => void) {
+  return (value: string | undefined) => {
+    console.log('createProviderOptionsHandler received:', value);
+    if (!value?.trim()) {
+      console.log('Calling updateFn with undefined');
+      updateFn(undefined);
+      return;
+    }
+    try {
+      const parsed = JSON.parse(value);
+      console.log('Parsed JSON:', parsed);
+      console.log('Calling updateFn with parsed options');
+      updateFn(parsed);
+    } catch (error) {
+      console.error('Failed to parse provider options JSON:', error);
+    }
+  };
+}
+
 export function formatJsonField(value: any): string {
   if (value === undefined || value === null) {
     return '';

package/.next/standalone/agents-manage-ui/.next/server/chunks/ssr/[root-of-the-server]__ddfca67d._.js

@@ -1,3 +0,0 @@
-module.exports=[277259,a=>{a.v({$id:"https://raw.githubusercontent.com/ajv-validator/ajv/master/lib/refs/data.json#",description:"Meta-schema for $data reference (JSON AnySchema extension proposal)",type:"object",required:["$data"],properties:{$data:{type:"string",anyOf:[{format:"relative-json-pointer"},{format:"json-pointer"}]}},additionalProperties:!1})},169690,a=>{a.v({$schema:"http://json-schema.org/draft-07/schema#",$id:"http://json-schema.org/draft-07/schema#",title:"Core schema meta-schema",definitions:{schemaArray:{type:"array",minItems:1,items:{$ref:"#"}},nonNegativeInteger:{type:"integer",minimum:0},nonNegativeIntegerDefault0:{allOf:[{$ref:"#/definitions/nonNegativeInteger"},{default:0}]},simpleTypes:{enum:["array","boolean","integer","null","number","object","string"]},stringArray:{type:"array",items:{type:"string"},uniqueItems:!0,default:[]}},type:["object","boolean"],properties:{$id:{type:"string",format:"uri-reference"},$schema:{type:"string",format:"uri"},$ref:{type:"string",format:"uri-reference"},$comment:{type:"string"},title:{type:"string"},description:{type:"string"},default:!0,readOnly:{type:"boolean",default:!1},examples:{type:"array",items:!0},multipleOf:{type:"number",exclusiveMinimum:0},maximum:{type:"number"},exclusiveMaximum:{type:"number"},minimum:{type:"number"},exclusiveMinimum:{type:"number"},maxLength:{$ref:"#/definitions/nonNegativeInteger"},minLength:{$ref:"#/definitions/nonNegativeIntegerDefault0"},pattern:{type:"string",format:"regex"},additionalItems:{$ref:"#"},items:{anyOf:[{$ref:"#"},{$ref:"#/definitions/schemaArray"}],default:!0},maxItems:{$ref:"#/definitions/nonNegativeInteger"},minItems:{$ref:"#/definitions/nonNegativeIntegerDefault0"},uniqueItems:{type:"boolean",default:!1},contains:{$ref:"#"},maxProperties:{$ref:"#/definitions/nonNegativeInteger"},minProperties:{$ref:"#/definitions/nonNegativeIntegerDefault0"},required:{$ref:"#/definitions/stringArray"},additionalProperties:{$ref:"#"},definitions:{type:"object",additionalProperties:{$ref:"#"},default:{}},properties:{type:"object",additionalProperties:{$ref:"#"},default:{}},patternProperties:{type:"object",additionalProperties:{$ref:"#"},propertyNames:{format:"regex"},default:{}},dependencies:{type:"object",additionalProperties:{anyOf:[{$ref:"#"},{$ref:"#/definitions/stringArray"}]}},propertyNames:{$ref:"#"},const:!0,enum:{type:"array",items:!0,minItems:1,uniqueItems:!0},type:{anyOf:[{$ref:"#/definitions/simpleTypes"},{type:"array",items:{$ref:"#/definitions/simpleTypes"},minItems:1,uniqueItems:!0}]},format:{type:"string"},contentMediaType:{type:"string"},contentEncoding:{type:"string"},if:{$ref:"#"},then:{$ref:"#"},else:{$ref:"#"},allOf:{$ref:"#/definitions/schemaArray"},anyOf:{$ref:"#/definitions/schemaArray"},oneOf:{$ref:"#/definitions/schemaArray"},not:{$ref:"#"}},default:!0})},189381,125144,a=>{"use strict";a.i(692260);var b=a.i(996269);a.s(["default",0,b],143615),a.s([],189381),a.i(143615),a.s(["z",0,b],125144)},996779,a=>{"use strict";var b=a.i(96789);let c=(0,b.createServerReference)("703841357830932a8047660d0901a1ee82fe63b8f8",b.callServer,void 0,b.findSourceMapURL,"findOrCreateCredential");a.s(["findOrCreateCredential",()=>c])},135478,531485,a=>{"use strict";let b="[nango]";class c{baseURL;debug;swClient;errorHandler;modal;isProcessingMessage=!1;constructor({baseUrl:a,debug:b,webSocketUrl:c,successHandler:d,errorHandler:e}){this.baseURL=a,this.debug=b,this.swClient=new WebSocket(c),this.errorHandler=e,this.swClient.onmessage=a=>{this.isProcessingMessage=!0,this.handleMessage(a,d),this.isProcessingMessage=!1}}setModal(a){this.modal=a}handleMessage(a,c){let d=JSON.parse(a.data);switch(d.message_type){case"connection_ack":this.debug&&console.log(b,"Connection ack received. Opening modal..."),this.baseURL.searchParams.set("ws_client_id",d.ws_client_id),this.open();break;case"error":this.debug&&console.log(b,"Error received. Rejecting authorization..."),this.errorHandler(d.error_type,d.error_desc),this.swClient.close();break;case"success":this.debug&&console.log(b,"Success received. Resolving authorization..."),c({providerConfigKey:d.provider_config_key,connectionId:d.connection_id,isPending:d.is_pending}),this.swClient.close();break;default:this.debug&&console.log(b,"Unknown message type received from Nango server. Ignoring...");return}}open(){if(this.modal&&(this.debug&&console.log(b,"opening",this.baseURL.href),this.modal.location=this.baseURL.href,!this.modal||this.modal.closed||void 0===this.modal.closed))return void this.errorHandler("blocked_by_browser","Modal blocked by browser")}close(){this.modal&&!this.modal.closed&&(this.modal.close(),delete this.modal),this.swClient.close(),delete this.swClient}}class d{iframe=null;isReady=!1;listener=null;sessionToken;baseURL;apiURL;onEvent;detectClosedAuthWindow;lang;themeOverride;constructor({sessionToken:a,baseURL:b="https://connect.nango.dev",apiURL:c="https://api.nango.dev",detectClosedAuthWindow:d,onEvent:e,lang:f,themeOverride:g}){this.sessionToken=a,this.baseURL=b,this.apiURL=c,this.onEvent=e,this.detectClosedAuthWindow=d,this.lang=f,this.themeOverride=g}open(){this.iframe=this.createIframe(),document.body.append(this.iframe),document.body.style.overflow="hidden",this.setupEventListeners()}createIframe(){let a=new URL(this.baseURL);this.apiURL&&a.searchParams.append("apiURL",this.apiURL),this.detectClosedAuthWindow&&a.searchParams.append("detectClosedAuthWindow",String(this.detectClosedAuthWindow)),this.lang&&a.searchParams.append("lang",this.lang),this.themeOverride&&a.searchParams.append("theme",this.themeOverride);let b=document.createElement("iframe");return b.src=a.href,b.id="connect-ui",b.style.position="fixed",b.style.zIndex="9999",b.style.top="0",b.style.left="0",b.style.right="0",b.style.bottom="0",b.style.width="100vw",b.style.height="100vh",b.style.backgroundColor="transparent",b}setupEventListeners(){this.listener=a=>{if(a.origin!==new URL(this.baseURL).origin||"object"!=typeof a.data||!a.data||!a.data.type)return;let b=a.data;switch(b.type){case"ready":this.isReady=!0,this.sendSessionToken();break;case"close":this.close()}this.onEvent&&this.onEvent(b)},window.addEventListener("message",this.listener,!1)}setSessionToken(a){this.sessionToken=a,this.isReady&&this.sendSessionToken()}close(){this.listener&&window.removeEventListener("message",this.listener),this.iframe&&(document.body.removeChild(this.iframe),this.iframe=null,document.body.style.overflow="")}sendSessionToken(){if(!this.sessionToken)return;let a={type:"session_token",sessionToken:this.sessionToken};this.iframe?.contentWindow?.postMessage(a,"*")}}let e="NANGO DEBUG LOG: ";class f extends Error{type;constructor(a,b){super(a),this.type=b}}class g{hostBaseUrl;websocketsBaseUrl;publicKey;connectSessionToken;debug=!1;width=500;height=600;tm=null;win=null;constructor(a={}){a.host=a.host||"https://api.nango.dev",a.websocketsPath=a.websocketsPath||"/",this.debug=a.debug||!1,this.debug&&(console.log(e,"Debug mode is enabled."),console.log(e,`Using host: ${a.host}.`)),a.width&&(this.width=a.width),a.height&&(this.height=a.height),this.hostBaseUrl=a.host.replace(/\/+$/,""),this.publicKey=a.publicKey,this.connectSessionToken=a.connectSessionToken;try{const b=new URL(this.hostBaseUrl),c=new URL(a.websocketsPath,b);this.websocketsBaseUrl=c.toString().replace("https://","wss://").replace("http://","ws://")}catch{throw new f("Invalid URL provided for the Nango host.","invalid_host_url")}}async create(a,b,c){this.ensureCredentials();let d=null,e=c;"string"==typeof b?d=b:e=b;let f=this.hostBaseUrl+`/auth/unauthenticated/${a}${this.toQueryString(d,e)}`;return await this.triggerAuth({authUrl:f})}auth(a,b,d){this.ensureCredentials();let e=null,g=d;if("string"==typeof b?e=b:g={...g,...b},g&&("installation"in g&&"outbound"===g.installation||"credentials"in g&&("token_id"in g.credentials&&"token_secret"in g.credentials||!("oauth_client_id_override"in g.credentials)||!("oauth_client_secret_override"in g.credentials))&&Object.keys(g.credentials).length>0)){let b=g.credentials;if(!b)throw new f("Credentials are required for custom auth","missing_credentials");let{credentials:c,...d}=g;return this.customAuth(a,e,this.convertCredentialsToConfig(b),d,g.installation)}let h=window.open("","_blank",function(a){let b={...a,scrollbars:"yes",resizable:"yes",status:"no",toolbar:"no",location:"no",copyhistory:"no",menubar:"no",directories:"no"},c=[];for(let a in b)c.push(`${a}=${b[a]}`);return c.join(",")}(function({expectedWidth:a,expectedHeight:b}){let c=window.screen.width,d=window.screen.height,e=Math.min(a,c),f=Math.min(b,d);return{left:Math.max(c/2-a/2,0),top:Math.max(d/2-b/2,0),width:e,height:f}}({expectedWidth:this.width,expectedHeight:this.height})));return new Promise((b,d)=>{let i,j=(a,b)=>{d(new f(b,a))};if(this.win&&this.clear(),!h||h.closed||void 0===h.closed)return void j("blocked_by_browser","Modal blocked by browser");try{i=new URL(`${this.hostBaseUrl}/oauth/connect/${a}${this.toQueryString(e,g)}`)}catch{j("invalid_host_url","Invalid URL provided for the Nango host.");return}this.win=new c({baseUrl:i,debug:this.debug,webSocketUrl:this.websocketsBaseUrl,successHandler:a=>{b(a)},errorHandler:j}),this.win.setModal(h),this.tm=setInterval(()=>{this.win&&this.win.modal&&(!this.win.modal.window||this.win.modal.closed)&&!this.win.isProcessingMessage&&g?.detectClosedAuthWindow&&(clearInterval(this.tm),this.win.close(),this.win=null,d(new f("The authorization window was closed before the authorization flow was completed","window_closed")))},500)}).finally(()=>{this.clear()})}reconnect(a,b){if(!this.connectSessionToken)throw new f("Reconnect requires a session token","missing_connect_session_token");return this.auth(a,b)}clear(){if(this.tm&&clearInterval(this.tm),this.win){try{this.win.close()}catch(a){console.log("err",a)}this.win=null}}openConnectUI(a){let b=new d({sessionToken:this.connectSessionToken,...a});return b.open(),b}convertCredentialsToConfig(a){let b={};if("type"in a&&"username"in a&&"password"in a&&"SIGNATURE"===a.type)return{params:{type:a.type,username:a.username,password:a.password}};if("username"in a&&(b.username=a.username||""),"password"in a&&(b.password=a.password||""),"apiKey"in a&&(b.apiKey=a.apiKey||""),"privateKey"in a||"type"in a&&"JWT"===a.type){let{privateKey:b,...c}=a,d={...c};return b&&"object"==typeof b&&"id"in b&&"secret"in b&&(d.privateKey=b),{params:a}}if("privateKeyId"in a&&"issuerId"in a&&"privateKey"in a){let b={params:{privateKeyId:a.privateKeyId,issuerId:a.issuerId,privateKey:a.privateKey}};return"scope"in a&&("string"==typeof a.scope||Array.isArray(a.scope))&&(b.params.scope=a.scope),b}if("client_id"in a&&"client_secret"in a)return{params:{client_id:a.client_id,client_secret:a.client_secret,client_certificate:a.client_certificate,client_private_key:a.client_private_key}};if("token_id"in a&&"token_secret"in a){let b={token_id:a.token_id,token_secret:a.token_secret};return"oauth_client_id_override"in a&&(b.oauth_client_id_override=a.oauth_client_id_override),"oauth_client_secret_override"in a&&(b.oauth_client_secret_override=a.oauth_client_secret_override),{params:b}}return"username"in a&&"password"in a&&"organization_id"in a&&"dev_key"in a?{params:{username:a.username,password:a.password,organization_id:a.organization_id,dev_key:a.dev_key}}:"type"in a&&"TWO_STEP"===a.type?{params:{...a}}:{params:b}}async triggerAuth({authUrl:a,credentials:b}){let c=await fetch(a,{method:"POST",headers:{"Content-Type":"application/json"},...b?{body:JSON.stringify(b)}:{}});if(!c.ok){let a=await c.json();throw new f(a.error.message,a.error.code)}return c.json()}async customAuth(a,b,c,d,e){let{params:g}=c;if(!g)throw new f("You must specify credentials.","missing_credentials");return"type"in g&&"TWO_STEP"===g.type?await this.triggerAuth({authUrl:this.hostBaseUrl+`/auth/two-step/${a}${this.toQueryString(b,d)}`,credentials:g}):"type"in g&&"SIGNATURE"===g.type&&"username"in g&&"password"in g?await this.triggerAuth({authUrl:this.hostBaseUrl+`/auth/signature/${a}${this.toQueryString(b,d)}`,credentials:g}):"username"in g&&"password"in g&&"organization_id"in g&&"dev_key"in g?await this.triggerAuth({authUrl:this.hostBaseUrl+`/auth/bill/${a}${this.toQueryString(b,d)}`,credentials:g}):"apiKey"in g?await this.triggerAuth({authUrl:this.hostBaseUrl+`/api-auth/api-key/${a}${this.toQueryString(b,d)}`,credentials:g}):"username"in g||"password"in g?await this.triggerAuth({authUrl:this.hostBaseUrl+`/api-auth/basic/${a}${this.toQueryString(b,d)}`,credentials:g}):"privateKey"in g||"type"in g&&"JWT"===g.type?await this.triggerAuth({authUrl:this.hostBaseUrl+`/auth/jwt/${a}${this.toQueryString(b,d)}`,credentials:g}):"privateKeyId"in g&&"issuerId"in g&&"privateKey"in g?await this.triggerAuth({authUrl:this.hostBaseUrl+`/app-store-auth/${a}${this.toQueryString(b,d)}`,credentials:g}):"token_id"in g&&"token_secret"in g?await this.triggerAuth({authUrl:this.hostBaseUrl+`/auth/tba/${a}${this.toQueryString(b,d)}`,credentials:g}):"client_id"in g&&"client_secret"in g?await this.triggerAuth({authUrl:this.hostBaseUrl+`/oauth2/auth/${a}${this.toQueryString(b,d)}`,credentials:g}):"outbound"===e?await this.triggerAuth({authUrl:this.hostBaseUrl+`/auth/oauth-outbound/${a}${this.toQueryString(b,d)}`}):Promise.reject(Error("Something went wrong with the authorization"))}toQueryString(a,b){let c=[];if(a&&c.push(`connection_id=${a}`),this.publicKey&&c.push(`public_key=${this.publicKey}`),this.connectSessionToken&&c.push(`connect_session_token=${this.connectSessionToken}`),b){for(let a in b.params){let d=b.params[a];"string"==typeof d&&c.push(`params[${encodeURIComponent(a)}]=${encodeURIComponent(d)}`)}if(b.hmac&&c.push(`hmac=${b.hmac}`),b.user_scope&&c.push(`user_scope=${b.user_scope.join(",")}`),b.credentials){let a=b.credentials;"oauth_client_id_override"in a&&c.push(`credentials[oauth_client_id_override]=${encodeURIComponent(a.oauth_client_id_override)}`),"oauth_client_secret_override"in a&&c.push(`credentials[oauth_client_secret_override]=${encodeURIComponent(a.oauth_client_secret_override)}`),"token_id"in a&&c.push(`token_id=${encodeURIComponent(a.token_id)}`),"token_secret"in a&&c.push(`token_secret=${encodeURIComponent(a.token_secret)}`)}for(let a in b.authorization_params){let d=b.authorization_params[a];"string"==typeof d?c.push(`authorization_params[${a}]=${d}`):void 0===d&&c.push(`authorization_params[${a}]=undefined`)}}return 0===c.length?"":"?"+c.join("&")}ensureCredentials(){if(!this.publicKey&&!this.connectSessionToken)throw new f("You must specify a public key OR a connect session token (cf. documentation).","missing_auth_token")}}var h=a.i(209594),i=a.i(242712),j=a.i(148594),k=a.i(96789);let l=(0,k.createServerReference)("40495c8754ba3b9f7ce756199e8161c4d7a92e3f35",k.callServer,void 0,k.findSourceMapURL,"createProviderConnectSession");a.s(["createProviderConnectSession",()=>l],531485);var m=a.i(118873);function n(){let{PUBLIC_NANGO_SERVER_URL:a,PUBLIC_NANGO_CONNECT_BASE_URL:b}=(0,i.useRuntimeConfig)(),{user:c}=(0,m.useAuthSession)(),d=(0,j.useAuthClient)();return{openNangoConnect:(0,h.useCallback)(({sessionToken:c,onEvent:d,connectOptions:e})=>{let f=new g({host:a||void 0}).openConnectUI({baseURL:e?.baseURL||b||void 0,apiURL:e?.apiURL||a||void 0,onEvent:d,detectClosedAuthWindow:!0});return f.setSessionToken(c),f},[a,b]),openNangoConnectHeadless:(0,h.useCallback)(async({mcpServerUrl:b,providerUniqueKey:e,providerDisplayName:f})=>{let{data:h}=await d.organization.getFullOrganization(),i=new g({host:a||void 0,connectSessionToken:await l({providerName:"mcp-generic",uniqueKey:e,displayName:f,endUserId:c?.id,endUserEmail:c?.email,endUserDisplayName:c?.name,organizationId:h?.id,organizationDisplayName:h?.name})});try{return await i.auth(e,{detectClosedAuthWindow:!0,params:{mcp_server_url:b}})}catch(a){if(a instanceof Error)throw Error(`Authentication failed: ${a.message}`);throw a}},[a,c?.id,c?.email,c?.name,d])}}a.s(["useNangoConnect",()=>n],135478)},244322,a=>{"use strict";var b=a.i(817295);a.i(562366);var c=a.i(766522),d=a.i(511818),e=a.i(447035),f=a.i(209594),g=a.i(156916);let h={key:"client_id",label:"Client ID",type:"text",component:"input",placeholder:"Enter your OAuth client ID",required:!0},i={key:"client_secret",label:"Client Secret",type:"password",component:"input",placeholder:"Enter your OAuth client secret",required:!0},j={key:"scopes",label:"Scopes",type:"textarea",component:"textarea",placeholder:"Enter required scopes (space or comma separated)",helpText:"Leave empty to use default scopes for this provider",required:!1},k={key:"app_id",label:"App ID",type:"text",component:"input",placeholder:"Enter your app ID",required:!0},l={key:"app_link",label:"App Link",type:"url",component:"input",placeholder:"https://example.com/app",helpText:"The URL where your app is hosted or registered",required:!0,validate:a=>{if(a.trim())try{let b=new URL(a.trim());if(!["http:","https:"].includes(b.protocol))return"Only HTTP and HTTPS URLs are allowed";return}catch{return"Please enter a valid URL"}}},m={key:"private_key",label:"Private Key",type:"textarea",component:"textarea",placeholder:"-----BEGIN PRIVATE KEY-----\n...\n-----END PRIVATE KEY-----",helpText:"Your app's private key for authentication",required:!0},n={title:"OAuth Credentials",description:"You'll need to create an OAuth application in the provider's developer console to get these credentials.",fields:[h,i,j]},o={OAUTH1:{authMode:"OAUTH1",sections:[n]},OAUTH2:{authMode:"OAUTH2",sections:[n]},TBA:{authMode:"TBA",sections:[{title:"Authentication Credentials",description:"You'll need to create an application in the provider's developer console to get these credentials.",fields:[h,i,j]}]},APP:{authMode:"APP",sections:[{title:"App Credentials",description:"You'll need to create an app in the provider's developer portal to get these credentials.",fields:[k,l,m]}]},CUSTOM:{authMode:"CUSTOM",sections:[{title:"OAuth Credentials",fields:[h,i]},{title:"App Credentials",fields:[k,l,m]}]}};var p=a.i(131776),q=a.i(394320),r=a.i(874078),s=a.i(178880),t=a.i(872166),u=a.i(888170),v=a.i(888890),w=a.i(637771);function x({provider:a,onBack:c,onSubmit:d,loading:e=!1}){let f=o[a.auth_mode]||null,g=f?.sections.flatMap(a=>a.fields)||[],h=f?function(a){let b=a.sections.flatMap(a=>a.fields),c={};for(let a of b){let b=r.string();a.validate&&(b=b.refine(b=>{let c=String(b||"");return!c&&!a.required||!(a.validate?a.validate(c):void 0)},{message:`Invalid ${a.label.toLowerCase()}`})),b=a.required?r.string().min(1,`${a.label} is required`):r.string().optional().or(r.literal("")),c[a.key]=b}return r.object(c)}(f):r.object({_placeholder:r.string().optional()}),i=Object.fromEntries(g.map(a=>[a.key,""])),j=(0,q.useForm)({resolver:f?(0,p.zodResolver)(h):void 0,defaultValues:i});if(!f)return(0,b.jsx)("div",{className:"space-y-6",children:(0,b.jsxs)("div",{className:"flex items-center gap-4",children:[(0,b.jsx)(v.Button,{variant:"outline",onClick:c,children:"← Back"}),(0,b.jsxs)("div",{children:[(0,b.jsx)("h1",{className:"text-2xl font-bold",children:"Configuration Not Available"}),(0,b.jsxs)("p",{className:"text-muted-foreground",children:["No configuration form is available for ",a.auth_mode," authentication mode."]})]})]})});let k=a=>{let c="private_key"===a.key,d=a.label;return"textarea"===a.component?(0,b.jsxs)("div",{className:"space-y-2",children:[(0,b.jsx)(t.GenericTextarea,{control:j.control,name:a.key,label:d,isRequired:a.required,placeholder:a.placeholder,className:c?"font-mono text-sm min-h-[120px]":"min-h-[80px]"}),a.helpText&&(0,b.jsx)("p",{className:"text-sm text-muted-foreground",children:a.helpText})]},a.key):(0,b.jsxs)("div",{className:"space-y-2",children:[(0,b.jsx)(s.GenericInput,{control:j.control,name:a.key,label:d,isRequired:a.required,type:a.type,placeholder:a.placeholder,disabled:e}),a.helpText&&(0,b.jsx)("p",{className:"text-sm text-muted-foreground",children:a.helpText})]},a.key)};return(0,b.jsxs)("div",{className:"space-y-6",children:[(0,b.jsx)("div",{className:"flex items-center gap-4",children:(0,b.jsxs)("div",{className:"flex items-center gap-3",children:[(0,b.jsx)(u.ProviderIcon,{provider:a.name,size:24}),(0,b.jsxs)("div",{children:[(0,b.jsxs)("h1",{className:"text-lg font-medium",children:["Setup ",a.display_name||a.name]}),(0,b.jsx)("p",{className:"text-muted-foreground",children:"Complete the required fields to set up this credential."})]})]})}),(0,b.jsx)(w.Form,{...j,children:(0,b.jsxs)("form",{onSubmit:j.handleSubmit(a=>{let b={};for(let[c,d]of Object.entries(a)){let a=d?.toString().trim();a&&(b[c]=a)}d(b)}),className:"space-y-8",children:[f.sections.map((a,c)=>(0,b.jsxs)("div",{className:"space-y-8",children:[a.title&&(0,b.jsxs)("div",{children:[(0,b.jsx)("h3",{className:"text-lg font-medium",children:a.title}),a.description&&(0,b.jsx)("p",{className:"text-sm text-muted-foreground mt-1",children:a.description})]}),a.fields.map(k)]},c)),(0,b.jsxs)("div",{className:"flex gap-3",children:[(0,b.jsx)(v.Button,{type:"submit",disabled:e,children:e?"Creating Credential...":"Create Credential"}),(0,b.jsx)(v.Button,{type:"button",variant:"outline",onClick:c,disabled:e,children:"Cancel"})]})]})})]})}var y=a.i(146523),z=a.i(118873),A=a.i(135478),B=a.i(96789);let C=(0,B.createServerReference)("007116db03e3ae36565a3585f5ed9a145e30c96a1a",B.callServer,void 0,B.findSourceMapURL,"fetchNangoProviders");var D=a.i(148594),E=a.i(531485);class F extends Error{operation;cause;constructor(a,b,c){super(a),this.operation=b,this.cause=c,this.name="NangoError"}}var G=a.i(996779),H=a.i(765351);a.s(["default",0,function({params:a}){let h=(0,e.useRouter)(),{providers:i,loading:j}=function(){let[a,b]=(0,f.useState)(null),[c,d]=(0,f.useState)(!0),[e,g]=(0,f.useState)(null);return(0,f.useEffect)(()=>{!async function(){try{d(!0),g(null);let a=await C();b(a)}catch(a){g(a instanceof Error?a.message:"Failed to load providers"),b([])}finally{d(!1)}}()},[]),{providers:a,loading:c,error:e}}(),[k,l]=(0,f.useState)(!1),[m,n]=(0,f.useState)(!1),{openNangoConnect:p}=(0,A.useNangoConnect)(),{user:q}=(0,z.useAuthSession)(),r=(0,D.useAuthClient)(),{providerId:s,tenantId:t,projectId:u}=(0,f.use)(a),w=i?.find(a=>encodeURIComponent(a.name)===s),B=(0,f.useCallback)(async a=>{if(w&&"connect"===a.type){if(!a.payload?.connectionId||!a.payload?.providerConfigKey){console.error("Missing required connection data:",a.payload),g.toast.error("Invalid connection data received");return}try{await (0,G.findOrCreateCredential)(t,u,{id:(0,H.generateId)(),name:w.name,type:c.CredentialStoreType.nango,createdBy:q?.email??void 0,credentialStoreId:d.DEFAULT_NANGO_STORE_ID,retrievalParams:{connectionId:a.payload.connectionId,providerConfigKey:a.payload.providerConfigKey,provider:w.name,authMode:w.auth_mode}}),g.toast.success("Credential created successfully"),h.push(`/${t}/projects/${u}/credentials`)}catch(a){console.error("Failed to create credential record:",a),a instanceof Error&&a.message?.includes("database")?g.toast.error("Failed to save credential. Please check your connection and try again."):g.toast.error("Failed to save credential. Please try again.")}}},[w,t,u,h,q?.email]),I=(0,f.useCallback)(async a=>{if(!w)return;let{data:b}=await r.organization.getFullOrganization();l(!0),n(!0);try{let c=await (0,E.createProviderConnectSession)({providerName:w.name,uniqueKey:w.name,displayName:w.name,credentials:a&&w.auth_mode?{...a,type:w.auth_mode}:void 0,endUserId:q?.id,endUserEmail:q?.email,endUserDisplayName:q?.name,organizationId:b?.id,organizationDisplayName:b?.name});p({sessionToken:c,onEvent:B})}catch(a){console.error("Failed to create credential:",a),a instanceof F?"createConnectSession"===a.operation?g.toast.error("Failed to start authentication flow. Please try again."):g.toast.error("Service temporarily unavailable. Please try again later."):a instanceof Error&&a.message?.includes("NANGO_SECRET_KEY")?g.toast.error("Configuration error. Please contact support."):g.toast.error("Failed to create credential. Please try again.")}finally{l(!1)}},[w,p,B,q?.id,q?.email,q?.name,r]);(0,f.useEffect)(()=>{!w||w.auth_mode in o||k||m||I()},[w,k,m,I]);let J=()=>{h.push(`/${t}/projects/${u}/credentials/new/providers`)};return j?(0,b.jsx)("div",{className:"flex items-center justify-center h-64",children:"Loading provider..."}):w?w.auth_mode in o?(0,b.jsx)(y.BodyTemplate,{breadcrumbs:[{label:"Credentials",href:`/${t}/projects/${u}/credentials`},{label:"New credential",href:`/${t}/projects/${u}/credentials/new`},{label:"Providers",href:`/${t}/projects/${u}/credentials/new/providers`},w.display_name],className:"max-w-2xl mx-auto",children:(0,b.jsx)(x,{provider:w,onBack:J,onSubmit:I,loading:k})}):(0,b.jsx)("div",{className:"flex items-center justify-center h-64",children:(0,b.jsxs)("div",{className:"flex flex-col items-center justify-center space-y-4",children:[(0,b.jsxs)("h2",{className:"text-xl font-semibold",children:["Connecting to ",w.name,"..."]}),(0,b.jsxs)("p",{className:"text-muted-foreground",children:["Please wait while we connect to ",w.name,"..."]}),(0,b.jsx)(v.Button,{onClick:J,children:"Back to providers"})]})}):(0,b.jsxs)("div",{className:"flex flex-col items-center justify-center h-64 space-y-4",children:[(0,b.jsx)("h2",{className:"text-xl font-semibold",children:"Provider not found."}),(0,b.jsxs)("p",{className:"text-muted-foreground",children:['The provider "',decodeURIComponent(s),'" was not found.']}),(0,b.jsx)("button",{type:"button",onClick:J,className:"text-primary hover:underline",children:"← Back to providers"})]})}],244322)},70729,a=>{a.v(a=>Promise.resolve().then(()=>a(666680)))}];
-
-//# sourceMappingURL=%5Broot-of-the-server%5D__ddfca67d._.js.map

package/.next/standalone/agents-manage-ui/.next/server/chunks/ssr/_b8bb611b._.js

@@ -1,3 +0,0 @@
-module.exports=[943370,a=>{"use strict";var b=a.i(562366),c=a.i(766522),d=a.i(511818),e=a.i(447035),f=a.i(209594),g=a.i(156916),h=a.i(242712),i=a.i(387871),j=a.i(999012),k=a.i(996779),l=a.i(765351),m=a.i(118873),n=a.i(135478);function o({tenantId:a,projectId:o,onFinish:p}){let q=(0,e.useRouter)(),{PUBLIC_INKEEP_AGENTS_MANAGE_API_URL:r}=(0,h.useRuntimeConfig)(),{openNangoConnectHeadless:s}=(0,n.useNangoConnect)(),{user:t}=(0,m.useAuthSession)(),u=(0,f.useRef)(new Map),v=(0,f.useCallback)((b,c)=>new Promise((d,e)=>{let f=u.current.get(b);f&&(f(),u.current.delete(b));try{let f=c??function({PUBLIC_INKEEP_AGENTS_MANAGE_API_URL:a,tenantId:b,projectId:c,id:d}){if(!b||"string"!=typeof b)throw Error("Invalid tenantId: must be a non-empty string");if(!d||"string"!=typeof d)throw Error("Invalid tool id: must be a non-empty string");if(!c||"string"!=typeof c)throw Error("Invalid projectId: must be a non-empty string");let e=/^[a-zA-Z0-9-_]+$/;if(!e.test(b))throw Error("Invalid tenantId format: only alphanumeric characters, hyphens, and underscores allowed");if(!e.test(d))throw Error("Invalid tool id format: only alphanumeric characters, hyphens, and underscores allowed");if(!e.test(c))throw Error("Invalid projectId format: only alphanumeric characters, hyphens, and underscores allowed");let f=`${a}/oauth/login?tenantId=${encodeURIComponent(b)}&projectId=${encodeURIComponent(c)}&toolId=${encodeURIComponent(d)}`;if(!f.startsWith(a))throw Error("Invalid OAuth URL generated");return f}({PUBLIC_INKEEP_AGENTS_MANAGE_API_URL:r,tenantId:a,projectId:o,id:b}),g=window.open(f,"oauth-popup","width=600,height=700,scrollbars=yes,resizable=yes,status=yes,location=yes");if(!g){let a=Error(`Failed to open popup for ${b} - blocked by browser`);console.error(a.message),e(a);return}let h=!1,i=(c,f)=>{h||(h=!0,window.removeEventListener("message",j),k&&clearInterval(k),clearTimeout(l),u.current.delete(b),c?(p?p(b):q.push(`/${a}/projects/${o}/mcp-servers/${b}`),d()):e(f||Error("OAuth login failed")))},j=a=>{"oauth-success"===a.data.type?i(!0):"oauth-error"===a.data.type&&i(!1,Error(a.data.error||"OAuth login failed"))};window.addEventListener("message",j);let k=null,l=setTimeout(()=>{h||(k=setInterval(()=>{try{g.closed&&i(!0)}catch{}},1e3))},3e3);u.current.set(b,()=>{i(!1,Error("OAuth login cancelled"))})}catch(a){e(a instanceof Error?a:Error("OAuth login failed"))}}),[r,a,o,p,q]),w=(0,f.useCallback)(async({toolId:e,mcpServerUrl:f,toolName:g,credentialScope:h})=>{let i,m=await s({mcpServerUrl:f,providerUniqueKey:`${(0,b.generateIdFromName)(g)}_${e.slice(0,4)}`,providerDisplayName:g}),n="user"===h;if(n){if(!t)throw Error("User not found");i=t.id}let r={id:(0,l.generateId)(),name:g,type:c.CredentialStoreType.nango,credentialStoreId:d.DEFAULT_NANGO_STORE_ID,createdBy:t?.email??void 0,...n&&{toolId:e,userId:i},retrievalParams:{connectionId:m.connectionId,providerConfigKey:m.providerConfigKey,provider:"mcp-generic",authMode:"OAUTH2"}},u=await (0,k.findOrCreateCredential)(a,o,r);n||await (0,j.updateMCPTool)(a,o,e,{credentialReferenceId:u.id}),p?p(e):q.push(`/${a}/projects/${o}/mcp-servers/${e}`)},[s,p,q,a,o,t]);return{handleOAuthLogin:(0,f.useCallback)(async({toolId:b,mcpServerUrl:d,toolName:e,thirdPartyConnectAccountUrl:f,credentialScope:h})=>{if(f)return void await v(b,f);try{let f=await (0,i.listCredentialStores)(a,o),g=f.some(a=>a.type===c.CredentialStoreType.nango&&a.available),j=f.some(a=>a.type===c.CredentialStoreType.keychain&&a.available);if(g)await w({toolId:b,mcpServerUrl:d,toolName:e,credentialScope:h});else if(j)await v(b);else throw Error("No credential store available. Please configure Nango or Keychain.")}catch(b){let a=b instanceof Error?b:Error("OAuth login failed");throw g.toast.error(a.message),a}},[a,o,w,v])}}a.s(["useOAuthLogin",()=>o],943370)},48972,a=>{"use strict";function b(a,[b,c]){return Math.min(c,Math.max(b,a))}a.s(["clamp",()=>b])},184406,147491,a=>{"use strict";var b=a.i(761313);let c=(0,b.default)("chevron-down",[["path",{d:"m6 9 6 6 6-6",key:"qrunsl"}]]);a.s(["default",()=>c],184406);let d=(0,b.default)("chevron-up",[["path",{d:"m18 15-6-6-6 6",key:"153udz"}]]);a.s(["default",()=>d],147491)},189381,125144,a=>{"use strict";a.i(692260);var b=a.i(996269);a.s(["default",0,b],143615),a.s([],189381),a.i(143615),a.s(["z",0,b],125144)},996779,a=>{"use strict";var b=a.i(96789);let c=(0,b.createServerReference)("703841357830932a8047660d0901a1ee82fe63b8f8",b.callServer,void 0,b.findSourceMapURL,"findOrCreateCredential");a.s(["findOrCreateCredential",()=>c])},387871,a=>{"use strict";var b=a.i(96789);let c=(0,b.createServerReference)("60ee396cb909bcf70608cd5c8d07b7eea766573882",b.callServer,void 0,b.findSourceMapURL,"listCredentialStores");a.s(["listCredentialStores",()=>c])},999012,a=>{"use strict";var b=a.i(96789);let c=(0,b.createServerReference)("787adf5f489a8d7903c99b9412ede6ea8c5e31b29a",b.callServer,void 0,b.findSourceMapURL,"updateMCPTool");a.s(["updateMCPTool",()=>c])},135478,531485,a=>{"use strict";let b="[nango]";class c{baseURL;debug;swClient;errorHandler;modal;isProcessingMessage=!1;constructor({baseUrl:a,debug:b,webSocketUrl:c,successHandler:d,errorHandler:e}){this.baseURL=a,this.debug=b,this.swClient=new WebSocket(c),this.errorHandler=e,this.swClient.onmessage=a=>{this.isProcessingMessage=!0,this.handleMessage(a,d),this.isProcessingMessage=!1}}setModal(a){this.modal=a}handleMessage(a,c){let d=JSON.parse(a.data);switch(d.message_type){case"connection_ack":this.debug&&console.log(b,"Connection ack received. Opening modal..."),this.baseURL.searchParams.set("ws_client_id",d.ws_client_id),this.open();break;case"error":this.debug&&console.log(b,"Error received. Rejecting authorization..."),this.errorHandler(d.error_type,d.error_desc),this.swClient.close();break;case"success":this.debug&&console.log(b,"Success received. Resolving authorization..."),c({providerConfigKey:d.provider_config_key,connectionId:d.connection_id,isPending:d.is_pending}),this.swClient.close();break;default:this.debug&&console.log(b,"Unknown message type received from Nango server. Ignoring...");return}}open(){if(this.modal&&(this.debug&&console.log(b,"opening",this.baseURL.href),this.modal.location=this.baseURL.href,!this.modal||this.modal.closed||void 0===this.modal.closed))return void this.errorHandler("blocked_by_browser","Modal blocked by browser")}close(){this.modal&&!this.modal.closed&&(this.modal.close(),delete this.modal),this.swClient.close(),delete this.swClient}}class d{iframe=null;isReady=!1;listener=null;sessionToken;baseURL;apiURL;onEvent;detectClosedAuthWindow;lang;themeOverride;constructor({sessionToken:a,baseURL:b="https://connect.nango.dev",apiURL:c="https://api.nango.dev",detectClosedAuthWindow:d,onEvent:e,lang:f,themeOverride:g}){this.sessionToken=a,this.baseURL=b,this.apiURL=c,this.onEvent=e,this.detectClosedAuthWindow=d,this.lang=f,this.themeOverride=g}open(){this.iframe=this.createIframe(),document.body.append(this.iframe),document.body.style.overflow="hidden",this.setupEventListeners()}createIframe(){let a=new URL(this.baseURL);this.apiURL&&a.searchParams.append("apiURL",this.apiURL),this.detectClosedAuthWindow&&a.searchParams.append("detectClosedAuthWindow",String(this.detectClosedAuthWindow)),this.lang&&a.searchParams.append("lang",this.lang),this.themeOverride&&a.searchParams.append("theme",this.themeOverride);let b=document.createElement("iframe");return b.src=a.href,b.id="connect-ui",b.style.position="fixed",b.style.zIndex="9999",b.style.top="0",b.style.left="0",b.style.right="0",b.style.bottom="0",b.style.width="100vw",b.style.height="100vh",b.style.backgroundColor="transparent",b}setupEventListeners(){this.listener=a=>{if(a.origin!==new URL(this.baseURL).origin||"object"!=typeof a.data||!a.data||!a.data.type)return;let b=a.data;switch(b.type){case"ready":this.isReady=!0,this.sendSessionToken();break;case"close":this.close()}this.onEvent&&this.onEvent(b)},window.addEventListener("message",this.listener,!1)}setSessionToken(a){this.sessionToken=a,this.isReady&&this.sendSessionToken()}close(){this.listener&&window.removeEventListener("message",this.listener),this.iframe&&(document.body.removeChild(this.iframe),this.iframe=null,document.body.style.overflow="")}sendSessionToken(){if(!this.sessionToken)return;let a={type:"session_token",sessionToken:this.sessionToken};this.iframe?.contentWindow?.postMessage(a,"*")}}let e="NANGO DEBUG LOG: ";class f extends Error{type;constructor(a,b){super(a),this.type=b}}class g{hostBaseUrl;websocketsBaseUrl;publicKey;connectSessionToken;debug=!1;width=500;height=600;tm=null;win=null;constructor(a={}){a.host=a.host||"https://api.nango.dev",a.websocketsPath=a.websocketsPath||"/",this.debug=a.debug||!1,this.debug&&(console.log(e,"Debug mode is enabled."),console.log(e,`Using host: ${a.host}.`)),a.width&&(this.width=a.width),a.height&&(this.height=a.height),this.hostBaseUrl=a.host.replace(/\/+$/,""),this.publicKey=a.publicKey,this.connectSessionToken=a.connectSessionToken;try{const b=new URL(this.hostBaseUrl),c=new URL(a.websocketsPath,b);this.websocketsBaseUrl=c.toString().replace("https://","wss://").replace("http://","ws://")}catch{throw new f("Invalid URL provided for the Nango host.","invalid_host_url")}}async create(a,b,c){this.ensureCredentials();let d=null,e=c;"string"==typeof b?d=b:e=b;let f=this.hostBaseUrl+`/auth/unauthenticated/${a}${this.toQueryString(d,e)}`;return await this.triggerAuth({authUrl:f})}auth(a,b,d){this.ensureCredentials();let e=null,g=d;if("string"==typeof b?e=b:g={...g,...b},g&&("installation"in g&&"outbound"===g.installation||"credentials"in g&&("token_id"in g.credentials&&"token_secret"in g.credentials||!("oauth_client_id_override"in g.credentials)||!("oauth_client_secret_override"in g.credentials))&&Object.keys(g.credentials).length>0)){let b=g.credentials;if(!b)throw new f("Credentials are required for custom auth","missing_credentials");let{credentials:c,...d}=g;return this.customAuth(a,e,this.convertCredentialsToConfig(b),d,g.installation)}let h=window.open("","_blank",function(a){let b={...a,scrollbars:"yes",resizable:"yes",status:"no",toolbar:"no",location:"no",copyhistory:"no",menubar:"no",directories:"no"},c=[];for(let a in b)c.push(`${a}=${b[a]}`);return c.join(",")}(function({expectedWidth:a,expectedHeight:b}){let c=window.screen.width,d=window.screen.height,e=Math.min(a,c),f=Math.min(b,d);return{left:Math.max(c/2-a/2,0),top:Math.max(d/2-b/2,0),width:e,height:f}}({expectedWidth:this.width,expectedHeight:this.height})));return new Promise((b,d)=>{let i,j=(a,b)=>{d(new f(b,a))};if(this.win&&this.clear(),!h||h.closed||void 0===h.closed)return void j("blocked_by_browser","Modal blocked by browser");try{i=new URL(`${this.hostBaseUrl}/oauth/connect/${a}${this.toQueryString(e,g)}`)}catch{j("invalid_host_url","Invalid URL provided for the Nango host.");return}this.win=new c({baseUrl:i,debug:this.debug,webSocketUrl:this.websocketsBaseUrl,successHandler:a=>{b(a)},errorHandler:j}),this.win.setModal(h),this.tm=setInterval(()=>{this.win&&this.win.modal&&(!this.win.modal.window||this.win.modal.closed)&&!this.win.isProcessingMessage&&g?.detectClosedAuthWindow&&(clearInterval(this.tm),this.win.close(),this.win=null,d(new f("The authorization window was closed before the authorization flow was completed","window_closed")))},500)}).finally(()=>{this.clear()})}reconnect(a,b){if(!this.connectSessionToken)throw new f("Reconnect requires a session token","missing_connect_session_token");return this.auth(a,b)}clear(){if(this.tm&&clearInterval(this.tm),this.win){try{this.win.close()}catch(a){console.log("err",a)}this.win=null}}openConnectUI(a){let b=new d({sessionToken:this.connectSessionToken,...a});return b.open(),b}convertCredentialsToConfig(a){let b={};if("type"in a&&"username"in a&&"password"in a&&"SIGNATURE"===a.type)return{params:{type:a.type,username:a.username,password:a.password}};if("username"in a&&(b.username=a.username||""),"password"in a&&(b.password=a.password||""),"apiKey"in a&&(b.apiKey=a.apiKey||""),"privateKey"in a||"type"in a&&"JWT"===a.type){let{privateKey:b,...c}=a,d={...c};return b&&"object"==typeof b&&"id"in b&&"secret"in b&&(d.privateKey=b),{params:a}}if("privateKeyId"in a&&"issuerId"in a&&"privateKey"in a){let b={params:{privateKeyId:a.privateKeyId,issuerId:a.issuerId,privateKey:a.privateKey}};return"scope"in a&&("string"==typeof a.scope||Array.isArray(a.scope))&&(b.params.scope=a.scope),b}if("client_id"in a&&"client_secret"in a)return{params:{client_id:a.client_id,client_secret:a.client_secret,client_certificate:a.client_certificate,client_private_key:a.client_private_key}};if("token_id"in a&&"token_secret"in a){let b={token_id:a.token_id,token_secret:a.token_secret};return"oauth_client_id_override"in a&&(b.oauth_client_id_override=a.oauth_client_id_override),"oauth_client_secret_override"in a&&(b.oauth_client_secret_override=a.oauth_client_secret_override),{params:b}}return"username"in a&&"password"in a&&"organization_id"in a&&"dev_key"in a?{params:{username:a.username,password:a.password,organization_id:a.organization_id,dev_key:a.dev_key}}:"type"in a&&"TWO_STEP"===a.type?{params:{...a}}:{params:b}}async triggerAuth({authUrl:a,credentials:b}){let c=await fetch(a,{method:"POST",headers:{"Content-Type":"application/json"},...b?{body:JSON.stringify(b)}:{}});if(!c.ok){let a=await c.json();throw new f(a.error.message,a.error.code)}return c.json()}async customAuth(a,b,c,d,e){let{params:g}=c;if(!g)throw new f("You must specify credentials.","missing_credentials");return"type"in g&&"TWO_STEP"===g.type?await this.triggerAuth({authUrl:this.hostBaseUrl+`/auth/two-step/${a}${this.toQueryString(b,d)}`,credentials:g}):"type"in g&&"SIGNATURE"===g.type&&"username"in g&&"password"in g?await this.triggerAuth({authUrl:this.hostBaseUrl+`/auth/signature/${a}${this.toQueryString(b,d)}`,credentials:g}):"username"in g&&"password"in g&&"organization_id"in g&&"dev_key"in g?await this.triggerAuth({authUrl:this.hostBaseUrl+`/auth/bill/${a}${this.toQueryString(b,d)}`,credentials:g}):"apiKey"in g?await this.triggerAuth({authUrl:this.hostBaseUrl+`/api-auth/api-key/${a}${this.toQueryString(b,d)}`,credentials:g}):"username"in g||"password"in g?await this.triggerAuth({authUrl:this.hostBaseUrl+`/api-auth/basic/${a}${this.toQueryString(b,d)}`,credentials:g}):"privateKey"in g||"type"in g&&"JWT"===g.type?await this.triggerAuth({authUrl:this.hostBaseUrl+`/auth/jwt/${a}${this.toQueryString(b,d)}`,credentials:g}):"privateKeyId"in g&&"issuerId"in g&&"privateKey"in g?await this.triggerAuth({authUrl:this.hostBaseUrl+`/app-store-auth/${a}${this.toQueryString(b,d)}`,credentials:g}):"token_id"in g&&"token_secret"in g?await this.triggerAuth({authUrl:this.hostBaseUrl+`/auth/tba/${a}${this.toQueryString(b,d)}`,credentials:g}):"client_id"in g&&"client_secret"in g?await this.triggerAuth({authUrl:this.hostBaseUrl+`/oauth2/auth/${a}${this.toQueryString(b,d)}`,credentials:g}):"outbound"===e?await this.triggerAuth({authUrl:this.hostBaseUrl+`/auth/oauth-outbound/${a}${this.toQueryString(b,d)}`}):Promise.reject(Error("Something went wrong with the authorization"))}toQueryString(a,b){let c=[];if(a&&c.push(`connection_id=${a}`),this.publicKey&&c.push(`public_key=${this.publicKey}`),this.connectSessionToken&&c.push(`connect_session_token=${this.connectSessionToken}`),b){for(let a in b.params){let d=b.params[a];"string"==typeof d&&c.push(`params[${encodeURIComponent(a)}]=${encodeURIComponent(d)}`)}if(b.hmac&&c.push(`hmac=${b.hmac}`),b.user_scope&&c.push(`user_scope=${b.user_scope.join(",")}`),b.credentials){let a=b.credentials;"oauth_client_id_override"in a&&c.push(`credentials[oauth_client_id_override]=${encodeURIComponent(a.oauth_client_id_override)}`),"oauth_client_secret_override"in a&&c.push(`credentials[oauth_client_secret_override]=${encodeURIComponent(a.oauth_client_secret_override)}`),"token_id"in a&&c.push(`token_id=${encodeURIComponent(a.token_id)}`),"token_secret"in a&&c.push(`token_secret=${encodeURIComponent(a.token_secret)}`)}for(let a in b.authorization_params){let d=b.authorization_params[a];"string"==typeof d?c.push(`authorization_params[${a}]=${d}`):void 0===d&&c.push(`authorization_params[${a}]=undefined`)}}return 0===c.length?"":"?"+c.join("&")}ensureCredentials(){if(!this.publicKey&&!this.connectSessionToken)throw new f("You must specify a public key OR a connect session token (cf. documentation).","missing_auth_token")}}var h=a.i(209594),i=a.i(242712),j=a.i(148594),k=a.i(96789);let l=(0,k.createServerReference)("40495c8754ba3b9f7ce756199e8161c4d7a92e3f35",k.callServer,void 0,k.findSourceMapURL,"createProviderConnectSession");a.s(["createProviderConnectSession",()=>l],531485);var m=a.i(118873);function n(){let{PUBLIC_NANGO_SERVER_URL:a,PUBLIC_NANGO_CONNECT_BASE_URL:b}=(0,i.useRuntimeConfig)(),{user:c}=(0,m.useAuthSession)(),d=(0,j.useAuthClient)();return{openNangoConnect:(0,h.useCallback)(({sessionToken:c,onEvent:d,connectOptions:e})=>{let f=new g({host:a||void 0}).openConnectUI({baseURL:e?.baseURL||b||void 0,apiURL:e?.apiURL||a||void 0,onEvent:d,detectClosedAuthWindow:!0});return f.setSessionToken(c),f},[a,b]),openNangoConnectHeadless:(0,h.useCallback)(async({mcpServerUrl:b,providerUniqueKey:e,providerDisplayName:f})=>{let{data:h}=await d.organization.getFullOrganization(),i=new g({host:a||void 0,connectSessionToken:await l({providerName:"mcp-generic",uniqueKey:e,displayName:f,endUserId:c?.id,endUserEmail:c?.email,endUserDisplayName:c?.name,organizationId:h?.id,organizationDisplayName:h?.name})});try{return await i.auth(e,{detectClosedAuthWindow:!0,params:{mcp_server_url:b}})}catch(a){if(a instanceof Error)throw Error(`Authentication failed: ${a.message}`);throw a}},[a,c?.id,c?.email,c?.name,d])}}a.s(["useNangoConnect",()=>n],135478)}];
-
-//# sourceMappingURL=_b8bb611b._.js.map