@omniviewdev/editors 4.0.0 → 5.0.0

package/dist/editors.css

@@ -1 +1 @@
-._Root_1729c_1{position:relative;overflow:hidden;box-sizing:border-box;border-radius:var(--ov-radius-sm, 4px);border:1px solid var(--ov-color-editor-border, var(--ov-color-border-default));background:var(--ov-color-editor-bg, var(--ov-color-bg-surface));height:var(--_editor-height);width:var(--_editor-width)}._Root_1729c_1[data-borderless]{border:none;border-radius:0}._Inner_1729c_17{height:100%;width:100%}._Loading_1729c_22{display:flex;align-items:center;justify-content:center;height:100%;width:100%;color:var(--ov-color-fg-muted);font-family:var(--ov-font-family-sans, sans-serif);font-size:var(--ov-font-size-sm, 13px)}._Root_1ltbg_1{position:relative;overflow:hidden;box-sizing:border-box;border-radius:var(--ov-radius-sm, 4px);border:1px solid var(--ov-color-editor-border, var(--ov-color-border-default));background:var(--ov-color-editor-bg, var(--ov-color-bg-surface));height:var(--_diff-height, 100%)}._Root_1ltbg_1[data-borderless]{border:none;border-radius:0}._Inner_1ltbg_16{height:100%;width:100%}._Loading_1ltbg_21{display:flex;align-items:center;justify-content:center;height:100%;width:100%;color:var(--ov-color-fg-muted);font-family:var(--ov-font-family-sans, sans-serif);font-size:var(--ov-font-size-sm, 13px)}._Root_1s8vo_1{width:100%;height:100%;overflow:hidden;background:var(--ov-color-terminal-bg, var(--ov-color-bg-surface));border:1px solid var(--ov-color-terminal-border, var(--ov-color-border-default));border-radius:var(--ov-radius-sm, 4px);padding:var(--ov-space-1, 4px);font-family:var(--ov-font-family-mono, monospace)}._Root_1wl3o_1{color:var(--ov-color-editor-fg, var(--ov-color-fg-default));font-family:var(--ov-font-family-sans, sans-serif);font-size:var(--ov-font-size-md, 14px);line-height:var(--ov-line-height-md, 1.6);padding:var(--ov-space-3, 12px);overflow-y:auto}._Root_1wl3o_1 h1,._Root_1wl3o_1 h2,._Root_1wl3o_1 h3,._Root_1wl3o_1 h4,._Root_1wl3o_1 h5,._Root_1wl3o_1 h6{color:var(--ov-color-fg-default);font-weight:var(--ov-font-weight-bold, 600);margin-top:var(--ov-space-4, 16px);margin-bottom:var(--ov-space-2, 8px)}._Root_1wl3o_1 h1{font-size:var(--ov-font-size-2xl, 24px);border-bottom:1px solid var(--ov-color-border-muted);padding-bottom:var(--ov-space-2, 8px)}._Root_1wl3o_1 h2{font-size:var(--ov-font-size-xl, 20px);border-bottom:1px solid var(--ov-color-border-muted);padding-bottom:var(--ov-space-1, 4px)}._Root_1wl3o_1 h3{font-size:var(--ov-font-size-lg, 16px)}._Root_1wl3o_1 p{margin-top:0;margin-bottom:var(--ov-space-3, 12px)}._Root_1wl3o_1 ul,._Root_1wl3o_1 ol{margin-top:0;margin-bottom:var(--ov-space-3, 12px);padding-left:var(--ov-space-5, 24px)}._Root_1wl3o_1 li{margin-bottom:var(--ov-space-1, 4px)}._Root_1wl3o_1 figure{margin:0 0 var(--ov-space-3, 12px) 0}._Root_1wl3o_1 blockquote>p:last-child{margin-bottom:0}._Root_1wl3o_1 blockquote{margin-bottom:var(--ov-space-3, 12px)}._Root_1wl3o_1 .ov-md-checkbox{display:inline-grid;width:auto;vertical-align:middle;margin-right:var(--ov-space-1, 4px)}._Root_1wl3o_1 li:has(>.ov-md-checkbox){list-style:none}._Root_1wl3o_1 img{max-width:100%;height:auto;border-radius:var(--ov-radius-sm, 4px)}._Root_1wl3o_1 [data-ov-component=accordion]{margin-bottom:var(--ov-space-3, 12px)}._Loading_1wl3o_92{display:flex;align-items:center;justify-content:center;padding:var(--ov-space-4, 16px);color:var(--ov-color-fg-muted);font-size:var(--ov-font-size-sm, 13px)}._Overlay_pgin5_1{position:fixed;inset:0;z-index:var(--ov-z-modal, 1000);display:flex;justify-content:center;align-items:flex-start;padding-top:20vh;background:var(--ov-color-overlay-bg, rgba(0, 0, 0, .4))}._Root_pgin5_12{width:min(600px,90vw);max-height:60vh;display:flex;flex-direction:column;background:var(--ov-color-quickpick-bg, var(--ov-color-bg-surface));border:1px solid var(--ov-color-border-overlay);border-radius:var(--ov-radius-md, 8px);box-shadow:var(--ov-color-quickpick-shadow, 0 8px 32px rgba(0, 0, 0, .4));overflow:hidden}._CommandList_pgin5_25{min-height:0;flex:1 1 auto}._Results_pgin5_30{max-block-size:none;overscroll-behavior:contain}._Message_pgin5_35{padding:var(--ov-space-stack-md, 16px);color:var(--ov-color-danger);overflow-wrap:anywhere}._Root_1b5sv_1{font-family:var(--ov-font-family-mono, monospace);font-size:var(--ov-font-size-sm, 13px);line-height:1.5;color:var(--ov-color-editor-fg, var(--ov-color-fg-default));background:var(--ov-color-editor-bg, var(--ov-color-bg-surface));border:1px solid var(--ov-color-editor-border, var(--ov-color-border-default));border-radius:var(--ov-radius-sm, 4px);overflow:auto}._Toolbar_1b5sv_12{display:flex;align-items:center;gap:var(--ov-space-2, 8px);padding:var(--ov-space-2, 8px);border-bottom:1px solid var(--ov-color-border-muted)}._SearchInput_1b5sv_20{flex:1;padding:var(--ov-space-1, 4px) var(--ov-space-2, 8px);background:var(--ov-color-input-bg, transparent);color:var(--ov-color-input-fg, var(--ov-color-fg-default));border:1px solid var(--ov-color-border-control);border-radius:var(--ov-radius-sm, 4px);font-family:inherit;font-size:inherit;outline:none}._SearchInput_1b5sv_20::placeholder{color:var(--ov-color-input-placeholder, var(--ov-color-fg-muted))}._SearchInput_1b5sv_20:focus-visible{outline:2px solid var(--ov-color-border-focus, var(--ov-color-fg-accent, #007fd4));outline-offset:-1px}._CopyButton_1b5sv_41{padding:var(--ov-space-1, 4px) var(--ov-space-2, 8px);background:var(--ov-color-button-secondary-bg, var(--ov-color-bg-subtle));color:var(--ov-color-button-secondary-fg, var(--ov-color-fg-default));border:1px solid var(--ov-color-border-default);border-radius:var(--ov-radius-sm, 4px);font-size:var(--ov-font-size-xs, 11px);cursor:pointer}._CopyButton_1b5sv_41:hover{background:var(--ov-color-button-secondary-hover-bg, var(--ov-color-bg-subtle))}._Tree_1b5sv_55{padding:var(--ov-space-2, 8px)}._Row_1b5sv_63{display:flex;align-items:center;padding:1px 0;padding-left:var(--_inspector-depth-indent, 0);cursor:default;white-space:nowrap}._Row_1b5sv_63:hover{background:var(--ov-color-list-hover-bg, var(--ov-color-bg-subtle))}._RowHighlight_1b5sv_76{background:var(--ov-color-editor-find-match-bg, rgba(255, 255, 0, .15))}._Chevron_1b5sv_80{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;flex-shrink:0;font-size:10px;color:var(--ov-color-fg-muted);transition:transform var(--ov-duration-fast, .1s) var(--ov-ease-standard, ease);cursor:pointer}._ChevronExpanded_1b5sv_93{transform:rotate(90deg)}._ChevronSpacer_1b5sv_97{display:inline-block;width:16px;flex-shrink:0}._Key_1b5sv_103{color:var(--ov-syntax-property, var(--ov-color-fg-default))}._Colon_1b5sv_107{color:var(--ov-syntax-punctuation, var(--ov-color-fg-muted))}._Value_1b5sv_111[data-type=string]{color:var(--ov-syntax-string, var(--ov-color-fg-accent, currentColor))}._Value_1b5sv_111[data-type=number]{color:var(--ov-syntax-number, var(--ov-color-fg-success, currentColor))}._Value_1b5sv_111[data-type=boolean]{color:var(--ov-syntax-keyword, var(--ov-color-fg-info, currentColor))}._Value_1b5sv_111[data-type=null],._Value_1b5sv_111[data-type=undefined]{color:var(--ov-syntax-keyword, var(--ov-color-fg-info, currentColor));font-style:italic}._Preview_1b5sv_129{color:var(--ov-color-fg-muted);font-style:italic}._Comma_1b5sv_134{color:var(--ov-syntax-punctuation, var(--ov-color-fg-muted))}
+._Root_1729c_1{position:relative;overflow:hidden;box-sizing:border-box;border-radius:var(--ov-radius-sm, 4px);border:1px solid var(--ov-color-editor-border, var(--ov-color-border-default));background:var(--ov-color-editor-bg, var(--ov-color-bg-surface));height:var(--_editor-height);width:var(--_editor-width)}._Root_1729c_1[data-borderless]{border:none;border-radius:0}._Inner_1729c_17{height:100%;width:100%}._Loading_1729c_22{display:flex;align-items:center;justify-content:center;height:100%;width:100%;color:var(--ov-color-fg-muted);font-family:var(--ov-font-family-sans, sans-serif);font-size:var(--ov-font-size-sm, 13px)}._Root_1ltbg_1{position:relative;overflow:hidden;box-sizing:border-box;border-radius:var(--ov-radius-sm, 4px);border:1px solid var(--ov-color-editor-border, var(--ov-color-border-default));background:var(--ov-color-editor-bg, var(--ov-color-bg-surface));height:var(--_diff-height, 100%)}._Root_1ltbg_1[data-borderless]{border:none;border-radius:0}._Inner_1ltbg_16{height:100%;width:100%}._Loading_1ltbg_21{display:flex;align-items:center;justify-content:center;height:100%;width:100%;color:var(--ov-color-fg-muted);font-family:var(--ov-font-family-sans, sans-serif);font-size:var(--ov-font-size-sm, 13px)}._Root_1s8vo_1{width:100%;height:100%;overflow:hidden;background:var(--ov-color-terminal-bg, var(--ov-color-bg-surface));border:1px solid var(--ov-color-terminal-border, var(--ov-color-border-default));border-radius:var(--ov-radius-sm, 4px);padding:var(--ov-space-1, 4px);font-family:var(--ov-font-family-mono, monospace)}._Root_1wl3o_1{color:var(--ov-color-editor-fg, var(--ov-color-fg-default));font-family:var(--ov-font-family-sans, sans-serif);font-size:var(--ov-font-size-md, 14px);line-height:var(--ov-line-height-md, 1.6);padding:var(--ov-space-3, 12px);overflow-y:auto}._Root_1wl3o_1 h1,._Root_1wl3o_1 h2,._Root_1wl3o_1 h3,._Root_1wl3o_1 h4,._Root_1wl3o_1 h5,._Root_1wl3o_1 h6{color:var(--ov-color-fg-default);font-weight:var(--ov-font-weight-bold, 600);margin-top:var(--ov-space-4, 16px);margin-bottom:var(--ov-space-2, 8px)}._Root_1wl3o_1 h1{font-size:var(--ov-font-size-2xl, 24px);border-bottom:1px solid var(--ov-color-border-muted);padding-bottom:var(--ov-space-2, 8px)}._Root_1wl3o_1 h2{font-size:var(--ov-font-size-xl, 20px);border-bottom:1px solid var(--ov-color-border-muted);padding-bottom:var(--ov-space-1, 4px)}._Root_1wl3o_1 h3{font-size:var(--ov-font-size-lg, 16px)}._Root_1wl3o_1 p{margin-top:0;margin-bottom:var(--ov-space-3, 12px)}._Root_1wl3o_1 ul,._Root_1wl3o_1 ol{margin-top:0;margin-bottom:var(--ov-space-3, 12px);padding-left:var(--ov-space-5, 24px)}._Root_1wl3o_1 li{margin-bottom:var(--ov-space-1, 4px)}._Root_1wl3o_1 figure{margin:0 0 var(--ov-space-3, 12px) 0}._Root_1wl3o_1 blockquote>p:last-child{margin-bottom:0}._Root_1wl3o_1 blockquote{margin-bottom:var(--ov-space-3, 12px)}._Root_1wl3o_1 .ov-md-checkbox{display:inline-grid;width:auto;vertical-align:middle;margin-right:var(--ov-space-1, 4px)}._Root_1wl3o_1 li:has(>.ov-md-checkbox){list-style:none}._Root_1wl3o_1 img{max-width:100%;height:auto;border-radius:var(--ov-radius-sm, 4px)}._Root_1wl3o_1 [data-ov-component=accordion]{margin-bottom:var(--ov-space-3, 12px)}._Loading_1wl3o_92{display:flex;align-items:center;justify-content:center;padding:var(--ov-space-4, 16px);color:var(--ov-color-fg-muted);font-size:var(--ov-font-size-sm, 13px)}._Overlay_pgin5_1{position:fixed;inset:0;z-index:var(--ov-z-modal, 1000);display:flex;justify-content:center;align-items:flex-start;padding-top:20vh;background:var(--ov-color-overlay-bg, rgba(0, 0, 0, .4))}._Root_pgin5_12{width:min(600px,90vw);max-height:60vh;display:flex;flex-direction:column;background:var(--ov-color-quickpick-bg, var(--ov-color-bg-surface));border:1px solid var(--ov-color-border-overlay);border-radius:var(--ov-radius-md, 8px);box-shadow:var(--ov-color-quickpick-shadow, 0 8px 32px rgba(0, 0, 0, .4));overflow:hidden}._CommandList_pgin5_25{min-height:0;flex:1 1 auto}._Results_pgin5_30{max-block-size:none;overscroll-behavior:contain}._Message_pgin5_35{padding:var(--ov-space-stack-md, 16px);color:var(--ov-color-danger);overflow-wrap:anywhere}._Root_1b5sv_1{font-family:var(--ov-font-family-mono, monospace);font-size:var(--ov-font-size-sm, 13px);line-height:1.5;color:var(--ov-color-editor-fg, var(--ov-color-fg-default));background:var(--ov-color-editor-bg, var(--ov-color-bg-surface));border:1px solid var(--ov-color-editor-border, var(--ov-color-border-default));border-radius:var(--ov-radius-sm, 4px);overflow:auto}._Toolbar_1b5sv_12{display:flex;align-items:center;gap:var(--ov-space-2, 8px);padding:var(--ov-space-2, 8px);border-bottom:1px solid var(--ov-color-border-muted)}._SearchInput_1b5sv_20{flex:1;padding:var(--ov-space-1, 4px) var(--ov-space-2, 8px);background:var(--ov-color-input-bg, transparent);color:var(--ov-color-input-fg, var(--ov-color-fg-default));border:1px solid var(--ov-color-border-control);border-radius:var(--ov-radius-sm, 4px);font-family:inherit;font-size:inherit;outline:none}._SearchInput_1b5sv_20::placeholder{color:var(--ov-color-input-placeholder, var(--ov-color-fg-muted))}._SearchInput_1b5sv_20:focus-visible{outline:2px solid var(--ov-color-border-focus, var(--ov-color-fg-accent, #007fd4));outline-offset:-1px}._CopyButton_1b5sv_41{padding:var(--ov-space-1, 4px) var(--ov-space-2, 8px);background:var(--ov-color-button-secondary-bg, var(--ov-color-bg-subtle));color:var(--ov-color-button-secondary-fg, var(--ov-color-fg-default));border:1px solid var(--ov-color-border-default);border-radius:var(--ov-radius-sm, 4px);font-size:var(--ov-font-size-xs, 11px);cursor:pointer}._CopyButton_1b5sv_41:hover{background:var(--ov-color-button-secondary-hover-bg, var(--ov-color-bg-subtle))}._Tree_1b5sv_55{padding:var(--ov-space-2, 8px)}._Row_1b5sv_63{display:flex;align-items:center;padding:1px 0;padding-left:var(--_inspector-depth-indent, 0);cursor:default;white-space:nowrap}._Row_1b5sv_63:hover{background:var(--ov-color-list-hover-bg, var(--ov-color-bg-subtle))}._RowHighlight_1b5sv_76{background:var(--ov-color-editor-find-match-bg, rgba(255, 255, 0, .15))}._Chevron_1b5sv_80{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;flex-shrink:0;font-size:10px;color:var(--ov-color-fg-muted);transition:transform var(--ov-duration-fast, .1s) var(--ov-ease-standard, ease);cursor:pointer}._ChevronExpanded_1b5sv_93{transform:rotate(90deg)}._ChevronSpacer_1b5sv_97{display:inline-block;width:16px;flex-shrink:0}._Key_1b5sv_103{color:var(--ov-syntax-property, var(--ov-color-fg-default))}._Colon_1b5sv_107{color:var(--ov-syntax-punctuation, var(--ov-color-fg-muted))}._Value_1b5sv_111[data-type=string]{color:var(--ov-syntax-string, var(--ov-color-fg-accent, currentColor))}._Value_1b5sv_111[data-type=number]{color:var(--ov-syntax-number, var(--ov-color-fg-success, currentColor))}._Value_1b5sv_111[data-type=boolean]{color:var(--ov-syntax-keyword, var(--ov-color-fg-info, currentColor))}._Value_1b5sv_111[data-type=null],._Value_1b5sv_111[data-type=undefined]{color:var(--ov-syntax-keyword, var(--ov-color-fg-info, currentColor));font-style:italic}._Preview_1b5sv_129{color:var(--ov-color-fg-muted);font-style:italic}._Comma_1b5sv_134{color:var(--ov-syntax-punctuation, var(--ov-color-fg-muted))}._Root_im36v_1{display:flex;flex-direction:column;gap:var(--ov-space-1, 4px);min-width:0}._Label_im36v_7{font-size:var(--ov-font-size-sm, 12px);font-weight:500;color:var(--ov-color-fg-muted)}._Surface_im36v_12{position:relative;overflow:hidden;min-height:var(--_cel-editor-min-height, 52px);border:1px solid var(--ov-color-border-default);border-radius:var(--ov-radius-md, 6px);background:var(--ov-color-bg-surface)}._Surface_im36v_12:focus-within{border-color:var(--ov-color-border-focus);box-shadow:0 0 0 1px var(--ov-color-border-focus)}._Placeholder_im36v_24{position:absolute;inset:8px auto auto 8px;pointer-events:none;color:var(--ov-color-fg-muted);font:13px var(--ov-font-family-mono, monospace)}._Loading_im36v_31{padding:var(--ov-space-2, 8px);color:var(--ov-color-fg-muted)}._Message_im36v_35{color:var(--ov-color-fg-muted);font-size:var(--ov-font-size-sm, 12px);overflow-wrap:anywhere}._Hint_im36v_40{color:var(--ov-color-fg-muted);font-size:var(--ov-font-size-xs, 11px)}

package/dist/index.d.ts

@@ -1,5 +1,6 @@
 import { ForwardRefExoticComponent } from 'react';
 import { HTMLAttributes } from 'react';
+import { JSX } from 'react/jsx-runtime';
 import * as monaco from 'monaco-editor';
 import { ReactNode } from 'react';
 import { RefAttributes } from 'react';
@@ -19,6 +20,22 @@ declare type BuiltInThemeId =
 | 'high-contrast-dark'
 | 'high-contrast-light';
 
+/** Controlled, contextual CEL surface. This component never parses or evaluates CEL. */
+export declare function CelQueryEditor(props: CelQueryEditorProps): JSX.Element;
+
+export declare interface CelQueryEditorProps extends QueryEditorRenderProps {
+    /** A check channel also runs while unfocused, independently of completion popup visibility. */
+    check?: QueryLanguageService;
+    hover?: QueryHoverService;
+    signature?: QuerySignatureService;
+    /** Releases adapter document ownership when this model unmounts or changes context. */
+    onDocumentClose?: (uri: string) => void;
+    minHeight?: number;
+    maxHeight?: number;
+    className?: string;
+    onMount?: (editor: monaco.editor.IStandaloneCodeEditor, monaco: typeof monaco) => void;
+}
+
 export declare const CodeEditor: ForwardRefExoticComponent<CodeEditorProps & RefAttributes<CodeEditorHandle>>;
 
 export declare interface CodeEditorHandle {
@@ -358,6 +375,124 @@ export declare interface ObjectInspectorProps extends HTMLAttributes<HTMLDivElem
 
 export declare const OV_MONACO_THEME = "ov-theme";
 
+declare interface QueryAvailability {
+    status: 'ready' | 'loading' | 'error' | 'denied' | 'unavailable';
+    message?: string;
+}
+
+declare interface QueryCompletion {
+    id: string;
+    label: string;
+    kind: 'field' | 'operator' | 'value' | 'parameter' | 'function';
+    type?: string;
+    description?: string;
+    /** Presentation-only candidate matching and host relevance order. */
+    filterText?: string;
+    sortText?: string;
+    /** Snippets use Monaco/LSP tab-stop syntax; plain edits are the default. */
+    insertTextFormat?: 'plain' | 'snippet';
+    /** Host-provided union/branch applicability. Never inferred by the component. */
+    condition?: string;
+    detail?: string;
+    disabledReason?: string;
+    edit: QueryEdit;
+}
+
+declare interface QueryDiagnostic {
+    id: string;
+    severity: 'error' | 'warning' | 'info' | 'hint';
+    message: string;
+    range: QueryRange;
+    fix?: QueryEdit;
+}
+
+declare interface QueryDocument {
+    text: string;
+    version: number;
+    /** Optional editor-owned identity; authoring adapters must isolate distinct models. */
+    uri?: string;
+}
+
+declare interface QueryEdit {
+    range: QueryRange;
+    text: string;
+}
+
+/** Dependency-injected code surface. Base UI owns controls and drafts, never Monaco. */
+declare interface QueryEditorRenderProps {
+    document: QueryDocument;
+    onChange: (text: string) => void;
+    contextKey: string;
+    request?: QueryLanguageService;
+    availability?: QueryAvailability;
+    disabled?: boolean;
+    onSubmit?: () => void;
+    label?: string;
+    placeholder?: string;
+    debounceMs?: number;
+    maxSuggestions?: number;
+}
+
+declare interface QueryHoverResponse {
+    documentVersion: number;
+    contextKey: string;
+    status: QueryServiceStatus;
+    message?: string;
+    /** Untrusted Markdown documentation for a checked source range. */
+    hover?: { range: QueryRange; contents: string };
+}
+
+declare type QueryHoverService = (request: QueryLanguageRequest) => Promise<QueryHoverResponse>;
+
+declare interface QueryLanguageRequest {
+    document: QueryDocument;
+    cursor: { offset: number; unit: 'utf8-byte' };
+    contextKey: string;
+    signal: AbortSignal;
+}
+
+declare interface QueryLanguageResponse {
+    documentVersion: number;
+    contextKey: string;
+    status: QueryServiceStatus;
+    message?: string;
+    completions: readonly QueryCompletion[];
+    diagnostics: readonly QueryDiagnostic[];
+    /** Suggestions are bounded observations, not exhaustive inventory/schema facts. */
+    incomplete?: boolean;
+}
+
+declare type QueryLanguageService = (
+request: QueryLanguageRequest,
+) => Promise<QueryLanguageResponse>;
+
+/** Local presentation contracts, not a host wire protocol. Source offsets are zero-based,
+ * half-open UTF-8 byte offsets. The adapter converts DOM UTF-16 offsets explicitly. */
+declare interface QueryRange {
+    start: number;
+    end: number;
+    unit: 'utf8-byte';
+}
+
+declare type QueryServiceStatus = 'ready' | 'empty' | 'error' | 'denied' | 'unavailable';
+
+declare interface QuerySignatureResponse {
+    documentVersion: number;
+    contextKey: string;
+    status: QueryServiceStatus;
+    message?: string;
+    signature?: {
+        label: string;
+        documentation?: string;
+        parameters: readonly { label: string; documentation?: string }[];
+        activeParameter: number;
+    };
+}
+
+declare type QuerySignatureService = (
+request: QueryLanguageRequest,
+) => Promise<QuerySignatureResponse>;
+
 declare type SchemaChangeListener = () => void;
 
 export declare function setupMonacoWorkers(): void;