decord/beta/source/modules/vibegrations/native/VibegrationsDebugLogsTab.tsx

// Module ID: 17068
// Function ID: 17069
// Name: VibegrationsDebugLogsTab
// Dependencies: [32, 19, 17, 9307, 21, 4758, 580, 558, 568, 17069, 11408, 7456, 17070, 4754, 1119, 3682, 5341, 5824, 1616, 504, 17071, 9868, 9869, 7297, 17072, 17073, 8995, 2]

// Module 17068 (VibegrationsDebugLogsTab)
import c from "c" /* 568 */;
import nativeDefault from "native" /* 580 */;
import _modDef3682 from "module_3682" /* 3682 */;
import VibegrationsDebugLabels from "VibegrationsDebugLabels" /* 17071 */;
import _slicedToArray from "module_32" /* 32 */;
import noop from "module_19" /* 19 */;
import VibegrationsProjectStore from "VibegrationsProjectStore" /* 9307 */;

const util = Text(1119);
const Text_Text = Text(4754);
const Pressables = Text(5341);
const Card = Text(5824);
const ChevronSmallRightIcon2 = Text(7456);
const ChevronSmallDownIcon = Text(11408);
const VibegrationsDebugJson = Text(17069);
const VibegrationsDebugFormat = Text(17070);
require = fn;
function keyOf(key) {
  return String(key.key);
}
const View = fn(17).View;
const jsxProd = fn(21);
({ jsx: closure_7, jsxs: closure_8, Fragment: closure_9 } = jsxProd);
const createStyles = fn(4758);
let obj = { list: { paddingHorizontal: nativeDefault.space.PX_16 }, header: null, row: null, rowHead: null, badge: null, jsonToggle: null };
let obj3 = { paddingHorizontal: nativeDefault.space.PX_16 };
obj.header = { gap: nativeDefault.space.PX_12, paddingBottom: nativeDefault.space.PX_12 };
let obj4 = { gap: nativeDefault.space.PX_12, paddingBottom: nativeDefault.space.PX_12 };
obj.row = { gap: nativeDefault.space.PX_4, paddingBottom: nativeDefault.space.PX_8 };
let obj5 = { gap: nativeDefault.space.PX_4, paddingBottom: nativeDefault.space.PX_8 };
obj.rowHead = { flexDirection: "row", alignItems: "baseline", gap: nativeDefault.space.PX_8 };
obj.badge = { textTransform: "uppercase" };
let obj6 = { flexDirection: "row", alignItems: "baseline", gap: nativeDefault.space.PX_8 };
obj.jsonToggle = { flexDirection: "row", alignItems: "center", gap: nativeDefault.space.PX_4, alignSelf: "flex-start" };
let closure_10 = createStyles.createStyles(obj);
let ReactCompilerGating = fn(558);
let closure_11 = noop.memo(ReactCompilerGating.isReactCompilerEnabled() ? ((arg0) => {
  let Text = require;
  let tmp = dependencyMap;
  const cResult = c.c(38);
  ({ entry, logKey } = arg0);
  ({ showSource, expanded, onToggle } = arg0);
  const tmp3 = closure_10();
  if (cResult[0] !== entry.message) {
    const extractLogJsonResult = VibegrationsDebugJson.extractLogJson(entry.message);
    cResult[0] = entry.message;
    cResult[1] = extractLogJsonResult;
    let tmp4 = extractLogJsonResult;
    const TextResult = VibegrationsDebugJson;
  } else {
    tmp4 = cResult[1];
  }
  let str = "text-default";
  if ("error" === entry.level) {
    str = "text-feedback-critical";
  }
  if (expanded) {
    let ChevronSmallRightIcon = ChevronSmallDownIcon.ChevronSmallDownIcon;
  } else {
    ChevronSmallRightIcon = ChevronSmallRightIcon2.ChevronSmallRightIcon;
  }
  ({ row, rowHead } = tmp3);
  if (cResult[2] !== entry.ts) {
    const formatClockTimeResult = VibegrationsDebugFormat.formatClockTime(entry.ts);
    cResult[2] = entry.ts;
    cResult[3] = formatClockTimeResult;
    let tmp6 = formatClockTimeResult;
    const TextResult1 = VibegrationsDebugFormat;
  } else {
    tmp6 = cResult[3];
  }
  if (cResult[4] !== tmp6) {
    const obj2 = { variant: "text-xs/normal", color: "text-subtle", children: tmp6 };
    const tmp10 = onToggle(Text_Text.Text, obj2);
    cResult[4] = tmp6;
    cResult[5] = tmp10;
    let tmp8 = tmp10;
  } else {
    tmp8 = cResult[5];
  }
  if (cResult[6] !== entry.level) {
    const level = entry.level;
    let str2 = "text-feedback-critical";
    if ("error" !== level) {
      let str3 = "text-muted";
      if ("warn" === level) {
        str3 = "text-feedback-warning";
      }
      str2 = str3;
    }
    cResult[6] = entry.level;
    cResult[7] = str2;
    let tmp11 = str2;
  } else {
    tmp11 = cResult[7];
  }
  if (cResult[8] === entry.level) {
    if (cResult[9] === tmp3.badge) {
      if (cResult[10] === tmp11) {
        let tmp12 = cResult[11];
      }
      if (cResult[12] === entry.source) {
        if (cResult[13] === showSource) {
          if (cResult[14] === tmp3.badge) {
            let tmp14 = cResult[15];
          }
          if (cResult[16] === entry.kind) {
            if (cResult[17] === tmp3.badge) {
              let tmp18 = cResult[18];
            }
            if (cResult[19] === tmp3.rowHead) {
              if (cResult[20] === tmp8) {
                if (cResult[21] === tmp12) {
                  if (cResult[22] === tmp14) {
                    if (cResult[23] === tmp18) {
                      let tmp22 = cResult[24];
                    }
                    if (cResult[25] === ChevronSmallRightIcon) {
                      if (cResult[26] === entry.message) {
                        if (cResult[27] === expanded) {
                          if (cResult[28] === tmp4) {
                            if (cResult[29] === logKey) {
                              if (cResult[30] === str) {
                                if (cResult[31] === onToggle) {
                                  if (cResult[32] === tmp3.jsonToggle) {
                                    if (cResult[34] === tmp3.row) {
                                      if (cResult[35] === tmp22) {
                                        if (cResult[36] === tmp26) {
                                          let tmp38 = cResult[37];
                                        }
                                        return tmp38;
                                      }
                                    }
                                    const obj3 = { style: row, children: null };
                                    const items = [tmp22, cResult[33]];
                                    obj3.children = items;
                                    const tmp41 = closure_1_8(View, obj3);
                                    cResult[34] = tmp3.row;
                                    cResult[35] = tmp22;
                                    cResult[36] = cResult[33];
                                    cResult[37] = tmp41;
                                    tmp38 = tmp41;
                                  }
                                }
                              }
                            }
                          }
                        }
                      }
                    }
                    if (null != tmp4) {
                      let tmp32 = null;
                      if ("" !== tmp4.prefix) {
                        const obj4 = { variant: "text-xs/normal", color: str, selectable: true, children: tmp4.prefix };
                        tmp32 = onToggle(Text_Text.Text, obj4);
                      }
                      const items1 = [tmp32, , ];
                      const obj5 = { style: tmp3.jsonToggle, accessibilityRole: "button", accessibilityState: null, accessibilityLabel: null, onPress: null, children: null };
                      const obj6 = { expanded };
                      obj5.accessibilityState = obj6;
                      const intl2 = util.intl;
                      obj5.accessibilityLabel = intl2.string(_modDef3682.ehmgbH);
                      obj5.onPress = function onPress() {
                        return onToggle(logKey);
                      };
                      const obj7 = { size: "xs", color: nativeDefault.colors.TEXT_MUTED };
                      const items2 = [onToggle(ChevronSmallRightIcon, obj7), ];
                      const items3 = [tmp4.marker, " ", ];
                      const intl3 = util.intl;
                      if ("[\u2026]" === tmp4.marker) {
                        let wkbYxG = tmp34(3682).lXkB6Z;
                      } else {
                        wkbYxG = tmp34(3682).wkbYxG;
                      }
                      const obj8 = { variant: "text-xs/medium", color: "text-muted", children: null };
                      const obj9 = { count: tmp4.size };
                      items3[2] = intl3.formatToPlainString(wkbYxG, obj9);
                      obj8.children = items3;
                      items2[1] = closure_1_8(Text_Text.Text, obj8);
                      obj5.children = items2;
                      items1[1] = closure_1_8(Pressables.PressableOpacity, obj5);
                      let tmp35Result = null;
                      if (expanded) {
                        const obj10 = { variant: "primary", children: null };
                        Text = Text_Text.Text;
                        const obj11 = { variant: "text-xs/normal", color: str, selectable: true, children: tmp4.pretty };
                        tmp = tmp35(Text, obj11);
                        obj10.children = tmp;
                        tmp35Result = tmp35(Card.Card, obj10);
                      }
                      const obj12 = { children: null };
                      items1[2] = tmp35Result;
                      obj12.children = items1;
                      let tmp30Result = tmp30(options, obj12);
                    } else {
                      const obj13 = { variant: "text-xs/normal", color: str, selectable: true, children: entry.message };
                      tmp30Result = onToggle(Text_Text.Text, obj13);
                    }
                    cResult[25] = ChevronSmallRightIcon;
                    entry = entry.message;
                    cResult[26] = entry;
                    cResult[27] = expanded;
                    cResult[28] = tmp4;
                    cResult[29] = logKey;
                    cResult[30] = str;
                    cResult[31] = onToggle;
                    onToggle = tmp3.jsonToggle;
                    cResult[32] = onToggle;
                    cResult[33] = tmp30Result;
                  }
                }
              }
            }
            const obj14 = { style: rowHead, children: null };
            const items4 = [tmp8, tmp12, tmp14, tmp18];
            obj14.children = items4;
            const tmp25 = closure_1_8(View, obj14);
            cResult[19] = tmp3.rowHead;
            cResult[20] = tmp8;
            cResult[21] = tmp12;
            cResult[22] = tmp14;
            cResult[23] = tmp18;
            cResult[24] = tmp25;
            tmp22 = tmp25;
          }
          let tmp19 = null;
          if (null != entry.kind) {
            const obj15 = { variant: "text-xxs/semibold", color: "text-feedback-critical", style: tmp3.badge, children: null };
            const intl = util.intl;
            obj15.children = intl.string(_modDef3682.GO6JcR);
            tmp19 = onToggle(Text_Text.Text, obj15);
          }
          cResult[16] = entry.kind;
          cResult[17] = tmp3.badge;
          cResult[18] = tmp19;
          tmp18 = tmp19;
        }
      }
      let tmp16 = null;
      if (showSource) {
        tmp16 = null;
        if (null != entry.source) {
          const obj16 = { variant: "text-xxs/semibold", color: "text-subtle", style: tmp3.badge, children: entry.source };
          tmp16 = onToggle(Text_Text.Text, obj16);
        }
      }
      cResult[12] = entry.source;
      cResult[13] = showSource;
      cResult[14] = tmp3.badge;
      cResult[15] = tmp16;
      tmp14 = tmp16;
    }
  }
  const tmp13 = onToggle(Text_Text.Text, { variant: "text-xxs/semibold", color: tmp11, style: tmp3.badge, children: entry.level });
  cResult[8] = entry.level;
  cResult[9] = tmp3.badge;
  cResult[10] = tmp11;
  cResult[11] = tmp13;
  tmp12 = tmp13;
}) : ((entry) => {
  entry = entry.entry;
  ({ logKey: importDefault, expanded, onToggle: dependencyMap } = entry);
  const tmp = closure_10();
  const items = [entry.message];
  const memo = noop.useMemo(() => VibegrationsDebugJson.extractLogJson(entry.message), items);
  let str = "text-default";
  if ("error" === entry.level) {
    str = "text-feedback-critical";
  }
  if (expanded) {
    let ChevronSmallRightIcon = tmp3(11408).ChevronSmallDownIcon;
    let tmp6 = tmp3;
  } else {
    ChevronSmallRightIcon = tmp3(7456).ChevronSmallRightIcon;
    tmp6 = tmp3;
  }
  const obj = { style: tmp.row, children: null };
  const obj2 = { style: tmp.rowHead, children: null };
  const obj3 = { variant: "text-xs/normal", color: "text-subtle", children: tmp6(17070).formatClockTime(entry.ts) };
  const items1 = [onToggle(tmp6(4754).Text, obj3), , , ];
  const level = entry.level;
  let str2 = "text-feedback-critical";
  if ("error" !== level) {
    let str3 = "text-muted";
    if ("warn" === level) {
      str3 = "text-feedback-warning";
    }
    str2 = str3;
  }
  items1[1] = onToggle(tmp6(4754).Text, { variant: "text-xxs/semibold", color: str2, style: tmp.badge, children: entry.level });
  let tmp9Result = null;
  if (entry.showSource) {
    tmp9Result = null;
    if (null != entry.source) {
      const obj5 = { variant: "text-xxs/semibold", color: "text-subtle", style: tmp.badge, children: entry.source };
      tmp9Result = tmp9(tmp6(4754).Text, obj5);
    }
  }
  items1[2] = tmp9Result;
  let tmp9Result4 = null;
  if (null != entry.kind) {
    const obj6 = { variant: "text-xxs/semibold", color: "text-feedback-critical", style: tmp.badge, children: null };
    const intl = tmp6(1119).intl;
    obj6.children = intl.string(_modDef3682.GO6JcR);
    tmp9Result4 = tmp9(tmp6(4754).Text, obj6);
  }
  items1[3] = tmp9Result4;
  obj2.children = items1;
  const items2 = [closure_8(View, obj2), ];
  if (null != memo) {
    let tmp9Result5 = null;
    if ("" !== memo.prefix) {
      const obj7 = { variant: "text-xs/normal", color: str, selectable: true, children: memo.prefix };
      tmp9Result5 = tmp9(tmp6(4754).Text, obj7);
    }
    const items3 = [tmp9Result5, , ];
    const obj8 = { style: tmp.jsonToggle, accessibilityRole: "button", accessibilityState: null, accessibilityLabel: null, onPress: null, children: null };
    const obj9 = { expanded };
    obj8.accessibilityState = obj9;
    const intl2 = tmp6(1119).intl;
    obj8.accessibilityLabel = intl2.string(_modDef3682.ehmgbH);
    obj8.onPress = function onPress() {
      return dependencyMap(importDefault);
    };
    const obj10 = { size: "xs", color: nativeDefault.colors.TEXT_MUTED };
    const items4 = [tmp9(ChevronSmallRightIcon, obj10), ];
    const items5 = [memo.marker, " ", ];
    const intl3 = tmp6(1119).intl;
    if ("[\u2026]" === memo.marker) {
      let wkbYxG = tmp16(3682).lXkB6Z;
    } else {
      wkbYxG = tmp16(3682).wkbYxG;
    }
    const obj11 = { variant: "text-xs/medium", color: "text-muted", children: null };
    const obj12 = { count: memo.size };
    items5[2] = intl3.formatToPlainString(wkbYxG, obj12);
    obj11.children = items5;
    items4[1] = tmp7(tmp6(4754).Text, obj11);
    obj8.children = items4;
    items3[1] = tmp7(tmp6(5341).PressableOpacity, obj8);
    let tmp9Result6 = null;
    if (expanded) {
      const obj13 = { variant: "primary", children: null };
      const obj14 = { variant: "text-xs/normal", color: str, selectable: true, children: memo.pretty };
      obj13.children = tmp9(tmp6(4754).Text, obj14);
      tmp9Result6 = tmp9(tmp6(5824).Card, obj13);
    }
    const obj15 = { children: null };
    items3[2] = tmp9Result6;
    obj15.children = items3;
    let tmp9Result7 = tmp7(closure_9, obj15);
  } else {
    const obj16 = { variant: "text-xs/normal", color: str, selectable: true, children: entry.message };
    tmp9Result7 = tmp9(tmp6(4754).Text, obj16);
  }
  items2[1] = tmp9Result7;
  obj.children = items2;
  return closure_8(View, obj);
}));
ReactCompilerGating = fn(558);
let obj7 = { flexDirection: "row", alignItems: "center", gap: nativeDefault.space.PX_4, alignSelf: "flex-start" };
const size = fn(2);
const result = size.fileFinishedImporting("modules/vibegrations/native/VibegrationsDebugLogsTab.tsx");

