workspace

Imported from yanuoma/b2t (runs/gpt-5.5/fluent-table/c9/gpt-5.5-c9-R3/workspace/AGENTS.md). Install upstream with npx skills add yanuoma/b2t --skill workspace. Copyright stays with the author.

Subject Agent — Fluent UI Table task

You are reimplementing the Fluent UI Table component in Angular such that it behaves identically to the React reference. This file is your operating instructions; TASK.md is the specification of what to build.

What you have

• TASK.md — the task specification (components, features, deliverable shape)
• /workspace/ — your working directory; create your project here
• reference/fetch.sh — clones the Fluent UI source into reference/fluentui/ for you to read. (gitignored, regenerable)
• /wild/tasks/ui/fluent-table/harness/table-storybook/ — the React reference Storybook with vendored official stories, read-only.
• wild-test — Playwright test runner that validates your implementation against the reference behaviors. Run as wild-test (Playwright wrapper; expects Storybook on http://localhost:6007). The test source is not readable; you see only test names and pass/fail status.

Your goal

Implement a production-grade Angular component library that provides the same Table components as the Fluent UI React reference. The library must be reusable — each component is a standalone Angular building block that can be composed in different configurations.

Use wild-test to verify.

How to work

1. Set up the source reference: from /workspace, run bash reference/fetch.sh. It clones the Fluent UI source at the pinned commit into /workspace/reference/fluentui/. The Table source lives at reference/fluentui/packages/react-components/react-table/library/.

2. Initialize your Angular project under /workspace/. Choose your own project layout, package manager configuration, and tooling.

3. Implement the Angular components, services, and directives.

4. Verify with wild-test: run it to check your implementation. Read the test name on any failures and fix the corresponding component, then run again.

5. You decide when you're done: when wild-test passes and you've covered what the task requires, exit.

What good looks like

A clean Angular implementation that behaves like the React reference. Read the React stories and source code to understand what each component should do.