flock-core 0.4.510__py3-none-any.whl → 0.4.511__py3-none-any.whl

flock/webapp/static/css/two-pane.css

@@ -0,0 +1,48 @@
+/* ========================================================================
+   two-pane.css — Styles for the two-pane layout used in execution view
+   ======================================================================== */
+
+/* Two pane container */
+.two-pane-flex-container {
+  display: flex;
+  width: 100%;
+}
+
+/* Collapsed left pane */
+.left-pane-collapsed {
+  width: 40px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  background-color: var(--pico-muted-border-color);
+  border-radius: 0 4px 4px 0;
+  writing-mode: vertical-lr;
+  transform: rotate(180deg);
+  margin-right: 10px;
+  transition: background-color 0.2s;
+}
+
+.left-pane-collapsed:hover {
+  background-color: var(--pico-primary-hover);
+}
+
+/* Toggle links styling */
+.pane-toggle {
+  text-decoration: none;
+  color: var(--pico-primary);
+  font-size: 0.875rem;
+  font-weight: 500;
+  padding: 5px 10px;
+  border-radius: 4px;
+  transition: all 0.2s;
+}
+
+.pane-toggle:hover {
+  background-color: var(--pico-primary-hover);
+  color: var(--pico-primary-inverse);
+}
+
+/* Ensure right pane takes full width when left is collapsed */
+#execution-right-pane {
+  transition: flex 0.3s, padding-left 0.3s;
+}

flock/webapp/templates/base.html

@@ -12,6 +12,7 @@
     <link rel="stylesheet" href="/static/css/sidebar.css">
     <link rel="stylesheet" href="/static/css/components.css">
     <link rel="stylesheet" href="/static/css/chat.css">
+    <link rel="stylesheet" href="/static/css/two-pane.css">
     <!-- Font Awesome for icons -->
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css">
     <!-- Prism.js CSS for syntax highlighting (okaidia theme) -->

flock/webapp/templates/partials/_execution_view_container.html

