@flamingo-stack/openframe-frontend-core 0.0.703 → 0.0.704-snapshot.20261006133653

package/dist/{chunk-64O4L7WN.js → chunk-PDWVPI3S.js}

@@ -9,8 +9,8 @@ import {
   OsqueryLogoGreyIcon
 } from "./chunk-Z2VNQQ74.js";
 import {
-  useIsomorphicLayoutEffect
-} from "./chunk-2T6QWNXU.js";
+  useMediaQuery
+} from "./chunk-NDESEPW5.js";
 
 // src/hooks/ui/use-debounce.ts
 import { useState, useEffect } from "react";
@@ -27,46 +27,11 @@ function useDebounce(value, delay2 = 500) {
   return debouncedValue;
 }
 
-// src/hooks/ui/use-media-query.ts
-import { useState as useState2 } from "react";
-function useMediaQuery(query) {
-  const [matches, setMatches] = useState2(void 0);
-  useIsomorphicLayoutEffect(() => {
-    const matchMedia = window.matchMedia(query);
-    const handleChange = () => {
-      setMatches(matchMedia.matches);
-    };
-    handleChange();
-    matchMedia.addEventListener("change", handleChange);
-    return () => {
-      matchMedia.removeEventListener("change", handleChange);
-    };
-  }, [query]);
-  return matches;
-}
-var breakpoints = {
-  md: "(min-width: 800px)",
-  // Tablet: 50rem
-  lg: "(min-width: 1280px)"
-  // Desktop: 80rem
-};
-function useSmUp() {
-  return useMdUp();
-}
-function useMdUp() {
-  const matches = useMediaQuery(breakpoints.md);
-  return matches === void 0 ? void 0 : matches;
-}
-function useLgUp() {
-  const matches = useMediaQuery(breakpoints.lg);
-  return matches === void 0 ? void 0 : matches;
-}
-
 // src/hooks/ui/use-header-height.ts
