@prorobotech/openapi-k8s-toolkit 1.2.1-alpha.4 → 1.2.1-alpha.5

package/dist/openapi-k8s-toolkit.es.js

@@ -1,7 +1,7 @@
 import styled, { createGlobalStyle } from 'styled-components';
 import * as React$1 from 'react';
 import React__default, { useState, useRef, useLayoutEffect, useReducer, useEffect, useCallback, useMemo, Fragment, createContext, useContext, memo, createElement, isValidElement, cloneElement, useInsertionEffect, useSyncExternalStore, forwardRef, useImperativeHandle, PureComponent, Children, Component, Suspense } from 'react';
-import { Input, Tree, Modal, Alert, theme, Select, Tag, Flex, Typography, Breadcrumb, Spin, Menu, Tooltip as Tooltip$1, Space, Button, Card as Card$1, Row, Col, Tabs, notification, Form, Popover, Switch, Segmented, Table, Progress, Statistic, Dropdown, Slider, InputNumber, Result, Radio, Checkbox, Empty } from 'antd';
+import { Input, Tree, Modal, Alert, theme, Select, Tag, Flex, Typography, Breadcrumb, Spin, Menu, Tooltip as Tooltip$1, Space, Button, Card as Card$1, Row, Col, Tabs, notification, Form, Popover, Switch, Segmented, Table, Progress, Statistic, Dropdown, Slider, InputNumber, Result, Radio, DatePicker, Checkbox, Empty } from 'antd';
 import { LoadingOutlined, ExclamationCircleFilled, CloseCircleFilled, CheckCircleFilled, PlusOutlined, ClearOutlined, MinusOutlined, CaretDownOutlined, CaretRightOutlined, InfoCircleOutlined, EyeOutlined, EyeInvisibleOutlined, SearchOutlined, MoreOutlined, CheckOutlined, CloseOutlined, BugOutlined, EllipsisOutlined, PoweroffOutlined, FullscreenExitOutlined, FullscreenOutlined, SettingOutlined, ReloadOutlined } from '@ant-design/icons';
 import { useNavigate, useSearchParams, Link, useLocation, useParams } from 'react-router-dom';
 import { useQuery, useQueries, useQueryClient } from '@tanstack/react-query';
