Feature implementation from commits 15fd731..a0815c8

.changeset/small-birds-arrive.md

@@ -0,0 +1,16 @@
+---
+"@trigger.dev/react-hooks": patch
+---
+
+Added the ability to specify a "createdAt" filter when subscribing to tags in our useRealtime hooks:
+
+```tsx
+// Only subscribe to runs created in the last 10 hours
+useRealtimeRunWithTags("my-tag", { createdAt: "10h" })
+```
+
+You can also now choose to skip subscribing to specific columns by specifying the `skipColumns` option:
+
+```tsx
+useRealtimeRun(run.id, { skipColumns: ["usageDurationMs"] });
+```

.changeset/wicked-ads-walk.md

@@ -0,0 +1,6 @@
+---
+"@trigger.dev/react-hooks": patch
+"@trigger.dev/core": patch
+---
+
+Fixes an issue with realtime when re-subscribing to a run, that would temporarily display stale data and the changes. Now when re-subscribing to a run only the latest changes will be vended

.gitignore

@@ -63,3 +63,4 @@ apps/**/public/build
 /packages/core/src/package.json
 /packages/trigger-sdk/src/package.json
 /packages/python/src/package.json
+.claude

apps/webapp/app/assets/icons/SparkleListIcon.tsx

@@ -0,0 +1,14 @@
+export function SparkleListIcon({ className }: { className?: string }) {
+  return (
+    <svg className={className} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+      <path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M17 11C17.4304 11 17.8126 11.2754 17.9487 11.6838L18.4743 13.2607C18.6734 13.858 19.142 14.3266 19.7393 14.5257L21.3162 15.0513C21.7246 15.1874 22 15.5696 22 16C22 16.4304 21.7246 16.8126 21.3162 16.9487L19.7393 17.4743C19.142 17.6734 18.6734 18.142 18.4743 18.7393L17.9487 20.3162C17.8126 20.7246 17.4304 21 17 21C16.5696 21 16.1874 20.7246 16.0513 20.3162L15.5257 18.7393C15.3266 18.142 14.858 17.6734 14.2607 17.4743L12.6838 16.9487C12.2754 16.8126 12 16.4304 12 16C12 15.5696 12.2754 15.1874 12.6838 15.0513L14.2607 14.5257C14.858 14.3266 15.3266 13.858 15.5257 13.2607L16.0513 11.6838C16.1874 11.2754 16.5696 11 17 11Z"
+        fill="currentColor"
+      />
+      <rect x="2" y="6" width="20" height="2" rx="1" fill="currentColor" />
+      <rect x="2" y="15" width="7" height="2" rx="1" fill="currentColor" />
+    </svg>
+  );
+}