From 605cd757b0b4e88d7e26ea605db832f22b5a1281 Mon Sep 17 00:00:00 2001
From: precious112 <preciouskent8@gmail.com>
Date: Wed, 11 Mar 2026 05:42:08 +0100
Subject: [PATCH] added sdk installation guide

---
 packages/sdk-node/package.json             |  2 +-
 packages/sdk-python/pyproject.toml         |  2 +-
 packages/web/src/app/settings/llm/page.tsx | 21 +++++++++++++++++++++
 packages/web/src/app/webhooks/page.tsx     | 17 +++++++++++++++++
 4 files changed, 40 insertions(+), 2 deletions(-)

diff --git a/packages/sdk-node/package.json b/packages/sdk-node/package.json
index 91cd7bc..72252ca 100644
--- a/packages/sdk-node/package.json
+++ b/packages/sdk-node/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@argus-ai/node",
-  "version": "0.1.0",
+  "version": "0.2.0",
   "description": "Argus Node.js SDK - Instrumentation for AI-native observability",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
diff --git a/packages/sdk-python/pyproject.toml b/packages/sdk-python/pyproject.toml
index 4e71026..8f395c4 100644
--- a/packages/sdk-python/pyproject.toml
+++ b/packages/sdk-python/pyproject.toml
@@ -1,6 +1,6 @@
 [project]
 name = "argus-ai-sdk"
-version = "0.1.0"
+version = "0.2.0"
 description = "Argus Python SDK - Instrumentation for AI-native observability"
 readme = "README.md"
 requires-python = ">=3.9"
diff --git a/packages/web/src/app/settings/llm/page.tsx b/packages/web/src/app/settings/llm/page.tsx
index c964e5a..eaeb833 100644
--- a/packages/web/src/app/settings/llm/page.tsx
+++ b/packages/web/src/app/settings/llm/page.tsx
@@ -2,6 +2,7 @@
 
 import { useCallback, useEffect, useState } from "react";
 import { apiFetch } from "@/lib/api";
+import { useDeployment } from "@/hooks/useDeployment";
 
 const API =
   process.env.NEXT_PUBLIC_AGENT_API_URL || "http://localhost:7600/api/v1";
@@ -15,6 +16,7 @@ interface LLMConfig {
 }
 
 export default function LLMSettingsPage() {
+  const { isSaaS } = useDeployment();
   const [config, setConfig] = useState<LLMConfig | null>(null);
   const [provider, setProvider] = useState("openai");
   const [model, setModel] = useState("");
@@ -120,6 +122,25 @@ export default function LLMSettingsPage() {
         be used.
       </p>
 
+      {isSaaS && (
+        <div className="mb-6 rounded-lg border border-argus-500/30 bg-argus-500/10 px-4 py-3 text-sm">
+          <p className="text-[var(--foreground)]">
+            Use <code className="rounded bg-[var(--background)] px-1.5 py-0.5 text-xs font-mono">api.tryargus.cloud</code> as your server URL when configuring SDKs.
+          </p>
+          <p className="mt-1 text-[var(--muted)]">
+            Want to learn more?{" "}
+            <a
+              href="https://tryargus.cloud/docs"
+              target="_blank"
+              rel="noopener noreferrer"
+              className="text-argus-400 underline hover:text-argus-300"
+            >
+              Visit our documentation
+            </a>
+          </p>
+        </div>
+      )}
+
       <div className="rounded-lg border border-[var(--border)] bg-[var(--card)] p-6">
         {config?.configured && (
           <div className="mb-4 rounded bg-green-900/20 px-3 py-2 text-sm text-green-400">
diff --git a/packages/web/src/app/webhooks/page.tsx b/packages/web/src/app/webhooks/page.tsx
index 8e35e76..deb35cb 100644
--- a/packages/web/src/app/webhooks/page.tsx
+++ b/packages/web/src/app/webhooks/page.tsx
@@ -196,6 +196,23 @@ export default function WebhooksPage() {
         </button>
       </div>
 
+      <div className="rounded-lg border border-argus-500/30 bg-argus-500/10 px-4 py-3 text-sm">
+        <p className="text-[var(--foreground)]">
+          Use <code className="rounded bg-[var(--background)] px-1.5 py-0.5 text-xs font-mono">api.tryargus.cloud</code> as your server URL when configuring SDKs and webhooks.
+        </p>
+        <p className="mt-1 text-[var(--muted)]">
+          Want to learn more?{" "}
+          <a
+            href="https://tryargus.cloud/docs"
+            target="_blank"
+            rel="noopener noreferrer"
+            className="text-argus-400 underline hover:text-argus-300"
+          >
+            Visit our documentation
+          </a>
+        </p>
+      </div>
+
       {error && (
         <div className="rounded border border-red-500/30 bg-red-500/10 px-4 py-2 text-sm text-red-400">
           {error}