opentradex 0.1.0

package/web/src/components/ui/tabs.tsx

@@ -0,0 +1,82 @@
+"use client"
+
+import { Tabs as TabsPrimitive } from "@base-ui/react/tabs"
+import { cva, type VariantProps } from "class-variance-authority"
+
+import { cn } from "@/lib/utils"
+
+function Tabs({
+  className,
+  orientation = "horizontal",
+  ...props
+}: TabsPrimitive.Root.Props) {
+  return (
+    <TabsPrimitive.Root
+      data-slot="tabs"
+      data-orientation={orientation}
+      className={cn(
+        "group/tabs flex gap-2 data-horizontal:flex-col",
+        className
+      )}
+      {...props}
+    />
+  )
+}
+
+const tabsListVariants = cva(
+  "group/tabs-list inline-flex w-fit items-center justify-center rounded-lg p-[3px] text-muted-foreground group-data-horizontal/tabs:h-8 group-data-vertical/tabs:h-fit group-data-vertical/tabs:flex-col data-[variant=line]:rounded-none",
+  {
+    variants: {
+      variant: {
+        default: "bg-muted",
+        line: "gap-1 bg-transparent",
+      },
+    },
+    defaultVariants: {
+      variant: "default",
+    },
+  }
+)
+
+function TabsList({
+  className,
+  variant = "default",
+  ...props
+}: TabsPrimitive.List.Props & VariantProps<typeof tabsListVariants>) {
+  return (
+    <TabsPrimitive.List
+      data-slot="tabs-list"
+      data-variant={variant}
+      className={cn(tabsListVariants({ variant }), className)}
+      {...props}
+    />
+  )
+}
+
+function TabsTrigger({ className, ...props }: TabsPrimitive.Tab.Props) {
+  return (
+    <TabsPrimitive.Tab
+      data-slot="tabs-trigger"
+      className={cn(
+        "relative inline-flex h-[calc(100%-1px)] flex-1 items-center justify-center gap-1.5 rounded-md border border-transparent px-1.5 py-0.5 text-sm font-medium whitespace-nowrap text-foreground/60 transition-all group-data-vertical/tabs:w-full group-data-vertical/tabs:justify-start hover:text-foreground focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 focus-visible:outline-1 focus-visible:outline-ring disabled:pointer-events-none disabled:opacity-50 has-data-[icon=inline-end]:pr-1 has-data-[icon=inline-start]:pl-1 aria-disabled:pointer-events-none aria-disabled:opacity-50 dark:text-muted-foreground dark:hover:text-foreground group-data-[variant=default]/tabs-list:data-active:shadow-sm group-data-[variant=line]/tabs-list:data-active:shadow-none [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
+        "group-data-[variant=line]/tabs-list:bg-transparent group-data-[variant=line]/tabs-list:data-active:bg-transparent dark:group-data-[variant=line]/tabs-list:data-active:border-transparent dark:group-data-[variant=line]/tabs-list:data-active:bg-transparent",
+        "data-active:bg-background data-active:text-foreground dark:data-active:border-input dark:data-active:bg-input/30 dark:data-active:text-foreground",
+        "after:absolute after:bg-foreground after:opacity-0 after:transition-opacity group-data-horizontal/tabs:after:inset-x-0 group-data-horizontal/tabs:after:bottom-[-5px] group-data-horizontal/tabs:after:h-0.5 group-data-vertical/tabs:after:inset-y-0 group-data-vertical/tabs:after:-right-1 group-data-vertical/tabs:after:w-0.5 group-data-[variant=line]/tabs-list:data-active:after:opacity-100",
+        className
+      )}
+      {...props}
+    />
+  )
+}
+
+function TabsContent({ className, ...props }: TabsPrimitive.Panel.Props) {
+  return (
+    <TabsPrimitive.Panel
+      data-slot="tabs-content"
+      className={cn("flex-1 text-sm outline-none", className)}
+      {...props}
+    />
+  )
+}
+
+export { Tabs, TabsList, TabsTrigger, TabsContent, tabsListVariants }

package/web/src/components/ui/tooltip.tsx

