import type { PaneSettingsDef, TickerResearchTabProps } from "../../../types/plugin";
import type { PluginModule } from "../plugin-module";
import { createTickerSurfacePaneTemplate } from "../shared/ticker-surface";
import type { OptionsViewProps } from "./types";
import { OptionsView } from "./view";

/** The registered chain shows IV rank; isolated view renders stay offline. */
function OptionsPane(props: OptionsViewProps) {
  return <OptionsView {...props} ivRank />;
}

/**
 * The research tab strip keeps h/l and the arrows, so the chain steps expiries
 * with [ and ]. It never claims the app's input capture: every app and pane
 * key keeps working while the chain has the cursor.
 */
function OptionsResearchTab({ width, height, focused }: TickerResearchTabProps) {
  return <OptionsView width={width} height={height} focused={focused} ivRank nestedInTabs />;
}
import {
  LIVE_STREAMING_QUICK_SETTING,
  withLiveStreamingSetting,
} from "../shared/live-streaming";
import { OPTION_FIELD_DEFS, resolveOptionFieldIds } from "./table";

function optionsSettings(settings: Record<string, unknown>): PaneSettingsDef {
  return {
    title: "Options Settings",
    values: {
      optionColumnIds: resolveOptionFieldIds(settings.optionColumnIds),
    },
    fields: [
      {
        key: "optionColumnIds",
        label: "Columns",
        description: "Choose and order the fields mirrored around the strike.",
        type: "ordered-multi-select",
        options: OPTION_FIELD_DEFS.map((field) => ({
          value: field.id,
          label: field.label,
          description: field.description,
        })),
      },
      {
        key: "chainRefreshMinutes",
        label: "Chain refresh",
        description: "How often the whole chain snapshot is refetched. Quotes for visible strikes stream separately.",
        type: "select",
        options: [
          { value: "1", label: "Every minute" },
          { value: "5", label: "Every 5 minutes" },
          { value: "10", label: "Every 10 minutes" },
          { value: "30", label: "Every 30 minutes" },
        ],
      },
    ],
  };
}

export const optionsModule: PluginModule = {
  panes: [
    {
      id: "options",
      name: "Options",
      icon: "O",
      component: OptionsPane,
      defaultPosition: "right",
      defaultMode: "floating",
      defaultFloatingSize: { width: 112, height: 28 },
      quickSettings: [LIVE_STREAMING_QUICK_SETTING],
      settings: (context) => withLiveStreamingSetting(optionsSettings(context.settings), context.settings),
      tableExport: true,
    },
  ],

  paneTemplates: [
    createTickerSurfacePaneTemplate({
      id: "options-pane",
      paneId: "options",
      label: "Options",
      description: "Options chain for the selected ticker.",
      keywords: ["options", "chain", "calls", "puts", "omon"],
      shortcut: "OMON",
      settings: (_symbol, _context, options) => options?.values?.expiration
        ? { expiration: Number(options.values.expiration), expirationTargetKey: null } : {},
      publicShare: true,
    }),
  ],

  setup(ctx) {
    ctx.registerTickerResearchTab({
      id: "options",
      name: "Options",
      order: 35,
      component: OptionsResearchTab,
      instruments: ["equity", "fund", "index", "future", "option"],
      isVisible: ({ hasOptionsChain }) => hasOptionsChain,
    });
  },
};