diff --git a/studio/frontend/src/features/canvas-lab/components/inline/inline-expression.tsx b/studio/frontend/src/features/canvas-lab/components/inline/inline-expression.tsx
index 775c38498d..a50061ca9f 100644
--- a/studio/frontend/src/features/canvas-lab/components/inline/inline-expression.tsx
+++ b/studio/frontend/src/features/canvas-lab/components/inline/inline-expression.tsx
@@ -1,3 +1,4 @@
+import { Badge } from "@/components/ui/badge";
import { Input } from "@/components/ui/input";
import {
Select,
@@ -7,7 +8,9 @@ import {
SelectValue,
} from "@/components/ui/select";
import type { ReactElement } from "react";
+import { useCanvasLabStore } from "../../stores/canvas-lab";
import type { ExpressionConfig, ExpressionDtype } from "../../types";
+import { getAvailableVariables } from "../../utils/variables";
import { InlineField } from "./inline-field";
type InlineExpressionProps = {
@@ -21,35 +24,56 @@ export function InlineExpression({
config,
onUpdate,
}: InlineExpressionProps): ReactElement {
+ const configs = useCanvasLabStore((state) => state.configs);
+ const vars = getAvailableVariables(configs, config.id);
+
return (
-
-
-