Ian/restore component lists (#43592)

- adds links to components to the docs in more contextual places

GitOrigin-RevId: 164d7eaf45e0335903fcbebb33e464ba3f9357ac

Author: ianmacartney

npm-packages/docs/docs/error.mdx

@@ -2,6 +2,8 @@
 description: "Understand specific errors thrown by Convex"
 ---
 
+import { ComponentCardList } from "@site/src/components/ComponentCard";
+
 # Errors and Warnings
 
 This page explains specific errors thrown by Convex.
@@ -98,3 +100,28 @@ To fix this issue:
 - Learn more about [optimistic concurrency control](/database/advanced/occ.md).
 - See this [Stack post](https://stack.convex.dev/waitlist) for an example of
   designing an app to avoid mutation conflicts.
+
+### Related Components
+
+<ComponentCardList
+  items={[
+    {
+      title: "Workpool",
+      description:
+        "Workpool give critical tasks priority by organizing async operations into separate, customizable queues.",
+      href: "https://www.convex.dev/components/workpool",
+    },
+    {
+      title: "Sharded Counter",
+      description:
+        "High-throughput counter enables denormalized counts without write conflicts by spreading writes over multiple documents.",
+      href: "https://www.convex.dev/components/sharded-counter",
+    },
+    {
+      title: "Action Cache",
+      description:
+        "Cache frequently run actions. By leveraging the `force` parameter to keep the cache populated, you can ensure that the cache is always up to date and avoid data races.",
+      href: "https://www.convex.dev/components/action-cache",
+    },
+  ]}
+/>

npm-packages/docs/docs/functions/actions.mdx

@@ -4,6 +4,7 @@ sidebar_position: 30
 description: "Call third-party services and external APIs from Convex"
 ---
 
+import { ComponentCardList } from "@site/src/components/ComponentCard";
 import Constructor from "!!raw-loader!@site/../private-demos/snippets/convex/actionsConstructor.ts";
 import ArgsWithValidation from "!!raw-loader!@site/../private-demos/snippets/convex/actionsArgsWithValidation.ts";
 import Context from "!!raw-loader!@site/../private-demos/snippets/convex/actionsContext.ts";
@@ -305,3 +306,28 @@ database access.
 Caveats: Separate runQuery / runMutation calls are valid when intentionally
 trying to process more data than fits in a single transaction (e.g. running a
 migration, doing a live aggregate).
+
+## Related Components
+
+<ComponentCardList
+  items={[
+    {
+      title: "Action Cache",
+      description:
+        "Cache expensive or frequently run actions. Allows configurable cache duration and forcing updates.",
+      href: "https://www.convex.dev/components/action-cache",
+    },
+    {
+      title: "Workpool",
+      description:
+        "Workpool give critical tasks priority by organizing async operations into separate, customizable queues. Supports retries and parallelism limits.",
+      href: "https://www.convex.dev/components/workpool",
+    },
+    {
+      title: "Workflow",
+      description:
+        "Similar to Actions, Workflows can call queries, mutations, and actions. However, they are durable functions that can suspend, survive server crashes, specify retries for action calls, and more.",
+      href: "https://www.convex.dev/components/workflow",
+    },
+  ]}
+/>

npm-packages/docs/docs/functions/error-handling/error-handling.mdx

@@ -4,6 +4,8 @@ sidebar_position: 70
 description: "Handle errors in Convex queries, mutations, and actions"
 ---
 
+import { ComponentCardList } from "@site/src/components/ComponentCard";
+
 There are four reasons why your Convex [queries](/functions/query-functions.mdx)
 and [mutations](/functions/mutation-functions.mdx) may hit errors:
 
@@ -187,3 +189,22 @@ For information on other limits, see [here](/production/state/limits.mdx).
 
 See [Debugging](/functions/debugging.mdx) and specifically
 [Finding relevant logs by Request ID](/functions/debugging.mdx#finding-relevant-logs-by-request-id).
+
+## Related Components
+
+<ComponentCardList
+  items={[
+    {
+      title: "Workpool",
+      description:
+        "Workpool give critical tasks priority by organizing async operations into separate, customizable queues. Supports retries and parallelism limits.",
+      href: "https://www.convex.dev/components/workpool",
+    },
+    {
+      title: "Workflow",
+      description:
+        "Simplify programming long running code flows. Workflows execute durably with configurable retries and delays.",
+      href: "https://www.convex.dev/components/workflow",
+    },
+  ]}
+/>

npm-packages/docs/docs/production/integrations/integrations.mdx

@@ -4,6 +4,8 @@ description: "Integrate Convex with third party services"
 sidebar_position: 1
 ---
 
+import { ComponentCardList } from "@site/src/components/ComponentCard";
+
 Convex integrates with a variety of supported third party tools for log
 streaming and exception reporting.
 
@@ -35,3 +37,45 @@ integration will stop running within a few seconds.
 
 Please reach out with any questions, comments, or suggestions
 [on Discord](https://convex.dev/community).
+
+## Integration Components
+
+Beyond integrations for logs and exceptions, [Convex Components](/components)
+make it easier to work with third party services. See the full list of
+components on the [Convex Components Directory](https://convex.dev/components).
+
+<ComponentCardList
+  items={[
+    {
+      title: "Cloudflare R2",
+      description: "Store and serve files in Cloudflare's R2 storage.",
+      href: "https://www.convex.dev/components/cloudflare-r2",
+    },
+    {
+      title: "Collaborative Text Editor",
+      description:
+        "Real-time collaborative text editing using BlockNote or Tiptap.",
+      href: "https://www.convex.dev/components/prosemirror-sync",
+    },
+    {
+      title: "Expo Push Notifications",
+      description: "Send mobile push notifications using Expo.",
+      href: "https://www.convex.dev/components/push-notifications",
+    },
+    {
+      title: "Twilio SMS",
+      description: "Send and receive SMS messages using Twilio's API.",
+      href: "https://www.convex.dev/components/twilio",
+    },
+    {
+      title: "LaunchDarkly Feature Flags",
+      description: "Sync feature flags with backend, backed by LaunchDarkly.",
+      href: "https://www.convex.dev/components/launchdarkly",
+    },
+    {
+      title: "Polar",
+      description: "Add subscriptions and billing with Polar.",
+      href: "https://www.convex.dev/components/polar",
+    },
+  ]}
+/>