flock-core 0.4.542__py3-none-any.whl → 0.5.0__py3-none-any.whl

flock/webapp/static/css/components.css

@@ -1,167 +0,0 @@
-/* ========================================================================
-   components.css — Reusable component / utility styles
-   ======================================================================== */
-
-/* ---------- Message container (toast notifications) ---------- */
-.message-container {
-    position: fixed;
-    bottom: 3rem;
-    right: 1rem;
-    z-index: 1002;
-    max-width: 400px;
-}
-
-.message-container > div {
-    margin-top: 0.5rem;
-    box-shadow: var(--pico-card-box-shadow);
-    display: flex;
-    justify-content: space-between;
-    align-items: center;
-    padding: 0.75rem;
-    border-radius: var(--pico-border-radius);
-    font-weight: 500;
-}
-
-.message-container .success {
-    background-color: var(--flock-success-color, var(--pico-ins-color));
-    color: var(--pico-primary-inverse);
-    border: 1px solid var(--flock-success-color, var(--pico-ins-color));
-}
-
-.message-container .error {
-    background-color: var(--flock-error-color, var(--pico-del-color));
-    color: var(--pico-primary-inverse);
-    border: 1px solid var(--flock-error-color, var(--pico-del-color));
-}
-
-.message-container .close {
-    background: none;
-    border: none;
-    color: inherit;
-    font-size: 1.2rem;
-    cursor: pointer;
-    padding: 0 0.5rem;
-    margin-left: 1rem;
-}
-
-/* ---------- HTMX loading indicator ---------- */
-.htmx-indicator { display: none; opacity: 0; transition: opacity 0.3s ease-in-out; }
-.htmx-request .htmx-indicator { display: inline-block; opacity: 1; margin-left: 0.5em; }
-.htmx-request.htmx-indicator { display: inline-block; opacity: 1; }
-
-/* ---------- Form & validation helpers ---------- */
-.field-error { color: var(--flock-error-color, var(--pico-del-color)); font-size: var(--pico-font-size-small); margin-top: -0.5rem; margin-bottom: 0.5rem; }
-
-/* ---------- Main content headings ---------- */
-main.main-content h1, main.main-content h2, main.main-content h3 {
-    color: var(--pico-color);
-    font-weight: 600;
-    line-height: 1.2;
-    margin-top: 0;
-}
-main.main-content h1 { font-size: 2rem; margin-bottom: 1.5rem; }
-main.main-content h2 { font-size: 1.75rem; margin-bottom: 1.25rem; }
-main.main-content h3 { font-size: 1.5rem; margin-bottom: 1rem; }
-
-.panel-title { margin-top: 0; margin-bottom: 1.25rem; }
-
-/* ---------- Two-pane flex container (Execution, Agents, etc.) ---------- */
-.two-pane-flex-container {
-    display: flex;
-    gap: 1.5rem;
-    border: 1px solid var(--pico-muted-border-color);
-    background-color: var(--pico-card-background-color);
-}
-
-.left-pane { flex: 1; min-width: 300px; display: flex; flex-direction: column; }
-.left-pane > .scrollable-content { flex-grow: 1; }
-
-.right-pane-framed { flex: 2; border-left: 1px solid var(--pico-muted-border-color); padding-left: 1.5rem; }
-.right-pane-framed > header { padding-bottom: 0.75rem; border-bottom: 1px solid var(--pico-muted-border-color); margin-bottom: 1rem; }
-.right-pane-framed > header > h5 { margin-bottom: 0; font-size: 1.1rem; }
-
-/* ---------- Item-list utility ---------- */
-.item-list-container { flex-grow: 1; }
-ul.item-list {
-    list-style: none;
-    padding: 0;
-    margin: 0;
-}
-
-/* Guard against ::marker still appearing in some browsers */
-ul.item-list li::marker { content: none; }
-
-ul.item-list li { padding: 0.75rem 1rem; border-bottom: 1px solid var(--pico-muted-border-color); cursor: pointer; transition: background-color 0.15s ease-in-out, color 0.15s ease-in-out; }
-ul.item-list li:last-child { border-bottom: none; }
-ul.item-list li:hover, ul.item-list li.selected-item { background-color: var(--pico-primary-focus); color: var(--pico-primary-inverse); }
-
-/* ---------- Misc ---------- */
-progress { border-radius: 10px; height: 8px; }
-progress:indeterminate { background: rgba(var(--pico-primary-rgb, 0, 0, 0), 0.2); }
-
-/* ---------- Tool checklist (Agent form) ---------- */
-.tool-checklist {
-    max-height: 150px;
-    overflow-y: auto;
-    border: 1px solid var(--pico-muted-border-color);
-    padding: 0.5rem;
-    margin-bottom: 0.75rem;
-    border-radius: var(--pico-border-radius);
-    background-color: var(--pico-form-element-background-color);
-}
-
-.tool-checklist label { display: block; margin-bottom: 0.25rem; font-weight: normal; }
-.tool-checklist input[type="checkbox"] { margin-right: 0.5rem; }
-.tool-checklist label small { color: var(--pico-muted-color); }
-
-/* ---------- Execution / Results display ---------- */
-#results-display {
-    background-color: var(--pico-code-background-color);
-    color: var(--pico-code-color);
-    padding: 1rem;
-    border-radius: var(--pico-border-radius);
-    overflow-x: auto;
-    margin-top: 1rem;
-    min-height: 100px;
-    border: 1px solid var(--pico-muted-border-color);
-}
-
-#results-display pre { margin: 0; white-space: pre-wrap; word-break: break-all; }
-
-#results-display .structured-table {
-    border: 1px solid var(--pico-muted-border-color);
-    font-size: 0.9em;
-    width: 100%;
-    margin-bottom: 0.75rem !important;
-    border-collapse: collapse;
-}
-#results-display .structured-table td,
-#results-display .structured-table th {
-    padding: 0.4em 0.6em !important;
-    vertical-align: top;
-    border-bottom: 1px solid var(--pico-muted-border-color);
-}
-#results-display .structured-table tr:last-child td { border-bottom: none; }
-#results-display .structured-table td[style*="font-weight: bold"] {
-    color: var(--pico-secondary);
-    min-width: 120px;
-    max-width: 250px;
-    word-break: break-word;
-    border-right: 1px solid var(--pico-muted-border-color);
-}
-#results-display .structured-table ul { margin-left: 1em; padding-left: 1em; }
-
-/* ---------- Registry viewer tweaks ---------- */
-nav ul[role="group"] { margin-bottom: 1rem; }
-nav ul[role="group"] li button { width: 100%; }
-#registry-table-container table { margin-top: 1rem; }
-
-/* ---------- Progress elements ---------- */
-.sidebar progress { width: 80%; margin: 1rem auto; display: block; }
-progress { border-radius: 10px; height: 8px; }
-progress:indeterminate { background: rgba(var(--pico-primary-rgb, 0, 0, 0), 0.2); } 
-
-
-
-
-

