@vscode/component-explorer 0.1.1-8 → 0.2.0

package/LICENSE

@@ -0,0 +1,21 @@
+    MIT License
+
+    Copyright (c) Microsoft Corporation.
+
+    Permission is hereby granted, free of charge, to any person obtaining a copy
+    of this software and associated documentation files (the "Software"), to deal
+    in the Software without restriction, including without limitation the rights
+    to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+    copies of the Software, and to permit persons to whom the Software is
+    furnished to do so, subject to the following conditions:
+
+    The above copyright notice and this permission notice shall be included in all
+    copies or substantial portions of the Software.
+
+    THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+    IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+    FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+    AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+    LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+    OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+    SOFTWARE

package/SECURITY.md

@@ -0,0 +1,14 @@
+<!-- BEGIN MICROSOFT SECURITY.MD V1.0.0 BLOCK -->
+
+## Security
+
+Microsoft takes the security of our software products and services seriously, which
+includes all source code repositories in our GitHub organizations.
+
+**Please do not report security vulnerabilities through public GitHub issues.**
+
+For security reporting information, locations, contact information, and policies,
+please review the latest guidance for Microsoft repositories at
+[https://aka.ms/SECURITY.md](https://aka.ms/SECURITY.md).
+
+<!-- END MICROSOFT SECURITY.MD BLOCK -->

package/dist/components/Explorer.d.ts

@@ -1,10 +1,11 @@
-import { FixtureRegistry } from '../core/index.js';
 import { DaemonModel } from '../daemon/index.js';
+import { ReportModel } from '../report/ReportModel.js';
 export declare const Explorer: import('react').ComponentType<{
-    registry: FixtureRegistry;
+    registry: import('../viewer.js').FixtureRegistry;
     daemonModel: DaemonModel | undefined;
+    reportModel: ReportModel | undefined;
 } & {} & {
     daemonModel: DaemonModel | undefined;
+    reportModel: ReportModel | undefined;
 } & {}>;
-export declare function ExplorerWithDefaults(): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=Explorer.d.ts.map

package/dist/components/Explorer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Explorer.d.ts","sourceRoot":"","sources":["../../src/components/Explorer.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,eAAe,EAAiB,MAAM,kBAAkB,CAAC;AAOlE,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,oBAAoB,CAAC;AAEtD,eAAO,MAAM,QAAQ;;;;;OAsBpB,CAAC;AAgEF,wBAAgB,oBAAoB,4CAGnC"}
+{"version":3,"file":"Explorer.d.ts","sourceRoot":"","sources":["../../src/components/Explorer.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,oBAAoB,CAAC;AACtD,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAC;AAwB5D,eAAO,MAAM,QAAQ;;;;;;;OAoCpB,CAAC"}

package/dist/components/ExplorerModel.d.ts

@@ -2,7 +2,9 @@ import { IReader } from '@vscode/observables';
 import { FixtureRegistry, ComponentDefinition } from '../core/index.js';
 import { ExplorerTreeNode } from './types.js';
 import { DaemonModel } from '../daemon/index.js';
-export type ViewMode = 'session' | 'diff';
+import { ReportModel } from '../report/ReportModel.js';
+import { ReportFixtureItem } from './ReportComparisonRow.js';
+export type ViewMode = 'session' | 'diff' | 'report';
 /**
  * A fixture item to be rendered in the preview area.
  */
@@ -38,10 +40,17 @@ export type PreviewRow = {
     readonly name: string;
     readonly path: string;
     readonly items: readonly ScreenshotComparisonItem[];
+} | {
+    readonly type: 'report-comparison';
+    readonly id: string;
+    readonly name: string;
+    readonly path: string;
+    readonly items: readonly ReportFixtureItem[];
 };
 declare const ExplorerModel_base: import('@vscode/observables-react').ViewModelClass<{
     registry: import('@vscode/observables-react').IPropertyTransformerFactory<FixtureRegistry, FixtureRegistry>;
     daemonModel: import('@vscode/observables-react').IPropertyTransformerFactory<DaemonModel | undefined, DaemonModel | undefined>;
+    reportModel: import('@vscode/observables-react').IPropertyTransformerFactory<ReportModel | undefined, ReportModel | undefined>;
 }>;
 export declare class ExplorerModel extends ExplorerModel_base {
     readonly leftSidebarVisible: import('@vscode/observables').ISettableObservable<boolean, void>;
@@ -52,8 +61,13 @@ export declare class ExplorerModel extends ExplorerModel_base {
     readonly viewMode: import('@vscode/observables').ISettableObservable<ViewMode, void>;
     get daemonAvailable(): boolean;
     get daemon(): DaemonModel | undefined;
-    /** The explorer's tree derived from the registry */
+    get reportModel(): ReportModel | undefined;
+    get isReportMode(): boolean;
+    readonly loading: import('@vscode/observables').IObservableWithChange<boolean, void>;
+    readonly searchQuery: import('@vscode/observables').ISettableObservable<string | undefined, void>;
+    /** The explorer's tree derived from the registry or report */
     readonly tree: import('@vscode/observables').IObservableWithChange<ExplorerTreeNode, void>;
+    readonly filteredTree: import('@vscode/observables').IObservableWithChange<ExplorerTreeNode, void>;
     readonly selectedNode: import('@vscode/observables').IObservableWithChange<ExplorerTreeNode | undefined, void>;
     /** List of preview rows to render based on current selection and view mode */
     readonly selectedFixtures: import('@vscode/observables').IObservableWithChange<readonly PreviewRow[], void>;
@@ -65,6 +79,7 @@ export declare class ExplorerModel extends ExplorerModel_base {
     selectNode: (nodeId: string) => void;
     toggleNodeExpanded: (nodeId: string) => void;
     isNodeExpanded(nodeId: string, reader: IReader): boolean;
+    private _initialExpandedNodes;
     private _findNode;
     private _collectPreviewRows;
     /**
@@ -72,6 +87,7 @@ export declare class ExplorerModel extends ExplorerModel_base {
      * Variants become comparison groups.
      */
     private _collectDiffRows;
+    private _collectReportRows;
 }
 export {};
 //# sourceMappingURL=ExplorerModel.d.ts.map

package/dist/components/ExplorerModel.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ExplorerModel.d.ts","sourceRoot":"","sources":["../../src/components/ExplorerModel.ts"],"names":[],"mappings":"AAAA,OAAO,EAA4B,OAAO,EAAE,MAAM,qBAAqB,CAAC;AAExE,OAAO,KAAK,EAAE,eAAe,EAAE,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AAC7E,OAAO,EAAE,KAAK,gBAAgB,EAAkB,MAAM,YAAY,CAAC;AAEnE,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,oBAAoB,CAAC;AAEtD,MAAM,MAAM,QAAQ,GAAG,SAAS,GAAG,MAAM,CAAC;AAE1C;;GAEG;AACH,MAAM,WAAW,WAAW;IAC1B,QAAQ,CAAC,EAAE,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,IAAI,EAAE,MAAM,CAAC;IACtB,QAAQ,CAAC,IAAI,EAAE,MAAM,CAAC;IACtB,QAAQ,CAAC,SAAS,EAAE,mBAAmB,CAAC;CACzC;AAED;;GAEG;AACH,MAAM,WAAW,wBAAwB;IACvC,QAAQ,CAAC,SAAS,EAAE,MAAM,CAAC;IAC3B,QAAQ,CAAC,IAAI,EAAE,MAAM,CAAC;IACtB,QAAQ,CAAC,IAAI,EAAE,MAAM,CAAC;CACvB;AAED;;GAEG;AACH,MAAM,MAAM,UAAU,GAClB;IAAE,QAAQ,CAAC,IAAI,EAAE,QAAQ,CAAC;IAAC,QAAQ,CAAC,OAAO,EAAE,WAAW,CAAA;CAAE,GAC1D;IAAE,QAAQ,CAAC,IAAI,EAAE,UAAU,CAAC;IAAC,QAAQ,CAAC,EAAE,EAAE,MAAM,CAAC;IAAC,QAAQ,CAAC,IAAI,EAAE,MAAM,CAAC;IAAC,QAAQ,CAAC,IAAI,EAAE,MAAM,CAAC;IAAC,QAAQ,CAAC,QAAQ,EAAE,SAAS,WAAW,EAAE,CAAA;CAAE,GAC3I;IAAE,QAAQ,CAAC,IAAI,EAAE,uBAAuB,CAAC;IAAC,QAAQ,CAAC,EAAE,EAAE,MAAM,CAAC;IAAC,QAAQ,CAAC,IAAI,EAAE,MAAM,CAAC;IAAC,QAAQ,CAAC,IAAI,EAAE,MAAM,CAAC;IAAC,QAAQ,CAAC,KAAK,EAAE,SAAS,wBAAwB,EAAE,CAAA;CAAE,CAAC;;;;;AAEvK,qBAAa,aAAc,SAAQ,kBAGjC;IACA,QAAQ,CAAC,kBAAkB,mEAGxB;IACH,QAAQ,CAAC,mBAAmB,mEAGzB;IACH,QAAQ,CAAC,WAAW,mEAGjB;IACH,QAAQ,CAAC,cAAc,8EAGpB;IACH,QAAQ,CAAC,eAAe,+EAAyD;IAEjF,QAAQ,CAAC,QAAQ,oEAGd;IAEH,IAAI,eAAe,IAAI,OAAO,CAAiD;IAC/E,IAAI,MAAM,IAAI,WAAW,GAAG,SAAS,CAAmC;IAExE,oDAAoD;IACpD,QAAQ,CAAC,IAAI,8EAGV;IAEH,QAAQ,CAAC,YAAY,0FAKlB;IAEH,8EAA8E;IAC9E,QAAQ,CAAC,gBAAgB,mFAUtB;IAEH,WAAW,GAAI,MAAM,QAAQ,KAAG,IAAI,CAElC;IAEF,iBAAiB,GAAI,aAAa,MAAM,KAAG,IAAI,CAO7C;IAEF,iBAAiB,QAAO,IAAI,CAE1B;IAEF,kBAAkB,QAAO,IAAI,CAE3B;IAEF,WAAW,QAAO,IAAI,CAEpB;IAEF,UAAU,GAAI,QAAQ,MAAM,KAAG,IAAI,CAEjC;IAEF,kBAAkB,GAAI,QAAQ,MAAM,KAAG,IAAI,CASzC;IAEF,cAAc,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,OAAO,GAAG,OAAO;IAIxD,OAAO,CAAC,SAAS;IAWjB,OAAO,CAAC,mBAAmB;IA+C3B;;;OAGG;IACH,OAAO,CAAC,gBAAgB;CA6CzB"}
+{"version":3,"file":"ExplorerModel.d.ts","sourceRoot":"","sources":["../../src/components/ExplorerModel.ts"],"names":[],"mappings":"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"}

package/dist/components/FixturePreviewItem.d.ts

@@ -3,5 +3,6 @@ import * as React from 'react';
 export declare const FixturePreviewItem: React.ComponentType<{
     fixture: FixtureItem;
     compact: boolean | undefined;
+    onSelect: ((nodeId: string) => void) | undefined;
 } & {} & {} & {}>;
 //# sourceMappingURL=FixturePreviewItem.d.ts.map

package/dist/components/FixturePreviewItem.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FixturePreviewItem.d.ts","sourceRoot":"","sources":["../../src/components/FixturePreviewItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,oBAAoB,CAAC;AAkItD,eAAO,MAAM,kBAAkB;;;iBAiD9B,CAAC"}
+{"version":3,"file":"FixturePreviewItem.d.ts","sourceRoot":"","sources":["../../src/components/FixturePreviewItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,oBAAoB,CAAC;AAoFtD,eAAO,MAAM,kBAAkB;;;wBA1EE,MAAM,KAAK,IAAI;iBA+G/C,CAAC"}

package/dist/components/LeftSidebar.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"LeftSidebar.d.ts","sourceRoot":"","sources":["../../src/components/LeftSidebar.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;AAExD,eAAO,MAAM,WAAW;;GAevB,CAAC"}
+{"version":3,"file":"LeftSidebar.d.ts","sourceRoot":"","sources":["../../src/components/LeftSidebar.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;AAGxD,eAAO,MAAM,WAAW;;GAgBvB,CAAC"}

package/dist/components/PreviewArea.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PreviewArea.d.ts","sourceRoot":"","sources":["../../src/components/PreviewArea.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,KAAK,EAAE,aAAa,EAAc,MAAM,oBAAoB,CAAC;AAiRpE,eAAO,MAAM,WAAW;;iBAwDvB,CAAC"}
+{"version":3,"file":"PreviewArea.d.ts","sourceRoot":"","sources":["../../src/components/PreviewArea.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,KAAK,EAAE,aAAa,EAAc,MAAM,oBAAoB,CAAC;AAqbpE,eAAO,MAAM,WAAW;;iBAmGvB,CAAC"}

package/dist/components/ReportComparisonRow.d.ts

@@ -0,0 +1,16 @@
+import { ReportFixtureEntry } from '../report/ScreenshotReport.js';
+import { ReportModel } from '../report/ReportModel.js';
+import * as React from 'react';
+export interface ReportFixtureItem {
+    readonly fixtureId: string;
+    readonly name: string;
+    readonly path: string;
+    readonly entry: ReportFixtureEntry;
+}
+export declare const ReportComparisonRow: React.ComponentType<import('@vscode/observables-react').PropsIn<{
+    name: import('@vscode/observables-react').IPropertyTransformerFactory<string, string>;
+    path: import('@vscode/observables-react').IPropertyTransformerFactory<string, string>;
+    items: import('@vscode/observables-react').IPropertyTransformerFactory<readonly ReportFixtureItem[], readonly ReportFixtureItem[]>;
+    reportModel: import('@vscode/observables-react').IPropertyTransformerFactory<ReportModel, ReportModel>;
+}>>;
+//# sourceMappingURL=ReportComparisonRow.d.ts.map

package/dist/components/ReportComparisonRow.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ReportComparisonRow.d.ts","sourceRoot":"","sources":["../../src/components/ReportComparisonRow.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,+BAA+B,CAAC;AACxE,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAC;AAE5D,MAAM,WAAW,iBAAiB;IAChC,QAAQ,CAAC,SAAS,EAAE,MAAM,CAAC;IAC3B,QAAQ,CAAC,IAAI,EAAE,MAAM,CAAC;IACtB,QAAQ,CAAC,IAAI,EAAE,MAAM,CAAC;IACtB,QAAQ,CAAC,KAAK,EAAE,kBAAkB,CAAC;CACpC;AA2HD,eAAO,MAAM,mBAAmB;;;;;GAoB/B,CAAC"}

package/dist/components/ScreenshotComparisonRow.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ScreenshotComparisonRow.d.ts","sourceRoot":"","sources":["../../src/components/ScreenshotComparisonRow.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,oBAAoB,CAAC;AACtD,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,oBAAoB,CAAC;AAmGnE,eAAO,MAAM,uBAAuB;;;;;;;GA6BnC,CAAC"}
+{"version":3,"file":"ScreenshotComparisonRow.d.ts","sourceRoot":"","sources":["../../src/components/ScreenshotComparisonRow.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,oBAAoB,CAAC;AACtD,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,oBAAoB,CAAC;AAmGnE,eAAO,MAAM,uBAAuB;;;;;;;GAwBnC,CAAC"}

package/dist/components/SearchInput.d.ts

@@ -0,0 +1,6 @@
+import { ExplorerModel } from './ExplorerModel.js';
+import * as React from 'react';
+export declare const SearchInput: React.ComponentType<import('@vscode/observables-react').PropsIn<{
+    model: import('@vscode/observables-react').IPropertyTransformerFactory<ExplorerModel, ExplorerModel>;
+}>>;
+//# sourceMappingURL=SearchInput.d.ts.map

package/dist/components/SearchInput.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SearchInput.d.ts","sourceRoot":"","sources":["../../src/components/SearchInput.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;AA2CxD,eAAO,MAAM,WAAW;;GA+BvB,CAAC"}

package/dist/components/TitleBar.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TitleBar.d.ts","sourceRoot":"","sources":["../../src/components/TitleBar.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,aAAa,EAAY,MAAM,oBAAoB,CAAC;AAkDlE,eAAO,MAAM,QAAQ;;GAqDpB,CAAC"}
+{"version":3,"file":"TitleBar.d.ts","sourceRoot":"","sources":["../../src/components/TitleBar.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,aAAa,EAAY,MAAM,oBAAoB,CAAC;AAoDlE,eAAO,MAAM,QAAQ;;GA2DpB,CAAC"}

package/dist/components/TreeView.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TreeView.d.ts","sourceRoot":"","sources":["../../src/components/TreeView.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;AACxD,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,YAAY,CAAC;AAGnD,eAAO,MAAM,QAAQ;;;;GAapB,CAAC;AAuCF,eAAO,MAAM,QAAQ;;;;iBAiDnB,CAAC"}
+{"version":3,"file":"TreeView.d.ts","sourceRoot":"","sources":["../../src/components/TreeView.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;AACxD,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,YAAY,CAAC;AA+BnD,eAAO,MAAM,QAAQ;;;;GAapB,CAAC;AAuCF,eAAO,MAAM,QAAQ;;;;iBA+DnB,CAAC"}

package/dist/components/index.d.ts

@@ -1,4 +1,4 @@
-export { Explorer, ExplorerWithDefaults } from './Explorer.js';
+export { Explorer } from './Explorer.js';
 export { ExplorerModel } from './ExplorerModel.js';
 export type { FixtureItem, ViewMode, ScreenshotComparisonItem, PreviewRow } from './ExplorerModel.js';
 export type { ExplorerTreeNode } from './types.js';
@@ -12,6 +12,8 @@ export { PreviewArea } from './PreviewArea.js';
 export { FixturePreviewItem } from './FixturePreviewItem.js';
 export { FixtureScreenshotView } from './FixtureScreenshotView.js';
 export { ScreenshotComparisonRow } from './ScreenshotComparisonRow.js';
+export { ReportComparisonRow } from './ReportComparisonRow.js';
+export type { ReportFixtureItem } from './ReportComparisonRow.js';
 export * from './icons.js';
 export { styles, mergeStyles } from './styles.js';
 //# sourceMappingURL=index.d.ts.map

package/dist/components/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,QAAQ,EAAE,oBAAoB,EAAE,MAAM,eAAe,CAAC;AAC/D,OAAO,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;AACnD,YAAY,EAAE,WAAW,EAAE,QAAQ,EAAE,wBAAwB,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAGtG,YAAY,EAAE,gBAAgB,EAAE,MAAM,YAAY,CAAC;AACnD,OAAO,EAAE,cAAc,EAAE,MAAM,YAAY,CAAC;AAG5C,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AACzC,OAAO,EAAE,cAAc,EAAE,MAAM,qBAAqB,CAAC;AACrD,OAAO,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAC/C,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AACjD,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AACnD,OAAO,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAC/C,OAAO,EAAE,kBAAkB,EAAE,MAAM,yBAAyB,CAAC;AAC7D,OAAO,EAAE,qBAAqB,EAAE,MAAM,4BAA4B,CAAC;AACnE,OAAO,EAAE,uBAAuB,EAAE,MAAM,8BAA8B,CAAC;AAGvE,cAAc,YAAY,CAAC;AAG3B,OAAO,EAAE,MAAM,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AACzC,OAAO,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;AACnD,YAAY,EAAE,WAAW,EAAE,QAAQ,EAAE,wBAAwB,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAGtG,YAAY,EAAE,gBAAgB,EAAE,MAAM,YAAY,CAAC;AACnD,OAAO,EAAE,cAAc,EAAE,MAAM,YAAY,CAAC;AAG5C,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AACzC,OAAO,EAAE,cAAc,EAAE,MAAM,qBAAqB,CAAC;AACrD,OAAO,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAC/C,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AACjD,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AACnD,OAAO,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAC/C,OAAO,EAAE,kBAAkB,EAAE,MAAM,yBAAyB,CAAC;AAC7D,OAAO,EAAE,qBAAqB,EAAE,MAAM,4BAA4B,CAAC;AACnE,OAAO,EAAE,uBAAuB,EAAE,MAAM,8BAA8B,CAAC;AACvE,OAAO,EAAE,mBAAmB,EAAE,MAAM,0BAA0B,CAAC;AAC/D,YAAY,EAAE,iBAAiB,EAAE,MAAM,0BAA0B,CAAC;AAGlE,cAAc,YAAY,CAAC;AAG3B,OAAO,EAAE,MAAM,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC"}

package/dist/components/styles.d.ts

@@ -5,10 +5,10 @@ export declare const styles: {
         readonly flexDirection: "row";
         readonly height: "100%";
         readonly width: "100%";
-        readonly fontFamily: "var(--vscode-font-family)";
-        readonly fontSize: "var(--vscode-font-size)";
-        readonly color: "var(--vscode-foreground)";
-        readonly backgroundColor: "var(--vscode-editor-background)";
+        readonly fontFamily: "var(--component-explorer-font-family)";
+        readonly fontSize: "var(--component-explorer-font-size)";
+        readonly color: "var(--component-explorer-foreground)";
+        readonly backgroundColor: "var(--component-explorer-editor-background)";
     };
     readonly centerArea: {
         readonly display: "flex";
@@ -23,9 +23,9 @@ export declare const styles: {
         readonly height: "35px";
         readonly minHeight: "35px";
         readonly padding: "0 10px";
-        readonly backgroundColor: "var(--vscode-titleBar-activeBackground)";
-        readonly color: "var(--vscode-titleBar-activeForeground)";
-        readonly borderBottom: "1px solid var(--vscode-titleBar-border, var(--vscode-panel-border))";
+        readonly backgroundColor: "var(--component-explorer-titleBar-activeBackground)";
+        readonly color: "var(--component-explorer-titleBar-activeForeground)";
+        readonly borderBottom: "1px solid var(--component-explorer-titleBar-border, var(--component-explorer-panel-border))";
     };
     readonly titleBarSection: {
         readonly display: "flex";
@@ -47,28 +47,28 @@ export declare const styles: {
         readonly height: "28px";
         readonly border: "none";
         readonly background: "transparent";
-        readonly color: "var(--vscode-titleBar-activeForeground)";
+        readonly color: "var(--component-explorer-titleBar-activeForeground)";
         readonly cursor: "pointer";
         readonly borderRadius: "4px";
     };
     readonly titleBarButtonHover: {
-        readonly backgroundColor: "var(--vscode-toolbar-hoverBackground)";
+        readonly backgroundColor: "var(--component-explorer-toolbar-hoverBackground)";
     };
     readonly titleBarButtonActive: {
-        readonly backgroundColor: "var(--vscode-toolbar-activeBackground)";
-        readonly color: "var(--vscode-focusBorder)";
+        readonly backgroundColor: "var(--component-explorer-toolbar-activeBackground)";
+        readonly color: "var(--component-explorer-focusBorder)";
     };
     readonly sidebar: {
         readonly display: "flex";
         readonly flexDirection: "column";
         readonly width: "260px";
         readonly minWidth: "200px";
-        readonly backgroundColor: "var(--vscode-sideBar-background)";
-        readonly borderRight: "1px solid var(--vscode-titleBar-border, var(--vscode-panel-border))";
+        readonly backgroundColor: "var(--component-explorer-sideBar-background)";
+        readonly borderRight: "1px solid var(--component-explorer-titleBar-border, var(--component-explorer-panel-border))";
     };
     readonly sidebarRight: {
         readonly borderRight: "none";
-        readonly borderLeft: "1px solid var(--vscode-titleBar-border, var(--vscode-panel-border))";
+        readonly borderLeft: "1px solid var(--component-explorer-titleBar-border, var(--component-explorer-panel-border))";
     };
     readonly sidebarHeader: {
         readonly display: "flex";
@@ -80,9 +80,9 @@ export declare const styles: {
         readonly fontWeight: 700;
         readonly textTransform: "uppercase";
         readonly letterSpacing: "0.04em";
-        readonly color: "var(--vscode-titleBar-activeForeground)";
-        readonly backgroundColor: "var(--vscode-titleBar-activeBackground)";
-        readonly borderBottom: "1px solid var(--vscode-titleBar-border, var(--vscode-panel-border))";
+        readonly color: "var(--component-explorer-titleBar-activeForeground)";
+        readonly backgroundColor: "var(--component-explorer-titleBar-activeBackground)";
+        readonly borderBottom: "1px solid var(--component-explorer-titleBar-border, var(--component-explorer-panel-border))";
     };
     readonly sidebarContent: {
         readonly flex: 1;
@@ -98,11 +98,11 @@ export declare const styles: {
         readonly userSelect: "none";
     };
     readonly treeItemSelected: {
-        readonly backgroundColor: "var(--vscode-list-activeSelectionBackground)";
-        readonly color: "var(--vscode-list-activeSelectionForeground)";
+        readonly backgroundColor: "var(--component-explorer-list-activeSelectionBackground)";
+        readonly color: "var(--component-explorer-list-activeSelectionForeground)";
     };
     readonly treeItemHover: {
-        readonly backgroundColor: "var(--vscode-list-hoverBackground)";
+        readonly backgroundColor: "var(--component-explorer-list-hoverBackground)";
     };
     readonly treeItemChevron: {
         readonly display: "flex";
@@ -110,7 +110,7 @@ export declare const styles: {
         readonly justifyContent: "center";
         readonly width: "16px";
         readonly height: "16px";
-        readonly color: "var(--vscode-foreground)";
+        readonly color: "var(--component-explorer-foreground)";
         readonly opacity: 0.8;
         readonly cursor: "pointer";
     };
@@ -135,15 +135,15 @@ export declare const styles: {
     readonly treeItemCount: {
         readonly marginLeft: "8px";
         readonly fontSize: "11px";
-        readonly color: "var(--vscode-descriptionForeground)";
+        readonly color: "var(--component-explorer-descriptionForeground)";
     };
     readonly mainContent: {
         readonly flex: 1;
         readonly display: "flex";
         readonly alignItems: "center";
         readonly justifyContent: "center";
-        readonly backgroundColor: "var(--vscode-editor-background)";
-        readonly color: "var(--vscode-descriptionForeground)";
+        readonly backgroundColor: "var(--component-explorer-editor-background)";
+        readonly color: "var(--component-explorer-descriptionForeground)";
         readonly fontSize: "14px";
     };
     readonly propertiesPanel: {
@@ -154,12 +154,12 @@ export declare const styles: {
     };
     readonly propertyLabel: {
         readonly fontSize: "12px";
-        readonly color: "var(--vscode-foreground)";
+        readonly color: "var(--component-explorer-foreground)";
         readonly marginBottom: "4px";
     };
     readonly propertyDescription: {
         readonly fontSize: "11px";
-        readonly color: "var(--vscode-descriptionForeground)";
+        readonly color: "var(--component-explorer-descriptionForeground)";
         readonly marginTop: "2px";
     };
     readonly propertyInput: {
@@ -167,9 +167,9 @@ export declare const styles: {
         readonly height: "26px";
         readonly padding: "0 8px";
         readonly fontSize: "13px";
-        readonly color: "var(--vscode-input-foreground)";
-        readonly backgroundColor: "var(--vscode-input-background)";
-        readonly border: "1px solid var(--vscode-input-border, transparent)";
+        readonly color: "var(--component-explorer-input-foreground)";
+        readonly backgroundColor: "var(--component-explorer-input-background)";
+        readonly border: "1px solid var(--component-explorer-input-border, transparent)";
         readonly borderRadius: "2px";
         readonly outline: "none";
         readonly boxSizing: "border-box";
@@ -179,9 +179,9 @@ export declare const styles: {
         readonly height: "26px";
         readonly padding: "0 8px";
         readonly fontSize: "13px";
-        readonly color: "var(--vscode-dropdown-foreground)";
-        readonly backgroundColor: "var(--vscode-dropdown-background)";
-        readonly border: "1px solid var(--vscode-dropdown-border)";
+        readonly color: "var(--component-explorer-dropdown-foreground)";
+        readonly backgroundColor: "var(--component-explorer-dropdown-background)";
+        readonly border: "1px solid var(--component-explorer-dropdown-border)";
         readonly borderRadius: "2px";
         readonly outline: "none";
         readonly boxSizing: "border-box";

package/dist/components/treeFilter.d.ts

@@ -0,0 +1,3 @@
+import { ExplorerTreeNode } from './types.js';
+export declare function filterTree(root: ExplorerTreeNode, query: string | undefined): ExplorerTreeNode | undefined;
+//# sourceMappingURL=treeFilter.d.ts.map

package/dist/components/treeFilter.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"treeFilter.d.ts","sourceRoot":"","sources":["../../src/components/treeFilter.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,YAAY,CAAC;AAUnD,wBAAgB,UAAU,CAAC,IAAI,EAAE,gBAAgB,EAAE,KAAK,EAAE,MAAM,GAAG,SAAS,GAAG,gBAAgB,GAAG,SAAS,CAI1G"}

package/dist/components/types.d.ts

@@ -1,14 +1,16 @@
 import { FixtureNode, ComponentDefinition } from '../core/index.js';
+import { FixturePath } from '../core/FixturePath.js';
 /**
  * Explorer's tree node structure, derived from FixtureNode.
  * This is the explorer's own representation of the fixture tree.
  */
 export interface ExplorerTreeNode {
-    readonly id: string;
+    readonly id: FixturePath;
     readonly name: string;
     readonly type: 'folder' | 'variants' | 'component';
     readonly children?: readonly ExplorerTreeNode[];
     readonly component?: ComponentDefinition;
+    readonly labels: readonly string[];
 }
 /**
  * Converts a FixtureNode tree to ExplorerTreeNode tree.

package/dist/components/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/components/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AAEzE;;;GAGG;AACH,MAAM,WAAW,gBAAgB;IAC/B,QAAQ,CAAC,EAAE,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,IAAI,EAAE,MAAM,CAAC;IACtB,QAAQ,CAAC,IAAI,EAAE,QAAQ,GAAG,UAAU,GAAG,WAAW,CAAC;IACnD,QAAQ,CAAC,QAAQ,CAAC,EAAE,SAAS,gBAAgB,EAAE,CAAC;IAChD,QAAQ,CAAC,SAAS,CAAC,EAAE,mBAAmB,CAAC;CAC1C;AAED;;;GAGG;AACH,wBAAgB,cAAc,CAAC,IAAI,EAAE,WAAW,GAAG,gBAAgB,CAQlE"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/components/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AACzE,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,wBAAwB,CAAC;AAE1D;;;GAGG;AACH,MAAM,WAAW,gBAAgB;IAC/B,QAAQ,CAAC,EAAE,EAAE,WAAW,CAAC;IACzB,QAAQ,CAAC,IAAI,EAAE,MAAM,CAAC;IACtB,QAAQ,CAAC,IAAI,EAAE,QAAQ,GAAG,UAAU,GAAG,WAAW,CAAC;IACnD,QAAQ,CAAC,QAAQ,CAAC,EAAE,SAAS,gBAAgB,EAAE,CAAC;IAChD,QAAQ,CAAC,SAAS,CAAC,EAAE,mBAAmB,CAAC;IACzC,QAAQ,CAAC,MAAM,EAAE,SAAS,MAAM,EAAE,CAAC;CACpC;AAED;;;GAGG;AACH,wBAAgB,cAAc,CAAC,IAAI,EAAE,WAAW,GAAG,gBAAgB,CASlE"}

package/dist/core/ComponentRenderer.d.ts

@@ -0,0 +1,17 @@
+import { ComponentDefinition } from './fixtureApiConsumer.js';
+import { RenderResult } from './fixtureApi.js';
+export declare class ComponentRendering {
+    readonly component: ComponentDefinition;
+    readonly renderTarget: HTMLElement;
+    readonly iframe: HTMLIFrameElement | null;
+    private readonly _abortController;
+    private _resolvedResult;
+    private _injectedElements;
+    private _adoptedSheets;
+    private _styleTarget;
+    private readonly _rendered;
+    constructor(host: HTMLElement, component: ComponentDefinition);
+    waitForRendering(): Promise<RenderResult | undefined>;
+    dispose(): void;
+}
+//# sourceMappingURL=ComponentRenderer.d.ts.map

package/dist/core/ComponentRenderer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ComponentRenderer.d.ts","sourceRoot":"","sources":["../../src/core/ComponentRenderer.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,yBAAyB,CAAC;AACnE,OAAO,KAAK,EAAE,YAAY,EAAmB,MAAM,iBAAiB,CAAC;AA4CrE,qBAAa,kBAAkB;IAUC,QAAQ,CAAC,SAAS,EAAE,mBAAmB;IATtE,QAAQ,CAAC,YAAY,EAAE,WAAW,CAAC;IACnC,QAAQ,CAAC,MAAM,EAAE,iBAAiB,GAAG,IAAI,CAAQ;IACjD,OAAO,CAAC,QAAQ,CAAC,gBAAgB,CAAyB;IAC1D,OAAO,CAAC,eAAe,CAA2B;IAClD,OAAO,CAAC,iBAAiB,CAAqB;IAC9C,OAAO,CAAC,cAAc,CAAuB;IAC7C,OAAO,CAAC,YAAY,CAAmC;IACvD,OAAO,CAAC,QAAQ,CAAC,SAAS,CAAoC;gBAElD,IAAI,EAAE,WAAW,EAAW,SAAS,EAAE,mBAAmB;IA0EhE,gBAAgB,IAAI,OAAO,CAAC,YAAY,GAAG,SAAS,CAAC;IAM3D,OAAO,IAAI,IAAI;CAMf"}

package/dist/core/ErrorInfo.d.ts

@@ -0,0 +1,16 @@
+export interface ExceptionError {
+    readonly message: string;
+    readonly stack?: string;
+}
+export type RenderEventType = 'console.error' | 'console.warn' | 'console.log' | 'window.error' | 'window.unhandledrejection';
+export interface RenderEvent {
+    readonly type: RenderEventType;
+    readonly message: string;
+}
+export interface RenderReport {
+    readonly hasError: boolean;
+    readonly error?: ExceptionError;
+    readonly events: RenderEvent[];
+    readonly resultData?: unknown;
+}
+//# sourceMappingURL=ErrorInfo.d.ts.map

package/dist/core/ErrorInfo.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ErrorInfo.d.ts","sourceRoot":"","sources":["../../src/core/ErrorInfo.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,cAAc;IAC9B,QAAQ,CAAC,OAAO,EAAE,MAAM,CAAC;IACzB,QAAQ,CAAC,KAAK,CAAC,EAAE,MAAM,CAAC;CACxB;AAED,MAAM,MAAM,eAAe,GAAG,eAAe,GAAG,cAAc,GAAG,aAAa,GAAG,cAAc,GAAG,2BAA2B,CAAC;AAE9H,MAAM,WAAW,WAAW;IAC3B,QAAQ,CAAC,IAAI,EAAE,eAAe,CAAC;IAC/B,QAAQ,CAAC,OAAO,EAAE,MAAM,CAAC;CACzB;AAED,MAAM,WAAW,YAAY;IAC5B,QAAQ,CAAC,QAAQ,EAAE,OAAO,CAAC;IAC3B,QAAQ,CAAC,KAAK,CAAC,EAAE,cAAc,CAAC;IAChC,QAAQ,CAAC,MAAM,EAAE,WAAW,EAAE,CAAC;IAC/B,QAAQ,CAAC,UAAU,CAAC,EAAE,OAAO,CAAC;CAC9B"}

package/dist/core/FixtureNode.d.ts

@@ -1,11 +1,12 @@
-import { ComponentDefinition, FixtureExport } from './ComponentDefinition.js';
+import { FixtureExport } from './fixtureApi.js';
+import { ComponentDefinition } from './fixtureApiConsumer.js';
+import { FixturePath } from './FixturePath.js';
 /**
  * A node in the fixture tree.
  * Can be a folder (with children), variants (with children, horizontal layout), or a component leaf.
  */
 export interface FixtureNode {
-    /** Unique identifier (path segments joined by '/') */
-    readonly id: string;
+    readonly id: FixturePath;
     /** Display name */
     readonly name: string;
     /** Node type: folder for groups, variants for horizontal variant display, component for leaves */
@@ -14,12 +15,23 @@ export interface FixtureNode {
     readonly children?: readonly FixtureNode[];
     /** Component definition (only for component nodes) */
     readonly component?: ComponentDefinition;
+    /** Labels for categorization and filtering */
+    readonly labels: readonly string[];
+    /** Source fixture file path — present on skeleton nodes (component is undefined) for on-demand loading */
+    readonly sourceFile?: string;
 }
 /**
  * Creates a fixture tree from a map of fixture exports.
- * @param fixtures Map of fixture file path to exported fixture object
+ * Entries with `undefined` value are rendered as skeleton nodes (loaded on demand).
  */
 export declare function createFixtureTree(fixtures: Map<string, FixtureExport>): FixtureNode;
+/**
+ * Resolves all lazy fixture module loaders in parallel and returns a map of loaded exports.
+ * Used by modes that need the full fixture tree upfront (headless, embedded).
+ */
+export declare function resolveFixtureModules(modules: Record<string, () => Promise<{
+    default?: unknown;
+}>>): Promise<Map<string, FixtureExport>>;
 /**
  * Finds a node in the tree by path.
  */

package/dist/core/FixtureNode.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FixtureNode.d.ts","sourceRoot":"","sources":["../../src/core/FixtureNode.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,mBAAmB,EAAE,aAAa,EAAE,MAAM,0BAA0B,CAAC;AAGnF;;;GAGG;AACH,MAAM,WAAW,WAAW;IAC1B,sDAAsD;IACtD,QAAQ,CAAC,EAAE,EAAE,MAAM,CAAC;IAEpB,mBAAmB;IACnB,QAAQ,CAAC,IAAI,EAAE,MAAM,CAAC;IAEtB,kGAAkG;IAClG,QAAQ,CAAC,IAAI,EAAE,QAAQ,GAAG,UAAU,GAAG,WAAW,CAAC;IAEnD,0CAA0C;IAC1C,QAAQ,CAAC,QAAQ,CAAC,EAAE,SAAS,WAAW,EAAE,CAAC;IAE3C,sDAAsD;IACtD,QAAQ,CAAC,SAAS,CAAC,EAAE,mBAAmB,CAAC;CAC1C;AAED;;;GAGG;AACH,wBAAgB,iBAAiB,CAAC,QAAQ,EAAE,GAAG,CAAC,MAAM,EAAE,aAAa,CAAC,GAAG,WAAW,CAenF;AA8FD;;GAEG;AACH,wBAAgB,cAAc,CAAC,IAAI,EAAE,WAAW,EAAE,IAAI,EAAE,MAAM,EAAE,GAAG,WAAW,GAAG,SAAS,CAezF;AAED;;GAEG;AACH,wBAAgB,iBAAiB,CAAC,IAAI,EAAE,WAAW,GAAG,mBAAmB,EAAE,CAU1E"}
+{"version":3,"file":"FixtureNode.d.ts","sourceRoot":"","sources":["../../src/core/FixtureNode.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AACrD,OAAO,EAKH,KAAK,mBAAmB,EAC3B,MAAM,yBAAyB,CAAC;AACjC,OAAO,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AA8C/C;;;GAGG;AACH,MAAM,WAAW,WAAW;IAC1B,QAAQ,CAAC,EAAE,EAAE,WAAW,CAAC;IAEzB,mBAAmB;IACnB,QAAQ,CAAC,IAAI,EAAE,MAAM,CAAC;IAEtB,kGAAkG;IAClG,QAAQ,CAAC,IAAI,EAAE,QAAQ,GAAG,UAAU,GAAG,WAAW,CAAC;IAEnD,0CAA0C;IAC1C,QAAQ,CAAC,QAAQ,CAAC,EAAE,SAAS,WAAW,EAAE,CAAC;IAE3C,sDAAsD;IACtD,QAAQ,CAAC,SAAS,CAAC,EAAE,mBAAmB,CAAC;IAEzC,8CAA8C;IAC9C,QAAQ,CAAC,MAAM,EAAE,SAAS,MAAM,EAAE,CAAC;IAEnC,0GAA0G;IAC1G,QAAQ,CAAC,UAAU,CAAC,EAAE,MAAM,CAAC;CAC9B;AAED;;;GAGG;AACH,wBAAgB,iBAAiB,CAAC,QAAQ,EAAE,GAAG,CAAC,MAAM,EAAE,aAAa,CAAC,GAAG,WAAW,CA8BnF;AAED;;;GAGG;AACH,wBAAsB,qBAAqB,CACzC,OAAO,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,OAAO,CAAC;IAAE,OAAO,CAAC,EAAE,OAAO,CAAA;CAAE,CAAC,CAAC,GAC5D,OAAO,CAAC,GAAG,CAAC,MAAM,EAAE,aAAa,CAAC,CAAC,CAYrC;AA+HD;;GAEG;AACH,wBAAgB,cAAc,CAAC,IAAI,EAAE,WAAW,EAAE,IAAI,EAAE,MAAM,EAAE,GAAG,WAAW,GAAG,SAAS,CAezF;AAED;;GAEG;AACH,wBAAgB,iBAAiB,CAAC,IAAI,EAAE,WAAW,GAAG,mBAAmB,EAAE,CAU1E"}

package/dist/core/FixturePath.d.ts

@@ -0,0 +1,8 @@
+export declare class FixturePath {
+    readonly value: string;
+    private _segments;
+    constructor(value: string);
+    get segments(): readonly string[];
+    toString(): string;
+}
+//# sourceMappingURL=FixturePath.d.ts.map

package/dist/core/FixturePath.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FixturePath.d.ts","sourceRoot":"","sources":["../../src/core/FixturePath.ts"],"names":[],"mappings":"AAAA,qBAAa,WAAW;IAGV,QAAQ,CAAC,KAAK,EAAE,MAAM;IAFlC,OAAO,CAAC,SAAS,CAAgC;gBAE5B,KAAK,EAAE,MAAM;IAElC,IAAI,QAAQ,IAAI,SAAS,MAAM,EAAE,CAEhC;IAED,QAAQ,IAAI,MAAM;CAGnB"}

package/dist/core/FixtureRegistry.d.ts

@@ -1,37 +1,15 @@
 import { IObservable, IReader } from '@vscode/observables';
-import { ComponentDefinition, FixtureExport } from './ComponentDefinition.js';
+import { FixtureExport } from './fixtureApi.js';
+import { ComponentDefinition } from './fixtureApiConsumer.js';
 import { FixtureNode } from './FixtureNode.js';
-/**
- * Registry for discovered fixtures.
- * Holds the fixture tree as an observable for reactivity.
- */
 export declare class FixtureRegistry {
     private readonly _fixtures;
-    /** Observable root of the fixture tree */
+    readonly loading: import('@vscode/observables').ISettableObservable<boolean, void>;
     readonly root: IObservable<FixtureNode>;
-    /**
-     * Registers a fixture file.
-     * @param path The file path (e.g., 'components/Button.fixture.tsx')
-     * @param fixtureExport The exported fixture object
-     */
     register(path: string, fixtureExport: FixtureExport): void;
-    /**
-     * Unregisters a fixture file.
-     * @param path The file path to remove
-     */
     unregister(path: string): void;
-    /**
-     * Clears all registered fixtures.
-     */
     clear(): void;
-    /**
-     * Gets a node by path.
-     */
     getNode(reader: IReader, path: string[]): FixtureNode | undefined;
-    /**
-     * Gets a component by path (non-reactive, for use in preview iframe).
-     * @param path Array of path segments (e.g., ['Button', 'Primary'])
-     */
     getComponentByPath(path: string[]): ComponentDefinition | undefined;
 }
 //# sourceMappingURL=FixtureRegistry.d.ts.map

package/dist/core/FixtureRegistry.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FixtureRegistry.d.ts","sourceRoot":"","sources":["../../src/core/FixtureRegistry.ts"],"names":[],"mappings":"AAAA,OAAO,EAA4B,KAAK,WAAW,EAAE,KAAK,OAAO,EAAE,MAAM,qBAAqB,CAAC;AAC/F,OAAO,KAAK,EAAE,mBAAmB,EAAE,aAAa,EAAE,MAAM,0BAA0B,CAAC;AACnF,OAAO,EAAqC,KAAK,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAEvF;;;GAGG;AACH,qBAAa,eAAe;IAC1B,OAAO,CAAC,QAAQ,CAAC,SAAS,CAAgE;IAE1F,0CAA0C;IAC1C,QAAQ,CAAC,IAAI,EAAE,WAAW,CAAC,WAAW,CAAC,CAGpC;IAEH;;;;OAIG;IACH,QAAQ,CAAC,IAAI,EAAE,MAAM,EAAE,aAAa,EAAE,aAAa,GAAG,IAAI;IAM1D;;;OAGG;IACH,UAAU,CAAC,IAAI,EAAE,MAAM,GAAG,IAAI;IAO9B;;OAEG;IACH,KAAK,IAAI,IAAI;IAIb;;OAEG;IACH,OAAO,CAAC,MAAM,EAAE,OAAO,EAAE,IAAI,EAAE,MAAM,EAAE,GAAG,WAAW,GAAG,SAAS;IAKjE;;;OAGG;IACH,kBAAkB,CAAC,IAAI,EAAE,MAAM,EAAE,GAAG,mBAAmB,GAAG,SAAS;CAMpE"}
+{"version":3,"file":"FixtureRegistry.d.ts","sourceRoot":"","sources":["../../src/core/FixtureRegistry.ts"],"names":[],"mappings":"AAAA,OAAO,EAA4B,KAAK,WAAW,EAAE,KAAK,OAAO,EAAE,MAAM,qBAAqB,CAAC;AAC/F,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AACrD,OAAO,EAAE,KAAK,mBAAmB,EAAE,MAAM,yBAAyB,CAAC;AACnE,OAAO,EAAqC,KAAK,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAEvF,qBAAa,eAAe;IAC1B,OAAO,CAAC,QAAQ,CAAC,SAAS,CAAgE;IAC1F,QAAQ,CAAC,OAAO,mEAAyC;IAEzD,QAAQ,CAAC,IAAI,EAAE,WAAW,CAAC,WAAW,CAAC,CAGpC;IAEH,QAAQ,CAAC,IAAI,EAAE,MAAM,EAAE,aAAa,EAAE,aAAa,GAAG,IAAI;IAM1D,UAAU,CAAC,IAAI,EAAE,MAAM,GAAG,IAAI;IAO9B,KAAK,IAAI,IAAI;IAIb,OAAO,CAAC,MAAM,EAAE,OAAO,EAAE,IAAI,EAAE,MAAM,EAAE,GAAG,WAAW,GAAG,SAAS;IAKjE,kBAAkB,CAAC,IAAI,EAAE,MAAM,EAAE,GAAG,mBAAmB,GAAG,SAAS;CAMpE"}