@grafana/plugin-ui 0.14.1-dsconfig.bccd84e → 0.14.1-dsconfig.ced809d

package/dist/esm/index.js

@@ -38,6 +38,9 @@ export { TLSSettings } from './components/ConfigEditor/Auth/tls/TLSSettings.js';
 export { ConnectionSettings } from './components/ConfigEditor/Connection/ConnectionSettings.js';
 export { AdvancedHttpSettings } from './components/ConfigEditor/AdvancedSettings/AdvancedHttpSettings.js';
 export { DatasourceConfigWizard } from './components/ConfigEditor/DatasourceConfigWizard/DatasourceConfigWizard.js';
+export { DatasourceErrorBoundary } from './components/ConfigEditor/DatasourceConfigWizard/DatasourceErrorBoundary.js';
+export { useHealthChecks } from './components/ConfigEditor/DatasourceConfigWizard/hooks/useHealthChecks.js';
+export { resolvePluginName } from './components/ConfigEditor/DatasourceConfigWizard/resolvePluginName.js';
 export { CustomHeadersSettings } from './components/CustomHeadersSettings/CustomHeadersSettings.js';
 export { QueryModellerBase } from './components/VisualQueryBuilder/QueryModellerBase.js';
 export { LabelFilters } from './components/VisualQueryBuilder/components/LabelFilters.js';