@@ -35458,6 +35458,10 @@ const PodLogs$1 = ({
     namespace,
     podName,
     substractHeight,
+    tailLines,
+    sinceSeconds,
+    sinceTime,
+    limitBytes,
     ...props
   } = data;
   const partsOfUrl = usePartsOfUrl();
@@ -35509,6 +35513,10 @@ const PodLogs$1 = ({
         theme,
         substractHeight: substractHeight || 340 + 35 + 8,
         rawPodInfo: podInfo,
+        tailLines,
+        sinceSeconds,
+        sinceTime,
+        limitBytes,
         ...props
       }
     ),
@@ -76073,7 +76081,8 @@ const MatrixToTableRows = ({
   refetchInterval,
   title = "Memory usage (min / max / current)",
   formatValue,
-  formatTimestamp: formatTimestamp$1
+  formatTimestamp: formatTimestamp$1,
+  tableColumns
 }) => {
   const {
     data: series = [],
@@ -76090,11 +76099,15 @@ const MatrixToTableRows = ({
       const pts = s.data ?? [];
       let min = null;
       let max = null;
+      let sum = 0;
+      let count = 0;
       let current = null;
       let currentTs = null;
       for (const p of pts) {
         const v = Number(p.value);
         if (!Number.isFinite(v)) continue;
+        sum += v;
+        count += 1;
         if (min == null || v < min) min = v;
         if (max == null || v > max) max = v;
         if (currentTs == null || p.timestamp > currentTs) {
@@ -76108,6 +76121,7 @@ const MatrixToTableRows = ({
         metric: s.metric ?? {},
         min,
         max,
+        mean: count > 0 ? sum / count : null,
         current,
         currentTs
       };
@@ -76115,9 +76129,16 @@ const MatrixToTableRows = ({
   }, [series]);
   const valueFormatter = formatValue ?? formatBytes;
   const timestampFormatter = formatTimestamp$1 ?? formatTimestamp;
-  const columns = useMemo(
-    () => [
-      {
+  const showSeries = tableColumns?.series !== false;
+  const showMin = tableColumns?.min !== false;
+  const showMax = tableColumns?.max !== false;
+  const showMean = tableColumns?.mean === true;
+  const showCurrent = tableColumns?.current !== false;
+  const showCurrentTs = tableColumns?.currentTs !== false;
+  const columns = useMemo(() => {
+    const cols = [];
+    if (showSeries) {
+      cols.push({
         title: "Series",
         dataIndex: "id",
         key: "id",
@@ -76127,8 +76148,10 @@ const MatrixToTableRows = ({
           return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { children: /* @__PURE__ */ jsxRuntimeExports.jsx(Typography.Text, { strong: true, children: row.id }) });
         },
         sorter: (a, b) => a.id.localeCompare(b.id)
-      },
-      {
+      });
+    }
+    if (showMin) {
+      cols.push({
         title: "Min",
         dataIndex: "min",
         key: "min",
@@ -76136,16 +76159,30 @@ const MatrixToTableRows = ({
         render: (v) => v == null ? "-" : valueFormatter(v),
         sorter: (a, b) => (a.min ?? -Infinity) - (b.min ?? -Infinity),
         defaultSortOrder: void 0
-      },
-      {
+      });
+    }
+    if (showMax) {
+      cols.push({
         title: "Max",
         dataIndex: "max",
         key: "max",
         align: "right",
         render: (v) => v == null ? "-" : valueFormatter(v),
         sorter: (a, b) => (a.max ?? -Infinity) - (b.max ?? -Infinity)
-      },
-      {
+      });
+    }
+    if (showMean) {
+      cols.push({
+        title: "Mean",
+        dataIndex: "mean",
+        key: "mean",
+        align: "right",
+        render: (v) => v == null ? "-" : valueFormatter(v),
+        sorter: (a, b) => (a.mean ?? -Infinity) - (b.mean ?? -Infinity)
+      });
+    }
+    if (showCurrent) {
+      cols.push({
         title: "Current",
         dataIndex: "current",
         key: "current",
@@ -76153,18 +76190,20 @@ const MatrixToTableRows = ({
         render: (v) => v == null ? "-" : valueFormatter(v),
         sorter: (a, b) => (a.current ?? -Infinity) - (b.current ?? -Infinity),
         defaultSortOrder: "descend"
-      },
-      {
+      });
+    }
+    if (showCurrentTs) {
+      cols.push({
         title: "Current @",
         dataIndex: "currentTs",
         key: "currentTs",
         width: 180,
         render: (ts) => ts == null ? "-" : timestampFormatter(ts),
         sorter: (a, b) => (a.currentTs ?? -Infinity) - (b.currentTs ?? -Infinity)
-      }
-    ],
-    [valueFormatter, timestampFormatter]
-  );
+      });
+    }
+    return cols;
+  }, [showSeries, showMin, showMax, showMean, showCurrent, showCurrentTs, valueFormatter, timestampFormatter]);
   if (error) {
     return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { children: [
       "❌ Error: ",
@@ -76480,7 +76519,8 @@ const VectorToTableRows = ({
   refetchInterval,
   formatValue,
   formatTimestamp: formatTimestamp$1,
-  title = "Vector → Table"
+  title = "Vector → Table",
+  tableColumns
 }) => {
   const { data, isLoading, error } = usePromVector({ baseUrl, query, refetchInterval });
   const dataSource = useMemo(() => {
@@ -76489,17 +76529,23 @@ const VectorToTableRows = ({
   }, [data]);
   const valueFormatter = formatValue ?? formatBytes;
   const timestampFormatter = formatTimestamp$1 ?? formatTimestamp;
-  const columns = useMemo(
-    () => [
-      {
+  const showId = tableColumns?.id !== false;
+  const showValue = tableColumns?.value !== false;
+  const showTimestamp = tableColumns?.timestamp !== false;
+  const columns = useMemo(() => {
+    const cols = [];
+    if (showId) {
+      cols.push({
         title: "id",
         dataIndex: "id",
         key: "id",
         sorter: (a, b) => a.id.localeCompare(b.id),
         fixed: "left",
         width: 260
-      },
-      {
+      });
+    }
+    if (showValue) {
+      cols.push({
         title: "value",
         dataIndex: "value",
         key: "value",
@@ -76508,18 +76554,20 @@ const VectorToTableRows = ({
         sorter: (a, b) => a.value - b.value,
         defaultSortOrder: "descend",
         width: 160
-      },
-      {
+      });
+    }
+    if (showTimestamp) {
+      cols.push({
         title: "timestamp",
         dataIndex: "timestamp",
         key: "timestamp",
         render: (ts) => timestampFormatter(ts),
         sorter: (a, b) => a.timestamp - b.timestamp,
         width: 220
-      }
-    ],
-    [valueFormatter, timestampFormatter]
-  );
+      });
+    }
+    return cols;
+  }, [showId, showValue, showTimestamp, valueFormatter, timestampFormatter]);
   if (error) {
     return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { children: [
       "❌ Error: ",
@@ -76658,6 +76706,14 @@ const toDate = (input) => {
   const d = input instanceof Date ? input : new Date(input);
   return Number.isFinite(d.getTime()) ? d : null;
 };
+const isValidRFC3339 = (dateString) => {
+  const rfc3339Regex = /^\d{4}-\d{2}-\d{2}T\d{2}:\d{2}:\d{2}(\.\d+)?(Z|[+-]\d{2}:\d{2})$/;
+  if (!rfc3339Regex.test(dateString)) {
+    return false;
+  }
+  const date = new Date(dateString);
+  return !Number.isNaN(date.getTime());
+};
 const formatRelative = (date, { locale, timeZone, relative }) => {
   const nowDate = relative?.now ? toDate(relative.now) ?? /* @__PURE__ */ new Date() : /* @__PURE__ */ new Date();
   const diffMs = date.getTime() - nowDate.getTime();
@@ -76833,6 +76889,7 @@ const PrometheusGraph = ({
     formatter,
     unit,
     dateFormatter,
+    tableColumns,
     ...props
   } = data;
   const partsOfUrl = usePartsOfUrl();
@@ -76848,7 +76905,18 @@ const PrometheusGraph = ({
   );
   const formatValue = createValueFormatter({ formatter, unit });
   const formatTimestamp = createDateFormatter(dateFormatter);
-  const preparedProps = { width, height, refetchInterval, min, max, topN, formatValue, formatTimestamp, ...parsedProps };
+  const preparedProps = {
+    width,
+    height,
+    refetchInterval,
+    min,
+    max,
+    topN,
+    formatValue,
+    formatTimestamp,
+    tableColumns,
+    ...parsedProps
+  };
   if (isMultiqueryLoading) {
     return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { children: "Loading multiquery" });
   }
@@ -83309,7 +83377,6 @@ const CustomCard$1 = styled.div`
 `;
 const VisibilityContainer = styled.div`
   visibility: ${({ $isVisible }) => $isVisible ? "visible" : "hidden"};
-  margin-top: -51px;
 `;
 const CursorPointerDiv$1 = styled.div`
   cursor: pointer;
@@ -83329,14 +83396,20 @@ const MonacoEditor = ({
   container,
   theme,
   substractHeight,
-  previous
+  previous,
+  tailLines,
+  sinceSeconds,
+  sinceTime,
+  limitBytes
 }) => {
+  const [notificationApi, contextHolder] = notification.useNotification();
   const [isLoading, setIsLoading] = useState(true);
   const [error, setError] = useState();
   const [isTerminalVisible, setIsTerminalVisible] = useState(false);
   const [isPaused, setIsPaused] = useState(false);
   const socketRef = useRef(null);
   const editorRef = useRef(null);
+  const shownErrorsRef = useRef(/* @__PURE__ */ new Set());
   const [editorReady, setEditorReady] = useState(false);
   const handleEditorDidMount = (editor) => {
     editorRef.current = editor;
@@ -83363,7 +83436,7 @@ const MonacoEditor = ({
       socket.send(
         JSON.stringify({
           type: "init",
-          payload: { namespace, podName, container, previous }
+          payload: { namespace, podName, container, previous, tailLines, sinceSeconds, sinceTime, limitBytes }
         })
       );
       console.log(`[${namespace}/${podName}]: WebSocket Client Connected`);
@@ -83379,6 +83452,20 @@ const MonacoEditor = ({
           appendContent(data.payload);
         }
       }
+      if (data.type === "error") {
+        const errorKey = data.payload;
+        if (!shownErrorsRef.current.has(errorKey)) {
+          shownErrorsRef.current.add(errorKey);
+          notificationApi.error({
+            message: "Log fetch error",
+            description: data.payload,
+            placement: "bottomRight",
+            duration: 10,
+            style: { maxWidth: 400 }
+          });
+        }
+        console.error("Log fetch error from server:", data.payload);
+      }
     };
     socket.onclose = () => {
       console.log(`[${namespace}/${podName}]: WebSocket Client Closed`);
@@ -83392,8 +83479,9 @@ const MonacoEditor = ({
         socket.close();
       }
     };
-  }, [endpoint, namespace, podName, container, previous, editorReady]);
+  }, [endpoint, namespace, podName, container, previous, tailLines, sinceSeconds, sinceTime, limitBytes, editorReady]);
   return /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
+    contextHolder,
     /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$6.VisibilityContainer, { $isVisible: isTerminalVisible, children: /* @__PURE__ */ jsxRuntimeExports.jsxs(Flex, { justify: "start", align: "center", gap: 16, children: [
       /* @__PURE__ */ jsxRuntimeExports.jsx(
         Styled$6.CursorPointerDiv,
@@ -83443,7 +83531,6 @@ const MonacoEditor = ({
 
 const TopRowContent = styled.div`
   height: 35px;
-  margin-left: 202px;
   display: flex;
   align-items: center;
 `;
@@ -83452,10 +83539,53 @@ const CustomSelect = styled.div`
     width: 200px;
   }
 `;
+const FilterRow = styled.div`
+  display: flex;
+  align-items: center;
+  gap: 24px;
+  flex-wrap: wrap;
+`;
+const FilterGroup = styled.div`
+  display: flex;
+  align-items: center;
+  gap: 8px;
+`;
+const FilterLabel = styled.span`
+  font-size: 13px;
+  color: ${({ $color }) => $color};
+  white-space: nowrap;
+`;
+const SinceControls = styled.div`
+  display: flex;
+  align-items: center;
+  gap: 8px;
+`;
+const FilterTitle = styled.div`
+  font-size: 16px;
+  font-weight: 500;
+  color: ${({ $color }) => $color};
+  margin-bottom: 8px;
+`;
 const Styled$5 = {
   TopRowContent,
-  CustomSelect
-};
+  CustomSelect,
+  FilterRow,
+  FilterGroup,
+  FilterLabel,
+  SinceControls,
+  FilterTitle
+};
+
+const SINCE_PRESETS = [
+  { label: "5 min", value: 300 },
+  { label: "15 min", value: 900 },
+  { label: "30 min", value: 1800 },
+  { label: "1 hour", value: 3600 },
+  { label: "2 hours", value: 7200 },
+  { label: "6 hours", value: 21600 },
+  { label: "12 hours", value: 43200 },
+  { label: "24 hours", value: 86400 }
+];
 
 const PodLogsMonaco = ({
   cluster,
@@ -83463,12 +83593,85 @@ const PodLogsMonaco = ({
   podName,
   containers,
   initContainers,
-  theme,
+  theme: theme$1,
   substractHeight,
-  rawPodInfo
+  rawPodInfo,
+  tailLines,
+  sinceSeconds,
+  sinceTime,
+  limitBytes
 }) => {
+  const { token } = theme.useToken();
+  const [notificationApi, contextHolder] = notification.useNotification();
   const [currentContainer, setCurrentContainer] = useState(containers[0] || void 0);
   const [previous, setPrevious] = useState(false);
+  const warningShownRef = useRef(false);
+  useEffect(() => {
+    if (sinceTime && !isValidRFC3339(sinceTime) && !warningShownRef.current) {
+      warningShownRef.current = true;
+      notificationApi.warning({
+        message: "Invalid sinceTime format",
+        description: `Value "${sinceTime}" is not valid RFC3339. Expected format: "2024-01-01T00:00:00Z"`,
+        placement: "bottomRight",
+        duration: 10,
+        style: { maxWidth: 400 }
+      });
+    }
+  }, [sinceTime, notificationApi]);
+  const [pendingTailLines, setPendingTailLines] = useState(tailLines);
+  const [pendingSinceMode, setPendingSinceMode] = useState(sinceTime ? "absolute" : "relative");
+  const [pendingSinceSeconds, setPendingSinceSeconds] = useState(sinceSeconds);
+  const [pendingSinceTime, setPendingSinceTime] = useState(null);
+  const [pendingLimitKB, setPendingLimitKB] = useState(
+    limitBytes ? Math.round(limitBytes / 1024) : void 0
+  );
+  const [appliedFilters, setAppliedFilters] = useState({
+    tailLines,
+    sinceSeconds,
+    sinceTime,
+    limitBytes
+  });
+  const [filterKey, setFilterKey] = useState(0);
+  useEffect(() => {
+    setPendingTailLines(tailLines);
+    setPendingSinceSeconds(sinceSeconds);
+    setPendingLimitKB(limitBytes ? Math.round(limitBytes / 1024) : void 0);
+    setPendingSinceMode(sinceTime ? "absolute" : "relative");
+  }, [tailLines, sinceSeconds, sinceTime, limitBytes]);
+  const matchingPreset = SINCE_PRESETS.find((p) => p.value === pendingSinceSeconds);
+  const handlePresetChange = (value) => {
+    if (value !== null) {
+      setPendingSinceSeconds(value);
+    }
+  };
+  const handleSecondsInputChange = (value) => {
+    setPendingSinceSeconds(value ?? void 0);
+  };
+  const handleSinceModeChange = (e) => {
+    setPendingSinceMode(e.target.value);
+  };
+  const handleDateTimeChange = (value) => {
+    setPendingSinceTime(value);
+  };
+  const handleApply = () => {
+    const newFilters = {
+      tailLines: pendingTailLines,
+      sinceSeconds: pendingSinceMode === "relative" ? pendingSinceSeconds : void 0,
+      sinceTime: pendingSinceMode === "absolute" && pendingSinceTime ? pendingSinceTime.toISOString() : void 0,
+      limitBytes: pendingLimitKB ? pendingLimitKB * 1024 : void 0
+    };
+    setAppliedFilters(newFilters);
+    setFilterKey((prev) => prev + 1);
+  };
+  const handleReset = () => {
+    setPendingTailLines(tailLines);
+    setPendingSinceSeconds(sinceSeconds);
+    setPendingSinceTime(null);
+    setPendingLimitKB(limitBytes ? Math.round(limitBytes / 1024) : void 0);
+    setPendingSinceMode(sinceTime ? "absolute" : "relative");
+    setAppliedFilters({ tailLines, sinceSeconds, sinceTime, limitBytes });
+    setFilterKey((prev) => prev + 1);
+  };
   const endpoint = `/api/clusters/${cluster}/openapi-bff-ws/terminal/podLogs/podLogsNonWs`;
   if (containers.length === 0) {
     return /* @__PURE__ */ jsxRuntimeExports.jsx(jsxRuntimeExports.Fragment, { children: "No Running Containers" });
@@ -83498,6 +83701,7 @@ const PodLogsMonaco = ({
     }
   ];
   return /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
+    contextHolder,
     /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$5.TopRowContent, { children: /* @__PURE__ */ jsxRuntimeExports.jsxs(Flex, { gap: 16, children: [
       /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$5.CustomSelect, { children: /* @__PURE__ */ jsxRuntimeExports.jsx(
         Select,
@@ -83533,6 +83737,104 @@ const PodLogsMonaco = ({
         }
       ) })
     ] }) }),
+    /* @__PURE__ */ jsxRuntimeExports.jsx(Spacer$1, { $space: 8, $samespace: true }),
+    /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$5.FilterTitle, { $color: token.colorText, children: "Filters" }),
+    /* @__PURE__ */ jsxRuntimeExports.jsxs(Styled$5.FilterRow, { children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsxs(Styled$5.FilterGroup, { children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$5.FilterLabel, { $color: token.colorTextSecondary, children: "Tail lines:" }),
+        /* @__PURE__ */ jsxRuntimeExports.jsx(
+          InputNumber,
+          {
+            min: 1,
+            placeholder: "All",
+            value: pendingTailLines,
+            onChange: (value) => setPendingTailLines(value ?? void 0),
+            style: { width: 100 }
+          }
+        )
+      ] }),
+      /* @__PURE__ */ jsxRuntimeExports.jsxs(Styled$5.FilterGroup, { children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$5.FilterLabel, { $color: token.colorTextSecondary, children: "Since:" }),
+        /* @__PURE__ */ jsxRuntimeExports.jsxs(Radio.Group, { value: pendingSinceMode, onChange: handleSinceModeChange, size: "small", children: [
+          /* @__PURE__ */ jsxRuntimeExports.jsx(Radio.Button, { value: "relative", children: "Relative" }),
+          /* @__PURE__ */ jsxRuntimeExports.jsx(Radio.Button, { value: "absolute", children: "Absolute" })
+        ] })
+      ] }),
+      pendingSinceMode === "relative" && /* @__PURE__ */ jsxRuntimeExports.jsxs(Styled$5.SinceControls, { children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsx(
+          Select,
+          {
+            placeholder: "Preset",
+            options: SINCE_PRESETS,
+            value: matchingPreset?.value ?? null,
+            onChange: handlePresetChange,
+            allowClear: true,
+            style: { width: 100 }
+          }
+        ),
+        /* @__PURE__ */ jsxRuntimeExports.jsx(
+          InputNumber,
+          {
+            min: 1,
+            placeholder: "sec",
+            value: pendingSinceSeconds,
+            onChange: handleSecondsInputChange,
+            style: { width: 100 },
+            addonAfter: "sec"
+          }
+        )
+      ] }),
+      pendingSinceMode === "absolute" && /* @__PURE__ */ jsxRuntimeExports.jsx(
+        DatePicker,
+        {
+          showTime: true,
+          value: pendingSinceTime,
+          onChange: handleDateTimeChange,
+          placeholder: "Select date & time"
+        }
+      ),
+      /* @__PURE__ */ jsxRuntimeExports.jsxs(Styled$5.FilterGroup, { children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$5.FilterLabel, { $color: token.colorTextSecondary, children: "Limit:" }),
+        /* @__PURE__ */ jsxRuntimeExports.jsx(
+          InputNumber,
+          {
+            min: 1,
+            placeholder: "No limit",
+            value: pendingLimitKB,
+            onChange: (value) => setPendingLimitKB(value ?? void 0),
+            style: { width: 120 },
+            addonAfter: "KB"
+          }
+        )
+      ] }),
+      /* @__PURE__ */ jsxRuntimeExports.jsxs(Flex, { gap: 8, children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsx(
+          Button,
+          {
+            size: "small",
+            onClick: handleReset,
+            style: {
+              color: "#c77777",
+              borderColor: "#c77777"
+            },
+            children: "Reset"
+          }
+        ),
+        /* @__PURE__ */ jsxRuntimeExports.jsx(
+          Button,
+          {
+            size: "small",
+            onClick: handleApply,
+            style: {
+              backgroundColor: "#5a9a5a",
+              borderColor: "#5a9a5a",
+              color: "#fff"
+            },
+            children: "Apply"
+          }
+        )
+      ] })
+    ] }),
     /* @__PURE__ */ jsxRuntimeExports.jsx(Spacer$1, { $space: 16, $samespace: true }),
     currentContainer && /* @__PURE__ */ jsxRuntimeExports.jsx(
       MonacoEditor,
@@ -83541,11 +83843,15 @@ const PodLogsMonaco = ({
         namespace,
         podName,
         container: currentContainer,
-        theme,
+        theme: theme$1,
         substractHeight,
-        previous
+        previous,
+        tailLines: appliedFilters.tailLines,
+        sinceSeconds: appliedFilters.sinceSeconds,
+        sinceTime: appliedFilters.sinceTime,
+        limitBytes: appliedFilters.limitBytes
       },
-      `${cluster}-${namespace}-${podName}-${currentContainer}-${previous}`
+      `${cluster}-${namespace}-${podName}-${currentContainer}-${previous}-${filterKey}`
     )
   ] });
 };
@@ -85828,5 +86134,5 @@ const usePluginManifest = ({
   });
 };
 
-export { BackToDefaultIcon, BlackholeForm, BlackholeFormProvider, ContentCard$1 as ContentCard, CursorDefaultDiv, CursorPointerTag, CursorPointerTagMinContent, CustomSelect$4 as CustomSelect, DeleteIcon, DeleteModal, DeleteModalMany, DownIcon, DynamicComponents, DynamicRenderer, DynamicRendererWithProviders, EarthIcon, EditIcon, EnrichedTable, EnrichedTableProvider, Events, FlexGrow, LockedIcon, LookingGlassIcon, ManageableBreadcrumbs, ManageableBreadcrumbsProvider, ManageableSidebar, ManageableSidebarProvider, MarketPlace, MarketplaceCard, MinusIcon, NodeTerminal, PaddingContainer, PauseCircleIcon, PlusIcon, PodLogs, PodLogsMonaco, PodTerminal, ProjectInfoCard, ResourceLink, ResumeCircleIcon, Search, Spacer$1 as Spacer, SuccessIcon, TreeWithSearch, UncontrolledSelect, UnlockedIcon, UpIcon, VMVNC, YamlEditorSingleton$1 as YamlEditorSingleton, checkIfApiInstanceNamespaceScoped, checkIfBuiltInInstanceNamespaceScoped, checkPermission, convertBytes, convertCompute, convertCores, convertStorage, createContextFactory, createNewEntry, deepMerge, deleteEntry, feedbackIcons, filterIfApiInstanceNamespaceScoped, filterIfBuiltInInstanceNamespaceScoped, filterSelectOptions, floorToDecimal, formatBytesAuto, formatCoresAuto, formatDateAuto, getAllPathsFromObj, getApiResourceSingle, getApiResourceTypes, getApiResourceTypesByApiGroup, getApiResources, getBuiltinResourceSingle, getBuiltinResourceTypes, getBuiltinResources, getBuiltinTreeData, getClusterList, getCrdData, getCrdResourceSingle, getCrdResources, getDirectUnknownResource, getEnrichedColumns, getEnrichedColumnsWithControls, getGroupsByCategory, getKinds, getLinkToApiForm, getLinkToBuiltinForm, getLinkToForm, getNamespaceLink, getObjectFormItemsDraft, getPrefixSubarrays, getResourceLink, getSortedKinds, getSortedKindsAll, getStringByName, getSwagger, getUppercase, groupsToTreeData, hslFromString, includesArray, isFlatObject, isMultilineFromYaml, isMultilineString, kindByGvr, namespacedByGvr, normalizeValuesForQuotasToNumber, parseCoresWithUnit, parseQuotaValue, parseQuotaValueCpu, parseQuotaValueMemoryAndStorage, parseValueWithUnit, pluralByKind, prepareDataForManageableBreadcrumbs, prepareDataForManageableSidebar, prepareTemplate, prepareUrlsToFetchForDynamicRenderer, toBytes, toCores, updateEntry, useApiResourceSingle, useApiResourceTypesByGroup, useApiResources, useApisResourceTypes, useBuiltinResourceSingle, useBuiltinResourceTypes, useBuiltinResources, useClusterList, useCrdData, useCrdResourceSingle, useCrdResources, useDirectUnknownResource, useInfiniteSentinel, useK8sSmartResource, useK8sVerbs, useKinds, useListWatch, useManyK8sSmartResource, usePermissions, usePluginManifest, useResourceScope, useSmartResourceParams };
+export { BackToDefaultIcon, BlackholeForm, BlackholeFormProvider, ContentCard$1 as ContentCard, CursorDefaultDiv, CursorPointerTag, CursorPointerTagMinContent, CustomSelect$4 as CustomSelect, DeleteIcon, DeleteModal, DeleteModalMany, DownIcon, DynamicComponents, DynamicRenderer, DynamicRendererWithProviders, EarthIcon, EditIcon, EnrichedTable, EnrichedTableProvider, Events, FlexGrow, LockedIcon, LookingGlassIcon, ManageableBreadcrumbs, ManageableBreadcrumbsProvider, ManageableSidebar, ManageableSidebarProvider, MarketPlace, MarketplaceCard, MinusIcon, NodeTerminal, PaddingContainer, PauseCircleIcon, PlusIcon, PodLogs, PodLogsMonaco, PodTerminal, ProjectInfoCard, ResourceLink, ResumeCircleIcon, Search, Spacer$1 as Spacer, SuccessIcon, TreeWithSearch, UncontrolledSelect, UnlockedIcon, UpIcon, VMVNC, YamlEditorSingleton$1 as YamlEditorSingleton, checkIfApiInstanceNamespaceScoped, checkIfBuiltInInstanceNamespaceScoped, checkPermission, convertBytes, convertCompute, convertCores, convertStorage, createContextFactory, createNewEntry, deepMerge, deleteEntry, feedbackIcons, filterIfApiInstanceNamespaceScoped, filterIfBuiltInInstanceNamespaceScoped, filterSelectOptions, floorToDecimal, formatBytesAuto, formatCoresAuto, formatDateAuto, getAllPathsFromObj, getApiResourceSingle, getApiResourceTypes, getApiResourceTypesByApiGroup, getApiResources, getBuiltinResourceSingle, getBuiltinResourceTypes, getBuiltinResources, getBuiltinTreeData, getClusterList, getCrdData, getCrdResourceSingle, getCrdResources, getDirectUnknownResource, getEnrichedColumns, getEnrichedColumnsWithControls, getGroupsByCategory, getKinds, getLinkToApiForm, getLinkToBuiltinForm, getLinkToForm, getNamespaceLink, getObjectFormItemsDraft, getPrefixSubarrays, getResourceLink, getSortedKinds, getSortedKindsAll, getStringByName, getSwagger, getUppercase, groupsToTreeData, hslFromString, includesArray, isFlatObject, isMultilineFromYaml, isMultilineString, isValidRFC3339, kindByGvr, namespacedByGvr, normalizeValuesForQuotasToNumber, parseCoresWithUnit, parseQuotaValue, parseQuotaValueCpu, parseQuotaValueMemoryAndStorage, parseValueWithUnit, pluralByKind, prepareDataForManageableBreadcrumbs, prepareDataForManageableSidebar, prepareTemplate, prepareUrlsToFetchForDynamicRenderer, toBytes, toCores, updateEntry, useApiResourceSingle, useApiResourceTypesByGroup, useApiResources, useApisResourceTypes, useBuiltinResourceSingle, useBuiltinResourceTypes, useBuiltinResources, useClusterList, useCrdData, useCrdResourceSingle, useCrdResources, useDirectUnknownResource, useInfiniteSentinel, useK8sSmartResource, useK8sVerbs, useKinds, useListWatch, useManyK8sSmartResource, usePermissions, usePluginManifest, useResourceScope, useSmartResourceParams };
 //# sourceMappingURL=openapi-k8s-toolkit.es.js.map