alembic 0.1.0 → 0.2.0

data/app/views/alembic/manage/pages/index.html.erb

@@ -11,9 +11,12 @@
 
   <%= ui_section(title: "Create a page") do %>
     <%= ui_form(action: alembic.manage_pages_path, method: :post) do %>
-      <label class="block text-sm font-medium mb-1">Name</label>
+      <label class="ks-label mb-1">Name</label>
       <%= ui_input(name: "page[name]", placeholder: "e.g. Welcome") %>
 
+      <label class="ks-label mb-1">Address</label>
+      <%= ui_input(name: "page[slug]", placeholder: "e.g. welcome") %>
+
       <%= ui_button(label: "Create", type: :submit, variant: :secondary) %>
     <% end %>
   <% end %>

data/app/views/alembic/manage/pages/show.html.erb

@@ -4,7 +4,13 @@
   <%= javascript_include_tag "alembic/page_builder", defer: true %>
 <% end %>
 
-<%= react_ui("alembic/page-builder", @payload.merge(token: form_authenticity_token)) %>
+<%= ui_form(action: alembic.publish_manage_page_path(@page), method: :post) do %>
+  <%= ui_button(label: "Publish", type: :submit, variant: :secondary) %>
+<% end %>
+
+<%= ui_panel do %>
+  <%= react_ui("alembic/page-builder", @payload.merge(token: form_authenticity_token)) %>
+<% end %>
 
 <%= block_contents(@page.blocks) do |block| %>
   <%= render "alembic/manage/pages/block_content", block: block %>

data/app/views/alembic/pages/show.html.erb

@@ -0,0 +1,5 @@
+<% content_for :head do %>
+  <%= stylesheet_link_tag "ks_blocks" %>
+<% end %>
+
+<%= drawn_page(@page) %>

data/config/routes.rb

@@ -1,6 +1,7 @@
 Alembic::Engine.routes.draw do
   namespace :manage do
     resources :pages, only: [ :index, :create, :show ] do
+      post "publish", on: :member
       get "layout", to: "page_blocks#layout", as: :layout
       post "blocks", to: "page_blocks#add_block", as: :blocks
       patch "blocks", to: "page_blocks#place_blocks"
@@ -8,35 +9,23 @@ Alembic::Engine.routes.draw do
       delete "blocks/:block_id", to: "page_blocks#remove_block", as: :block
     end
 
-    resources :flows, only: [ :index, :create, :show, :edit, :update, :destroy ] do
-      resource :definition, only: [ :edit, :update ]
+    resources :flows, only: [ :edit, :update ] do
       resource :preview, only: :show, controller: "previews" do
         get :step
       end
-      resources :versions, only: :index do
-        post :return, on: :member
-      end
-
-      resource :canvas, only: :show, controller: "canvas" do
-        post   "steps",       action: :add_step
-        patch  "steps/:step", action: :configure_step
-        delete "steps/:step",      action: :remove_step
-        patch  "steps/:step/move", action: :move_step
-        post   "versions",    action: :create
-        post   "publish",     action: :publish
-        patch  "details",     action: :details
-        post   "undo",        action: :undo
-        post   "redo",        action: :redo
-        post   "edges",       action: :connect
-        delete "edges",       action: :disconnect
-      end
     end
   end
 
+  constraints(->(request) { request.path_info.match?(%r{\A/manage/flows(/|\z)}) }) do
+    mount EasyFlow::Engine, at: "/", defaults: { easy_flow_host: Alembic::FLOW_HOST.to_s }
+  end
+
   post ":slug/runs", to: "flows#start", as: :flow_runs
   get "runs/:id", to: "flows#step", as: :run
   patch "runs/:id", to: "flows#update"
 
+  get "pages/:slug", to: "pages#show", as: :page
+
   get ":slug", to: "flows#show", as: :flow
   get ":slug/step", to: "flows#step", as: :flow_step
 end

data/db/migrate/20260825224538_remove_published_version_from_alembic_diagnostics.rb

@@ -1,5 +1,25 @@
 class RemovePublishedVersionFromAlembicDiagnostics < ActiveRecord::Migration[8.1]
-  def change
+  class Diagnostic < ActiveRecord::Base
+    self.table_name = "alembic_diagnostics"
+  end
+
+  class DefinitionVersion < ActiveRecord::Base
+    self.table_name = "alembic_definition_versions"
+  end
+
+  def up
+    [ Diagnostic, DefinitionVersion ].each(&:reset_column_information)
+    DefinitionVersion.where(id: Diagnostic.where.not(published_version_id: nil).select(:published_version_id)).update_all(status: "live")
+
     remove_reference :alembic_diagnostics, :published_version, foreign_key: { to_table: :alembic_definition_versions }
   end
+
+  def down
+    add_reference :alembic_diagnostics, :published_version, foreign_key: { to_table: :alembic_definition_versions }
+
+    [ Diagnostic, DefinitionVersion ].each(&:reset_column_information)
+    DefinitionVersion.where(status: "live").find_each do |version|
+      Diagnostic.where(id: version.diagnostic_id).update_all(published_version_id: version.id)
+    end
+  end
 end

data/db/migrate/20260922120000_add_slug_to_alembic_pages.rb

@@ -0,0 +1,6 @@
+class AddSlugToAlembicPages < ActiveRecord::Migration[8.1]
+  def change
+    add_column :alembic_pages, :slug, :string
+    add_index :alembic_pages, :slug, unique: true
+  end
+end

data/db/migrate/20260922130000_create_alembic_page_versions.rb

@@ -0,0 +1,16 @@
+class CreateAlembicPageVersions < ActiveRecord::Migration[8.1]
+  def change
+    create_table :alembic_page_versions do |t|
+      t.references :page, null: false, foreign_key: { to_table: :alembic_pages }
+      t.integer :number, null: false
+      t.json :blocks, default: [], null: false
+      t.string :status, null: false, default: "draft"
+
+      t.timestamps
+    end
+
+    add_index :alembic_page_versions, [ :page_id, :number ], unique: true
+    add_index :alembic_page_versions, :page_id, unique: true, where: "status = 'live'",
+      name: "index_alembic_page_versions_on_one_live_per_page"
+  end
+end

data/db/migrate/20260924220000_move_flows_onto_easy_flow.rb

