added shortcuts in help and feedback

escaped "/" character in search for logs
fixed cursor ordering

Author: mpcgrid

apps/webapp/app/components/Shortcuts.tsx

@@ -161,6 +161,37 @@ function ShortcutContent() {
               <ShortcutKey shortcut={{ key: "p" }} variant="medium/bright" />
             </Shortcut>
           </div>
+          <div className="space-y-3">
+            <Header3>Logs page</Header3>
+            <Shortcut name="Filter by task">
+              <ShortcutKey shortcut={{ key: "t" }} variant="medium/bright" />
+            </Shortcut>
+            <Shortcut name="Filter by run ID">
+              <ShortcutKey shortcut={{ key: "i" }} variant="medium/bright" />
+            </Shortcut>
+            <Shortcut name="Filter by level">
+              <ShortcutKey shortcut={{ key: "l" }} variant="medium/bright" />
+            </Shortcut>
+            <Shortcut name="Select log level">
+              <ShortcutKey shortcut={{ key: "1" }} variant="medium/bright" />
+              <Paragraph variant="small" className="ml-1.5">
+                to
+              </Paragraph>
+              <ShortcutKey shortcut={{ key: "4" }} variant="medium/bright" />
+            </Shortcut>
+            <Shortcut name="Close detail panel">
+              <ShortcutKey shortcut={{ key: "esc" }} variant="medium/bright" />
+            </Shortcut>
+            <Shortcut name="Details tab">
+              <ShortcutKey shortcut={{ key: "d" }} variant="medium/bright" />
+            </Shortcut>
+            <Shortcut name="Run tab">
+              <ShortcutKey shortcut={{ key: "r" }} variant="medium/bright" />
+            </Shortcut>
+            <Shortcut name="View full run">
+              <ShortcutKey shortcut={{ key: "v" }} variant="medium/bright" />
+            </Shortcut>
+          </div>
           <div className="space-y-3">
             <Header3>Schedules page</Header3>
             <Shortcut name="New schedule">

apps/webapp/app/presenters/v3/LogsListPresenter.server.ts

@@ -27,6 +27,11 @@ type ErrorAttributes = {
   [key: string]: unknown;
 };
 
+function escapeClickHouseString(val: string): string {
+  return val.replace(/\//g, "\\/");
+}
+
+
 export type LogsListOptions = {
   userId?: string;
   projectId: string;
@@ -294,11 +299,11 @@ export class LogsListPresenter extends BasePresenter {
 
     // Case-insensitive search in message, attributes, and status fields
     if (search && search.trim() !== "") {
-      const searchTerm = search.trim();
+      const searchTerm = escapeClickHouseString(search.trim()).toLowerCase();
       queryBuilder.where(
         "(lower(message) like {searchPattern: String} OR lower(attributes_text) like {searchPattern: String})",
         {
-          searchPattern: `%${searchTerm.toLowerCase()}%`
+          searchPattern: `%${searchTerm}%`
         }
       );
     }
@@ -361,7 +366,7 @@ export class LogsListPresenter extends BasePresenter {
     const decodedCursor = cursor ? decodeCursor(cursor) : null;
     if (decodedCursor) {
       queryBuilder.where(
-        "(environment_id, toUnixTimestamp(start_time), trace_id) > ({cursorEnvId: String}, {cursorUnixTimestamp: Int64}, {cursorTraceId: String})",
+        "(environment_id, toUnixTimestamp(start_time), trace_id) < ({cursorEnvId: String}, {cursorUnixTimestamp: Int64}, {cursorTraceId: String})",
         {
           cursorEnvId: decodedCursor.environmentId,
           cursorUnixTimestamp: decodedCursor.unixTimestamp,