Incorrect linking to modules for Charts

[nodeGarden]

Brand new install following the instructions:

npx creoctl@latest init
cd my-creo-app && npm i && npm run dev

I open a sample tool, and ask the ai agent to "create some charts for this data"

Comes out with a compile error (didn't save), and then on reload tells me to edit app/page.tsx and paste the code:

import DataTable from "@trycreo/ui/dist/src/components/ui/data-table";
import { promises as fs } from "fs";
import { deleteAction, toggleNewUI } from "./actions";
import { columns } from "./client";
import { BarChart, LineChart } from "@trycreo/ui/dist/src/components/ui/charts";

async function FeatureFlags() {
  const file = await fs.readFile(
    process.cwd() + "/public/data/MOCK_DATA_SMALL.json",
    "utf8"
  );
  const data = JSON.parse(file);

...

Comes out with an error:

./app/tools/new-ui-feature-flags/page.tsx:5:0
Module not found: Can't resolve '@trycreo/ui/dist/src/components/ui/charts'
  3 | import { deleteAction, toggleNewUI } from "./actions";
  4 | import { columns } from "./client";
> 5 | import { BarChart, LineChart } from "@trycreo/ui/dist/src/components/ui/charts";
  6 |
  7 | async function FeatureFlags() {
  8 |   const file = await fs.readFile(

https://nextjs.org/docs/messages/module-not-found

I run npm install and npm upgrade in the tool folder to try and correct, and it says everything is up-to-date.
Restart the server (dev) and the errors persist.

I change to individual imports since I see the files are separate:

import { BarChart  } from "@trycreo/ui/dist/src/components/ui/bar-chart";
import { LineChart  } from "@trycreo/ui/dist/src/components/ui/line-chart";

Still shows error from old code as if it didn't change. Restart server. And it works... or at least builds.
The charts don't actually render: