// Research feed — no endpoint yet (V1.1). Render empty state.

// React hooks (Babel-standalone — make hooks visible per-script)
const { useState, useEffect, useRef, useMemo, useCallback, createContext, useContext } = React;

function ResearchFeed() {
  return (
    <div style={{ padding: 16, display: "flex", flexDirection: "column", gap: 12, height: "100%" }}>
      <div style={{ display: "flex", alignItems: "baseline", gap: 12 }}>
        <h2 style={{ margin: 0, fontSize: 18, fontWeight: 500 }}>Research feed</h2>
      </div>
      <Card style={{ flex: 1, display: "flex", alignItems: "center", justifyContent: "center" }}>
        <EmptyState
          icon="Rss"
          title="Research feed will populate once the Research Agent has run."
          hint="Endpoint coming in V1.1."
        />
      </Card>
    </div>
  );
}

Object.assign(window, { ResearchFeed });