@@ -0,0 +1,66 @@
+"use client"
+
+import { Tooltip as TooltipPrimitive } from "@base-ui/react/tooltip"
+
+import { cn } from "@/lib/utils"
+
+function TooltipProvider({
+  delay = 0,
+  ...props
+}: TooltipPrimitive.Provider.Props) {
+  return (
+    <TooltipPrimitive.Provider
+      data-slot="tooltip-provider"
+      delay={delay}
+      {...props}
+    />
+  )
+}
+
+function Tooltip({ ...props }: TooltipPrimitive.Root.Props) {
+  return <TooltipPrimitive.Root data-slot="tooltip" {...props} />
+}
+
+function TooltipTrigger({ ...props }: TooltipPrimitive.Trigger.Props) {
+  return <TooltipPrimitive.Trigger data-slot="tooltip-trigger" {...props} />
+}
+
+function TooltipContent({
+  className,
+  side = "top",
+  sideOffset = 4,
+  align = "center",
+  alignOffset = 0,
+  children,
+  ...props
+}: TooltipPrimitive.Popup.Props &
+  Pick<
+    TooltipPrimitive.Positioner.Props,
+    "align" | "alignOffset" | "side" | "sideOffset"
+  >) {
+  return (
+    <TooltipPrimitive.Portal>
+      <TooltipPrimitive.Positioner
+        align={align}
+        alignOffset={alignOffset}
+        side={side}
+        sideOffset={sideOffset}
+        className="isolate z-50"
+      >
+        <TooltipPrimitive.Popup
+          data-slot="tooltip-content"
+          className={cn(
+            "z-50 inline-flex w-fit max-w-xs origin-(--transform-origin) items-center gap-1.5 rounded-md bg-foreground px-3 py-1.5 text-xs text-background has-data-[slot=kbd]:pr-1.5 data-[side=bottom]:slide-in-from-top-2 data-[side=inline-end]:slide-in-from-left-2 data-[side=inline-start]:slide-in-from-right-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 **:data-[slot=kbd]:relative **:data-[slot=kbd]:isolate **:data-[slot=kbd]:z-50 **:data-[slot=kbd]:rounded-sm data-[state=delayed-open]:animate-in data-[state=delayed-open]:fade-in-0 data-[state=delayed-open]:zoom-in-95 data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95 data-closed:animate-out data-closed:fade-out-0 data-closed:zoom-out-95",
+            className
+          )}
+          {...props}
+        >
+          {children}
+          <TooltipPrimitive.Arrow className="z-50 size-2.5 translate-y-[calc(-50%-2px)] rotate-45 rounded-[2px] bg-foreground fill-foreground data-[side=bottom]:top-1 data-[side=inline-end]:top-1/2! data-[side=inline-end]:-left-1 data-[side=inline-end]:-translate-y-1/2 data-[side=inline-start]:top-1/2! data-[side=inline-start]:-right-1 data-[side=inline-start]:-translate-y-1/2 data-[side=left]:top-1/2! data-[side=left]:-right-1 data-[side=left]:-translate-y-1/2 data-[side=right]:top-1/2! data-[side=right]:-left-1 data-[side=right]:-translate-y-1/2 data-[side=top]:-bottom-2.5" />
+        </TooltipPrimitive.Popup>
+      </TooltipPrimitive.Positioner>
+    </TooltipPrimitive.Portal>
+  )
+}
+
+export { Tooltip, TooltipTrigger, TooltipContent, TooltipProvider }

package/web/src/lib/db.ts

@@ -0,0 +1,81 @@
+import Database from "better-sqlite3";
+import path from "path";
+
+const DB_PATH = path.join(process.cwd(), "..", "data", "gossip.db");
+
+export function getDb(): Database.Database {
+  // Fresh connection each request so we always see the latest writes from the Python agent
+  const db = new Database(DB_PATH, { readonly: true });
+  db.pragma("journal_mode = WAL");
+  return db;
+}
+
+export interface Trade {
+  id: number;
+  timestamp: string;
+  ticker: string;
+  title: string;
+  category: string;
+  side: string;
+  action: string;
+  contracts: number;
+  entry_price: number;
+  cost: number;
+  fee: number;
+  estimated_prob: number;
+  edge: number;
+  confidence: string;
+  reasoning: string;
+  news_trigger: string;
+  sources: string;
+  settled: number;
+  outcome: string;
+  pnl: number;
+  exit_price: number | null;
+  exit_reasoning: string;
+}
+
+export interface Portfolio {
+  bankroll: number;
+  total_pnl: number;
+  total_trades: number;
+  wins: number;
+  losses: number;
+  updated_at: string;
+}
+
+export interface NewsArticle {
+  id: number;
+  timestamp: string;
+  source: string;
+  keyword: string;
+  title: string;
+  url: string;
+  snippet: string;
+}
+
+export interface MarketSnapshot {
+  id: number;
+  timestamp: string;
+  ticker: string;
+  title: string;
+  category: string;
+  yes_bid: number;
+  yes_ask: number;
+  mid: number;
+  volume: number;
+  open_interest: number;
+  close_time: string;
+}
+
+export interface AgentCycle {
+  id: number;
+  timestamp: string;
+  session_id: string;
+  duration_s: number;
+  status: string;
+  markets_scanned: number;
+  news_scraped: number;
+  trades_made: number;
+  output_summary: string;
+}

