feat: add function list table with data layer

Wire FunctionsListPage to live data sources: a
SourceControlService fetching repos from GitHub via
Octokit and a ClusterService watching K8s Deployments
via the OCP SDK. The page hook merges both into a
unified list, deriving deployment status from K8s
conditions.

Add FunctionTable component with PatternFly columns
for name, runtime, status, URL, replicas, and a kebab
actions menu. Add placeholder Create and Edit pages
with route registrations.

Co-Authored-By: Claude <noreply@anthropic.com>
Signed-off-by: Stanislav Jakuschevskij <sjakusch@redhat.com>

Author: twoGiants

.claude/commands/init-session.md

@@ -10,19 +10,14 @@ Execute the startup sequence from `docs/WORKFLOW.md`. AGENTS.md is always in con
 ## Steps
 
 1. **Confirm working directory** — run `pwd`.
-
 2. **Orient** — read `docs/claude-progress.txt` (only the last 3 days of entries matter) and run:
 
    ```bash
    git log --oneline --since="3 days ago"
    ```
 
 3. **Check struggles** — read `docs/agent-struggles.json`. If unresolved entries exist, present to user.
-
 4. **Pick feature** — read `docs/features.json`, find first `"passes": false` entry.
-
 5. **Start dev env** — run `./init.sh`.
-
 6. **Run tests** — run `yarn test` and verify app is healthy.
-
 7. **Wait** — tell the user you're oriented, report the picked feature and which step of the Feature Development Sequence you'd start at. When the user says to proceed, follow the Feature Development Sequence in `docs/WORKFLOW.md` step by step. Do NOT start any work autonomously.

.vscode/settings.json

@@ -1,6 +1,6 @@
 {
   "typescript.tsdk": "./node_modules/typescript/lib",
-  "editor.formatOnSave": false,
+  "editor.formatOnSave": true,
   "editor.codeActionsOnSave": {
     "source.fixAll.eslint": "explicit",
     "source.fixAll.ts": "explicit"

console-extensions.json

@@ -23,5 +23,19 @@
       "path": "/functions",
       "component": { "$codeRef": "FunctionsListPage" }
     }
+  },
+  {
+    "type": "console.page/route",
+    "properties": {
+      "path": "/functions/create",
+      "component": { "$codeRef": "FunctionCreatePage" }
+    }
+  },
+  {
+    "type": "console.page/route",
+    "properties": {
+      "path": "/functions/edit/:name",
+      "component": { "$codeRef": "FunctionEditPage" }
+    }
   }
 ]

docs/design/2026-03-16-faas-poc-design.md

@@ -356,7 +356,7 @@ interface FunctionListItem {
 }
 ```
 
-Merge logic: iterate repos (source of truth), find matching deployment by name. Deployed functions get cluster status; undeployed functions get `status: 'NotDeployed'`. The merge function (`mergeFunctionData`) is pure and tested separately.
+Merge logic: iterate repos (source of truth), find matching deployment by name. Deployed functions get cluster status; undeployed functions get `status: 'NotDeployed'`. The merge function (`mergeFunctionData`) is pure, an implementation detail and tested via unit tests for `useFunctionsList` hook or the calling view.
 
 ---
 

docs/features.json

@@ -35,12 +35,15 @@
     "category": "functional",
     "description": "Function List Page renders a table with function entries",
     "steps": [
-      "Navigate to /functions route",
-      "Table renders with columns: name, runtime, status, url, replicas, actions",
-      "Each row displays function data from hardcoded real API responses",
-      "URL column shows shortened clickable link",
-      "Clicking function row or edit action button redirects to /functions/edit/:name",
-      "Actions column has edit and delete icon buttons"
+      "SourceControlService lists function repos via Octokit (topic:serverless-function) and fetches func.yaml per repo for runtime",
+      "ClusterService watches Deployments with label function.knative.dev/name via useK8sWatchResource, maps to DeployedFunction[]",
+      "useFunctionListPage hook merges repos + deployments into FunctionListItem[] (repos are source of truth, undeployed get NotDeployed status)",
+      "Table renders with columns: name, runtime, status, url, replicas, actions using PatternFly clickable rows",
+      "Status column uses SDK components: SuccessStatus (Running), ProgressStatus (Deploying/CreatingRepo/Pushing/PushedToGitHub), ErrorStatus (Error), InfoStatus (ScaledToZero/NotDeployed), StatusIconAndText+YellowExclamationTriangleIcon (Unknown)",
+      "URL column shows hostname-only clickable link opening in new tab",
+      "Clicking function row or edit action navigates to /functions/edit/:name",
+      "Delete action uses SDK useDeleteModal with custom message and Undeploy button text",
+      "Empty state renders when no functions exist, spinner while loading"
     ],
     "passes": false
   },