@@ -58,9 +61,10 @@ export { language as grafanaStandardSQLLanguage, conf as grafanaStandardSQLLangu
 export { getStandardSQLCompletionProvider } from './components/SQLEditor/standardSql/standardSQLCompletionItemProvider.js';
 export { CompletionItemInsertTextRule, CompletionItemKind, CompletionItemPriority, MacroType, OperatorType, SQLEditorMode, StatementPosition, SuggestionKind } from './components/SQLEditor/types.js';
 export { SqlDatasource } from './datasource/SqlDatasource.js';
-export { computeVirtualFieldValues, evaluateComputedRead, formKey, parseDependsOn, resolveActiveOverride, resolveGroups, resolveRequiredFieldsGroup } from './datasource/schema/config.js';
-export { SECURE_FIELD_CONFIGURED, buildDatasourceConfigPayload, expandIndexedPair, fetchExistingValues, flattenIndexedPair, submitDatasourceConfig } from './datasource/schema/datasource.js';
+export { computeVirtualFieldValues, evaluateComputedRead, evaluateDependsOn, formKey, getWatchedValue, parseDependsOn, resolveActiveOverride, resolveGroups, resolveRequiredFieldsGroup } from './datasource/schema/config.js';
+export { SECURE_FIELD_CONFIGURED, buildDatasourceConfigPayload, expandIndexedPair, fetchExistingValues, findActiveSecureOverride, flattenIndexedPair, resolveSecureKeyTemplate, submitDatasourceConfig } from './datasource/schema/datasource.js';
 export { generateLLMHint, generateTroubleshootingFields } from './datasource/schema/llmHints.js';
 export { datasourceToProvisioningYaml, toProvisioningYaml } from './datasource/schema/provisioningYaml.js';
+export { getConfigSchema } from './datasource/schema/schemaRegistry.js';
 export { TokenType } from './components/SQLEditor/utils/tokenType.js';
 //# sourceMappingURL=index.js.map

package/dist/esm/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/esm/schemas.d.ts

@@ -0,0 +1,373 @@
+interface DatasourceConfigSchema {
+    /**
+     * Schema version (required)
+     * Used for compatibility and migrations
+     *
+     * Example: "v2"
+     */
+    schemaVersion: string;
+    /**
+     * Unique datasource plugin identifier
+     * Example: "prometheus"
+     */
+    pluginType: string;
+    /**
+     * Human-readable name
+     */
+    pluginName: string;
+    /**
+     * Optional documentation URL
+     */
+    docURL?: string;
+    /**
+     * Source of truth for configuration
+     */
+    fields: ConfigField[];
+    /**
+     * Optional UI grouping
+     */
+    groups?: ConfigGroup[];
+    /**
+     * Relationships between fields
+     */
+    relationships?: FieldRelationship[];
+}
+interface ConfigField {
+    /**
+     * Globally unique identifier
+     * Recommended format: dot-separated path
+     * Example: "auth.method", "httpHeaders.item.key"
+     */
+    id: string;
+    /**
+     * Local key used in storage or object
+     */
+    key: string;
+    /**
+     * UI metadata
+     */
+    label?: string;
+    description?: string;
+    docURL?: string;
+    /**
+     * Core type of the field
+     */
+    valueType: ValueType;
+    /**
+     * Semantic meaning (optional)
+     */
+    semanticType?: SemanticType;
+    /**
+     * Storage location (required for storage fields)
+     */
+    target?: TargetLocation;
+    /**
+     * Dotted path prefix within the target for nested objects.
+     * Example: for jsonData.tracesToLogs.datasourceUid,
+     * target="jsonData", section="tracesToLogs", key="datasourceUid".
+     */
+    section?: string;
+    /**
+     * Field kind.
+     * @default "storage"
+     */
+    kind?: FieldKind;
+    /**
+     * True if field belongs to array item schema
+     */
+    isItemField?: boolean;
+    /**
+     * Lifecycle state
+     */
+    lifecycle?: Lifecycle;
+    /**
+     * UI rendering hints
+     */
+    ui?: FieldUI;
+    /**
+     * Validations rules
+     */
+    validations?: FieldValidationRule[];
+    /**
+     * Visibility condition (CEL expression)
+     */
+    dependsOn?: Expression;
+    /**
+     * Always required
+     */
+    required?: boolean;
+    /**
+     * Conditionally required
+     */
+    requiredWhen?: Expression;
+    /**
+     * Disabled condition
+     */
+    disabledWhen?: Expression;
+    /**
+     * Dynamic overrides
+     */
+    overrides?: FieldOverride[];
+    /**
+     * Declarative multi-field write side-effects.
+     * When this field's value matches a condition, the listed target
+     * fields are set to specified values. Typically used on virtual
+     * selector fields (e.g. auth method dropdown).
+     */
+    effects?: FieldEffect[];
+    /**
+     * Item schema for array elements or map values.
+     * Required if valueType === "array" or "map".
+     */
+    item?: FieldItemSchema;
+    /**
+     * Legacy indexed fields (deprecated)
+     */
+    repeatable?: boolean;
+    pattern?: string;
+    /**
+     * Storage mapping
+     */
+    storage?: StorageMapping;
+    /**
+     * Metadata
+     */
+    tags?: string[];
+    examples?: unknown[];
+    defaultValue?: unknown;
+}
+interface FieldItemSchema {
+    /**
+     * Type of array items or map values.
+     * For arrays, describes each element.
+     * For maps, describes each value (keys are always strings).
+     */
+    valueType: ValueType;
+    /**
+     * Sub-fields for object items. Optional even when valueType = "object"
+     * (omitting allows an unconstrained object).
+     */
+    fields?: ConfigField[];
+}
+/**
+ * CEL expression string
+ */
+type Expression = string;
+type ValueType = 'string' | 'number' | 'boolean' | 'array' | 'object' | 'map' | 'any';
+type SemanticType = 'url' | 'password' | 'token' | 'hostname' | 'duration' | 'datasourceUid' | 'query';
+type FieldKind = 'storage' | 'virtual';
+type Lifecycle = 'stable' | 'deprecated' | 'experimental';
+type TargetLocation = 'root' | 'jsonData' | 'secureJsonData';
+type UIComponent = 'input' | 'textarea' | 'select' | 'multiselect' | 'radio' | 'checkbox' | 'switch' | 'code' | 'keyvalue' | 'list' | 'fileUpload';
+type UIWidth = 'full' | 'half';
+/**
+ * UI configuration
+ */
+interface FieldUI {
+    component: UIComponent;
+    multiline?: boolean;
+    rows?: number;
+    options?: FieldOption[];
+    allowCustom?: boolean;
+    width?: UIWidth;
+    placeholder?: string;
+    /**
+     * Language hint for code editor components.
+     * Example: "promql", "logql", "traceql", "sql", "json"
+     */
+    language?: string;
+    /**
+     * Layout row index for item fields inside object arrays.
+     * Fields with the same row number are rendered horizontally.
+     * Fields without a row number use auto-layout:
+     * - ≤3 fields: all on one row
+     * - >3 fields: each on its own row
+     */
+    row?: number;
+    /**
+     * Accepted file types for fileUpload component.
+     * Uses HTML accept attribute format with leading dot.
+     * Example: [".json"]
+     */
+    accept?: string[];
+    /**
+     * Maps keys in an uploaded JSON file to target field IDs.
+     * Used by fileUpload to distribute parsed values to other form fields.
+     * Example: { "private_key": "secureJsonData.privateKey", "client_email": "jsonData.clientEmail" }
+     */
+    fileMapping?: Record<string, string>;
+}
+type FieldValidationRule = PatternValidationRule | RangeValidationRule | LengthValidationRule | ItemCountValidationRule | AllowedValuesValidationRule | CustomValidationRule;
+interface BaseValidationRule {
+    /**
+     * Optional stable ID for the validation rule.
+     * Useful for docs, localization, and test snapshots.
+     */
+    id?: string;
+    /**
+     * Human-readable validation error message.
+     */
+    message?: string;
+}
+interface PatternValidationRule extends BaseValidationRule {
+    type: 'pattern';
+    pattern: string;
+}
+interface RangeValidationRule extends BaseValidationRule {
+    type: 'range';
+    min?: number;
+    max?: number;
+}
+interface LengthValidationRule extends BaseValidationRule {
+    type: 'length';
+    min?: number;
+    max?: number;
+}
+interface ItemCountValidationRule extends BaseValidationRule {
+    type: 'itemCount';
+    min?: number;
+    max?: number;
+}
+interface AllowedValuesValidationRule extends BaseValidationRule {
+    type: 'allowedValues';
+    values: unknown[];
+}
+interface CustomValidationRule extends BaseValidationRule {
+    type: 'custom';
+    /**
+     * CEL expression.
+     *
+     * Should evaluate to true when the field value is valid.
+     */
+    expression: Expression;
+}
+interface FieldOverride {
+    /**
+     * CEL condition
+     */
+    when: Expression;
+    defaultValue?: unknown;
+    /**
+     * When true, the field is disabled/read-only while this override is active.
+     */
+    readOnly?: boolean;
+    description?: string;
+    placeholder?: string;
+    tooltip?: string;
+    validations?: FieldValidationRule[];
+    options?: FieldOption[];
+    /**
+     * When present on an `isItemField` field, the value is routed to
+     * `secureJsonData` under the resolved key instead of being stored
+     * inline in the parent array.
+     *
+     * The template string supports placeholders:
+     * - `{index}`  — 0-based array position
+     * - `{index1}` — 1-based array position
+     * - `{item.KEY}` — value of sibling item field `KEY`
+     *
+     * Examples:
+     * - `"secureHttpHeaders.{item.name}"` (ClickHouse)
+     * - `"httpHeaderValue{index1}"` (Grafana core headers)
+     */
+    secureKey?: string;
+}
+/**
+ * Declares that when a field's value matches a condition,
+ * listed target fields should be set to specified values.
+ *
+ * Use "value" in the `when` expression to refer to the field's value.
+ */
+interface FieldEffect {
+    /**
+     * CEL expression. Example: "value == 'basic-auth'"
+     */
+    when: Expression;
+    /**
+     * Maps field IDs to the values they should be set to.
+     * Must contain at least one entry.
+     */
+    set: Record<string, unknown> & {
+        [k: string]: unknown;
+    };
+}
+type StorageMapping = DirectMapping | IndexedPairMapping | ComputedMapping;
+/**
+ * Direct mapping
+ */
+interface DirectMapping {
+    type: 'direct';
+}
+/**
+ * Indexed pair mapping (headers)
+ */
+interface IndexedPairMapping {
+    type: 'indexedPair';
+    key: MappingField;
+    value: MappingField;
+    startIndex?: number;
+}
+/**
+ * Computed mapping (virtual fields).
+ * At least one of `read` or `write` must be provided.
+ */
+type ComputedMapping = {
+    type: 'computed';
+    read: Expression;
+    write?: Expression;
+} | {
+    type: 'computed';
+    read?: Expression;
+    write: Expression;
+};
+/**
+ * Mapping field
+ */
+interface MappingField {
+    target: TargetLocation;
+    pattern: string;
+}
+interface FieldOption {
+    label: string;
+    /**
+     * Must match parent field valueType.
+     * Must not be null.
+     */
+    value: NonNullable<unknown>;
+    /**
+     * Optional human-readable description of the option.
+     */
+    description?: string;
+}
+interface ConfigGroup {
+    id: string;
+    title: string;
+    description?: string;
+    order?: number;
+    /**
+     * When true, the group is optional and can be collapsed/hidden by default.
+     */
+    optional?: boolean;
+    /**
+     * References field IDs (not keys)
+     */
+    fieldRefs: string[];
+}
+type RelationshipType = 'pair' | 'group' | 'datasourceReference';
+interface FieldRelationship {
+    type: RelationshipType;
+    /**
+     * References field IDs
+     */
+    fields: string[];
+    description?: string;
+    /**
+     * Constrains the datasource UID to a specific plugin type.
+     * Only applicable when type is "datasourceReference".
+     */
+    targetPluginType?: string;
+}
+
+declare function getConfigSchema(pluginType: string): DatasourceConfigSchema | null;
+
+export { type DatasourceConfigSchema, getConfigSchema };

package/dist/esm/schemas.js

@@ -0,0 +1,2 @@
+export { getConfigSchema } from './datasource/schema/schemaRegistry.js';
+//# sourceMappingURL=schemas.js.map

package/dist/esm/schemas.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"schemas.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/esm/test-utils.d.ts

@@ -3,38 +3,38 @@ import { DataSourceInstanceSettings, DataQuery, DataSourcePluginMeta, PluginDepe
 import { DataSourceWithBackend } from '@grafana/runtime';
 
 declare class DatasourceMock extends DataSourceWithBackend {
-    query: jest.Mock<any, any>;
+    query: jest.Mock<any, any, any>;
     filterQuery: any;
-    applyTemplateVariables: jest.Mock<any, any>;
-    getResource: jest.Mock<any, any>;
-    postResource: jest.Mock<any, any>;
-    callHealthCheck: jest.Mock<any, any>;
-    testDatasource: jest.Mock<any, any>;
+    applyTemplateVariables: jest.Mock<any, any, any>;
+    getResource: jest.Mock<any, any, any>;
+    postResource: jest.Mock<any, any, any>;
+    callHealthCheck: jest.Mock<any, any, any>;
+    testDatasource: jest.Mock<any, any, any>;
     uid: string;
     name: string;
     id: number;
     type: string;
     interval: string;
-    importQueries: jest.Mock<any, any>;
-    init: jest.Mock<any, any>;
-    getQueryHints: jest.Mock<any, any>;
-    getQueryDisplayText: jest.Mock<any, any>;
-    metricFindQuery: jest.Mock<any, any>;
-    getTagKeys: jest.Mock<any, any>;
-    getTagValues: jest.Mock<any, any>;
+    importQueries: jest.Mock<any, any, any>;
+    init: jest.Mock<any, any, any>;
+    getQueryHints: jest.Mock<any, any, any>;
+    getQueryDisplayText: jest.Mock<any, any, any>;
+    metricFindQuery: jest.Mock<any, any, any>;
+    getTagKeys: jest.Mock<any, any, any>;
+    getTagValues: jest.Mock<any, any, any>;
     components: {};
     meta: _grafana_data.DataSourcePluginMeta<{}>;
-    targetContainsTemplate: jest.Mock<any, any>;
-    modifyQuery: jest.Mock<any, any>;
-    getHighlighterExpression: jest.Mock<any, any>;
-    languageProvider: jest.Mock<any, any>;
-    getVersion: jest.Mock<any, any>;
-    interpolateVariablesInQueries: jest.Mock<any, any>;
+    targetContainsTemplate: jest.Mock<any, any, any>;
+    modifyQuery: jest.Mock<any, any, any>;
+    getHighlighterExpression: jest.Mock<any, any, any>;
+    languageProvider: jest.Mock<any, any, any>;
+    getVersion: jest.Mock<any, any, any>;
+    interpolateVariablesInQueries: jest.Mock<any, any, any>;
     annotations: {};
-    annotationQuery: jest.Mock<any, any>;
-    streamOptionsProvider: jest.Mock<any, any>;
-    getRef: jest.Mock<any, any>;
-    protected getRequestHeaders: jest.Mock<any, any>;
+    annotationQuery: jest.Mock<any, any, any>;
+    streamOptionsProvider: jest.Mock<any, any, any>;
+    getRef: jest.Mock<any, any, any>;
+    protected getRequestHeaders: jest.Mock<any, any, any>;
 }
 declare const mockDatasource: () => DatasourceMock;
 declare const mockDatasourceInstanceSettings: () => DataSourceInstanceSettings;

package/package.json

@@ -1,11 +1,12 @@
 {
   "name": "@grafana/plugin-ui",
-  "version": "0.14.1-dsconfig.bccd84e",
+  "version": "0.14.1-dsconfig.ced809d",
   "repository": {
     "type": "git",
     "url": "git+ssh://git@github.com/grafana/plugin-ui.git"
   },
   "author": "Grafana Labs",
+  "license": "Apache-2.0",
   "type": "module",
   "main": "dist/cjs/index.cjs",
   "module": "dist/esm/index.js",
@@ -14,6 +15,9 @@
     "*": {
       "test": [
         "dist/cjs/test-utils.d.cts"
+      ],
+      "schemas": [
+        "dist/cjs/schemas.d.cts"
       ]
     }
   },
@@ -38,6 +42,16 @@
         "types": "./dist/cjs/test-utils.d.cts",
         "default": "./dist/cjs/test-utils.cjs"
       }
+    },
+    "./schemas": {
+      "import": {
+        "types": "./dist/esm/schemas.d.ts",
+        "default": "./dist/esm/schemas.js"
+      },
+      "require": {
+        "types": "./dist/cjs/schemas.d.cts",
+        "default": "./dist/cjs/schemas.cjs"
+      }
     }
   },
   "sideEffects": false,
