fix: ai filter on ratelimits namespace id is showing bad

apps/dashboard/app/(app)/apis/[apiId]/_overview/components/controls/components/logs-search/index.tsx

@@ -44,6 +44,11 @@ export const LogsSearch = ({ apiId }: { apiId: string }) => {
 
   return (
     <LogsLLMSearch
+      exampleQueries={[
+        "Show rate limited outcomes",
+        "Show identity that starts with test_",
+        "Show name that starts with test_ in the last hour",
+      ]}
       isLoading={queryLLMForStructuredOutput.isLoading}
       searchMode="manual"
       onSearch={(query) =>

apps/dashboard/app/(app)/apis/_components/controls/components/logs-search/index.tsx

@@ -46,6 +46,11 @@ export const LogsSearch = ({ onSearch, onApiListChange, apiList }: Props) => {
 
   return (
     <LogsLLMSearch
+      exampleQueries={[
+        "Show rate limited requests today",
+        "Show requests that were not rate limited today",
+        "Show requests in the last 5 minutes",
+      ]}
       hideExplainer
       onClear={handleClear}
       placeholder="Search API using name or ID"

apps/dashboard/app/(app)/audit/components/controls/components/logs-search/index.tsx

@@ -44,6 +44,11 @@ export const LogsSearch = () => {
 
   return (
     <LogsLLMSearch
+      exampleQueries={[
+        "Show keys created in the last 3h",
+        "Show all ratelimit events",
+        "Show all role deletions",
+      ]}
       isLoading={queryLLMForStructuredOutput.isLoading}
       searchMode="manual"
       onSearch={(query) =>

apps/dashboard/app/(app)/logs/components/controls/components/logs-search/index.tsx

@@ -44,6 +44,11 @@ export const LogsSearch = () => {
 
   return (
     <LogsLLMSearch
+      exampleQueries={[
+        "Show failed requests today",
+        "Show auth errors in the last 3h",
+        "Show API calls from a path that includes api/v1/",
+      ]}
       isLoading={queryLLMForStructuredOutput.isLoading}
       searchMode="manual"
       onSearch={(query) =>

apps/dashboard/app/(app)/ratelimits/[namespaceId]/_overview/components/controls/components/logs-search/index.tsx

@@ -44,6 +44,11 @@ export const LogsSearch = () => {
 
   return (
     <LogsLLMSearch
+      exampleQueries={[
+        "Show all identifiers that is test",
+        "Show all identifiers that include cust_",
+        "Show all identifiers for customer in the last 1h",
+      ]}
       isLoading={queryLLMForStructuredOutput.isLoading}
       searchMode="manual"
       onSearch={(query) =>

apps/dashboard/app/(app)/ratelimits/[namespaceId]/logs/components/controls/components/logs-search/index.tsx

@@ -44,6 +44,11 @@ export const LogsSearch = () => {
 
   return (
     <LogsLLMSearch
+      exampleQueries={[
+        "Show failed requests today",
+        "Show passed requests from the last 1 hour",
+        "Show failed requests that includes cust_ in the identifier",
+      ]}
       isLoading={queryLLMForStructuredOutput.isLoading}
       searchMode="manual"
       onSearch={(query) =>

apps/dashboard/app/(app)/ratelimits/_components/controls/components/logs-search/index.tsx

@@ -41,6 +41,11 @@ export const LogsSearch = ({ setNamespaces, initialNamespaces }: LogsSearchProps
 
   return (
     <LogsLLMSearch
+      exampleQueries={[
+        "Show failed requests today",
+        "Show passed requests from the last 1 hour",
+        "Show failed requests that includes cust_ in the identifier",
+      ]}
       hideExplainer
       onClear={handleClear}
       placeholder="Search namespaces"

apps/dashboard/components/logs/llm-search/components/search-actions.tsx

@@ -2,6 +2,7 @@ import { XMark } from "@unkey/icons";
 import { SearchExampleTooltip } from "./search-example-tooltip";
 
 type SearchActionsProps = {
+  exampleQueries?: string[];
   searchText: string;
   hideClear: boolean;
   hideExplainer: boolean;
@@ -15,6 +16,7 @@ type SearchActionsProps = {
  * SearchActions component renders the right-side actions (clear button or examples tooltip)
  */
 export const SearchActions: React.FC<SearchActionsProps> = ({
+  exampleQueries,
   searchText,
   hideClear,
   hideExplainer,
@@ -43,7 +45,9 @@ export const SearchActions: React.FC<SearchActionsProps> = ({
   }
 
   if (searchText.length === 0 && !hideExplainer) {
-    return <SearchExampleTooltip onSelectExample={onSelectExample} />;
+    return (
+      <SearchExampleTooltip onSelectExample={onSelectExample} exampleQueries={exampleQueries} />
+    );
   }
 
   return null;

apps/dashboard/components/logs/llm-search/components/search-example-tooltip.tsx

@@ -3,13 +3,17 @@ import { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger } from "compon
 
 type SearchExampleTooltipProps = {
   onSelectExample: (query: string) => void;
+  exampleQueries?: string[];
 };
 
-export const SearchExampleTooltip: React.FC<SearchExampleTooltipProps> = ({ onSelectExample }) => {
-  const examples = [
-    { id: "failed-requests", text: "Show failed requests today" },
-    { id: "auth-errors", text: "auth errors in the last 3h" },
-    { id: "api-calls", text: "API calls from a path that includes /api/v1/oz" },
+export const SearchExampleTooltip: React.FC<SearchExampleTooltipProps> = ({
+  onSelectExample,
+  exampleQueries,
+}) => {
+  const examples = exampleQueries ?? [
+    "Show failed requests today",
+    "auth errors in the last 3h",
+    "API calls from a path that includes /api/v1/oz",
   ];
 
   return (
@@ -31,15 +35,15 @@ export const SearchExampleTooltip: React.FC<SearchExampleTooltipProps> = ({ onSe
             </div>
             <ul className="space-y-1.5 pl-1 [&_svg]:size-[10px] ">
               {examples.map((example) => (
-                <li key={example.id} className="flex items-center gap-2">
+                <li key={example} className="flex items-center gap-2">
                   <CaretRightOutline className="text-accent-9" />
                   <button
                     type="button"
                     className="hover:text-accent-11 transition-colors cursor-pointer hover:underline"
-                    onClick={() => onSelectExample(example.text)}
-                    data-testid={`example-${example.id}`}
+                    onClick={() => onSelectExample(example)}
+                    data-testid={`example-${example}`}
                   >
-                    "{example.text}"
+                    "{example}"
                   </button>
                 </li>
               ))}

apps/dashboard/components/logs/llm-search/index.tsx

@@ -9,6 +9,7 @@ import { useSearchStrategy } from "./hooks/use-search-strategy";
 type SearchMode = "allowTypeDuringSearch" | "debounced" | "manual";
 
 type Props = {
+  exampleQueries?: string[];
   onSearch: (query: string) => void;
   onClear?: () => void;
   placeholder?: string;
@@ -22,6 +23,7 @@ type Props = {
 };
 
 export const LogsLLMSearch = ({
+  exampleQueries,
   onSearch,
   isLoading,
   onClear,
@@ -154,6 +156,7 @@ export const LogsLLMSearch = ({
         </div>
 
         <SearchActions
+          exampleQueries={exampleQueries}
           searchText={searchText}
           hideClear={hideClear}
           hideExplainer={hideExplainer}

apps/dashboard/lib/trpc/routers/audit/llm-search/utils.ts

@@ -13,8 +13,12 @@ export async function getStructuredAuditSearchFromLLM(
   usersReferenceMS: number,
 ) {
   try {
+    // Skip LLM processing in development environment when OpenAI API key is not configured
     if (!openai) {
-      return null; // Skip LLM processing in development environment when OpenAI API key is not configured
+      throw new TRPCError({
+        code: "PRECONDITION_FAILED",
+        message: "OpenAI isn't configured correctly, please check your API key",
+      });
     }
 
     const completion = await openai.beta.chat.completions.parse({

apps/dashboard/lib/trpc/routers/logs/llm-search/utils.test.ts

@@ -27,9 +27,14 @@ describe("getStructuredSearchFromLLM", () => {
     },
   };
 
-  it("should return null if openai is not configured", async () => {
+  it("should return TRPCError if openai is not configured", async () => {
     const result = await getStructuredSearchFromLLM(null as any, "test query", 1706024400000);
-    expect(result).toBeNull();
+    expect(result).rejects.toThrowError(
+      new TRPCError({
+        code: "PRECONDITION_FAILED",
+        message: "OpenAI isn't configured correctly, please check your API key",
+      }),
+    );
   });
 
   it("should handle successful LLM response", async () => {

apps/dashboard/lib/trpc/routers/logs/llm-search/utils.ts

@@ -11,7 +11,10 @@ export async function getStructuredSearchFromLLM(
 ) {
   try {
     if (!openai) {
-      return null; // Skip LLM processing in development environment when OpenAI API key is not configured
+      throw new TRPCError({
+        code: "PRECONDITION_FAILED",
+        message: "OpenAI isn't configured correctly, please check your API key",
+      });
     }
     const completion = await openai.beta.chat.completions.parse({
       // Don't change the model only a few models allow structured outputs

apps/dashboard/lib/trpc/routers/ratelimit/llm-search/utils.test.ts

@@ -43,9 +43,14 @@ describe("getStructuredSearchFromLLM", () => {
     },
   };
 
-  it("should return null if openai is not configured", async () => {
+  it("should return TRPCError if openai is not configured", async () => {
     const result = await getStructuredSearchFromLLM(null as any, "test query", 1706024400000);
-    expect(result).toBeNull();
+    expect(result).rejects.toThrowError(
+      new TRPCError({
+        code: "PRECONDITION_FAILED",
+        message: "OpenAI isn't configured correctly, please check your API key",
+      }),
+    );
   });
 
   it("should handle successful LLM response", async () => {

apps/dashboard/lib/trpc/routers/ratelimit/llm-search/utils.ts

@@ -30,7 +30,10 @@ export async function getStructuredSearchFromLLM(
 ) {
   try {
     if (!openai) {
-      return null; // Skip LLM processing in development environment when OpenAI API key is not configured
+      throw new TRPCError({
+        code: "PRECONDITION_FAILED",
+        message: "OpenAI isn't configured correctly, please check your API key",
+      });
     }
     const completion = await openai.beta.chat.completions.parse({
       // Don't change the model only a few models allow structured outputs