@nubase/frontend 0.1.21 → 0.1.23

package/dist/index.d.mts

@@ -513,6 +513,12 @@ type UseSchemaFiltersReturn<TSchema extends ObjectSchema<any>> = {
     filterDescriptors: FilterFieldDescriptor[];
     /** Get params for API call (removes empty/undefined values) */
     getRequestParams: () => Record<string, unknown>;
+    /** Global search value (if schema has "q" field) */
+    searchValue: string;
+    /** Update global search value */
+    setSearchValue: (value: string) => void;
+    /** Whether the schema supports global text search (has "q" field) */
+    hasTextSearch: boolean;
 };
 /**
  * Hook for managing schema-derived filter state.
@@ -2697,7 +2703,8 @@ declare const unorderedListCommand: MarkdownCommand;
 declare const orderedListCommand: MarkdownCommand;
 declare const checkListCommand: MarkdownCommand;
 
-interface MarkdownTextAreaProps extends React__default.TextareaHTMLAttributes<HTMLTextAreaElement> {
+declare const markdownTextAreaVariants: (props?: class_variance_authority_types.ClassProp | undefined) => string;
+interface MarkdownTextAreaProps extends React__default.TextareaHTMLAttributes<HTMLTextAreaElement>, VariantProps<typeof markdownTextAreaVariants> {
     className?: string;
 }
 interface MarkdownTextAreaHandle {

package/dist/index.d.ts

@@ -513,6 +513,12 @@ type UseSchemaFiltersReturn<TSchema extends ObjectSchema<any>> = {
     filterDescriptors: FilterFieldDescriptor[];
     /** Get params for API call (removes empty/undefined values) */
     getRequestParams: () => Record<string, unknown>;
