react-semaphor 0.1.367 → 0.1.369

package/dist/types/data-app-sdk.d.ts

@@ -33,6 +33,10 @@ declare type CalendarContext = {
 
 export declare function createSemaphorQueryExecutor(): SemaphorQueryExecutor;
 
+export declare function defineSemaphorDataApp<TDefinition extends SemaphorDataAppDefinition>(definition: TDefinition): TDefinition;
+
+export declare function defineSemaphorInput<TValue extends SemaphorInputValue = SemaphorInputValue>(spec: SemaphorInputSpec<TValue>): SemaphorInputSpec<TValue>;
+
 export declare function hasSemaphorInputValue(value: unknown): boolean;
 
 export declare function normalizeSemaphorAnalysisPayload(payload: SemaphorAnalysisPayload | undefined | null): SemaphorAnalysisPayload;
@@ -52,6 +56,17 @@ export declare function normalizeSemaphorInputOptions(options?: Array<{
 
 export declare function readWindowRuntime(): SemaphorDataAppWindowRuntime | undefined;
 
+export declare const semaphor: {
+    filter<TValue extends SemaphorInputValue = SemaphorInputValue>(spec: Omit<SemaphorFilterInputSpec<TValue>, "kind">): SemaphorFilterInputSpec<TValue>;
+    control<TValue extends SemaphorInputValue = SemaphorInputValue>(spec: SemaphorControlBuilderSpec<TValue>): SemaphorControlInputSpec<TValue>;
+    sqlParam<TValue extends SemaphorSqlParameterValue = SemaphorSqlParameterValue>(spec: SemaphorSqlParamInputSpec<TValue>): SemaphorControlInputSpec<TValue>;
+    metric(spec: SemaphorMetricQuerySpec): SemaphorMetricQueryDefinition;
+    analysis(spec: SemaphorAnalysisQuerySpec): SemaphorAnalysisQueryDefinition;
+    records(spec: SemaphorRecordsQuerySpec): SemaphorRecordsQueryDefinition;
+    inputOptions(spec: SemaphorInputOptionsQuerySpec): SemaphorInputOptionsQueryDefinition;
+    sql(spec: SemaphorSqlQuerySpec): SemaphorSqlQueryDefinition;
+};
+
 declare type SemaphorAbsoluteTimeWindow = {
     kind: 'absolute';
     start: string;
@@ -94,6 +109,10 @@ export declare type SemaphorAnalysisPayload = {
     [key: string]: unknown;
 };
 
+export declare type SemaphorAnalysisQueryDefinition = SemaphorAnalysisQuerySpec & {
+    queryKind: 'analysis';
+};
+
 export declare type SemaphorAnalysisQueryOptions = {
     chartTitle?: string;
     chartType?: string;
@@ -212,6 +231,7 @@ declare type SemaphorAnalyticsResultBase = {
     rowCount?: number;
     rowLimitExceeded?: boolean;
     limit?: number;
+    pagination?: SemaphorPaginationMetadata;
 };
 
 declare type SemaphorAnalyticsValidationCode = 'missing_source' | 'invalid_source_kind' | 'missing_semantic_domain' | 'missing_dataset_name' | 'missing_connection_id' | 'missing_table_name' | 'missing_sql' | 'missing_metric' | 'missing_record_fields' | 'missing_input_options_field' | 'invalid_metric' | 'invalid_metric_list' | 'invalid_date_field' | 'invalid_dimension' | 'invalid_metric_dimensions' | 'conflicting_sql' | 'sql_policy_violation' | 'unsupported_intent_for_adapter' | 'invalid_analytics_kind' | 'invalid_analytics_intent';
@@ -236,6 +256,8 @@ declare type SemaphorAnalyticsValueFilter = SemaphorAnalyticsFilterBase & {
 
 declare type SemaphorAnalyticsValueFilterOperator = Exclude<SemaphorAnalyticsFilterOperator, 'is_null' | 'is_not_null'>;
 
+export declare type SemaphorAnyQueryResult<TRecord extends Record<string, unknown> = Record<string, unknown>> = SemaphorQueryResult<TRecord>;
+
 declare type SemaphorCompiledQuery = {
     kind: 'config';
     queryId: string;
@@ -263,6 +285,10 @@ declare type SemaphorCompiledQuery = {
     analyticsIntent?: SemaphorAnalyticsIntent;
 };
 
+export declare type SemaphorControlBuilderSpec<TValue extends SemaphorInputValue = SemaphorInputValue> = Omit<SemaphorControlInputSpec<TValue>, 'kind'> & {
+    role: SemaphorControlRole;
+};
+
 export declare type SemaphorControlInputSpec<TValue extends SemaphorInputValue = SemaphorInputValue> = SemaphorInputBase<TValue> & {
     kind: 'control';
     role: SemaphorControlRole;
@@ -272,34 +298,21 @@ export declare type SemaphorControlRole = 'grain' | 'metric' | 'dimension' | 'ag
 
 export declare const SemaphorDataAppContext: Context<SemaphorDataAppRuntime>;
 
+export declare type SemaphorDataAppDefinition = {
+    id?: string;
+    title?: string;
+    description?: string;
+    inputs?: Record<string, SemaphorInputSpec> | SemaphorInputSpec[];
+    queries?: Record<string, SemaphorQueryDefinition>;
+    views: SemaphorDataAppViewDefinition[];
+};
+
 export declare type SemaphorDataAppFieldCatalog = {
     source: SemaphorSourceRef;
     sourceAliases?: SemaphorSourceRef[];
     fields: SemaphorFieldRef[];
 };
 
-export declare type SemaphorDataAppHookSpec = {
-    hook: 'useSemaphorAnalysis';
-    spec: SemaphorAnalysisQuerySpec;
-} | {
-    hook: 'useSemaphorMetric';
-    spec: SemaphorMetricQuerySpec;
-} | {
-    hook: 'useSemaphorRecords';
-    spec: SemaphorRecordsQuerySpec;
-} | {
-    hook: 'useSemaphorInputOptions';
-    spec: SemaphorInputOptionsQuerySpec;
-};
-
-export declare type SemaphorDataAppHookValidation = {
-    hook: SemaphorDataAppHookSpec['hook'];
-    hookId?: string;
-    intent?: SemaphorAnalyticsIntent;
-    diagnostics: SemaphorDataAppValidationDiagnostic[];
-    executionResult: SemaphorAnalyticsExecutionResult;
-};
-
 export declare function SemaphorDataAppProvider({ token, apiBaseUrl, executor, children, }: SemaphorDataAppProviderProps): JSX.Element;
 
 export declare type SemaphorDataAppProviderProps = SemaphorQueryExecutorContext & {
@@ -307,17 +320,30 @@ export declare type SemaphorDataAppProviderProps = SemaphorQueryExecutorContext
     children: ReactNode;
 };
 
+export declare type SemaphorDataAppQuerySpecEnvelope = {
+    queryHook: 'useSemaphorQuery';
+    spec: SemaphorQueryDefinition;
+};
+
+export declare type SemaphorDataAppQueryValidation = {
+    queryHook: SemaphorDataAppQuerySpecEnvelope['queryHook'];
+    queryId?: string;
+    intent?: SemaphorAnalyticsIntent;
+    diagnostics: SemaphorDataAppValidationDiagnostic[];
+    executionResult: SemaphorAnalyticsExecutionResult;
+};
+
 export declare type SemaphorDataAppRuntime = SemaphorQueryExecutorContext & {
     executor?: SemaphorQueryExecutor;
 };
 
 export declare type SemaphorDataAppValidationDiagnostic = {
     severity: 'error' | 'warning';
-    code: 'invalid_hook_spec' | 'invalid_analytics_intent' | 'invalid_source_ref' | 'missing_field' | 'unsupported_input_filter_composition' | string;
+    code: 'invalid_query_spec' | 'invalid_analytics_intent' | 'invalid_source_ref' | 'missing_field' | 'unsupported_input_filter_composition' | string;
     message: string;
     path?: string;
-    hook?: SemaphorDataAppHookSpec['hook'];
-    hookId?: string;
+    queryHook?: SemaphorDataAppQuerySpecEnvelope['queryHook'];
+    queryId?: string;
     intentId?: string;
     source?: SemaphorSourceRef;
     field?: SemaphorFieldRef;
@@ -326,11 +352,19 @@ export declare type SemaphorDataAppValidationDiagnostic = {
 export declare type SemaphorDataAppValidationResult = {
     ok: boolean;
     diagnostics: SemaphorDataAppValidationDiagnostic[];
-    hooks: SemaphorDataAppHookValidation[];
+    queries: SemaphorDataAppQueryValidation[];
     intents: SemaphorAnalyticsIntent[];
     executionResults: SemaphorAnalyticsExecutionResult[];
 };
 
+export declare type SemaphorDataAppViewDefinition<TQuery extends SemaphorQueryDefinition = SemaphorQueryDefinition> = {
+    id: string;
+    title?: string;
+    description?: string;
+    query: TQuery;
+    inputs?: SemaphorInputReference[];
+};
+
 declare type SemaphorDataAppWindowRuntime = {
     apiBaseUrl?: string;
     dataApiBaseUrl?: string;
@@ -368,12 +402,17 @@ declare type SemaphorInputBase<TValue extends SemaphorInputValue> = {
     label?: string;
     value?: TValue;
     defaultValue?: TValue;
-    onValueChange?: (value: TValue | undefined) => void;
+    onValueChange?: {
+        bivarianceHack(value: TValue | undefined): void;
+    }['bivarianceHack'];
     options?: Array<SemaphorInputOption | SemaphorOptionValue>;
 };
 
 declare type SemaphorInputBinding = {
     inputId: string;
+    kind?: 'filter' | 'control';
+    controlRole?: 'grain' | 'metric' | 'dimension' | 'aggregation' | 'sqlParam';
+    operator?: SemaphorInputOperator;
     field?: SemaphorFieldRef;
 };
 
@@ -420,6 +459,10 @@ export declare type SemaphorInputOptionsPayload = {
     executionResult?: SemaphorAnalyticsExecutionResult;
 };
 
+export declare type SemaphorInputOptionsQueryDefinition = SemaphorInputOptionsQuerySpec & {
+    queryKind: 'inputOptions';
+};
+
 export declare type SemaphorInputOptionsQueryResult = SemaphorQueryState & SemaphorInputOptionsPayload & {
     id?: string;
     intent?: Extract<SemaphorAnalyticsIntent, {
@@ -444,7 +487,7 @@ declare type SemaphorInputOptionsResult = SemaphorAnalyticsResultBase & {
     }>;
 };
 
-export declare type SemaphorInputReference = SemaphorInputBinding | SemaphorActiveInput | SemaphorInputHandle;
+export declare type SemaphorInputReference = SemaphorInputSpec | SemaphorInputBinding | SemaphorActiveInput | SemaphorInputHandle;
 
 export declare type SemaphorInputSpec<TValue extends SemaphorInputValue = SemaphorInputValue> = SemaphorFilterInputSpec<TValue> | SemaphorControlInputSpec<TValue>;
 
@@ -500,6 +543,10 @@ export declare type SemaphorMetricPayload = {
     executionResult?: SemaphorAnalyticsExecutionResult;
 };
 
+export declare type SemaphorMetricQueryDefinition = SemaphorMetricQuerySpec & {
+    queryKind: 'metric';
+};
+
 export declare type SemaphorMetricQueryResult = SemaphorQueryState & SemaphorMetricPayload & {
     id?: string;
     intent?: SemaphorMetricIntent;
@@ -534,6 +581,20 @@ export declare type SemaphorNonEmptyArray<T> = [T, ...T[]];
 
 export declare type SemaphorOptionValue = string | number | boolean;
 
+export declare type SemaphorPaginationMetadata = {
+    page: number;
+    pageSize: number;
+    pageCount: number;
+    totalCount: number;
+    hasNextPage: boolean;
+    hasPrevPage: boolean;
+};
+
+export declare type SemaphorPaginationRequest = {
+    page: number;
+    pageSize: number;
+};
+
 declare type SemaphorProtocolIssue = {
     code: string;
     message: string;
@@ -542,6 +603,8 @@ declare type SemaphorProtocolIssue = {
 
 declare type SemaphorProtocolVersion = 1;
 
+export declare type SemaphorQueryDefinition = SemaphorMetricQueryDefinition | SemaphorAnalysisQueryDefinition | SemaphorRecordsQueryDefinition | SemaphorInputOptionsQueryDefinition | SemaphorSqlQueryDefinition;
+
 export declare type SemaphorQueryExecutor = {
     executeAnalysis?(intent: SemaphorMetricIntent, context: SemaphorQueryExecutorContext, options?: SemaphorAnalysisQueryOptions): Promise<SemaphorAnalysisPayload>;
     executeMetric(intent: SemaphorMetricIntent, context: SemaphorQueryExecutorContext): Promise<SemaphorMetricPayload>;
@@ -549,6 +612,7 @@ export declare type SemaphorQueryExecutor = {
     executeInputOptions(intent: Extract<SemaphorAnalyticsIntent, {
         kind: 'inputOptions';
     }>, context: SemaphorQueryExecutorContext): Promise<SemaphorInputOptionsPayload>;
+    executeSql?<TRecord extends Record<string, unknown> = Record<string, unknown>>(intent: SemaphorSqlIntent, context: SemaphorQueryExecutorContext): Promise<SemaphorSqlPayload<TRecord>>;
 };
 
 export declare type SemaphorQueryExecutorContext = {
@@ -566,6 +630,14 @@ export declare type SemaphorQueryOrderBy = {
 
 declare type SemaphorQueryPath = 'query_spec' | 'sql' | 'sql_python';
 
+export declare type SemaphorQueryResult<TRecord extends Record<string, unknown> = Record<string, unknown>> = SemaphorMetricQueryResult | SemaphorAnalysisQueryResult | SemaphorRowsQueryResult<TRecord> | SemaphorInputOptionsQueryResult;
+
+export declare type SemaphorQueryResultFor<TQuery extends SemaphorQueryDefinition, TRecord extends Record<string, unknown> = Record<string, unknown>> = TQuery extends SemaphorMetricQueryDefinition ? SemaphorMetricQueryResult : TQuery extends SemaphorAnalysisQueryDefinition ? SemaphorAnalysisQueryResult : TQuery extends SemaphorRecordsQueryDefinition ? SemaphorRecordsQueryResult<TRecord> : TQuery extends SemaphorInputOptionsQueryDefinition ? SemaphorInputOptionsQueryResult : TQuery extends SemaphorSqlQueryDefinition ? SemaphorSqlQueryResult<TRecord> : never;
+
+export declare type SemaphorQueryRuntimeOptions = {
+    inputs?: SemaphorInputReference[];
+};
+
 export declare type SemaphorQuerySourceSpec = {
     source: SemaphorSourceRef;
 };
@@ -588,6 +660,7 @@ declare type SemaphorRecordsBaseQuerySpec = SemaphorQuerySourceSpec & {
     orderBy?: SemaphorRecordsOrderBy;
     inputs?: SemaphorInputReference[];
     limit?: number;
+    pagination?: SemaphorPaginationRequest;
 };
 
 export declare type SemaphorRecordsField = SemaphorFieldRef & {
@@ -606,6 +679,7 @@ declare type SemaphorRecordsIntent = {
     timeWindow?: SemaphorTimeWindow;
     filters?: SemaphorAnalyticsFilter[];
     limit?: number;
+    pagination?: SemaphorPaginationRequest;
     orderBy?: {
         field: SemaphorFieldRef;
         direction: 'asc' | 'desc';
@@ -619,9 +693,14 @@ export declare type SemaphorRecordsPayload<TRecord extends Record<string, unknow
     records: TRecord[];
     columns?: SemaphorResultColumn[];
     rowCount?: number;
+    pagination?: SemaphorPaginationMetadata;
     executionResult?: SemaphorAnalyticsExecutionResult;
 };
 
+export declare type SemaphorRecordsQueryDefinition = SemaphorRecordsQuerySpec & {
+    queryKind: 'records';
+};
+
 export declare type SemaphorRecordsQueryResult<TRecord extends Record<string, unknown> = Record<string, unknown>> = SemaphorQueryState & SemaphorRecordsPayload<TRecord> & {
     id?: string;
     intent?: SemaphorRecordsIntent;
@@ -688,6 +767,8 @@ export declare type SemaphorResultColumn = {
     source?: SemaphorFieldRef['source'];
 };
 
+export declare type SemaphorRowsQueryResult<TRecord extends Record<string, unknown> = Record<string, unknown>> = SemaphorRecordsQueryResult<TRecord> | SemaphorSqlQueryResult<TRecord>;
+
 export declare type SemaphorScalar = string | number | boolean | null;
 
 export declare type SemaphorSourceRef = {
@@ -722,14 +803,53 @@ declare type SemaphorSqlIntent = {
         kind: 'sql';
     }>;
     sql: string;
-    parameters?: Record<string, unknown>;
+    defaultParameters?: Record<string, unknown>;
     pythonCode?: string;
     limit?: number;
+    pagination?: SemaphorPaginationRequest;
     rationale?: string;
     fields?: SemaphorFieldRef[];
     inputs?: SemaphorInputBinding[];
 };
 
+export declare type SemaphorSqlParameterValue = SemaphorScalar | SemaphorScalar[];
+
+export declare type SemaphorSqlParamInputSpec<TValue extends SemaphorInputValue = SemaphorInputValue> = Omit<SemaphorControlInputSpec<TValue>, 'kind' | 'role'> & {
+    defaultValue?: TValue;
+};
+
+export declare type SemaphorSqlPayload<TRecord extends Record<string, unknown> = Record<string, unknown>> = {
+    records: TRecord[];
+    columns?: SemaphorResultColumn[];
+    rowCount?: number;
+    pagination?: SemaphorPaginationMetadata;
+    output?: string;
+    rowLimitExceeded?: boolean;
+    executionResult?: SemaphorAnalyticsExecutionResult;
+};
+
+export declare type SemaphorSqlQueryDefinition = SemaphorSqlQuerySpec & {
+    queryKind: 'sql';
+};
+
+export declare type SemaphorSqlQueryResult<TRecord extends Record<string, unknown> = Record<string, unknown>> = SemaphorQueryState & SemaphorSqlPayload<TRecord> & {
+    id?: string;
+    intent?: SemaphorSqlIntent;
+};
+
+export declare type SemaphorSqlQuerySpec = SemaphorSqlSourceSpec & {
+    id?: string;
+    label?: string;
+    sql: string;
+    defaultParameters?: Record<string, SemaphorSqlParameterValue>;
+    pythonCode?: string;
+    fields?: SemaphorFieldRef[];
+    inputs?: SemaphorInputReference[];
+    limit?: number;
+    pagination?: SemaphorPaginationRequest;
+    rationale?: string;
+};
+
 declare type SemaphorSqlResult = SemaphorAnalyticsResultBase & {
     kind: 'sql';
     columns: SemaphorRecordsResult['columns'];
@@ -741,6 +861,12 @@ declare type SemaphorSqlResult = SemaphorAnalyticsResultBase & {
     };
 };
 
+export declare type SemaphorSqlSourceSpec = {
+    source: Extract<SemaphorSourceRef, {
+        kind: 'sql';
+    }>;
+};
+
 declare type SemaphorTimeGrain = 'hour' | 'day' | 'week' | 'month' | 'quarter' | 'year';
 
 export declare type SemaphorTimeWindow = SemaphorRelativeTimeWindow | SemaphorAbsoluteTimeWindow;
@@ -766,26 +892,33 @@ export declare function toSemaphorInputSpec<TValue extends SemaphorInputValue =
     label?: string;
     field?: SemaphorFieldRef;
     operator?: SemaphorInputOperator;
+    controlRole?: SemaphorControlRole;
 };
 
 export declare function toSemaphorMetricIntent(spec: SemaphorMetricQuerySpec): SemaphorMetricIntent;
 
 export declare function toSemaphorRecordsIntent(spec: SemaphorRecordsQuerySpec): SemaphorRecordsIntent;
 
-export declare function useSemaphorAnalysis(spec: SemaphorAnalysisQuerySpec): SemaphorAnalysisQueryResult;
+export declare function toSemaphorSqlIntent(spec: SemaphorSqlQuerySpec): SemaphorSqlIntent;
 
 export declare function useSemaphorDataAppRuntime(): SemaphorDataAppRuntime;
 
 export declare function useSemaphorInput<TValue extends SemaphorInputValue = SemaphorInputValue>(spec: SemaphorInputSpec<TValue>): SemaphorInputHandle;
 
-export declare function useSemaphorInputOptions(spec: SemaphorInputOptionsQuerySpec): SemaphorInputOptionsQueryResult;
+export declare function useSemaphorInputs(specs: readonly SemaphorInputSpec[]): SemaphorInputHandle[];
+
+export declare function useSemaphorQuery(spec: SemaphorMetricQueryDefinition, options?: SemaphorQueryRuntimeOptions): SemaphorMetricQueryResult;
+
+export declare function useSemaphorQuery(spec: SemaphorAnalysisQueryDefinition, options?: SemaphorQueryRuntimeOptions): SemaphorAnalysisQueryResult;
+
+export declare function useSemaphorQuery<TRecord extends Record<string, unknown> = Record<string, unknown>>(spec: SemaphorRecordsQueryDefinition, options?: SemaphorQueryRuntimeOptions): SemaphorRecordsQueryResult<TRecord>;
 
-export declare function useSemaphorMetric(spec: SemaphorMetricQuerySpec): SemaphorMetricQueryResult;
+export declare function useSemaphorQuery(spec: SemaphorInputOptionsQueryDefinition, options?: SemaphorQueryRuntimeOptions): SemaphorInputOptionsQueryResult;
 
-export declare function useSemaphorRecords<TRecord extends Record<string, unknown> = Record<string, unknown>>(spec: SemaphorRecordsQuerySpec): SemaphorRecordsQueryResult<TRecord>;
+export declare function useSemaphorQuery<TRecord extends Record<string, unknown> = Record<string, unknown>>(spec: SemaphorSqlQueryDefinition, options?: SemaphorQueryRuntimeOptions): SemaphorSqlQueryResult<TRecord>;
 
-export declare function validateSemaphorDataAppHookSpecs(input: {
-    hooks: SemaphorDataAppHookSpec[];
+export declare function validateSemaphorDataAppQuerySpecs(input: {
+    queries: SemaphorDataAppQuerySpecEnvelope[];
     fieldCatalogs?: SemaphorDataAppFieldCatalog[];
     requireFieldCatalog?: boolean;
     validateTimezone?: SemaphorAnalysisTimezoneValidator;

package/dist/types/main.d.ts

@@ -4454,6 +4454,9 @@ declare type SemaphorFieldRef = {
 
 declare type SemaphorInputBinding = {
     inputId: string;
+    kind?: 'filter' | 'control';
+    controlRole?: 'grain' | 'metric' | 'dimension' | 'aggregation' | 'sqlParam';
+    operator?: SemaphorInputOperator;
     field?: SemaphorFieldRef;
 };
 
@@ -4503,6 +4506,11 @@ declare type SemaphorMetricIntent = {
     limit?: number;
 };
 
+declare type SemaphorPaginationRequest = {
+    page: number;
+    pageSize: number;
+};
+
 declare type SemaphorProtocolVersion = 1;
 
 declare function SemaphorQueryClient({ children, }: {
@@ -4523,6 +4531,7 @@ declare type SemaphorRecordsIntent = {
     timeWindow?: SemaphorTimeWindow;
     filters?: SemaphorAnalyticsFilter[];
     limit?: number;
+    pagination?: SemaphorPaginationRequest;
     orderBy?: {
         field: SemaphorFieldRef;
         direction: 'asc' | 'desc';
@@ -4570,9 +4579,10 @@ declare type SemaphorSqlIntent = {
         kind: 'sql';
     }>;
     sql: string;
-    parameters?: Record<string, unknown>;
+    defaultParameters?: Record<string, unknown>;
     pythonCode?: string;
     limit?: number;
+    pagination?: SemaphorPaginationRequest;
     rationale?: string;
     fields?: SemaphorFieldRef[];
     inputs?: SemaphorInputBinding[];

package/package.json

@@ -5,7 +5,7 @@
     "email": "support@semaphor.cloud"
   },
   "license": "MIT",
-  "version": "0.1.367",
+  "version": "0.1.369",
   "description": "Fully interactive and customizable dashboards for your apps.",
   "keywords": [
     "react",

package/dist/chunks/dashboard-json-Bo1kX6W1.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react/jsx-runtime"),o=require("react");require("./index-BxM99sFL.js");const s=require("./switch-C0S63HAv.js");require("./index-HjDeEytV.js");require("./index-DRlMUglg.js");require("react-dom/client");require("react-dom");function b(){const t=s.useDashboardStore(e=>e.dashboard),c=s.useDashboardStore(e=>e.actions.setDashboard),u=s.useDashboardStore(e=>e.showDashboardJSON),h=s.useDashboardStore(e=>e.actions.setShowDashboardJSON),r=o.useMemo(()=>t?JSON.stringify(t,null,2):"",[t]),[l,i]=o.useState(r),n=o.useRef(r);return o.useEffect(()=>{r!==n.current&&(i(r),n.current=r)},[r]),a.jsxs("div",{className:s.cn("relative p-2",{hidden:!u}),children:[a.jsxs(s.Button,{variant:"secondary",size:"sm",className:"absolute right-2 top-2 z-10 h-8",onClick:()=>h(!1),children:[a.jsx(s.X,{className:"mr-2 h-4 w-4"}),"Close"]}),a.jsx("div",{className:"h-[550px] overflow-hidden",children:a.jsx(s.CodeEditor,{value:l,onValueChange:e=>{i(e);try{const d=JSON.parse(e);n.current=JSON.stringify(d,null,2),c(d)}catch{}},language:"json"})})]})}exports.default=b;