@@ -0,0 +1,166 @@
+class MoveFlowsOntoEasyFlow < ActiveRecord::Migration[8.1]
+  HOST = "alembic"
+  FLOW_COLUMNS = %w[slug title start_label kind status persists document definition_cursor
+    changes_since_version undo_history undone_changes created_at updated_at].freeze
+
+  class OldFlow < ActiveRecord::Base
+    self.table_name = "alembic_flows"
+  end
+
+  class Definition < ActiveRecord::Base
+    self.table_name = "easy_flow_definitions"
+  end
+
+  class OldVersion < ActiveRecord::Base
+    self.table_name = "alembic_flow_versions"
+  end
+
+  class Version < ActiveRecord::Base
+    self.table_name = "easy_flow_versions"
+  end
+
+  class OldRun < ActiveRecord::Base
+    self.table_name = "alembic_flow_runs"
+  end
+
+  class Run < ActiveRecord::Base
+    self.table_name = "easy_flow_runs"
+  end
+
+  class SummaryVersion < ActiveRecord::Base
+    self.table_name = "alembic_flow_summaries"
+  end
+
+  class DefinitionSummary < ActiveRecord::Base
+    self.table_name = "alembic_flow_definition_summaries"
+  end
+
+  class RunSummary < ActiveRecord::Base
+    self.table_name = "alembic_flow_run_summaries"
+  end
+
+  def up
+    [ OldFlow, Definition, OldVersion, Version, OldRun, Run, SummaryVersion ].each(&:reset_column_information)
+    flows = copy_flows
+    versions = copy_versions(flows)
+    runs = copy_runs(flows, versions)
+    summaries = OldFlow.pluck(:id, :summary, :summary_cursor)
+    pins = OldRun.where.not(summary_version_id: nil).pluck(:id, :summary_version_id)
+
+    drop_table :alembic_flow_runs
+    remove_foreign_key :alembic_flow_summaries, column: :flow_id
+    repoint_summary_versions(flows)
+    drop_table :alembic_flow_versions
+    drop_table :alembic_flows
+    add_foreign_key :alembic_flow_summaries, :easy_flow_definitions, column: :flow_id, on_delete: :cascade
+
+    create_table :alembic_flow_definition_summaries do |t|
+      t.references :flow, null: false, index: { unique: true },
+        foreign_key: { to_table: :easy_flow_definitions, on_delete: :cascade }
+      t.text :summary
+      t.integer :summary_cursor
+      t.timestamps
+    end
+    restore_summaries(summaries, flows)
+
+    create_table :alembic_flow_run_summaries do |t|
+      t.references :run, null: false, index: { unique: true },
+        foreign_key: { to_table: :easy_flow_runs, on_delete: :cascade }
+      t.references :summary_version, null: false,
+        foreign_key: { to_table: :alembic_flow_summaries, on_delete: :cascade }
+      t.timestamps
+    end
+    restore_pins(pins, runs)
+  end
+
+  def down
+    drop_table :alembic_flow_run_summaries
+    drop_table :alembic_flow_definition_summaries
+    remove_foreign_key :alembic_flow_summaries, column: :flow_id
+    execute "DELETE FROM alembic_flow_summaries"
+
+    create_table :alembic_flows do |t|
+      t.string :slug
+      t.string :title
+      t.text :summary
+      t.string :start_label
+      t.string :kind
+      t.string :status, null: false, default: "active"
+      t.string :persists, null: false, default: "unsaved"
+      t.json :document
+      t.integer :definition_cursor
+      t.integer :summary_cursor
+      t.json :changes_since_version
+      t.json :undo_history
+      t.json :undone_changes
+      t.timestamps
+    end
+    add_index :alembic_flows, :slug, unique: true
+
+    create_table :alembic_flow_versions do |t|
+      t.references :flow, null: false, foreign_key: { to_table: :alembic_flows }
+      t.integer :number, null: false
+      t.json :definition
+      t.json :changes_captured
+      t.string :status, null: false, default: "draft"
+      t.datetime :created_at, null: false
+    end
+    add_index :alembic_flow_versions, [ :flow_id, :number ], unique: true
+    add_index :alembic_flow_versions, :flow_id, unique: true, where: "status = 'live'",
+      name: "index_alembic_flow_versions_on_one_live_per_flow"
+
+    add_foreign_key :alembic_flow_summaries, :alembic_flows, column: :flow_id
+
+    create_table :alembic_flow_runs do |t|
+      t.references :flow, null: false, foreign_key: { to_table: :alembic_flows }
+      t.references :definition_version, null: false, foreign_key: { to_table: :alembic_flow_versions }
+      t.references :summary_version, foreign_key: { to_table: :alembic_flow_summaries }
+      t.references :owner, polymorphic: true
+      t.json :recorded
+      t.string :label
+      t.string :status
+      t.timestamps
+    end
+  end
+
+  private
+
+  def copy_flows
+    OldFlow.order(:id).to_h do |flow|
+      [ flow.id, Definition.create!(flow.attributes.slice(*FLOW_COLUMNS).merge("host" => HOST)).id ]
+    end
+  end
+
+  def copy_versions(flows)
+    OldVersion.order(:id).to_h do |version|
+      copied = version.attributes.slice("number", "definition", "changes_captured", "status", "created_at")
+      [ version.id, Version.create!(copied.merge("flow_id" => flows.fetch(version.flow_id))).id ]
+    end
+  end
+
+  def copy_runs(flows, versions)
+    OldRun.order(:id).to_h do |run|
+      copied = run.attributes.slice("owner_type", "owner_id", "recorded", "label", "status", "created_at", "updated_at")
+      moved = copied.merge("flow_id" => flows.fetch(run.flow_id), "definition_version_id" => versions.fetch(run.definition_version_id))
+      [ run.id, Run.create!(moved).id ]
+    end
+  end
+
+  def restore_summaries(summaries, flows)
+    DefinitionSummary.reset_column_information
+    summaries.each do |flow_id, summary, cursor|
+      next if summary.nil? && cursor.nil?
+
+      DefinitionSummary.create!(flow_id: flows.fetch(flow_id), summary: summary, summary_cursor: cursor)
+    end
+  end
+
+  def restore_pins(pins, runs)
+    RunSummary.reset_column_information
+    pins.each { |run_id, summary_version_id| RunSummary.create!(run_id: runs.fetch(run_id), summary_version_id: summary_version_id) }
+  end
+
+  def repoint_summary_versions(flows)
+    SummaryVersion.find_each { |version| version.update_columns(flow_id: flows.fetch(version.flow_id)) }
+  end
+end

data/lib/alembic/engine.rb

@@ -1,6 +1,7 @@
 require "alembic/leftover_stylesheet"
 require "keystone_ui-blocks"
 require "keystone_ui-react"
+require "easy_flow"
 
 module Alembic
   class Engine < ::Rails::Engine
@@ -19,18 +20,8 @@ module Alembic
       KeystoneUi.configuration.tailwind_sources << root.join("app/assets/builds/alembic/*.js").to_s
     end
 
-    initializer "alembic.step_types" do |app|
+    initializer "alembic.output_types" do |app|
       app.config.to_prepare do
-        Alembic::Flow::Start.register
-        Alembic::Flow::Terminal.register
-
-        Alembic::Steps::Question.register
-        Alembic::Flow::Condition.register
-        Alembic::Flow::Switch.register
-
-        Alembic::Flow.check(:unrouted_value)
-        Alembic::Flow.check(:unfollowed_path)
-        Alembic::Flow.check(:dead_end)
         Alembic::Outputs::WeightedSum.register
         Alembic::Outputs::Percentage.register
         Alembic::Outputs::Grouped.register

