ENG-1605: Initial skeleton website/layout by sid597 · Pull Request #934 · DiscourseGraphs/discourse-graph

sid597 · 2026-04-01T15:17:13Z

Non-functional skeleton matching the mockup for the extract-nodes tool. Uses (extract) route group with own root layout, two-panel Sidebar + MainContent. All data hardcoded — no wiring or functionality.

linear · 2026-04-01T15:17:17Z

ENG-1605 Initial skeleton website/layout

supabase · 2026-04-01T15:17:20Z

This pull request has been ignored for the connected project zytfjzqyijgagqxrzbmz because there are no changes detected in packages/database/supabase directory. You can change this behaviour in Project Integrations Settings ↗︎.

Preview Branches by Supabase.
Learn more about Supabase Branching ↗︎.

The border-border class from shadcn globals.css is not defined in the extract layout's Tailwind context. The (home) layout doesn't import it either — not needed for this skeleton.

- Remove <html> and <body> from (extract) layout — root layout already provides these. Matches (home) layout pattern. - Align TABS counts and footer text with actual SAMPLE_NODES data (6 items: 3 CLM + 3 EVD).

- Add shadcn Button, Badge, Checkbox to @repo/ui - Rewrite Sidebar: use Checkbox, Button; node types now match discourse graph ontology (CLM, QUE, HYP, EVD, RES, SRC, THE) with candidateTag field per ENG-1603 spec shape - Rewrite MainContent: use Badge for type labels, Checkbox for selection, Button for actions - Remove prototype node types (EXP, MTD, PAT, CON, ISS, ART) that don't exist in the ontology

Align shadcn-generated code with repo conventions: interface → type, function → arrow, prettier formatting.

Sidebar: NODE_TYPES with all ENG-1603 fields (label, description, candidateTag, color) colocated in component. MainContent: SAMPLE_NODES with all ENG-1601 fields (nodeType, content, supportSnippet, sourceSection) colocated in component. supportSnippet shown inline. Colors looked up from nodeType. Removed sampleData.ts — shared types will be a Zod schema later.

- All 7 node types checked in sidebar - Sample extracted nodes for every type (claim, evidence, question, hypothesis, result, source, theory) - First 2 cards show expanded supportSnippet, rest collapsed - Buttons use explicit dark gradient instead of shadcn theme

Use Button from @repo/ui with className overrides for slate-900 dark theme instead of raw HTML buttons.

Sidebar: shadcn Checkbox replaces custom colored checkboxes. MainContent: Card+CardContent for result cards, Badge for filter tabs, Checkbox for selection, Button variant=ghost for show/hide details. Colored inline style only on the nodeType pill in each result card.

mdroidian · 2026-04-03T16:31:00Z

apps/website/app/(extract)/extract-nodes/components/MainContent.tsx

+  })),
+];
+
+// eslint-disable-next-line @typescript-eslint/naming-convention


This shouldn't be required anymore

mdroidian · 2026-04-03T16:31:09Z

apps/website/app/(extract)/extract-nodes/components/Sidebar.tsx

+const SECTION_LABEL_CLASS =
+  "mb-3 block px-1 text-[18px] font-semibold tracking-[-0.016em] text-slate-800";
+
+// eslint-disable-next-line @typescript-eslint/naming-convention


This shouldn't be required anymore

mdroidian · 2026-04-03T16:31:50Z

packages/ui/src/components/ui/badge.tsx

+type BadgeProps = React.HTMLAttributes<HTMLDivElement> &
+  VariantProps<typeof badgeVariants>;
+
+// eslint-disable-next-line @typescript-eslint/naming-convention


This shouldn't be required anymore

mdroidian · 2026-04-03T16:31:56Z

packages/ui/src/components/ui/button.tsx

+    asChild?: boolean;
+  };
+
+// eslint-disable-next-line @typescript-eslint/naming-convention


This shouldn't be required anymore

[ENG-1605] Add /extract-nodes skeleton page

4da613e

Non-functional skeleton matching the mockup for the extract-nodes tool. Uses (extract) route group with own root layout, two-panel Sidebar + MainContent. All data hardcoded — no wiring or functionality.

Remove @repo/ui/globals.css import from extract layout

91d5560

The border-border class from shadcn globals.css is not defined in the extract layout's Tailwind context. The (home) layout doesn't import it either — not needed for this skeleton.