package/web/src/lib/types.ts

@@ -0,0 +1,130 @@
+export interface Portfolio {
+  bankroll: number;
+  total_pnl: number;
+  total_trades: number;
+  wins: number;
+  losses: number;
+  open_positions: Trade[];
+  total_news: number;
+  total_snapshots: number;
+  total_cycles: number;
+}
+
+export interface Trade {
+  id: number;
+  timestamp: string;
+  ticker: string;
+  title: string;
+  category: string;
+  side: string;
+  action: string;
+  contracts: number;
+  entry_price: number;
+  cost: number;
+  fee: number;
+  estimated_prob: number;
+  edge: number;
+  confidence: string;
+  reasoning: string;
+  news_trigger: string;
+  sources: string;
+  settled: number;
+  outcome: string;
+  pnl: number;
+  exit_price: number | null;
+  exit_reasoning: string;
+}
+
+export interface NewsArticle {
+  id: number;
+  timestamp: string;
+  source: string;
+  keyword: string;
+  title: string;
+  url: string;
+  snippet: string;
+  image?: string | null;
+}
+
+export interface Market {
+  id: number;
+  timestamp: string;
+  ticker: string;
+  title: string;
+  category: string;
+  yes_bid: number;
+  yes_ask: number;
+  mid: number;
+  volume: number;
+  open_interest: number;
+  close_time: string;
+}
+
+export interface AgentCycle {
+  id: number;
+  timestamp: string;
+  session_id: string;
+  duration_s: number;
+  status: string;
+  markets_scanned: number;
+  news_scraped: number;
+  trades_made: number;
+  output_summary: string;
+}
+
+export interface PositionPrice {
+  ticker: string;
+  title: string;
+  side: string;
+  contracts: number;
+  entry_price: number;
+  mark_price: number;
+  mid: number;
+  cost: number;
+  current_value: number;
+  unrealized_pnl: number;
+  pnl_pct: number;
+  status: string;
+  result: string;
+}
+
+export interface SocialPost {
+  id: string;
+  text: string;
+  author: string;
+  authorName: string;
+  authorImage?: string;
+  likes: number;
+  reposts: number;
+  replies?: number;
+  url: string;
+  timestamp: string;
+  platform: "twitter" | "truthsocial" | "reddit" | "tiktok";
+  images?: string[];
+  videoCover?: string;
+  videoDuration?: number;
+}
+
+export interface StreamLine {
+  type: string;
+  text?: string;
+  tool?: string;
+  input?: string;
+  result?: string;
+}
+
+export function kalshiUrl(ticker: string, title?: string): string {
+  const parts = ticker.split("-");
+  const event = parts[0].toLowerCase();
+  const full = ticker.toLowerCase();
+  const slug = title
+    ? title
+        .toLowerCase()
+        .replace(/[^a-z0-9\s-]/g, "")
+        .replace(/\s+/g, "-")
+        .replace(/-+/g, "-")
+        .replace(/^-|-$/g, "")
+        .slice(0, 60)
+    : event;
+  return `https://kalshi.com/markets/${event}/${slug}/${full}`;
+}

package/web/src/lib/utils.ts

@@ -0,0 +1,6 @@
+import { clsx, type ClassValue } from "clsx"
+import { twMerge } from "tailwind-merge"
+
+export function cn(...inputs: ClassValue[]) {
+  return twMerge(clsx(inputs))
+}

package/web/tsconfig.json

@@ -0,0 +1,34 @@
+{
+  "compilerOptions": {
+    "target": "ES2017",
+    "lib": ["dom", "dom.iterable", "esnext"],
+    "allowJs": true,
+    "skipLibCheck": true,
+    "strict": true,
+    "noEmit": true,
+    "esModuleInterop": true,
+    "module": "esnext",
+    "moduleResolution": "bundler",
+    "resolveJsonModule": true,
+    "isolatedModules": true,
+    "jsx": "react-jsx",
+    "incremental": true,
+    "plugins": [
+      {
+        "name": "next"
+      }
+    ],
+    "paths": {
+      "@/*": ["./src/*"]
+    }
+  },
+  "include": [
+    "next-env.d.ts",
+    "**/*.ts",
+    "**/*.tsx",
+    ".next/types/**/*.ts",
+    ".next/dev/types/**/*.ts",
+    "**/*.mts"
+  ],
+  "exclude": ["node_modules"]
+}