refactor(app): restructure plugins into directory modules

app/src/plugins/bar.tsx → app/src/plugins/bar/component.tsx

@@ -8,24 +8,24 @@
 import dynamic from "next/dynamic";
 import { Skeleton, getChartOptions } from "@neoboard/components";
 import type { BarChartDataPoint, StylingRule } from "@neoboard/components";
-import { defineChartPlugin } from "./registry";
-import { transformToBarData, validateBarData } from "./transforms/bar";
-import { useEChartsClick, type PluginProps } from "./utils";
-import { barSettingsSchema } from "./settings/bar";
+import { defineChartPlugin } from "../registry";
+import { transformToBarData, validateBarData } from "./transform";
+import { useEChartsClick, type PluginProps } from "../utils";
+import { barSettingsSchema } from "./settings";
 
 const BarChart = dynamic(
   () => import("@neoboard/components").then((m) => ({ default: m.BarChart })),
   { ssr: false, loading: () => <Skeleton className="w-full h-full" /> },
 );
 
 function BarPluginComponent({
   data,
   settings: raw,
   onChartClick,
   colorThresholds,
   stylingRules,
   paramValues,
 }: PluginProps) {
   const onClick = useEChartsClick(onChartClick, data);
   const settings = barSettingsSchema.parse(raw);
 

app/src/plugins/bar/index.ts

@@ -0,0 +1 @@
+export { barPlugin } from "./component";

app/src/plugins/transforms/bar.ts → app/src/plugins/bar/transform.ts

@@ -8,7 +8,7 @@ import {
   resolveValueKeys,
   normalizeValue,
   type ColumnMapping,
-} from "./shared";
+} from "../transforms/shared-utils";
 
 /**
  * Transform to bar chart format: [{ label, series1, series2 }]

app/src/plugins/form.tsx → app/src/plugins/form/component.tsx

@@ -7,15 +7,15 @@
 
 import { getChartOptions } from "@neoboard/components";
 import { FormWidgetRenderer } from "@/components/form-widget-renderer";
-import { defineChartPlugin } from "./registry";
-import { type PluginProps } from "./utils";
-import { formSettingsSchema } from "./settings/form";
+import { defineChartPlugin } from "../registry";
+import { type PluginProps } from "../utils";
+import { formSettingsSchema } from "./settings";
 
 function FormPluginComponent({
   settings: raw,
   connectionId,
   query,
 }: PluginProps) {
   const settings = formSettingsSchema.parse(raw);
   return (
     <FormWidgetRenderer

app/src/plugins/form/index.ts

@@ -0,0 +1 @@
+export { formPlugin } from "./component";

app/src/plugins/gauge.tsx → app/src/plugins/gauge/component.tsx

@@ -8,23 +8,23 @@
 import dynamic from "next/dynamic";
 import { Skeleton, getChartOptions } from "@neoboard/components";
 import type { GaugeDataPoint, StylingRule } from "@neoboard/components";
-import { defineChartPlugin } from "./registry";
-import { transformToGaugeData } from "./transforms/gauge";
-import { useEChartsClick, type PluginProps } from "./utils";
-import { gaugeSettingsSchema } from "./settings/gauge";
+import { defineChartPlugin } from "../registry";
+import { transformToGaugeData } from "./transform";
+import { useEChartsClick, type PluginProps } from "../utils";
+import { gaugeSettingsSchema } from "./settings";
 
 const GaugeChart = dynamic(
   () => import("@neoboard/components").then((m) => ({ default: m.GaugeChart })),
   { ssr: false, loading: () => <Skeleton className="w-full h-full" /> },
 );
 
 function GaugePluginComponent({
   data,
   settings: raw,
   stylingRules,
   paramValues,
   onChartClick,
 }: PluginProps) {
   const onClick = useEChartsClick(onChartClick, data);
   const settings = gaugeSettingsSchema.parse(raw);
   return (

app/src/plugins/gauge/index.ts

@@ -0,0 +1 @@
+export { gaugePlugin } from "./component";

app/src/plugins/transforms/gauge.ts → app/src/plugins/gauge/transform.ts

@@ -2,7 +2,7 @@
  * Gauge chart data transform.
  */
 