@@ -59,6 +73,7 @@
   "dependencies": {
     "@emotion/css": "^11.11.2",
     "@hello-pangea/dnd": "^17.0.0",
+    "@marcbachmann/cel-js": "^7.6.1",
     "@react-awesome-query-builder/ui": "^6.6.4",
     "@types/prismjs": "^1.26.4",
     "chance": "^1.1.7",
@@ -82,11 +97,12 @@
     "@grafana/tsconfig": "^2.0.0",
     "@grafana/ui": "^10.4.0",
     "@rollup/plugin-commonjs": "^29.0.0",
+    "@rollup/plugin-json": "^6.1.0",
     "@rollup/plugin-node-resolve": "^16.0.0",
-    "@storybook/addon-docs": "10.2.5",
-    "@storybook/addon-links": "10.2.5",
-    "@storybook/addon-webpack5-compiler-swc": "4.0.2",
-    "@storybook/react-webpack5": "10.2.5",
+    "@storybook/addon-docs": "10.4.0",
+    "@storybook/addon-links": "10.4.0",
+    "@storybook/addon-webpack5-compiler-swc": "4.0.3",
+    "@storybook/react-webpack5": "10.4.0",
     "@stylistic/eslint-plugin-ts": "^2.9.0",
     "@swc/core": "1.15.11",
     "@swc/jest": "^0.2.37",
@@ -94,6 +110,7 @@
     "@testing-library/react": "15.0.2",
     "@testing-library/user-event": "14.5.2",
     "@types/chance": "^1.1.0",
+    "@types/jest": "30.0.0",
     "@types/lodash": "^4.14.194",
     "@types/memoize-one": "^5.1.2",
     "@types/react": "18.3.28",
@@ -126,7 +143,7 @@
     "rollup-plugin-esbuild": "^6.1.1",
     "rollup-plugin-node-externals": "^8.0.0",
     "rxjs": "^7.8.1",
-    "storybook": "10.2.10",
+    "storybook": "10.4.0",
     "ts-node": "^10.9.1",
     "typescript": "^5.7.3"
   },

