explaingit

qqqqqf-q/how-i-built-arkloop-with-flowchat

Analysis updated 2026-06-24

11Audience · pm founderComplexity · 1/5Setup · easy

TLDR

A Chinese-language transcript of the author's AI-assisted design sessions for adding a FlowChat-style branching graph view to the Arkloop AI client.

Mindmap

mindmap
  root((arkloop-flowchat-log))
    Inputs
      Chat transcripts
      Arkloop schema notes
      FlowChat references
    Outputs
      Design decisions
      Backend gap list
      Frontend plan
    Use Cases
      Study AI pair-design
      Plan branching UIs
      Document feature work
    Tech Stack
      Markdown
      Chinese text
Click or tap to explore — scroll the page freely

Code map

Detail Auto

An interactive map of this repo's files and how they connect — its source is parsed live in your browser. Click Visualize to build it.

filefunction / class

What do people build with it?

USE CASE 1

Study how an AI pair helped design a branching chat UI

USE CASE 2

Borrow the thread-versus-graph data model split for your own chat app

USE CASE 3

Reference the backend gap list when forking conversation threads

USE CASE 4

See a worked example of scoping FlowChat-style features against an existing schema

What is it built with?

Markdown

How does it compare?

qqqqqf-q/how-i-built-arkloop-with-flowchat100rabhg/railswatch1mike-af/va
Stars111111
LanguageRuby
Setup difficultyeasyeasyeasy
Complexity1/52/51/5
Audiencepm founderdevelopergeneral

Figures from each repo's GitHub metadata at analysis time.

How do you get it running?

Difficulty · easy Time to first run · 5min

It is a documentation repo in Chinese with no code to run.

In plain English

This repository is not software in the usual sense. It is a transcript, in Chinese, of the real conversations the author had with an AI assistant while planning a new feature for another project called Arkloop. Arkloop is described as an open-source AI agent client. The author wanted to fold ideas from a separate side project called FlowChat into Arkloop, and the chat logs here capture the back and forth that led to a design. The README explains that only the author's prompts and the AI's replies were kept. Tool calls and intermediate reasoning steps were stripped out. The discussion centres on how to replace Arkloop's existing Retry and Fork actions with something more visual, in the style of FlowChat, which lays a conversation out as a branching graph. A large part of the transcript is about where to draw the line between back-end and front-end work. The author and the AI agree that Arkloop's back end already has thread-level fork support, with fields like parent_thread_id and branched_from_message_id and a fork endpoint that copies messages up to a chosen point. So instead of rewriting the back end into a message-level graph, the plan is to add a new tab in the right panel that draws the branch graph, while keeping threads as the underlying execution unit. Later rounds refine that idea. Clicking a message in the main chat view should show history only up to that point, and continuing to send messages from there should automatically create a new forked thread rather than overwriting the old one. The transcript also lists the small back-end gaps that still need filling, such as exposing branched_from_message_id on thread responses, returning a thread family graph, and stabilising message ordering with a thread_seq field. The last section drives at a cleaner split. The back end keeps threads and messages as storage and execution. A new conversation_graph layer is added so the front end can render a true FlowChat-style message graph without the back end being rewritten. The repository serves as a record of how that decision was reached.

Copy-paste prompts

Prompt 1
Summarize the Arkloop backend changes proposed in this transcript in English
Prompt 2
Walk me through the thread fork model versus the conversation_graph layer
Prompt 3
Help me port the FlowChat branching view idea into my own chat client
Prompt 4
Translate the small backend gaps section into a concrete task list
Prompt 5
Generate a sequence diagram for the message-click forking flow described here

Frequently asked questions

What is how-i-built-arkloop-with-flowchat?

A Chinese-language transcript of the author's AI-assisted design sessions for adding a FlowChat-style branching graph view to the Arkloop AI client.

How hard is how-i-built-arkloop-with-flowchat to set up?

Setup difficulty is rated easy, with roughly 5min to a first successful run.

Who is how-i-built-arkloop-with-flowchat for?

Mainly pm founder.

Open on GitHub → Explain another repo

This repo across BitVibe Labs

Verify against the repo before relying on details.