@robosystems/core 0.5.0 → 0.5.1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@robosystems/core",
-  "version": "0.5.0",
+  "version": "0.5.1",
   "description": "Shared RoboSystems frontend core library (auth, contexts, task monitoring, UI components) for the RoboSystems Next.js apps",
   "license": "MIT",
   "private": false,

package/research/CoverageBrowser.d.ts

@@ -0,0 +1,19 @@
+import type { CoverageItem } from './types';
+export interface CoverageBrowserProps {
+    items: CoverageItem[];
+    /** Base path for card links, forwarded to the grid (defaults to /research). */
+    hrefBase?: string;
+    /** Override the search box placeholder. */
+    placeholder?: string;
+}
+/**
+ * The research listing with a live client-side filter above it. A drop-in
+ * replacement for {@link CoverageGrid}: the full grid renders on first paint
+ * (so the server-rendered SEO page keeps every card in its HTML), and typing
+ * narrows it in the browser. Matches ticker, company, title, and tags —
+ * someone who types "Green Thumb" finds GTBIF without knowing the symbol.
+ *
+ * Filtering the whole in-memory catalog is fine at this scale; when the
+ * catalog outgrows a single fetch this is where server-backed search slots in.
+ */
+export declare function CoverageBrowser({ items, hrefBase, placeholder, }: CoverageBrowserProps): import("react").JSX.Element;

package/research/CoverageBrowser.js

@@ -0,0 +1,35 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { TextInput } from 'flowbite-react';
+import { useMemo, useState } from 'react';
+import { HiSearch } from 'react-icons/hi';
+import { CoverageGrid } from './CoverageGrid';
+/**
+ * The research listing with a live client-side filter above it. A drop-in
+ * replacement for {@link CoverageGrid}: the full grid renders on first paint
+ * (so the server-rendered SEO page keeps every card in its HTML), and typing
+ * narrows it in the browser. Matches ticker, company, title, and tags —
+ * someone who types "Green Thumb" finds GTBIF without knowing the symbol.
+ *
+ * Filtering the whole in-memory catalog is fine at this scale; when the
+ * catalog outgrows a single fetch this is where server-backed search slots in.
+ */
+export function CoverageBrowser({ items, hrefBase, placeholder = 'Search by ticker, company, or title…', }) {
+    const [query, setQuery] = useState('');
+    const filtered = useMemo(() => {
+        const term = query.trim().toLowerCase();
+        if (!term)
+            return items;
+        return items.filter((item) => item.ticker.toLowerCase().includes(term) ||
+            item.company.toLowerCase().includes(term) ||
+            item.title.toLowerCase().includes(term) ||
+            item.tags.some((tag) => tag.toLowerCase().includes(term)));
+    }, [items, query]);
+    // Empty catalog: let the grid render its own "no coverage yet" state, no
+    // point showing a search box over nothing.
+    if (!items.length) {
+        return _jsx(CoverageGrid, { items: items, hrefBase: hrefBase });
+    }
+    const term = query.trim();
+    return (_jsxs("div", { className: "space-y-6", children: [_jsx(TextInput, { icon: HiSearch, type: "search", value: query, onChange: (e) => setQuery(e.target.value), placeholder: placeholder, "aria-label": "Search research" }), term && filtered.length === 0 ? (_jsxs("p", { className: "py-12 text-center text-gray-500 dark:text-gray-400", children: ["No results for \u201C", term, "\u201D."] })) : (_jsx(CoverageGrid, { items: filtered, hrefBase: hrefBase }))] }));
+}

package/research/index.d.ts

@@ -1,4 +1,5 @@
 export { CATALOG_URL, fetchBrief, fetchCatalog, getAllCoverage, getCoverage, getCoverageTickers, youtubeId, } from './catalog';
+export { CoverageBrowser, type CoverageBrowserProps } from './CoverageBrowser';
 export { CoverageCard } from './CoverageCard';
 export { CoverageGrid } from './CoverageGrid';
 export { CoverageHistory } from './CoverageHistory';

package/research/index.js

@@ -2,6 +2,7 @@
 // roboinvestor-app (logged-in). Data layer reads the S3 catalog produced by
 // robosystems-content-machine; components render the coverage + continuing-coverage thread.
 export { CATALOG_URL, fetchBrief, fetchCatalog, getAllCoverage, getCoverage, getCoverageTickers, youtubeId, } from './catalog';
+export { CoverageBrowser } from './CoverageBrowser';
 export { CoverageCard } from './CoverageCard';
 export { CoverageGrid } from './CoverageGrid';
 export { CoverageHistory } from './CoverageHistory';