export default ReactCompilerGating.isReactCompilerEnabled() ? ((projectId) => {
  const cResult = projectId(568).c(42);
  projectId = projectId.projectId;
  const tmp4 = closure_10();
  const bottom = first1(1616)().bottom;
  if (cResult[0] === Symbol.for("react.memo_cache_sentinel")) {
    const items = [VibegrationsProjectStore];
    cResult[0] = items;
    let first = items;
  } else {
    first = cResult[0];
  }
  if (cResult[1] !== projectId) {
    const fn = function y() {
      return VibegrationsProjectStore.getLogs(projectId);
    };
    const items1 = [projectId];
    cResult[1] = projectId;
    cResult[2] = fn;
    cResult[3] = items1;
    let tmp9 = items1;
    let tmp8 = fn;
  } else {
    tmp8 = cResult[2];
    tmp9 = cResult[3];
  }
  let obj = projectId(568);
  const stateFromStores = projectId(504).useStateFromStores(first, tmp8, tmp9);
  if (cResult[4] === Symbol.for("react.memo_cache_sentinel")) {
    const items2 = [VibegrationsProjectStore];
    cResult[4] = items2;
    let tmp10 = items2;
  } else {
    tmp10 = cResult[4];
  }
  if (cResult[5] !== projectId) {
    const fn2 = function _() {
      return VibegrationsProjectStore.getHistoryState(projectId, "logs");
    };
    const items3 = [projectId];
    cResult[5] = projectId;
    cResult[6] = fn2;
    cResult[7] = items3;
    let tmp13 = items3;
    let tmp12 = fn2;
  } else {
    tmp12 = cResult[6];
    tmp13 = cResult[7];
  }
  let tmpResult = projectId(504);
  const stateFromStores1 = projectId(504).useStateFromStores(tmp10, tmp12, tmp13);
  [first1, dependencyMap] = showSource.useState("all");
  const tmp18 = _slicedToArray(showSource.useState(""), 2);
  if (cResult[8] === Symbol.for("react.memo_cache_sentinel")) {
    const obj2 = { pageWidth: 0, items: null, onSetActiveIndex: null };
    const DEBUG_LOG_FILTERS = tmp(17071).DEBUG_LOG_FILTERS;
    obj2.items = DEBUG_LOG_FILTERS.map((id) => {
      const obj = { id, label: projectId(dependencyMap[20]).debugLogFilterLabel(id), page: null };
      return obj;
    });
    obj2.onSetActiveIndex = function onSetActiveIndex(arg0) {
      let str = VibegrationsDebugLabels.DEBUG_LOG_FILTERS[arg0];
      if (str == null) {
        str = "all";
      }
      return dependencyMap(str);
    };
    cResult[8] = obj2;
    let tmp19 = obj2;
  } else {
    tmp19 = cResult[8];
  }
  const obj4 = showSource;
  const tmp15 = _slicedToArray;
  const tmpResult3 = projectId(504);
  const segmentedControlState = projectId(9868).useSegmentedControlState(tmp19);
  if (cResult[9] === first1) {
    if (cResult[10] === stateFromStores) {
      showSource = tmp23;
      const _Symbol = Symbol;
      if (cResult[13] === Symbol.for("react.memo_cache_sentinel")) {
        class M {
          constructor() {
            set = new Set();
            return set;
          }
        }
        cResult[13] = M;
        const tmp24 = M;
      } else {
        class M {
          constructor() {
            set = new Set();
            return set;
          }
        }
      }
      const tmp15Result = tmp15(obj4.useState(tmp24), 2);
      const first2 = tmp15Result[0];
      VibegrationsProjectStore = tmp15Result[1];
      const _Symbol2 = Symbol;
      if (cResult[14] === Symbol.for("react.memo_cache_sentinel")) {
        class J {
          constructor(arg0) {
            closure_0 = projectId;
            tmp = closure_6((items) => {
              const set = new Set(items);
              if (!set.delete(closure_0)) {
                set.add(closure_0);
              }
              return set;
            });
            return;
          }
        }
        cResult[14] = J;
        const tmp27 = J;
      } else {
        class J {
          constructor(arg0) {
            closure_0 = projectId;
            tmp = closure_6((items) => {
              const set = new Set(items);
              if (!set.delete(closure_0)) {
                set.add(closure_0);
              }
              return set;
            });
            return;
          }
        }
      }
      onToggle = tmp27;
      if (cResult[15] === first2) {
        class J {
          constructor(arg0) {
            closure_0 = projectId;
            tmp = closure_6((items) => {
              const set = new Set(items);
              if (!set.delete(closure_0)) {
                set.add(closure_0);
              }
              return set;
            });
            return;
          }
        }
        if (cResult[18] !== segmentedControlState) {
          class J {
            constructor(arg0) {
              closure_0 = projectId;
              tmp = closure_6((items) => {
                const set = new Set(items);
                if (!set.delete(closure_0)) {
                  set.add(closure_0);
                }
                return set;
              });
              return;
            }
          }
          const obj3 = { state: segmentedControlState, variant: "experimental_Small" };
          const tmp30 = onToggle(tmp(9869).SegmentedControl, obj3);
          cResult[18] = segmentedControlState;
          cResult[19] = tmp30;
          const tmp29 = tmp30;
        } else {
          class J {
            constructor(arg0) {
              closure_0 = projectId;
              tmp = closure_6((items) => {
                const set = new Set(items);
                if (!set.delete(closure_0)) {
                  set.add(closure_0);
                }
                return set;
              });
              return;
            }
          }
        }
        const _Symbol3 = Symbol;
        if (cResult[20] === Symbol.for("react.memo_cache_sentinel")) {
          class J {
            constructor(arg0) {
              closure_0 = projectId;
              tmp = closure_6((items) => {
                const set = new Set(items);
                if (!set.delete(closure_0)) {
                  set.add(closure_0);
                }
                return set;
              });
              return;
            }
          }
          const obj5 = { accessibilityLabel: null, placeholder: null, size: "sm", onChange: null };
          const intl = tmp(1119).intl;
          obj5.accessibilityLabel = intl.string(tmp5(3682)["MX4vr/"]);
          const intl2 = tmp(1119).intl;
          obj5.placeholder = intl2.string(tmp5(3682)["MX4vr/"]);
          obj5.onChange = tmp18[1];
          const tmp32 = onToggle(tmp(7297).SearchField, obj5);
          cResult[20] = tmp32;
          const tmp31 = tmp32;
        } else {
          class J {
            constructor(arg0) {
              closure_0 = projectId;
              tmp = closure_6((items) => {
                const set = new Set(items);
                if (!set.delete(closure_0)) {
                  set.add(closure_0);
                }
                return set;
              });
              return;
            }
          }
        }
        if (cResult[21] === stateFromStores1) {
          class J {
            constructor(arg0) {
              closure_0 = projectId;
              tmp = closure_6((items) => {
                const set = new Set(items);
                if (!set.delete(closure_0)) {
                  set.add(closure_0);
                }
                return set;
              });
              return;
            }
          }
          if (cResult[24] === tmp4.header) {
            class J {
              constructor(arg0) {
                closure_0 = projectId;
                tmp = closure_6((items) => {
                  const set = new Set(items);
                  if (!set.delete(closure_0)) {
                    set.add(closure_0);
                  }
                  return set;
                });
                return;
              }
            }
          }
          const obj6 = { style: tmp4.header, children: null };
          const items4 = [tmp29, tmp31, tmp34];
          obj6.children = items4;
          const tmp40 = closure_8(first2, obj6);
          cResult[24] = tmp4.header;
          class A {
            constructor(arg0) {
              item = projectId.item;
              obj = { entry: item.log, logKey: item.key, showSource: closure_4, expanded: closure_5.has(item.key), onToggle: closure_7 };
              return jsx(closure_11, obj);
            }
          }
          cResult[26] = tmp34;
          cResult[27] = tmp40;
        }
        const obj7 = { state: stateFromStores1, hasRows: stateFromStores.length > 0 };
        const tmp36 = onToggle(tmp(17072).VibegrationsHistoryNotice, obj7);
        cResult[21] = stateFromStores1;
        class A {
          constructor(arg0) {
            item = projectId.item;
            obj = { entry: item.log, logKey: item.key, showSource: closure_4, expanded: closure_5.has(item.key), onToggle: closure_7 };
            return jsx(closure_11, obj);
          }
        }
        cResult[22] = stateFromStores.length > 0;
        cResult[23] = tmp36;
      }
      class A {
        constructor(arg0) {
          item = projectId.item;
          obj = { entry: item.log, logKey: item.key, showSource: closure_4, expanded: closure_5.has(item.key), onToggle: closure_7 };
          return jsx(closure_11, obj);
        }
      }
      cResult[15] = first2;
      cResult[16] = "all" === first1;
      cResult[17] = A;
    }
  }
  const tmpResult4 = projectId(9868);
  _slicedToArray = tmp18[0].trim().toLowerCase();
  const found = stateFromStores.filter((log) => {
    let isRenderableLogResult = VibegrationsDebugLabels.isRenderableLog(log.log);
    if (isRenderableLogResult) {
      let tmp5 = "all" === first1;
      if (!tmp5) {
        tmp5 = VibegrationsDebugFormat.debugLogEnv(log.log.source) === tmp4;
        const tmpResult = VibegrationsDebugFormat;
      }
      if (tmp5) {
        let tmp7 = "" === closure_3;
        if (!tmp7) {
          const formatted = log.log.message.toLowerCase();
          let hasItem = formatted.includes(tmp6);
          if (!hasItem) {
            const level = log.log.level;
            hasItem = level.includes(tmp6);
          }
          if (!hasItem) {
            let flag;
            if (log.log.source != null) {
              const formatted1 = str4.toLowerCase();
              flag = formatted1.includes(tmp6);
            }
            if (flag == null) {
              flag = false;
            }
            hasItem = flag;
          }
          tmp7 = hasItem;
        }
        tmp5 = tmp7;
      }
      isRenderableLogResult = tmp5;
    }
    return isRenderableLogResult;
  });
  cResult[9] = first1;
  cResult[10] = stateFromStores;
  cResult[11] = tmp18[0];
  cResult[12] = found;
}) : ((projectId) => {
  projectId = projectId.projectId;
  first = undefined;
  _slicedToArray = undefined;
  first1 = undefined;
  let first2;
  const tmp = closure_10();
  const items = [first2];
  const items1 = [projectId];
  const stateFromStores = projectId(first[19]).useStateFromStores(items, () => VibegrationsProjectStore.getLogs(projectId), items1);
  let obj = projectId(first[19]);
  const items2 = [first2];
  const items3 = [projectId];
  const stateFromStores1 = projectId(first[19]).useStateFromStores(items2, () => VibegrationsProjectStore.getHistoryState(projectId, "logs"), items3);
  [first, _slicedToArray] = first1.useState("all");
  [first1, obj6.onChange] = first1.useState("");
  const obj2 = projectId(first[19]);
  const obj4 = { pageWidth: 0, items: null, onSetActiveIndex: null };
  const DEBUG_LOG_FILTERS = projectId(first[20]).DEBUG_LOG_FILTERS;
  obj4.items = DEBUG_LOG_FILTERS.map((id) => {
    const obj = { id, label: projectId(first[20]).debugLogFilterLabel(id), page: null };
    return obj;
  });
  obj4.onSetActiveIndex = function onSetActiveIndex(arg0) {
    let str = VibegrationsDebugLabels.DEBUG_LOG_FILTERS[arg0];
    if (str == null) {
      str = "all";
    }
    return closure_3(str);
  };
  const items4 = [stateFromStores, first, first1];
  const segmentedControlState = projectId(first[21]).useSegmentedControlState(obj4);
  showSource = tmp12;
  const memo = first1.useMemo(() => {
    closure_0 = first1.trim().toLowerCase();
    return stateFromStores.filter((log) => {
      let isRenderableLogResult = VibegrationsDebugLabels.isRenderableLog(log.log);
      if (isRenderableLogResult) {
        let tmp5 = "all" === first;
        if (!tmp5) {
          tmp5 = VibegrationsDebugFormat.debugLogEnv(log.log.source) === tmp4;
          const tmpResult = VibegrationsDebugFormat;
        }
        if (tmp5) {
          let tmp7 = "" === closure_0;
          if (!tmp7) {
            const formatted = log.log.message.toLowerCase();
            let hasItem = formatted.includes(tmp6);
            if (!hasItem) {
              const level = log.log.level;
              hasItem = level.includes(tmp6);
            }
            if (!hasItem) {
              let flag;
              if (log.log.source != null) {
                const formatted1 = str4.toLowerCase();
                flag = formatted1.includes(tmp6);
              }
              if (flag == null) {
                flag = false;
              }
              hasItem = flag;
            }
            tmp7 = hasItem;
          }
          tmp5 = tmp7;
        }
        isRenderableLogResult = tmp5;
      }
      return isRenderableLogResult;
    });
  }, items4);
  const tmp13 = _slicedToArray(first1.useState(() => new Set()), 2);
  first2 = tmp13[0];
  onToggle = first1.useCallback((arg0) => {
    closure_0 = arg0;
    closure_7((items) => {
      const set = new Set(items);
      if (!set.delete(closure_0)) {
        set.add(closure_0);
      }
      return set;
    });
  }, []);
  const items5 = ["all" === first, first2, onToggle];
  const callback1 = first1.useCallback((item) => {
    item = item.item;
    return onToggle(closure_11, { entry: item.log, logKey: item.key, showSource, expanded: first2.has(item.key), onToggle });
  }, items5);
  const obj5 = { style: tmp.header, children: null };
  const items6 = [onToggle(projectId(first[22]).SegmentedControl, { state: segmentedControlState, variant: "experimental_Small" }), , ];
  const obj6 = { accessibilityLabel: null, placeholder: null, size: "sm", onChange: null };
  const intl = projectId(first[14]).intl;
  obj6.accessibilityLabel = intl.string(stateFromStores(first[15])["MX4vr/"]);
  const intl2 = projectId(first[14]).intl;
  obj6.placeholder = intl2.string(stateFromStores(first[15])["MX4vr/"]);
  items6[1] = onToggle(projectId(first[23]).SearchField, obj6);
  items6[2] = onToggle(projectId(first[24]).VibegrationsHistoryNotice, { state: stateFromStores1, hasRows: stateFromStores.length > 0 });
  obj5.children = items6;
  const obj3 = projectId(first[21]);
  const obj7 = { state: stateFromStores1, hasRows: stateFromStores.length > 0 };
  if (0 === stateFromStores.length) {
    const obj8 = { state: stateFromStores1, emptyTitle: null, emptyBody: null };
    const intl4 = tmp4(tmp3[14]).intl;
    obj8.emptyTitle = intl4.string(tmp2(tmp3[15]).mcFyYc);
    const intl5 = tmp4(tmp3[14]).intl;
    obj8.emptyBody = intl5.string(tmp2(tmp3[15]).RNN8pX);
    let tmp17Result = tmp17(tmp4(tmp3[24]).VibegrationsHistoryPlaceholder, obj8);
  } else {
    const obj9 = { children: null };
    const intl3 = tmp4(tmp3[14]).intl;
    obj9.children = intl3.string(tmp2(tmp3[15]).oIJbFa);
    tmp17Result = tmp17(tmp4(tmp3[25]).DebugNote, obj9);
  }
  const obj10 = { data: memo, keyExtractor: keyOf, renderItem: callback1, extraData: callback1, ListHeaderComponent: onToggle(showSource, obj5), ListEmptyComponent: tmp17Result, contentContainerStyle: null, keyboardShouldPersistTaps: "handled" };
  const items7 = [tmp.list, ];
  const tmp18 = onToggle(showSource, obj5);
  items7[1] = { paddingBottom: stateFromStores(first[6]).space.PX_16 + stateFromStores(first[18])().bottom };
  obj10.contentContainerStyle = items7;
  return onToggle(projectId(first[26]).FlashList, obj10);
});