@@ -1,5 +1,14 @@
-<article class="two-pane-flex-container">
-    <section id="execution-left-pane" style="flex: 1; min-width: 300px;">
+<article class="two-pane-flex-container" x-data="{ showLeftPane: true }">
+    <!-- Left pane - collapsed state -->
+    <div class="left-pane-collapsed" x-show="!showLeftPane" style="display: none;">
+        <a href="#" class="pane-toggle" @click.prevent="showLeftPane = true" aria-label="Expand left pane">Show</a>
+    </div>
+
+    <!-- Left pane - expanded state -->
+    <section id="execution-left-pane" x-show="showLeftPane" style="flex: 1; min-width: 200px; max-width: 500px;">
+        <div class="pane-header" style="display: flex; justify-content: flex-end; margin-bottom: 10px;">
+            <a href="#" class="pane-toggle" @click.prevent="showLeftPane = false" aria-label="Hide left pane">Hide</a>
+        </div>
         {# The Execution Form will be loaded here #}
         <div id="execution-form-wrapper" hx-get="/ui/api/flock/htmx/execution-form-content" {# New endpoint for just the
             form #} hx-trigger="load" hx-swap="innerHTML">
@@ -8,7 +17,7 @@
     </section>
 
     <section id="execution-right-pane" class="right-pane-framed"
-        style="flex: 2; border-left: 1px solid var(--pico-muted-border-color); padding-left: 1.5rem;">
+        :style="showLeftPane ? 'flex: 2; border-left: 1px solid var(--pico-muted-border-color); padding-left: 1.5rem;' : 'flex: 1; border-left: none; padding-left: 0;'">
         {# The Results Display area, always present when this container is loaded #}
         <header style=" border-bottom: 1px solid var(--pico-muted-border-color); margin-bottom: 1rem;">
             <h5>Execution Results</h5>

{flock_core-0.4.510.dist-info → flock_core-0.4.511.dist-info}/METADATA

@@ -1,6 +1,6 @@
 Metadata-Version: 2.4
 Name: flock-core
-Version: 0.4.510
+Version: 0.4.511
 Summary: Declarative LLM Orchestration at Scale
 Author-email: Andre Ratzenberger <andre.ratzenberger@whiteduck.de>
 License-File: LICENSE

{flock_core-0.4.510.dist-info → flock_core-0.4.511.dist-info}/RECORD

@@ -508,7 +508,8 @@ flock/webapp/static/css/components.css,sha256=WnicEHy3ptPzggKmyG9_oZp3X30EMJBUW3
 flock/webapp/static/css/header.css,sha256=E9MgItZCk34S65NfMJ001ZsRz4oyFSJex8KvINMtCn0,1043
 flock/webapp/static/css/layout.css,sha256=ocDd7dmezdQzNAQDuQSv1xZ8-pcbNgYLUYJB1SKcfvw,1526
 flock/webapp/static/css/sidebar.css,sha256=gCwLTAiIvmHGksm0rHDpMsOGCDKBMxqx_aEc8ZQcQF8,3066
-flock/webapp/templates/base.html,sha256=Eqp-WYI8ZaYr8CiKzfquYLaoWtKJ7vtHHCJBS4b53Tw,9757
+flock/webapp/static/css/two-pane.css,sha256=dTrCm5y3odO105Pt_yHtAl3uzUSy2fqDSCEC_jxeEDM,1181
+flock/webapp/templates/base.html,sha256=4aGkj-tL-tOcPtpNvrsiOhGUn6EfaCpAOsto_MB4IKs,9817
 flock/webapp/templates/chat.html,sha256=9JMupaOFvVLxJ2DnLRmjaPWBN96nIOgQRYkHe3h_OzQ,7397
 flock/webapp/templates/chat_settings.html,sha256=nYz6ihYAUA9zN-Jru565QNl8_eJdoLMWC2LdZJtZ-20,862
 flock/webapp/templates/flock_editor.html,sha256=ysDExf9zMj4SMsSXZUpCtG9EjIv8VJ5xL4IJQOMlb7o,542
@@ -530,7 +531,7 @@ flock/webapp/templates/partials/_dashboard_upload_flock_form.html,sha256=lQxR75y
 flock/webapp/templates/partials/_dynamic_input_form_content.html,sha256=WYr2M7Mb5vKITFhIVXXEHppRx9IjGew91yLo1_I9kkI,1230
 flock/webapp/templates/partials/_env_vars_table.html,sha256=6TFUWvkYwzwodqXZ0yJhH_NU6L4tz7V09mDamSfDI8c,1082
 flock/webapp/templates/partials/_execution_form.html,sha256=296AFx0WSbCzX8t-L1pRl8s0AUzeOb2fmTiRlcwYoIg,3274
-flock/webapp/templates/partials/_execution_view_container.html,sha256=XuphmZKYf2IYSeA9XHqtnwAntBylrFASDXVlLBJUeDk,1031
+flock/webapp/templates/partials/_execution_view_container.html,sha256=8_kvsXBfROHcpqFfKl8MNhDWLusUOA2-7ygwtdJax7o,1702
 flock/webapp/templates/partials/_flock_file_list.html,sha256=FjIxAqB0OxA0mQ8f2jBX1_M_AM5ea7gCA8PEjPpiZVc,1209
 flock/webapp/templates/partials/_flock_properties_form.html,sha256=alOsGYzktVX6aYtfxRHganBfipkzx5Kk4RxF6C0IHhk,2891
 flock/webapp/templates/partials/_flock_upload_form.html,sha256=h2dIPwPeTg5dv_ubrZiwBXReF0NjzJ6eKSwwz7mbQQs,960
@@ -554,8 +555,8 @@ flock/workflow/agent_execution_activity.py,sha256=Gy6FtuVAjf0NiUXmC3syS2eJpNQF4R
 flock/workflow/flock_workflow.py,sha256=iSUF_soFvWar0ffpkzE4irkDZRx0p4HnwmEBi_Ne2sY,9666
 flock/workflow/temporal_config.py,sha256=3_8O7SDEjMsSMXsWJBfnb6XTp0TFaz39uyzSlMTSF_I,3988
 flock/workflow/temporal_setup.py,sha256=YIHnSBntzOchHfMSh8hoLeNXrz3B1UbR14YrR6soM7A,1606
-flock_core-0.4.510.dist-info/METADATA,sha256=dvIk6QrWRGCj3KgVkZWt6Lzi_d5eoAGbM_zRZLlLlnA,22584
-flock_core-0.4.510.dist-info/WHEEL,sha256=qtCwoSJWgHk21S1Kb4ihdzI2rlJ1ZKaIurTj_ngOhyQ,87
-flock_core-0.4.510.dist-info/entry_points.txt,sha256=rWaS5KSpkTmWySURGFZk6PhbJ87TmvcFQDi2uzjlagQ,37
-flock_core-0.4.510.dist-info/licenses/LICENSE,sha256=iYEqWy0wjULzM9GAERaybP4LBiPeu7Z1NEliLUdJKSc,1072
-flock_core-0.4.510.dist-info/RECORD,,
+flock_core-0.4.511.dist-info/METADATA,sha256=z5Ej34edD5OxdhIiXbXIkSxvMfr97CG0SHh_d_NfTmY,22584
+flock_core-0.4.511.dist-info/WHEEL,sha256=qtCwoSJWgHk21S1Kb4ihdzI2rlJ1ZKaIurTj_ngOhyQ,87
+flock_core-0.4.511.dist-info/entry_points.txt,sha256=rWaS5KSpkTmWySURGFZk6PhbJ87TmvcFQDi2uzjlagQ,37
+flock_core-0.4.511.dist-info/licenses/LICENSE,sha256=iYEqWy0wjULzM9GAERaybP4LBiPeu7Z1NEliLUdJKSc,1072
+flock_core-0.4.511.dist-info/RECORD,,