GovOPlaN/govoplan-dataflow
1
0
Fork 0
Code Issues 9 Pull Requests Actions Packages Projects Releases Wiki Activity

[Feature] Build the graphical node editor and SQL workbench #5

New Issue
Open
opened 2026-07-28 00:58:08 +02:00 by zemion · 2 comments
zemion commented 2026-07-28 00:58:08 +02:00
Owner
Copy Link

Parent: #1

Scope

Build a full-height Dataflow workspace with pipeline selection, a node palette, draggable canvas, connectable typed edges, node inspector, SQL editor, validation panel, and preview table. Graphical and SQL modes operate on the same canonical definition and make lossy conversion explicit.

Acceptance Criteria

  • Users can drag transforms onto the canvas, connect them, reposition them, select them, edit configuration, and delete them.
  • A visible connection preview/drop target makes edge creation clear.
  • SQL mode validates and compiles without losing the last saved graph on failure.
  • Save, discard, preview, loading, empty, error, conflict, and unsaved states are complete.
  • Keyboard access, focus handling, responsive sizing, and non-overlapping full-height layout are verified.
  • WebUI structure tests and a production TypeScript build pass.
Parent: https://git.add-ideas.de/GovOPlaN/govoplan-dataflow/issues/1 ## Scope Build a full-height Dataflow workspace with pipeline selection, a node palette, draggable canvas, connectable typed edges, node inspector, SQL editor, validation panel, and preview table. Graphical and SQL modes operate on the same canonical definition and make lossy conversion explicit. ## Acceptance Criteria - [x] Users can drag transforms onto the canvas, connect them, reposition them, select them, edit configuration, and delete them. - [x] A visible connection preview/drop target makes edge creation clear. - [x] SQL mode validates and compiles without losing the last saved graph on failure. - [x] Save, discard, preview, loading, empty, error, conflict, and unsaved states are complete. - [ ] Keyboard access, focus handling, responsive sizing, and non-overlapping full-height layout are verified. - [x] WebUI structure tests and a production TypeScript build pass.
zemion commented 2026-07-28 01:32:19 +02:00
Author
Owner
Copy Link

Codex State: progress

Summary

  • Implemented the full-height Dataflow workspace with pipeline selection, drag/drop node palette, connectable React Flow canvas, node inspector, SQL workbench, validation, bounded preview, conflict handling, save/discard/delete, and result diagnostics.

Changed Files

  • webui/src/features/dataflow
  • webui/src/api/dataflow.ts
  • webui/src/styles/dataflow.css

Verification

  • WebUI structure test, standalone TypeScript typecheck, Dataflow-only production build, and full-product build pass.

Next / Blocked

  • Run browser-level interaction, keyboard/focus, and responsive visual checks before closing this package.

Suggested status label: status/in-progress

## Codex State: progress ### Summary - Implemented the full-height Dataflow workspace with pipeline selection, drag/drop node palette, connectable React Flow canvas, node inspector, SQL workbench, validation, bounded preview, conflict handling, save/discard/delete, and result diagnostics. ### Changed Files - `webui/src/features/dataflow` - `webui/src/api/dataflow.ts` - `webui/src/styles/dataflow.css` ### Verification - `WebUI structure test, standalone TypeScript typecheck, Dataflow-only production build, and full-product build pass.` ### Next / Blocked - Run browser-level interaction, keyboard/focus, and responsive visual checks before closing this package. Suggested status label: `status/in-progress`
zemion commented 2026-07-28 11:18:40 +02:00
Author
Owner
Copy Link

Codex State: progress

Summary

  • The full-height editor now consumes the backend catalogue and groups reusable nodes under Load, Combine, Filter, Transform, and Output.
  • Typed/multi-input ports, join-side handles, cycle/fan-in checks, connector source selection, JSON/CSV import, node-specific inspectors, and preview lineage summaries are implemented.
  • TypeScript, structure tests, Dataflow-only builds, and full-product builds pass.