data/lib/alembic/version.rb

@@ -1,3 +1,3 @@
 module Alembic
-  VERSION = "0.1.0"
+  VERSION = "0.2.0"
 end

data/lib/alembic.rb

@@ -3,14 +3,36 @@ require "alembic/version"
 require "alembic/engine"
 
 module Alembic
-  class NotPublished < StandardError; end
-  class NotPermitted < StandardError; end
-  class OutOfService < StandardError; end
-  class Withdrawn < StandardError; end
+  NotPublished = EasyFlow::NotPublished
+  NotPermitted = EasyFlow::NotPermitted
+  OutOfService = EasyFlow::OutOfService
+  Withdrawn = EasyFlow::Withdrawn
+
+  FLOW_HOST = :alembic
+  FLOW_HOST_SETTINGS = %i[layout admin_layout admin_authentication_method
+                          visitor_authorization_method refusal_method].freeze
 
   class << self
-    attr_writer :layout, :base_controller, :admin_layout
-    attr_accessor :lead_partial, :admin_authentication_method, :visitor_authorization_method, :refusal_method
+    attr_accessor :lead_partial
+    attr_reader :admin_authentication_method, :visitor_authorization_method, :refusal_method
+
+    FLOW_HOST_SETTINGS.each do |name|
+      define_method(:"#{name}=") do |value|
+        instance_variable_set(:"@#{name}", value)
+        set_up_flow_host
+      end
+    end
+
+    def set_up_flow_host
+      EasyFlow.host(FLOW_HOST) do |host|
+        FLOW_HOST_SETTINGS.each { |name| host.public_send(:"#{name}=", public_send(name)) }
+      end
+    end
+
+    def base_controller=(value)
+      @base_controller = value
+      EasyFlow.base_controller = value
+    end
 
     # The host app sets this to render the engine inside its own layout
     # (e.g. "marketing"). Defaults to the engine's own layout.
@@ -31,4 +53,6 @@ module Alembic
       @admin_layout || "application"
     end
   end
+
+  set_up_flow_host
 end

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: alembic
 version: !ruby/object:Gem::Version
-  version: 0.1.0
+  version: 0.2.0
 platform: ruby
 authors:
 - tylercschneider
@@ -43,14 +43,34 @@ dependencies:
     requirements:
     - - ">="
       - !ruby/object:Gem::Version
-        version: 0.2.0
+        version: 0.7.0
   type: :runtime
   prerelease: false
   version_requirements: !ruby/object:Gem::Requirement
     requirements:
     - - ">="
       - !ruby/object:Gem::Version
-        version: 0.2.0
+        version: 0.7.0
+- !ruby/object:Gem::Dependency
+  name: easy_flow
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '0.4'
+    - - ">="
+      - !ruby/object:Gem::Version
+        version: 0.4.1
+  type: :runtime
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '0.4'
+    - - ">="
+      - !ruby/object:Gem::Version
+        version: 0.4.1
 description: Alembic builds and runs data-driven interactive diagnostics — scored
   assessments and branching guides — that place a visitor on an outcome and capture
   the result. A runtime engine plus a UI builder.
@@ -63,85 +83,30 @@ files:
 - MIT-LICENSE
 - README.md
 - Rakefile
-- app/assets/builds/alembic/canvas.js
 - app/assets/builds/alembic/page_builder.css
 - app/assets/builds/alembic/page_builder.js
 - app/assets/stylesheets/alembic/application.css
 - app/controllers/alembic/application_controller.rb
 - app/controllers/alembic/flows_controller.rb
 - app/controllers/alembic/manage/base_controller.rb
-- app/controllers/alembic/manage/canvas_controller.rb
-- app/controllers/alembic/manage/definitions_controller.rb
 - app/controllers/alembic/manage/flows_controller.rb
 - app/controllers/alembic/manage/page_blocks_controller.rb
 - app/controllers/alembic/manage/pages_controller.rb
 - app/controllers/alembic/manage/previews_controller.rb
-- app/controllers/alembic/manage/versions_controller.rb
+- app/controllers/alembic/pages_controller.rb
 - app/controllers/concerns/alembic/manage/authenticates_admin.rb
-- app/controllers/concerns/alembic/manage/draws_canvas.rb
+- app/controllers/concerns/alembic/summarizes.rb
 - app/helpers/alembic/application_helper.rb
-- app/javascript/alembic/canvas.jsx
-- app/javascript/alembic/canvas/Canvas.jsx
-- app/javascript/alembic/canvas/Connector.jsx
-- app/javascript/alembic/canvas/ConnectorLayer.jsx
-- app/javascript/alembic/canvas/Control.jsx
-- app/javascript/alembic/canvas/Inspector.jsx
-- app/javascript/alembic/canvas/Panel.jsx
-- app/javascript/alembic/canvas/Placeholder.jsx
-- app/javascript/alembic/canvas/Port.jsx
-- app/javascript/alembic/canvas/Records.jsx
-- app/javascript/alembic/canvas/StepCard.jsx
-- app/javascript/alembic/canvas/Toolbar.jsx
-- app/javascript/alembic/canvas/TypePicker.jsx
-- app/javascript/alembic/canvas/changes.js
-- app/javascript/alembic/canvas/choices.js
-- app/javascript/alembic/canvas/flow.js
-- app/javascript/alembic/canvas/flowSender.js
-- app/javascript/alembic/canvas/ids.js
-- app/javascript/alembic/canvas/rows.js
-- app/javascript/alembic/canvas/styles.js
-- app/javascript/alembic/canvas/useConnectors.js
-- app/javascript/alembic/canvas/useFlow.js
+- app/helpers/alembic/pages_helper.rb
 - app/javascript/alembic/page_builder.jsx
 - app/javascript/alembic/page_builder/PageBuilder.jsx
 - app/jobs/alembic/application_job.rb
 - app/mailers/alembic/application_mailer.rb
 - app/models/alembic/application_record.rb