package/dist/esm/components/ConfigEditor/DatasourceConfigWizard/AuthorizationHeaderField.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"AuthorizationHeaderField.js","sources":["../../../../../src/components/ConfigEditor/DatasourceConfigWizard/AuthorizationHeaderField.tsx"],"sourcesContent":["import React, { useMemo } from 'react';\nimport { type useForm, Controller } from 'react-hook-form';\nimport { useStyles2, Icon, Tooltip } from '@grafana/ui';\nimport type { IndexedPairItem } from '../../../datasource/schema/datasource';\nimport type { FormValues } from '../../../datasource/schema/types';\nimport { IndexedPairEditor } from './IndexedPairEditor';\nimport { getWizardStyles } from './wizardStyles';\n\nexport function AuthorizationHeaderField({\n  headersFieldKey,\n  control,\n  disabled,\n  watchedValues,\n}: {\n  headersFieldKey: string;\n  control: ReturnType<typeof useForm<FormValues>>['control'];\n  disabled?: boolean;\n  watchedValues: Record<string, unknown>;\n}) {\n  const styles = useStyles2(getWizardStyles);\n  const items = useMemo(\n    () => (Array.isArray(watchedValues[headersFieldKey]) ? watchedValues[headersFieldKey] : []) as IndexedPairItem[],\n    [watchedValues, headersFieldKey]\n  );\n\n  const authEntries = useMemo(() => {\n    const entries: Array<{ item: IndexedPairItem; originalIdx: number }> = [];\n    for (let i = 0; i < items.length; i++) {\n      if (items[i].name.toLowerCase() === 'authorization') {\n        entries.push({ item: items[i], originalIdx: i });\n      }\n    }\n    return entries;\n  }, [items]);\n\n  if (authEntries.length === 0) {\n    return null;\n  }\n\n  const authItems = authEntries.map((e) => e.item);\n\n  return (\n    <Controller\n      name={headersFieldKey}\n      control={control}\n      render={({ field: formField }) => {\n        const handleChange = (updatedAuthItems: IndexedPairItem[]) => {\n          const updated = [...items];\n          for (let i = 0; i < authEntries.length; i++) {\n            if (i < updatedAuthItems.length) {\n              updated[authEntries[i].originalIdx] = updatedAuthItems[i];\n            }\n          }\n          formField.onChange(updated);\n        };\n\n        return (\n          <div className={styles.fieldRow}>\n            <div className={styles.fieldLabelRow}>\n              <span className={styles.fieldLabel}>Custom HTTP Headers</span>\n              <Tooltip content=\"Authorization HTTP header(s) sent with every request.\">\n                <Icon name=\"info-circle\" size=\"xs\" className={styles.fieldInfoIcon} />\n              </Tooltip>\n            </div>\n            <div className={styles.fieldInputCol}>\n              <IndexedPairEditor value={authItems} onChange={handleChange} disabled={disabled} hideControls />\n            </div>\n          </div>\n        );\n      }}\n    />\n  );\n}\n"],"names":[],"mappings":";;;;;;AAQO,SAAS,wBAAA,CAAyB;AAAA,EACvC,eAAA;AAAA,EACA,OAAA;AAAA,EACA,QAAA;AAAA,EACA;AACF,CAAA,EAKG;AACD,EAAA,MAAM,MAAA,GAAS,WAAW,eAAe,CAAA;AACzC,EAAA,MAAM,KAAA,GAAQ,OAAA;AAAA,IACZ,MAAO,KAAA,CAAM,OAAA,CAAQ,aAAA,CAAc,eAAe,CAAC,CAAA,GAAI,aAAA,CAAc,eAAe,CAAA,GAAI,EAAC;AAAA,IACzF,CAAC,eAAe,eAAe;AAAA,GACjC;AAEA,EAAA,MAAM,WAAA,GAAc,QAAQ,MAAM;AAChC,IAAA,MAAM,UAAiE,EAAC;AACxE,IAAA,KAAA,IAAS,CAAA,GAAI,CAAA,EAAG,CAAA,GAAI,KAAA,CAAM,QAAQ,CAAA,EAAA,EAAK;AACrC,MAAA,IAAI,MAAM,CAAC,CAAA,CAAE,IAAA,CAAK,WAAA,OAAkB,eAAA,EAAiB;AACnD,QAAA,OAAA,CAAQ,IAAA,CAAK,EAAE,IAAA,EAAM,KAAA,CAAM,CAAC,CAAA,EAAG,WAAA,EAAa,GAAG,CAAA;AAAA,MACjD;AAAA,IACF;AACA,IAAA,OAAO,OAAA;AAAA,EACT,CAAA,EAAG,CAAC,KAAK,CAAC,CAAA;AAEV,EAAA,IAAI,WAAA,CAAY,WAAW,CAAA,EAAG;AAC5B,IAAA,OAAO,IAAA;AAAA,EACT;AAEA,EAAA,MAAM,YAAY,WAAA,CAAY,GAAA,CAAI,CAAC,CAAA,KAAM,EAAE,IAAI,CAAA;AAE/C,EAAA,uBACE,KAAA,CAAA,aAAA;AAAA,IAAC,UAAA;AAAA,IAAA;AAAA,MACC,IAAA,EAAM,eAAA;AAAA,MACN,OAAA;AAAA,MACA,MAAA,EAAQ,CAAC,EAAE,KAAA,EAAO,WAAU,KAAM;AAChC,QAAA,MAAM,YAAA,GAAe,CAAC,gBAAA,KAAwC;AAC5D,UAAA,MAAM,OAAA,GAAU,CAAC,GAAG,KAAK,CAAA;AACzB,UAAA,KAAA,IAAS,CAAA,GAAI,CAAA,EAAG,CAAA,GAAI,WAAA,CAAY,QAAQ,CAAA,EAAA,EAAK;AAC3C,YAAA,IAAI,CAAA,GAAI,iBAAiB,MAAA,EAAQ;AAC/B,cAAA,OAAA,CAAQ,YAAY,CAAC,CAAA,CAAE,WAAW,CAAA,GAAI,iBAAiB,CAAC,CAAA;AAAA,YAC1D;AAAA,UACF;AACA,UAAA,SAAA,CAAU,SAAS,OAAO,CAAA;AAAA,QAC5B,CAAA;AAEA,QAAA,uBACE,KAAA,CAAA,aAAA,CAAC,SAAI,SAAA,EAAW,MAAA,CAAO,4BACrB,KAAA,CAAA,aAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAW,MAAA,CAAO,aAAA,EAAA,kBACrB,KAAA,CAAA,aAAA,CAAC,UAAK,SAAA,EAAW,MAAA,CAAO,cAAY,qBAAmB,CAAA,sCACtD,OAAA,EAAA,EAAQ,OAAA,EAAQ,uDAAA,EAAA,kBACf,KAAA,CAAA,aAAA,CAAC,IAAA,EAAA,EAAK,IAAA,EAAK,eAAc,IAAA,EAAK,IAAA,EAAK,WAAW,MAAA,CAAO,aAAA,EAAe,CACtE,CACF,CAAA,kBACA,KAAA,CAAA,aAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAW,MAAA,CAAO,iCACrB,KAAA,CAAA,aAAA,CAAC,iBAAA,EAAA,EAAkB,OAAO,SAAA,EAAW,QAAA,EAAU,cAAc,QAAA,EAAoB,YAAA,EAAY,IAAA,EAAC,CAChG,CACF,CAAA;AAAA,MAEJ;AAAA;AAAA,GACF;AAEJ;;;;"}

