hyp develop section draft

Author: octref

configure-environment.mdx

@@ -1,6 +1,31 @@
 ---
 title: Configure Environnment
-description: ""
+description: "Configure the project's environment in Hypermode Console"
 ---
 
-<Warning>- host secrets - shared vs. dedicated models - scaling</Warning>
+## Host Secrets
+
+In your project dashboard, navigate to Settings -> Hosts. Here you can configure secrets that are used for connecting to external hosts.
+
+## Shared vs Dedicated Models
+
+By default, models hosted on Hypermode run on a shared instance. All new projects use shared models. You can specify `"dedicated": true` in your `hypermode.json` to enable dedicated models:
+
+```json
+{
+  ...
+  "models": {
+    "text-generator": {
+      "sourceModel": "meta-llama/Meta-Llama-3.1-8B-Instruct",
+      "provider": "hugging-face",
+      "host": "hypermode",
+      "dedicated": true
+    }
+  }
+  ...
+}
+```
+
+## Scaling
+
+WIP

images/observe-functions/function-runs.png

@@ -1,6 +1,39 @@
 ---
 title: Integrate API
-description: ""
+description: "Use the project's API endpoint and token"
 ---
 
-<Warning>API endpoint + keys</Warning>
+## API Endpoint
+
+You can find your project's API endpoint in your project dashboard. The endpoint follows this format: `https://<project-slug>-<org-slug>.hypermode.app/graphql`.
+
+## API Token
+
+In your project dashboard, navigate to Settings -> API Keys to find your API token.
+
+You can access the API by passing the API token in the `Authorization` header. Here's an example using the `fetch` API in JavaScript:
+
+<CodeGroup>
+
+```javascript index.js
+const endpoint = '' // your API endpoint
+const key = '' // your API key
+ // your graphql query
+const query = `query {
+  ...
+}`
+
+const response = await fetch(endpoint, {
+  method: "POST",
+  headers: {
+    "Content-Type": "application/json",
+    Authorization: key,
+  },
+  body: JSON.stringify({
+    query: query,
+  }),
+})
+const data = await response.json()
+```
+
+</CodeGroup>

images/observe-functions/inference-history.png

@@ -5,6 +5,44 @@ description: "Understand what's happening within your functions"
 
 <Warning>- function invocation logs - model inferences</Warning>
 
-When you invoke a function within your project, the service records each execution. In addition to duration, logs are available for each execution to enable integrated debugging.
+When you invoke a function within your project, Hypermode records the execution. In addition to duration, logs are available for each execution to enable integrated debugging.
 
-To access the run history, navigate to the Function Runs tab of your project within the Hypermode Console.
+## Function Runs
+
+In your function code, you can add logs to help debug your functions:
+
+<CodeGroup>
+
+```typescript index.ts
+console.log("This is a simple log message.");
+console.debug("This is a debug message.");
+console.info("This is an info message.");
+console.warn("This is a warning message.");
+console.error("This is an error message.");
+```
+
+```go main.go
+package main
+
+import (
+	"github.com/hypermodeinc/modus/sdk/go/pkg/console"
+)
+
+console.Log("This is a simple log message.")
+console.Debug("This is a debug message.")
+console.Info("This is an info message.")
+console.Warn("This is a warning message.")
+console.Error("This is an error message.")
+```
+
+</CodeGroup>
+
+In your project dashboard, navigate to the Function Runs tab to view execution logs of your functions. 
+
+![function runs](images/observe-functions/function-runs.png)
+
+## Inference History
+
+For each model invocation, Hypermode records the model inference. This includes the input and output of the model, as well as the timestamp and duration of the inference.
+
+![inference history](images/observe-functions/inference-history.png)

integrate-api.mdx

@@ -3,4 +3,5 @@ title: Work Locally
 description: ""
 ---
 
+
 <Warning>connecting to Hypermode-hosted shared models</Warning>