flock/webapp/static/css/header.css

@@ -1,39 +0,0 @@
-/* ========================================================================
-   header.css — Top header bar styles
-   ======================================================================== */
-
-header.top-header {
-    grid-area: header;
-    border-bottom: 1px solid var(--pico-muted-border-color);
-    padding: 0.7rem 1.5rem;
-    background-color: var(--pico-card-sectioning-background-color);
-    display: flex;
-    justify-content: space-between;
-    align-items: center;
-    position: fixed;
-    top: 0;
-    left: 0;
-    right: 0;
-    z-index: 1001;
-    box-shadow: var(--pico-card-box-shadow, 0 2px 10px rgba(0, 0, 0, 0.2));
-}
-
-header.top-header strong {
-    color: var(--pico-color);
-    font-weight: 600;
-    font-size: 1.2rem;
-    letter-spacing: 0.02em;
-}
-
-header.top-header small {
-    color: var(--pico-muted-color);
-    font-size: 0.85rem;
-}
-
-header.top-header code {
-    background: var(--pico-code-background-color);
-    color: var(--pico-code-color);
-    padding: 0.2em 0.5em;
-    border-radius: 4px;
-    font-size: 0.85rem;
-} 

flock/webapp/static/css/layout.css

@@ -1,281 +0,0 @@
-/* ========================================================================
-   layout.css — Global layout & structure styles for Flock web UI
-   (extracted from legacy custom.css)
-   ======================================================================== */
-
-/* ---------- Global grid layout ---------- */
-body {
-    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
-    display: grid;
-    /* Sidebar column (300px) + main flexible column */
-    grid-template-columns: 300px 1fr;
-    /* Header (auto height) + main (flex) + footer (auto) rows */
-    grid-template-rows: auto 1fr auto;
-    grid-template-areas:
-        "header header"
-        "sidebar main"
-        "footer footer";
-    min-height: 100vh;
-    margin: 0;
-    background-color: var(--pico-background-color);
-}
-
-/* ---------- Main content area ---------- */
-main.main-content {
-    grid-area: main;
-    padding: 1.5rem;
-    overflow-y: auto;
-    /* account for fixed header height so content starts below */
-    margin-top: 3.5rem;
-    background-color: var(--pico-background-color);
-    /* ensure footer does not overlap scrolling content */
-    padding-bottom: 3.75rem;
-}
-
-body.logs-expanded main.main-content {
-    padding-bottom: 18rem;
-}
-
-/* ---------- Footer ---------- */
-footer.main-footer {
-    position: fixed;
-    left: 0;
-    bottom: 0;
-    width: 100%;
-    background-color: var(--pico-card-background-color);
-    border-top: 1px solid var(--pico-muted-border-color);
-    padding: 0.15rem 1.25rem 0.2rem;
-    z-index: 1000;
-    display: flex;
-    flex-direction: column;
-    gap: 0.18rem;
-    align-items: stretch;
-    box-sizing: border-box;
-}
-
-
-.footer-bar {
-    display: flex;
-    align-items: center;
-    gap: 0.25rem;
-}
-
-.live-log-toggle-link {
-    border: none;
-    background: none;
-    color: var(--pico-color-primary, #2e8aea);
-    font-size: 0.78rem;
-    font-weight: 500;
-    padding: 0;
-    cursor: pointer;
-    text-decoration: underline;
-    margin-left: auto;
-    line-height: 1;
-}
-
-.live-log-toggle-link:hover,
-.live-log-toggle-link:focus-visible {
-    color: var(--pico-color-primary-contrast, #75b6ff);
-    text-decoration: none;
-    outline: none;
-}
-
-/* ---------- Live log footer panel ---------- */
-.live-log-wrapper {
-    width: 100%;
-    max-width: none;
-    background-color: var(--pico-muted-background-color, rgba(0, 0, 0, 0.04));
-    border-radius: 0.6rem;
-    padding: 0.8rem 1rem 1rem;
-    box-shadow: inset 0 0 0 1px var(--pico-muted-border-color);
-    display: none;
-    flex-direction: column;
-    gap: 0.65rem;
-    min-height: 0;
-}
-
-footer.main-footer.expanded .live-log-wrapper {
-    display: flex;
-}
-
-.live-log-header {
-    display: flex;
-    justify-content: space-between;
-    align-items: flex-start;
-    gap: 0.75rem;
-    font-size: 0.8rem;
-}
-
-.live-log-title-group {
-    display: flex;
-    flex-direction: column;
-    gap: 0.2rem;
-}
-
-.live-log-actions {
-    display: flex;
-    align-items: center;
-    gap: 0.75rem;
-    flex-wrap: wrap;
-    justify-content: flex-end;
-}
-
-.live-log-filter {
-    display: flex;
-    align-items: center;
-    gap: 0.35rem;
-    font-size: 0.72rem;
-    margin: 0;
-}
-
-.live-log-option {
-    display: flex;
-    align-items: center;
-    gap: 0.35rem;
-    cursor: pointer;
-}
-
-.live-log-filter input[type="checkbox"],
-.live-log-option input[type="checkbox"] {
-    margin: 0;
-}
-
-.live-log-title {
-    font-weight: 600;
-    letter-spacing: 0.03em;
-    text-transform: uppercase;
-}
-
-.live-log-hint {
-    color: var(--pico-muted-color, #778089);
-    font-size: 0.72rem;
-    font-style: italic;
-}
-
-.live-log-panel {
-    flex: 1 1 auto;
-    max-height: 220px;
-    overflow-y: auto;
-    font-family: 'SFMono-Regular', Consolas, 'Liberation Mono', Menlo, Courier, monospace;
-    font-size: 0.78rem;
-    line-height: 1.35;
-    background-color: var(--pico-card-background-color);
-    border: 1px solid var(--pico-muted-border-color);
-    border-radius: 0.45rem;
-    padding: 0.5rem 0.6rem;
-    min-height: 0;
-}
-
-.live-log-buttons {
-    display: flex;
-    align-items: center;
-    gap: 0.5rem;
-}
-
-.live-log-action-button {
-    border: 1px solid var(--pico-muted-border-color);
-    background: var(--pico-card-background-color);
-    color: var(--pico-color-text, inherit);
-    border-radius: 0.45rem;
-    padding: 0.25rem 0.7rem;
-    font-size: 0.72rem;
-    cursor: pointer;
-    transition: background 0.2s ease, border-color 0.2s ease;
-}
-
-.live-log-action-button:hover,
-.live-log-action-button:focus-visible {
-    border-color: var(--pico-color-primary, #2e8aea);
-    background: rgba(46, 138, 234, 0.08);
-    outline: none;
-}
-
-.live-log-entries {
-    display: flex;
-    flex-direction: column;
-    gap: 0.3rem;
-}
-
-.live-log-entry {
-    display: flex;
-    gap: 0.75rem;
-    align-items: baseline;
-    white-space: pre-wrap;
-    word-break: break-word;
-    min-height: 1.1em;
-}
-
-.live-log-entry.stdout .live-log-stream {
-    color: var(--pico-color-primary, #2e8aea);
-}
-
-.live-log-entry.stderr .live-log-stream {
-    color: var(--pico-color-danger, #e5534b);
-}
-
-.live-log-time {
-    color: var(--pico-muted-color, #858b94);
-    font-size: 0.72rem;
-    min-width: 3.5rem;
-}
-
-.live-log-stream {
-    font-weight: 600;
-    font-size: 0.72rem;
-    min-width: 3.8rem;
-}
-
-.live-log-text {
-    flex: 1 1 auto;
-}
-
-.live-log-empty {
-    color: var(--pico-muted-color, #858b94);
-    font-style: italic;
-    font-size: 0.78rem;
-    text-align: center;
-}
-
-body.logs-maximized {
-    overflow: hidden;
-}
-
-footer.main-footer.maximized {
-    top: 0;
-    bottom: 0;
-    height: auto;
-    padding: 1.4rem 2rem;
-    gap: 1rem;
-}
-
-footer.main-footer.maximized .footer-bar {
-    align-items: flex-start;
-}
-
-footer.main-footer.maximized .live-log-wrapper {
-    flex: 1 1 auto;
-    min-height: 0;
-}
-
-footer.main-footer.maximized .live-log-panel {
-    max-height: none;
-    flex: 1 1 auto;
-    min-height: 0;
-}
-
-footer.main-footer.maximized .live-log-wrapper {
-    display: flex;
-}
-
-.footer-meta {
-    font-size: 0.72rem;
-    color: var(--pico-muted-color, #6f7782);
-    text-align: center;
-    flex: 1;
-    margin: 0;
-    line-height: 1;
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    min-height: 1.45rem;
-}

flock/webapp/static/css/sidebar.css

@@ -1,127 +0,0 @@
-/* ========================================================================
-   sidebar.css — Left navigation sidebar styles
-   ======================================================================== */
-
-aside.sidebar {
-    grid-area: sidebar;
-    background: var(--flock-sidebar-background, var(--pico-card-background-color));
-    padding: 1.5rem 0;
-    border-right: 1px solid var(--pico-muted-border-color);
-    margin-top: 3.2rem; /* header height compensation */
-    height: calc(100vh - 3.5rem - 2.1rem); /* header + footer */
-    position: fixed;
-    left: 0;
-    bottom: 2.1rem; /* footer height */
-    width: 300px;
-    z-index: 1000;
-}
-
-.sidebar nav h5 {
-    margin-bottom: 0.9rem;
-    padding-left: 1.5rem;
-    color: var(--pico-color);
-    font-size: 0.85em;
-    text-transform: uppercase;
-    letter-spacing: 0.08em;
-    font-weight: 600;
-}
-
-.sidebar nav h5:first-of-type {
-    margin-top: 0;
-    margin-bottom: 0.9rem;
-}
-
-.sidebar nav ul {
-    padding-left: 0.5rem;
-    padding-right: 0.5rem;
-    list-style: none;
-    margin-bottom: 1.5rem;
-}
-
-.sidebar nav li {
-    margin-bottom: 0.2rem;
-}
-
-.sidebar hr {
-    margin: 1.25rem 1.5rem;
-    border-color: var(--pico-muted-border-color);
-    opacity: 0.5;
-}
-
-/* Links & buttons */
-.sidebar nav a,
-.sidebar nav button {
-    display: block;
-    width: 100%;
-    text-align: left;
-    margin-bottom: 0;
-    padding: 0.7rem 1rem;
-    border: none;
-    background-color: transparent;
-    color: var(--pico-button-base-color);
-    text-decoration: none;
-    border-radius: 8px;
-    font-size: 0.9em;
-    cursor: pointer;
-    transition: all 0.2s ease-in-out;
-    font-weight: 500;
-    white-space: nowrap;
-    overflow: hidden;
-    text-overflow: ellipsis;
-}
-
-.sidebar nav a i,
-.sidebar nav button i {
-    width: 24px;
-    margin-right: 8px;
-    text-align: center;
-    color: var(--pico-h2-color);
-    transition: all 0.2s ease-in-out;
-    flex-shrink: 0;
-}
-
-.sidebar nav a:hover i,
-.sidebar nav button:hover i,
-.sidebar nav a.active-nav i,
-.sidebar nav button.active-nav i {
-    color: var(--pico-primary-inverse);
-    transform: scale(1.1);
-}
-
-/* Button variations / states */
-.sidebar nav button.outline,
-.sidebar nav button.contrast {
-    border: none;
-    background-color: transparent;
-    color: var(--pico-muted-color);
-    box-shadow: none;
-}
-
-.sidebar nav button:focus {
-    box-shadow: 0 0 0 3px var(--pico-primary-focus);
-}
-
-.sidebar nav a:hover,
-.sidebar nav button:hover {
-    background-color: var(--pico-primary-hover-background, var(--pico-primary-focus));
-    color: var(--pico-primary-inverse);
-    transform: translateX(3px);
-}
-
-/* Active navigation */
-.sidebar nav a[aria-current="page"],
-.sidebar nav button[aria-current="page"],
-.sidebar nav a.active-nav,
-.sidebar nav button.active-nav {
-    background-color: var(--pico-primary);
-    color: var(--pico-primary-inverse);
-    font-weight: 600;
-    box-shadow: var(--pico-card-box-shadow);
-}
-
-/* Progress bar inside sidebar (used as loading indicator) */
-.sidebar progress {
-    width: 80%;
-    margin: 1rem auto;
-    display: block;
-} 

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

@@ -1,48 +0,0 @@
-/* ========================================================================
-   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;
-}