+    /** Global search value (if schema has "q" field) */
+    searchValue: string;
+    /** Update global search value */
+    setSearchValue: (value: string) => void;
+    /** Whether the schema supports global text search (has "q" field) */
+    hasTextSearch: boolean;
 };
 /**
  * Hook for managing schema-derived filter state.
@@ -2697,7 +2703,8 @@ declare const unorderedListCommand: MarkdownCommand;
 declare const orderedListCommand: MarkdownCommand;
 declare const checkListCommand: MarkdownCommand;
 
-interface MarkdownTextAreaProps extends React__default.TextareaHTMLAttributes<HTMLTextAreaElement> {
+declare const markdownTextAreaVariants: (props?: class_variance_authority_types.ClassProp | undefined) => string;
+interface MarkdownTextAreaProps extends React__default.TextareaHTMLAttributes<HTMLTextAreaElement>, VariantProps<typeof markdownTextAreaVariants> {
     className?: string;
 }
 interface MarkdownTextAreaHandle {

package/dist/index.js

@@ -6163,7 +6163,7 @@ var textInputVariants = (0, import_class_variance_authority7.cva)([
   "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",
@@ -6805,7 +6805,7 @@ var SchemaFormBody = ({
       " ",
       metadataError.message
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("div", { className: "flex-1 space-y-4", children: /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("div", { className: "flex-1 space-y-4 pt-1", children: /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
       SchemaFormVerticalLayout,
       {
         layout,
@@ -7772,7 +7772,7 @@ var workbenchOpenResourceOperation = createCommand({
 });
 
 // src/commands/definitions/workbench.openResourceInModal.tsx
-var import_core7 = require("@nubase/core");
+var import_core8 = require("@nubase/core");
 var import_lucide_react10 = require("lucide-react");
 
 // src/components/form/SchemaForm/useSchemaForm.ts
@@ -8020,6 +8020,7 @@ function useResourceViewQuery(resourceId, view, params, options) {
 }
 
 // src/hooks/useSchemaFilters.ts
+var import_core7 = require("@nubase/core");
 var import_react29 = require("react");
 
 // src/components/schema-filter-bar/introspect-schema.ts
@@ -8053,6 +8054,9 @@ function introspectSchemaForFilters(schema, config) {
   const descriptors = [];
   const shape = schema._shape;
   for (const [fieldName, fieldSchema] of Object.entries(shape)) {
+    if (fieldName === import_core6.SEARCH_FIELD_NAME) {
+      continue;
+    }
     if (config?.excludeFields?.includes(fieldName)) {
       continue;
     }
@@ -8082,6 +8086,10 @@ function introspectSchemaForFilters(schema, config) {
 
 // src/hooks/useSchemaFilters.ts
 function useSchemaFilters(schema, options) {
+  const hasTextSearch = (0, import_react29.useMemo)(() => {
+    if (!schema) return false;
+    return import_core7.SEARCH_FIELD_NAME in schema._shape;
+  }, [schema]);
   const filterDescriptors = (0, import_react29.useMemo)(() => {
     if (!schema) return [];
     return introspectSchemaForFilters(schema, options);
@@ -8089,6 +8097,10 @@ function useSchemaFilters(schema, options) {
   const [filterState, setFilterState] = (0, import_react29.useState)(
     {}
   );
+  const [searchValue, setSearchValueState] = (0, import_react29.useState)("");
+  const setSearchValue = (0, import_react29.useCallback)((value) => {
+    setSearchValueState(value);
+  }, []);
   const setFilterValue = (0, import_react29.useCallback)((field, value) => {
     setFilterState((prev) => ({
       ...prev,
@@ -8106,8 +8118,12 @@ function useSchemaFilters(schema, options) {
   );
   const clearFilters = (0, import_react29.useCallback)(() => {
     setFilterState({});
+    setSearchValueState("");
   }, []);
   const hasActiveFilters = (0, import_react29.useMemo)(() => {
+    if (searchValue.trim() !== "") {
+      return true;
+    }
     return Object.entries(filterState).some(([, value]) => {
       if (value === void 0 || value === null || value === "") {
         return false;
@@ -8117,9 +8133,12 @@ function useSchemaFilters(schema, options) {
       }
       return true;
     });
-  }, [filterState]);
+  }, [filterState, searchValue]);
   const getRequestParams = (0, import_react29.useCallback)(() => {
     const params = {};
+    if (searchValue.trim() !== "") {
+      params[import_core7.SEARCH_FIELD_NAME] = searchValue.trim();
+    }
     for (const [key, value] of Object.entries(filterState)) {
       if (value === void 0 || value === null || value === "") {
         continue;
@@ -8130,7 +8149,7 @@ function useSchemaFilters(schema, options) {
       params[key] = value;
     }
     return params;
-  }, [filterState]);
+  }, [filterState, searchValue]);
   return {
     filterState,
     setFilterValue,
@@ -8138,7 +8157,10 @@ function useSchemaFilters(schema, options) {
     clearFilters,
     hasActiveFilters,
     filterDescriptors,
-    getRequestParams
+    getRequestParams,
+    searchValue,
+    setSearchValue,
+    hasTextSearch
   };
 }
 
@@ -12186,12 +12208,12 @@ var ModalViewRenderer = (props) => {
 
 // src/commands/definitions/workbench.openResourceInModal.tsx
 var import_jsx_runtime70 = require("react/jsx-runtime");
-var workbenchOpenResourceOperationInModalArgsSchema = import_core7.nu.object({
-  resourceId: import_core7.nu.string().withMeta({
+var workbenchOpenResourceOperationInModalArgsSchema = import_core8.nu.object({
+  resourceId: import_core8.nu.string().withMeta({
     label: "Resource ID",
     description: "The ID of the resource to open"
   }).optional(),
-  operation: import_core7.nu.string().withMeta({
+  operation: import_core8.nu.string().withMeta({
     label: "Operation",
     description: "The operation to perform on the resource"
   }).optional()
@@ -12344,11 +12366,11 @@ var workbenchRunCommand = createCommand({
 });
 
 // src/commands/definitions/workbench.setTheme.tsx
-var import_core8 = require("@nubase/core");
+var import_core9 = require("@nubase/core");
 var import_lucide_react12 = require("lucide-react");
 var import_jsx_runtime72 = require("react/jsx-runtime");
-var workbenchSetThemeArgsSchema = import_core8.nu.object({
-  themeId: import_core8.nu.string().withMeta({
+var workbenchSetThemeArgsSchema = import_core9.nu.object({
+  themeId: import_core9.nu.string().withMeta({
     label: "Theme ID",
     description: "The ID of the theme to set"
   }).optional()
@@ -14571,6 +14593,7 @@ var checkListCommand = {
 };
 
 // src/components/markdown-textarea/MarkdownTextArea.tsx
+var import_class_variance_authority14 = require("class-variance-authority");
 var import_react64 = require("react");
 
 // src/components/markdown-textarea/text-controller.ts
@@ -14684,6 +14707,27 @@ function canManipulateViaTextNodes(input) {
 
 // src/components/markdown-textarea/MarkdownTextArea.tsx
 var import_jsx_runtime97 = require("react/jsx-runtime");
+var markdownTextAreaVariants = (0, import_class_variance_authority14.cva)([
+  // 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 = (0, import_react64.forwardRef)(({ className, ...props }, ref) => {
   const textAreaRef = (0, import_react64.useRef)(null);
   const textControllerRef = (0, import_react64.useRef)(void 0);
@@ -14712,17 +14756,7 @@ var MarkdownTextArea = (0, import_react64.forwardRef)(({ className, ...props },
     "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
     }
   );
@@ -14891,7 +14925,7 @@ var MainNav = (0, import_react66.forwardRef)(
 MainNav.displayName = "MainNav";
 
 // src/components/navigation/main-nav/NavItemComponent.tsx
-var import_class_variance_authority14 = require("class-variance-authority");
+var import_class_variance_authority15 = require("class-variance-authority");
 
 // src/components/navigation/main-nav/SafeLink.tsx
 var import_jsx_runtime101 = require("react/jsx-runtime");
@@ -14913,7 +14947,7 @@ var SafeLink = ({ to, className, onClick, children }) => {
 
 // src/components/navigation/main-nav/NavItemComponent.tsx
 var import_jsx_runtime102 = require("react/jsx-runtime");
-var navItemVariants = (0, import_class_variance_authority14.cva)(
+var navItemVariants = (0, import_class_variance_authority15.cva)(
   "flex items-center gap-3 px-3 py-2 text-sm font-medium transition-all duration-200 rounded-md group",
   {
     variants: {
@@ -15365,22 +15399,22 @@ var ResourceCreateViewRenderer = (props) => {
 };
 
 // src/components/views/ViewRenderer/screen/ResourceSearchViewRenderer.tsx
-var import_core9 = require("@nubase/core");
+var import_core10 = require("@nubase/core");
 var import_react_router5 = require("@tanstack/react-router");
 var import_react69 = require("react");
 
 // src/components/search-controls/LookupSelectFilter.tsx
-var import_class_variance_authority16 = require("class-variance-authority");
+var import_class_variance_authority17 = require("class-variance-authority");
 var import_lodash_es = require("lodash-es");
 var React9 = __toESM(require("react"));
 
 // src/components/search-controls/SearchFilterDropdown.tsx
 var PopoverPrimitive = __toESM(require("@radix-ui/react-popover"));
-var import_class_variance_authority15 = require("class-variance-authority");
+var import_class_variance_authority16 = require("class-variance-authority");
 var import_lucide_react17 = require("lucide-react");
 var React8 = __toESM(require("react"));
 var import_jsx_runtime110 = require("react/jsx-runtime");
-var searchFilterTriggerVariants = (0, import_class_variance_authority15.cva)(
+var searchFilterTriggerVariants = (0, import_class_variance_authority16.cva)(
   [
     // Base - matching TextInput height/roundness
     "inline-flex items-center gap-1.5 h-9 px-3 rounded-md",
@@ -15402,7 +15436,7 @@ var searchFilterTriggerVariants = (0, import_class_variance_authority15.cva)(
     }
   }
 );
-var searchFilterContentVariants = (0, import_class_variance_authority15.cva)([
+var searchFilterContentVariants = (0, import_class_variance_authority16.cva)([
   // Background & Border
   "bg-popover text-popover-foreground",
   "border rounded-md shadow-md",
@@ -15507,7 +15541,7 @@ SearchFilterDropdown.displayName = "SearchFilterDropdown";
 
 // src/components/search-controls/LookupSelectFilter.tsx
 var import_jsx_runtime111 = require("react/jsx-runtime");
-var optionVariants3 = (0, import_class_variance_authority16.cva)(
+var optionVariants3 = (0, import_class_variance_authority17.cva)(
   [
     "flex items-center gap-2 px-3 py-2",
     "cursor-pointer select-none",
@@ -15803,13 +15837,13 @@ var LookupSelectFilter = React9.forwardRef(
 LookupSelectFilter.displayName = "LookupSelectFilter";
 
 // src/components/search-controls/SearchFilterBar.tsx
-var import_class_variance_authority17 = require("class-variance-authority");
+var import_class_variance_authority18 = require("class-variance-authority");
 var import_lodash_es2 = require("lodash-es");
 var import_lucide_react18 = require("lucide-react");
 var React10 = __toESM(require("react"));
 var import_jsx_runtime112 = require("react/jsx-runtime");
-var searchFilterBarVariants = (0, import_class_variance_authority17.cva)(["flex items-center gap-2", "flex-wrap"]);
-var searchFilterBarInputVariants = (0, import_class_variance_authority17.cva)([
+var searchFilterBarVariants = (0, import_class_variance_authority18.cva)(["flex items-center gap-2", "flex-wrap"]);
+var searchFilterBarInputVariants = (0, import_class_variance_authority18.cva)([
   // Layout & Sizing
   "flex h-9 min-w-0",
   // Spacing & Borders (pl-10 for search icon)
@@ -15831,7 +15865,7 @@ var searchFilterBarInputVariants = (0, import_class_variance_authority17.cva)([
   "disabled:cursor-not-allowed",
   "disabled:opacity-50"
 ]);
-var searchFilterBarClearButtonVariants = (0, import_class_variance_authority17.cva)([
+var searchFilterBarClearButtonVariants = (0, import_class_variance_authority18.cva)([
   "inline-flex items-center gap-1 h-9 px-3",
   "text-sm font-medium text-muted-foreground",
   "hover:text-foreground",
@@ -15929,10 +15963,10 @@ var SearchFilterBar = React10.forwardRef(
 SearchFilterBar.displayName = "SearchFilterBar";
 
 // src/components/search-controls/SelectFilter.tsx
-var import_class_variance_authority18 = require("class-variance-authority");
+var import_class_variance_authority19 = require("class-variance-authority");
 var React11 = __toESM(require("react"));
 var import_jsx_runtime113 = require("react/jsx-runtime");
-var optionVariants4 = (0, import_class_variance_authority18.cva)(
+var optionVariants4 = (0, import_class_variance_authority19.cva)(
   [
     // Layout
     "flex items-center gap-2 px-3 py-2",
@@ -16416,7 +16450,7 @@ var DEFAULT_COLUMN_WIDTHS = {
   // Will use the wrapped type's width
 };
 var getDefaultColumnWidth = (fieldSchema) => {
-  if (fieldSchema instanceof import_core9.OptionalSchema) {
+  if (fieldSchema instanceof import_core10.OptionalSchema) {
     return getDefaultColumnWidth(fieldSchema.unwrap());
   }
   return DEFAULT_COLUMN_WIDTHS[fieldSchema.type] || 150;
@@ -16439,7 +16473,10 @@ var ResourceSearchViewRenderer = (props) => {
     clearFilters,
     hasActiveFilters,
     filterDescriptors,
-    getRequestParams
+    getRequestParams,
+    searchValue,
+    setSearchValue,
+    hasTextSearch
   } = useSchemaFilters(view.schemaFilter);
   const mergedParams = (0, import_react69.useMemo)(() => {
     const filterParams = getRequestParams();
@@ -16640,7 +16677,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__ */ (0, import_jsx_runtime116.jsx)(ActionBar, { actions: bulkActions }),