package/dist/esm/components/ConfigEditor/DatasourceConfigWizard/ComplexFieldNote.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ComplexFieldNote.js","sources":["../../../../../src/components/ConfigEditor/DatasourceConfigWizard/ComplexFieldNote.tsx"],"sourcesContent":["import React from 'react';\nimport { css } from '@emotion/css';\nimport type { GrafanaTheme2 } from '@grafana/data';\nimport { useStyles2, Icon } from '@grafana/ui';\n\nexport function ComplexFieldNote({ count, label }: { count: number; label: string }) {\n  const styles = useStyles2(getStyles);\n  return (\n    <div className={styles.note}>\n      <Icon name=\"info-circle\" size=\"xs\" />\n      <span>\n        {count > 0 ? `${count} ${label.toLowerCase()} configured.` : `No ${label.toLowerCase()} configured.`} Configure\n        in Grafana UI.\n      </span>\n    </div>\n  );\n}\n\nconst getStyles = (theme: GrafanaTheme2) => ({\n  note: css({\n    display: 'inline-flex',\n    alignItems: 'center',\n    gap: theme.spacing(0.5),\n    padding: `${theme.spacing(0.5)} ${theme.spacing(0.75)}`,\n    fontSize: theme.typography.bodySmall.fontSize,\n    color: theme.colors.text.secondary,\n    backgroundColor: theme.colors.background.secondary,\n    borderRadius: theme.shape.radius.default,\n    border: `1px solid ${theme.colors.border.weak}`,\n  }),\n});\n"],"names":["getStyles"],"mappings":";;;;AAKO,SAAS,gBAAA,CAAiB,EAAE,KAAA,EAAO,KAAA,EAAM,EAAqC;AACnF,EAAA,MAAM,MAAA,GAAS,WAAWA,WAAS,CAAA;AACnC,EAAA,uBACE,KAAA,CAAA,aAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAW,MAAA,CAAO,IAAA,EAAA,kBACrB,KAAA,CAAA,aAAA,CAAC,IAAA,EAAA,EAAK,IAAA,EAAK,aAAA,EAAc,IAAA,EAAK,IAAA,EAAK,CAAA,kBACnC,KAAA,CAAA,aAAA,CAAC,MAAA,EAAA,IAAA,EACE,KAAA,GAAQ,CAAA,GAAI,CAAA,EAAG,KAAK,CAAA,CAAA,EAAI,KAAA,CAAM,WAAA,EAAa,CAAA,YAAA,CAAA,GAAiB,CAAA,GAAA,EAAM,KAAA,CAAM,WAAA,EAAa,CAAA,YAAA,CAAA,EAAe,2BAEvG,CACF,CAAA;AAEJ;AAEA,MAAMA,WAAA,GAAY,CAAC,KAAA,MAA0B;AAAA,EAC3C,MAAM,GAAA,CAAI;AAAA,IACR,OAAA,EAAS,aAAA;AAAA,IACT,UAAA,EAAY,QAAA;AAAA,IACZ,GAAA,EAAK,KAAA,CAAM,OAAA,CAAQ,GAAG,CAAA;AAAA,IACtB,OAAA,EAAS,CAAA,EAAG,KAAA,CAAM,OAAA,CAAQ,GAAG,CAAC,CAAA,CAAA,EAAI,KAAA,CAAM,OAAA,CAAQ,IAAI,CAAC,CAAA,CAAA;AAAA,IACrD,QAAA,EAAU,KAAA,CAAM,UAAA,CAAW,SAAA,CAAU,QAAA;AAAA,IACrC,KAAA,EAAO,KAAA,CAAM,MAAA,CAAO,IAAA,CAAK,SAAA;AAAA,IACzB,eAAA,EAAiB,KAAA,CAAM,MAAA,CAAO,UAAA,CAAW,SAAA;AAAA,IACzC,YAAA,EAAc,KAAA,CAAM,KAAA,CAAM,MAAA,CAAO,OAAA;AAAA,IACjC,MAAA,EAAQ,CAAA,UAAA,EAAa,KAAA,CAAM,MAAA,CAAO,OAAO,IAAI,CAAA;AAAA,GAC9C;AACH,CAAA,CAAA;;;;"}