Verification

  • python -m unittest discover -s govoplan-connectors/tests (7 passed)
  • python -m unittest discover -s govoplan-dataflow/tests (24 passed)
  • tools/checks/check-contracts.sh (45 contracts passed)
  • tools/checks/check-focused.sh (core, module, API, and WebUI checks passed)
  • Composed JSON/CSV snapshot and connector-backed preview probe passed.

Next / Blocked

  • Keep open for focused keyboard/focus testing and desktop/mobile interaction screenshots against a running app.
## Codex State: progress ### Summary - The full-height editor now consumes the backend catalogue and groups reusable nodes under Load, Combine, Filter, Transform, and Output. - Typed/multi-input ports, join-side handles, cycle/fan-in checks, connector source selection, JSON/CSV import, node-specific inspectors, and preview lineage summaries are implemented. - TypeScript, structure tests, Dataflow-only builds, and full-product builds pass. ### Verification - `python -m unittest discover -s govoplan-connectors/tests` (7 passed) - `python -m unittest discover -s govoplan-dataflow/tests` (24 passed) - `tools/checks/check-contracts.sh` (45 contracts passed) - `tools/checks/check-focused.sh` (core, module, API, and WebUI checks passed) - Composed JSON/CSV snapshot and connector-backed preview probe passed. ### Next / Blocked - Keep open for focused keyboard/focus testing and desktop/mobile interaction screenshots against a running app.
Sign in to join this conversation.
No Branch/Tag Specified
Branches Tags
Labels
Clear labels
area/api
HTTP API contracts, routers, schemas, or API smoke behavior.
area/auth
Authentication, sessions, access bootstrap, or login behavior.
area/db
Database sessions, models, transactions, or persistence primitives.
area/devex
Local developer workflow, scripts, tests, tooling, or release helpers.
area/docs
Durable documentation and project guidance.
area/governance
Governance policy, audit, privacy, retention, or compliance behavior.
area/marketing
Public website, product messaging, publication copy, or legal page content.
area/migrations
Alembic migrations, schema bootstrap, or persistence evolution.
area/module-system
Module discovery, manifests, capabilities, routing, or optional integrations.
area/rbac
Permissions, roles, delegation, or authorization policy.
area/release
Versioning, release locks, tags, packaging, or dependency pins.
area/security
Security posture, static analysis, supply-chain hardening, or vulnerability remediation.
area/tenancy
Tenant boundaries, provisioning, or tenant-scoped data behavior.
area/webui
Shared WebUI shell, frontend components, routing, or frontend tests.
audit/complexity
Complexity finding from Radon, Xenon, or equivalent maintainability scans.
audit/duplication
Duplicated-code finding from jscpd or equivalent similarity scans.
audit/false-positive
Audit finding reviewed as a narrow false positive or acceptable risk.
audit/needs-design
Audit finding that needs an architectural or product decision before implementation.
audit/quick-fix
Audit finding that appears narrow and directly fixable.
audit/structural
Audit finding that needs design, refactoring, or behavior review.
codex/needs-human
Needs an explicit human decision before Codex should implement.
codex/ready
Suitable for Codex to pick up with the existing issue context.
module/access
GovOPlaN access, identity, authentication, RBAC, and administration behavior.
module/addresses
GovOPlaN Addresses module behavior or integration.
module/admin
GovOPlaN Admin module behavior or integration.
module/appointments
GovOPlaN Appointments module behavior or integration.
module/audit
GovOPlaN Audit module behavior or integration.
module/calendar
GovOPlaN Calendar module behavior or integration.
module/campaign
GovOPlaN campaign module behavior or integration.
module/cases
GovOPlaN Cases module behavior or integration.
module/connectors
GovOPlaN Connectors module behavior or integration.
module/core
GovOPlaN core runner, shared primitives, shell, or extension points.
module/dataflow
GovOPlaN Dataflow module behavior or integration.
module/datasources
GovOPlaN governed datasource contracts, catalogs, and integrations.
module/dist-lists
GovOPlaN Distribution Lists module behavior or integration.
module/dms
GovOPlaN Dms module behavior or integration.
module/erp
GovOPlaN Erp module behavior or integration.
module/evaluation
GovOPlaN Evaluation module behavior or integration.
module/files
GovOPlaN files module behavior or integration.
module/fit-connect
GovOPlaN Fit Connect module behavior or integration.
module/forms
GovOPlaN Forms module behavior or integration.
module/identity
GovOPlaN Identity module behavior or integration.
module/identity-trust
GovOPlaN Identity Trust module behavior or integration.
module/idm
GovOPlaN Idm module behavior or integration.
module/ledger
GovOPlaN Ledger module behavior or integration.
module/mail
GovOPlaN mail module behavior or integration.
module/notifications
GovOPlaN Notifications module behavior or integration.
module/ops
GovOPlaN Ops module behavior or integration.
module/organizations
GovOPlaN Organizations module behavior or integration.
module/payments
GovOPlaN Payments module behavior or integration.
module/permits
GovOPlaN Permits module behavior or integration.
module/policy
GovOPlaN Policy module behavior or integration.
module/poll
GovOPlaN Poll module behavior or integration.
module/portal
GovOPlaN Portal module behavior or integration.
module/postbox
GovOPlaN Postbox module behavior or integration.
module/reporting
GovOPlaN Reporting module behavior or integration.
module/risk-compliance
GovOPlaN Risk Compliance module behavior or integration.
module/scheduling
GovOPlaN Scheduling module behavior or integration.
module/search
GovOPlaN Search module behavior or integration.
module/tasks
GovOPlaN Tasks module behavior or integration.
module/templates
GovOPlaN Templates module behavior or integration.
module/tenancy
GovOPlaN Tenancy module behavior or integration.
module/views
GovOPlaN governed task views, interface projections, and workflow view integration.
module/workflow
GovOPlaN Workflow module behavior or integration.
module/xoev
GovOPlaN Xoev module behavior or integration.
module/xrechnung
GovOPlaN Xrechnung module behavior or integration.
module/xta-osci
GovOPlaN Xta Osci module behavior or integration.
priority
p0
Immediate stop-the-line priority.
priority
p1
High priority for the next focused work window.
priority
p2
Normal planned priority.
priority
p3
Low priority or opportunistic cleanup.
source/backlog-import
Imported from markdown backlog, roadmap, plan, or TODO files.
source/security-audit
Created from a structured security or code-quality audit report.
source/todo-scan
Imported from inline TODO/FIXME/HACK markers by the Gitea TODO importer.
status
blocked
Cannot progress without a decision, dependency, credential, or external change.
status
in-progress
Currently being worked.
status
needs-info
Needs clarifying input before implementation can proceed safely.
status
ready
Ready for implementation.
status
triage
Needs review, ownership, priority, or acceptance criteria.
type
bug
A reproducible defect, regression, or incorrect behavior.
type
debt
Cleanup, refactoring, risk reduction, or deferred engineering work.
type
docs
Documentation, process, or developer workflow work.
type
feature
New user-visible behavior or platform capability.
type
task
Implementation, maintenance, migration, or operational work.
type
user-story
End-to-end user journey or real-world process story used to steer product slices.
No Label
area/webui
codex/ready
module/dataflow
priority
p1
status
in-progress
type
feature
Milestone
No items
No Milestone
Projects
Clear projects
No project
Assignees
Clear assignees
zemion
No Assignees
1 Participants
Notifications
Due Date
No due date set.
Dependencies

No dependencies set.

Reference: GovOPlaN/govoplan-dataflow#5
No description provided.
Delete Branch "%!s()"

Deleting a branch is permanent. Although the deleted branch may continue to exist for a short time before it actually gets removed, it CANNOT be undone in most cases. Continue?