-- app/models/alembic/asked.rb
-- app/models/alembic/choice.rb
-- app/models/alembic/flow.rb
-- app/models/alembic/flow/admission.rb
-- app/models/alembic/flow/canvas.rb
-- app/models/alembic/flow/change.rb
-- app/models/alembic/flow/condition.rb
-- app/models/alembic/flow/definition.rb
-- app/models/alembic/flow/digest.rb
-- app/models/alembic/flow/document.rb
-- app/models/alembic/flow/drawing.rb
-- app/models/alembic/flow/edge.rb
-- app/models/alembic/flow/edit_history.rb
-- app/models/alembic/flow/layout.rb
-- app/models/alembic/flow/name.rb
-- app/models/alembic/flow/node.rb
-- app/models/alembic/flow/output.rb
-- app/models/alembic/flow/progress.rb
-- app/models/alembic/flow/progress/kept.rb
-- app/models/alembic/flow/progress/loose.rb
-- app/models/alembic/flow/registry.rb
-- app/models/alembic/flow/run.rb
-- app/models/alembic/flow/runner.rb
-- app/models/alembic/flow/settings.rb
-- app/models/alembic/flow/start.rb
-- app/models/alembic/flow/step.rb
-- app/models/alembic/flow/step_type.rb
-- app/models/alembic/flow/step_type/declaration.rb
+- app/models/alembic/flow/definition_summary.rb
+- app/models/alembic/flow/run_summary.rb
 - app/models/alembic/flow/summaries.rb
 - app/models/alembic/flow/summary_version.rb
-- app/models/alembic/flow/switch.rb
-- app/models/alembic/flow/terminal.rb
-- app/models/alembic/flow/validator.rb
-- app/models/alembic/flow/version.rb
-- app/models/alembic/flow/violation.rb
 - app/models/alembic/outputs/band.rb
 - app/models/alembic/outputs/grouped.rb
 - app/models/alembic/outputs/lowest.rb
@@ -149,26 +114,22 @@ files:
 - app/models/alembic/outputs/tally.rb
 - app/models/alembic/outputs/weighted_sum.rb
 - app/models/alembic/page.rb
-- app/models/alembic/runner.rb
-- app/models/alembic/steps/question.rb
+- app/models/alembic/page/drawing.rb
+- app/models/alembic/page/options.rb
+- app/models/alembic/page/version.rb
 - app/models/alembic/summary.rb
 - app/models/alembic/summary/output_type.rb
 - app/models/alembic/summary/registry.rb
 - app/models/alembic/summary/report.rb
 - app/models/alembic/summary/result.rb
 - app/models/alembic/summary/run.rb
-- app/views/alembic/flow/steps/_choosing.html.erb
 - app/views/alembic/flows/complete.html.erb
 - app/views/alembic/flows/show.html.erb
-- app/views/alembic/flows/step.html.erb
-- app/views/alembic/manage/definitions/edit.html.erb
 - app/views/alembic/manage/flows/edit.html.erb
-- app/views/alembic/manage/flows/index.html.erb
-- app/views/alembic/manage/flows/show.html.erb
 - app/views/alembic/manage/pages/_block_content.html.erb
 - app/views/alembic/manage/pages/index.html.erb
 - app/views/alembic/manage/pages/show.html.erb
-- app/views/alembic/manage/versions/index.html.erb
+- app/views/alembic/pages/show.html.erb
 - app/views/layouts/alembic/application.html.erb
 - config/routes.rb
 - db/migrate/20260604215031_create_alembic_diagnostics.rb
@@ -221,6 +182,9 @@ files:
 - db/migrate/20260831000000_add_persists_to_alembic_flows.rb
 - db/migrate/20260914120000_create_alembic_pages.rb
 - db/migrate/20260915120000_add_blocks_to_alembic_pages.rb
+- db/migrate/20260922120000_add_slug_to_alembic_pages.rb
+- db/migrate/20260922130000_create_alembic_page_versions.rb
+- db/migrate/20260924220000_move_flows_onto_easy_flow.rb
 - lib/alembic.rb
 - lib/alembic/engine.rb
 - lib/alembic/leftover_stylesheet.rb

data/app/assets/builds/alembic/canvas.js