-import { useEffect as useEffect2, useState as useState3 } from "react";
+import { useEffect as useEffect2, useState as useState2 } from "react";
 function useHeaderHeight(defaultHeight = 72, options = {}) {
   const { enabled = true } = options;
-  const [height, setHeight] = useState3(defaultHeight);
+  const [height, setHeight] = useState2(defaultHeight);
   useEffect2(() => {
     if (!enabled) return void 0;
     const measure = () => {
@@ -226,14 +191,14 @@ function usePrefersReducedMotionState() {
 }
 
 // src/hooks/ui/use-in-view.ts
-import { useCallback as useCallback2, useEffect as useEffect6, useRef as useRef3, useState as useState4 } from "react";
+import { useCallback as useCallback2, useEffect as useEffect6, useRef as useRef3, useState as useState3 } from "react";
 var STEPS = Array.from({ length: 21 }, (_, i) => i / 20);
 function useInView({
   threshold = 0,
   rootMargin = "0px",
   initial = false
 } = {}) {
-  const [inView, setInView] = useState4(initial);
+  const [inView, setInView] = useState3(initial);
   const observerRef = useRef3(null);
   const disconnect = useCallback2(() => {
     observerRef.current?.disconnect();
@@ -271,11 +236,11 @@ function useInView({
 }
 
 // src/hooks/ui/use-autoplay.ts
-import { useEffect as useEffect7, useState as useState5 } from "react";
+import { useEffect as useEffect7, useState as useState4 } from "react";
 function useAutoplay(onScreen) {
   const reducedState = usePrefersReducedMotionState();
-  const [paused, setPaused] = useState5(false);
-  const [tabHidden, setTabHidden] = useState5(false);
+  const [paused, setPaused] = useState4(false);
+  const [tabHidden, setTabHidden] = useState4(false);
   useEffect7(() => {
     const sync = () => setTabHidden(document.visibilityState === "hidden");
     sync();
@@ -346,9 +311,6 @@ ToolIcon.displayName = "ToolIcon";
 // src/utils/common.ts
 import { clsx } from "clsx";
 import { twMerge } from "tailwind-merge";
-function cn(...inputs) {
-  return twMerge(clsx(inputs));
-}
 function errorMessage(error, fallback = "Something went wrong") {
   if (error instanceof Error && error.message) return error.message;
   if (typeof error === "string" && error) return error;
@@ -407,7 +369,7 @@ function pick(source, keys) {
 var NO_CLIENT_CACHE = { staleTime: 0 };
 
 // src/hooks/use-near-viewport.ts
-import { useEffect as useEffect8, useRef as useRef4, useState as useState6, useCallback as useCallback3 } from "react";
+import { useEffect as useEffect8, useRef as useRef4, useState as useState5, useCallback as useCallback3 } from "react";
 var observers = /* @__PURE__ */ new Map();
 var subscribers = /* @__PURE__ */ new WeakMap();
 var THRESHOLD_EPSILON = 0.01;
@@ -438,7 +400,7 @@ function getObserverFor(rootMargin, threshold) {
 }
 var NEAR_VIEWPORT_ROOT_MARGIN = "500px";
 function useNearViewport(rootMargin = NEAR_VIEWPORT_ROOT_MARGIN, threshold = 0) {
-  const [isNear, setIsNear] = useState6(false);
+  const [isNear, setIsNear] = useState5(false);
   const elRef = useRef4(null);
   const key = observerKey(rootMargin, threshold);
   const ref = useCallback3(
@@ -793,11 +755,6 @@ function navigateSamePageHash(target, options = {}) {
 
 export {
   useDebounce,
-  useMediaQuery,
-  breakpoints,
-  useSmUp,
-  useMdUp,
-  useLgUp,
   useHeaderHeight,
   useMarqueeEngine,
   useResetOnPageHidden,
@@ -810,7 +767,6 @@ export {
   ToolTypeValues,
   toolLabels,
   ToolIcon,
-  cn,
   errorMessage,
   apiErrorMessage,
   delay,

package/dist/{chunk-DAW6TDZB.js → chunk-PFC2HWQA.js}

@@ -3,16 +3,16 @@ import {
   FileDownloadCard,
   GoogleSheetsViewer,
   PdfViewer
-} from "./chunk-7632TNE7.js";
+} from "./chunk-OSNIZNVH.js";
 import {
   MobileNavigationDropdown,
   MultiLevelNavigation,
   StickySectionNav
-} from "./chunk-2NE3DNXY.js";
+} from "./chunk-IKCQK67U.js";
 import {
   DocSearchBar,
   useDocSearch
-} from "./chunk-BOUPNYUV.js";
+} from "./chunk-64HOMVYC.js";
 import {
   CategorySidebarSkeleton,
   DEFAULT_FOLDER_INDEX_FILE,
@@ -22,17 +22,17 @@ import {
   findDocNodeByPath,
   getDocAncestorNodeIds,
   stripFolderIndexFromPath
-} from "./chunk-ENGBNKUJ.js";
+} from "./chunk-5EFZO5EB.js";
 import {
   contentFetch
-} from "./chunk-Q76ZTHNV.js";
+} from "./chunk-MP2C3LJ4.js";
 import {
   HUB_HEADER_OFFSET_PX,
   apiErrorMessage,
   getScrollableAncestor,
   navigateSamePageHash,
   scrollElementIntoView
-} from "./chunk-64O4L7WN.js";
+} from "./chunk-PDWVPI3S.js";
 import {
   useRouter
 } from "./chunk-GY4IZG22.js";
@@ -106,13 +106,21 @@ function PersistentSidebar({ isLoading, children, className }) {
     {
       isLoading,
       disabledOpacity: 0.5,
-      className: cn("lg:sticky lg:top-20", className),
+      className: cn("content-lg:sticky content-lg:top-20", className),
       children
     }
   );
 }
 function PersistentMobileDropdown({ isLoading, children, className }) {
-  return /* @__PURE__ */ jsx(PersistentFilterControls, { isLoading, disabledOpacity: 0.7, className: cn("lg:hidden", className), children });
+  return /* @__PURE__ */ jsx(
+    PersistentFilterControls,
+    {
+      isLoading,
+      disabledOpacity: 0.7,
+      className: cn("content-lg:hidden", className),
+      children
+    }
+  );
 }
 
 // src/components/docs/doc-navigation-context.tsx
@@ -870,8 +878,8 @@ function DocViewerContent({
         ". Please try again later."
       ] })
     ] }) }),
-    !error && /* @__PURE__ */ jsxs2("div", { className: "flex flex-1 flex-col items-start gap-6 lg:flex-row lg:gap-10", children: [
-      /* @__PURE__ */ jsx3("div", { className: "w-full lg:w-[320px] lg:shrink-0", children: /* @__PURE__ */ jsx3("div", { className: "lg:sticky lg:top-20", children: isLoadingStructure ? /* @__PURE__ */ jsx3(CategorySidebarSkeleton, {}) : /* @__PURE__ */ jsxs2(Fragment, { children: [
+    !error && /* @__PURE__ */ jsxs2("div", { className: "flex flex-1 flex-col items-start gap-6 content-lg:flex-row content-lg:gap-10", children: [
+      /* @__PURE__ */ jsx3("div", { className: "w-full content-lg:w-[320px] content-lg:shrink-0", children: /* @__PURE__ */ jsx3("div", { className: "content-lg:sticky content-lg:top-20", children: isLoadingStructure ? /* @__PURE__ */ jsx3(CategorySidebarSkeleton, {}) : /* @__PURE__ */ jsxs2(Fragment, { children: [
         /* @__PURE__ */ jsx3(PersistentMobileDropdown, { isLoading: false, children: /* @__PURE__ */ jsx3(
           MobileNavigationDropdown,
           {
@@ -884,7 +892,7 @@ function DocViewerContent({
             folderIndexFile
           }
         ) }),
-        /* @__PURE__ */ jsx3(PersistentSidebar, { isLoading: false, children: /* @__PURE__ */ jsx3("div", { className: "hidden lg:block", children: /* @__PURE__ */ jsxs2("div", { className: "space-y-4", children: [
+        /* @__PURE__ */ jsx3(PersistentSidebar, { isLoading: false, children: /* @__PURE__ */ jsx3("div", { className: "hidden content-lg:block", children: /* @__PURE__ */ jsxs2("div", { className: "space-y-4", children: [
           /* @__PURE__ */ jsx3("h3", { className: "font-semibold text-ods-text-secondary text-h5", children: sidebarLabel }),
           /* @__PURE__ */ jsx3(
             MultiLevelNavigation,
@@ -909,10 +917,10 @@ function DocViewerContent({
           // `isMarkdownContent` also suppresses the section-skeleton
           // bars during embed loads — the user-reported "skeleton
           // shouldn't be on file pages" bug.
-          isMarkdownContent && (showStickyNav && stickyNavSections.length > 0 || isLoadingContent || isLoadingStructure) ? "lg:grid-cols-[1fr_280px]" : ""} gap-8`,
+          isMarkdownContent && (showStickyNav && stickyNavSections.length > 0 || isLoadingContent || isLoadingStructure) ? "content-lg:grid-cols-[1fr_280px]" : ""} gap-8`,
           children: [
             /* @__PURE__ */ jsx3("div", { className: `w-full min-w-0 ${isMarkdownContent ? "mx-auto max-w-4xl" : ""}`, children: /* @__PURE__ */ jsx3("article", { className: "space-y-2", children: isLoadingContent || isLoadingStructure ? renderSkeleton(selectedNodeDocType) : !content ? /* @__PURE__ */ jsx3("div", { className: "py-16 text-center", children: /* @__PURE__ */ jsx3("p", { className: "text-ods-text-secondary text-h4", children: resolvedEmptyText }) }) : renderedContent }) }),
-            isMarkdownContent && (isLoadingContent || isLoadingStructure) && /* @__PURE__ */ jsx3("div", { className: "hidden lg:block", children: /* @__PURE__ */ jsxs2("div", { className: "sticky top-24", children: [
+            isMarkdownContent && (isLoadingContent || isLoadingStructure) && /* @__PURE__ */ jsx3("div", { className: "hidden content-lg:block", children: /* @__PURE__ */ jsxs2("div", { className: "sticky top-24", children: [
               /* @__PURE__ */ jsx3("div", { className: "mb-5 h-[14px] w-28 animate-pulse rounded bg-ods-border" }),
               /* @__PURE__ */ jsx3("div", { className: "space-y-0", children: [130, 170, 190, 220, 110, 200, 80, 100, 120, 140, 90].map((w, i) => /* @__PURE__ */ jsx3(
                 "div",
@@ -923,7 +931,7 @@ function DocViewerContent({
                 i
               )) })
             ] }) }),
-            showStickyNav && content && stickyNavSections.length > 0 && !isLoadingContent && /* @__PURE__ */ jsx3("div", { className: "hidden lg:block", children: /* @__PURE__ */ jsxs2("div", { className: "sticky top-24", children: [
+            showStickyNav && content && stickyNavSections.length > 0 && !isLoadingContent && /* @__PURE__ */ jsx3("div", { className: "hidden content-lg:block", children: /* @__PURE__ */ jsxs2("div", { className: "sticky top-24", children: [
               /* @__PURE__ */ jsx3("h3", { className: "mb-4 font-semibold text-ods-text-secondary text-h5", children: "ON THIS PAGE" }),
               /* @__PURE__ */ jsx3(
                 StickySectionNav,
@@ -1010,12 +1018,18 @@ function EmbedSkeleton({ documentType } = {}) {
   }
   const buttonCount = documentType === "pdf" ? 2 : 1;
   return /* @__PURE__ */ jsxs3("div", { className: "space-y-4", children: [
-    /* @__PURE__ */ jsxs3("div", { className: "flex flex-col gap-3 sm:flex-row sm:items-center sm:justify-between", children: [
+    /* @__PURE__ */ jsxs3("div", { className: "flex flex-col gap-3 content-sm:flex-row content-sm:items-center content-sm:justify-between", children: [
       /* @__PURE__ */ jsxs3("div", { className: "flex min-w-0 flex-1 items-center gap-2", children: [
         /* @__PURE__ */ jsx4("div", { className: "h-5 w-5 shrink-0 animate-pulse rounded bg-ods-border" }),
         /* @__PURE__ */ jsx4("div", { className: "h-6 w-2/3 animate-pulse rounded bg-ods-border" })
       ] }),
-      /* @__PURE__ */ jsx4("div", { className: "flex w-full items-center gap-2 sm:w-auto", children: Array.from({ length: buttonCount }).map((_, i) => /* @__PURE__ */ jsx4("div", { className: "h-10 w-full flex-1 animate-pulse rounded bg-ods-border sm:w-32 sm:flex-initial" }, i)) })
+      /* @__PURE__ */ jsx4("div", { className: "flex w-full items-center gap-2 content-sm:w-auto", children: Array.from({ length: buttonCount }).map((_, i) => /* @__PURE__ */ jsx4(
+        "div",
+        {
+          className: "h-10 w-full flex-1 animate-pulse rounded bg-ods-border content-sm:w-32 content-sm:flex-initial"
+        },
+        i
+      )) })
     ] }),
     /* @__PURE__ */ jsx4(
       "div",

package/dist/{chunk-G55W76S6.js → chunk-POZ7F77D.js}

@@ -4,14 +4,13 @@ import {
   getOSLabel,
   getShellLabel,
   getToolLabel
-} from "./chunk-ENGBNKUJ.js";
+} from "./chunk-5EFZO5EB.js";
 import {
   useOnboardingState
-} from "./chunk-KJ5LWATV.js";
+} from "./chunk-MKXO4Q5P.js";
 import {
-  ToolIcon,
-  cn as cn2
-} from "./chunk-64O4L7WN.js";
+  ToolIcon
+} from "./chunk-PDWVPI3S.js";
 import {
   BashIcon,
   CmdIcon,
@@ -36,14 +35,14 @@ import {
   StatusBadge,
   accentSentenceMarks,
   nameInitials
-} from "./chunk-6YCXA7CN.js";
+} from "./chunk-CH5232HV.js";
 import {
   next_image_default
 } from "./chunk-FBZMAPWO.js";
 import {
   Input,
   Label
-} from "./chunk-5V6O73EH.js";
+} from "./chunk-FLKJYMVB.js";
 import {
   Button
 } from "./chunk-YDPKUAP4.js";
@@ -88,7 +87,7 @@ var sourceConfig = {
 };
 var SoftwareSourceBadge = ({ source, className }) => {
   const config = sourceConfig[source] || { label: source, icon: /* @__PURE__ */ jsx2(PackageIcon, { className: "h-4 w-4" }) };
-  return /* @__PURE__ */ jsxs2("span", { className: cn2("inline-flex items-center gap-2 text-ods-text-primary", className), children: [
+  return /* @__PURE__ */ jsxs2("span", { className: cn("inline-flex items-center gap-2 text-ods-text-primary", className), children: [
     config.icon,
     config.label
   ] });
@@ -241,13 +240,13 @@ var ScriptInfoSection = ({
       /* @__PURE__ */ jsx6("h3", { className: "text-ods-text-primary text-h4", children: headline }),
       subheadline && /* @__PURE__ */ jsx6("p", { className: "break-words text-ods-text-secondary text-h6", children: subheadline })
     ] }) }),
-    /* @__PURE__ */ jsxs6("div", { className: "grid grid-cols-2 gap-4 border-b border-ods-border px-4 py-4 lg:grid-cols-4 lg:border-b-0", children: [
+    /* @__PURE__ */ jsxs6("div", { className: "grid grid-cols-2 gap-4 border-b border-ods-border px-4 py-4 content-lg:grid-cols-4 content-lg:border-b-0", children: [
       /* @__PURE__ */ jsx6(InfoCell, { label: "Shell Type", value: shellLabel }),
       /* @__PURE__ */ jsx6(InfoCell, { label: "Supported Platforms", value: platformsLabel }),
-      /* @__PURE__ */ jsx6(InfoCell, { label: "Category", value: category, className: "hidden lg:flex" }),
-      author && /* @__PURE__ */ jsx6(InfoCell, { label: "Added by", value: author.name, avatar: author, className: "hidden lg:flex" })
+      /* @__PURE__ */ jsx6(InfoCell, { label: "Category", value: category, className: "hidden content-lg:flex" }),
+      author && /* @__PURE__ */ jsx6(InfoCell, { label: "Added by", value: author.name, avatar: author, className: "hidden content-lg:flex" })
     ] }),
-    /* @__PURE__ */ jsxs6("div", { className: "grid grid-cols-2 gap-4 px-4 py-4 lg:hidden", children: [
+    /* @__PURE__ */ jsxs6("div", { className: "grid grid-cols-2 gap-4 px-4 py-4 content-lg:hidden", children: [
       /* @__PURE__ */ jsx6(InfoCell, { label: "Category", value: category }),
       author && /* @__PURE__ */ jsx6(InfoCell, { label: "Added by", value: author.name, avatar: author })
     ] })
@@ -344,7 +343,7 @@ var ScriptArguments = ({
               onClick: () => handleDelete(arg.id),
               disabled,
               "aria-label": "Delete argument",
-              leftIcon: /* @__PURE__ */ jsx7(Trash2, { className: "size-4 md:size-6", color: "var(--color-error)" })
+              leftIcon: /* @__PURE__ */ jsx7(Trash2, { className: "size-4 content-md:size-6", color: "var(--color-error)" })
             }
           )
         ] })