-import { toRecords, normalizeValue } from "./shared";
+import { toRecords, normalizeValue } from "../transforms/shared-utils";
 
 /**
  * Transform to gauge chart format: [{ value, name }]

app/src/plugins/graph.tsx → app/src/plugins/graph/component.tsx

@@ -11,10 +11,10 @@
 import { Skeleton, getChartOptions } from "@neoboard/components";
 import type { GraphNode, GraphEdge, StylingRule } from "@neoboard/components";
 import { GraphExplorationWrapper } from "@/components/graph-exploration-wrapper";
-import { defineChartPlugin } from "./registry";
-import { transformToGraphData, validateGraphData } from "./transforms/graph";
-import { type PluginProps } from "./utils";
-import { graphSettingsSchema } from "./settings/graph";
+import { defineChartPlugin } from "../registry";
+import { transformToGraphData, validateGraphData } from "./transform";
+import { type PluginProps } from "../utils";
+import { graphSettingsSchema } from "./settings";
 
 // NVL (WebGL) is heavy — lazy load so it's only bundled when a graph widget renders.
 const GraphChart = dynamic(
@@ -22,17 +22,17 @@
   { ssr: false, loading: () => <Skeleton className="w-full h-full" /> },
 );
 
 function GraphPluginComponent({
   data,
   settings: raw,
   stylingRules,
   paramValues,
   onChartClick,
   connectionId,
   widgetId,
   resultId,
   autoFit,
 }: PluginProps) {
   const settings = graphSettingsSchema.parse(raw);
   const graphData = (data ?? { nodes: [], edges: [] }) as {
     nodes: GraphNode[];

app/src/plugins/graph/index.ts

@@ -0,0 +1 @@
+export { graphPlugin } from "./component";

app/src/plugins/transforms/graph.ts → app/src/plugins/graph/transform.ts

@@ -2,7 +2,7 @@
  * Graph chart data transform and validator.
  */
 