@@ -1 +0,0 @@
-(()=>{var Dt=globalThis.ReactDOM;var{createPortal:ze,createRoot:K,flushSync:Be,hydrateRoot:Ee,preconnect:Te,prefetchDNS:$e,preinit:Ae,preinitModule:De,preload:Pe,preloadModule:Le,requestFormReset:Ie,unstable_batchedUpdates:Me,useFormState:_e,useFormStatus:Oe,version:He}=Dt;var Z=globalThis.React,e=Z,{Children:Fe,Component:Ve,Fragment:We,PureComponent:Ye,StrictMode:Ue,Suspense:Xe,cloneElement:Ge,createContext:qe,createElement:Je,createRef:Ke,forwardRef:Ze,isValidElement:Qe,lazy:Re,memo:to,startTransition:eo,useCallback:oo,useContext:ro,useDebugValue:no,useDeferredValue:so,useEffect:E,useId:ao,useImperativeHandle:lo,useLayoutEffect:Q,useMemo:P,useReducer:io,useRef:j,useState:b,useSyncExternalStore:co,useTransition:mo}=Z;var R=new Map,L=new Map,tt=(t,o)=>R.set(t,o),et=()=>{L.forEach(t=>t.unmount()),L.clear()},ot=(t,o)=>t.querySelectorAll("[data-react-ui]").forEach(s=>{if(L.has(s))return;let r=R.get(s.dataset.reactUi),a=o(s);L.set(s,a),a.render(e.createElement(r,JSON.parse(s.dataset.props)))});var rt=(t,o)=>{let s=()=>ot(t,o);t.addEventListener("turbo:load",s),t.addEventListener("turbo:frame-load",s),t.addEventListener("turbo:before-cache",et),t.readyState==="loading"?t.addEventListener("DOMContentLoaded",s):s()};var Pt="border border-amber-500 bg-white text-amber-700 dark:bg-zinc-900 dark:text-amber-400",Lt="border border-gray-300 bg-white text-gray-500 dark:border-zinc-600 dark:bg-zinc-900 dark:text-gray-400",It="border border-accent-600 bg-accent-600 text-white",Mt=({name:t,connected:o,armed:s,onArm:r,connecting:a})=>e.createElement("button",{onClick:l=>{a||(l.stopPropagation(),r(l))},title:s?"Now choose a step to connect to":"Connect this branch",className:s?It:o?Lt:Pt,style:{padding:"1px 8px",marginRight:4,borderRadius:999,fontSize:11,cursor:"pointer"}},t||"next"),nt=Mt;var _t={width:240,boxSizing:"border-box",borderRadius:8},Ot={padding:"8px 14px",textAlign:"center",fontWeight:600},Ht={fontWeight:600,lineHeight:1.3},jt=(t,o,s)=>{let r=s?"ring-4 ring-accent-600/15":"shadow-sm";return t||s&&!o?`border-accent-600 ${r}`:o?`border-red-600 ${r}`:"border-gray-300 shadow-sm dark:border-zinc-700"},Ft=({node:t,selected:o,armed:s,connecting:r,onSelect:a,onArm:l,onDragEnd:i,onDragStart:f})=>{let m=t.begins_here||t.ends_here,d=t.begins_here,p=t.ends_here?[]:t.ports,u=r&&!d;return e.createElement("div",{ref:t.ref,"data-step":t.id,draggable:!d,onDragStart:c=>{c.dataTransfer.effectAllowed="move",c.dataTransfer.setData("text/plain",t.id),f()},onDragEnd:i,onClick:a,className:`bg-white border-2 dark:bg-zinc-900 ${jt(u,t.violations.length>0,o)}`,style:{..._t,padding:m?0:"12px 14px",cursor:d?"default":r?"crosshair":"grab"}},m&&e.createElement("div",{className:"text-gray-500 dark:text-gray-400",style:Ot},t.label),!m&&e.createElement("div",{style:Ht},t.label),!m&&e.createElement("div",{className:"text-gray-500 dark:text-gray-400",style:{fontSize:11,marginTop:2}},t.type),t.violations.map(c=>e.createElement("div",{key:c.problem+c.detail,className:"text-red-600 dark:text-red-400",style:{fontSize:11,padding:"0 14px 6px"}},c.problem.replace(/_/g," "),c.detail?`: ${c.detail}`:"")),p.length>0&&e.createElement("div",{style:{padding:t.begins_here?"0 14px 8px":"10px 0 0"}},p.map(c=>e.createElement(nt,{key:c,name:c,connected:t.connected.includes(c),connecting:r,armed:s===c,onArm:x=>l(c,x)}))))},F=Ft;var st=(t,o)=>t.includes(o)?t.filter(s=>s!==o):[...t,o],at=(t,o)=>({...o?.choices||{},...t?.choices||{}});var k=(...t)=>t.filter(Boolean).join(" ");var Vt=({as:t="input",disabled:o,className:s,...r})=>e.createElement(t,{...r,disabled:o,className:k("ks-input",o&&"ks-input-disabled",s)}),w=Vt;var Wt=t=>e.createElement(w,{...t,as:"select"}),lt=Wt;var Yt=({className:t,...o})=>e.createElement("input",{type:"checkbox",...o,className:k("ks-checkbox",t)}),V=Yt;var Ut=t=>(t||[]).map(o=>typeof o=="object"?o:{value:o,label:o}),Xt=({type:t,value:o,choices:s,onChange:r,onSettle:a})=>{if(t==="boolean")return e.createElement(V,{checked:!!o,onChange:l=>a(l.target.checked)});if(t==="select"||t==="previous_step"||t==="from_step")return e.createElement(lt,{className:"mb-3",value:o??"",onChange:l=>a(l.target.value)},e.createElement("option",{value:""}),Ut(s).map(l=>e.createElement("option",{key:l.value,value:l.value},l.label)));if(t==="multi_select"){let l=Array.isArray(o)?o:[],i=f=>a(st(l,f));return e.createElement("div",{style:{display:"flex",flexWrap:"wrap",gap:8}},(s||[]).map(f=>e.createElement("label",{key:f,style:{display:"inline-flex",alignItems:"center",gap:4}},e.createElement(V,{checked:l.includes(f),onChange:()=>i(f)}),e.createElement("span",null,f))))}return t==="integer"||t==="float"?e.createElement(w,{className:"mb-3",type:"number",step:t==="integer"?"1":"any",value:o??"",onChange:l=>r(l.target.value),onBlur:l=>a(l.target.value)}):e.createElement(w,{className:"mb-3",type:"text",value:o??"",onChange:l=>r(l.target.value),onBlur:l=>a(l.target.value)})},I=Xt;var it=(t,o,s,r)=>t.map((a,l)=>l===o?{...a,[s]:r}:a);var Gt={primary:"ks-button-primary",secondary:"ks-button-secondary",danger:"ks-button-danger"},qt={sm:"ks-button-sm",md:"ks-button-md",lg:"ks-button-lg"},Jt=({variant:t="primary",size:o="md",className:s,children:r,...a})=>{let l=a.href?"a":"button";return e.createElement(l,{...a,className:k("ks-button",Gt[t],qt[o],s)},r)},y=Jt;var Kt=({holds:t,labels:o,rows:s,onChange:r,onSettle:a})=>{let l=Array.isArray(s)?s:[],i=(f,m,d,p)=>{let u=it(l,f,m,d);p?a(u):r(u)};return e.createElement("div",{style:{marginBottom:12}},l.map((f,m)=>e.createElement("div",{key:m,className:"rounded-md border border-gray-200 dark:border-zinc-700",style:{padding:"8px 8px 2px",marginBottom:6}},Object.entries(t).map(([d,p])=>e.createElement("label",{key:d,style:{display:"block"}},e.createElement("span",{className:"text-gray-500 dark:text-gray-400",style:{display:"block",marginBottom:2,fontSize:11}},(o||{})[d]||d),e.createElement(I,{type:p,value:f[d],onChange:u=>i(m,d,u,!1),onSettle:u=>i(m,d,u,!0)}))),e.createElement(y,{variant:"secondary",size:"sm",className:"mb-1.5",onClick:()=>a(l.filter((d,p)=>p!==m))},"Remove"))),e.createElement(y,{variant:"secondary",size:"sm",className:"w-full",onClick:()=>a([...l,{}])},"Add"))},dt=Kt;var Zt=({as:t="div",className:o,children:s,...r})=>e.createElement(t,{...r,className:k("ks-panel",o)},s),$=Zt;var M=(t,o)=>({className:s,children:r,...a})=>e.createElement(t,{...a,className:k(o,s)},r),A=M("label","ks-label"),er=M("p","ks-hint"),or=M("p","ks-error"),rr=M("span","ks-required");var Qt={width:280,padding:20,overflowY:"auto"},Rt=({node:t,fields:o,holds:s,labels:r,recordLabels:a,choices:l,onSave:i,onDelete:f,onClose:m})=>{let[d,p]=b(t.config);E(()=>p(t.config),[t.id,t.config]);let u=c=>{p(c),JSON.stringify(c)!==JSON.stringify(t.config)&&i(c)};return e.createElement($,{as:"aside",style:Qt,"data-inspector":!0},e.createElement("div",{style:{display:"flex",alignItems:"start",justifyContent:"space-between",gap:8}},e.createElement("h2",{style:{fontWeight:600,marginBottom:2}},t.label),e.createElement("button",{title:"Close",onClick:m,className:"text-gray-500 dark:text-gray-400",style:{border:"none",background:"none",cursor:"pointer",fontSize:18,lineHeight:1}},"\xD7")),e.createElement("p",{className:"text-gray-500 dark:text-gray-400",style:{fontSize:11,marginBottom:16}},t.id," \xB7 ",t.type),Object.entries(o).map(([c,x])=>e.createElement(A,{key:c},e.createElement("span",{style:{display:"block",marginBottom:3}},r[c]||c),x==="list"?e.createElement(dt,{holds:s[c]||{},labels:a[c]||{},rows:d[c],onChange:h=>p({...d,[c]:h}),onSettle:h=>u({...d,[c]:h})}):e.createElement(I,{type:x,value:d[c],choices:l[c],onChange:h=>p({...d,[c]:h}),onSettle:h=>u({...d,[c]:h})}))),e.createElement(y,{variant:"danger",size:"sm",className:"w-full",onClick:f},"Delete step"))},ct=Rt;var te={width:240,boxSizing:"border-box",padding:"10px 14px",borderRadius:8,textAlign:"center",fontSize:12,cursor:"pointer"},ee="border-2 border-dashed border-amber-500 bg-amber-50 text-amber-700 dark:bg-amber-950 dark:text-amber-300",oe="border-2 border-dashed border-accent-600 bg-accent-50 text-accent-800 dark:bg-accent-950 dark:text-accent-200",re=({node:t,dragging:o,onFill:s,onDrop:r})=>e.createElement("div",{ref:t.ref,"data-placeholder":t.id,title:`Choose the step \u201C${t.label}\u201D should lead to`,onClick:s,onDragOver:a=>{o&&(a.preventDefault(),a.dataTransfer.dropEffect="move")},onDrop:a=>{a.preventDefault(),r()},className:o?oe:ee,style:te},e.createElement("div",{style:{fontWeight:600}},t.label),e.createElement("div",{style:{fontSize:11}},o?"drop a step here":"leads nowhere yet \u2014 click to choose")),mt=re;var ne=({entries:t,at:o,onPick:s,onConnect:r,onDismiss:a})=>e.createElement($,{className:"shadow-lg",style:{position:"absolute",zIndex:9,top:o.y,left:o.x,width:210,padding:8,borderRadius:8}},e.createElement("p",{className:"text-gray-500 dark:text-gray-400",style:{margin:"0 0 6px",fontSize:11}},"Add a step"),t.map(l=>e.createElement(y,{key:l.type,variant:"secondary",size:"sm",className:"w-full mb-1.5 flex-col",onClick:()=>s(l)},l.label,e.createElement("span",{className:"opacity-75",style:{display:"block",fontSize:11}},l.type))),r&&e.createElement(y,{variant:"secondary",size:"sm",className:"w-full mb-1.5",onClick:r},"Connect to a step already here"),e.createElement(y,{variant:"secondary",size:"sm",className:"w-full",onClick:a},"Cancel")),pt=ne;var se={width:24,height:24,padding:0,fontSize:15,lineHeight:"15px"},ut=({label:t,title:o,idle:s,enabled:r,onUse:a})=>e.createElement(y,{variant:"secondary",size:"sm",title:r?o:s,disabled:!r,onClick:a,style:{opacity:r?1:.4,cursor:r?"pointer":"default"}},t),ae=({undoable:t,redoable:o,onAdd:s,onUndo:r,onRedo:a})=>e.createElement("div",{style:{position:"absolute",top:16,left:16,zIndex:5,display:"flex",gap:8}},e.createElement(y,{variant:"secondary",className:"rounded-full",style:se,title:"Add a step",onClick:s},"+"),e.createElement(ut,{label:"\u21B6 Undo",title:"Undo the last change",idle:"Nothing to undo",enabled:t,onUse:r}),e.createElement(ut,{label:"\u21B7 Redo",title:"Redo the change you undid",idle:"Nothing to redo",enabled:o,onUse:a})),ft=ae;var le=t=>e.createElement(w,{...t,as:"textarea"}),gt=le;var yt=t=>{let o=t.problem.replace(/_/g," ");return t.node?`\u201C${t.node}\u201D ${o}`:o};var ht=({version:t,published:o})=>t?o?o===t?`Version ${t} \xB7 live`:`Version ${t} \xB7 visitors still on ${o}`:`Version ${t} \xB7 never published`:"No version yet";var ie={width:280,padding:20,overflowY:"auto"},W={fontWeight:600,marginBottom:6,marginTop:14},_={fontSize:12,marginBottom:4,lineHeight:1.4},Y={display:"block",marginBottom:3},U=(t,o,s)=>r=>{r.target.value!==(t[o]??"")&&s({[o]:r.target.value})},de=({flow:t,changes:o,problems:s,refusal:r,notice:a,onCreate:l,onPublish:i,onSaveDetails:f,onClose:m})=>e.createElement($,{as:"aside",style:ie,"data-builder-panel":!0},e.createElement("div",{style:{display:"flex",alignItems:"start",justifyContent:"space-between",gap:8}},e.createElement("h2",{style:{fontWeight:600},"data-flow-name":!0},t.title||t.slug),e.createElement("button",{title:"Close",onClick:m,className:"text-gray-500 dark:text-gray-400",style:{border:"none",background:"none",cursor:"pointer",fontSize:18,lineHeight:1}},"\xD7")),e.createElement("a",{className:"text-accent-600 dark:text-accent-400",style:{fontSize:12,display:"block"},href:t.history_url,"data-history":!0},ht(t)),e.createElement("h2",{style:W},"Problems"),r&&e.createElement("p",{className:"text-red-800 dark:text-red-400",style:{..._,fontWeight:600},"data-refusal":!0},r),a&&!r&&e.createElement("p",{className:"text-emerald-800 dark:text-emerald-400",style:{..._,fontWeight:600},"data-notice":!0},a),s.length===0&&!r?e.createElement("p",{className:"text-gray-500 dark:text-gray-400",style:{fontSize:12}},"Nothing wrong with this flow."):s.map(d=>e.createElement("p",{key:`${d.node}-${d.problem}`,className:"text-amber-700 dark:text-amber-400",style:_,"data-problem":!0},"\u26A0 ",yt(d))),e.createElement("h2",{style:W},"Changes since the last version"),o.length===0?e.createElement("p",{className:"text-gray-500 dark:text-gray-400",style:{fontSize:12}},"Nothing has changed."):o.map((d,p)=>e.createElement("p",{key:p,style:_,"data-change":!0},d)),e.createElement("h2",{style:W},"Details"),e.createElement(A,null,e.createElement("span",{style:Y},"Title"),e.createElement(w,{className:"mb-3",defaultValue:t.title??"",onBlur:U(t,"title",f),"data-flow-title":!0})),e.createElement(A,null,e.createElement("span",{style:Y},"Summary"),e.createElement(gt,{className:"mb-3",rows:4,defaultValue:t.summary??"",onBlur:U(t,"summary",f),"data-flow-summary":!0})),e.createElement(A,null,e.createElement("span",{style:Y},"Start label"),e.createElement(w,{className:"mb-3",defaultValue:t.start_label??"",onBlur:U(t,"start_label",f),"data-flow-start-label":!0})),e.createElement("div",{style:{marginTop:16}},e.createElement(y,{variant:"secondary",size:"sm",className:"w-full mb-1.5",onClick:l,"data-create-version":!0},"Create version"),e.createElement(y,{size:"sm",className:"w-full mb-1.5",onClick:i,"data-publish":!0},"Publish"),e.createElement(y,{variant:"secondary",size:"sm",className:"w-full mb-1.5",href:t.definition_url,"data-definition":!0},"Definition"),e.createElement(y,{variant:"secondary",size:"sm",className:"w-full mb-1.5",href:t.details_url,"data-details":!0},"Edit details"))),bt=de;var xt={width:24,height:24,padding:0,fontSize:15,lineHeight:"15px"},ce=({link:t,onInsert:o,onRemove:s,onDrop:r,dragging:a})=>{let[l,i]=b(!1),f=l||a;return e.createElement("div",{"data-connector":`${t.source}-${t.target}`,style:{position:"absolute",left:t.midX-34,top:t.midY-20,width:68,height:40,zIndex:4},onMouseEnter:()=>i(!0),onMouseLeave:()=>i(!1),onDragEnter:()=>i(!0),onDragLeave:()=>i(!1),onDragOver:m=>{m.preventDefault(),m.dataTransfer.dropEffect="move"},onDrop:m=>{m.preventDefault(),i(!1),r()}},e.createElement("div",{style:{display:"flex",gap:4,justifyContent:"center",alignItems:"center",height:"100%",opacity:f?1:0,transition:"opacity .12s"}},e.createElement(y,{variant:"secondary",title:a?"Move the step here":"Insert a step here",onClick:o,className:"rounded-full data-[over=true]:ring-2 data-[over=true]:ring-accent-600","data-over":!!(a&&l),style:xt},"+"),!a&&e.createElement(y,{variant:"danger",title:"Remove this connection",onClick:s,className:"rounded-full",style:xt},"\xD7")))},vt=ce;var me=({links:t,extent:o,dragging:s,onInsert:r,onRemove:a,onDrop:l})=>e.createElement(e.Fragment,null,e.createElement("svg",{width:o.width,height:o.height,style:{position:"absolute",top:0,left:0,pointerEvents:"none",zIndex:1}},e.createElement("defs",null,e.createElement("marker",{id:"alembic-arrow",viewBox:"0 0 10 10",refX:"8",refY:"5",markerWidth:"5",markerHeight:"5",orient:"auto"},e.createElement("path",{d:"M 0 0 L 10 5 L 0 10 z",className:"fill-gray-400 dark:fill-zinc-500"}))),t.map(i=>e.createElement("path",{key:i.id,"data-link":i.id,className:"stroke-gray-400 dark:stroke-zinc-500",fill:"none",strokeWidth:"1.5",markerEnd:"url(#alembic-arrow)",d:i.path}))),t.filter(i=>i.label).map(i=>e.createElement("div",{key:`${i.id}-label`,"data-link-label":i.id,className:"bg-surface-50 text-gray-500 dark:bg-surface-950 dark:text-gray-400",style:{position:"absolute",left:i.midX-10,top:i.midY-18,zIndex:3,fontSize:11,padding:"0 3px"}},i.label)),t.filter(i=>!i.placeholder).map(i=>e.createElement(vt,{key:i.id,link:i,dragging:!!s,onInsert:()=>r(i),onRemove:()=>a(i),onDrop:()=>l(i)}))),kt=me;var pe="Your change was not saved because the server could not be reached.",wt=({base:t,token:o,fetch:s,onFlow:r,onError:a,onNotice:l})=>async(i,f,m)=>{let d=await s(t+i,{method:f,headers:{"Content-Type":"application/json","X-CSRF-Token":o},body:m&&JSON.stringify(m)}).catch(()=>null);if(!d)return l(null),a(pe);let p=await d.json().catch(()=>({}));if(!d.ok)return l(null),a(p.error||"That change was refused");a(null),l(p.notice||null),r(await(await s(t+".json",{headers:{Accept:"application/json"}})).json())};var ue=(t,o,s)=>{let[r,a]=b(s),[l,i]=b(null),[f,m]=b(null),d=P(()=>wt({base:t,token:o,fetch:(...p)=>window.fetch(...p),onFlow:a,onError:i,onNotice:m}),[t,o]);return{flow:r,error:l,notice:f,send:d}},Ct=ue;var O=(t,o,s,r)=>{let a=t.left-s.left+r.scrollLeft,l=t.top-s.top+r.scrollTop;return o==="left"?{x:a,y:l+t.height/2}:o==="right"?{x:a+t.width,y:l+t.height/2}:o==="top"?{x:a+t.width/2,y:l}:{x:a+t.width/2,y:l+t.height}},fe=(t,o)=>o==="top"?{x:t.x,y:t.y-3}:o==="left"?{x:t.x-3,y:t.y}:o==="right"?{x:t.x+3,y:t.y}:{x:t.x,y:t.y+3},ge=(t,o,s,r,a)=>{let l={straight:`M ${o.x} ${o.y} L ${s.x} ${s.y}`,turn:`M ${o.x} ${o.y} H ${s.x} V ${s.y}`,lane:`M ${o.x} ${o.y} V ${r} H ${s.x} V ${s.y}`,detour:`M ${o.x} ${o.y} H ${a} V ${s.y} H ${s.x}`}[t.route];return{...t,path:l,midX:t.route==="detour"?a:(o.x+s.x)/2,midY:t.route==="lane"?r:(o.y+s.y)/2}},ye=(t,o,s,r)=>{let[a,l]=b([]),[i,f]=b({width:"100%",height:"100%"});return Q(()=>{let m=()=>{let p=o.current?.getBoundingClientRect();p&&(f({width:o.current.scrollWidth,height:o.current.scrollHeight}),l(t.edges.flatMap(u=>{let c=s.current[u.source]?.getBoundingClientRect(),x=s.current[u.target]?.getBoundingClientRect();if(!c||!x)return[];let h=O(c,u.leaves,p,o.current),C=fe(O(x,u.enters,p,o.current),u.enters),N=(O(c,"bottom",p,o.current).y+O(x,"top",p,o.current).y)/2,z=u.leaves==="left"?Math.min(h.x,C.x)-28:Math.max(h.x,C.x)+28;return[ge(u,h,C,N,z)]})))};m(),window.addEventListener("resize",m);let d=new ResizeObserver(m);return o.current&&d.observe(o.current),()=>{window.removeEventListener("resize",m),d.disconnect()}},r),{links:a,extent:i}},St=ye;var Nt=(t,o)=>{let s=new Set(o),r=t,a=2;for(;s.has(r);)r=`${t}_${a++}`;return r};var xe={display:"flex",height:"100%",minHeight:0,fontSize:13},ve={flex:1,overflow:"auto",position:"relative"},ke={position:"absolute",top:56,left:16,zIndex:5,width:264,padding:12,borderRadius:8},we={display:"grid",rowGap:64,columnGap:0,padding:40,justifyContent:"center",position:"relative"},Ce={position:"sticky",zIndex:8,top:8,margin:"8px auto 0",width:"fit-content",padding:"6px 12px",borderRadius:6,fontSize:12},Se=({port:t,onCancel:o})=>e.createElement("div",{className:"bg-accent-100 text-accent-800 dark:bg-accent-900 dark:text-accent-100",style:Ce},"Choose the step \u201C",t||"next","\u201D should lead to \u2014 ",e.createElement("button",{onClick:o,className:"text-accent-800 underline dark:text-accent-100",style:{border:"none",background:"none",cursor:"pointer",fontSize:12,padding:0}},"cancel")),Ne=({base:t,token:o,initial:s})=>{let{flow:r,error:a,notice:l,send:i}=Ct(t,o,s),[f,m]=b(null),[d,p]=b(null),[u,c]=b(null),[x,h]=b(null),[C,N]=b(!1),z=j({}),B=j(null);E(()=>{let n=()=>{m(null),N(!0)};return document.addEventListener("alembic:open-flow",n),()=>document.removeEventListener("alembic:open-flow",n)},[]),E(()=>{if(!C)return;let n=g=>{g.target.closest("[data-builder-panel], [data-open-panel]")||N(!1)};return document.addEventListener("click",n),()=>document.removeEventListener("click",n)},[C]),E(()=>{document.dispatchEvent(new CustomEvent("alembic:flow-named",{detail:r.flow?.title||r.flow?.slug}))},[r.flow?.title,r.flow?.slug]);let Bt=P(()=>Object.fromEntries(r.nodes.map(n=>[n.id,n])),[r.nodes]),{links:Et,extent:Tt}=St(r,B,z,[r,f,Bt]),X=P(()=>{let n={};return r.violations.forEach(g=>{var v;return(n[v=g.node]||(n[v]=[])).push(g)}),n},[r.violations]),H=r.nodes.filter(n=>!n.loose),G=r.nodes.filter(n=>n.loose),$t=Math.max(0,...H.map(n=>n.row))+1,At=Math.max(0,...H.map(n=>n.column))+1,q=n=>{if(!u)return;let[g,v]=u;c(null),g!==n&&i("/edges","POST",{from:g,to:n,on:v||null})},S=r.nodes.find(n=>n.id===f),D=r.palette.find(n=>n.type===S?.type);return e.createElement("div",{className:"text-gray-900 dark:text-gray-100",style:xe,onMouseUp:()=>h(null),onKeyDown:n=>{n.key==="Escape"&&(m(null),c(null),p(null))},tabIndex:-1},e.createElement("div",{ref:B,className:"bg-surface-50 dark:bg-surface-950",style:ve,onClick:n=>{n.target===B.current&&(m(null),c(null),N(!1))}},u&&e.createElement(Se,{port:u[1],onCancel:()=>c(null)}),e.createElement(ft,{undoable:r.undoable,redoable:r.redoable,onAdd:()=>p({at:{x:16,y:52}}),onUndo:()=>{m(null),i("/undo","POST")},onRedo:()=>{m(null),i("/redo","POST")}}),e.createElement(kt,{links:Et,extent:Tt,dragging:x,onInsert:n=>p({from:n.source,to:n.target,at:{x:n.midX+30,y:n.midY}}),onRemove:n=>{m(null),i("/edges","DELETE",{from:n.source,to:n.target})},onDrop:n=>{let g=x;h(null),i("/steps/"+g+"/move","PATCH",{from:n.source,to:n.target})}}),G.length>0&&e.createElement("div",{"data-loose":!0,className:"border border-dashed border-gray-300 bg-gray-50 dark:border-zinc-700 dark:bg-zinc-900",style:ke},e.createElement("div",{className:"text-gray-500 dark:text-gray-400",style:{fontSize:11,marginBottom:6}},"Not in the flow yet \u2014 drag one onto a connection"),G.map(n=>e.createElement("div",{key:n.id,style:{marginBottom:8}},e.createElement(F,{node:{...n,ref:g=>{z.current[n.id]=g},violations:X[n.id]||[],connected:[]},selected:f===n.id,armed:u&&u[0]===n.id?u[1]:null,connecting:!!u,onSelect:()=>u?q(n.id):m(n.id),onArm:(g,v)=>{v.stopPropagation(),c([n.id,g])},onDragStart:()=>h(n.id),onDragEnd:()=>h(null)})))),e.createElement("div",{style:{...we,gridTemplateColumns:`repeat(${At+1}, ${280/2}px)`,gridTemplateRows:`repeat(${$t}, auto)`}},H.map(n=>e.createElement("div",{key:n.id,style:{gridRow:n.row+1,gridColumn:`${n.column+1} / span 2`,zIndex:2}},n.placeholder&&e.createElement(mt,{node:{...n,ref:g=>{z.current[n.id]=g}},dragging:!!x,onFill:()=>p({from:n.from,on:n.on,at:{x:16,y:52}}),onDrop:()=>{let g=x;h(null),g&&i("/edges","POST",{from:n.from,to:g,on:n.on})}}),!n.placeholder&&e.createElement(F,{node:{...n,ref:g=>{z.current[n.id]=g},violations:X[n.id]||[],connected:r.edges.filter(g=>g.source===n.id).map(g=>g.label||null)},selected:n.id===f,armed:u&&u[0]===n.id?u[1]:null,connecting:!!u&&u[0]!==n.id,onSelect:()=>u?q(n.id):m(n.id),onArm:(g,v)=>{let J=B.current.getBoundingClientRect();p({from:n.id,on:g,at:{x:v.clientX-J.left+B.current.scrollLeft+8,y:v.clientY-J.top+B.current.scrollTop+8}})},onDragEnd:()=>h(null),onDragStart:()=>h(n.id)})))),d&&e.createElement(pt,{entries:r.palette,at:d.at,onDismiss:()=>p(null),onConnect:d.on!==void 0?()=>{c([d.from,d.on]),p(null)}:null,onPick:n=>{let g=d;p(null),i("/steps","POST",{id:Nt(n.type,r.nodes.map(v=>v.id)),type:n.type,from:g.from,to:g.to,on:g.on})}})),C&&!S&&e.createElement(bt,{flow:r.flow||{},changes:r.changes||[],problems:r.violations,refusal:a,notice:l,onClose:()=>N(!1),onCreate:()=>i("/versions","POST"),onPublish:()=>i("/publish","POST"),onSaveDetails:n=>i("/details","PATCH",{flow:n})}),S&&e.createElement(ct,{node:S,fields:D?.fields||{},holds:D?.records||{},labels:D?.labels||{},recordLabels:D?.record_labels||{},choices:at(S,D),onClose:()=>m(null),onSave:n=>i(`/steps/${S.id}`,"PATCH",{config:n}),onDelete:()=>{m(null),i(`/steps/${S.id}`,"DELETE")}}))},zt=Ne;tt("alembic/flow-editor",zt);document.addEventListener("alembic:flow-named",t=>{let o=document.querySelector("[data-flow-heading]");o&&(o.textContent=t.detail)});rt(document,K);})();