package/dist/esm/components/ConfigEditor/DatasourceConfigWizard/IndexedPairEditor.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"IndexedPairEditor.js","sources":["../../../../../src/components/ConfigEditor/DatasourceConfigWizard/IndexedPairEditor.tsx"],"sourcesContent":["import React, { useState } from 'react';\nimport { css } from '@emotion/css';\nimport type { GrafanaTheme2 } from '@grafana/data';\nimport { useStyles2, Button, Input, Icon, Tooltip, Stack } from '@grafana/ui';\nimport { SECURE_FIELD_CONFIGURED, type IndexedPairItem } from '../../../datasource/schema/datasource';\nimport { getSecureFieldStyles } from './SecureFieldInput';\n\nfunction IndexedPairRow({\n  item,\n  index,\n  disabled,\n  onUpdate,\n  onRemove,\n  hideControls,\n}: {\n  item: IndexedPairItem;\n  index: number;\n  disabled?: boolean;\n  onUpdate: (index: number, key: 'name' | 'value', val: string) => void;\n  onRemove: (index: number) => void;\n  hideControls?: boolean;\n}) {\n  const styles = useStyles2(getStyles);\n  const secureStyles = useStyles2(getSecureFieldStyles);\n  const isConfigured = item.value === SECURE_FIELD_CONFIGURED;\n  const [editing, setEditing] = useState(false);\n  const [revealed, setRevealed] = useState(false);\n\n  return (\n    <Stack direction=\"row\" gap={1}>\n      <div className={styles.inputCell}>\n        <Input\n          value={item.name}\n          placeholder=\"Header name\"\n          disabled={disabled || hideControls}\n          onChange={(e) => onUpdate(index, 'name', e.currentTarget.value)}\n        />\n      </div>\n      <div className={styles.inputCell}>\n        {isConfigured && !editing ? (\n          <Stack direction=\"row\" gap={1} alignItems=\"center\">\n            <span className={secureStyles.configuredBadge}>\n              <Icon name=\"lock\" size=\"xs\" />\n              Configured\n            </span>\n            {!disabled && (\n              <Button\n                variant=\"secondary\"\n                fill=\"text\"\n                size=\"sm\"\n                onClick={() => {\n                  setEditing(true);\n                  onUpdate(index, 'value', '');\n                }}\n                type=\"button\"\n              >\n                Reset\n              </Button>\n            )}\n          </Stack>\n        ) : (\n          <Input\n            value={item.value === SECURE_FIELD_CONFIGURED ? '' : item.value}\n            placeholder=\"Header value\"\n            disabled={disabled}\n            type={revealed ? 'text' : 'password'}\n            onChange={(e) => onUpdate(index, 'value', e.currentTarget.value)}\n            suffix={\n              <Button\n                variant=\"secondary\"\n                fill=\"text\"\n                size=\"sm\"\n                icon={revealed ? 'eye-slash' : 'eye'}\n                aria-label={revealed ? 'Hide' : 'Reveal'}\n                onClick={() => setRevealed((r) => !r)}\n                type=\"button\"\n              />\n            }\n          />\n        )}\n      </div>\n      {!hideControls && (\n        <Tooltip content=\"Remove header\">\n          <Button\n            variant=\"secondary\"\n            fill=\"text\"\n            size=\"sm\"\n            icon=\"trash-alt\"\n            aria-label=\"Remove header\"\n            disabled={disabled}\n            onClick={() => onRemove(index)}\n            type=\"button\"\n          />\n        </Tooltip>\n      )}\n    </Stack>\n  );\n}\n\nexport function IndexedPairEditor({\n  value,\n  onChange,\n  maxItems = 10,\n  disabled,\n  hideControls,\n}: {\n  value: IndexedPairItem[];\n  onChange: (items: IndexedPairItem[]) => void;\n  maxItems?: number;\n  disabled?: boolean;\n  hideControls?: boolean;\n}) {\n  const styles = useStyles2(getStyles);\n  const items = Array.isArray(value) ? value : [];\n\n  const addItem = () => {\n    if (items.length >= maxItems) {\n      return;\n    }\n    onChange([...items, { index: 0, name: '', value: '' }]);\n  };\n\n  const removeItem = (index: number) => {\n    onChange(items.filter((_, i) => i !== index));\n  };\n\n  const updateItem = (index: number, key: 'name' | 'value', val: string) => {\n    const updated = items.map((item, i) => (i === index ? { ...item, [key]: val } : item));\n    onChange(updated);\n  };\n\n  return (\n    <Stack direction=\"column\" gap={0.5}>\n      {items.map((item, i) => (\n        <IndexedPairRow\n          key={item.index || `new-${i}`}\n          item={item}\n          index={i}\n          disabled={disabled}\n          onUpdate={updateItem}\n          onRemove={removeItem}\n          hideControls={hideControls}\n        />\n      ))}\n      {!hideControls && items.length < maxItems && (\n        <div>\n          <Button variant=\"secondary\" size=\"sm\" icon=\"plus\" disabled={disabled} onClick={addItem} type=\"button\">\n            Add header\n          </Button>\n        </div>\n      )}\n      {!hideControls && items.length >= maxItems && (\n        <span className={styles.limitNote}>Maximum {maxItems} headers reached</span>\n      )}\n    </Stack>\n  );\n}\n\nconst getStyles = (theme: GrafanaTheme2) => ({\n  inputCell: css({\n    flex: '1 1 0',\n    minWidth: 0,\n    overflow: 'hidden',\n  }),\n  limitNote: css({\n    fontSize: theme.typography.bodySmall.fontSize,\n    color: theme.colors.text.secondary,\n  }),\n});\n"],"names":["getStyles"],"mappings":"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"}