-import { toRecords, normalizeValue } from "./shared";
+import { toRecords, normalizeValue } from "../transforms/shared-utils";
 
 /**
  * Normalize all properties in a record, converting non-primitives to display strings.
@@ -46,7 +46,7 @@
   const edgesMap = new Map<string, Record<string, unknown>>();
 
   function addNode(v: Record<string, unknown>) {
     const id = String(v.elementId ?? v.identity ?? crypto.randomUUID());
     if (!nodesMap.has(id)) {
       const labels = (v.labels as string[]) ?? [];
       const rawProps = (v.properties as Record<string, unknown>) ?? {};
@@ -63,9 +63,9 @@
 
   function addEdge(v: Record<string, unknown>) {
     const edgeId = String(
       v.elementId ??
         v.identity ??
         `${v.startNodeElementId ?? v.start}-${v.type}-${v.endNodeElementId ?? v.end}`,
     );
     if (!edgesMap.has(edgeId)) {
       const rawProps = (v.properties ?? {}) as Record<string, unknown>;
@@ -79,7 +79,7 @@
     }
   }
 
   function extractGraphValue(value: unknown) {
     if (!value || typeof value !== "object") return;
     const v = value as Record<string, unknown>;
 
@@ -121,7 +121,7 @@
  * Validates raw data shape for graph charts.
  * Returns null if valid or empty, error string if rows exist but contain no graph structures.
  */
 export function validateGraphData(data: unknown): string | null {
   const records = toRecords(data);
   if (!records.length) return null;
   for (const record of records) {

app/src/plugins/iframe.tsx → app/src/plugins/iframe/component.tsx

@@ -5,11 +5,11 @@
  */
 
 import { IframeWidget, getChartOptions } from "@neoboard/components";
-import { defineChartPlugin } from "./registry";
-import { type PluginProps } from "./utils";
-import { iframeSettingsSchema } from "./settings/iframe";
+import { defineChartPlugin } from "../registry";
+import { type PluginProps } from "../utils";
+import { iframeSettingsSchema } from "./settings";
 
 function IframePluginComponent({ settings: raw }: PluginProps) {
   const settings = iframeSettingsSchema.parse(raw);
   return (
     <IframeWidget

app/src/plugins/iframe/index.ts

@@ -0,0 +1 @@
+export { iframePlugin } from "./component";

app/src/plugins/index.ts

@@ -16,23 +16,23 @@
 
 import { pluginRegistry } from "./registry";
 import { CHART_TYPES } from "./chart-types";
-import { markdownPlugin } from "./markdown";
-import { barPlugin } from "./bar";
-import { linePlugin } from "./line";
-import { piePlugin } from "./pie";
-import { singleValuePlugin } from "./single-value";
-import { graphPlugin } from "./graph";
-import { mapPlugin } from "./map";
-import { tablePlugin } from "./table";
-import { parameterSelectPlugin } from "./parameter-select";
-import { jsonPlugin } from "./json";
-import { formPlugin } from "./form";
-import { iframePlugin } from "./iframe";
-import { gaugePlugin } from "./gauge";
-import { sankeyPlugin } from "./sankey";
-import { sunburstPlugin } from "./sunburst";
-import { radarPlugin } from "./radar";
-import { treemapPlugin } from "./treemap";
+import { markdownPlugin } from "./markdown/component";
+import { barPlugin } from "./bar/component";
+import { linePlugin } from "./line/component";
+import { piePlugin } from "./pie/component";
+import { singleValuePlugin } from "./single-value/component";
+import { graphPlugin } from "./graph/component";
+import { mapPlugin } from "./map/component";
+import { tablePlugin } from "./table/component";
+import { parameterSelectPlugin } from "./parameter-select/component";
+import { jsonPlugin } from "./json/component";
+import { formPlugin } from "./form/component";
+import { iframePlugin } from "./iframe/component";
+import { gaugePlugin } from "./gauge/component";
+import { sankeyPlugin } from "./sankey/component";
+import { sunburstPlugin } from "./sunburst/component";
+import { radarPlugin } from "./radar/component";
+import { treemapPlugin } from "./treemap/component";
 
 const BUILT_IN_PLUGINS = [
   markdownPlugin,

app/src/plugins/json.tsx → app/src/plugins/json/component.tsx

@@ -6,12 +6,12 @@
  */
 
 import { JsonViewer, getChartOptions } from "@neoboard/components";
-import { defineChartPlugin } from "./registry";
-import { transformToJsonData } from "./transforms/json";
-import { type PluginProps } from "./utils";
-import { jsonSettingsSchema } from "./settings/json";
+import { defineChartPlugin } from "../registry";
+import { transformToJsonData } from "./transform";
+import { type PluginProps } from "../utils";
+import { jsonSettingsSchema } from "./settings";
 
 function JsonPluginComponent({ data, settings: raw }: PluginProps) {
   const settings = jsonSettingsSchema.parse(raw);
   return (
     <div className="h-full overflow-auto">

app/src/plugins/json/index.ts

@@ -0,0 +1 @@
+export { jsonPlugin } from "./component";

app/src/plugins/transforms/json.ts → app/src/plugins/json/transform.ts

@@ -2,7 +2,7 @@
  * JSON viewer data transform.
  */
 
-import { toRecords } from "./shared";
+import { toRecords } from "../transforms/shared-utils";
 
 /**
  * Pass data through for JSON viewer.

app/src/plugins/line.tsx → app/src/plugins/line/component.tsx

@@ -8,24 +8,24 @@
 import dynamic from "next/dynamic";
 import { Skeleton, getChartOptions } from "@neoboard/components";
 import type { LineChartDataPoint, StylingRule } from "@neoboard/components";
-import { defineChartPlugin } from "./registry";
-import { transformToLineData, validateLineData } from "./transforms/line";
-import { useEChartsClick, type PluginProps } from "./utils";
-import { lineSettingsSchema } from "./settings/line";
+import { defineChartPlugin } from "../registry";
+import { transformToLineData, validateLineData } from "./transform";
+import { useEChartsClick, type PluginProps } from "../utils";
+import { lineSettingsSchema } from "./settings";
 
 const LineChart = dynamic(
   () => import("@neoboard/components").then((m) => ({ default: m.LineChart })),
   { ssr: false, loading: () => <Skeleton className="w-full h-full" /> },
 );
 
 function LinePluginComponent({
   data,
   settings: raw,
   stylingRules,
   paramValues,
   onChartClick,
   colorThresholds,
 }: PluginProps) {
   const onClick = useEChartsClick(onChartClick, data);
   const settings = lineSettingsSchema.parse(raw);
   // Parse comma-separated rightAxisSeries string into string array

app/src/plugins/line/index.ts

@@ -0,0 +1 @@
+export { linePlugin } from "./component";

app/src/plugins/transforms/line.ts → app/src/plugins/line/transform.ts

@@ -8,7 +8,7 @@ import {
   resolveValueKeys,
   normalizeValue,
   type ColumnMapping,
-} from "./shared";
+} from "../transforms/shared-utils";
 
 /**
  * Transform to line chart format: [{ x, series1, series2 }]

app/src/plugins/map.tsx → app/src/plugins/map/component.tsx

@@ -8,10 +8,10 @@
 import dynamic from "next/dynamic";
 import { getChartOptions } from "@neoboard/components";
 import type { MapMarker, StylingRule } from "@neoboard/components";
-import { defineChartPlugin } from "./registry";
-import { transformToMapData, validateMapData } from "./transforms/map";
-import { type PluginProps } from "./utils";
-import { mapSettingsSchema } from "./settings/map";
+import { defineChartPlugin } from "../registry";
+import { transformToMapData, validateMapData } from "./transform";
+import { type PluginProps } from "../utils";
+import { mapSettingsSchema } from "./settings";
 
 // Leaflet relies on window/document — must be loaded client-side only.
 const MapChart = dynamic(
@@ -26,13 +26,13 @@
   },
 );
 
 function MapPluginComponent({
   data,
   settings: raw,
   stylingRules,
   paramValues,
   onChartClick,
 }: PluginProps) {
   const markers = (data ?? []) as MapMarker[];
   const settings = mapSettingsSchema.parse(raw);
   return (

app/src/plugins/map/index.ts

@@ -0,0 +1 @@
+export { mapPlugin } from "./component";

app/src/plugins/transforms/map.ts → app/src/plugins/map/transform.ts

@@ -2,7 +2,7 @@
  * Map chart data transform and validator.
  */
 
-import { toRecords } from "./shared";
+import { toRecords } from "../transforms/shared-utils";
 
 /**
  * Transform to map format: extract lat/lon/label from records.

app/src/plugins/markdown.tsx → app/src/plugins/markdown/component.tsx

@@ -7,16 +7,16 @@
  */
 
 import { MarkdownWidget, getChartOptions } from "@neoboard/components";
-import { defineChartPlugin } from "./registry";
-import { type PluginProps } from "./utils";
-import { markdownSettingsSchema } from "./settings/markdown";
+import { defineChartPlugin } from "../registry";
+import { type PluginProps } from "../utils";
+import { markdownSettingsSchema } from "./settings";
 
 /**
  * Component adapter — extracts the `content` field from settings and
  * renders the MarkdownWidget. The plugin contract passes the full
  * settings object to the component as `settings` prop.
  */
 function MarkdownPluginComponent({ settings: raw }: PluginProps) {
   const settings = markdownSettingsSchema.parse(raw);
   return <MarkdownWidget content={settings.content} />;
 }

app/src/plugins/markdown/index.ts

@@ -0,0 +1 @@
+export { markdownPlugin } from "./component";

app/src/plugins/parameter-select.tsx → app/src/plugins/parameter-select/component.tsx

@@ -10,16 +10,16 @@
 import { EmptyState, getChartOptions } from "@neoboard/components";
 import { ParameterWidgetRenderer } from "@/components/parameter-widget-renderer";
 import type { ParameterType } from "@/stores/parameter-store";
-import { defineChartPlugin } from "./registry";
-import { transformToSelectData } from "./transforms/parameter-select";
-import { type PluginProps } from "./utils";
-import { parameterSelectSettingsSchema } from "./settings/parameter-select";
+import { defineChartPlugin } from "../registry";
+import { transformToSelectData } from "./transform";
+import { type PluginProps } from "../utils";
+import { parameterSelectSettingsSchema } from "./settings";
 
 function ParameterSelectPluginComponent({
   settings: raw,
   connectionId,
   widgetId,
 }: PluginProps) {
   const settings = parameterSelectSettingsSchema.parse(raw);
   if (!settings.parameterName) {
     return (

app/src/plugins/parameter-select/index.ts

@@ -0,0 +1 @@
+export { parameterSelectPlugin } from "./component";

app/src/plugins/transforms/parameter-select.ts → app/src/plugins/parameter-select/transform.ts

@@ -2,7 +2,7 @@
  * Parameter-select widget data transform.
  */
 
-import { toRecords } from "./shared";
+import { toRecords } from "../transforms/shared-utils";
 
 /**
  * Transform to select data: extract first column values as options array.

app/src/plugins/pie.tsx → app/src/plugins/pie/component.tsx

@@ -8,24 +8,24 @@
 import dynamic from "next/dynamic";
 import { Skeleton, getChartOptions } from "@neoboard/components";
 import type { PieChartDataPoint, StylingRule } from "@neoboard/components";
-import { defineChartPlugin } from "./registry";
-import { transformToPieData, validatePieData } from "./transforms/pie";
-import { useEChartsClick, type PluginProps } from "./utils";
-import { pieSettingsSchema } from "./settings/pie";
+import { defineChartPlugin } from "../registry";
+import { transformToPieData, validatePieData } from "./transform";
+import { useEChartsClick, type PluginProps } from "../utils";
+import { pieSettingsSchema } from "./settings";
 
 const PieChart = dynamic(
   () => import("@neoboard/components").then((m) => ({ default: m.PieChart })),
   { ssr: false, loading: () => <Skeleton className="w-full h-full" /> },
 );
 
 function PiePluginComponent({
   data,
   settings: raw,
   stylingRules,
   paramValues,
   onChartClick,
   colorThresholds,
 }: PluginProps) {
   const onClick = useEChartsClick(onChartClick, data);
   const settings = pieSettingsSchema.parse(raw);
   return (

app/src/plugins/pie/index.ts

@@ -0,0 +1 @@
+export { piePlugin } from "./component";

app/src/plugins/transforms/pie.ts → app/src/plugins/pie/transform.ts

@@ -7,7 +7,7 @@ import {
   resolveLabelKey,
   normalizeValue,
   type ColumnMapping,
-} from "./shared";
+} from "../transforms/shared-utils";
 
 /**
  * Transform to pie chart format: [{ name, value }]

app/src/plugins/radar.tsx → app/src/plugins/radar/component.tsx

@@ -8,22 +8,22 @@
 import dynamic from "next/dynamic";
 import { Skeleton, getChartOptions } from "@neoboard/components";
 import type { RadarChartData, StylingRule } from "@neoboard/components";
-import { defineChartPlugin } from "./registry";
-import { transformToRadarData } from "./transforms/radar";
-import { type PluginProps } from "./utils";
-import { radarSettingsSchema } from "./settings/radar";
+import { defineChartPlugin } from "../registry";
+import { transformToRadarData } from "./transform";
+import { type PluginProps } from "../utils";
+import { radarSettingsSchema } from "./settings";
 
 const RadarChart = dynamic(
   () => import("@neoboard/components").then((m) => ({ default: m.RadarChart })),
   { ssr: false, loading: () => <Skeleton className="w-full h-full" /> },
 );
 
 function RadarPluginComponent({
   data,
   settings: raw,
   stylingRules,
   paramValues,
 }: PluginProps) {
   const radarData = (data as RadarChartData) ?? {
     indicators: [],
     series: [],

app/src/plugins/radar/index.ts

@@ -0,0 +1 @@
+export { radarPlugin } from "./component";

app/src/plugins/transforms/radar.ts → app/src/plugins/radar/transform.ts

@@ -2,7 +2,7 @@
  * Radar chart data transform.
  */
 
-import { toRecords, normalizeValue } from "./shared";
+import { toRecords, normalizeValue } from "../transforms/shared-utils";
 
 /**
  * Transform to Radar chart format: { indicators: [{ name, max }], series: [{ name, values }] }
@@ -10,7 +10,7 @@
  * 1. Records with indicator/value/max columns (optionally a series/group column).
  * 2. Flat tabular records where column names become indicators.
  */
 export function transformToRadarData(data: unknown): unknown {
   const records = toRecords(data);
   if (!records.length) return { indicators: [], series: [] };
 

app/src/plugins/sankey.tsx → app/src/plugins/sankey/component.tsx

@@ -8,10 +8,10 @@
 import dynamic from "next/dynamic";
 import { Skeleton, getChartOptions } from "@neoboard/components";
 import type { SankeyChartData, StylingRule } from "@neoboard/components";
-import { defineChartPlugin } from "./registry";
-import { transformToSankeyData } from "./transforms/sankey";
-import { useEChartsClick, type PluginProps } from "./utils";
-import { sankeySettingsSchema } from "./settings/sankey";
+import { defineChartPlugin } from "../registry";
+import { transformToSankeyData } from "./transform";
+import { useEChartsClick, type PluginProps } from "../utils";
+import { sankeySettingsSchema } from "./settings";
 
 const SankeyChart = dynamic(
   () =>
@@ -19,13 +19,13 @@
   { ssr: false, loading: () => <Skeleton className="w-full h-full" /> },
 );
 
 function SankeyPluginComponent({
   data,
   settings: raw,
   stylingRules,
   paramValues,
   onChartClick,
 }: PluginProps) {
   const onClick = useEChartsClick(onChartClick, data);
   const settings = sankeySettingsSchema.parse(raw);
   const sankeyData = (data as SankeyChartData) ?? { nodes: [], links: [] };

app/src/plugins/sankey/index.ts

@@ -0,0 +1 @@
+export { sankeyPlugin } from "./component";

app/src/plugins/transforms/sankey.ts → app/src/plugins/sankey/transform.ts

@@ -2,7 +2,7 @@
  * Sankey chart data transform.
  */
 
-import { toRecords, normalizeValue } from "./shared";
+import { toRecords, normalizeValue } from "../transforms/shared-utils";
 
 /**
  * Transform to Sankey chart format: { nodes: [{ name }], links: [{ source, target, value }] }

app/src/plugins/settings/__tests__/settings-schemas.test.ts

@@ -10,23 +10,23 @@
 
 import { describe, it, expect } from "vitest";
 import { ZodError } from "zod";
-import { barSettingsSchema } from "../bar";
-import { lineSettingsSchema } from "../line";
-import { pieSettingsSchema } from "../pie";
-import { gaugeSettingsSchema } from "../gauge";
-import { radarSettingsSchema } from "../radar";
-import { sankeySettingsSchema } from "../sankey";
-import { sunburstSettingsSchema } from "../sunburst";
-import { treemapSettingsSchema } from "../treemap";
-import { singleValueSettingsSchema } from "../single-value";
-import { tableSettingsSchema } from "../table";
-import { jsonSettingsSchema } from "../json";
-import { graphSettingsSchema } from "../graph";
-import { mapSettingsSchema } from "../map";
-import { markdownSettingsSchema } from "../markdown";
-import { iframeSettingsSchema } from "../iframe";
-import { formSettingsSchema } from "../form";
-import { parameterSelectSettingsSchema } from "../parameter-select";
+import { barSettingsSchema } from "../../bar/settings";
+import { lineSettingsSchema } from "../../line/settings";
+import { pieSettingsSchema } from "../../pie/settings";
+import { gaugeSettingsSchema } from "../../gauge/settings";
+import { radarSettingsSchema } from "../../radar/settings";
+import { sankeySettingsSchema } from "../../sankey/settings";
+import { sunburstSettingsSchema } from "../../sunburst/settings";
+import { treemapSettingsSchema } from "../../treemap/settings";
+import { singleValueSettingsSchema } from "../../single-value/settings";
+import { tableSettingsSchema } from "../../table/settings";
+import { jsonSettingsSchema } from "../../json/settings";
+import { graphSettingsSchema } from "../../graph/settings";
+import { mapSettingsSchema } from "../../map/settings";
+import { markdownSettingsSchema } from "../../markdown/settings";
+import { iframeSettingsSchema } from "../../iframe/settings";
+import { formSettingsSchema } from "../../form/settings";
+import { parameterSelectSettingsSchema } from "../../parameter-select/settings";
 
 // ---------------------------------------------------------------------------
 // Helper: all schemas in one place for shared tests