open-index/open-npm huggingface dataset:
npm package: @firstparty/ui
Description: Firstparty UI Library
Author: firstparty
Latest version: 0.3.0

# Firstparty UI

> Simple UI library for Firstparty, built on top of Material UI

[![NPM](https://img.shields.io/npm/v/@firstparty/ui.svg)](https://www.npmjs.com/package/@firstparty/ui) [![JavaScript Style Guide](https://img.shields.io/badge/code_style-standard-brightgreen.svg)](https://standardjs.com)

## Install

```bash
npm install --save @firstparty/ui
```

## Documentation

Documentation is available at [firstparty.github.io/ui](firstparty.github.io/ui), and also included in the "docs" folder
within this repo.

### Building Documentation

Run `npm run styleguide` to "watch" changes to components and see a local server host documentation.

### Deploying

1. Run `npm run styleguide:build` to make sure docs will render in GitHub Pages
2. Bump version in `package.json`
3. Push to GitHub
4. Run `npm publish --access public` to deploy to NPM

## License

MIT © [firstparty](https://github.com/firstparty)
npm package: @firstperson/firstperson
Description: OpenClaw channel plugin for the First Person iOS app
Author: First Person Labs
Latest version: 2026.1.79

# First Person OpenClaw Plugin

Connect your [First Person iOS app](https://apps.apple.com/app/first-person-ai/id123456789) to [OpenClaw](https://openclaw.ai) - your personal AI assistant.

## Quick Start

### 1. Install OpenClaw (if you haven't already)

```bash
curl -fsSL https://openclaw.ai/install.sh | bash
openclaw onboard
```

### 2. Install the First Person plugin

```bash
openclaw plugins install firstperson
```

### 3. Download the First Person iOS app

Download from the [App Store](https://apps.apple.com/app/first-person-ai/id123456789) and open the app.

### 4. Connect your app to OpenClaw

In the First Person iOS app:
1. Go to **Settings** (gear icon)
2. Tap **OpenClaw Connection**
3. Copy your **relay token**

Then in your terminal:
```bash
openclaw channels add --channel firstperson
```

Paste your relay token when prompted. The CLI handles all configuration automatically.

### 5. Start the gateway

```bash
openclaw gateway restart
```

### 6. Pair your device

1. **Send any message** from the First Person iOS app
2. **You'll receive a pairing code** in the app
3. **Approve on your server:**
   ```bash
   openclaw pairing approve firstperson <CODE>
   ```
4. **Done!** Send another message and your AI will respond.

## How It Works

```
┌─────────────────┐         ┌─────────────────────┐         ┌─────────────────┐
│  First Person   │◄───────►│  Cloudflare Relay   │◄───────►│  OpenClaw       │
│  iOS App        │   WSS   │  chat.firstperson.ai│   WSS   │  Gateway        │
└─────────────────┘         └─────────────────────┘         └─────────────────┘
```

Your messages are relayed securely through our Cloudflare Worker. The pairing system ensures only your approved devices can communicate with your AI.

## Troubleshooting

**Not receiving pairing code?**
```bash
openclaw channels status --probe
openclaw logs --follow
```

**Need to re-pair?**
```bash
openclaw pairing list firstperson
openclaw pairing approve firstperson <CODE>
```

## License

MIT
npm package: @firstresonance/gantt
Description: Gantt chart renderer
Author: FR
Latest version: 0.3.0

<div align="center">
    <img src="https://github.com/frappe/design/blob/master/logos/logo-2019/frappe-gantt-logo.png" height="128">
    <h2>Frappe Gantt</h2>
    <p align="center">
        <p>A simple, interactive, modern gantt chart library for the web</p>
        <a href="https://frappe.github.io/gantt">
            <b>View the demo »</b>
        </a>
    </p>
</div>

<p align="center">
    <a href="https://frappe.github.io/gantt">
        <img src="https://cloud.githubusercontent.com/assets/9355208/21537921/4a38b194-cdbd-11e6-8110-e0da19678a6d.png">
    </a>
</p>

### Install
```
npm install frappe-gantt
```

### Usage
Include it in your HTML:
```
<script src="frappe-gantt.min.js"></script>
<link rel="stylesheet" href="frappe-gantt.css">
```

And start hacking:
```js
var tasks = [
  {
    id: 'Task 1',
    name: 'Redesign website',
    start: '2016-12-28',
    end: '2016-12-31',
    progress: 20,
    dependencies: 'Task 2, Task 3',
    custom_class: 'bar-milestone' // optional
  },
  ...
]
var gantt = new Gantt("#gantt", tasks);
```

You can also pass various options to the Gantt constructor:
```js
var gantt = new Gantt("#gantt", tasks, {
    header_height: 50,
    column_width: 30,
    step: 24,
    view_modes: ['Quarter Day', 'Half Day', 'Day', 'Week', 'Month'],
    bar_height: 20,
    bar_corner_radius: 3,
    arrow_curve: 5,
    padding: 18,
    view_mode: 'Day',   
    date_format: 'YYYY-MM-DD',
    custom_popup_html: null
});
```

If you want to contribute:

1. Clone this repo.
2. `cd` into project directory
3. `yarn`
4. `yarn run dev`

License: MIT

------------------
Project maintained by [frappe](https://github.com/frappe)