package/dist/esm/components/ConfigEditor/DatasourceConfigWizard/PdcFieldNote.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"PdcFieldNote.js","sources":["../../../../../src/components/ConfigEditor/DatasourceConfigWizard/PdcFieldNote.tsx"],"sourcesContent":["import React from 'react';\nimport { css } from '@emotion/css';\nimport type { GrafanaTheme2 } from '@grafana/data';\nimport { useStyles2, Icon, Tooltip, LinkButton } from '@grafana/ui';\n\nexport function PdcFieldNote({\n  enabled,\n  description,\n  configUrl,\n}: {\n  enabled: boolean;\n  description?: string;\n  configUrl: string;\n}) {\n  const styles = useStyles2(getStyles);\n  return (\n    <div className={styles.wrapper}>\n      <div className={styles.note}>\n        <Icon name=\"shield\" size=\"xs\" />\n        <span>\n          Private data source connect: <strong>{enabled ? 'Enabled' : 'Disabled'}</strong>\n        </span>\n        {description && (\n          <Tooltip content={description}>\n            <Icon name=\"info-circle\" size=\"xs\" />\n          </Tooltip>\n        )}\n      </div>\n      <LinkButton variant=\"secondary\" size=\"sm\" icon=\"external-link-alt\" href={configUrl}>\n        Configure in settings\n      </LinkButton>\n    </div>\n  );\n}\n\nconst getStyles = (theme: GrafanaTheme2) => ({\n  wrapper: css({\n    display: 'flex',\n    alignItems: 'center',\n    justifyContent: 'space-between',\n    gap: theme.spacing(1),\n    padding: `${theme.spacing(0.5)} ${theme.spacing(0.75)}`,\n    fontSize: theme.typography.bodySmall.fontSize,\n    color: theme.colors.text.secondary,\n    backgroundColor: theme.colors.background.secondary,\n    borderRadius: theme.shape.radius.default,\n    border: `1px solid ${theme.colors.border.weak}`,\n  }),\n  note: css({\n    display: 'inline-flex',\n    alignItems: 'center',\n    gap: theme.spacing(0.5),\n  }),\n});\n"],"names":["getStyles"],"mappings":";;;;AAKO,SAAS,YAAA,CAAa;AAAA,EAC3B,OAAA;AAAA,EACA,WAAA;AAAA,EACA;AACF,CAAA,EAIG;AACD,EAAA,MAAM,MAAA,GAAS,WAAWA,WAAS,CAAA;AACnC,EAAA,uBACE,KAAA,CAAA,aAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAW,MAAA,CAAO,OAAA,EAAA,sCACpB,KAAA,EAAA,EAAI,SAAA,EAAW,MAAA,CAAO,IAAA,EAAA,kBACrB,KAAA,CAAA,aAAA,CAAC,IAAA,EAAA,EAAK,MAAK,QAAA,EAAS,IAAA,EAAK,IAAA,EAAK,CAAA,kBAC9B,KAAA,CAAA,aAAA,CAAC,MAAA,EAAA,IAAA,EAAK,iDACyB,KAAA,CAAA,aAAA,CAAC,QAAA,EAAA,IAAA,EAAQ,OAAA,GAAU,SAAA,GAAY,UAAW,CACzE,GACC,WAAA,oBACC,KAAA,CAAA,aAAA,CAAC,OAAA,EAAA,EAAQ,OAAA,EAAS,WAAA,EAAA,kBAChB,KAAA,CAAA,aAAA,CAAC,QAAK,IAAA,EAAK,aAAA,EAAc,IAAA,EAAK,IAAA,EAAK,CACrC,CAEJ,mBACA,KAAA,CAAA,aAAA,CAAC,UAAA,EAAA,EAAW,OAAA,EAAQ,WAAA,EAAY,IAAA,EAAK,IAAA,EAAK,MAAK,mBAAA,EAAoB,IAAA,EAAM,SAAA,EAAA,EAAW,uBAEpF,CACF,CAAA;AAEJ;AAEA,MAAMA,WAAA,GAAY,CAAC,KAAA,MAA0B;AAAA,EAC3C,SAAS,GAAA,CAAI;AAAA,IACX,OAAA,EAAS,MAAA;AAAA,IACT,UAAA,EAAY,QAAA;AAAA,IACZ,cAAA,EAAgB,eAAA;AAAA,IAChB,GAAA,EAAK,KAAA,CAAM,OAAA,CAAQ,CAAC,CAAA;AAAA,IACpB,OAAA,EAAS,CAAA,EAAG,KAAA,CAAM,OAAA,CAAQ,GAAG,CAAC,CAAA,CAAA,EAAI,KAAA,CAAM,OAAA,CAAQ,IAAI,CAAC,CAAA,CAAA;AAAA,IACrD,QAAA,EAAU,KAAA,CAAM,UAAA,CAAW,SAAA,CAAU,QAAA;AAAA,IACrC,KAAA,EAAO,KAAA,CAAM,MAAA,CAAO,IAAA,CAAK,SAAA;AAAA,IACzB,eAAA,EAAiB,KAAA,CAAM,MAAA,CAAO,UAAA,CAAW,SAAA;AAAA,IACzC,YAAA,EAAc,KAAA,CAAM,KAAA,CAAM,MAAA,CAAO,OAAA;AAAA,IACjC,MAAA,EAAQ,CAAA,UAAA,EAAa,KAAA,CAAM,MAAA,CAAO,OAAO,IAAI,CAAA;AAAA,GAC9C,CAAA;AAAA,EACD,MAAM,GAAA,CAAI;AAAA,IACR,OAAA,EAAS,aAAA;AAAA,IACT,UAAA,EAAY,QAAA;AAAA,IACZ,GAAA,EAAK,KAAA,CAAM,OAAA,CAAQ,GAAG;AAAA,GACvB;AACH,CAAA,CAAA;;;;"}

