Skip to content

Feat/phase 1 code to architecture#32

Closed
Vrun-design wants to merge 10 commits intomainfrom
feat/phase-1-code-to-architecture
Closed

Feat/phase 1 code to architecture#32
Vrun-design wants to merge 10 commits intomainfrom
feat/phase-1-code-to-architecture

Conversation

@Vrun-design
Copy link
Copy Markdown
Owner

No description provided.

Vrun-design and others added 9 commits March 19, 2026 13:19
…nvas

- Add 'From Code' tab in FlowPilot: paste any source code (TS/JS/Python/Go/Java/Ruby/C#/C++/Rust) or upload a file and FlowPilot generates an architecture diagram on the canvas (codeToArchitectureV1 flag)
- Add Live Sync toggle to Code panel: valid DSL edits auto-apply to canvas after 800ms debounce (mermaidSyncV1 flag enabled)
- Fix Code panel docs link to https://docs.openflowkit.com
- Wire handleCodeAnalysis through useAIGeneration → panelProps → FlowEditorPanels → StudioPanel → StudioAIPanel

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
… tab

- Node/edge clicks never auto-exit studio mode; user stays in FlowPilot or Code while clicking around the canvas freely
- Add 'Node selected → Properties' indicator in Studio header so user can intentionally switch to properties when needed
- Remove Playback from Studio tabs — it doesn't belong alongside editing tools; accessible via Play button
- Update shouldExitStudioOnSelection to always return false
- Update tests to reflect new intended behavior

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
…API→Sequence

Adds an Import tab to the Studio AI panel with three new input modes, each
feeding through the existing prompt→DSL→ELK pipeline with no new auth or
infrastructure required.

New prompt builders:
- sqlToErd: CREATE TABLE statements → ER diagram with FK relationships
- terraformToCloud: HCL / K8s YAML / Docker Compose → cloud architecture
- openApiToSequence: OpenAPI/Swagger spec → API sequence flow

UX changes also included in this commit:
- Edge label double-click inline editing
- Connection line snap ring with endpoint dot that grows on approach
- Self-loop guard in isValidConnection
- Selection marquee Figma-style styling
- Handle visibility refined (opacity-0 at rest, appear on hover)
- ELK edge corner radius bumped to 20px for rounder bends
- Background dot opacity reduced to 0.35 for subtlety
- Keyboard shortcuts: copy/paste/nudge/clear-selection

Tests: 640 passing, 0 failing. TSC clean.

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
…tcuts, canvas basics

- New page: import-from-data covers SQL DDL→ERD, Terraform/K8s→Cloud,
  OpenAPI→Sequence with examples and tips
- ai-generation: add Import tab to the panel overview table, link to new page
- keyboard-shortcuts: add Shift+Arrow nudge (10px) and Escape clear-selection
- canvas-basics: document snap ring on connect, edge label double-click edit,
  drop-on-empty-canvas to create+connect

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
…b README support

Adds a standalone read-only diagram viewer at /#/view?flow=BASE64_DSL.
Users encode any OpenFlow DSL as a base64 URL param and link to it from
GitHub READMEs, docs, or anywhere — the viewer parses the DSL, runs ELK
layout, and renders a full interactive (pan/zoom) read-only canvas.

- DiagramViewer component: lazy-loaded, uses existing parseDslOrThrow +
  getElkLayout + flowCanvasNodeTypes/edgeTypes — no new infrastructure
- Route registered in App.tsx outside MobileGate (viewer works on all screens)
- encodeDslForViewer() helper exported for programmatic URL generation
- Docs: github-embed.md with step-by-step README embed guide

Multiplayer audit: collaboration stack (Yjs WebRTC, presence overlay,
share modal, top-nav avatars) was already fully implemented and wired —
collaborationV1 flag is defaultEnabled: true, all 13 collab tests pass.

Tests: 640 passing. TSC clean.

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
…esign, cinematic reveal fade-in

- 3-path WelcomeModal (template / import / blank canvas) with route state wiring
- AI panel inline key setup card (no Settings redirect needed)
- Export menu redesigned with grouped sections (Image, Video, Code, Share)
- Cinematic reveal animation: node fade-in (opacity 0.3→0.6→1.0 per wave), white BG
- README embed button in export panel (copies Markdown snippet)
- Mobile gate copy warmed up
- README updated with new features and current model names

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
@cloudflare-workers-and-pages
Copy link
Copy Markdown

cloudflare-workers-and-pages bot commented Mar 27, 2026

Deploying openflowkit-docs with  Cloudflare Pages  Cloudflare Pages

Latest commit: fb4302a
Status: ✅  Deploy successful!
Preview URL: https://539370a7.openflowkit-docs.pages.dev
Branch Preview URL: https://feat-phase-1-code-to-archite.openflowkit-docs.pages.dev

View logs

@cloudflare-workers-and-pages
Copy link
Copy Markdown

Deploying openflowkit-app with  Cloudflare Pages  Cloudflare Pages

Latest commit: 428e69e
Status: ✅  Deploy successful!
Preview URL: https://a5b60b13.openflowkit-app.pages.dev
Branch Preview URL: https://feat-phase-1-code-to-archite.openflowkit-app.pages.dev

View logs

@cloudflare-workers-and-pages
Copy link
Copy Markdown

cloudflare-workers-and-pages bot commented Mar 27, 2026

Deploying openflowkit-www with  Cloudflare Pages  Cloudflare Pages

Latest commit: fb4302a
Status:⚡️  Build in progress...

View logs

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant