@nubase/frontend 0.1.21 → 0.1.23

package/dist/index.mjs

@@ -5912,7 +5912,7 @@ var textInputVariants = cva7([
   "selection:bg-primary selection:text-primary-foreground",
   // Focus State
   "focus-visible:border-ring",
-  "focus-visible:ring-ring/50",
+  "focus-visible:ring-ring/50 focus-visible:ring-[3px]",
   // Invalid State
   "aria-invalid:border-destructive",
   "aria-invalid:ring-destructive/20",
@@ -6554,7 +6554,7 @@ var SchemaFormBody = ({
       " ",
       metadataError.message
     ] }),
-    /* @__PURE__ */ jsx32("div", { className: "flex-1 space-y-4", children: /* @__PURE__ */ jsx32(
+    /* @__PURE__ */ jsx32("div", { className: "flex-1 space-y-4 pt-1", children: /* @__PURE__ */ jsx32(
       SchemaFormVerticalLayout,
       {
         layout,
@@ -7790,10 +7790,11 @@ function useResourceViewQuery(resourceId, view, params, options) {
 }
 
 // src/hooks/useSchemaFilters.ts
+import { SEARCH_FIELD_NAME as SEARCH_FIELD_NAME2 } from "@nubase/core";
 import { useCallback as useCallback7, useMemo as useMemo4, useState as useState10 } from "react";
 
 // src/components/schema-filter-bar/introspect-schema.ts
-import { OptionalSchema as OptionalSchema5 } from "@nubase/core";
+import { OptionalSchema as OptionalSchema5, SEARCH_FIELD_NAME } from "@nubase/core";
 function formatFieldName(name) {
   return name.replace(/([A-Z])/g, " $1").replace(/^./, (str) => str.toUpperCase()).trim();
 }
@@ -7823,6 +7824,9 @@ function introspectSchemaForFilters(schema, config) {
   const descriptors = [];
   const shape = schema._shape;
   for (const [fieldName, fieldSchema] of Object.entries(shape)) {
+    if (fieldName === SEARCH_FIELD_NAME) {
+      continue;
+    }
     if (config?.excludeFields?.includes(fieldName)) {
       continue;
     }
@@ -7852,6 +7856,10 @@ function introspectSchemaForFilters(schema, config) {
 
 // src/hooks/useSchemaFilters.ts
 function useSchemaFilters(schema, options) {
+  const hasTextSearch = useMemo4(() => {
+    if (!schema) return false;
+    return SEARCH_FIELD_NAME2 in schema._shape;
+  }, [schema]);
   const filterDescriptors = useMemo4(() => {
     if (!schema) return [];
     return introspectSchemaForFilters(schema, options);
@@ -7859,6 +7867,10 @@ function useSchemaFilters(schema, options) {
   const [filterState, setFilterState] = useState10(
     {}
   );
+  const [searchValue, setSearchValueState] = useState10("");
+  const setSearchValue = useCallback7((value) => {
+    setSearchValueState(value);
+  }, []);
   const setFilterValue = useCallback7((field, value) => {
     setFilterState((prev) => ({
       ...prev,
@@ -7876,8 +7888,12 @@ function useSchemaFilters(schema, options) {
   );
   const clearFilters = useCallback7(() => {
     setFilterState({});
+    setSearchValueState("");
   }, []);
   const hasActiveFilters = useMemo4(() => {
+    if (searchValue.trim() !== "") {
+      return true;
+    }
     return Object.entries(filterState).some(([, value]) => {
       if (value === void 0 || value === null || value === "") {
         return false;
@@ -7887,9 +7903,12 @@ function useSchemaFilters(schema, options) {
       }
       return true;
     });
-  }, [filterState]);
+  }, [filterState, searchValue]);
   const getRequestParams = useCallback7(() => {
     const params = {};
+    if (searchValue.trim() !== "") {
+      params[SEARCH_FIELD_NAME2] = searchValue.trim();
+    }
     for (const [key, value] of Object.entries(filterState)) {
       if (value === void 0 || value === null || value === "") {
         continue;
@@ -7900,7 +7919,7 @@ function useSchemaFilters(schema, options) {
       params[key] = value;
     }
     return params;
-  }, [filterState]);
+  }, [filterState, searchValue]);
   return {
     filterState,
     setFilterValue,
@@ -7908,7 +7927,10 @@ function useSchemaFilters(schema, options) {
     clearFilters,
     hasActiveFilters,
     filterDescriptors,
-    getRequestParams
+    getRequestParams,
+    searchValue,
+    setSearchValue,
+    hasTextSearch
   };
 }
 
@@ -14365,6 +14387,7 @@ var checkListCommand = {
 };
 
 // src/components/markdown-textarea/MarkdownTextArea.tsx
+import { cva as cva14 } from "class-variance-authority";
 import { forwardRef as forwardRef18, useImperativeHandle as useImperativeHandle3, useRef as useRef19 } from "react";
 
 // src/components/markdown-textarea/text-controller.ts
@@ -14478,6 +14501,27 @@ function canManipulateViaTextNodes(input) {
 
 // src/components/markdown-textarea/MarkdownTextArea.tsx
 import { jsx as jsx97 } from "react/jsx-runtime";
+var markdownTextAreaVariants = cva14([
+  // Layout & Sizing
+  "w-full min-h-[200px]",
+  // Spacing & Borders
+  "px-3 py-2 rounded-md border border-border",
+  // Background & Text
+  "bg-background text-foreground",
+  "font-mono text-sm",
+  // Resize behavior
+  "resize-vertical",
+  // Visual Effects
+  "outline-none",
+  // Placeholder
+  "placeholder:text-muted-foreground",
+  // Focus State
+  "focus-visible:border-ring",
+  "focus-visible:ring-ring/50 focus-visible:ring-[3px]",
+  // Disabled State
+  "disabled:opacity-50",
+  "disabled:cursor-not-allowed"
+]);
 var MarkdownTextArea = forwardRef18(({ className, ...props }, ref) => {
   const textAreaRef = useRef19(null);
   const textControllerRef = useRef19(void 0);
@@ -14506,17 +14550,7 @@ var MarkdownTextArea = forwardRef18(({ className, ...props }, ref) => {
     "textarea",
     {
       ref: textAreaRef,
-      className: cn(
-        "w-full min-h-[200px] px-3 py-2",
-        "bg-background text-foreground",
-        "border border-border rounded-md",
-        "resize-vertical",
-        "focus:outline-none focus:ring-2 focus:ring-ring/20 focus:border-primary",
-        "disabled:opacity-50 disabled:cursor-not-allowed",
-        "placeholder:text-muted-foreground",
-        "font-mono text-sm",
-        className
-      ),
+      className: cn(markdownTextAreaVariants({ className })),
       ...props
     }
   );
@@ -14685,7 +14719,7 @@ var MainNav = forwardRef19(
 MainNav.displayName = "MainNav";
 
 // src/components/navigation/main-nav/NavItemComponent.tsx
-import { cva as cva14 } from "class-variance-authority";
+import { cva as cva15 } from "class-variance-authority";
 
 // src/components/navigation/main-nav/SafeLink.tsx
 import { jsx as jsx101 } from "react/jsx-runtime";
@@ -14707,7 +14741,7 @@ var SafeLink = ({ to, className, onClick, children }) => {
 
 // src/components/navigation/main-nav/NavItemComponent.tsx
 import { Fragment as Fragment9, jsx as jsx102, jsxs as jsxs46 } from "react/jsx-runtime";
-var navItemVariants = cva14(
+var navItemVariants = cva15(
   "flex items-center gap-3 px-3 py-2 text-sm font-medium transition-all duration-200 rounded-md group",
   {
     variants: {
@@ -15178,17 +15212,17 @@ import { useNavigate as useNavigate3 } from "@tanstack/react-router";
 import { memo as memo9, useCallback as useCallback15, useEffect as useEffect15, useMemo as useMemo19, useState as useState30 } from "react";
 
 // src/components/search-controls/LookupSelectFilter.tsx
-import { cva as cva16 } from "class-variance-authority";
+import { cva as cva17 } from "class-variance-authority";
 import { debounce } from "lodash-es";
 import * as React9 from "react";
 
 // src/components/search-controls/SearchFilterDropdown.tsx
 import * as PopoverPrimitive from "@radix-ui/react-popover";
-import { cva as cva15 } from "class-variance-authority";
+import { cva as cva16 } from "class-variance-authority";
 import { ChevronDownIcon, TypeIcon } from "lucide-react";
 import * as React8 from "react";
 import { jsx as jsx110, jsxs as jsxs52 } from "react/jsx-runtime";
-var searchFilterTriggerVariants = cva15(
+var searchFilterTriggerVariants = cva16(
   [
     // Base - matching TextInput height/roundness
     "inline-flex items-center gap-1.5 h-9 px-3 rounded-md",
@@ -15210,7 +15244,7 @@ var searchFilterTriggerVariants = cva15(
     }
   }
 );
-var searchFilterContentVariants = cva15([
+var searchFilterContentVariants = cva16([
   // Background & Border
   "bg-popover text-popover-foreground",
   "border rounded-md shadow-md",
@@ -15315,7 +15349,7 @@ SearchFilterDropdown.displayName = "SearchFilterDropdown";
 
 // src/components/search-controls/LookupSelectFilter.tsx
 import { jsx as jsx111, jsxs as jsxs53 } from "react/jsx-runtime";
-var optionVariants3 = cva16(
+var optionVariants3 = cva17(
   [
     "flex items-center gap-2 px-3 py-2",
     "cursor-pointer select-none",
@@ -15611,13 +15645,13 @@ var LookupSelectFilter = React9.forwardRef(
 LookupSelectFilter.displayName = "LookupSelectFilter";
 
 // src/components/search-controls/SearchFilterBar.tsx
-import { cva as cva17 } from "class-variance-authority";
+import { cva as cva18 } from "class-variance-authority";
 import { debounce as debounce2 } from "lodash-es";
 import { Search as Search2, XIcon } from "lucide-react";
 import * as React10 from "react";
 import { jsx as jsx112, jsxs as jsxs54 } from "react/jsx-runtime";
-var searchFilterBarVariants = cva17(["flex items-center gap-2", "flex-wrap"]);
-var searchFilterBarInputVariants = cva17([
+var searchFilterBarVariants = cva18(["flex items-center gap-2", "flex-wrap"]);
+var searchFilterBarInputVariants = cva18([
   // Layout & Sizing
   "flex h-9 min-w-0",
   // Spacing & Borders (pl-10 for search icon)
@@ -15639,7 +15673,7 @@ var searchFilterBarInputVariants = cva17([
   "disabled:cursor-not-allowed",
   "disabled:opacity-50"
 ]);
-var searchFilterBarClearButtonVariants = cva17([
+var searchFilterBarClearButtonVariants = cva18([
   "inline-flex items-center gap-1 h-9 px-3",
   "text-sm font-medium text-muted-foreground",
   "hover:text-foreground",
@@ -15737,10 +15771,10 @@ var SearchFilterBar = React10.forwardRef(
 SearchFilterBar.displayName = "SearchFilterBar";
 
 // src/components/search-controls/SelectFilter.tsx
-import { cva as cva18 } from "class-variance-authority";
+import { cva as cva19 } from "class-variance-authority";
 import * as React11 from "react";
 import { jsx as jsx113, jsxs as jsxs55 } from "react/jsx-runtime";
-var optionVariants4 = cva18(
+var optionVariants4 = cva19(
   [
     // Layout
     "flex items-center gap-2 px-3 py-2",
@@ -16247,7 +16281,10 @@ var ResourceSearchViewRenderer = (props) => {
     clearFilters,
     hasActiveFilters,
     filterDescriptors,
-    getRequestParams
+    getRequestParams,
+    searchValue,
+    setSearchValue,
+    hasTextSearch
   } = useSchemaFilters(view.schemaFilter);
   const mergedParams = useMemo19(() => {
     const filterParams = getRequestParams();
@@ -16448,7 +16485,9 @@ var ResourceSearchViewRenderer = (props) => {
             filterState,
             onFilterChange: setFilterValue,
             onClearFilters: clearFilters,
-            showClearFilters: hasActiveFilters
+            showClearFilters: hasActiveFilters,
+            searchValue: hasTextSearch ? searchValue : "",
+            onSearchChange: hasTextSearch ? setSearchValue : void 0
           }
         ),
         bulkActions.length > 0 && /* @__PURE__ */ jsx116(ActionBar, { actions: bulkActions }),