package/dist/esm/components/ConfigEditor/DatasourceConfigWizard/SecureFieldInput.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"SecureFieldInput.js","sources":["../../../../../src/components/ConfigEditor/DatasourceConfigWizard/SecureFieldInput.tsx"],"sourcesContent":["import React, { useState } from 'react';\nimport { css } from '@emotion/css';\nimport type { GrafanaTheme2 } from '@grafana/data';\nimport { useStyles2, Button, Input, Icon } from '@grafana/ui';\nimport { SECURE_FIELD_CONFIGURED } from '../../../datasource/schema/datasource';\n\nexport type FormFieldRef = {\n  onChange: (v: unknown) => void;\n  onBlur: () => void;\n  value: unknown;\n  name: string;\n};\n\nexport function SecureFieldInput({\n  formField,\n  placeholder,\n  disabled,\n  label,\n}: {\n  formField: FormFieldRef;\n  placeholder?: string;\n  disabled?: boolean;\n  label: string;\n}) {\n  const isConfigured = formField.value === SECURE_FIELD_CONFIGURED;\n  const [revealed, setRevealed] = useState(false);\n  const styles = useStyles2(getSecureFieldStyles);\n\n  if (isConfigured) {\n    return (\n      <div className={styles.configuredRow}>\n        <span className={styles.configuredBadge}>\n          <Icon name=\"lock\" size=\"xs\" />\n          {label} configured\n        </span>\n        {!disabled && (\n          <Button variant=\"secondary\" fill=\"text\" size=\"sm\" onClick={() => formField.onChange('')} type=\"button\">\n            Reset\n          </Button>\n        )}\n      </div>\n    );\n  }\n\n  return (\n    <Input\n      {...formField}\n      value={String(formField.value ?? '')}\n      type={revealed ? 'text' : 'password'}\n      placeholder={placeholder}\n      disabled={disabled}\n      suffix={\n        <Button\n          variant=\"secondary\"\n          fill=\"text\"\n          size=\"sm\"\n          icon={revealed ? 'eye-slash' : 'eye'}\n          aria-label={revealed ? 'Hide' : 'Reveal'}\n          onClick={() => setRevealed((r) => !r)}\n          type=\"button\"\n        />\n      }\n    />\n  );\n}\n\nexport const getSecureFieldStyles = (theme: GrafanaTheme2) => ({\n  configuredRow: css({\n    display: 'flex',\n    alignItems: 'center',\n    gap: theme.spacing(1),\n  }),\n  configuredBadge: css({\n    display: 'inline-flex',\n    alignItems: 'center',\n    gap: theme.spacing(0.5),\n    padding: `${theme.spacing(0.25)} ${theme.spacing(0.75)}`,\n    borderRadius: theme.shape.radius.pill,\n    backgroundColor: theme.colors.success.transparent,\n    color: theme.colors.success.text,\n    fontSize: theme.typography.bodySmall.fontSize,\n  }),\n});\n"],"names":[],"mappings":";;;;;AAaO,SAAS,gBAAA,CAAiB;AAAA,EAC/B,SAAA;AAAA,EACA,WAAA;AAAA,EACA,QAAA;AAAA,EACA;AACF,CAAA,EAKG;AAvBH,EAAA,IAAA,EAAA;AAwBE,EAAA,MAAM,YAAA,GAAe,UAAU,KAAA,KAAU,uBAAA;AACzC,EAAA,MAAM,CAAC,QAAA,EAAU,WAAW,CAAA,GAAI,SAAS,KAAK,CAAA;AAC9C,EAAA,MAAM,MAAA,GAAS,WAAW,oBAAoB,CAAA;AAE9C,EAAA,IAAI,YAAA,EAAc;AAChB,IAAA,2CACG,KAAA,EAAA,EAAI,SAAA,EAAW,MAAA,CAAO,aAAA,EAAA,sCACpB,MAAA,EAAA,EAAK,SAAA,EAAW,MAAA,CAAO,eAAA,EAAA,sCACrB,IAAA,EAAA,EAAK,IAAA,EAAK,QAAO,IAAA,EAAK,IAAA,EAAK,GAC3B,KAAA,EAAM,aACT,CAAA,EACC,CAAC,4BACA,KAAA,CAAA,aAAA,CAAC,MAAA,EAAA,EAAO,SAAQ,WAAA,EAAY,IAAA,EAAK,QAAO,IAAA,EAAK,IAAA,EAAK,OAAA,EAAS,MAAM,UAAU,QAAA,CAAS,EAAE,GAAG,IAAA,EAAK,QAAA,EAAA,EAAS,OAEvG,CAEJ,CAAA;AAAA,EAEJ;AAEA,EAAA,uBACE,KAAA,CAAA,aAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACE,GAAG,SAAA;AAAA,MACJ,KAAA,EAAO,MAAA,CAAA,CAAO,EAAA,GAAA,SAAA,CAAU,KAAA,KAAV,YAAmB,EAAE,CAAA;AAAA,MACnC,IAAA,EAAM,WAAW,MAAA,GAAS,UAAA;AAAA,MAC1B,WAAA;AAAA,MACA,QAAA;AAAA,MACA,MAAA,kBACE,KAAA,CAAA,aAAA;AAAA,QAAC,MAAA;AAAA,QAAA;AAAA,UACC,OAAA,EAAQ,WAAA;AAAA,UACR,IAAA,EAAK,MAAA;AAAA,UACL,IAAA,EAAK,IAAA;AAAA,UACL,IAAA,EAAM,WAAW,WAAA,GAAc,KAAA;AAAA,UAC/B,YAAA,EAAY,WAAW,MAAA,GAAS,QAAA;AAAA,UAChC,SAAS,MAAM,WAAA,CAAY,CAAC,CAAA,KAAM,CAAC,CAAC,CAAA;AAAA,UACpC,IAAA,EAAK;AAAA;AAAA;AACP;AAAA,GAEJ;AAEJ;AAEO,MAAM,oBAAA,GAAuB,CAAC,KAAA,MAA0B;AAAA,EAC7D,eAAe,GAAA,CAAI;AAAA,IACjB,OAAA,EAAS,MAAA;AAAA,IACT,UAAA,EAAY,QAAA;AAAA,IACZ,GAAA,EAAK,KAAA,CAAM,OAAA,CAAQ,CAAC;AAAA,GACrB,CAAA;AAAA,EACD,iBAAiB,GAAA,CAAI;AAAA,IACnB,OAAA,EAAS,aAAA;AAAA,IACT,UAAA,EAAY,QAAA;AAAA,IACZ,GAAA,EAAK,KAAA,CAAM,OAAA,CAAQ,GAAG,CAAA;AAAA,IACtB,OAAA,EAAS,CAAA,EAAG,KAAA,CAAM,OAAA,CAAQ,IAAI,CAAC,CAAA,CAAA,EAAI,KAAA,CAAM,OAAA,CAAQ,IAAI,CAAC,CAAA,CAAA;AAAA,IACtD,YAAA,EAAc,KAAA,CAAM,KAAA,CAAM,MAAA,CAAO,IAAA;AAAA,IACjC,eAAA,EAAiB,KAAA,CAAM,MAAA,CAAO,OAAA,CAAQ,WAAA;AAAA,IACtC,KAAA,EAAO,KAAA,CAAM,MAAA,CAAO,OAAA,CAAQ,IAAA;AAAA,IAC5B,QAAA,EAAU,KAAA,CAAM,UAAA,CAAW,SAAA,CAAU;AAAA,GACtC;AACH,CAAA;;;;"}